﻿/*##############################<!-- begin from -->*/
.formSytle label{
float: left;
width: 80px;
}
.formSytle form{margin:0px}
.formSytle input{
width: 160px;
border:1px solid #808080
}

.formSytle textarea{
width: 250px;
height: 150px;
}

.formSytle #sbutton{
margin-left: 80px;
margin-top: 5px;
width:80px;
}

.formSytle br{
clear: left;
}

/*##############################<!-- end form -->*/


/*##############################<!-- begin table -->*/
.gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 80%;
	text-align: left;
	border-collapse: collapse;
}
.gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	background: #b9c9fe url('../Images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
.gradient-style td
{
	padding: 5px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../Images/gradback.png') repeat-x;
}
.gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
.gradient-style tbody tr:hover td
{
	background: #d0dafd url('../Images/gradhover.png') repeat-x;
	color: #339;
}
/*##############################<!-- end table -->*/



FIELDSET label
{
	float: left; width: 10em; margin-right: 1em;
}

#leftInvoice label
{
	float: left; width: 5em; margin-right: 1em;
}

#rightInvoice label
{
	float: left; width: 5em; margin-right: 1em;
}
/*##############################<!-- begin css menu -->*/


*{margin:0;padding:0;} 
.menu{font-size:13px;position:relative;z-index:100;} 
.menu ul{list-style:none;} 
.menu li {float:left;position:relative;} 
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:25px;} 
.menu table {position:absolute; top:0; left:0;} 
.menu ul li:hover ul, 
.menu ul a:hover ul{visibility:visible;} 
.menu a{display:block;border:1px solid #aaa;background:#771E18;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;padding-right:30px;} 
.menu a:hover{background:#99ccff;color:#000;border:1px solid #000;} 
.menu ul ul{} 
.menu ul ul li {clear:both;text-align:left;font-size:11px;} 
.menu ul ul li a{display:block;width:100px;height:20px;margin:0;border:0;border-bottom:1px solid #858585;} 
.menu ul ul li a:hover{border:0;background:#99ccff;border-bottom:1px solid #fff;} 
/*##############################<!--end  css menu -->*/
/*##############################<!--begin fixed -->*/
.fixed { position:absolute; top:10px; left:10px; width:200px; height:350px; background:#fc0; border:1px solid #f60;}
.wrapper { height:100%; overflow:auto;}
.body { padding-top:10px; margin-left:232px;}



 
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}
.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}
.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}
.fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;}
/* 上面的是除了IE6的主流浏览器通用的方法 */
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
* html .fixed-right /* IE6 右侧固定 */ {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom /* IE6 底部固定  */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}
/*##############################<!--end  fixed -->*/