/*==Layout==*/
/*
<div id=master_wrapper>
	<div id=master>
		<div id=header>
			<div id=topmenu></div>
			<div id=toplogo><a href="#"><img alt="Swanet" src="lib/default/images/blank.gif" border=0></a></div>
			<div id=description></div>
			<div id=menubar></div>
			<div id=quickmenu></div>
		</div>
		<div id=content>
		
			<div id=sidebar></div>
		</div>
		<div id=footer></div>
	</div>
</div>
*/

/*---header---*/
#header{
	margin:0;
	background:#1297CF url(../images/header_bg.jpg) left top repeat-x;
}
#topmenu{
	margin-left:200px;
	text-align:right;
	display:block;
	width:100%;
}
#topmenu ul{
	margin:4px;
	float:right;
}
#topmenu li{
	margin:0 5px;
	padding-left:20px;
	float:left;
	background-image:url(../images/ico_arrow.gif);
	background-repeat:no-repeat;
}
li#message{
	background-image:url(../images/ico_message.gif);
}
li#profile{
	background-image:url(../images/ico_profile.gif);
}
li#pass{
	background-image:url(../images/ico_pass.gif);
}
li#skins{
	background-image:url(../images/ico_skins.gif);
}
li#feedback{
	background-image:url(../images/ico_feedback.gif);
}
li#setup{
	background-image:url(../images/ico_setup.gif);
}
li#help{
	background-image:url(../images/ico_help.gif);
}
li#quit{
	background-image:url(../images/ico_quit.gif);
}
#topmenu li a{
	color:#FFFFFF;
}
#topmenu li a:hover{
	color:#FFFF00;
	background:transparent;
}

#toplogo{
	margin:0;
	width:297px;
	height:72px;
	background-image:url(../images/logo.jpg);
	float:left;
}
#toplogo img{
	width:200px;
	height:72px;
}
#desc{
	width:100%;
	height:25px;
	line-height:25px;
	margin-left:200px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	text-align:left;
}
#hello{
	width:100%;
	height:25px;
	color:#FFFFFF;
}
#hello ul{
	float:right;
}
#username{
	padding-left:30px;
	white-space:nowrap;
	line-height:25px;
	float:left;
	background:transparent url(../images/hello_left.gif) left bottom no-repeat;
}
#sysnav{
	width:150px;
	height:25px;
	line-height:25px;
	float:left;
	padding-left:30px;
	background:#0D80E2 url(../images/sysnav_bg.gif) left bottom repeat-x;
}
#sysnav a{
	color:#999999;
	cursor:pointer;
	display:block;
	padding-right:20px;
	text-decoration:none;
	background:transparent url(../images/ico_dropdown.gif) right center no-repeat;
}
#sysnav a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
/*==Sysnav DropdownMenu==*/
li#sysnav ul{
	width:150px;
	position:absolute;
	z-index:1000;
	display:none;
	border:1px solid #272A36;
	background:#272A36;
}
li#sysnav li{
	height:24px;
	float:none;
}
li#sysnav li.top,
li#sysnav li.bottom{
	display:none;
}
li#sysnav li a{
	width:100%;
	height:24px;
	display:block;
	color:#999999;
	text-align:left;
	text-indent:0;
	font-weight:normal;
	text-decoration:none;
	padding:0;
	background:#272A36;
}
li#sysnav li a:hover{
	width:100%;
	height:24px;
	text-indent:0;
	color:#FFFFFF;
	font-weight:normal;
	background:#60667B;/*#016B54*/
	background-image:none;
}
li#sysnav li a span,
li#sysnav li a:hover span{
	width:auto;
	height:24px;
	
	padding-left:20px;
	display:block;
	text-align:left;
	text-indent:0;
	font-weight:normal;
}
li#sysnav li a span{
	background-position:left center;
	background-repeat:no-repeat;
}
li#sysapply a span{
	background-image:url(../images/1.gif);
}
li#sysbid a span{
	background-image:url(../images/2.gif);
}
li#sysexpert a span{
	background-image:url(../images/3.gif);
}
li#sysjudge a span{
	background-image:url(../images/4.gif);
}

