@CHARSET "ISO-8859-1";

*, html, form,div,body,a,ul,li{margin:0;padding:0;}
body { min-width: 1000px; *width: 100%;
padding:0; margin:0;
background-image: url("../images/background/metal.jpg"); font-size:12px; font-family:Verdana, Arial, Geneva, sans-serif; color:#1b1d1d;

}

.jobTableHover {background: #eee;}
.jobTableHoverOver {background: #ddd; }

.jobCreated td { background: #ddf; }

.jobCreated .dragMe ,.dragMe {cursor: pointer; background: #ddc; }

.dHead { padding:2px; background: none repeat scroll 0 0 #57778B; padding-right:3px; text-align: right; font-weight: bold; }
.dHead, .dHead a {color: #fff;}


div.piCalender table thead {background: none repeat scroll 0 0 #fff;}
div.piCalender table thead th {padding-top: 0px; padding-bottom: 5px; text-align: left;  border-bottom: 3px solid #697E83; padding-left: 2px;}
div.piCalender h1 {font-size: 13px; color: #697E83;}
div.piCalender h2 {font-size: 12px; color: #697E83;}

.theHighlight:hover {background: #DEDEDE; cursor: pointer}

div.piCalender table tbody {background: #fff;}
div.piCalender table tbody td {border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa; padding: 2px; vertical-align: top;}
div.piCalender .time {text-align: center;}

.piCalender .jobTable td {border:none;}
.piCalender .jobTable {border:1px solid #aaa; margin-bottom: 2px;}
.piCalender table tfoot td {background: none repeat scroll 0 0 #687F8D;
    border-top: 3px solid #697E83;
    height: 40px;
    padding: 5px;
    text-align: right;}

.container {*width: 100%;}

.blueBG {background-color: #dff0f2; }

.adminBar {float:left; color: #fff; padding: 5px;}
.adminBar a {color: #fff; font-size: 14px; padding-right: 15px;}
td, th {vertical-align: top;}
th {text-align: left;}

img {border: none;}

.asterisk {color: #FF0000;}

a {
	text-decoration:none;
	color:#697e83;
}
a:hover { text-decoration:underline; }

.clear {clear: both;}

.header { color: #fff; height: 101px; background-image: url("../images/background/header.jpg"); min-width: 1000px;}
.header h1 {text-align:right; padding:5px; font-size: 32pt; font-weight: normal; height:51px;}
.header .menu { min-width:1000px; height:30px; margin:auto; margin-top:10px; }
.header .menu a { float:left; padding-left:8px; padding-right:8px; line-height: 30px; font-size: 11pt; color:#fff; text-decoration: none; }
.header .menu a:hover { text-decoration: underline; }
.header .menu a.active2 , .header .menu a.active { background: #57778b; }

.footer {background-color: #57778B; height: 40px; margin-top:30px; padding:5px;}

.content { min-width:1000px; margin: auto; }
.contentHead { height: 55px; background: #57778b; border-top: 1px solid #687f8d; min-width: 1000px; border-bottom: 1px solid #8aa4a5}
.contentHead h2 { color:#fff; margin-left:24px; font-size: 18pt; height:37px; float:left; }
#quicksearch {float:right; }

/* ui elements */
.textbox { border:1px solid #000; height: 25px; font-size: 14pt; width: 200px; }
.textboxLabel { font-size: 14pt;}

.textbox2_sub, .textbox2 { border:1px solid #000; height: 20px; font-size: 11pt; width: 300px; margin-bottom: 2px;}
.textboxLabel2_sub, .textboxLabel2 { font-size: 11pt; margin-bottom: 1px; line-height: 22px;}
textarea.textbox2 {height: 80px;}
div.textbox2 {height: auto; border:none; width: 302px;}
select.textbox2 {height: 22px; line-height:20px; margin-bottom:0px;}
.checkbox2 {height:20px; margin-bottom:2px;}
	
.red {color: #f00;}

.textbox2_sub {width:94px; display:block; float:left; }
.textboxLabel2_sub {width:100px; display:block; float:left; margin-left:10px;}

.button {background:#b6d2dd; border:1px solid #3f565e; padding:0px 5px; font-size: 16pt; color:#000;}
a.button:hover {text-decoration: none;}

.pageBreak {background: #92abb7; height:2px; margin-top:10px; margin-bottom:10px;}

.fontSize12 {font-size: 10pt;}

/* basic headers */
h2 {color:#000;	font-size: 16pt;}

/* tabs */
.tabGroup {float:left; margin-left:20px;}
.tabGroup .tab {display:block; float:left; background-color: #DFF0F2; color:#000;
border:1px solid #8aa4a5; padding:5px 18px; }
.tabGroup .tab:hover, .tabGroup .active {background-color: #fff; text-decoration: none;}


.tabGroup .unclickable {color:  #CCC;}
.tabGroup  .unclickable:hover {background-color: #DFF0F2; }
.tabGroup .active {background-color: #fff !important; }

#href_Home {width:70px;}
#href_Customer {width:110px;}
#href_Product {width:100px;}
#href_Jobcard {width:100px;}
#href_Maintenance {width:106px;}
#href_Employee {width:110px;}
#href_Admin {width:110px;}
#href_Report {width:110px;}

#customer_submenu {left:86px; width: 126px;} /* 16 padding */
#product_submenu {left:212px; width: 116px;} 
#jobcard_submenu {left:328px; width:116px;} 
#employee_submenu {left:566px; width: 126px ;} 
#admin_submenu {left:692px; width: 126px;} 
#report_submenu {left:818px; width: 126px;} 

#customer_submenu.submenu a {width:118px;}
#product_submenu.submenu a {width:108px;}
#jobcard_submenu.submenu a {width:108px;}
#employee_submenu.submenu a {width:118px;}
#admin_submenu.submenu a {width:118px;}
#report_submenu.submenu a {width:118px;}

/* drop down menu */
.submenu {
	visibility: hidden;
	position:absolute;
	z-index: 2;
	top: 101px;
	padding: 0 !important; margin: 0; 
	width:100px; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	background-color:  #fff;
	/* border: 1px solid #447755; /* box around entire sub-menu */
	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
}

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */
.submenuContainer {float:left;}

.submenuContainer a:hover {background-color: #57778B;}

.startDrag td {background-color: #ffc;}

.submenu a
{
	font-size:11pt;
	display: block;
	color: #eee; 
	float: left;
	clear:both;
	padding: 0 0 0 8px !important;
	text-decoration: none;
	color: #000 !important;
	border-bottom: #447755 dotted 1px; 
	border-top: 0; border-left: 0; border-right: 0;
}


ul { position: relative; display: block; }
li { position: relative; display: block; }

.submenubox { 
  margin: 0; padding: 0; border: 0;
}
.submenubox ul
{
  margin: 0; padding: 0; border: 0;
  list-style-type: none;
}

.submenubox ul li { margin: 0; padding: 0; border: 0; border: none;}

.submenubox ul li a:link { }
.submenubox ul li a:visited { }
.submenubox ul li a:hover
{
  color: #000; /* text color for submenu items */
  background-color: #B6D2DD;
  border-bottom: #447755 dotted 1px; 
}

#quickSearch {text-align: right; height:20px; margin-right:20px; margin-top:5px;}

/* table CSS */

.tOdd { background:#FFF; }
.tEven { background:#DFF0F2; }
.rowSelected {background: #EEE !important; font-weight: bold;}

.tableCSS tbody tr:hover{ background-color: #DEDEDE}
.tableCSS tbody tr td, .tableCSS tbody tr td a { color:#000; }

.tableCSS tbody td {padding-top:3px; padding-bottom:3px;}

.tableCSS thead , .tableCSS thead tr td a { color:#F60;}
.tableCSS thead th {padding:5px; color:#697e83;  border-bottom: 3px solid #697e83; background: #fff;}
.tableCSS thead th a {color:#697e83;}

.edit_a {text-decoration: underline;;}

.tableCSS2 tfoot td, .tableCSS tfoot td {height:40px; text-align:right; padding:5px; border-top: 3px solid #697e83; background: #687F8D;}

.loginField { background-color: #f9f9f9; border: 1px solid #57778B; margin:auto;}

.success {background-color:#92ABB7; color:#fff; font-size:12px; font-weight:bold; padding:5px; text-align: center;}
.error {background-color:#F00; color:#fff; font-size:12px; font-weight:bold; padding:5px; text-align: center;}

.field {width:50%; float:left;}