font 	{ font-family: Tahoma, Verdana, Arial; }
.f7 	{ font-family: Tahoma, Verdana, Arial; font-size: 7pt; }
.f8 	{ font-family: Tahoma, Verdana, Arial; font-size: 8pt; }
.f9 	{ font-family: Tahoma, Verdana, Arial; font-size: 9pt; }
.f10 	{ font-family: Tahoma, Verdana, Arial; font-size: 10pt; }
.f11 	{ font-family: Tahoma, Verdana, Arial; font-size: 11pt; }
.f12 	{ font-family: Tahoma, Verdana, Arial; font-size: 12pt; }

a 		{ color: #006699; text-decoration: none }
a:hover	{ color: #0099CC; text-decoration: none }

.red {color:red; }
.orange {color:orange; }
.green {color:green; }

div {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt; 	
}

.lnkWhi { color: #FFFFFF; text-decoration: none }

body { margin: 0px }

fieldset { padding: 5px; }

.menuBtnOn, .menuBtn {
	font-family: Tahoma, Verdana, Arial; font-size: 9pt;
	padding-top: 0px;
	height: 20px;
	vertical-align: middle;
	line-height: 16px;
	margin: 0px;
	}

.menuBtnOn { 
	background-color: #2288BB; 
	border: #AFD0E2 1px solid; 
	color: #FFFFFF;
	}

.menuBtnOn:hover { 
	font-family: Tahoma, Verdana, Arial; font-size: 9pt;
	background-color: #006699; 
	border: #CCCCCC 1px solid; 
	color: #FFFFFF;
	}

.menuBtn { 
	background-color: #3399CC; 
	border: #3399CC 1px solid; 
	color: #FFFFFF;
	}
	
.menuBtn:hover { 
	font-family: Tahoma, Verdana, Arial; font-size: 9pt;
	background-color: #44AADD; 
	border: #006699 1px solid; 
	border-top: #A6C2E1 1px solid; 
	border-left: #A6C2E1 1px solid; 
	color: #FFFFFF;
	cursor: pointer;
	}

.menuDiv, .menuDivFirst, .menuDivLast { 
	padding-left: 4px; 
	padding-right: 4px; 
	height: 22px;
}

.menuDiv { 
	border-left: 1px #E2EDF3 solid; 
	border-right: 1px #006699 solid; 
	} 
	
.menuDivFirst { 
	border-right: 1px #006699 solid; 
	} 
	
.menuDivLast { 
	border-left: 1px #E2EDF3 solid; 
	} 
	
form {
	padding: 0px; 
	margin: 0px;
}

button, input[type="button"], input[type="submit"]  {
	border-width: 1px;
	border-top: 1px solid #F3F0BC;
	border-left: 1px solid #F3F0BC;
	border-bottom: 1px solid #946C23;
	border-right: 1px solid #946C23;
}

input[type="text"], input[type="password"] {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FAFAFA;
	border: 1px solid #999999;
	padding: 2px;
}

input[type="text"]:hover, input[type="password"]:hover  {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 2px;
}

input[type="button"], input[type="submit"] {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	background-color: #FFCC00;
}

textarea {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FAFAFA;
	padding: 2px;
}

textarea:hover  {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background-color: #FFFFFF;
	padding: 2px;
}

button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	background-color: #FFCC00;
}

button:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #444444;
	background-color: #F7C400;
}

select {
	font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	color: #444444;
	background: #FAFAFA;
	border: 1px solid #999999;
}

td { font-family: Tahoma, Verdana, Arial; font-size: 8pt; }

.tbline { border-bottom: 1px dotted #BBBBBB; padding-bottom: 2px; }

#BT_SAVE { width: 100px; margin-right: 4px; }
#BT_SUBMIT { width: 100px; }
#BT_EDIT { width: 100px; }
#BT_EDITSHRT { width: 40px; }
#BT_CLOSE { width: 100px; margin-right: 4px; }
#BT_X { width: 30px; }
#BT_RESET { width: 100px; }
#BT_SEARCH { width: 80px; }
#BT_ADD { width: 100px; }
#BT_BROWSE { width: 100px; }
#BT_CHOOSE { width: 100px; }
#BT_DELETE { width: 80px; margin-right: 4px; }
#BT_ARROWS { width: 30px; }
#BT_UP { width: 90px; margin-right: 4px;  }
#BT_DN { width: 90px; margin-right: 4px; }

.BT_TOUCH {
	font-weight: bold;
	font-size: 14pt;
	height: 50px;
	width: 80%;
	}
	
fieldset 	{ font-family: Tahoma, Verdana, Arial; font-size: 8pt; padding: 8px;  color: #333333; }
legend 		{ font-family: Tahoma, Verdana, Arial; font-size: 8pt; font-weight: bold; color: #333333; padding-right: 5px; }

.tbl_tab_on {
	padding: 6px;
	font-family: Tahoma, Verdana, Arial; font-size: 9pt; 
	background-color: #f8f8f8;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.tbl_tab_off {
	font-family: Tahoma, Verdana, Arial; font-size: 9pt; 
	padding: 6px;
	border-bottom: 1px solid #999999;
	background-color: #ffffff;
}


.b_on {
 font-weight: bold;
 color: #FFFFFF;
 background-color: #006633;
 border: 1px inset #006666;
}

.b_off {
 font-weight: bold;
 color: #FFFFFF;
 background-color: #CC0000;
 border: 1px outset #993300;
}

.dir_listing {
	width: 300px;
	height: 400px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}
.file_listing {
	width: 600px;
	height: 400px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}

.filesMenu {
}
.ulMenuStyle {
      list-Style: none;
      padding: 1px;
      margin: 0px;
      background-color: #fff;
      border: 1px solid #999;
      width: 100px;
}

.liItemStyle  {
      margin: 0px;
      color: #000;
      display: block;
      padding: 3px;
      border: 1px solid #fff;
      background-color: transparent;
	  cursor:pointer;
 }
 
.liItemStyle:hover {
      border: 1px solid #0a246a;
      background-color: #b6bdd2;
}

.sheetLines {
	background-color: #f4f4f4;
	border-bottom: 1px solid #CCC;
	}
.appTLine {
	border-bottom: 1px solid #CCC;
	padding: 6px;
	}

.in_stock {
	color: #003366;
}
.to_be_confirmed {
	color: #990000;
}
.ordered {
	color: #336633;
}
.partial_delivery {
	color: #eec277;
}