/*==MenuBar==*/
/*
<div id=menubar>
	<ul>
		<li class="left"></li>
		<li class="selected"><a href="#"><span>首页</span></a></li>
		<li><a href="#"><span>我的工作</span></a></li>
		<li><a href="#"><span>邮件管理</span></a></li>
		<li><a href="#"><span>日程管理</span></a></li>
		<li><a href="#"><span>事务管理</span></a></li>
		<li><a href="#"><span>系统管理</span></a></li>
		<li><a href="#"><span>客户管理</span></a></li>
		<li><a href="#"><span>基本信息</span></a></li>
		<li><a href="#"><span>帮助</span></a></li>
		<li class="seperater"></li>
		<li class="moremenu" onmouseover=showSubNav(this); onmouseout=hideSubNav(this);><a href="javascript:void(0);"><span>更多</span></a>
			<ul>
				<li class="top"></li>
				<li><a href="#"><span>社区中心</span></a></li>
				<li><a href="#"><span>知识库(Wiki)</span></a></li>
				<li><a href="#"><span>论坛</span></a></li>
				<li><a href="#"><span>Blog</span></a></li>
				<li class="bottom"></li>
			</ul>
		</li>
		<li class="right"></li>
	</ul>
</div>
*/
#menubar{
	width:100%;
	clear:both;
	display:block;
	background:transparent url(../images/menu_off.jpg) left bottom repeat-x;
}
#menubar li{
	margin:0 1px;
	line-height:24px;
	height:24px;
	float:left;
}
#menubar li.left{
	width:6px;
	height:24px;
	background:transparent url(../images/menu_off.jpg) right bottom repeat-x;
}
#menubar li.seperater{
	width:6px;
	height:24px;
	background:transparent url(../images/menu_off.jpg) left bottom repeat-x;
}
/*=Menu Off=*/
#menubar li a{
	width:72px;
	height:24px;
	display:block;
	padding-left:12px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	background:transparent url(../images/menu_off.jpg) left top repeat-x;
}
#menubar li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background:transparent url(../images/menu_on.jpg) left top repeat-x;
}
/*=Menu On=*/
#menubar li.selected a{
	color:#FFFFFF;
	background:transparent url(../images/menu_on.jpg) left top repeat-x;
}
#menubar li.selected a:hover{
	background:transparent url(../images/menu_on.jpg) left top repeat-x;
}
/*---Home menu---*/
#menubar li#home a{
	width:60px;
	height:24px;
	display:block;
	padding-left:12px;
	color:#FFFFFF;
	text-decoration:none;
	background:transparent url(../images/menu_home_bg.jpg) left top repeat-x;
}
#menubar li#home a span{
	height:24px;
	display:block;
	padding-right:12px;
	text-align:center;
	font-weight:normal;
	cursor:pointer;
	background:transparent url(../images/menu_home_bg.jpg) right top repeat-x;
}
#menubar li#home a:hover{
	text-decoration:none;
	background:transparent url(../images/menu_on.jpg) left top repeat-x;
}
#menubar li#home a:hover span{
	background:transparent url(../images/menu_on.jpg) right top repeat-x;
}
/*=More Menu=*/
#menubar li.moremenu a,
#menubar li.moremenu a:hover{
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:transparent url(../images/btn_dropdown.gif) center center no-repeat;
}

