﻿
/*powerd by pushauction jin*/
/*jin 2010.4.19*/

/*import reset css*/
@import url("Reset.css");

.center{ width:930px; margin: 0 auto;background:#fff}
.stretch{margin:0 15px; min-width:1000px; }
.stretchContent{width:100%; min-width:930px; }




.header{ width:100%; float:left;background:#fff}

.topBar{width:100%; float:left;}
.topLeft{width:59%; float:left;background:#fff}
.topLeft .clear{width:100%; height:20px;background:#fff}
.topLeft .logo{width:100%; height:32px;background:#fff}
.topLeft .logo img{ float:left; margin-left:2px; margin-right:5px;}
.topLeft .logo a:hover { text-decoration:underline;}
.topLeft .logo b{ font-size:12px; font-weight:normal; color:#333; font-weight:normal; margin-top:10px}
.topLeft .logo b.logoWelcome {font-size:12px;font-weight:normal;float:left;}
.topLeft .logo b.logoWelcome a{ color:#0000cc; text-decoration:none; margin:0 3px;}
.topLeft .logo b.logoWelcome a:hover { text-decoration:underline;}

.topRight{width:39.9%; float:right;background:#fff}
.topRight .topnavmenu{width:100%; height:30px;}
.topRight .lang{width:100%; height:22px;text-align:right; line-height:20px; background:#fff}
.topRight .lang a{margin-left:5px;margin-right:5px; color:#999;}

/* Login */
#topnav{ float: right; margin: 0; width: 140px; background: transparent url(../images/new/login-background.png) bottom left no-repeat; padding-left: 10px}

#topnav .topnav{ overflow: hidden; background: transparent url(../images/new/login-background.png) bottom right no-repeat;  height: 30px; }

#topnav .topnav span{ float: left; display: inline-block; margin: 3px 0 0 5px; }
#topnav .topnav span img{ vertical-align:middle;}
#topnav .topnav .loginfield	{ width: 120px; height: 16px; padding: 4px 4px; border: 1px solid #CCC; background: #FFF url(../images/new/input-background.png) top left no-repeat;  color: #111; font-size: 11px; }
#topnav .topnav .logindd	{width:45px;border: 0px; background: none; color: #FFF;}
#topnav .topnav a, 
#topnav .topnav a:visited{ padding: 1px 15px 0px 5px; color: #666; text-decoration: none; display: inline-block;margin-right:5px; margin-left:5px;}
#topnav .topnav a:hover, 
#topnav .topnav a:active{ color: #f00; cursor:pointer; }
/* assets */
#topnav .dd{ display:inline-block !important;}
#topnav .dd .ddTitle{ overflow: hidden; width: 44px; margin: 1px 0 0;}
#topnav .dd .ddTitle span.arrow	{ background:url(../images/new/dd_arrow.gif) no-repeat 0px 0px; float: right !important; width:16px; height: 16px; cursor: pointer; }
#topnav .dd .ddTitle span.textTitle{ float: left  !important; font-size: 0px; margin: 3px 0 3px 0  !important; width: 16px; height: 16px; overflow: hidden;}
#topnav .dd .ddTitle span.textTitle span.title		{ display: none !important; visibility: hidden !important;}
#topnav .dd .ddChild{ text-align:left; position:absolute; border: 1px solid #CCC;border-top: none; display:none; margin:0; width: 120px !important; 
  -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
  overflow:hidden; overflow-x:hidden !important; background-color:#ffffff; }
#topnav .dd .ddChild .opta a,
#topnav .dd .ddChild .opta a:visited{}
#topnav .dd .ddChild a		{ display:block !important; text-decoration:none; overflow:hidden; cursor:pointer; font-size: 12px; padding: 6px 0px !important; margin: 0px !important; border-top: 1px solid #F8F8F8; }
#topnav .dd .ddChild a:hover	{ background:#F2F2F2; }
#topnav .dd .ddChild a img	{ border:0; padding: 0 !important; vertical-align: middle  !important; margin: 4px 7px 0; !important; }
#topnav .dd .ddChild a.selected	{ background:#F8F8F8; }


/* siteSearch */
#siteSearch { overflow: hidden; float:left; background:none;}
#siteSearch .SearchType{width:80px; float:left; display:block; text-align:center; line-height:26px;}
#siteSearch .SearchCnt{ height: 26px; background:url(../images/siteSearchTxtBtn.png) left no-repeat;width:368px; float:left; display:block}
#siteSearch .SearchCnt span{ float: left; display: inline-block; margin: 3px 5px 0 0; }
#siteSearch .SearchCnt .Searchdd{ border: 0px; background: none; color: #FFF; float:left; }
#siteSearch .SearchCnt a, 
#siteSearch .SearchCnt a:visited{ padding: 1px 0 0px 10px; color: #666; text-decoration: none; display: inline-block }
#siteSearch .SearchCnt a:hover, 
#siteSearch .SearchCnt a:active{ color: #f00;cursor:pointer}
#siteSearch .SearchCnt .ddlSearchType{ float:left; margin:2px 0 0 2px; color: #333;border:0px; background:#eee; height:23px; line-height:23px; vertical-align:middle}
#siteSearch .SearchCnt .SearchInput{ float:left;border:0px; height:21px; width:355px;margin:2px 0 2px 5px; font-size:12px; line-height:21px;color:#666; background:none}
#siteSearch .SearchBtn, #siteSearch .btnSearch{ background:url(../images/siteSearchTxtBtn.png) top right no-repeat;width:105px; height:26px; float:left;border:0px; }



.siteMap{width:100%;float:left;background:#fff}

.topMenu{ width:100%; float:left; height:41px;float:left;background:url(../images/topMenuM.png) top left repeat-x;}
.topMenuL{float:left;background:url(../images/topMenuL.png) top left no-repeat; width:5px;height:41px; }
.topMenuR{ float:right;background:url(../images/topMenuR.png) top right no-repeat; width:5px;height:41px;}
.topMenuC{ float:left;text-align:left; padding-left:5px;}
.topMenuCR{ float:right; line-height:35px; margin-right:5px;}

.topMenuC img{float:left; vertical-align:middle; margin:10px 2px 0 2px;}
.topMenuC a{ width:77px; text-align:center; display:block; float:left; height:40px; line-height:35px;}
.topMenuC a.select{color:#666}
.topMenuC .select:hover{font-weight:bold;color:#f00;text-decoration:none;background:url(../images/new/navbg.png) -76px 0 no-repeat; }

.topMenuC a.selected{background:url(../images/new/navbg.png) 0 0 no-repeat; text-decoration:none;color:#f00; line-height:40px; font-weight:bold;}
.topMenuC .selected:hover{color:#f00;text-decoration:none; background:background:url(../images/new/navbg.png) 0 0 no-repeat;}

.topMenuCR .livecs{text-align:right;line-height:35px;display:block;color:#666; background:url(../images/new/livecs.gif) left no-repeat;padding-left:27px;}

.redLine{ float:left; width:100%; height:8px; background:url(../images/redLine.png) bottom repeat-x;}
.lineLeft{ float:left; width:5px; height:8px; font-size:0px; background:url(../images/redLine.png) top left no-repeat;}
.lineRight{ float:right; width:5px; height:8px; font-size:0px; background:url(../images/redLine.png) top right no-repeat;}



.content{ width:100%; float:left;margin:5px auto 15px auto;}

.main{padding:0;margin-left:195px;}
.mainContent{ position:relative}

.leftContent{margin:0;padding:0;width:180px;position:absolute;left:15px; left:-195px;}

.rightContent{margin:0;padding:0;float:none; width:auto;margin-bottom:15px;}

.footer { padding-bottom:40px; clear:both; width:100%;background:#fff }
.footer p {color:#333; text-align:center; }
.footerLink a { padding:0 5px;}
.footerLink { padding-bottom:5px; border-bottom:2px solid #f00; text-align:center;}
.footerCR { padding-top:5px; padding-left:5px;}


.bstabTabListCnt{ width:100%;background:url(/skins/default/images/tab-bg.png) bottom repeat-x; height:30px;margin-top:10px; float:left;}
.bstabTabs{ float:left; display:inline}
.bstab-tabs-l{float:left;background:url(/skins/default/images/tab-bg.png) top left no-repeat;height:30px;width:7px;margin-left:10px;}
.bstab-tabs-c{float:left;background:url(/skins/default/images/tab-bg.png) 0px -35px repeat-x; height:30px; line-height:30px; font-weight:bold;padding:0 5px}
.bstab-tabs-r{float:left;background:url(/skins/default/images/tab-bg.png) top right no-repeat;height:30px;width:7px;}
.bstabSetting{ display:inherit; float:right;margin-top:10px;}

.settingicon{ background:url(/skins/default/images/icons/iconSettings_15x15.gif) no-repeat; padding-left:20px; color:Blue;}



/*System Message*/

.Error{width:100%;float:left; background:#FFE7E7;margin-bottom:5px;}
.Warning{width:100%;float:left;background:#FFFFCA;margin-bottom:5px; margin-top:3px;}
.Message{width:100%;float:left;background:#E9EEF9; margin-bottom:5px;}
.Success{width:100%;float:left;background:#ECFDBD;margin-bottom:5px;}

.Error .rouBoxH, .Error .rouBoxHL, .Error .rouBoxHR, 
.Error .rouBoxT, .Error .rouBoxTL, .Error .rouBoxTR{ background:url(../images/rouYellow.gif); height:32px; font-size:0px;} 

.Error .rouBoxH, .Error .rouBoxHL, .Error .rouBoxHR, 
.Error .rouBoxT, .Error .rouBoxTL, .Error .rouBoxTR{ background:url(../images/errorBox.gif); height:5px; font-size:0px;} 

.Warning .rouBoxH, .Warning .rouBoxHL, .Warning .rouBoxHR, 
.Warning .rouBoxT, .Warning .rouBoxTL, .Warning .rouBoxTR{ background:url(../images/warningBox.gif); height:5px; font-size:0px;} 
.Message .rouBoxH, .Message .rouBoxHL, .Message .rouBoxHR, 
.Message .rouBoxT, .Message .rouBoxTL, .Message .rouBoxTR{ background:url(../images/messageBox.gif); height:5px; font-size:0px;} 
.Success .rouBoxH, .Success .rouBoxHL, .Success .rouBoxHR, 
.Success .rouBoxT, .Success .rouBoxTL, .Success .rouBoxTR{ background:url(../images/successBox.gif); height:5px; font-size:0px;}

.Error .rouBoxC{border-left:1px solid #f00;border-right:1px solid #f00;}


.Warning .rouBoxC{border-left:1px solid #ff7428;border-right:1px solid #ff7428;}
.Message .rouBoxC{border-left:1px solid #0071fe;border-right:1px solid #0071fe;}
.Success .rouBoxC{border-left:1px solid #6ba92e;border-right:1px solid #6ba92e;}

.Error .rouBoxH, .Warning .rouBoxH, .Message .rouBoxH, .Success .rouBoxH{ background-position:0 -72px; background-repeat:repeat-x;width:100%;}
.Error .rouBoxHL, .Warning .rouBoxHL, .Message .rouBoxHL, .Success .rouBoxHL{ background-position:0 0; background-repeat:no-repeat; float:left; width:5px;}
.Error .rouBoxHR, .Warning .rouBoxHR, .Message .rouBoxHR, .Success .rouBoxHR{ background-position:0 -36px; background-repeat:no-repeat; float:right; width:5px;}
.Error .rouBoxT, .Warning .rouBoxT, .Message .rouBoxT, .Success .rouBoxT{ background-position:0 -180px; background-repeat:repeat-x; width:100%;}
.Error .rouBoxTL, .Warning .rouBoxTL, .Message .rouBoxTL, .Success .rouBoxTL{ background-position:0 -108px; background-repeat:no-repeat; float:left; width:5px; }
.Error .rouBoxTR, .Warning .rouBoxTR, .Message .rouBoxTR, .Success .rouBoxTR{ background-position:0 -144px; background-repeat:no-repeat; float:right; width:5px;}

.errorMessage{ display:block;}
.Error ul{ background:url(../images/errorIcon.gif) no-repeat;padding:5px;margin-left:10px; background-position:0 5px}
.Error ul li{padding-left:20px; color:#f00;}
.Warning ul{ background:url(../images/warningIcon.gif) no-repeat;padding:5px;margin-left:10px; background-position:0 5px}
.Warning ul li{padding-left:20px; color:#f60;}
.Message ul{ background:url(../images/messageIcon.gif) no-repeat;padding:5px;margin-left:10px; background-position:0 5px}
.Message ul li{padding-left:20px; color:#03C;}
.Success ul{ background:url(../images/successIcon.gif) no-repeat;padding:5px;margin-left:10px; background-position:0 5px}
.Success ul li{padding-left:20px; color:#1b5200;}


/*
<div class="Error"><div class="rouBoxH"><div class="rouBoxHL"></div><div class="rouBoxHR"></div></div><div class="rouBoxC">
<ul><li>dsds</li></ul>
</div><div class="rouBoxT"><div class="rouBoxTL" ></div><div class="rouBoxTR" ></div></div></div>
*/

/*search */
.runCnr{width:100%;float:left; background:#f1f1f1}
.runCnr .rouBoxHL, .runCnr .rouBoxHR, 
.runCnr .rouBoxTL, .runCnr .rouBoxTR{ background:url(../images/runCnrBlank.gif); height:5px;width:5px; font-size:0px;} 
.runCnr .rouBoxH, .runCnr .rouBoxT{ width:100%; float:left;}
.runCnr .rouBoxHL{ background-position:0 0; background-repeat:no-repeat; float:left; }
.runCnr .rouBoxHR{ background-position:0 -5px; background-repeat:no-repeat; float:right;}
.runCnr .rouBoxTL{ background-position:0 -15px; background-repeat:no-repeat; float:left;  }
.runCnr .rouBoxTR{ background-position:0 -10px; background-repeat:no-repeat; float:right;}
.runCnr .rouBoxC{ float:left;padding:5px 10px;}


/*make label ==ml*/
.mlControl{  position:relative;}
.mlContent{ float:left; position:absolute;top:5px; left:0px;border:1px solid #888; background:#fff;padding:5px}
.mlSearch{ height:18px;border:1px solid #ccc; border-top-color:#888;width:200px;padding:1px 2px;}
.mlInput{ border:0px;width:180px; height:16px; float:left;}
.btnMlSearch{ background:#fff url(../images/icons/mlSearch.gif) center no-repeat; border:0px;width:18px;height:18px;}
.mlBody{ width:100%; padding:5px 0; width:206px}
.mlBody ul li{width:100%;float:left;margin-bottom:1px;}
.mlBody ul li a{width:100%; display:block; line-height:20px;color:#333}
.mlBody ul li a:hover{ background:#ecf6ff; text-decoration:none;}
.mlBody .mlManage{width:100%; border-top:1px solid #ccc;}
.mlBody .mlManage a{width:100%; border-top:1px solid #fff;}

.mlBodySum{ width:100%; padding:5px 0; width:206px}
.mlBodySum ul li{width:100%;float:left;margin-bottom:1px;}
.mlBodySum ul li span{ float:left;}
.mlBodySum ul li a{ float:left;display:block; line-height:20px;color:#333; width:90%}
.mlBodySum ul li:hover{ background:#ecf6ff; }
.mlBodySum ul li a:hover{text-decoration:none;}
.mlBodySum .mlManage{width:100%; border-top:1px solid #ccc;}
.mlBodySum .mlManage a{width:100%; border-top:1px solid #fff;}








