﻿@charset "utf-8";
@import url("controls.css");
/**************************************
* 文件类型：css
* 制 造 者：王安峰
* 制造日期：2008年7月
* 内容概要:UI标准页面公用样式表
**************************************/
/* 公共样式部分 */
body{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color:#FFFFFF;
	font-size:12px;
}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
input,select,option,textarea {margin:0; padding:0;}
ul,li{list-style-type:none;}
table,td,tr,th{font-size:12px;}
center{margin-top:5px;padding:0;}
img{vertical-align:middle;}
/* 颜色属性 */
.colorBlack {color:#000000;}
.colorWhite {color:#FFFFFF;}
.colorGray {color:#818181;}
.colorRed {color:#ff0000;}
.colorOrange {color:#FF6600;}
.colorBlue {color:#1761A6;}
.colorGreen{color:#2D5F08;}
.colorPurple{color:#6A19B5;}

/* 链接颜色 */
a:link {color: #1f3a87;text-decoration:none;cursor:pointer;}
a:visited {color: #1f3a87;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #1f3a87;}

.linkWhite{color:#ffffff;}
a.linkWhite:link     {color:#ffffff; text-decoration:none;}
a.linkWhite:visited  {color:#ffffff; text-decoration:none;}
a.linkWhite:hover    {color:#95D540; text-decoration:underline;}
a.linkWhite:active   {color:#ffffff; text-decoration:underline;}

.linkGreen{color:#2D5F08;}
a.linkGreen:link     {color:#2D5F08;; text-decoration:none;}
a.linkGreen:visited  {color:#2D5F08; text-decoration:none;}
a.linkGreen:hover    {color:#2D5F08; text-decoration:underline;}
a.linkGreen:active   {color:#2D5F08; text-decoration:underline;}

/*浮动方式*/
.left{float:left;}
.right{float:right;}
.clear{clear: both; }

/*文本对齐方式*/
.alignLeft{text-align:left;padding-left:5px;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

/*字体样式*/
.fontBold {font-weight: bold;}
.fontItalic {font-style: italic;}

/*两字按钮样式*/
.buttonBlue{
	width:53px;
	border: #70B1CF 1px solid;
	height:21px;
	line-height:19px;
	color:#333333;
	background:url(images/buttonbg.gif) repeat-x;
	background-color: #E0F3FA;
	text-align:center;
	cursor:pointer;
}
/*多字按钮样式*/
.buttonMore{
	padding:0 3px;
	border: #70B1CF 1px solid;
	height:21px;
	line-height:19px;
	color:#333333;
	background-color: #E0F3FA;
	background:url(images/buttonbg.gif) repeat-x;
	text-align:center;
	cursor:pointer;
}
/*禁用按钮样式*/
.buttonno{
	width:53px;
	border: #A8A8A8 1px solid;
	height:21px;
	line-height:19px;
	color:#999;
	background:url(images/buttonnobg.gif) repeat-x;
	background-color: #E0F3FA;
	text-align:center;
	cursor:pointer;
}
/* 其他属性 */
.hidden {display: none;}
.noBorder{border:none;}
.more{text-align:right;margin-right:2em; font-weight:bold;}
.space{margin-top: 5px;}
/* 分割线 */
.dotLine{
	height:5px;
	overflow:hidden;
	clear:both;
	background-image: url(images/dotline.gif);
	background-repeat: repeat-x;
	font-size:1px;
}
/*表格样式*/
.buleTable{
	background-color:#6AB2E7;
	line-height: 25px;
	margin:0 auto;
}
.buleTable .thstyle{
	background-color:#DCEEFB;
	line-height:25px;
	color:#0045A2;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
.buleTable td{
	background-color:#ffffff;
}
/*表格caption样式*/
.caption{
	line-height:23px;
	color:#0F3383;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	padding-left:3px;
}
/*表格标题样式*/
.header{
	height:23px;
	width:95%;
	background-image:url(images/bg_caption.gif);
	background-repeat:repeat-x;
	margin:0 auto 0 auto;
}
.header h3{
	height:23px;
	float:left;
	font-size:12px;
	text-align:left;
	line-height:23px;
	color:#0F3383;
}
.leftcorner{
	width:27px;
	height:23px;
	float:left;
	background-image:url(images/caption_left.gif);
	background-repeat: no-repeat;
}
.rightcorner{
	width:7px;
	height:23px;
	float:right;
	background-image:url(images/caption_right.gif);
	background-repeat: no-repeat;
}
/*其他BODY样式*/
.bodyblue{
	background-image:url(images/bg_explain.gif);
	background-repeat:repeat-x;
}
/*当前位置样式*/
.explain{
	line-height:23px;
	height:23px;
	text-align:left;
	font-family: "宋体";
	font-size: 12px;
	color: #000;
	background:url(images/bg_explain.gif) repeat-x;
	padding-left:20px;
	padding-top:5px;
	margin-bottom:8px;
}
.explain ul li{
	padding-left: 10px;
	background:	url(images/ico_explain.gif) no-repeat left center;
	height:25px;
}

/* 图片定义样式 */
.img {
	border:0px;
	padding:0px;
	margin:0px;
	margin-right:5px;
	vertical-align:middle;
}
/*操作按钮布局*/
.operation{
	clear:both;
	margin:10px auto;
	text-align:center;
	width:95%;
}
.operationtop{
	clear:both;
	margin:10px auto;
	text-align:left;
	width:95%;
}
/***********************顶部样式***********************/
/* 顶面导航样式 */
#navbg{
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #226fe1;
	font-size:12px;
}
#navbg .logo{
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	float: left;
	height: 24px;
	width: 300px;
	margin-top: 10px;
	margin-left: 8px;
}
#navbg .navTop{
	height: 24px;
	text-align: right;
	float:right;
	margin-right: 8px;
	margin-top: 10px;
}
#navbg .navTop ul{
	list-style:none;
}
#navbg .navTop ul li{
	list-style-type: none;
	display: inline;
	vertical-align: top;
	margin-left: 8px;
}
#navbg a{
	text-decoration:none;
	padding-left: 5px;
}
/*水平导航*/
.navMenu{
	width:100%;
	overflow:hidden;
	background-image: url(images/navmenu.gif);
	background-repeat: repeat-x;
	height: 29px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	font-size:12px;
}
.navMenu ul {
	list-style-type:none;
	height: 29px;
	margin:0;
}
.navMenu li {
	display:inline;
	float:left;
	height: 29px;
}
.navMenu a {
	display:block;
	float:left;
	text-decoration:none;
	height: 25px;
	width: 80px;
	margin-left: 4px;
	margin-top: 4px;
}
.navMenu span {
	display: block;
	color: #0f3383;
	text-align: center;
	padding-top: 7px;
	font-weight: bold;
}
.navMenu a:hover span {
	color: #FFFFFF;
	text-decoration:none;
}
.navMenu a:hover {
	text-decoration:none;
	background-image: url(images/navbt1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #0f3383;
}
.navMenu .nocurrent a {
	background-image:none;
}
.navMenu .current a {
	background-image: url(images/navbt1.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.navMenu .current a span {
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
/*左侧菜单页面样式*/
a.bold:link,a.bold:visited{
	color:#FFF;text-decoration:none;
	display:block;
	font-weight:bold;
	font-size:18px;
	width:100px;height:30px;
	background-color:#009966;
	padding:10px;
	margin:50px 0 0 100px;
	text-align:center;
	float:left;
}
ul.proul,ul.submenu,ul.proul li ul.submenu{
	width:180px;
	list-style:none;
	padding:0;margin:0;
}
ul.submenu{
	width:180px;
	display:none;
	list-style:none;
	padding:0;margin:0;
	border:1px solid #65B6FC;

}
.blogprolist h5{
	font-size:12px;
	height:16px;
	width:180px;
	display:block;
	margin:1px 0;
	text-align:left;
	font-weight:bold;
	padding:3px 0 0 0;
	background-image: url(images/menu_bg.jpg);
	background-repeat:repeat-x;
	background-position: 0 0;
	text-indent: 5px;
	border:1px solid #65B6FC;
}
ul.submenu li{
	margin:0;
	border:0px;
	padding:0;
	text-align:left;
	width:170px;
	padding-left:10px;
	border-bottom:1px dashed #65B6FC; 
	height:20px;
	line-height:19px;
}
ul.submenu li a{
	font-weight:normal;
	border:0px;
	
	margin:0 0 0 1px;
	background-image:none;
}
ul.submenu li a:hover,ul.submenu li a:link:active{
	font-weight:normal;
	width:178px;
	border:0px;
	border-bottom:1px dashed #65B6FC; 
	margin:0 0 0 1px;
}
.selectlist{
	font-weight:normal;
	width:178px;
	border:0px;
	margin:0 0 0 1px;
	background-color: #FFF1BB;
	background-image: url(images/icon_select.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.defaultlist{
	font-weight:normal;
	width:178px;
	border:0px;
	border-bottom:1px dashed #65B6FC; 
	margin:0 0 0 1px;
	background-image:none;
	background-position: right top;
}
/*左边单击折叠样式*/
.click{
	width:10px;
	background-color:#f6f6f6;
	height:800px;
	background-image: url(images/clickbg.gif);
	background-repeat: repeat-y;
}
.click img{
	z-index: 300;
	clip: rect(80px,auto,auto,auto);
}
/* 效果演示样式 */
.contentDemo{
	margin:10px auto;
	width:95%;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.contentDemo h4{
	font-size:12px;
	color:#FF0000;
}
/*代码样式*/
.contentCode{
	background-color: #E7F2FA;
	border: 1px solid #449AE0;
	padding: 6px;
	width: 93%;
	margin:5px auto;	
}
.contentCode h4{
	color:#FF0000;
	font-size:12px;
}
.contentCode .htmlCode{
	float:left;
	width:48%;
	height:260px;
	>height:250px;
}
.contentCode .cssCode{
	float:right;
	width:48%;
	height:260px;
	>height:250px;
}
/*无图片圆角样式*/
.roundedCorner{
	background: #9BD1FA
}
b.rtop, b.rbottom{
	display:block;
	background: #FFF
}
b.rtop b, b.rbottom b{
	display:block;
	height: 1px;
	overflow: hidden; 
	background: #9BD1FA
}
b.r1{
	margin: 0 5px
}
b.r2{
	margin: 0 3px
}
b.r3{
	margin: 0 2px
}
b.rtop b.r4, b.rbottom b.r4{
	margin: 0 1px;
	height: 2px
}
