.mask
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	border-width:0; 
	width:100%;
	display:none;
	background-color:#888888;
	filter :alpha(opacity=50);
	opacity:0.5;
}
.mask .loading
{
	background-color:#FFFFFF; margin:250px auto; border:solid 2px #000000;  height:50px; line-height:50px; width:350px; font-size:24px; font-weight:bold; 
}
.pageLoading
{ 
	width:300px; 
    text-align:center;
    position:absolute;
    z-index:1000;
}
.pageLoading .inner 
{
	margin:0 auto 50px;
	background-color:#FFFFFF; 
	border: 2px #0097FF solid;  
    padding:15px 0px;
}
.pageLoading .inner  img{ vertical-align:middle;}
.title{ height:35px; width:741px; border:2px solid #0097ff; background:url(../Images/title-bg.gif) repeat-x; text-align:left; padding-left:5px; font-size:18px; font-weight:bold; color:#fff; line-height:35px;}
.retailerName{ float:left;display:inline-block;}
.helpCell{ float:right;display:inline-block; margin-right:5px; height:35px; line-height:35px;}
.helpCell .help{ width:48px; height:20px; margin:7px 2px; background:url(../Images/con_buticon.gif) -146px -317px no-repeat ; display:inline-block;}
.helpCell .guide{width:73px; height:20px; margin:7px 2px; background:url(../Images/con_buticon.gif) -205px -296px no-repeat ;display:inline-block;}
.helpCell .help1{ background:url(../Images/con_buticon.gif) -205px -318px no-repeat;width:73px;display:inline-block; height:20px;margin:7px 2px; }

.toolbar{ height:43px; width:750px;}
.toolbar ul{ margin:0px; padding:0px; margin-right:10px;}
.toolbar ul li{ float:right; margin-left:5px; margin-top:5px; line-height:37px;color:#fff;}
.toolbar ul li a{  height:37px;background:url(../Images/toolbar-icon.gif);display:inline-block;}
.toolbar ul li a.toolbar_gocon:link, .toolbar ul li a.toolbar_gocon:visited{ background-position:-215px 0px;width:113px;}
.toolbar ul li a.toolbar_gocon:hover{ background-position:-215px -43px;width:113px;}
.toolbar ul li a.toolbar_login:link, .toolbar ul li a.toolbar_login:visited { background-position:-119px 0px;width:83px;}
.toolbar ul li a.toolbar_login:hover{ background-position:-119px -43px;width:83px;}
.toolbar ul li a.toolbar_system:link, .toolbar ul li a.toolbar_system:visited{ background-position:0px 0px;width:113px; }
.toolbar ul li a.toolbar_system:hover{ background-position:0px -43px;width:113px; }
.toolbar ul li a.toolbar_exit{ background:none; text-decoration:underline; color:#FFFFFF;}
.toolbar ul li a.toolbar_card:link, .toolbar ul li a.toolbar_card:visited{ background-position:-338px 0px;width:108px; }
.toolbar ul li a.toolbar_card:hover{ background-position:-338px -43px;width:108px; }
.toolbar ul li a.toolbar_cx:link, .toolbar ul li a.toolbar_cx:visited{ background-position:-459px 0px;width:108px; }
.toolbar ul li a.toolbar_cx:hover{ background-position:-459px -43px;width:108px; }

.cardContent{ width:733px; height:543px; background:url(../images/con_bg.gif); margin:0 auto; text-align:left; margin-top:5px;} 
.cardContent .contentBorder{width: 700px; text-align: center; padding-top: 8px; margin:0 auto;}
.con_title{ height:60px;  border:1px solid #ccc; background:#f0f0f0; margin:10px auto 0 auto; }
.con_title_logo{ float:left; width:56px; height:60px; background:url(../Images/logoicon.gif) 0px 0px no-repeat; }
.shuaka{ background-position:0px 0px;}
.pjdy{ background-position:0px -72px;}
.jycx{ background-position:0px -143px;}
.jsdz{ background-position:0px -217px;}
.con_title_txt { float:right;  height:60px;  text-align:left;}
.con_con{ margin:0 auto; margin-top:5px;}
.text_1{border:3px  solid #06a6ec; background:#FFFFFF;height:30px;line-height:30px; width:350px; font-size:18px; font-weight:bold;}
.text_4{border:3px  solid #ff6600; background:#FFFFFF;height:30px;line-height:30px; width:350px; font-size:18px; font-weight:bold;}
.text_2{border:1px  solid #cccccc; background:#FFFFFF;height:30px;line-height:30px; width:356px; font-size:18px; font-weight:bold; display:inline-block ;}
.text_3{height:25px; width:220px;line-height:25px;} 
.unit{ font-size:24px; font-weight:bold;}

.con_con_infbar{border:1px solid #0097FF;  height:35px; background:#fff; text-align:left; line-height:35px; padding-left:10px; }
.pager{height:26px; margin-top:10px; line-height:26px; font-size:14px; }
.pager a{ text-decoration:none; vertical-align:middle;}
.pager span{ vertical-align:middle;}
.pager a.page:link, .page a.page:visited, .page a.page:hover{ background:url(../Images/con_buticon.gif) -81px -77px no-repeat; width:68px;  color:#fff; }

.statusBar{ height:40px; line-height:40px; background:#999;  margin:0 auto; margin-top:5px; font-size:14px; font-weight:bold;}
.statusBar span{display:inline-block; margin:0px;}
.statusBar .l{ text-align:left; padding-left:10px;}
.statusBar .t{ width:160px; text-align:left;}
.statusBar .r{ width:160px; text-align:right; }
.statusBar .r .s{background-color: #FFFFFF; border: solid 2px #333333; margin:2px; height: 32px; line-height: 32px; }
.statusBar .r .s .connect{width: 90px; text-align: left;color:#0000FF}
.statusBar .r .s .check{width: 90px; text-align: left;color:#FF5F00;}
.statusBar .r .s .notconnect{width: 90px; text-align: left;color:#FF0000;}



.popPanel
{
	text-align:left;
	border:2px solid #306c86;
	background:#9fd5ed;  
	z-index:10;
	-moz-box-shadow:5px 5px 9px #555;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=135, Color='#555555');
}
.popPanel .tbar
{
	height:30px; 
	background:#065c99;  
	color:#fff; 
	line-height:30px;
	width:auto;
	font-size:16px;
	font-weight:bold;
}
.popPanel .tbar .name
{
	float:left;
	margin-left:5px;
	vertical-align:middle;
}
.popPanel .tbar .btnClose
{ 
	margin:5px ;
	float:right;
}
.popPanel .cp
{
	margin:auto;
	background:#FFFFFF;
	 margin:4px;
}
.details
{
	 line-height:40px;	
	 text-align:left;
	 vertical-align:middle;
	 empty-cells:show;
		 width:100%;
}
.details .n
{
	 text-align:right;
	 width:100px;
	 padding-right:2px;
	 font-size:22px;
	 font-weight:bold;
}
.sysDetails
{
	 line-height:30px;	
	 text-align:left;
	 vertical-align:middle;
	 empty-cells:show;
	 table-layout:fixed;
	 width:100%;
}
.sysDetails .n
{
	 text-align:right;
	 width:100px;
	 padding-right:2px;
	 font-size:12px; 
}


.gridview
{
	margin: 0px; 
	border: 1px #0097FF solid; 
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	text-align:center;
	background-color:#FFFFFF;
    font-size:14px;
    line-height: 25px; 
    margin-top: 5px; 
    text-align: center;
	vertical-align:middle;
	width:100%;
}

.gridview th
{
	 border:solid 1px #0097FF;
	font-weight:bold;
}
.gridview td
{
	 border:solid 1px #0097FF; 
}
.gridview td span
{
	line-height:16px;
}


.warning{ color:#FF0000; font-size:14px; } 

.btnLogin{  background:none; width:68px; height:36px;background-image:url(../Images/con_buticon.gif) ;  background-position:-145px -114px; background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnExit{  background:none; width:68px; height:36px;background-image:url(../Images/con_buticon.gif) ;  background-position:-255px -114px; background-repeat:no-repeat; border-width:0px; margin-left:10px;  display:inline-block;}


.btnChange{background:none;  width:74px; height:54px; background:url(../Images/con_buticon_cs.gif);background-position:0px 0px; background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnChange_s{background:none;  width:74px; height:54px; background:url(../Images/con_buticon_cs.gif) ;background-position:-83px 0px; background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnOk{ background:none; width:74px; height:54px; background-image:url(../Images/con_buticon.gif);background-position:-81px 0px; background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnCancel{ background:none;  width:74px; height:54px; background-image:url(../Images/con_buticon.gif);background-position:-162px 0px; background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnOk_s{background-position:-81px -241px;}
.btnCancel_s{background-position:-162px -241px;}
.btnReadin{ background:none;  width:74px; height:30px; background-image:url(../Images/con_buticon.gif);background-position:0px 0px; background-repeat:no-repeat; border-width:0px; display:inline-block;}

.btnSearch{background:none;  width:62px; height:36px; background-image:url(../Images/con_buticon.gif);background-position:-4px -71px; background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnClose{ background:none;  width:20px; height:20px; background-image:url(../Images/con_buticon.gif);background-position:-330px -114px; background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnNotCheck{background:none; width:128px; height:35px;  background-image:url(../Images/con_buticon.gif); background-position:0px -115px;  background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnDownCheckList{background:none;  width:105px; height:36px;background-image:url(../Images/con_buticon.gif);background-position:-4px -157px; background-repeat:no-repeat; border-width:0px; display:inline-block;}

.btnCheckTrans{ border:none; background:url(../Images/con_buticon.gif) 0px -311px no-repeat ; width:44px; height:29px;  border-width:0px; display:inline-block; }
.btnReport{ border:none; background:url(../Images/con_buticon.gif) -57px -310px no-repeat ; width:80px; height:31px;  border-width:0px; display:inline-block; }

.btnLast{background:none; width:98px; height:36px;background-image:url(../Images/con_buticon.gif); background-position:-249px 0px;  background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnBrowse{background:none;  width:62px; height:36px;background-image:url(../Images/con_buticon.gif);background-position:-354px 0px;   background-repeat:no-repeat; border-width:0px; display:inline-block;} 

.btnSearch_S{background:none; width:54px; height:21px;background-image:url(../Images/con_buticon.gif); background-position:-289px -78px;  background-repeat:no-repeat; border-width:0px; display:inline-block;}
.btnDown_S{background:none;  width:54px; height:21px;background-image:url(../Images/con_buticon.gif);background-position:-353px -78px;   background-repeat:no-repeat; border-width:0px; display:inline-block;} 
 
.btnPrint{background:none;  width:124px; height:42px;background-image:url(../Images/con_buticon.gif);background-position:-158px -66px;   background-repeat:no-repeat; border-width:0px; display:inline-block;}
 
 
.warningPanel
{
	background-color:#FFFFFF;
	width:730px;
	height:540px;
    position:absolute;
    border:solid 4px #E87E16;
    top:86px;
    z-index:80;
    text-align:center;
}
.warningPanel .imgWarning{margin: 80px auto 0; width:105px; height:105px;background-image:url(../Images/con_buticon.gif); background-position: -287px -243px; } 
.warningPanel .cp{ font-size:24px; font-weight:bold; color: #E87E16;margin:30px; text-align:center; }

.tabPanel{ margin:0px; padding:0px; }
.tabPanel .tabTitleBar{ height:30px;}
.tabPanel .tabTitleBar ul{ position:relative; top:6px; margin: 0 0 0 10px ; list-style:none; float:left;  padding:0px;height:25px; overflow:hidden; vertical-align:middle;}
.tabPanel .tabTitleBar li
{ 
	height:23px;
	cursor:pointer; 
	margin:0px 5px 0 0; 
	padding:0px 5px; 
	float:left; 
	text-align:center; 
	border:1px solid #0097FF;  
	background:#FFFFFF; 
	line-height:23px; 
	width:auto;
}
.tabPanel .tabTitleBar .name{background:#EEEEEE; color:#808080;border:1px solid #AAAAAA; border-bottom:1px solid #0097FF;   }
.tabPanel .tabTitleBar .sname{ border-bottom:1px solid #BFE6FE;background:#BFE6FE; font-weight:bold;} 
.tabPanel .tabConPanel{border:1px solid #0097FF;  clear:both; padding:5px; }

.feedback  
{ 
	font-size:12px;
}
.feedback  .feedbackItem{
	border:solid 1px #63C0FF; margin:0 0 4px; }
.feedback  .titleRow
{
	height:25px;
	line-height:25px; background:#edf8ff; text-indent: 5px;
} 
.feedback  .titleRow .n
{
	font-weight:bold;
}
.feedback  .conRow 
{
	line-height:20px; text-indent: 20px; background:#FAFDFF;
}
.feedback  .conRow .n
{
	font-weight:bold;	
}
.feedback  .conRow .answer
{
	border-top:dashed 1px #BFE6FE;
}
.cp_li{text-align: left; font-size: 14pt; letter-spacing: 1px; text-indent: 50px; padding:7px 0;border-bottom:1px solid #9fd5ed; }
.button1{ background:#f90; border:none; color:#fff; cursor: pointer; border-radius:2px; padding:5px 10px;font-family:"microsoft yahei","黑体", "微软雅黑"; font-size:16px;}
.button2{ background:#c00; padding:3px; }