/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2006
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-family: "Lucida Grande" , Trebuchet, "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}

table
{
	border: 0px;
}

td
{
	vertical-align: top;
}

/* MAIN styles
-------------------------------------------*/
body
{
	background: transparent url( '../../images/bg_body.gif' ) 0 0 repeat-x;
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0 0 40px 0;
	color: #424242;
	background-color: white;
}

body.home h2
{
	color: #fff;
	margin: 12px 0px 35px;
	font: bold 13px Trebuchet, "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

a, a:visited
{
	color: #0860a8;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #ccc;
}

a:hover
{
	color: #b1260d;
	text-decoration: none;
	border-bottom: 0;
	cursor: hand;
}

a:active
{
	color: #0860a8;
	text-decoration: none;
	border-bottom: 0;
}

hr
{
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

p
{
	padding: 0;
	margin: 0 0 1.25em 0;
}


.clr
{
	clear: both;
	height: 0px;
}
.clearfix:after
{
	/*http://positioniseverything.net/easyclearing.html*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
/* End hide from IE-mac */

fieldset
{
	padding: 4px;
	width: 774px;
	background-color: White;
	margin: 4px;
	margin-top: 20px;
}

/* CONTAINER styles
------------------------------------------- */
#container
{
	width: 801px;
	position: relative;
	left: 50%;
	margin: 12px 0px 0px -400px;
	background: transparent url( '../../images/bg_content.gif' ) 0 100px no-repeat;
}


/* HEADER styles
------------------------------------------- */
#header
{
	margin: 0px;
	padding: 0px;
	text-align: right;
	background: transparent url( '../../images/bg_header_full.gif' ) left bottom repeat-x;
	width: 800px;
	height: 102px;
	position: relative;
}

#header a, a:visited
{
	color: #0860a8;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 0px;
}

BODY.home #content
{
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	background: none transparent scroll repeat 0% 0%;
	float: left;
	padding-bottom: 0px;
	margin: 0px 0px 0px 4px;
	width: 800px;
	padding-top: 0px;
}
#content
{
	padding-right: 30px;
	display: inline;
	padding-left: 30px;
	background: none transparent scroll repeat 0% 0%;
	float: left;
	padding-bottom: 0px;
	margin: 0px 0px 0px 4px;
	width: 440px;
	padding-top: 0px;
}

#homeflash
{
	float: left;
	width: 500px;
	height: 238px;
	margin: 0;
	padding: 0;
	z-index: 1;
	background: #E5E8F9 url( '../../images/bg_flash.jpg' ) 0 0 repeat-x;
	margin-bottom: -4px;
}

P.introduction
{
	font: 13px/20px Trebuchet, "Trebuchet MS" , "Lucida Grande" sans-serif;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 20px;
	display: inline;
	margin: 0px;
	background: url(../../images/bg_introduction.jpg) #E5E8F9 no-repeat 0px 0px;
	float: left;
	width: 242px;
	color: #556e48;
	height: 228px;
}

.eservice
{
	font: 13px/20px Trebuchet, "Trebuchet MS" , "Lucida Grande" sans-serif;
	padding: 4px 12px 10px 12px;
	margin: 0px;
	background: #E5E8F9;
	float: left;
	width: 268px;
	color: #556e48;
	height: 224px;
}

.eservice li
{
	list-style: none;
	float: left;
	padding-left: 5px;
	padding-right: 0px;
	margin: 5px 0px 3px 0px;
	width: 128px;
	height: 20px;
	list-style-type: none;
	background: url(../../images/service_bg.gif) #E5E8F9 no-repeat 0px 0px;
}

#box-01
{
	float: left;
	width: 220px;
	padding: 0 30px;
	margin: 0 0 20px;
	display: inline;
	background: #fff url( '../../images/01.gif' ) 0 0 repeat-x;
}

#box-02
{
	float: left;
	width: 220px;
	padding: 0 30px 30px;
	margin: 0 0 20px;
	display: inline;
	background: #fff url( '../../images/02.gif' ) 0 0 repeat-x;
	border-left: 1px solid #fff;
}

#box-03
{
	float: left;
	width: 205px;
	padding: 0 10px 0 15px;
	margin: 0 0 20px;
	display: inline;
	background: #fff url( '../../images/03.gif' ) 0 0 repeat-x;
	border-left: 1px solid #fff;
}

#box-01 ul, #box-02 ul, #box-01 ul li, #box-02 ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#box-01 UL, #box-02 UL
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 15px;
	margin: 0px;
	color: #666;
	padding-top: 0px;
}
#box-01 UL LI, #box-02 UL LI
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 15px;
	margin: 0px;
	color: #666;
	padding-top: 0px;
}

.link-right
{
	float: right;
	height: 13px;
	padding-right: 14px;
	text-align: right;
	background: transparent url( '../../images/arrow_green.gif' ) right 3px no-repeat;
}
/* Global Form Styles */
.textbox, textarea
{
	background: #fff;
	border: 1px solid #0860a8;
	border-top: 3px solid #0860a8;
	width: 100px;
}
.textbox:hover, textarea:hover
{
	background: #F0FDE2;
	border-top: 3px solid #0860a8;
}

.textbox:focus, textarea:focus
{
	background: #FCFFEC;
	border-top: 3px solid #0860a8;
}

#formtext
{
	width: 501px;
}

.submit
{
	border: 0;
	width: auto;
}
.submit:hover, .submit:active
{
	border: 0;
}



/* FOOTER styles
-------------------------------------------*/
#footer
{
	clear: both;
	margin: 0;
	padding: 50px 0 0 0;
	background: #fff url( '../../images/bg_footer.gif' ) 50% 40px no-repeat;
	width: 792px;
	font: 12px Verdana, Arial, helvetica, sans-serif;
	color: #585858;
	position: relative;
}

#footer p
{
	padding: 0;
	text-align: center;
	margin: 0 0 0 30px;
}

#logo
{
	width: 415px;
	height: 70px;
	background: transparent url( '../../images/logo.gif' ) no-repeat;
	float: left;
	margin-top: 20px;
	margin-left: 5px;
}


/*Edited by Lin Xiaofeng*/

#news
{
	margin: 0 0px 0 0px;
}

.ititle
{
	clear: both;
	font-weight: bold;
	font-size: 140%;
	background: transparent url( '../../images/news_header.gif' ) no-repeat;
	color: blue;
	padding: 40px 40px 0px;
}

#emag .ititle
{
	padding: 0px 20px 0px;
}

.idate
{
	text-align: right;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 20px;
	font-size: 120%;
	color: #f50;
}

.icontent
{
	font-size: 130%;
	margin: 40px;
	line-height: 150%;
}

#emag .icontent
{
	margin: 30px;
}

#iheader
{
	background: transparent url( '../../images/bg_newsheader.jpg' ) no-repeat;
	height: 60px;
}

#emag #iheader
{
	background: transparent url( '../../images/bg_newsheader.jpg' ) no-repeat;
	height: 60px;
	padding-bottom: 60px;
}

#ifooter
{
	background: transparent url( '../../images/news_footer.gif' ) no-repeat;
	margin: 20px;
}

#iback
{
	background: transparent url( '../../images/back.gif' ) no-repeat;
	margin: 40px 0px 40px 20px;
	padding-left: 20px;
}

#iback .idate
{
	padding-right: 0px;
}

/*200608181337 portinformation*/

.pcontent
{
	clear: both;
	font-size: 130%;
	margin: 20px 40px;
	line-height: 150%;
	position: static;
}

.pcontent1
{
	font-size: 130%;
	margin: 40px;
	line-height: 150%;
	display: block;
	float: none;
}
/*200608181337 portinformation*/

.adcontent
{
	font-size: 130%;
	margin: 40px;
	line-height: 150%;
}

.ncontent
{
	display: none;
	white-space: normal;
	word-break: break-all;
	margin: 0px;
	padding: 0px;
}

.nheader
{
	/*	background: url(../../images/nlheader.gif) no-repeat left top; 	height: 20px; 	width: 5px;*/
	width: 556px;
	background: transparent url(../../images/nheader.gif) no-repeat;
	height: 12px;
	margin-bottom: -5px;
}

.nc
{
	border-left: #c3d9ff 2px solid;
	border-right: #c3d9ff 2px solid;
	background-color: #e0ecff;
	padding-left: 5px;
	padding-right: 5px;
	width: 542px;
}

.nfooter
{
	background: transparent url( '../../images/nfooter.gif' ) no-repeat;
	height: 12px;
	width: 556px;
}


/* SIDEBAR styles
-------------------------------------------*/
/* this is here because textile is throwing extra UL's around any UL I'm putting into the CMS */
#sidebar ul
{
	margin: 0;
	padding: 0;
}


#sidebar
{
	margin: 0 4px 0 0;
	padding: 70px 0px 50px 30px;
	width: 100px;
	background: transparent;
	float: left;
	font: 11px/2em "Lucida Grande" , trebuchet, "trebuchet ms" , arial, sans-serif;
	color: #556e48;
	display: inline;
}

/* standard UL
the div.ulwrap is for any UL that is stored in the CMS.
========================================================== */
ul.links, div.ulwrap ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 2em;
	position: relative;
}

