html{ 
SCROLLBAR-FACE-COLOR: #e4e4e4; 
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #cccccc; 
SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
SCROLLBAR-ARROW-COLOR: #330000; 
SCROLLBAR-TRACK-COLOR: #f6f6f6; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}
body {
	background-color: #21A0D2;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	FONT-SIZE: 12px; 
	COLOR: #222222; 
	FONT-FAMILY: arial, verdana,helvetica, sans-serif
}
.font_B {
	line-height: 24px;
	font-weight: bold;
}
.font_SB {
	font-size: 11px;
	line-height: 24px;
	font-weight: bold;
	color:#666666;
}
.font_white {color: #FFFFFF}
.font_white_B{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
ul{
line-height:25px;
/*margin-left:46px;*/
}
.input
{
	background-color:#FFFFFF;
	border: 1px #666666 solid;
	height:16px;
	line-height:16px;
}
.btn
{
	background-color:#99CCFF;
	height:18px;
	line-height:18px;
}
a {	behavior:url(css/Clearline.htc);text-decoration: none;}
a:link {color: #000000;text-decoration: none;} 
a:visited {color: #000000;text-decoration: none} 
a:hover {color: #FF0000;text-decoration: none;}
img{border:0;}
.btnTd_bg{background:url(../Skin/defaultimages/bg_tb_06.gif);}
.btnTb_bg{background-color:#b8d1e6;}
/*=======下拉列表=======*/
.listboxdiv {
       	MARGIN: 0px;
		PADDING: 2 0 0 0px;
        width:60px;
        height:20px;
        clip:rect(0px,18px,22px,0px);
        overflow:hidden;
		display:inline;
		float:right;
}
.listboxselect {
        position:relative;
        left:-2px;
		top:2px;
        font-size:12px;
        width:80px;
        line-height:18px;border:0px;
        color:#FFFFFF;
		background-color:#0099CC;
}

/*============input强制不换行(当input要与功能按钮同在一行时使用)===============*/
.input{float:left;}
.div{float:left;}
input{
border:1px solid #b0b5cf; 
margin-right:2px;
height:19px;
display:inline; 
vertical-align:baseline;
padding:0px 2px 0px 2px;
}
.inputnoborder{
border:none;
}
}

a.redlink:link {color: #FF0000;text-decoration: underline;} 
a.redlink:visited {color: #FF0000;text-decoration: underline} 
a.redlink:hover {color: #FF0000;text-decoration: none;}

a.whitelink:link {color: #ffffff;text-decoration: none;} 
a.whitelink:visited {color: #ffffff;text-decoration:none;} 
a.whitelink:hover {color: #ffffff;text-decoration: underline;}


.BGcenter {	background-position: center;}
.bg_repeaty{background-repeat:repeat-y;
 background-position:right;}


/*============标题文字title===============*/
.title {
	font-weight: bold;
	line-height: 20px;
	text-indent: 10px;
}

.td {
	line-height:20px;
}
/*============不固定宽度功能按钮样式===============
//////////////使用说明(实例)
<div id="headerAll">
	<div id="tabsAll">
		<div class="tabsheaderAll" id="chromemenu">
			<ul>
			  <li><a href="#"><img src="images/btnleft.jpg" alt="计时信息">&nbsp;计时信息计时信息&nbsp;&nbsp;</a></li>
			  <li><a href="#"><img src="images/btnleft.jpg" alt="补打印">&nbsp;补打印&nbsp;&nbsp;</a></li>
			</ul>
		</div>
	</div>
</div>
*/
#headerAll{display:inline;vertical-align:middle;}
#headerAll #tabsAll{display:inline;float:left;vertical-align:middle;}
.tabsheaderAll{display:inline;font-family:verdana,arial,Trebuchet MS,tahoma,arial,verdana,tahoma,verdana,sans-serif;font-size:12px;color:#000;clear:both;text-align:left;text-indent:0px;}
.tabsheaderAll ul{display:inline;list-style-type:right;margin:0;padding:0 }
.tabsheaderAll li{float:right;display:inline;}
.tabsheaderAll a,.tabsheaderAll a:visited{}
.tabsheaderAll a.current:visited,.tabsheaderAll a.current,.tabsheaderAll a.current:hover{position:relative;float:left;margin-right:0px;background:url(../Skin/defaultimages/btnRightmouseout.gif);background-position:right;color:#FFF;padding-top:0px; line-height:12px}
.tabsheaderAll a.current:visited img,.tabsheaderAll a:hover img{vertical-align:middle;}
.tabsheaderAll a{position:relative;float:left;margin-right:6px;background:url(../Skin/defaultimages/btnRightmouseout.gif) no-repeat ;background-position: right;padding-top:0px;color:#000; line-height:12px}
.tabsheaderAll a:visited{color:#000}
.tabsheaderAll a img{vertical-align:middle;border:0;}
.tabsheaderAll a:hover{top:0;background:url(../Skin/defaultimages/btnRightmouseover.gif) no-repeat ;background-position:right;padding-top:0px;color:red;background-color:transparent; line-height:12px}
:link:focus,:visited:focus{-moz-outline:0}



/*===========左对齐功能按钮============
//////////////使用说明(实例)
<div id="headerLeft">
	<div id="tabsLeft">
		<div class="tabsheaderLeft" id="chromemenu">
			<ul>
			  <li><a href="#"><img src="images/btnleft.jpg" alt="计时信息">&nbsp;计时信息计时信1&nbsp;&nbsp;</a></li>
			  <li><a href="#"><img src="images/btnleft.jpg" alt="补打印">&nbsp;补打印2&nbsp;&nbsp;</a></li>
			</ul>
		</div>
	</div>
</div>
*/
#headerLeft{display:inline;vertical-align:middle;}
#headerLeft #tabsLeft{display:inline;float:left;vertical-align:middle;}
.tabsheaderLeft{display:inline;font-family:verdana,arial,Trebuchet MS,tahoma,arial,verdana,tahoma,verdana,sans-serif;font-size:12px;color:#000;clear:both;text-align:left;text-indent:0px;}
.tabsheaderLeft ul{display:inline;list-style-type:right;margin:0;padding:0 }
.tabsheaderLeft li{float:left;display:inline;}
.tabsheaderLeft a,.tabsheaderLeft a:visited{}
.tabsheaderLeft a.current:visited,.tabsheaderAll a.current,.tabsheaderLeft a.current:hover{position:relative;float:left;margin-right:0px;background:url(../Skin/defaultimages/btnRightmouseout.gif);background-position:right;color:#FFF;padding-top:0px; line-height:12px}
.tabsheaderLeft a.current:visited img,.tabsheaderAll a:hover img{vertical-align:middle;}
.tabsheaderLeft a{position:relative;float:left;margin-right:6px;background:url(../Skin/defaultimages/btnRightmouseout.gif) no-repeat ;background-position: right;padding-top:0px;color:#000; line-height:12px}
.tabsheaderLeft a:visited{color:#000}
.tabsheaderLeft a img{vertical-align:middle;border:0;}
.tabsheaderLeft a:hover{top:0;background:url(../Skin/defaultimages/btnRightmouseover.gif) no-repeat ;background-position:right;padding-top:0px;color:red;background-color:transparent; line-height:12px}
:link:focus,:visited:focus{-moz-outline:0}

.mytable{
 cellSpacing:expression(this.cellSpacing=1);
 width:100%;
 background-color: #649BC8;
 margin:auto auto;
}
.mytable caption {
 font-size: 13px;
 font-weight: bold;
 background:url(../Skin/defaultimages/bg_caption.gif);
 padding: 6px 3px 3px 15px;
 color: #000000;
 text-indent:14px;
 text-align:left;
 
}
.mytable th {
	font-size:12px;
	text-align:left;
	font-weight: normal;
	background-color: #eef4f9;
	color: #000000;
	padding:3px 2px 3px 3px;
}
.mytable td {
 background-color: #e5eef6;
 color: #000000;
 padding:3px 2px 3px 3px;
}
/*====================*/
.mytableanywidth{
 cellSpacing:expression(this.cellSpacing=1);
 background-color: #649BC8;
 margin:auto auto;
}
.mytableanywidth caption {
 font-size: 13px;
 font-weight: bold;
 background:url(../Skin/defaultimages/bg_caption.gif);
 padding: 6px 3px 3px 15px;
 color: #000000;
 text-indent:14px;
 text-align:left;
 
}
.mytableanywidth th {
	font-size:12px;
	text-align:left;
	font-weight: normal;
	background-color: #eef4f9;
	color: #000000;
	padding:3px 2px 3px 3px;
}
.mytableanywidth td {
 background-color: #e5eef6;
 color: #000000;
 padding:3px 2px 3px 3px;
}

/*============自定义table -- mytableinner(96%宽度)=============*/
.mytableinner{
 cellSpacing:expression(this.cellSpacing=1);
 width: 98%;
 background-color: #ffffff;
 margin:auto auto;
 filter:progid:DXImageTransform.Microsoft.Shadow(Color=#BFD5EA,Direction=120,strength=5);
}
.mytableinner caption {
	font-size: 13px;
	font-weight: bold;
	background:url(../Skin/defaultimages/bg_caption.gif);
	padding: 6px 3px 3px 15px;
	color: #000000;
	text-indent:14px;
	text-align:left;
}
.mytableinner thead td{
	font-size:12px;
	text-align:left;
	font-weight: bold;
	background-color: #eef4f9;
	color: #000000;
	padding:3px 5px 3px 5px;
	background:url(../Skin/defaultimages/bg_tabletitle.gif);
	background-repeat:repeat-x;
}
.mytableinner th {
	font-size:12px;
	text-align:left;
	font-weight: normal;
	background-color: #eef4f9;
	color: #000000;
	padding:3px 5px 3px 5px;
}
.mytableinner td {
 background-color: #DBE8F2;
 color: #000000;
 text-align:left;
 padding:3px 5px 3px 5px;
}

/*============自定义table -- mytableinneranywidth(无宽度)=============*/
.mytableinneranywidth{
 cellSpacing:expression(this.cellSpacing=1);
 background-color: #ffffff;
 margin:auto auto;
}
.mytableinneranywidth caption {
	font-size: 13px;
	font-weight: bold;
	background:url(../Skin/defaultimages/bg_caption.gif);
	padding: 6px 3px 3px 15px;
	color: #000000;
	text-indent:14px;
	text-align:left;
}
.mytableinneranywidth thead td{
	font-size:12px;
	text-align:left;
	font-weight: bold;
	background-color: #eef4f9;
	color: #000000;
	padding:3px 5px 3px 5px;
	background:url(../Skin/defaultimages/bg_tabletitle.gif);
	background-repeat:repeat-x;
}
.mytableinneranywidth th {
	font-size:12px;
	text-align:left;
	font-weight: normal;
	background-color: #eef4f9;
	color: #000000;
	padding:3px 5px 3px 5px;
}
.mytableinneranywidth td {
 background-color: #DBE8F2;
 color: #000000;
 text-align:left;
 padding:3px 5px 3px 5px;
}

/*============自定义table -- MyDataTable(98%宽度)=============*/

.MyDataTable2 {
	clear: both;
	border: none;
	height: 285px;
	overflow: auto;
	width: 100%;
	cursor:hand;
}
.MyDataTable2 table {
	cellSpacing:expression(this.cellSpacing=1);
	 width: 98%;
	 background-color: #ffffff;
	 margin:auto auto;
	 DISPLAY: inline; 
}
.MyDataTable2 table thead  tr {
	position: relative;
	background-color: #D3F0FC;
}
.MyDataTable2 table thead  td {
	font-size:12px;
	text-align:center;
	font-weight: bold;
	background-color: #eef4f9;
	color: #000000;
	padding:3px 5px 3px 5px;
	background:url(../Skin/defaultimages/bg_tabletitle.gif);
	background-repeat:repeat-x;
	text-align:center;
}
.MyDataTable2 table thead  th {
	font-size: 13px;
	font-weight: bold;
	background:url(../Skin/defaultimages/bg_caption.gif);
	padding: 6px 3px 3px 15px;
	color: #000000;
	text-indent:14px;
	text-align:left;
}
.MyDataTable2 table tbody  td {
	font-size:12px;
	font-weight: normal;
	background-color: #DBE8F2;
	color: #000000;
	text-align:left;
	padding:3px 5px 3px 5px;
}

.MyDataTable2 table tbody  th {
	font-size:12px;
	font-weight: normal;
	 background-color: #DBE8F2;
	 color: #000000;
	 text-align:left;
	 padding:3px 5px 3px 5px;
}


/*============自定义table -- mytableinnerA(96%宽度)=============*/
.mytableinnerA{
 cellSpacing:expression(this.cellSpacing=1);
 width: 96%;
 background-color: #e5eef6;
 margin:auto auto;
}
.mytableinnerA caption {
 font-size: 14px;
 font-weight: bold;
 background:url(../Skin/defaultimages/bg_tb_03.gif);
 padding: 3px;
 color: #000000;
 text-align:left;
}
.mytableinnerA th {
	font-size:12px;
	text-align:left;
	font-weight: normal;
	background-color: #eef4f9;
	color: #000000;
}
.mytableinnerA td {
 background-color: #e5eef6;
 color: #000000;
 text-align:left;
}

/*============自定义table -- mytable_openwin(适应弹出页面)=============
使用方法同mytable*/
.mytable_openwin{
 cellSpacing:expression(this.cellSpacing=1);
 width: 98%;
 background-color: #649BC8;
 margin:auto auto;
}
.mytable_openwin caption {
 font-size: 14px;
 font-weight: bold;
 background:url(../Skin/defaultimages/bg_tb_03.gif);
 padding: 3px;
 color: #000000;
 text-align:left;
}
.mytable_openwin th {
	font-size:12px;
	text-align:left;
	font-weight: normal;
	background-color: #eef4f9;
	color: #000000;
}
.mytable_openwin td {
 background-color: #e5eef6;
 color: #000000;
}


/*============自定义table -- mytable_btn(功能按钮外表格)=============
使用方法同mytable*/
.mytable_btn{
 cellSpacing:expression(this.cellSpacing=1);
 width: 100%;
 height:30px;
 background-color: #649BC8;
 margin:0px 0px 0px 0px;
 
}
.mytable_btn td {
 color: #000000;
 padding:4px 15px;
 background:url(../Skin/defaultimages/bg_tb_06.gif);
}

/*- Menu Tabs 1--------------------------- 
<div id="tabs1">
<ul>
<li><a href="#"><span>Products</span></a></li>
</ul>
</div>
*/

    #tabs1 {
      float:none;
      width:90px;
      background:#F4F7FB;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
          margin:0;
          padding:0;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("../Skin/defaultimages/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:none;
	  width:100%;
      display:block;
      background:url("../Skin/defaultimages/tabright1.gif") no-repeat right top;
      padding:2px 2px 2px 2px;
      color:#ff0000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#ff0000;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      CURSOR:hand;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
		color:#7883AB;
}
/*- Menu Tabs H--------------------------- */

    #warp {
      float:left;
      width:100%;
      background:#2D4B69;
      font-size:12px;
      line-height:normal;
      }
    #warp ul {
        margin:0;
        padding:5px 0px 0px 5px;
        list-style-type: none;
      }
    #warp li {
	  float:left;
	 
      margin:0;
      padding:0;
      }
    #warp #tablink {
      float:left;
      background:url("../Skin/defaultimages/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  cursor:hand;
      }
    #warp a span {
      float:left;
      display:block;
      background:url("../Skin/defaultimages/tabrightH.gif") no-repeat right top;
      padding:5px 10px 4px 6px;
	  cursor:hand;
	  width:100px;
	  text-align:center;
	  overflow: hidden; 
	  text-overflow:ellipsis;
	  white-space:nowrap;
	  word-break:keep-all;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #warp a span {float:none; color:#D9E4F9;}
    /* End IE5-Mac hack */
    #warp a:hover span {
      color:#99CCFF;
      }
    #warp #tablink:hover {
      background-position:0% -84px;
      }
    #warp #tablink:hover span {
      background-position:100% -84px;
      }

	#warp #current a {
			background-position:0% -42px;
	}
	#warp #current a span {
			background-position:100% -42px;
			color:#FFFFff;
	}

/*============文本框样式===============*/
/*=========mytable.td文本框============*/
.text {border: 1px solid #b0b5cf 
						padding-left: 4; 
						padding-right: 4; 
						padding-top: 1; 
						padding-bottom: 1; 
						background-color: #E5EEF6;
						border-left:none;
						border-right:none;
						border-top:none;}

/*=========mytableinner.td文本框==========*/
.text2 {border: 1px solid #b0b5cf; 
						padding-left: 4; 
						padding-right: 4; 
						padding-top: 1; 
						padding-bottom: 1; 
						background-color: Transparent;
						border-left:none;
						border-right:none;
						border-top:none;}

/*=========mytable.th文本框============*/
.text3 {border: 1px solid #b0b5cf; 
						padding-left: 4; 
						padding-right: 4; 
						padding-top: 1; 
						padding-bottom: 1; 
						background-color: #EEF4F9;
						border-left:none;
						border-right:none;
						border-top:none;}
						
/*=========mytableinner.th文本框============*/
.text4 {border: 1px solid #b0b5cf; 
						padding-left: 4; 
						padding-right: 4; 
						padding-top: 1; 
						padding-bottom: 1; 
						background-color: #EEF4F9;
						border-left:none;
						border-right:none;
						border-top:none;}

.dropdownlistout{
border:1px solid #b0b5cf; 
margin-right:2px;
height:19px;
cursor:hand; 
display:inline; 
vertical-align:top;
padding:0px 2px 0px 2px;
}
.redfont{
color:#FF0000;
}
.dropout{
background:url(../Skin/defaultimages/drop1.gif);
width:18px;
height:19px;
cursor:hand; 
display:inline; 
vertical-align:top;
white-space: nowrap;
background-repeat:no-repeat;
margin-top:1px;
}
.dropover{
background:url(../Skin/defaultimages/drop2.gif);
width:18px;
background-repeat:no-repeat;
height:19px;
cursor:hand; 
display:inline; 
vertical-align:top;
white-space: nowrap;
margin-top:1px;
}
.optionover{ background-color:#f6f6f6;cursor:hand; }
.optionout{ background-color:#ffffff;cursor:hand; }