﻿/**
 * 武汉天地之间生物技术有限公司企业网站 两栏布局页面样式
 *
 * @copyright       Copyright 2006-2009, www.sky-earth.com.cn
 * Designed by :amadeus 
 * email:zhichao07@126.com 
 * @lastmodified    $Date: 2009-02-20 $
 */
/*-------------> > >>  start < < <<-------------*/
/*-------------> > >>  end < < <<-------------*/
/*-------------> > >> container_top start < < <<-------------*/
#container_top
{
    display: block;
    height: 22px;
    padding: 4px 20px 0;
    background: url(../images/header-950px.gif) no-repeat;
}
#container_top h6
{
    color: #333;
    font: normal 12px/21px Helvetica, Arial, Verdana, sans-serif;
    border:1px dashed #ccc;
    padding:0 10px;
    border-width:0 0 1px 0;
}
#container_top h6 a
{
    color: #dd5c08;
    font: normal 12px/21px Helvetica, Arial, Verdana, sans-serif;
    border:0;
    text-decoration:none;
}
#container_top h6 a:hover
{
    color: #7aa901;
    text-decoration:none;
} 
/*-------------> > >> container_top end < < <<-------------*/
/*-------------> > >> container_body start < < <<-------------*/
.container_body
{
    display: block;
    position: relative;
    padding: 5px 15px 0 15px;
    border:1px solid #e1e1df;
    border-width:0 1px;
    background:#fff url(../images/bg_leftcenter.gif) no-repeat scroll center left;
    zoom: 1;
}
.container_body .column_left
{
    text-align: left;
    width:177px;
    margin-left: 5px;
    float: left;
}
#sliding-navbox,.adbarb
{
	padding:0;
	margin:0;
	float: left;
	width:175px;
	border: 1px solid #C9C9C9;
	border-width:0 1px;
    background:#EAE9E9 url(../images/leftNavBG.gif) repeat-y;
	}
#sliding-navbox-top,#sliding-navbox-bottom,.adbart,.adbarf
{
	padding:0;
	float: left;
	width:177px;
	height:8px;
	overflow:hidden;
	}
#sliding-navbox-top,.adbart
{
	margin:5px 0 0 0;
    background:#fff url(../images/leftNavBGt.gif) no-repeat;
	}
#sliding-navbox-bottom,.adbarf
{
	margin:0 0 5px 0;
    background:#fff url(../images/leftNavBGb.gif) no-repeat;
	}
.adbarb p
{
	color: #638e97;
	padding: 0 10px;
	margin:0;
	font: bold 12px/22px Helvetica, Arial, Verdana, sans-serif;
	}	
/*-------------> > >> 侧导航 start < < <<-------------*/
ul#sliding-navigation
{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	margin: 0 0 5px 0;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #638e97;
	padding: 0 40px;
	background: url(heading_bg.jpg) no-repeat;
	font: bold 14px/25px Helvetica, Arial, Verdana, sans-serif;
}

ul#sliding-navigation li.sliding-element a
{
	width: 120px;
	color: #638e97;
	font: bold 12px/25px Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #638e97;
	border-width:0 0 1px 0;
	text-decoration: none;
	padding: 0 18px;
}

ul#sliding-navigation li.sliding-element a:hover  
{
	color: #12C2E9;
}
/*-------------> > >> 侧导航 end < < <<-------------*/
/* common styling */
#sliding-navboxP
{
	padding:0;
	margin:0;
	float: left;
	width:175px;
	border: 1px solid #C9C9C9;
	border-width:0 1px;
    background:#EAE9E9 url(../images/leftNavBG.gif) repeat-y;
	}