ul.links li, div.ulwrap ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #dee7e4; /*	vertical-align: bottom;*/
	position: relative;
	width: 100;
}

ul.links li a, ul.links li a:visited, div.ulwrap ul li a, div.ulwrap ul li a:visited
{
	display: block;
	margin: 0;
	width: 100px;
	padding: 0 10px;
	position: relative;
}

ul.links li a:hover, div.ulwrap ul li a:hover
{
	background: #D5E5FF url( '../../images/arrow_green.gif' ) 2% 6px no-repeat;
	margin: 0; /*	display:block;*/ /*	width:100%;*/
	padding: 0 10px;
	position: relative;
	width: 100px;
}

#content ul.links, #content ul.links li, #content div.ulwrap, #content div.ulwrap li
{
	width: 150px;
	position: relative;
}

#sidebar ul.links, #sidebar ul.links li, #sidebar div.ulwrap ul, #sidebar div.ulwrap li
{
	width: 120px;
}

#navigator
{
	width: 200px;
	border: #c3d9ff 2px solid;
	background-color: #e0ecff;
	padding: 10px;
	z-index: 1;
	position: absolute;
	right: 100px;
	top: 220;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.85);
}

#questiongrid
{
	margin: 10px;
	width: 90%;
}

.qitem
{
	background-color: #E8EEF7;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: solid 1px #BBBBBB;
	white-space: normal;
	word-break: break-all;
	cursor: hand;
}

