/*********************
	HTML Elements
*********************/
*{
	margin:0;
	padding:0;
}
img, div,a { behavior: url(Styles/iepngfix.htc)}
body{font-size:12px;font-family: Arial, Tahoma, Verdana;color:#16387c;}
div,form,ul,ol,li,span,p {margin:0px; padding: 0px; border: 0px;}
img{border:0;margin:1px;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px;font-weight:normal;}
input{padding:2px;}
select{padding:2px;}
ul,ol,li{list-style:none;}


a:link{color: #16387c;text-decoration: none;}
a:visited{color:#16387c;text-decoration: none;}
a:hover{color:#F00;text-decoration: none;}

.black{color:#333333;}
.black a:link{color:#333333;text-decoration:none;}
.black a:hover{color:Red;}
.black a:visited{color:#333333;}

.grey{color:#666;}
.grey a:link{color:#666;text-decoration:none;}
.grey a:hover{color:Red;}
.grey a:visited{color:#666;}

.red{color:#f00;}
.red a:link{color:#f00;text-decoration:none;}
.red a:hover{color:Red;}
.red a:visited{color:#f00;}

.orange{color:#f60;}
.orange a:link{color:#f60;text-decoration:none;}
.orange a:hover{color:Red;}
.orange a:visited{color:#f60;}


.slide{color:#5e6f76;}
.slide a:link{color:#5e6f76;text-decoration:none;}
.slide a:hover{color:Red;}
.slide a:visited{color:#5e6f76;}

.blue{color:#16387c;}
.blue a:link{color:#16387c;text-decoration:none;}
.blue a:hover{color:Red;}
.blue a:visited{color:#16387c;}

.bolder{font-weight:bolder;}

.txtleft {text-align:left}
.txtcenter {text-align:center}
.txtright {text-align:right}

.txt14{font-size:14px;}
.txt13{font-size:13px;}

/* linklist */
.link12list1{padding:5px 10px;text-align:left;overflow:hidden;}
.link12list1 li{line-height:21px;font-size:12px;background:url(../Images/dot03.gif) no-repeat left center;padding:0 0 0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.link12list1 img{margin:3px!important;margin:5px;}/* moz/ie6 */

.link12list2{padding:5px 10px;text-align:left;overflow:hidden;}
.link12list2 li{float:left;width:47.1%;display:inline;line-height:21px;font-size:12px;background:url(../Images/dot03.gif) no-repeat left center;padding:0 0 0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.link12list2 img{margin:3px!important;margin:5px;}/* moz/ie6 */

.link12list21{padding:5px 10px;text-align:left;overflow:hidden;}
.link12list21 li{line-height:22px;font-size:12px;background:url(../Images/dot03.gif) no-repeat left center;padding:0 0 0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.link12list21 li a{float:left;}
.link12list21 li span{float:right;width:60px;color:#999999;}
.link12list21 img{margin:3px!important;margin:5px;}/* moz/ie6 */
.clearline{clear:both;}
/*********************
	Structure
*********************/
#Top{width:960px;margin:0px auto; z-index:0;}
#logo{float:left;margin:2px 0px;}
.top_r{float:right;}
#broadcast{clear:both;height:33px; width:960px;line-height:220%; text-indent:1em}

#Content{clear:both;width:960px;margin:0px auto; z-index:0;}
	

#sidebar{background:#FFF;width:150px;float:left;margin:10px 0 10px 0;padding:7px;border:#dff4fd 1px solid;}

#Left{background:#FFF;width:510px;float:left;margin:10px 0 10px 6px;padding:7px 0px;border:#dff4fd 1px solid;}

#Right{width:263px;float:right;margin:10px 0 10px 0;}

#Foot{clear:both;width:940px;height:40px;margin:0 auto;padding:10px; background:#FFF;border:#dff4fd 1px solid;margin-top:20px;}
#Foot ul {list-style:none;}
#Foot li {display:inline;}
	
#credits{clear:both;width:400px;float:left;}

#styleswitcher{float:right;}
#styleswitcher ul{list-style:none;line-height:10px;}
#styleswitcher li{height:12px;display:inline;}

a#defswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#bd3f09;
	font-size: 8px;
	color:#bd3f09;
	display:inline-block;
}
a#blueswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#375b91;
	font-size: 8px;
	color:#375b91;
	display:inline-block;
}
a#greenswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#d0e0b8;
	font-size: 8px;
	color:#d0e0b8;
	display:inline-block;
}
a#brownswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#654322;
	font-size: 8px;
	color:#654322;
	display:inline-block;
}
a#mixswitch {
	width:15px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#294145;
	font-size: 8px;
	color:#294145;
	display:inline-block;
}

/*********************
	Sidebar
*********************/
#menu{border-width:1px 1px 0px 1px;border-color:#c5ced7;border-style:solid;}
#menu  ul ul{border-bottom:#c5ced7 1px solid;}
#menu  ul li ul li{border-bottom:1px #e7e7e7 solid;line-height:25px;padding:0px 10px 0px 50px; background:url(../Images/icons/arrow_right.gif) no-repeat 35px 4px; background-color:#f7f7f7}
#menu  h1{ background:transparent url(../Images/side.gif) repeat-x top; font-size:14px;solid; color:#FFF;font-weight:bolder;line-height:32px;}

#menu  .tab_on{ background:url(../Images/dot02.gif) repeat-x top;}
#menu  .tab_off{ background:url(../Images/dot01.gif) repeat-x top;}

#menu  #tit{ background:transparent url(../Images/icons/house.png) no-repeat 15px 2px;padding:5px 35px 5px 37px;line-height:32px;}
#menu  #hb{ background:transparent url(../Images/icons/page_white_edit.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #px{ background:transparent url(../Images/icons/report.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #kp{ background:transparent url(../Images/icons/folder_table.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #cp{ background:transparent url(../Images/icons/cart.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #fw{ background:transparent url(../Images/icons/coins.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #zx{ background:transparent url(../Images/icons/bricks.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #zd{ background:transparent url(../Images/icons/brick.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #xw{ background:transparent url(../Images/icons/color_swatch.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}
#menu  #fg{ background:transparent url(../Images/icons/page_white_text_width.png) no-repeat 15px 7px;padding:0px 50px 0px 38px;line-height:32px; display:inline-block}


#Left h1,p{padding:4px;line-height:140%;}
#Left h2{padding:4px 4px 10px 4px;line-height:140%;}

#goods{clear:both;border-top:#dff4fd 1px solid;height:30px;background:url(../Images/dot04.gif) repeat-x bottom;line-height:30px;margin-top:10px;}
#goods_l{float:left;}
#goods_r{float:right;}
#goods_r li{float:left;width:50px;border-left:#dff4fd 1px solid;display:block;text-align:center; list-style:none;}
.tab_on{background:#FFFFFF}
.tab_off{}

#goods_list{clear:both;}
#goods_list_l{float:left;width:120px;padding:7px;}
#goods_list_r{float:right;width:350px;}

#ask{clear:both;padding:7px;border-top:#dff4fd 1px solid;margin-top:10px;}
#ask_l{float:left;width:300px;}
#ask_r{float:right;width:190px;}
#ask_r div{clear:both;}
#ask_r img{float:left;}
#ask_r p{float:right;width:90px; line-height:18px;padding:2px 0px;}

#Left .block{padding:0px 7px;border-bottom:#e8f5fe 1px solid;}
#Left .block2{padding:0px 7px;}

.blue_b{border:#dff4fd 1px solid;padding:7px;background:#FFF;}
.blue_b1{border:#dff4fd 1px solid;padding:7px;margin-top:10px;background:#FFF;}

#login_tit{padding-left:20px; background:url(../Images/icons/user.png) no-repeat 0px 4px}
#login{border:1px solid #d5e3e6;padding:10px;height:100px;}
#login p{float:left;width:155px;}
#login img{float:right;padding:2px;}

#register{clear:both; padding:10px 4px;}


#edu_tit{height:25px;}
#edu_tit p{padding-left:20px; background:url(../Images/icons/dot01.gif) no-repeat 0px 6px;float:left;}
#edu_tit span{float:right;padding-left:20px; background:url(../Images/icons/page_white_edit.png) no-repeat 0px 4px;line-height:180%;}

#edu{clear:both;border:1px solid #c1dde7;background:#eaf4f8;}
#edu_c{ overflow:hidden;}
#edu_c li{float:left;line-height:20px;;width:81px;border-left:#c1dde7 1px solid;margin-left:-1px;text-align:center;}
#edu_c  .tab_on{ background:url(../Images/slide_on.gif) repeat-x top; color:#217291;}
#edu_c  .tab_off{ background:url(../Images/slide_off.gif) repeat-x top; color:grey;}

#edu_list{clear:both;width:240px;}
#edu_list img{float:left;padding:7px 5px;}
#edu_list p{width:140px;padding:7px 0px 0px 0px; float:right}

#kp_tit{height:25px;}
#kp_tit p{padding-left:20px; background:url(../Images/icons/dot01.gif) no-repeat 0px 6px;float:left;}
#kp_tit span{float:right;line-height:180%;}

#kp_list{clear:both;width:240px;}
#kp_list img{float:left;padding:7px 5px;}
#kp_list p{width:140px;padding:7px 0px 0px 0px; float:right}


#station{clear:both;border:#cccccc 1px solid;margin-top:10px;}
#station_title{border-bottom:#cccccc 1px solid; line-height:210%;padding-left:35px;font-weight:bolder; background:url(../Images/template_26.gif) no-repeat 10px; background-color:#e4f0f2}
#station_list{padding:7px;}
#station_list li{float:left;width:43%; background:#fcfcfc; border:#eeeeee 1px solid;margin-left:5px;padding:4px 0px;margin-top:5px; text-align:center;}



#login_btn{padding:10px 0px;border-bottom:#e8f5fe 1px solid;}
#login_btn li{float:left;width:76.5px;margin-left:5px; text-align:center;padding:10px 0px;border:#cccccc 1px solid; background:#efefef;}