/*==More DropdownMenu==*/
#menubar li ul,
#quickmenu li ul{
	width:120px;
	position:absolute;
	z-index:1000;
	display:none;
	border:1px solid #BBBBBB;
	background:#BBBBBB;
}
#menubar li li{
	margin:0;
	height:24px;
	float:none;
}
#menubar li li.top,
#menubar li li.bottom{
	display:none;
}
#menubar li li a{
	width:100% !important;
	height:24px !important;
	display:block;
	color:#333333 !important;
	text-align:left;
	text-indent:15px !important;
	font-weight:normal;
	white-space:nowrap;
	text-decoration:none;
	padding:0;
	background:#CCCCCC !important;
	background-image:none !important;
}
#menubar li li a:hover{
	width:100%;
	height:24px;
	color:#FFFFFF !important;
	font-weight:normal;
	background:#FF6600 !important;/*#0BA308*/
	background-image:none;
}
/*==QuickMenu==*/
/*
<div id=quickmenu>
	<ul>
		<li class="left"></li>
		<li class="title">快捷菜单</li>
		<li><a href="#"><span>未处理的邮件</span></a></li>
		<li><a href="#"><span>未发送的邮件</span></a></li>
		<li><a href="#"><span>已发送的邮件</span></a></li>
		<li><a href="#"><span>邮件跟踪</span></a></li>
		<li><a href="#"><span>我的事务</span></a></li>
		<li class="seperater"></li>
		<li class="moremenu" onmouseover=showSubNav(this); onmouseout=hideSubNav(this);><a href="javascript:void(0);"><span>更多</span></a>
			<ul>
				<li class="top"></li>
				<li><a href="#"><span>收邮件</span></a></li>
				<li><a href="#"><span>发邮件</span></a></li>
				<li><a href="#"><span>发送手机短信</span></a></li>
				<li class="bottom"></li>
			</ul>
		</li>
		<li class="right"></li>
	</ul>
</div>
*/
#quickmenu{
	width:100%;
	height:30px;
	display:block;
	clear:both;
	border-bottom:1px solid #CCCCCC;
	background:transparent url(../images/quickmenu_bg.jpg) left top repeat-x;
}
#quickmenu li.title{
	width:100px;
	padding-left:24px;
	color:#666666;
	background:transparent url(../images/ico_quickmenu.gif) left center no-repeat;
}
#quickmenu li{
	height:29px;
	line-height:29px;
	float:left;
	padding-left:20px;
	background:transparent url(../images/ico_arrow.gif) left center no-repeat;
}
#quickmenu li.left,
#quickmenu li.right,
#quickmenu li li.top,
#quickmenu li li.bottom{
	display:none;
}
#quickmenu li.seperater{
	width:10px;
	background:transparent url(../images/quickmenu_sep.gif) center center no-repeat;
}
#quickmenu li a{
	cursor:pointer;
	display:block;
}
/*==More DropdownMenu==*/
#quickmenu li.moremenu li{
	height:24px;
	line-height:24px;
	float:none;
	padding:0;
	background-image:none;
}
#quickmenu li.moremenu li a{
	width:100%;
	display:block;
	color:#333333;
	text-align:left;
	text-indent:15px !important;
	font-weight:normal;
	text-decoration:none;
	padding:0;
	background:#CCCCCC;
}
#quickmenu li.moremenu li a:hover{
	width:100%;
	text-indent:0;
	color:#FFFFFF;
	font-weight:normal;
	background:#338AB9;
}

/*---Content---*/
.resizeLayerBorder{
	width:7px;
	height:auto;
	float:left;
	cursor:e-resize;
	background:#F4F7FA url(../images/resize_bg.jpg) left top repeat-y;
}
#resizeLayer{
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	border-left: #333 1px solid;
	border-bottom: #333 1px solid;
	filter: Alpha(Opacity=50);
	position: absolute;
	z-index: 10;
	top: -1000px;
	left: -1000px;
	background-color: #fff; moz-opacity: 0.5;
}
/*---footer---*/
#footer{
	background:#ECE9D8;
	border-top:1px solid #E4E4E4;
	text-align:left;
	height:30px;
	clear:both;
}
#bottommenu{
	width:100%;
	height:2px;
	border-top:1px solid #FFFFFF;
	overflow:hidden;
}
#copyright{
	padding-left:10px;
	color:#999999;
	line-height:24px;
	display:block;
	float:left;
}
#powerdby{
	margin-top:4px;
	text-align:right;
	padding-right:10px;
}
#powerdby img{
	width:100px;
	height:20px;
	background:transparent url(../images/supportlogo.gif) left center no-repeat;
}