ul#sliding-navigationP
{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
ul#sliding-navigationP li.sliding-elementP h3,
ul#sliding-navigationP li.sliding-elementP a.hide
{
	display: block;
	margin: 0 0 5px 0;
}

ul#sliding-navigationP li.sliding-elementP h3
{
	color: #638e97;
	padding: 0 40px;
	font: bold 14px/25px Helvetica, Arial, Verdana, sans-serif;
}

ul#sliding-navigationP li.sliding-elementP a.hide
{
	width: 120px;
	color: #638e97;
	font: normal 12px/25px Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #638e97;
	border-width:0 0 1px 0;
	text-decoration: none;
	padding: 0 18px;
}
ul#sliding-navigationP li
{   position:relative;}
ul#sliding-navigationP li ul {display: none;}   

/* specific to non IE browsers */
ul#sliding-navigationP li:hover a.hide {color: #12C2E9; margin: 0 0 5px 5px;}
ul#sliding-navigationP li:hover ul {display:block; position:absolute; top:0; left:160px; width:120px;}
ul#sliding-navigationP li:hover ul li a 
{
	height:25px;
	display:block; 
	background-color:#fff; 
	color:#638e97;
	font: normal 12px/25px Helvetica, Arial, Verdana, sans-serif;
	border: 1px solid #c9c9c9;
	border-width:0 1px 1px 0;
	text-decoration: none;
	padding: 0 18px;
	}
ul#sliding-navigationP li:hover ul li a:hover {
    background-color:#fffbdb;
	color: #12C2E9;}




.container_body .column_right
{
    text-align: left;
    width: 700px;
    float: right;
    margin-right: 10px;
    background:#fff url(../images/bg_rightbottom.gif) no-repeat scroll bottom right;
}

.column_right h2
{
	color: #ed931d;
	font: bold 14px/25px Helvetica, Arial, Verdana, sans-serif;
	border:#ccc dotted 1px;
	border-width:0 0 1px 0;
	padding:0 0 5px 20px;
	margin:10px 0;
	}
.column_right h1
{
	width:650px;
	text-align:center;
	color: #000;
	font: bold 16px/25px Helvetica, Arial, Verdana, sans-serif;
	border:#ccc dashed 1px;
	border-width:0 0 1px 0;
	padding:0 0 5px 0;
	margin:10px auto 0;
	}
p.blowtit
{
	padding:0;
	margin:0 auto 5px;
	width:650px;
	text-align:center;
	color: #666;
	font: normal 12px/25px Helvetica, Arial, Verdana, sans-serif;
	}
p.blowtit span
{
	color: #2f688c;
	font: normal 12px/25px Helvetica, Arial, Verdana, sans-serif;
}
.botline
{
	width:650px;
	border:#ccc dashed 1px;
	border-width:1px 0 0 0;
	padding:5px 0 0 0;
	margin:10px auto;
	text-align:right;
	}
	
.botline span
{
	height:22px;
	margin:5px 10px;
	padding:0 0 0 20px;
	}
.botline span.printL
{
	background:url(../images/print.gif) 3px 0 no-repeat;
	}
.botline span.closeL
{
	background:url(../images/close.gif) 3px -3px no-repeat;
	}
.botline span.topL
{
	background:url(../images/top.gif) 3px -2px no-repeat;
	}
.botline span a:link,
.botline span a:visited,
.botline span a:active
{
	font: normal 12px/22px Helvetica, Arial, Verdana, sans-serif;
	border:0;
	color:#2f688c;
	text-decoration:underline;
}
.column_right .contentbox span a:hover
{
	text-decoration:none;
}
.column_right .contentbox
{
	color: #555555;
	font: normal 12px/22px Helvetica, Arial, Verdana, sans-serif;
	}
.contentbox a:link,
.contentbox a:visited,
.contentbox a:active
{
	border:0;
	color:#2f688c;
	text-decoration:underline;
}
.contentbox a:hover
{
	text-decoration:none;
}
ul.artList
{
	list-style:none;
	margin:0 0 5px 0;
	float:left;
	clear:both;
	}
ul.artList li
{
	width:700px;
	float:left;
	position:relative;
	}
ul.artList li a
{
	font: normal 12px/25px Helvetica, Arial, Verdana, sans-serif;
	color:#2f688c;
	text-decoration:underline;
	border:0
	}
ul.artList li a:hover
{
	text-decoration:none;
	}
ul.artList li span.artRead
{
	font: normal 12px/25px Helvetica, Arial, Verdana, sans-serif;
	color:#a5a5a5;
	}
ul.artList li span.artPub
{
	position:absolute;
	top:0;
	right:0;
	font: normal 12px/25px Helvetica, Arial, Verdana, sans-serif;
	color:#a5a5a5;
	}
	
/*-------------> > >> container_body end < < <<-------------*/
/*-------------> > >> container_foot start < < <<-------------*/
.container_foot
{
    display: block;
    height: 36px;
    text-align: right;
    background: url(../images/bg-content_end_950px.gif) no-repeat;
}

/*-------------> > >> container_foot end < < <<-------------*/
/*-------------> > >> guestbook start < < <<-------------*/
.GBAsk1
{
	color: #4b4b4b;
	font: bold 12px/20px Helvetica, Arial, Verdana, sans-serif;
	border:#ccc solid 1px;
	background-color:#efefef;
	border-width:1px 0 0 0;
	padding:3px 0 3px 20px;
	margin:0 10px;
	}
.GBAsk2
{
	color: #4b4b4b;
	font: normal 12px/20px Helvetica, Arial, Verdana, sans-serif;
	border:#ccc dotted 1px;
	border-width:1px 0;
	padding:3px 0 3px 20px;
	margin:0 10px;
	}
.GBAsk3
{
	color: #cc6600;
	font: normal 12px/20px Helvetica, Arial, Verdana, sans-serif;
	border:#ccc solid 1px;
	background-color:#ffffe5;
	border-width:0 0 1px 0;
	padding:3px 0 3px 20px;
	margin:0 10px 10px;
	}
#AspNetPager1
{
	display:block;
	padding:0 0 0 20px;
	}
.colorBG
{
	padding:10px;
	margin:0 10px;
	background-color:#efefef;
	}
.colorBG label
{
	display:block;
	width:100px;
	text-align:right;
	float:left;
	}
#GB_gender label
{
	display:inline;
	float:none;
	width:auto;
	}

/*-------------> > >> guestbook end < < <<-------------*/

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 10010;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../images/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 10010;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 10005;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 10002;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 10010;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-top: 8px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 10010; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../images/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../images/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy_shadow_nw.png) no-repeat;
}
#tdzjLocation
{
	width:600px;
	margin:0px auto 10px;
	
	}