/********************************************************************************
 * File: Wrap.css
 *
 * Usage: control the layout of web pages for little prince's website.
 * 
 * Author: littlePrince @ Soochow University
 * Author's E-mail: think_again@sina.com
 * Author's Blog: http://littleprince.wooblog.2500sz.com
 * Author's QQ: 37179130
 *
 * Created Date: 2007/02/14
 *
 * Note:
 *	标准色: 蓝 #3E419E  
 ********************************************************************************/

body 
{
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: center;
}

/*
 * link styles
 */
a:link
{
	padding: 0;
	margin: 0;
	text-decoration: underline;
	color: #182176;
}
a:visited 
{
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: black;
}

a:hover 
{
	padding: 0;
	margin: 0;
	text-decoration: underline;
	color: Blue;
}

a:active 
{
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: darkBlue;
}

/*
 * the whole wrap
 */
#wrap 
{
	margin: 0;
	padding: 0 5px 0 5px;
	background: #ffffff;
	position: relative;
	width: 780px;
	display: block;
	overflow: visible;
	z-index: 0;
	text-align: left;
}

/*
 * the header
 */
#header {
    height: 108px;
    width: 770px;
    padding: 0;
    position: relative;
    font-size: 10pt;
}

#headerLeft {
    float: left;
    height: 100%;
    width: 505px;
    position: relative;
    overflow: hidden;
    padding: 0;
}

#headerLeft .clsSite_Title 
{
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 150px;
    text-align: center;
    color: #213E85;
}

#headerLeft a {
    margin: 0 2px 0 0;
    padding: 0;
}

#headerRight {
    float: right;
    position: relative;
    height: 100%;
    width: 263px;
}

#headerRightTop {
    width: 100%;
    height: 50%;
}

#headerRightTop #fmLogon {
    padding: 0;
    margin: 0;
}

#headerRightTop #fmLogon fieldset {
    border: solid 0px transparent;
    background: #FFC56D url(../images/orgcirbottomleft.gif) no-repeat left bottom;
    float: left;
    width: 162px;
    padding: 0 2px 0 5px;
}

#headerRightTop p {
    margin: 0 0 1px 0;
    text-align: center;
}

#headerRightTop #fmLogon fieldset div.inputArea 
{
	float: left;
	position: relative;
}

#headerRightTop #fmLogon fieldset div.submitArea 
{
	top: 1px;
	right: 1px;
	float: right;
	position: relative;
	border-left: solid 1px #E08500;
	border-bottom: solid 1px #E08500;
	border-top: solid 1px #FDA41B;
	border-right: solid 1px #E28702;
}

#headerRightTop #fmLogon fieldset input.textBox {
    width: 70px;
    font-size: 10pt;
    border: solid 1px black;
}

#headerRightTop #fmLogon fieldset input.submit 
{
	height: 40px;
	background-color: #FC9900;
	border-left: solid 1px silver;
	border-bottom: solid 1px #E08500;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #E28702;
	color: White;
	font-weight: bold;
}

#headerRightTop #fmLogon fieldset label {
    width: 3em;
    text-align: left;
}

#picLinks {
    float: right;
}

#headerRightBottom {
    position: relative;
    height: 40px;
    border-bottom: solid 2px #FF9A00;
    width: 100%;
    display: block;
    padding-top: 2px;
}

#headerRightBottom a:link 
{
	text-decoration: none;
}

#headerRightBottom a:visited 
{
	text-decoration: none;
}

#headerRightBottom a:hover 
{
	text-decoration: underline;
}

#headerRightBottom a:acitve 
{
	text-decoration: underline;
}

#headerRightBottom #cityTitle {
    float: left;
    height: 100%;
    padding: 10px 5px 5px 5px;
    font-weight: bold;
    color: white;
    background-color: #FF9A00;
}

#headerRightBottom ul {
    list-style-type: none;
    margin: 0;
}

#headerRightBottom ul li {
    float: left;
    margin: 5px 2px 0 3px;
}

/*
 * the whole site's navigator
 */
#nav {
    position: relative;
    text-align: left;
    height: 30px;
}

#nav a:link {
    color: white;
    text-decoration: none;
}

#nav a:visited {
    color: gray;
    text-decoration: none;
}

#nav a:hover {
    color: white;
    text-decoration: underline;
}

#nav a:active {
    color: white;
    text-decoration: underline;
}

#nav ul {
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

#nav ul.nav1 li {
    float: left;
    margin: 0;
    padding: 6px 16px;
    color: white;
    font-weight: bold;
    background-color: #3E419E;
    position: relative;
    display: block;
    cursor: hand;
}

#nav ul.nav1 li.menuHover, #nav ul.nav2 li.menuHover, #nav ul.nav3 li.menuHover {
    color: white;
    font-weight: bold;
    background-color: #FF9A00;
    cursor: hand;
    display: block;
}

#nav ul.nav1 li.menuHover ul.nav2, #nav ul.nav1 li.menuHover ul.nav2 li.menuHover ul.nav3
{
	display: block;
}

