/*
	CardinChina 2007 HelpCenter

    Default Style Main CSS

*/


/* -------- HTML Element --------- */


body
{
	background: #fff;
	margin: 0 0 0 0;
}

body, th, td, input, div, textarea, caption
{
	font-size: 12px;
	color: #666;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: 160%;
}

a:link, a:visited
{
	color: #005aaa;
	text-decoration: none;
}

a:hover, a:active
{
	color: #005aaa;
	text-decoration: underline;
}

img
{
	border: 0;
}

hr
{
	display: none;
}

caption
{
	text-align: left;
	font-weight: bold;
}

dl
{
	margin: 16px 20px 16px 20px;
}

dt
{
	font-weight: bold;
}

dd
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	color: #999;
}

kbd
{
}

/* -------- Frame --------- */

#page_top
{
}

#page_left
{
	background: #9bc2ed;
	border-left: 8px solid #fff;
	border-right: 1px solid #78a3d2;
	height: 100%;
}

#page_main
{
	margin: 0 15px 0 15px;
}

#page_footer
{
	margin: 0 30px 0 0;
}

/* -------- Top --------- */

.headerContainer
{
	clear: both;
	width: 100%;
	float: left;
}
.logo
{
	padding: 2px 0 0 7px;
	float: left;
}



.logo img
{
	background: url( ../../../images/logo_normal.gif ) no-repeat 0 0;
	height: 60px;
	width: 180px;
}

.topline
{
	background: url( ../images/topline.gif ) repeat-x 0 -11px;
	border-left: 8px solid #fff;
	height: 11px;
	width: auto;
	clear: both;
}

.toplineimg
{
	background: url( ../images/topline.gif ) no-repeat 0 0;
	height: 11px;
	width: 184px;
}

.pageOperation
{
	padding: 10px 32px 0 0;
	text-align: left;
	display: block;
	float: right;
}

/* -------- Left --------- */

.menuContainer
{
	background: url( ../images/navbar_bg.gif ) repeat-y 0 0;
	width: auto;
}

.menuTitle
{
	height: 8px;
	font-weight: bold;
}

.menuCat
{
	padding-left: 10px;
}

.menuCat span
{
	font-weight: bold;
	color: Green;
}

.menuList
{
	color: #005aaa;
	margin: 0 6px 10px 2px;
	border-bottom: 1px solid #d7e7f8;
}

.menuList ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.menuList li
{
	list-style-type: none;
}

.menuList a
{
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 15px 0 30px;
}

.menuList .active .menuList .active a:link, .menuList .active a:visited, .menuList .active a:active
{
	background: #528BCB;
	color: #fff;
	font-weight: normal;
}

.menuList a:hover
{
	background: url( ../images/arrow_02.gif ) no-repeat 16px -92px;
	font-weight: normal;
	color: #005aaa;
}


.menuList .active a:hover
{
	background: #528BCB url( ../images/arrow_02.gif ) no-repeat 16px -342px;
	font-weight: normal;
	color: #fff;
}
.menuBottom
{
	background: url( ../images/navbar_bottom.gif ) no-repeat 0 bottom;
	height: 13px;
	width: auto;
}

/* -------- Main --------- */

.arrow_01
{
	height: 11px;
	width: 11px;
	background: url( ../images/arrow_01.gif ) no-repeat;
	vertical-align: middle;
}

.arrow_02
{
	height: 8px;
	width: 8px;
	background: url( ../images/arrow_02.gif ) no-repeat;
	vertical-align: middle;
}

.contentHead
{
	border-bottom: 1px solid #d7e7f8;
	height: 38px;
	line-height: 38px;
	width: auto;
	clear: both;
}

.contentHead .title
{
	color: #000;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 50%;
}

.contentHead .listControl
{
	float: left;
	height: 38px;
	line-height: 38px;
	text-align: right;
	width: 49%;
}

.listControl img
{
	margin: 10px 0 13px 0;
}


.stateCollapse
{
	background-position: 0 0;
}

.stateExpand
{
	background-position: 0 -11px;
}

.stateCollapse-cat
{
	background-position: 0 -33px;
}

.contentList
{
	border-bottom: 1px solid #d7e7f8;
	float: left;
	padding: 16px 0 16px 0;
	width: 100%;
}

.contentList ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.contentList li
{
	display: block;
	float: left;
	font-weight: normal;
	list-style-type: decimal;
	line-height: 180%;
	padding: 0 0 0 20px;
	width: 380px;
}

.contentList li.active
{
	background: url( ../images/arrow_02.gif ) no-repeat 10px -93px;
	font-weight: bold;
}

.contentList li.alert, .contentList li.alert a:link, .contentList li.alert a:visited, .contentList li.alert a:hover, .contentList li.alert a:active, .contentDetail h2.alert
{
	color: #cc0000;
}

.contentList li img
{
	margin: 2px 0 1px 0;
}