/*---sidebar---*/
#sidebar{
	margin:0px;
	background:#E8F5F7;
}
#sidebar01{
	margin:4px;
	background:#FFFFFF;
}
#sidebar a:link, #sidebar a:visited{
	color:#009900;
}
#sidebar a:hover{
	color:#FF0000;
}
#sidebar ul, #sidebar li{
	margin:0;
	margin-top:2px;
	padding:0;
}
#sidebar ul ul{
	margin:4px 0 8px;
}
#sidebar form{
	padding:8px;
}
#sidebar label{
	height:24px;
}
.slide-hide{
	display:none;
}
.slide-show{
	display:block;
}

.sidepanel{
}
#sidebar .ptitle{
	background:transparent url(../images/sidebar_title_bg.jpg) center top no-repeat;
	display:block;
	clear:both;
	width:100%;
}
#sidebar .pcontent{
	padding:4px;
	background:#CBE8F8 !important;
	clear:both;
}
#sidebar .pfoot{
	overflow:hidden;
	height:1px;
	background:#D8D8BE;
}

#sidebar .ptitle a{
	color:#FF6600 !important;
	line-height:22px;
	height:22px;
}
#sidebar a.ptitletext{
	font-size:13px;
	margin-left:20px;
	float:left;
}
#sidebar a.toggle{
	margin-left:2px;
	background:transparent url(../images/menu_toggle_off.gif) center center no-repeat !important;
	text-indent:-9999px;
	font-weight:normal;
	width:20px;
	float:right;
}

#sidebar .unselected .ptitle a.toggle{
	background:transparent url(../images/menu_toggle_off.gif) center center no-repeat !important;
}

#sidebar .selected .ptitle a.toggle{
	background:transparent url(../images/menu_toggle_on.gif) center center no-repeat !important;
}

#sidebar .side-foot{
	height:5px;
	overflow:hidden;
}

/*---side-search---*/
#side-keyword{
	width:184px;
}
/*---side-menu---*/
#side-menu{
	margin:0;
	padding:0 !important;
}
#side-menu ul{
	padding:2px !important;
}
#side-menu ul li{
	margin:0;
	padding-left:20px;
	padding:1px !important;
	border-bottom:3px;
}
#side-menu li a:link, #side-menu li a:visited{
	padding-left:20px;
	color:#666666;
	text-decoration:none;
	display:block;
	line-height:22px;
	background:transparent url(../images/ico_arrow.gif) left center no-repeat;
}
#side-menu li a:hover{
	background:#5F93DB url(../images/ico_arrow.gif) left center no-repeat;
	color:#FFFFFF;
}
/*---side-menu foldergray---*/
#side-menu li.foldergray1 a:link, #side-menu li.foldergray1 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	background:transparent url(../images/menu_button_gray01.jpg) left center no-repeat;
}
#side-menu li.foldergray1 a:hover{
	background:transparent url(../images/menu_button_gray01.jpg) left center no-repeat;
	color:#000000;
}