#nav ul.nav2 {
    position: absolute;
    left: 0;
    top: 1.8em;
    margin: 0;
    width: 200px;
    padding: 0;
    z-index: 10;
    display: none;
}

/* 导航条隐藏时的样式 */
#nav li.menuHide ul {
    display: none;
}

#nav ul.nav2 li {
    float: none;
    width: 100%;
    display: block;
}

#nav ul.nav3 {
    position: absolute;
    left: 200px;
    top: 0;
    z-index: 11;
    display: none;
    filter : progid:DXImageTransform.Microsoft.Shadow ( enabled=true , color=#550000ff , direction=135 , strength=5 );
}

#nav ul.nav3 li {
    background-color: #D5D6EC;
    color: #3E419E;
    float: none;
    width: 100px;
}

/* 高亮显示当前页面 */
#SiteIndex #nav1Index, #Guest_TraningCenter #nav1TrainningCenter, #Guest_Teachers #nav1Feature, #Guest_Teachers #nav2Teacher, #ExamAuthentication_Certificates #nav1ExamAuthentication, 
#ExamAuthentication_Certificates #nav2Certificate, #ExamAuthentication_ExamAuthentication #nav1ExamAuthentication, #nav1ExamAuthentication #nav2Exam, #Hunters_AllHunters #nav1Hunters,
#JobGuide_Index #nav1ManResource, #Guest_ComIntro #nav1Factory, #Guest_ComIntro #nav2FacIntro, #Guest_DeviceIntro #nav1Factory, #Guest_DeviceIntro #nav2DeviceIntro
{
    color: white;
    font-weight: bold;
    background-color: #FF9A00;
    cursor: hand;
}

/*
 * the main content
 */
#content 
{
	background: #ffffff;
	float: none;
	width: 100%;
	height: auto;
	padding: 0;
	text-indent: 0em;
	text-align: left;
}

#content #divForm 
{
	text-indent: 2em;
}

/*
 * the foot navigator
 */
#footNav 
{
	width: 100%;
	background: none;
	padding: 4px 8px 4px 8px;
	color: #3E419E;
	text-align: center;
	height: 35px;
}

#footNav ul 
{
	margin: 5px auto 5px 0;
	padding: 0;
	list-style: none;
	clear: both;
	float: none;
}

#footNav ul li 
{
	float: left;
	height: 1.5em;
}

#footNav a:link 
{
	color: #3E419E;
	text-decoration: none;
}

#footNav a:visited 
{
	color: #000000;
	text-decoration: none;
}

#footNav a:hover 
{
	color: darkblue;
	text-decoration: underline;
}

#footNav a:active 
{
	color: blue;
	text-decoration: underline;
}

/*
 * the footer
 */
#footer 
{
	background: #none;
	color: #3E419E;
	height: 90px;
	width: 100%;
	float: none;
	clear: both;
	display: block;
}

#footer p
{
	text-align: center;
	color: Black;
	margin: 5px 0 5px 0;
}

/**
 * 表单元素
 */
/*
 * 文本框的样式
 */
