/**************************************/
/*              GLOBALS               */
/**************************************/
@import url('fonts.css');
body		{margin:0;text-align:center;padding:0;font-size:.8em;line-height:1.5em;font-family:Arial, Helvetica, sans-serif;}
div			{position:relative;text-align:left;}
strong		{font-weight:bold;}
em			{font-style:italic;}
p			{font-size:.8em;}
a			{color:#C00;}
a:active	{outline:none;}
a:focus		{-moz-outline-style:none;}
h1			{font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;color:#C00;margin:10px 0 20px 0;}
h2			{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;color:#C00;margin:10px 0 20px 0;font-style:italic;}

#top		{background:url(../images/top-strip.jpg) repeat-x;height:30px;padding:15px 0 10px;width:100%;min-width:800px;z-index:999;
	position:fixed;top:0;}
big	{font-family:Georgia, "Times New Roman", Times, serif;color:#C00;font-style:italic;font-size:26px;margin-left:20px;}

#userInfo	{float:right;margin-right:20px;}
span#userOptions	{padding-top:50px;cursor:pointer;}
div#userOptionsPanel	{background:#333;border:3px #FFF solid;width:150px;position:absolute;right:0;display:none;
	box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333;-ms-box-shadow:0 0 10px #333;-o-box-shadow:0 0 10px #333;}
div#userOptionsPanel img[title='Close'] {position:absolute;right:-3px;top:-20px;cursor:pointer;}
div#userOptionsPanel ul li {line-height:26px;}
div#userOptionsPanel ul li a		{color:#FFF;text-decoration:none;font-weight:bold;font-size:12px;padding:0 20px;display:block;text-shadow:1px 1px 0 #000;}
div#userOptionsPanel ul li a:hover	{background:url(../images/bg-nav.jpg) repeat-x 0 -40px;}

#Nav			{background:#333;width:200px;float:left;height:100%;position:fixed;z-index:99;top:0;}
#Nav ul			{margin:55px 0 0 0;}
#Nav ul li			{line-height:35px;display:block;border-bottom:#222 1px solid;}
#Nav ul li a		{color:#FFF;text-decoration:none;font-weight:bold;font-size:12px;padding:0 20px;display:block;text-shadow:1px 1px 0 #000;}
#Nav ul li a:hover	{background:url(../images/bg-nav.jpg) repeat-x 0 -40px;}
#Nav ul li a.active	{background:url(../images/bg-nav.jpg) repeat-x 0 -40px;}

#container	{margin:65px 20px 20px 220px;min-width:700px;padding-bottom:30px;}

.paging		{text-align:center;padding:10px 0;}
.paging	a	{padding:0 3px;}
.paging span		{padding:0 3px;color:#FFF;background:#C00;}
.paging span.disable{color:#ccc;background:none;}

#error		{background:#FFBBBB;color:#C00;margin:0px 0 10px 0;font-weight:bold;text-align:center;border:#C00 1px solid;text-shadow:1px 1px 0 #FFDDDD;padding:2px 0;}
#done		{background:#D5FFD5;color:#007700;margin:0px 0 10px 0;font-weight:bold;text-align:center;border:#007700 1px solid;text-shadow:1px 1px 0 #EAFFEA;padding:2px 0;}

.table1		{border-top:#666 1px solid;border-left:#ccc 1px solid;margin-bottom:40px;}
.table1 th	{background:#999;border-right:#bbb 1px solid;border-bottom:#666 1px solid;padding:5px;color:#FFF;text-shadow:1px 1px 2px #000;text-align:center;}
.table1 td	{border-right:#ccc 1px solid;border-bottom:#ccc 1px solid;text-align:center;vertical-align:middle !important;padding:5px;text-shadow:1px 1px 0 #FFF;}
.table1 tr:nth-child(even){ background:#f6f6f6;}
.table1 tr:nth-child(odd){ background:#ffffff;}
.table1	tr:hover{background:#eee;}

.table2		{border-top:#CCC 1px solid;border-left:#ccc 1px solid;margin-bottom:40px;}
.table2 th	{background:#DDD;border-right:#bbb 1px solid;border-bottom:#BBB 1px solid;padding:5px;color:#333;text-shadow:1px 1px 0px #EEE;}
.table2 td	{border-right:#ccc 1px solid;border-bottom:#ccc 1px solid;vertical-align:middle !important;padding:5px;text-shadow:1px 1px 0 #FFF;background:#EEE;}
.table2	tr:hover{background:#DDD;}

td.left,th.left		{text-align:left;}
td.right,th.right	{text-align:right;}
td.center,th.center {text-align:center;}

.actions a	{padding:2px 5px;}

.button1	{background:url(../images/bg-nav.jpg) repeat-x ;padding:0 20px;line-height:30px;display:inline-block;border:0;
	color:#FFF;text-decoration:none;font-weight:bold;font-size:12px;text-shadow:1px 1px 0 #000;}
.button2	{background:#666;color:#FFF;padding:0 10px;line-height:20px;display:inline-block;border:#333 1px solid;
	color:#FFF;text-decoration:none;font-weight:bold;font-size:12px;text-shadow:1px 1px 0 #000;font-family:Tahoma, Geneva, sans-serif;}
	
ul.form1	{width:800px;}
ul.form1 li	{display:inline-block;width:340px;margin-bottom:10px;}

div#search	{float:right;margin-right:30px;padding-left:5px;}
div#search select,
div#search input{font-size:11px;padding:2px 3px;width:auto;}

div#search .button2{height:20px;}

div#saleSearch	{float:right;}
div#saleSearch select	{width:auto;}


div#sorting		{float:right;}
div#sorting a		{font-size:11px;background:#999;padding:2px 5px;text-decoration:none;font-weight:bold;color:#FFF;margin:0 2px;}
div#sorting a:hover	{background:#A00;color:#FFF;}
div#sorting a#active	{background:#A00;color:#FFF;}

/************************************************************/
/*						bills								*/
/************************************************************/

#supp_detail	{background:#eee;border:#ccc 1px solid;padding:2px 10px;}
#supp_detail b	{color:#C00;margin-right:20px;}

.billDetail			{display:inline-table;}
.billDetail select,
.billDetail input	{width:auto;margin-right:10px;}

.saleBillDetail table	{width:700px;}
.saleBillDetail table tr td	{text-align:left;vertical-align:top;}
.saleBillDetail textarea	{resize:none;}


/************************************************************/
/*						form								*/
/************************************************************/
form input,
form textarea,
form select{border:#CCC 1px solid;padding:5px 10px;font-family:Tahoma, Geneva, sans-serif;font-size:12px;width:200px;}
form input:hover,
form textarea:hover,
form select:hover{border-color:#999;}
form input:focus,
form textarea:focus,
form select:focus{border-color:#C00;
	box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-ms-box-shadow:0 0 5px #ccc;-o-box-shadow:0 0 5px #ccc;}
form label	{float:left;margin:2px 10px 0 0;width:110px;}
form input[type=button],
form input[type=submit],
form input[type=reset]{width:auto;border:0;height:30px;}
form input[type=text][class=number]{text-align:right;}

/**************************************/
/*               FOOTER               */
/**************************************/
#footerMain			{border-top:#333 1px solid;background:url(../images/bg-nav.jpg) repeat-x 0 -0px;text-align:center;margin:10px 0 0 0;clear:both;	position:fixed;bottom:0;width:100%;line-height:33px;text-shadow:1px 1px 0 #333;min-width:800px;z-index:999;}
#footerMain #notice	{font-size:12px;color:#FFF;width:300px;margin-left:20px;}
#footerMain #sign	{font-size:12px;color:#FFF;float:right;margin-right:20px;}
#footerMain #sign a	{color:#FFF;text-decoration:none;}
#footerMain #sign a:hover{text-decoration:underline;}

/***************************************/
/*               PRINT	               */
/***************************************/
.print	{border:1px solid #999;width:800px;margin:10px;}
.print h1	{font-size:30px;margin-bottom:5px;}
.print h3	{font-size:16px;font-weight:bold;display:block;}
.print tr th	{background:#ccc;height:18px;}
.print tr td	{vertical-align:top;height:18px;}
.print big		{font-size:46px;font-family:"monotype Corsiva";display:block;margin-bottom:20px;}
.print span		{border:#999 1px solid;background:#ccc;padding:2px 120px;font-size:16px;font-weight:bold;}
.print p		{font-size:14px;margin-top:10px;}
.print small	{font-size:11px;}

.grid	{width:800px;border-left:#999 1px solid;border-bottom:#999 1px solid;border-top:#999 1px solid;margin:10px;height:170px;}
.grid th	{background:#ccc;text-align:center;border-bottom:#999 1px solid;}
.grid td,.grid th	{border-right:#999 1px solid;}

/************************************************************/
/*						Validations							*/
/************************************************************/
.validation-msg		{border:1px solid #f00;padding:5px}
.validation-msg p	{color:#f00;padding:0;margin:0}
.errContainer		{display:none;background-color:#FFF;border:1px solid red;margin:5px;padding:5px}
.errContainer h5	{background:#FFBBBB;color:#C00;margin:0px 0 10px 0;font-weight:bold;text-align:center;border:#C00 1px solid;text-shadow:1px 1px 0 #FFDDDD;}
.errContainer ol,.errContainer ol li,.errContainer h4 {margin:0;padding:0}
.errContainer ol li	{padding-left:4px;text-align:left;line-height:24px;list-style-type:decimal;}
.errContainer ol	{list-style-image:url('../images/error-icon16.png');margin-left:30px}
.errContainer h4	{font-size:16px;padding-bottom:5px;text-align:left}
.errContainer label {color:#f00 !important}
.error				{border:1px dotted #f00 !important}
.error span			{font-family:Tahoma, Geneva, sans-serif;font-size:13px;}
label.error			{border:0 none !important}