﻿
a[href^="javascript"]:focus{outline:0; -moz-outline-style: none;}
body {background: #fff;color: #444;}
a{ font-size:12px; color:#002398; text-decoration:none;outline:none;}
a:link , a:visited{font-size:12px; color:#002398; text-decoration:none; outline:none; cursor:pointer;}
a:hover{font-size:12px; color:#002398; text-decoration:underline;outline:none; cursor:pointer;}
a:focus {outline:none;} 
body, div, q, iframe, form, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p{ margin:0; padding: 0;} 
ul, dl, li{list-style-type:none;}
img{border: none 0;}
body, td{/*word-break: break-all;word-wrap: break-word;*/ line-height:1.5;}
body, input, select, button{font-size: 12px; font-family:Arial, Helvetica, sans-serif,"宋体";}
div,p,table,th,td{ font-size:1em; font-family:inherit; line-height:inherit;}
em, i, u, q, s, dl, caption, dfn, var, address, cite, s, strike, del, ins{ font-style: normal; font-weight: normal; text-decoration: none; }
i{color:#669900}
hr{ clear:both; margin:7px 0;/* +margin: 0;*/ border:0 none;font-size: 1px; line-height:1px;color: #ddd; background-color:#ddd; height: 1px;}
q:before, q:after{content: “”; content: none;}
q {quotes: “” “”;}
h1, h2, h3, h4{font-family: Arial, Helvetica, sans-serif,"宋体";padding-top:1px;}
h1{ font-size:13px; font-weight: bold;color:#444;}
h2{ font-size:12px; font-weight: bold;color:#444;}
h3{ font-size:13px; font-weight: bold;color:#f80;}
h4{ font-size:12px; font-weight: bold;color:#444;}
option { padding-left:0.5em}
/*Bugfix */
 
* html textarea { overflow:auto; /*overflow-x: hidden;*/}
* html iframe, * html frame { overflow:auto; }
* html input { overflow: hidden; }
* html body div{/*zoom:1*/}
body ol li { display:list-item; } 
ol li{ list-style-type:decimal}
/*end Bugfix*/


.center{ width:980px; margin: 0 auto;}
.stretch{/* min-width:1000px;*/margin:0 15px;}
.stretchContent{width:100%; min-width:980px;}
/*.header{ width:100%; float:left; margin-bottom:10px; background:#fff; position:relative; z-index:8}*/

/*.header .Warning{ margin-bottom:0; margin-top:10px;}*/
/*
.header{ background:url(../images/sandboxbg.png) repeat-x;}
*/
.content{ width:100%; float:left; min-height:300px }
.footer { padding-bottom:40px; clear:both; width:100%;background:#fff;padding-top:0px;*padding-top:10px !important;}
.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;}
.footercr p.footericp { padding-top:5px;width:160px; margin:0;}
.footercr img { margin-top:4px;}

.topbar{width:100%; float:left;}
.topleft{width:60%; float:left;}
.topleft .clear{width:100%; height:13px;}
.topleft .logo{width:100%; height:32px;}
.topleft .logo a.syslogo{ width:195px; height:58px; display:block; float:left; margin-left:2px; margin-right:10px; background:url(../images/logo/logo3.png);background-position:top right; }
.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 {color: #666;font-size:22px;font-weight:normal;float:left;margin-left: 10px;margin-top: 12.5px;}
.topleft .logo b.logoWelcome a{ color:#0000cc; text-decoration:none; margin:0 7px;}
.topleft .logo b.logoWelcome a:hover { text-decoration:underline;}
.topleft .logo b.logoWelcome span{ float:left; padding-right:3px;}
.topleft .logo b.logoWelcome .signdiv{ display:inline;float:left;}
.topleft .logo .language{ float:right;margin-top:10px}

.topright{float:right; }
.topright{  padding-right:10px; height:40px; position:relative; }
.topnav { display:none; background:#fff;padding:5px;}
.topusername { display:block;height:42px; float:right;}
.topusername:hover .topnav{ display:block; border:1px solid #ccc; position:absolute; top:38px; left:0; width:120px; box-shadow: 2px 4px 3px rgba(238, 238, 238, 1);}
.topusername:hover .topnav li {display: block;height: 23px;line-height: 23px;}
.topusername:hover .topnav li a {padding-left: 5px; display:block; width:100%; text-decoration:none; color:#333;}
.topusername:hover .topnav li:hover { background: #DDE5F4; cursor:pointer;}
.top_signout { float: right;display: block;height: 42px;line-height: 42px;text-align: center; margin-left:10px;}
.top_language { float: right;display: block;height: 42px;line-height: 42px;text-align: center; margin-left:10px;margin-right:30px;}

.topusertxt {float:left;display:block; width:100%; height:42px; line-height:42px; text-align:center; cursor:pointer;}
.topusername:hover .topusertxt {background:#3b3a39;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc; position:relative; }
.topusertxt span {  float:left; margin-left:7px;}
.topusertxt b{background:url(../images/arraw.png) no-repeat; width:8px; height:6px; display:block; float:right; margin:19px 0; margin-right:7px; margin-left:3px;}
.topusername:hover .topusertxt p {  width:100%; height:2px; background:#fff; top:37px; position:absolute;z-index:9999999999;}


/* Login
#topnav{ float: right; margin: 0; background: transparent url(../images/navigation/login-background.png) bottom left no-repeat; padding-left: 10px; position:relative;}
#topnav .topnav{ overflow: hidden; background: transparent url(../images/navigation/login-background.png) bottom right no-repeat; padding-right:10px; height: 30px; }
.topnav a{ padding:0 10px; line-height:24px; vertical-align:middle}
.topnav ul{ float:left;}
.topnav ul li{ float:left; border-right:1px solid #eee;}
.topnav ul li.last{border-right:none;} */

/*
.topnav a, .topnav ul li.help span{ padding:0 10px; line-height:24px; vertical-align:middle}
.topnav ul li.help span{ background:url(../images/sysicon.png) -2px -679px no-repeat; padding-left:20px; margin-left:10px; cursor:pointer; display:block;}
.topnav a img{ vertical-align:middle; margin-right:3px;}
.topnav ul{ float:left;}
.topnav ul li{ float:left; border-right:1px solid #eee;}
.topnav ul li.help{ height:28px;border-right:none;}
.topnav ul li.help ul{ display:none; position:absolute; right:2px; top:25px; width:90px;border:1px solid #ccc;border-top:none;background:#f6f6f6;padding:5px; float:left;}
.topnav ul li.help ul li{ float:left; line-height:25px;border-right:none; width:80px; padding:0 5px;}
.topnav ul li.help ul li a{padding:0; text-decoration:none; display:block; width:80px;}
.topnav ul li.help ul li:hover{background:#DDE5F4;}
.topnav ul li.help:hover ul{ display:block;}*/


/* assets 
#topnav .dd{ display:inline-block !important;}
#topnav .dd .ddTitle{ overflow: hidden;  margin: 1px 0 0;}
#topnav .dd .ddTitle span.arrow	{ background:url(../images/navigation/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: 100px !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:#fff; }
#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; }
*/
.sitemap{width:100%;float:left;}

.topmenu{ width:100%; float:left; height:53px;float:left; background:#3b3a39;background-position:bottom;/*text-shadow:2px 1px 1px rgba(20,20,20,0.2);*/}
.topmenubottom{ width:100%; float:left; float:left;}
.topmenul{float:left;width:180px;height:41px;background-position:bottom;padding-top:3px;}
.topmenur{ float:right; width:5px;height:41px;background-position:bottom;}
.topmenuc{ float:left; margin-left:10px; position:relative;padding-top:13px;background-color:lightSilver; }
.topmenucr label{ float:right; line-height:31px;}
.topmenuc img{float:left; vertical-align:middle; margin:10px 2px 0 2px;padding-top:13px}
/*
.topmenuc a{ width:77px; text-align:center; display:block;  height:40px; line-height:35px;color:#666; font-weight:bold; outline:none; float:left;}
.topmenuc a.select:hover{font-weight:bold;color:#f00;text-decoration:none;background:url(../images/navigation/navbg.png) -76px 0 no-repeat; cursor:pointer;}
.topmenuc a.select{ float:left;}
.topmenuc a.selected{background:url(../images/navigation/navbg.png) 0 0 no-repeat; text-decoration:none;color:#f00; line-height:40px; margin-top:3px; float:left;}
.topmenuc a.selected:hover{color:#f00;text-decoration:none; background:url(../images/navigation/navbg.png) 0 0 no-repeat; cursor:pointer;}
.topmenuc a.system{float:right;}
.topmenucr .livecs{text-align:right;line-height:35px;display:block;color:#666; background:url(../images/navigation/livecs.gif) left no-repeat;padding-left:27px;}
*/
/*new begin*/
.topmenuc a{  display:block; width:100%;text-align:center;height:32px; line-height:32px;color:#666; font-weight:bold; outline:none; }
.topmenuc a.select:hover{font-weight:bold;color:#f00;text-decoration:none;cursor:pointer;}
.topmenuc a.select{ float:left;color:white;}
.topmenuc a.selected{background:#fff;text-decoration:none;color:#f00; line-height:32px;  float:left;}
.topmenuc a.selected:hover{color:#f00;text-decoration:none; cursor:pointer;}
.topmenuc a.system{float:right;}
.topmenucr .livecs{text-align:right;line-height:32px;display:block;color:#666; background:url(../images/navigation/livecs.gif) left no-repeat;padding-left:27px;}
/*new end*/

.menupre{ position:relative; float:left;width:80px;border-left:1px solid #666;}

.first{border-left:none}
.lastright{float:right; border-left:none;}
.dwscmenu{ display:none;width:320px;position:absolute;z-index:999999999; top:39px;left:-1px;}
.dwscmenuin{width:300px; padding:10px; padding-top:0; float:left; background:#fff; border:1px solid #ccc; box-shadow: 2px 4px 3px rgba(238, 238, 238, 1);}

.dwscmenufot{height:5px; float:left; width:100%; }

.dwscmenu h2{ width:100%; float:left;  height:23px; line-height:23px; margin-top:5px;}
.dwscmenu h2 span{ background:url(../images/sysicon.png) -7px -122px no-repeat; padding-left:13px;}
.dwscmenu ul{ width:100%; float:left;padding:0; margin:0;}
.dwscmenu ul li{ width:150px; float:left;padding:0; margin:0; text-align:left;}
.dwscmenu ul li a{ width:140px; height:21px; line-height:21px;text-align:left;font-weight:normal; padding-left:13px;}
.dwscmenu ul li a:hover{background:#DDE5F4; text-decoration:none;}
.menupre:hover{ }
.menupre:hover .dwscmenu{ display:block;}
.menupre:hover{ border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;box-shadow: 3px 0px 3px rgba(238, 238, 238, 1);}
.menupre:hover p.dropdownline{ position:absolute;top:-7px;left:0px;background:#3b3a39;border-left:1px solid #ccc;border-right:1px solid #ccc; height:7px; width:80px;padding:0;margin:0;}

#menu113{  float:right; border-left:none;}
#menu113:hover{ background:none;}

.redline, .lineleft, .lineright{ font-size:0px;}
.redline{ float:left; width:100%; height:6px; background:url(../images/navigation/redLine.png) bottom repeat-x;}
.lineleft{ float:left; width:5px; height:6px; font-size:0px; background:url(../images/navigation/redLine.png) top left no-repeat;}
.lineright{ float:right; width:5px; height:6px; font-size:0px; background:url(../images/navigation/redLine.png) top right no-repeat;}

.redloginline{ float:left; width:100%; height:4px; background:url(../images/navigation/redLine.png) bottom repeat-x; font-size:0px;}

/*system management*/

.main{  float:left; width:100%;}
.leftmenu{width:200px;float:left;}
.rightcnt{margin-left:230px; /*don't add flaot*/}
.rightcntnew{margin-left:230px; /*don't add flaot*/}


/*menu*/
.spmMenu{overflow:hidden; height:100%;padding:1px;padding-bottom:0px;padding-top:0px;}
.spmMenu h2{border:0px; float:left;width:100%;line-height:29px; height:29px; cursor:pointer; font-weight:normal;}
.spmMenu ul ul{float:left;list-style-type: none;width:100%;/*display:none*/}
.spmMenu li{list-style-type: none;width:100%; float:left;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
.spmMenu li li{list-style-type: none;width:100%; float:left;border:0px;padding:0px;}
.spmMenu li li li a b{ margin-left:15px}
.spmMenu a{display:block; float:left;height:28px; line-height:28px; text-decoration:none; }
.spmMenu a:hover{ background:#D3E2F6; color:#333; text-decoration:none; font-weight:bold}   
.spmMenu a.selected b{ font-weight:bold; color:#909; text-decoration:underline;}
.spmMenu b{ float:left; padding-left:15px; cursor:pointer; font-weight:normal }
.spmMenu u{ float:right;color:#666; padding-right:15px;}
.spmMenu .select, .spmMenu .selected{padding:0px; margin:0px;float:left;width:100%;}
.spmMenu h2.select{background:#f3f3f3; }
.spmMenu h2.select img{ margin-left:10px; margin-right:7px;}
.spmMenu h2.selected{background:#f3f3f3}
.spmMenu h2.selected img{ margin-left:6px; margin-right:5px;}
.spmMenu div{ display:inline}

.MsgHide{ display:none;}

.paError{border:2px solid #f00;background:#FFE7E7;color:#000;}
.paWarning{border:2px solid #f00; background:#FFE7E7;color:#000;}  
.paMessage{border:2px solid #f00;background:#FFE7E7;color:#000;}       
.paSuccess{border:2px solid #6ba92e;background:#ECFDBD;color:#000; }

.paError , .paWarning , .paMessage, .paSuccess{width:100%;float:left;position:absolute;  z-index:999999999; width:600px;
        left:50%;top:33%; margin-left:-300px;position:fixed!important;padding:10px; }
        
.paError .rouBoxC, .paWarning .rouBoxC, .paMessage .rouBoxC, .paSuccess .rouBoxC{ text-align:center;max-height:300px; overflow:auto }
.paError .ListrouBoxC, .paWarning .ListrouBoxC, .paMessage .ListrouBoxC, .paSuccess .ListrouBoxC{ text-align:left;max-height:300px; overflow:auto }
.msgbutton{ width:100%; height:30px; line-height:30px; text-align:center; padding-top:10px; float:left;}

.paError .rouBoxC ul, .paWarning .rouBoxC ul, .paMessage .rouBoxC ul, .paSuccess .rouBoxC ul{padding:5px;text-align:center; background:none;}
.paError .ListrouBoxC ul, .paWarning .ListrouBoxC ul, .paMessage .ListrouBoxC ul, .paSuccess .ListrouBoxC ul{padding:5px;text-align:left; background:none;}


/*System Message*/
.sysError{width:100%;float:left;margin-bottom:15px; }
.sysError .rouBoxH{ background-position:0 -72px; background-repeat:repeat-x;width:100%;}
.sysError .rouBoxHL{ background-position:0 0; background-repeat:no-repeat; float:left; width:5px;}
.sysError .rouBoxHR{ background-position:0 -36px; background-repeat:no-repeat; float:right; width:5px;}
.sysError .rouBoxT{ background-position:0 -180px; background-repeat:repeat-x; width:100%;}
.sysError .rouBoxTL{ background-position:0 -108px; background-repeat:no-repeat; float:left; width:5px; }
.sysError .rouBoxTR{ background-position:0 -144px; background-repeat:no-repeat; float:right; width:5px;}
.sysError .rouBoxH, .sysError .rouBoxHL, .sysError .rouBoxHR, 
.sysError .rouBoxT, .sysError .rouBoxTL, .sysError .rouBoxTR{ background:url(../images/message/errorBox.gif); height:5px; font-size:0px;} 
.sysError p{ background:url(../images/message/errorIcon.gif) no-repeat;padding:5px;padding-left:28px; background-position:0 5px; color:#f00; }
.sysError ul{width:100%;margin-top:10px;}
.sysError ul li{margin-left:40px; color:#333; list-style-type:disc; line-height:25px; letter-spacing:0.1em;}

/*System Message*/
.sysError{width:100%;float:left;margin-bottom:15px; }
.Error  {width:100%;float:left;margin-bottom:15px; background:#FFE7E7;}
.Warning{width:100%;float:left;margin-bottom:10px; background:#FFFFCA;margin-top:5px;}
.Message{width:100%;float:left;margin-bottom:15px; background:#E9EEF9}
.Success{width:100%;float:left;margin-bottom:15px; background:#ECFDBD}

.MsgHide{ display:none;}

.sysError .rouBoxH, .sysError .rouBoxHL, .sysError .rouBoxHR, 
.sysError .rouBoxT, .sysError .rouBoxTL, .sysError .rouBoxTR{ background:url(../images/message/errorBox.gif); height:5px; font-size:0px;} 

.Error .rouBoxH, .Error .rouBoxHL, .Error .rouBoxHR, 
.Error .rouBoxT, .Error .rouBoxTL, .Error .rouBoxTR{ background:url(../images/message/errorBox.gif); height:5px; font-size:0px;} 

.Warning .rouBoxH, .Warning .rouBoxHL, .Warning .rouBoxHR, 
.Warning .rouBoxT, .Warning .rouBoxTL, .Warning .rouBoxTR{ background:url(../images/message/warningBox.gif); height:5px; font-size:0px;} 
.Message .rouBoxH, .Message .rouBoxHL, .Message .rouBoxHR, 
.Message .rouBoxT, .Message .rouBoxTL, .Message .rouBoxTR{ background:url(../images/message/messageBox.gif); height:5px; font-size:0px;} 
.Success .rouBoxH, .Success .rouBoxHL, .Success .rouBoxHR, 
.Success .rouBoxT, .Success .rouBoxTL, .Success .rouBoxTR{ background:url(../images/message/successBox.gif); height:5px; font-size:0px;}

.sysError .rouBoxC{border-left:1px solid #f00;border-right:1px solid #f00;padding:10px 15px; }
.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; }

.sysError .rouBoxH, .Error .rouBoxH, .Warning .rouBoxH, .Message .rouBoxH, .Success .rouBoxH{ background-position:0 -72px; background-repeat:repeat-x;width:100%;}
.sysError .rouBoxHL, .Error .rouBoxHL, .Warning .rouBoxHL, .Message .rouBoxHL, .Success .rouBoxHL{ background-position:0 0; background-repeat:no-repeat; float:left; width:5px;}
.sysError .rouBoxHR, .Error .rouBoxHR, .Warning .rouBoxHR, .Message .rouBoxHR, .Success .rouBoxHR{ background-position:0 -36px; background-repeat:no-repeat; float:right; width:5px;}
.sysError .rouBoxT, .Error .rouBoxT, .Warning .rouBoxT, .Message .rouBoxT, .Success .rouBoxT{ background-position:0 -180px; background-repeat:repeat-x; width:100%;}
.sysError .rouBoxTL, .Error .rouBoxTL, .Warning .rouBoxTL, .Message .rouBoxTL, .Success .rouBoxTL{ background-position:0 -108px; background-repeat:no-repeat; float:left; width:5px; }
.sysError .rouBoxTR, .Error .rouBoxTR, .Warning .rouBoxTR, .Message .rouBoxTR, .Success .rouBoxTR{ background-position:0 -144px; background-repeat:no-repeat; float:right; width:5px;}

.sysError p{ background:url(../images/message/errorIcon.gif) no-repeat;padding:5px;padding-left:28px; background-position:0 5px; color:#f00; }
.sysError ul{width:100%;margin-top:10px;}
.sysError ul li{margin-left:40px; color:#333; list-style-type:disc; line-height:25px; letter-spacing:0.1em;}
.Error ul{ background:url(../images/message/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/message/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/message/messageIcon.gif) no-repeat;padding:5px;margin-left:10px; background-position:0 5px}
.Message ul li{padding-left:20px; color:#03C;}
.Success ul{ background:#ECFDBD url(../images/message/successIcon.gif) no-repeat;padding:5px;margin-left:10px; background-position:0 5px}
.Success ul li{padding-left:20px; color:#1b5200;}

.Error .rouBoxHR, .Warning .rouBoxHR, .Message .rouBoxHR, .Success .rouBoxHR{ position:relative;}
.Error .rouBoxHR .close, .Warning .rouBoxHR .close, .Message .rouBoxHR .close, 
.Success .rouBoxHR .close{ position:absolute; top:8px; right:8px; font-size:0px; background:url(../images/message/messageClose.gif) no-repeat;width:7px; height:7px; cursor:pointer}

.errorbox{border:1px solid #f00;}

 /* assets */

.ddlcaolortag{ vertical-align:middle;float:left; cursor:pointer; width:43px; height:20px;}
.ddlcaolortag .dd{ display:inline-block !important; background:url(../images/selectbg.png) -82px 0 no-repeat; width:43px; height:20px;}
.ddlcaolortag .dd .ddTitle{ overflow: hidden;margin-left:5px;}
.ddlcaolortag .dd .ddTitle span.arrow{ float: right !important; width:14px; height:20px; cursor: pointer;}
.ddlcaolortag .dd .ddTitle span.textTitle{ float: left  !important; font-size: 0px; margin:2px 0  !important; width: 16px; height: 16px; overflow: hidden;}
.ddlcaolortag .dd .ddTitle span.textTitle span.title{ display: none !important; visibility: hidden !important; }
.ddlcaolortag .dd .ddChild{ text-align:left; position:absolute; border: 1px solid #999;
                                    display:none; margin:s0; 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:#fff;padding:1px; }
.ddlcaolortag .dd .ddChild .opta a,
.ddlcaolortag .dd .ddChild .opta a:visited{ }
.ddlcaolortag .dd .ddChild a{ display:block !important; text-decoration:none;overflow:hidden; cursor:pointer; font-size: 12px; padding:2px 0px !important;margin: 0px !important; }
.ddlcaolortag .dd .ddChild a:hover	{ background:#66b3ff; }
.ddlcaolortag .dd .ddChild a img	{ border:0; padding: 0 !important; vertical-align: middle!important; margin: 0 7px!important; }
.ddlcaolortag .dd .ddChild a.selected	{ background:#F8F8F8; }

.ddlselect{ vertical-align:middle;float:left; cursor:pointer; width:82px; height:20px;}
.ddlselect .dd { display:inline-block !important; background:url(../images/selectbg.png) left no-repeat; width:82px; height:20px;}
.ddlselect .dd .ddTitle {padding:3px;text-indent:0;cursor:pointer;overflow:hidden;height:16px; width:100px; margin-left:5px;}
.ddlselect .dd .ddTitle span.arrow { float:right; display:inline-block; cursor:pointer;}
.ddlselect .dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px;}
.ddlselect .dd .ddTitle span.textTitle img{text-align:left; padding:0 2px 0 0}
.ddlselect .dd .ddTitle img.selected {padding:0 3px 0 0;vertical-align:top;}
.ddlselect .dd .ddChild {position:absolute;border: 1px solid #999;display:none;margin:0;width:auto;overflow:auto;
                         background-color:#ffffff;padding:1px}
.ddlselect .dd .ddChild .opta a, 
.ddlselect .dd .ddChild .opta a:visited {padding-left:10px}
.ddlselect .dd .ddChild a {display:block;padding:3px 0 3px 3px;text-decoration:none;color:#000;overflow:hidden;white-space:nowrap;cursor:pointer;}
.ddlselect .dd .ddChild a:hover {background:#66b3ff;}
.ddlselect .dd .ddChild a img {border:0;padding:0 2px 0 0;vertical-align:middle;}
.ddlselect .dd .ddChild a.selected {background:#F8F8F8;}
.ddlselect .hidden {display:none;}

.ddlsales{ vertical-align:middle;float:left; cursor:pointer; padding:0; margin:0; margin-left:7px;}
.ddlsales .dd{background:url(../images/actionbg.png) repeat-x; height:19px; float:left; margin-right:5px;border:1px solid #666; min-width:50px; }
.ddlsales .dd .ddTitle{ overflow: hidden;height:21px; line-height:20px;vertical-align:middle; text-align:center;padding:0;margin:0; padding-right:8px;}
.ddlsales .dd .ddTitle span.arrow{ float: right !important; width:7px; height:4px; cursor: pointer; background:url(../images/downarrow.gif) right no-repeat; margin:8px auto;}
.ddlsales .dd .ddTitle span.textTitle span.title{ display: none !important; visibility: hidden !important; }
.ddlsales .dd .ddChild{ text-align:left; position:absolute; border: 1px solid #666;display:none; margin: 0; width: 130px !important;  
                         -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; 
                         -webkit-border-bottom-right-radius: 3px; background-color:#ffffff;overflow:auto;padding:1px;  padding-top:0px;}
.ddlsales .dd .ddChild a		{ display:block !important; text-decoration:none; overflow:hidden; cursor:pointer; font-size: 12px; padding:0 5px !important; margin: 0px !important; height:20px; line-height:21px; }
.ddlsales .dd .ddChild a:hover	{ background:#66b3ff; padding:0px; margin:0px; top:0px; left:0px; }
.ddlsales .dd .ddChild a img	{ border:0; padding: 0 !important; vertical-align: middle  !important; margin: 4px 2px 0 !important; }
.ddlsales .dd .ddChild a.selected	{ background:#eee; } 
.ddlsales .dd .ddChild .opta a,
.ddlsales .dd .ddChild .opta a:visited{}
.ddlsales .dd .ddChild .opta{border-top:1px solid #ddd; margin-top:3px; }
.ddlsales .dd .ddChild .opta a{ margin-left:10px; padding-left:20px; }
.ddlsales a{ width: 120px !important; }
#ddlFlag1_msa_0, #searchTag_msa_0, 
#ddlTag_msa_0, #Tag3_ddlMark_msa_0{ display:none; background:#fff; z-index:-999; height:0px; font-size:0px; padding:0px; margin:0px;}

 /* button */
 
    .primaryUIButton 
    {
        height: 23px;
        padding: 0px 28px;
        border: 1px solid;
        border-color: #d3a63a #bf942a #aa8326;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        
        background: #f3d078;
        background: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7dfa5),color-stop(100%, #f0c14b));
        background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -o-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -ms-linear-gradient(top, #f7dfa5, #f0c14b);
        background: linear-gradient(top, #f7dfa5, #f0c14b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5',endColorstr='#f0c14b', GradientType=0);
        *zoom: 1;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    }
    .primaryUIButton:hover {
        border-color: #c79a2c #aa8326 #957321;
        background: #f1c860;
        background: -moz-linear-gradient(top, #f5d78e, #eeb933);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d78e),color-stop(100%, #eeb933));
        background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
        background: -o-linear-gradient(top, #f5d78e, #eeb933);
        background: -ms-linear-gradient(top, #f5d78e, #eeb933);
        background: linear-gradient(top, #f5d78e, #eeb933);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e',endColorstr='#eeb933', GradientType=0);
        *zoom: 1;
    }
    .primaryUIButton:active {
        border-color: #aa8326 #bf942a #bf942a;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #f0c14b;
    }
    
   .buttontop .rightbutton .primaryUILinkButton 
    {
    	
    	text-decoration:none;
        height:19px;line-height:19px;
        float:right;
        margin-left:7px;
        padding:0 10px;
        min-width:50px;
        border: 1px solid;
        border-color: #d3a63a #bf942a #aa8326;
        text-align: center;        
        cursor: pointer;
        
        background: #f3d078;
        background: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7dfa5),color-stop(100%, #f0c14b));
        background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -o-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -ms-linear-gradient(top, #f7dfa5, #f0c14b);
        background: linear-gradient(top, #f7dfa5, #f0c14b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5',endColorstr='#f0c14b', GradientType=0);
        *zoom: 1;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        color:#333;
    }
    .buttontop .rightbutton .primaryUILinkButton:hover 
    {
    	text-decoration:none;
        border-color: #c79a2c #aa8326 #957321;
        background: #f1c860;
        background: -moz-linear-gradient(top, #f5d78e, #eeb933);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d78e),color-stop(100%, #eeb933));
        background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
        background: -o-linear-gradient(top, #f5d78e, #eeb933);
        background: -ms-linear-gradient(top, #f5d78e, #eeb933);
        background: linear-gradient(top, #f5d78e, #eeb933);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e',endColorstr='#eeb933', GradientType=0);
        *zoom: 1;
    }
    .buttontop .rightbutton .primaryUILinkButton:active {
        border-color: #aa8326 #bf942a #bf942a;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #f0c14b;
    }
    
    .buttontop .leftbutton .primaryUILinkButton 
    {
    	
    	text-decoration:none;
        height:19px;line-height:19px;
        float:left;
        margin-left:7px;
        padding:0 10px;
        min-width:50px;
        border: 1px solid;
        border-color: #d3a63a #bf942a #aa8326;
        text-align: center;        
        cursor: pointer;
        
        background: #f3d078;
        background: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7dfa5),color-stop(100%, #f0c14b));
        background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -o-linear-gradient(top, #f7dfa5, #f0c14b);
        background: -ms-linear-gradient(top, #f7dfa5, #f0c14b);
        background: linear-gradient(top, #f7dfa5, #f0c14b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5',endColorstr='#f0c14b', GradientType=0);
        *zoom: 1;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
        color:#333;
    }
    .buttontop .leftbutton .primaryUILinkButton:hover 
    {
    	text-decoration:none;
        border-color: #c79a2c #aa8326 #957321;
        background: #f1c860;
        background: -moz-linear-gradient(top, #f5d78e, #eeb933);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d78e),color-stop(100%, #eeb933));
        background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
        background: -o-linear-gradient(top, #f5d78e, #eeb933);
        background: -ms-linear-gradient(top, #f5d78e, #eeb933);
        background: linear-gradient(top, #f5d78e, #eeb933);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e',endColorstr='#eeb933', GradientType=0);
        *zoom: 1;
    }
    .buttontop .leftbutton .primaryUILinkButton:active {
        border-color: #aa8326 #bf942a #bf942a;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #f0c14b;
    }
    
 .secondaryUIButton {
        height: 23px;
        padding: 0px 18px;
        border: 1px solid;
        border-color: #bcc1c8 #bababa #adb2bb;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        background: #eff0f3;
        background: -moz-linear-gradient(top, #f7f8fa, #e7e9ec);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f8fa),
        color-stop(100%, #e7e9ec));
        background: -webkit-linear-gradient(top, #f7f8fa, #e7e9ec);
        background: -o-linear-gradient(top, #f7f8fa, #e7e9ec);
        background: -ms-linear-gradient(top, #f7f8fa, #e7e9ec);
        background: linear-gradient(top, #f7f8fa, #e7e9ec);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8fa',
        endColorstr='#e7e9ec', GradientType=0);
        *zoom: 1;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    }
    .secondaryUIButton:hover {
        border-color: #aeb4bd #adadad #9fa5af;
        background: #e0e3e8;
        background: -moz-linear-gradient(top, #e7eaf0, #d9dce1);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7eaf0),
        color-stop(100%, #d9dce1));
        background: -webkit-linear-gradient(top, #e7eaf0, #d9dce1);
        background: -o-linear-gradient(top, #e7eaf0, #d9dce1);
        background: -ms-linear-gradient(top, #e7eaf0, #d9dce1);
        background: linear-gradient(top, #e7eaf0, #d9dce1);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7eaf0',
        endColorstr='#d9dce1', GradientType=0);
        *zoom: 1;
    }
    .secondaryUIButton:active {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #dcdfe3;
        border-color: #adb2bb #bababa #bababa;
    }

#customizedtooltipDiv {
    background: #333 none repeat scroll 0 0;
    border-radius: 5px;
    border: solid 1px #315B6C;
    color: #fff;
    max-width: 400px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: auto;
    z-index: 50000;
}

.badge-action-help {
    border-radius: 12px !important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    padding: 1px 5px;
    text-align: center;
    text-shadow: none !important;
    
    background-color: #777777;
     line-height: 1;
     min-width: 10px;
     white-space: nowrap;
     cursor: pointer;
     float:none !important;
}

 #showLargerImageDiv {
    background:  white none repeat scroll 0 0;
    overflow: hidden;
    box-shadow: 0 2px 10px #d7d7d7;
    max-width: 400px;
    opacity: 0;
    padding: 0.2px;
    position: absolute;
    width: auto;
    z-index: 50000;
}


