body {font-family: verdana, arial, helvetica, geneva, sans-serif; background-color:#999999;}

.wcontent { color: #333333;font-size: 12px; text-align: left; vertical-align:top;}
.wtitle  { color: #000000;font-size: 12px; text-align: center; vertical-align:middle; width:100%}
a:link {color:#333333;text-decoration: NONE;}
a:visited {color:#333333;text-decoration: NONE;}
a:active {color:#333333;text-decoration: NONE;}
a:hover {color:#000066;text-decoration: NONE;}
.status {font-size:12px;text-indent:2px;color:#ff0000;font-style:normal;}
.ref {font-size:10px;color:#333333;font-style:normal;}
.errmsg {font-size:10px;color:#cc0000;padding:4px;}

#debug {border:1px solid #333333;padding:5px;background-color:#eeeeee;}
#debug td {font-size:10px;vertical-align:top;}

form {padding :5px;margin:0px 10px 0px 10px;border:1px solid #333333;}
form td {font-size:14px;padding:2px 3px 2px 3px;}
.input {height:26px;padding:4px 4px 2px 4px;font-size:14px;border:1px solid #dddddd;}
.input_err  {height:26px;padding:4px 4px 2px 4px;font-size:14px;border:1px solid #dd9999;background-color:#ffeeee;}
.input:hover {background-color:#eeeeee;}
.button {padding:3px;font-size:14px;background-color:#dddddd;border:1px solid #dddddd;}
legend {color:#000000;font-weight:bold;}

.browse table {margin:-30px 0px 0px 10px;}
.browse td {padding :10px;font-size: 14px;}
.browse th {position:relative;padding : 5px 40px 5px 40px;font-size: 14px;background-color:#cccccc;}
.browse td img {position:relative;top:29px;left:10px;z-index:50;}
.browse .header {background-color:#cccccc;margin:0px;padding :0px;}
.browse .header:hover {background-color:#eeeeee;margin:0px;padding :0px;}
.browse .even_row {background-color:#eeeeee;}
.browse .odd_row {background-color:#dddddd;}
.browse .hl_row {background-color:#333333;color:#ffffff}
.browse .page {padding:2px;margin:2px;background-color:#ffffff;border:1px solid #dddddd;color:#333333}
.browse .select_page {padding:2px;margin:2px;background-color:#333333;border:1px solid #333333;color:#ffffff}
.browse .hl_page {border:1px solid #333333}

.detail_list table {margin:0px 0px 0px 10px;}
.detail_list td {padding :2px 5px 2px 5px;font-size: 14px;}
.detail_list th {padding :2px 5px 2px 5px;font-size: 14px;font-weight:bold;}

.dreport table {margin:0px 0px 0px 10px;border:1px solid #cccccc;border-collapse: collapse;}
.dreport tr {vertical-align:text-top;padding:2px;}
.dreport td {font-size: 10px;border:1px solid #cccccc;}
.dreport th {padding :2px;font-size: 12px;font-weight:bold;border:1px solid #cccccc;}
.dreport table table{margin:0px 0px 0px 0px;border:0px }
.dreport td td{margin:0px 0px 0px 0px;border:0px solid v;border-collapse: collapse;}
.sreport {margin:0px 0px 0px 0px;border:0px;}

#payinfo table {margin:0px 0px 0px 10px;border:1px solid #aaaaaa;border-collapse: collapse;}
#payinfo td {padding :2px 5px 2px 5px;border:1px solid #aaaaaa;}

#serialinfo table {margin:0px 0px 0px 10px;border:1px solid #aaaaaa;border-collapse: collapse;}
#serialinfo td {padding :2px 5px 2px 5px;border:1px solid #aaaaaa;font-size:12px;}

#message {font-size:14px;padding:5px;position:absolute;top:10px;right:10px;background-color:#ffffff;border:1px solid #330000;color:#333333}

#cardboard {margin:10px;padding:0px;}
#cardboard td {width:100px;height:150px;}
#cardboard ul{list-style:none;position:relative;top:-75px;left:-35px;}
#cardboard li{width:100px;height:150px;position:absolute;background-color:#ffffff;}

#tabs {margin:0px 10px 0px 10px;border:0px;}

/*
#cardboard span {display:block;width:100px;font-size:0px;background-color:#cccccc;}
#cardboard span img{display:none;}
*/

#cardboard p {font-size:30px;font-color:#ff0000;}
#cardboard .hide {z-index:5;}
#cardboard .show {z-index:10;}
#cardboard .done
#cardboard .process

#print {font-family: verdana, arial, helvetica, geneva, sans-serif; background-color:#999999;font-size:12px;}
#print td {font-family: verdana, arial, helvetica, geneva, sans-serif; background-color:#999999;font-size:18px;}
/*


{GENERAL BLOG AREA}
#blogarea {diaplay: block;margin:5px 10px 5px 10px;color:#555555;width:700px;}
#blogarea .reference {color:#666666;font:normal 10px Arial, Verdana;}
#blogarea  a{color:#006600;text-decoration: none;}
#blogarea  ul li{list-style-type: disc;}
#blogarea  ol li{list-style-type: decimal;}
#blogarea  li{line-height:150%;list-style-position:outside;margin-left:40px;}
#blogarea  h1{color:#333333; font-size:24px;}
#blogarea  hr{color:#333333;}
#blogarea p{line-height:150%;}
#blogarea a:hover{color: #009900;text-decoration: underline;}	


{GENERAL Browser AREA}
#general {padding: 0px 5px 0px 5px;}
#general td{ color: #333333;font-size: 10px; text-align: left; vertical-align : top;}
#general th{ color: #333333;font-size: 12px; text-align: left; vertical-align : top;}
#general table {border-collapse: collapse; }
#general li {list-style:disc;margin:2px;}
#general a {color:#000000;text-decoration: NONE}
#general a:hover {color:#666666;text-decoration: UNDERLINE}


{CUSTOMER Browser AREA}
#bcustomer table {width:100%; border-collapse: collapse; }
#bcustomer .bheader {font-size:12px; background-color:#aaaaaa;height:30px; }
#bcustomer .bheader a {color:#ffffff;text-decoration: NONE}
#bcustomer .bheader a:hover {color:#eeeeee;text-decoration: UNDERLINE}
#bcustomer .n1row {font-size:12px; background-color:#f3f3f3;height:20px; }
#bcustomer .n2row {font-size:12px; background-color:#fafafa;height:20px; }
{CUSTOMER Browser AREA}
#b_order table {width:100%; border-collapse: collapse; }
#b_order .bheader {font-size:12px; background-color:#aaaaaa;height:30px; }
#b_order .bheader a {color:#ffffff;text-decoration: NONE}
#b_order .bheader a:hover {color:#eeeeee;text-decoration: UNDERLINE}
#b_order .n1row {font-size:12px; background-color:#f3f3f3;height:20px; }
#b_order .n2row {font-size:12px; background-color:#fafafa;height:20px; }




{PRODUCT Browser AREA}
#bproduct table {width:100%; border-collapse: collapse; }
#bproduct .bheader {font-size:12px; background-color:#aaaaaa;height:30px; }
#bproduct .bheader a {color:#ffffff;text-decoration: NONE}
#bproduct .bheader a:hover {color:#eeeeee;text-decoration: UNDERLINE}
#bproduct .n1row {font-size:12px; background-color:#f3f3f3;height:20px; }
#bproduct .n2row {font-size:12px; background-color:#fafafa;height:20px; }
{CART Browser AREA}
#bcartborder {position:relative; top:-10px;}
#bcart table {width:100%; border-collapse: collapse;}
#bcart .bheader {font-size:12px; background-color:#aaaaaa;height:30px; }
#bcart .bheader a {color:#ffffff;text-decoration: NONE;}
#bcart .bheader a:hover {color:#eeeeee;text-decoration: UNDERLINE;}
#bcart .n1row {font-size:12px; background-color:#f3f3f3;height:30px; }
#bcart .n2row {font-size:12px; background-color:#fafafa;height:30px; }
#cart_detail table {width:100%; border-collapse: collapse;border-style: solid; border-color: #666666;border-width: 1px 1px 1px 1px; background-color:#ffffee;height:80px; }
#cart_detail td {font-size:10px; text-align:top;border-style: solid; border-color: #666666;border-width: 0px 0px 1px 0px;height:30px; vertical-align:top;}
#cart_detail th {font-size:12px; border-style: solid; border-color: #666666;border-width: 0px 0px 1px 0px; height:30px;}

{SUPPLIER Browser AREA}
#bsupplier table {width:100%; border-collapse: collapse; }
#bsupplier .bheader {font-size:12px; background-color:#aaaaaa;height:30px; }
#bsupplier .bheader a {color:#ffffff;text-decoration: NONE}
#bsupplier .bheader a:hover {color:#eeeeee;text-decoration: UNDERLINE}
#bsupplier .n1row {font-size:12px; background-color:#f3f3f3;height:20px; }
#bsupplier .n2row {font-size:12px; background-color:#fafafa;height:20px; }
{CUSTOMER DETAIL}
#cdetail table{ background-color:#fafafa; border-style: solid; border-color: #000000;border-width: 1px;}
#cdetail .field {font-size:12px; background-color:#cccccc; font-weight:bold;text-align:right;height:20;}
#cdetail td {font-size:12px;text-indent:2px;}
#cdetail .cfield {font-size:12px; background-color:#aaaaaa;  font-weight:bold; text-align:center;height:20;}
#cdetail .imgfield {text-valign:top;text-align:center;}
#cdetail .control{ background-color:#fafafa; border-style: solid; border-color: #000000;border-width: 0px 1px 1px 1px;}
{ORDER DETAIL}
#odetail table{ background-color:#ffffff; border-style: solid; border-color: #000000;border-width: 1px;}
#odetail table table{border-width: 0px;}
#odetail .field {font-size:12px; background-color:#cccccc; font-weight:bold;text-align:right;height:20;}
#odetail th {font-size:12px;text-indent:2px;}
#odetail td {font-size:12px;text-indent:2px;}
#odetail .odd_row {background-color:#f9f9f9;}
#odetail .even_row {background-color:eeeeee;}
#odetail .cfield {font-size:12px; background-color:#aaaaaa;  font-weight:bold; text-align:center;height:20;}
#odetail .imgfield {text-valign:top;text-align:center;}
#odetail .control{ background-color:#fafafa; border-style: solid; border-color: #000000;border-width: 0px 1px 1px 1px;}

{CUSTOMER FORM}
#cform {position:relative; top:-10px;}
#cform td {font-size:12px;text-indent:0px;height:23px;background-color:#f9f9f9;vertical-align:top;padding: 0px 0px 0px 5px;}
#cform input {font-size:12px;text-indent:2px;}
#cform select {font-size:12px;text-indent:2px;}
#cform textarea {font-size:12px;text-indent:2px;}
#cform .formhead {font-size:14px;text-indent:2px;background-color:#eeeeee;font-weight:bold;height:28px;}
#cform .error {font-size:10px;text-indent:2px;color:#ff0000;font-style:italic;}
#cform .status {font-size:12px;text-indent:2px;color:#cc0000;font-style:italic;}

{SUPPLIER LIST}
#slist {position:relative; top:-10px;}
#slist td {font-size:10px;text-indent:0px;height:12px;background-color:#f9f9f9;vertical-align:top;padding: 0px 0px 0px 5px;}
#slist .formhead {font-size:10px;text-indent:2px;background-color:#eeeeee;font-weight:bold;height:14px;}
#slist .error {font-size:10px;text-indent:2px;color:#ff0000;font-style:italic;}
#slist .status {font-size:10px;text-indent:2px;color:#cc0000;font-style:italic;}

{SUBDEPARTMENT FORM}
#sdform {position:relative; top:-10px;}
#sdform td {font-size:12px;text-indent:2px;height:23px;background-color:#f9f9f9;}
#sdform input {font-size:12px;text-indent:2px;}
#sdform select {font-size:12px;text-indent:2px;}
#sdform .formhead {font-size:14px;text-indent:2px;background-color:#eeeeee;font-weight:bold;height:28px;}
#sdform .error {font-size:10px;text-indent:2px;color:#ff0000;font-style:italic;}
#sdform .status {font-size:12px;text-indent:2px;color:#cc0000;font-style:italic;}

{TAG BAR}
#tagbar {font-size:14px;position:relative; top:-10px;}
#tagbar .selected {background-color:#ffffff; border-style: solid; border-color: #000000;border-width: 1px 1px 0px 1px;text-align:center;height:28px;}
#tagbar .normal {background-color:#cccccc; border-style: solid; border-color: #000000;border-width: 1px 1px 1px 1px;text-align:center;height:28px;}


{CONTROLLER BAR}
#bcbar table {width:100%;position:relative; height:20;}
#bcbar td {font-size:12px;}
#bcbar a {color:#333333;text-decoration: UNDERLINE}
#bcbar a:hover {color:#000000;text-decoration: NONE}

{SEARCH BAR}
#sarea {position:relative;top:-5px; height:20;font-size:12px;}
#sarea td {font-size:12px;}
#sarea input {font-size:12px;}
{Supplier AREA}
#suparea {position:relative;top:-5px; height:20;font-size:12px;}
#suparea td {font-size:12px;}
#suparea input {font-size:12px;}

{SPECIFICATION}
.s_title {background-color:#ffffff; border-style: solid; border-color: #aaaaaa;border-width: 1px 0px 1px 0px;font-weight:bold;font-size:12px;height:20px;text-indent:5px;}
.qs_title {background-color:#eeeeee;font-size:10px;height:15px;padding:0px 0px 0px 5px;vertical-align:top;width:200px;}
.qs_desc {background-color:#ffffff;font-size:10px;height:15px;padding:0px 0px 0px 5px;vertical-align:top;}
.i_title {background-color:#ffffff; border-style: solid; border-color: #aaaaaa;border-width: 1px 1px 1px 1px;padding:5px 5px 5px 5px; height:112;width:112;text-align: center;} 

{VERTICAL MENU}
*{
	list-style:none;
	margin:0px;
	padding:0px;
}

#cvmenu {
	width: 145px;
	font-size:11px;
	border-style: solid solid none solid;
	border-color: #999999;
	border-size: 1px;
	border-width: 1px;
	position:relative;top:-3px;
	}
#cvmenu li{
	display:inline;
	padding:0px;
	margin:0px;
}	
	
	
#cvmenu .normal{
	color: black;
	text-decoration: none;
	display:block;
	padding:6px 0px 6px 10px;
	background:url("images/menu3.gif") 0 0px;
}

#cvmenu a.normal:hover{
	background:url("images/menu3.gif") 0 50px;
}

#cvmenu .selected{
	color: black;
	text-decoration: none;
    display:block;
	padding:6px 0px 6px 10px;
	background:url("images/menu3.gif") 0 -25px;
}	
	
#cvmenu a.selected:hover{
	background:url("images/menu3.gif") 0 -75px;
}	

	
*/