/* 
主样式表
定义了
1布局 
2html元素表现 
3常用样式
4 页眉 页脚 
 */
body {
	width: 970px;
	padding: 5px 5px;
	margin: 0px auto;
	line-height: 1.6em;
	font-size: 12px;
	font-family: "宋体",Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

html, body {
 /* margin:0;*/
  /*height:90%;*/
}

#layout_footer {
	width: 970px;
	clear: both;
	text-align: center;
	font-size: 12px;
	margin-top: 15px;
}

#layout_main {
	width: 740px; /*float: right;*/
}

#layout_main.class {
}

#layout_side {
	width: 210px;
}


h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #000;
	margin-top: 5px;
	margin-bottom: 3px;
	padding: 0px;
	}
	h3{
	font-weight: bold;
	color: #000;
	margin-top: 5px;
	margin-bottom: 3px;
	padding: 0px;
	}
	
/* h1 as pageTitle */
h1 {
	font-size: 18px;
}

	
h2 {
	font-size: 16px;
}

	
h3 {
	font-size: 14px;	
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 10px;
}

h6 {
	font-size: 10px;
}

/* seprator */
h1 span,h3 span
{
	margin: 0 6px;
	font-weight: normal;
	font-size: 16px;

}
/* a as nav path */
h1 a,h3 a
{
	color: #03c;
	font-size: 16px;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: bottom;
}

form {
	padding: 0;
	margin: 0;
}

hr {
	border: 0px;
	margin-top: 12px;
	border-top: 1px dashed #999;
	height: 1px;
}

table{
	border: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}

table td{
	padding: 0;
	vertical-align: top;
}

table th {
	text-align: right;
	padding-right: 0.5em;
	vertical-align: top; /*background-color: ThreedFace;*/
}

table tHead {
	text-align: left;
	font-weight: bolder; /*	background-color: #ccc;*/
}

em {
	color: Red;
	font-style: normal; /*font-weight: normal;*/
}

.submit {
	margin: 2em 0;
}

.cancel {
	margin-left: 40px;
}

.act {
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.desc {
	color: #666666;
}

.desc_small {
	color: #666666;
	font-size: 12px;
}

.text{
	font-size: 14px;
}

.text_small{
	font-size: 12px;
	line-height: 1.3em;
}

.text_center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}

.hide {
	display: none;
}

/* like p default style */
.p {
	margin: 1.12em 0;
}

.nav{
	
}
/* 页眉 */

#layout_header {
	width: 970px;
}

#layout_header .header_logo{
	float: left;
	width: 216px;
}

#layout_header .header_ad{
	float: right;
	width: 125px;
	line-height: 18px;
	font-size: 12px;
	text-align:right;
}

#layout_header .header_ad a{
	display: block;
}

#layout_header .header_middle{
	width: 578px;
	float: left;
	line-height: 25px;
	font-size: 14px;
	z-index: 3;
	position: relative;
}

#layout_header .header_middle .userInfo{
	float: right;
	margin-right: 35px;
	line-height: 25px;
	font-size: 14px;
	display:  inline;
}

#layout_header .header_middle .DownLoad{
	position: absolute;
	left: 55%;
	font-weight: bold;
}

#layout_header .header_bottom,#layout_footer .header_bottom {
	border-top: 1px #3366cc solid;
	background: #e5ecf9;
	height: 15px;
	width: 100%; /*	float: left;*/
/*margin-top:-2px;*/
	clear: both;
}

#topNav{
	clear: both;
	height: 25px;
	line-height: 25px;
	padding: 0;
	margin: 0;
	bottom: -3px;
	list-style: none;
	position: relative;
}

#topNav li{
	margin-right: 14px;
	float: left;
	font-size: 13px;
	line-height: 26px;
}

#topNav li a{
	text-decoration: none;
	color: #04c;
}

#topNav li a:hover{
	text-decoration: underline;
	color: #04c;
}

#topNav .select a {
	background: url(http://img.100e.com/img/home/nav_top01.gif) left no-repeat;
	padding-left: 8px;
	bottom: -1px;
	float: left;
	z-index: 999;
	height: 26px;
	line-height: 26px;
	position: relative;
}