.lpInputBox
{
	font-size: 100%;
	color: #333333;
	width: 100px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

/*
 * 文本框获得焦点时的样式
 */
.lpInputBoxOnFocus 
{
	/*background: #FFF000;*/
	background: #cc0000;
	color: White;
	font-weight: bold;
	font-size: 100%;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

/*
 * 按钮样式
 */
.lpButton, .lpButtonOnFocus
{
	font-size: 100%;
	color: #000000;
	width: 100px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

.lpButton2 
{
	BORDER-RIGHT: #4871C2 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #4871C2 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 100%; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA)!important; 
	BORDER-LEFT: #4871C2 1px solid; 
	CURSOR: hand; 
	COLOR: black; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #4871C2 1px solid;
	width: 120px;
}

.lpButton2OnFocus 
{
	BORDER-RIGHT: #4871C2 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #4871C2 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 100%; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF3333, EndColorStr=#990000)!important; 
	BORDER-LEFT: #4871C2 1px solid; 
	CURSOR: hand; 
	COLOR: white; 
	font-weight: bold;
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #4871C2 1px solid;
	width: 120px;
}
/*
 * 文本区域样式
 */
.lpTextArea
{
	font-size: 100%;
	color: #333333;
	width: 350px;
	height: 120px;
}

.lpTextAreaOnFocus 
{
	background: #cc0000;
	font-weight: bold;
	color: White;
	font-size: 100%;
}

/*
 * 下拉列表框样式
 */
.lpSelect
{
	width: 150px;
	font-size: 100%;
	color: #333333;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

/**
 * 错误标签
 */
.errMsg 
{
	background: #FFF000;
	color: Red;
	width: auto;
	border: solid 1px red;
	padding: 4px 8px;
	margin-bottom: 10px;
}

.errMsg a:link 
{
	margin: 0;
	padding: 0;
}

.errMsg a:visited
{
	margin: 0;
	padding: 0;
}

.errMsg a:hover
{
	margin: 0;
	padding: 0;
}

.errMsg a:active
{
	margin: 0;
	padding: 0;
}

.errMsg p 
{
	margin: 0;
	padding: 0;
}

/* 了解更多 的样式 */
.learnMore{
	float: right;
	margin: 0 0 0 0;
	color: #AA0000!important;
	text-decoration: none;
	border: solid 1px #000000;
	background: #FFFFFF;
	padding: 2px 4px;
	text-indent: 0;
	font-size: 12px!important;
}

/*
 * 修改密码的界面，受到QQ网站的启发
 */
.QQWindow 
{
	width: 300px;
	border: solid 1px #0D7CCB;
}

.QQWindow .title {
    color: white;
    font-weight: bold;
    background: #0D7CCB url(../images/security.gif) no-repeat left top;
    position: relative;
    margin: 0;
    padding: 4px 8px 4px 8px;
    width: 300px;
    padding-left: 25px;
}

/*
 * QQWindow2
 */
dl.QQWindow2
{
	padding-top: 0;
	margin:0;
	text-indent: 0;
	border: solid 1px #0D7CCB;
	color: #0045A5;
}

dl.QQWindow2 dt 
{
	background: #0D7CCB;
	height: 35px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 165%;
	font-weight: bold;
	font-family: 华文中宋;
	text-align: center;
	color: White;
}

dl.QQWindow2 dd 
{
	height: 100%;
	margin: 0;
	/*border: solid 1px #0045A5;*/
	/*background: #ffffee;*/
	padding: 10px;
	padding-bottom: 0;
	text-align: left;
	overflow: hidden;
}

dl.QQWindow2 dd p 
{
	margin-bottom: 0;
	padding-bottom: 0;
}

dl.QQWindow2 dd dl 
{
	margin: 8px 0 8px 0;
	padding: 0;
}

dl.QQWindow2 dd dl dt 
{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

dl.QQWindow2 dd dl dd 
{
	margin: 0;
	padding: 0;
}

/*
 * QQWindow3
 */
dl.QQWindow3
{
	padding-top: 0;
	margin:0;
	text-indent: 0;
	border: solid 1px #1E9930;
	color: #127D1F;
}

dl.QQWindow3 dt 
{
	background: #1E9930;
	height: 35px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 165%;
	font-weight: bold;
	font-family: 华文中宋;
	text-align: center;
	color: White;
}

dl.QQWindow3 dd 
{
	height: 100%;
	margin: 0;
	/*border: solid 1px #0045A5;*/
	background: #ffffee;
	padding: 10px;
	padding-bottom: 0;
	text-align: left;
	overflow: hidden;
}

dl.QQWindow3 dd p 
{
	margin-bottom: 0;
	padding-bottom: 0;
}

dl.QQWindow3 dd dl 
{
	margin: 8px 0 8px 0;
	padding: 0;
}

dl.QQWindow3 dd dl dt 
{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

dl.QQWindow3 dd dl dd 
{
	margin: 0;
	padding: 0;
}

/*
 * 登录框的界面，模仿.QQWindow
 */
.logonWindow
{
	width: 300px;
	border: solid 1px #ff0000;
}

.logonWindow .title {
    color: white;
    font-weight: bold;
    background: #FEF7F1 url(../../manResource/image/t11.jpg) no-repeat left top;
    margin: 0;
    padding: 4px 8px 4px 8px;
    width: 300px;
    height: 45px;
    padding-left: 25px;
    border-bottom: solid 1px red;
}

/*
 * 放图像用的,其结构是： <div.imageBox><div><dl></dl>s</div></div.imageBox>
 */
.imageBox 
{
	border: solid 2px #999999;
}

.imageBox div
{
	border: solid 1px #999999;
	margin: 2px!important;
	height: 100%;
	padding-bottom: 2px;
}

.imageBox div dl 
{
	float: left;
	/* 这里千万不能将position设为relative， 否则imageBox的内容会遮住导航条。 */
	height: 200px!important;
	width: 240px!important;
	clear: none;
	margin-right: 10px;
	overflow: auto;
	border: solid 1px #999999!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	margin: 2px;
	display: inline;
}

.imageBox div dl.Focus
{
	float: left;
	/* 这里千万不能将position设为relative， 否则imageBox的内容会遮住导航条。 */
	height: 200px!important;
	width: 240px!important;
	clear: none;
	margin-right: 10px;
	overflow: auto;
	border: solid 2px blue!important;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	margin: 2px;
	display: inline;
}

.imageBox div dl dd 
{
	width: 100%;
	text-indent: 0!important;
	text-align: center;
	font-size: 100%!important;
}


.imageBox div dl.Focus dd 
{
	width: 100%;
	color: blue!important;
	font-weight: bold;
	text-indent: 0!important;
	text-align: center;
	font-size: 100%;
}

.imageBox div dl dd img 
{
	width: 200px;
	border: none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
}

.imageBox div dl dd img.Focus 
{
	width: 200px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/*
 * 紧凑的段落
 */
.compact 
{
	text-indent: 0;
	padding-left: 5px;
}

.compact p 
{
	text-indent: 0;
	padding-left: 5px;
}

#bannerDiv 
{
	float: left;
	height: 104px;
	width: 350px;
	padding: 0 0 0 1px;
	margin: 0 2px 0 1px;
}