.qitem1
{
	background-color: #c3d9ff;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.lhead
{
	background: url(../../images/nlheader.gif) no-repeat left top;
	height: 20px;
	width: 5px;
}

.lfoot
{
	background: url(../../images/nlfooter.gif) no-repeat left bottom;
	height: 26px;
	width: 5px;
}

.chead
{
	border-top: #c3d9ff 2px solid;
	background-color: #e0ecff;
	border-bottom: solid 2px #c3d9ff;
	height: 20px;
}

.cfoot
{
	background-color: #c3d9ff;
	height: 26px;
}

.rhead
{
	background: url(../../images/nrheader.gif) no-repeat right top;
	background-color: White;
	height: 20px;
	width: 5px;
}

.rfoot
{
	background: url(../../images/nrfooter.gif) no-repeat right bottom;
	height: 26px;
	width: 5px;
}

#navigator .header
{
	text-align: center;
	list-style: none;
	font-weight: bold;
}

#contentlist
{
	padding-top: 70px;
	padding-right: 20px;
	float: left;
	width: 550px;
}

#contentlist ul
{
	list-style: none;
}

#contentlist ul li
{
	/*	display:block;*/ /*	width:100%;*/
	padding-top: 10px;
	font-weight: bold;
	display: block;
	width: 100%;
}

#contentlist ul li p
{
	/*	display:block;*/ /*	width:100%;*/
	float: left;
}

#contentlist ul li p p
{
	/*	display:block;*/ /*	width:100%;*/
	float: none;
}


#contentlist ul li p.date
{
	/*	display:block;*/ /*	width:100%;*/
	width: 120px;
	color: Red;
}

#contentlist ul li p.version
{
	/*	display:block;*/ /*	width:100%;*/
	float: right;
	text-align: right;
	white-space: nowrap;
}

#contentlist ul li p.text
{
	/*	display:block;*/ /*	width:100%;*/
	width: 300px;
	float: left;
	white-space: normal;
	word-break: break-all;
}

#contentlist ul li p.emagimg
{
	display: inline;
	float: right;
}

#contentlist ul li p.emagimg img
{
	/*	display:block;*/ /*	width:100%;*/
	width: 60px;
}

#emaglist img
{
	width: 120px;
	float: left;
	margin: 10px;
}

#emaglist p
{
	WORD-BREAK: break-all;
	white-space: normal;
}

#emaglist .date
{
	/*	display:block;*/ /*	width:100%;*/
	width: 120px;
	color: Red;
}

h3
{
	font: normal 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #AAA06E;
	margin: 10px 0 5px;
}

/*End Edit*/


.pager
{
	float: right;
}

.pager_text
{
	font-weight: bold;
	float: left;
	background: #94C0F9;
	height: 24px;
	color: Blue;
	vertical-align: bottom;
	padding-left: 20px;
}

.pager_main
{
	background: #94C0F9;
	height: 24px;
	text-align: right;
	vertical-align: bottom;
}

.pager_left
{
	background: transparent url( '../../images/pager_left.gif' ) 0 0 no-repeat;
	width: 5px;
	height: 24px;
}

.pager_right
{
	background: transparent url( '../../images/pager_right.gif' ) 0 0 no-repeat;
	width: 5px;
	height: 24px;
}

#portheader
{
	margin-top: 10px;
	float: none;
}

#portheader li
{
	cursor: hand;
	color: White;
	font-weight: bold;
	width: 170px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	margin: 20px 20px 0px 0px;
	padding-top: 4px;
	background: transparent url( '../../images/portbg.gif' ) 0 0 no-repeat;
	float: left;
}

#portheader li:hover, #portheader li.over
{
	/* lists nested under hovered list items */
	height: 24px;
	background: transparent url( '../../images/portbg.gif' ) 0 -30px no-repeat;
}

#header2
{
	background-color: buttonface; /*text-align:center*/
}

.lsf
{
	padding-right: 0px;
	padding-left: 16px;
	background: url(../../images/search-bg.gif) no-repeat left top;
	width: 162px;
	padding-top: 12px;
	height: 30px;
}

.lsf INPUT
{
	border-top-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin-left: 30px;
	width: 100px;
	padding-top: 0px;
	height: 14px;
	border-right-width: 0px;
}

#quicklinks
{
	padding-top: 50px;
	font-weight: bold;
	color: White;
}

#quicklinks a, #quicklinks a:visited
{
	font-weight: bold;
	color: white;
	text-decoration: none;
	border-bottom: 0px;
}

#quicklinks a:hover
{
	font-weight: bold;
	font-size: 14px;
	color: yellow;
}

.label 
{
	background-color: AliceBlue;
}

#legendtext
{
	color: Red;
	font-size: 12px;
	font-weight: bold;
}

#contentlist ul li .nc p
{
	font-weight: normal;
	display: block;
	float: none;
}
/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/

/* level 0 inner */
.m0l0iout
{
	font-weight: bold;
	font-size: 12px;
	margin: 4px 0px 0px 8px;
	color: #ffffff;
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	text-decoration: none;
}
.m0l0iover
{
	font-weight: bold;
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	margin: 5px 0 0 8px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout
{
	text-decoration: none;
	text-align: center; /*	border: 1px solid #336699; 	background-color: #2C5F93;*/
	border-right: 1px solid #fff;
}
.m0l0oover
{
	text-decoration: none;
	text-align: center; /*	background-color: #2C5F93; 	border: 1px solid #336699;*/
	border-right: 1px solid #fff;
}


/* level 1 inner */
.m0l1iout
{
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover
{
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout
{
	text-decoration: none;
	background-color: #06f;
	padding: 0;
	text-align: left;
	height: 30px;
}
.m0l1oover
{
	text-decoration: none;
	background-color: #06a;
	background-image: url(../../images/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0;
	text-align: left;
}
.designer { display:block;/*统一转化为块级元素*/ overflow: hidden; width: 0; height: 0; }