#topNav .select span{
	background: url(http://img.100e.com/img/home/nav_top02.gif)  right no-repeat;
	width: 8px;
	height: 26px;
	bottom: -1px;
	display: block;
	float: left;
	position: relative;
}

#topNav .select a , #topNav .select a:hover{
	color: #000000;
	text-decoration: none;
}

#topNav span{
	display: none;
}

.red {
	color: Red;
}

/* should use hiLight instead of .red ! */
.hiLight {
	color: Red;
}

.bold {
	font-weight: bold;
}

.info_error {
	padding: 6px;
	margin-top: 6px;
	text-align: center;
	background-color: #ffaeae;
}

.info_ok {
	padding: 6px;
	margin-top: 6px; /*	margin-bottom: 6px;*/
	text-align: center;
	background-color: #cfeeb2;
}

.info_hint {
	padding: 6px;
	margin-top: 6px; /*margin-bottom: 6px;*/
	text-align: center;
	background-color: #FFC;
	border: 1px solid #FC3;
}

/* it is a clear fix for ie and ff */
.clear{
	zoom: 1;
	clear: both;
}

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearR {
	clear: right;
}

.panel {
	clear: both;
	border: 1px solid #aaccee;
	margin-bottom: 15px;
	padding: 0 8px;
	background: url(http://img.100e.com/img/booklib/bg_lest2.gif) top repeat-x;
}

/* h6:title */
.panel h6 {
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.more{
	font-size: 12px;
	font-weight: lighter;
	float: right;
	clear: both;
}

/* default margin for quick use  */
.marginH {
	margin-left: 15px;
	margin-right: 15px;
}

.marginV {
	margin-bottom: 15px;
	margin-top: 15px;
}

.marginT {
	margin-top: 15px;
}

.marginB {
	margin-bottom: 15px;
}

.marginL {
	margin-left: 15px;
}

.marginNo {
	margin: 0;
}

.marginVNo {
	margin-top: 0;
	margin-bottom: 0;
}

.marginUL {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.paddingL {
	padding-left: 15px;
}

.step {
	font-size: 14px;
	color: #888888;
	clear: both;
}

.step .current {
	color: #4077C1;
	font-weight: bold;
	font-size: 16px;
}

.step .current span {
	width: 14px;
	height: 17px;
	font-weight: bold;
	padding-left: 4px;
	float: left;
	border: 2px solid #4077C1;
}

.step span {
	/*border: 1px solid #888888;*/
	margin-right: 5px;
}

.step div {
	padding-top: 5px;
	margin-left: 5px;
	float: left;
}

/* tab is parent div */
.tab{
	/*list-style: none;*/
	margin: 0;
	padding: 0;
	background-image: url(http://vc2008.100e.com/img/tab/bottomLine.gif);
	height: auto;
	min-height: 29px;
	_height: 29px;
}

.tab div{
	float: left;
	padding: 0;
	height: 29px;
	min-height: 29px;
	_height: 29px;
	margin-right: 1px;
	background: url(http://vc2008.100e.com/img/tab/left.gif) left top no-repeat;
}

.tab div a{
	display: block;
	line-height: 29px;
	padding: 0 20px;
	color: Black;
	background: url(http://vc2008.100e.com/img/tab/right.gif) right top no-repeat;
	white-space: nowrap;
	text-decoration: none;
}

.tab div.current{
	background: url(http://vc2008.100e.com/img/tab/left_current.gif) left top no-repeat;
}

.tab div.current a{
	background: url(http://vc2008.100e.com/img/tab/right_current.gif) right top no-repeat;
	color: White;
}

.tab div a:hover{
	color: Blue;
}

.tab div.current a:hover{
	color: White;
}

/* use for section,option,subcategory */
.subNav {
}

.subNav a {
	border-left: 1px solid #cccccc;
	padding: 0 10px;
	color: #04c;
	text-decoration: none;
}

.subNav a.first {
	border: none;
	padding-left: 2px;
}

.subNav a.current {
	color: Black;
	font-weight: bold;
	text-decoration: none;
}

.linkNo a {
	text-decoration: none;
}


.pageTitle
{
	font-size: 18px;
	font-weight: bold;
}


.borderT
{
	border-top: 1px solid #b1b1b1;
}

.borderB
{
	border-bottom: 1px solid #b1b1b1;
}