.contentDetail
{
	border-bottom: 1px solid #d7e7f8;
	float: left;
	padding: 0 0 20px 0;
	width: 100%;
}

.contentDetail h2
{
	color: #000;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: auto;
}

.contentDetail h3
{
	font-size: 14px;
}

.contentDetail .returnTop
{
	clear: both;
	margin: 6px 0 0 0;
	text-align: right;
	width: auto;
}

.operationBar .stateUp
{
	background-position: 0 0;
	margin: 31px 0 31px 0;
}

.contentDetail .content
{
	padding: 0 20px 0 20px;
	clear: both;
	text-align: justify;
	text-justify: distribute;
	font-size: 14px;
}

.contentDetail .content li
{
	line-height: 180%;
}




.hide
{
	display: none;
}

.fontSmall
{
	font-size: 11px;
}

.listTable
{
	border-collapse: collapse;
}

.listTable th, .listTable td
{
	border: 1px solid #bfd8f4;
	padding: 2px 4px 2px 4px;
	text-align: left;
}

.listTable th
{
	background: #9bc2ed;
	color: #fff;
}

.listTable .column1
{
	width: 15%;
}

.listTable .column2
{
	width: 35%;
}

.listTable .row1
{
	background: #fff;
}

.listTable .row2
{
	background: #ebf3fb;
}

.listTable dl
{
	margin: 5px 10px 5px 10px;
}

.listTable dt
{
	font-weight: bold;
}

.listTable dd
{
	margin: 0 0 0 0;
	color: #999;
}

#fileTypeList
{
	width: 80%;
}

#levelList
{
	width: 400px;
}

.toolTips
{
	border: 1px solid #ccc;
	background: #ffffe9;
	padding: 10px 12px 8px 12px;
	margin: 10px auto 10px auto;
	line-height: 120%;
	width: 93.5%;
}

.toolTips h3
{
	display: block;
	padding: 0 4px 0 24px;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	color: #005aaa;
	margin: 0;
}

.toolTips h3.feedback
{
	background: url( ../../../../htmledition/images/ico.gif) no-repeat 0 -80px;
}


.toolTips p
{
	padding: 0 0 0 24px;
	margin: 0;
	line-height: 140%;
}

.toolTips a:link, .toolTips a:visited, .toolTips a:hover, .toolTips a:active
{
	color: #666;
	text-decoration: none;
}

.lenShort
{
	width: 60%;
}

.rejectedMail
{
	width: 93.5%;
	padding: 20px;
	background: #ffffe9;
	border: 1px solid #ccc;
}

.rejectedMail .mailContent
{
	color: #333;
}

.split
{
	border-bottom: 1px solid #ccc;
	height: 1px;
	display: block;
}

.detailSwitch
{
	padding: 0 0 0 24px;
	cursor: pointer;
	color: #005aaa;
}

.detailContent
{
	display: block;
	padding: 6px 0 6px 0;
	margin: 4px 40px 0 22px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

/* -------- Welcome --------- */

.showMsg
{
	background: url( ../../../images/special/welcome/helpcenter_newversion.png ) no-repeat 10px 20px;
	height: 200px;
	padding: 60px 15px 0 170px;
	margin: 0 0 0 20px;
	border-bottom: 1px solid #d7e7f8;
	clear: both;
}

.showMsg h1
{
	font-size: 30px;
	color: #1f81c4;
	font-family: 宋体, Segoe UI, Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 100%;
}

.featureList, .mostQuestion
{
	width: 45%;
	float: left;
	padding: 20px 10px 0 20px;
	margin: 10px 0 0 0;
	font-size: 14px;
}

.featureList h2, .mostQuestion h2
{
	font-size: 16px;
	color: #1f81c4;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 100%;
}
.mostQuestion
{
	border-left: 1px solid #d7e7f8;
}

.mostQuestion li
{
	line-height: 200%;
}

/* -------- Footer --------- */


#footer
{
	padding: 6px 0 6px 0;
	clear: both;
}

.copyright
{
	color: #999;
	text-align: right;
	line-height: 130%;
	float: right;
}



.iconPrintFriendly
{
	width: 16px;
	height: 16px;
	background: url( ../images/icon_misc.gif ) no-repeat 0 0;
	vertical-align: middle;
}

.iconScreenFriendly
{
	width: 16px;
	height: 16px;
	background: url( ../images/icon_misc.gif ) no-repeat 0 -16px;
	vertical-align: middle;
}


/* -------- Print --------- */

.printHeader
{
	text-align: left;
	padding: 0 0 20px 0;
}

.printFooter
{
	text-align: right;
	padding: 10px 0 10px 0;
	font-size: 11px;
	clear: both;
	width: 100%;
}


.printHeader img
{
	display: block;
	float: left;
}
.printHeader .return
{
	display: block;
	float: right;
	text-align: right;
	height: 60px;
	padding: 10px 0 0 0;
}

.highlight
{
	font-weight: bold;
	color: Red;
}

.moreQuestion
{
	float: right;
}