#side-menu li.foldergray2 a:link, #side-menu li.foldergray2 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	background:transparent url(../images/menu_button_gray02.jpg) left center no-repeat;
}
#side-menu li.foldergray2 a:hover{
	background:transparent url(../images/menu_button_gray02.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.foldergray3 a:link, #side-menu li.foldergray3 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_gray03.jpg) left center no-repeat;
}
#side-menu li.foldergray3 a:hover{
	background:transparent url(../images/menu_button_gray03.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.foldergray4 a:link, #side-menu li.foldergray4 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_gray04.jpg) left center no-repeat;
}
#side-menu li.foldergray4 a:hover{
	background:transparent url(../images/menu_button_gray04.jpg) left center no-repeat;
	color:#000000;
}
/*---side-menu folderblue---*/
#side-menu li.folderblue1 a:link, #side-menu li.folderblue1 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_blue01.jpg) left center no-repeat;
}
#side-menu li.folderblue1 a:hover{
	background:transparent url(../images/menu_button_blue01.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.folderblue2 a:link, #side-menu li.folderblue2 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_blue02.jpg) left center no-repeat;
}
#side-menu li.folderblue2 a:hover{
	background:transparent url(../images/menu_button_blue02.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.folderblue3 a:link, #side-menu li.folderblue3 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_blue03.jpg) left center no-repeat;
}
#side-menu li.folderblue3 a:hover{
	background:transparent url(../images/menu_button_blue03.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.folderblue4 a:link, #side-menu li.folderblue4 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_blue04.jpg) left center no-repeat;
}
#side-menu li.folderblue4 a:hover{
	background:transparent url(../images/menu_button_blue04.jpg) left center no-repeat;
	color:#000000;
}
/*---side-menu folder green---*/
#side-menu li.foldergreen1 a:link, #side-menu li.foldergreen1 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_green01.jpg) left center no-repeat;
}
#side-menu li.foldergreen1 a:hover{
	background:transparent url(../images/menu_button_green01.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.foldergreen2 a:link, #side-menu li.foldergreen2 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_green02.jpg) left center no-repeat;
}
#side-menu li.foldergreen2 a:hover{
	background:transparent url(../images/menu_button_green02.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.foldergreen3 a:link, #side-menu li.foldergreen3 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_green03.jpg) left center no-repeat;
}
#side-menu li.foldergreen3 a:hover{
	background:transparent url(../images/menu_button_green03.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.foldergreen4 a:link, #side-menu li.foldergreen4 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/menu_button_green04.jpg) left center no-repeat;
}
#side-menu li.foldergreen4 a:hover{
	background:transparent url(../images/menu_button_green04.jpg) left center no-repeat;
	color:#000000;
}
/*---side-menu startup green---*/
#side-menu li.again1 a:link, #side-menu li.again1 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/again1.jpg) left center no-repeat;
}
#side-menu li.again1 a:hover{
	background:transparent url(../images/again1_01.gif) left center no-repeat;
	color:#000000;
}
#side-menu li.startup1 a:link, #side-menu li.startup1 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/startup01.jpg) left center no-repeat;
}
#side-menu li.startup1 a:hover{
	background:transparent url(../images/startup01_01.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.startup2 a:link, #side-menu li.startup2 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/startup02.jpg) left center no-repeat;
}
#side-menu li.startup2 a:hover{
	background:transparent url(../images/startup01_02.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.startup3 a:link, #side-menu li.startup3 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/startup03.jpg) left center no-repeat;
}
#side-menu li.startup3 a:hover{
	background:transparent url(../images/startup01_03.jpg) left center no-repeat;
	color:#000000;
}
#side-menu li.startup4 a:link, #side-menu li.startup4 a:visited{
	padding-left:24px;
	color:#000000;
	text-decoration:none;
	display:block;
	
	background:transparent url(../images/startup04.jpg) left center no-repeat;
}
#side-menu li.startup4 a:hover{
	background:transparent url(../images/startup01_04.jpg) left center no-repeat;
	color:#000000;
}
/*---side-calculator---*/
#side-calculator{
	text-align:center;
}

/**/
.popdiv{
	position:absolute;
	z-index:1000;
	display:none;
	background:transparent;
	width:800px;
	clear:both;
}
/*------*/
.btn-search{
	background:#049D6E url(../images/btn_bg.gif) left top no-repeat;
	border:1px solid #0C5D57;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	width:64px;
	height:22px;
}
.input{
	background:#FFFFFF;
	color:#666666;
	border:1px solid #7F9DB9;
	padding:1px;
	line-height:18px;
	height:18px;
}
.overflow{
	overflow:hidden;
}

.subjectLayer 
{
	border-bottom-style:solid;
	border-left-style:none;
	border-right-style:none;
	border-top-style:none;
	border-width:2px;
	border-color:#C0C0C0;
	width:100%;
}