ul, li{border:0; padding:0; margin:0; list-style:none;}
/* ----------- Navigation ----------- */
#navigationContainer
{
	float: left;
	height: 35px !important;
	background-color: #F1F7FD;
	border-right: 1px solid #006666;
	border-bottom: 1px solid #006666;
	width: 99%;
	background-color: #D6DEE5;
	clear: both;
}

#navigation{
	vertical-align: top;
	float: left;
	height: 30px;
	margin: 0;
	padding: 0px 5px 5px 20px;
	width: 95%;
}
#navigation ul li{
	display:inline;
	list-style: none;
}
#navigation ul li a,
#navigation ul li a:visited {
	padding: 8px 15px;
	display:block;
	text-decoration:none;
	float:left;
	color:#4261df;
	font-weight:bold;
	text-shadow:#ffffff 2px 2px 2px;
	list-style: none;
}


#navigation ul li a:hover {
	color:#1532a5;
	list-style: none;
}

#navigation ul li.logout a {
	float: right;
	color: #220000;
}

#logout ul li a:hover {
	color: #dd0000;
	list-style: none;
}



/* ----------- Sub Menu ----------- */

#leftContainer
{
	position: relative;
	float: left;
	width:160px;
	amin-height: 98%;
	background-color: #F1F7FD;
	border-right: 1px solid #006666;
	border-bottom: 1px solid #006666;
	height: auto !important;
}


/* LEFTCOL */
#leftcol {
	padding: 10px 0 0 7px; 
	float:left;
	min-height: 600px; 
}


#leftcol ul li{
	display:block;
	list-style: none;
	padding: 15px 15px 0 5px;
	line-height: 20px;
}
#leftcol ul li a,
#leftcol ul li a:visited {
	font-size: 11px;
	text-decoration:none;
	color:#4261df;
	font-weight:bold;
	text-shadow:#ffffff 2px 2px 2px;
	list-style: none;
}
#leftcol ul li a:hover {
	color:#1532a5;
	list-style: none;
}


#leftContainer .logo {
	bottom: 0;
	margin: 0;
	padding-bottom: 50px;
}





/* ----------- Sub Menu ----------- */


/* ----------- Hide Sub menu ----------- */
#s1, #s2, #s3, #s4, #s5, #s6, #s7,#s8, #s9, #s10 {display:none;}




/*
	Colour list goes here
	#aaaaaa (dark grey for backgrounds)
	#dddddd (dark grey for backgrounds)
*/

body
{ 
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size:10pt;
	margin:0pt;
	padding:0pt;
	background-color:#ffffff;
}

.wideBody
{ 
	background-repeat:repeat-y;
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size:10pt;
	margin:0pt;
	padding:0pt;
	background-color:#ffffff;
}

legend{
	color:#222; 
	font-size:16px;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}

/*
 * a wrapper for all the pages within the mainframe 
 * This defines overall widths
 */
 
#wrapper{
	background-image:url('../images/page_bg.gif');
	background-repeat:repeat-y;
	border:0px solid;
	width:1000px;
}

#miniWrapper{
	background-color:#fff;
	border:0px solid;
	width:300px;
	height: auto;
}


#divLeftMenu {
	background-image:url('../images/iQLogo1.gif');
	background-position:center top;
	background-repeat:no-repeat;	
	float:left;
	width:210px;	
	background-color:#000000;
	margin:0px;
	padding:130px 0 0 0;
	height:auto !important;
	height:420px;
	min-height:420px;	
}
 
#divMain
{
	position: relative;
	float:left;
	width:815px;
	height:auto !important;
	height:550px;
	min-height:550px;	
	padding: 5px;
	margin: 0;
}

#divWideMain
{
	float:left;
	width:1220px;
	height:auto !important;
	height:550px;
	min-height:550px;	
	padding: 5px;
	margin: 0;
}


#divMainCont
{
	float:left;
	width:815px;
	height:auto !important;
	height:250px;
	min-height:250px;	
	padding: 5px;
	margin: 0;
}

#divMainMini
{
	float:left;
	width:390px;
	height:auto !important;
	height:390px;
	min-height:390px;	
	padding: 5px;
	margin: 0;
	background-color:#fff;
}
#companyListDiv{
 float:left;
    width:300px;
    float:left;
	height:20px;
	font-size:11pt;
	
}
#companyButtons{
 float:left;
    width:200px;
    float:left;
	height:20px;
	font-size:11pt;
}
#companyDiv{
 float:left;
    width:200px;
	height:20px;
	font-size:11pt;
}
#divA
#searchForm{
    margin:0px;
    padding:0px;
}

/* title for the page goes here */
#divHeader
{
	height:20px;
	padding: 5px 0  5px 5px;
	margin:0;
	display: block; 
	background: #aaa;
}

#divHeader h1{
	color:#fff; 
	font-size:16px;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}

#divInfo{
	background-color:#ccc;
	margin:5px 0;
	padding:5px;
	border:1px solid #999;
	height:40px;
	height:auto !important;
	min-height:40px;
}
#divDropDowns /* only for sites at the moment */
{	margin:5px;
	padding:5px;
	border:0px solid #000000;
	height:20px;
}
#divSearch
{
	margin:5px;
	padding:5px;
	border:0px solid #000000;
	height:20px;
	display:none;
}

#divBody
{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:340px;
	height:auto !important;
	min-height:420px;
}

#supercededDocumentPanel
{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:340px;
	height:auto !important;
	min-height:340px;
}

#divSampleResultsTable
{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:340px;
	height:auto !important;
	min-height:340px;
}


#flashcontent{
	width:250px;
	height:250px;
}	

#divFlashQuoteWon{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:260px;
	height:auto !important;
	min-height:260px;
	border:2px solid #CCC;
}

#divFlashValueQuoteWon{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:260px;
	height:auto !important;
	min-height:260px;
	border:2px solid #CCC;
}
#divFlashValueCustomerQuote{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:260px;
	height:auto !important;
	min-height:260px;
	border:2px solid #CCC;
}

#divBodyUpper{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	/* height:150px; */
	height:auto !important;
	margin-top:2px;
	/* min-height:150px; */ 
}

#divBodyLower{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:170px;
	height:auto !important;
	min-height:170px;
}

#divBodyMin
{
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:240px;
	height:auto !important;
	min-height:240px;
}

#divQuoteResults{
    float:left;
	background-color:#eeeeee;
	border:1px solid #ccc;		
	margin:5px 0;
	padding:5px;
	height:240px;
	height:auto !important;
	min-height:240px;
	width:98%;
}

#divBody a{
	text-decoration:underline;
	margin:0;
	padding:0;
}
/* message area */
#messageDisplay{
	padding:5px;
	margin:5px 0;
	color:#A20000;
	font-size:10pt;
	font-weight:bold;
	border:1px solid #ccc;
}

.message {
	color: #880000;
	text-decoration: none;
	text-align:center;
}


/* 
 * replaces the .border class
 * contains the search/select areas
 */

#divAlphabets{
    float:left;
	height:20px;
	font-size:10pt;
}
#companyListDiv{
 float:left;
    width:300px;
    float:left;
	height:20px;
	font-size:11pt;
	
}
#companyButtons{
 float:left;
    width:200px;
    float:left;
	height:20px;
	font-size:11pt;
}
#companyDiv{
 float:left;
    width:200px;
	height:20px;
	font-size:11pt;
}
#divAlphabets a{
	font-size:10pt;
	text-decoration:underline;
}

#searchField{
	height:20px;

}

#divBodyLeft{
	float:left;
	width:48%;
	margin:6px 6px 0 6px;
	padding:0px;	
	height:150px;
	height:auto !important;
	min-height:150px;	
}

#divBodyRight{
	float:left;
	width:48%;
	margin:6px 6px 0 6px;
	padding:0px;	
	height:150px;
	height:auto !important;
	min-height:150px;	
}

#divBodyControls{
	margin:0px;
	padding:0px;
	border:1px solid #000000;
}

#divPagination
{
    background-color:#ddd;
    border:1px solid #999;
    height:25px;
    height:auto !important;
    min-height:25px;
    margin:10px 0 0 0;
    padding:0px 10px;
}

#divPagination .prev{
    float:left; 
    width:80px;
    height:20px;
    border:0px solid #999;
    margin:0;
    padding:0;
}

#divPagination .next
{
    float:right; 
    width:60px;
    height:20px;
    border:0px solid #999;
    margin:0;
    padding:0;
}

#divPagination .pages
{
    float:left; 
    width:600px;
    height:20px;
    border:0px solid #999;
    margin:0;
    padding:0;
}

#divFooter{
	background-color:#eeeeee;
	border:1px solid #000000;		
	margin:0px;
	padding:0px;
	height:50px;
	height:auto !important;
	min-height:50px;
}

#divFooterControlsLeft{
	float:left;
	width:48%;
	margin:6px;
	padding:0px;
	border:1px solid #000000;		
}

#divFooterControlsRight{
	float:left;
	width:48%;
	margin:6px;
	padding:0px;
	border:1px solid #000000;		
}

#hideManager{
	display:none;
}	

#hideInvoice{
	display:none;
}	





/*
 * menus section
 */

 

/*The Link style for top-level menuitems and is read by all browsers*/
/*
#divLeftMenu a {
	color: #fff;
	font-size: 10pt;	
	text-decoration:none; 
	
}

#divLeftMenu a:hover {
	font-size: 10pt;	
	color: #ddd;
	text-decoration:underline; 	
}

*/
/*The Link style for second-level menuitems*/

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: divMenu div div div div a {declaration}*/
#divMenu div div div a {
	font-size:10pt;
}
.open{
	display:block;
}	

.divBodyLeft{
	float:left;
	width:48%;
	margin:2px;
	padding:0px;	
	height:150px;
	height:auto !important;
	min-height:150px;	
}

.divBodyRight{
	float:left;
	width:48%;
	margin:2px;
	padding:0px;	
	height:150px;
	height:auto !important;
	min-height:150px;	
}

.divBodyLeftFlash{
	float:left;
	width:260px;
	margin:0;
	padding:0px;	
	height:260px;
	height:auto !important;
	min-height:260px;	
	background-color:#FFF;
}

.divBodyReports{
	float:left;
	width:400px;
	margin:0;
	padding:0px;	
	height:260px;
	height:auto !important;
	min-height:260px;	
	background-color:#FFF;
}

.divBodyRightFlash{
	float:left;
	width:500px;
	margin:0 0 0 5px;
	padding:0 10px;
	height:240px;
	height:auto !important;
	min-height:240px;	
	background-color:#fff;
	border:1px solid #333;
}

.squarebox{
	border:1px solid #000000;
	width:10px;
	height:10px;
	color:#ccc;
}
.menutitle{
	background-image:	url(../images/p7t_plus.gif);
	background-position:6px 50%;
	background-repeat: no-repeat;
	font-size:10pt;
	background-color: #e85825;
	border: 1px solid #4e4e4e;
	color: #fff;
	cursor: pointer;
	margin: 0 2px 0 2px;
	padding:1px 0pt 1px 20px !important;
	text-align: left;
	width: 140px;
}


.menutitleo{
	background-image:url(../images/p7t_minus.gif);
	background-position:6px 50%;
	background-repeat:no-repeat;
	padding:1px 0pt 1px 20px !important;
	background-color: #2A2A2A;
	border: 1px solid #4E4E4E;
	color: #ffffff;
	cursor: pointer;
	margin: 0 2px 0 2px;
	padding:0;
	text-align: left;
	width: 140px;
}

.menutitle a{ 
	font-size:10pt;
	color: #fff;
}

.menutitleo a{ 
	font-size:10pt;
	color: #fff;
}
.menutitleo a:hover{ 
	font-size:10pt;
	color: #fff;
}

#aShowSearch{
	display:inline;
}

#aHideSearch{
	display:none;
}

#whiteBoardCell{
	display:none;
}

/*Michael Stewart November 1st 2013*/ 

.otherJobSheetRadio{
        border-bottom: 1px solid #000000;
        padding-bottom: 5px;
}

.newJobSheetRadio{
        margin-top:10px;
}

/* sub menu div rollovers */
.menuspan{
	font-size:10pt;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	text-align: left;
	width: 100%;
}

.menuspaneo{
	background-color: #2A2A2A;
	color: #ffffff;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	text-align: left;
	width: 90%;
}

.menuspan a{
	font-size:10pt;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
}

.menuspaneo a:hover{
	font-size:10pt;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
}

.submenu{
	margin:0px;
	padding:0;
	background-color: #000000;
	border: 1px solid #2A2A2A;
	width: 160px;
	cursor: pointer;
	display:none;
	border:0px solid #fff;
}
.listBox{
	width:500px;
	height:200px;

}

/*
 * end menus section
 */


.split {
    clear:both;
    height:1px;
    font-size:1px;
    line-height:1px;
    
}

.break {
    width:100%;
    background-color:#ccc;
    clear:both;
    height:1px;
    font-size:1px;
    line-height:1px;
    
}


.border
{
	border: 1px solid #000000;	
}

.leftCell{
	float:left;
	font-size:10pt;
	width:35%;
	margin:1px 0;
	padding:1px;
}

.rightCell{
	float:left;
	font-size:10pt;
	width:35%;
	margin:1px 0;
	padding:1px;	
}

.leftCellSmall{
	float:left;
	font-size:10pt;
	width:30%;
	margin:1px 0;
	padding:1px;
}

.rightCellLarge{
	float:left;
	font-size:10pt;
	width:60%;
	margin:1px 0;
	padding:1px;	
}

.subhead{
	padding:5pt;
	font-size:10pt;
	font-weight:bold;
	background:#ddd;
	width:100%;
}

.vehicleLocDetails{
    overflow: hidden;
    height: 30px;
    width: 120px;
}

.vehicleSpeedDetails{
    overflow: hidden;
    height: 15px;
    width: 120px;
}



.description { 
	padding-left: 20px; 
	font-weight: bold;
}


.inner{ 
	font-size: 8pt; 
	width: 100%; 
	font-family: serif 
}

.error{
	padding-right: 10pt; 
	padding-left: 10pt; 
	font-weight: bolder; 
	background: #ddd; 
	padding-bottom: 10pt; 
	padding-top: 10pt 
}
.errorTextRed{
	font-weight: bolder; 
	color: red;
}

.success { 
	padding-right: 10pt; 
	padding-left: 10pt; 
	font-weight: bolder; 
	background: #ddd; 
	padding-bottom: 10pt; 
	padding-top: 10pt 
}

.error {
	font-size: larger; 
	color: red 
}

.success {
	color:#008800; 
}

.header{
	
}
	
.tbl_result 
{ 
    border-right: #000000 1px solid; 
    font-size:10pt; 
    border-bottom: #000000 1px solid; 
    font-family: verdana 
}

.cell_result_head 
{ 
    border-top: #000000 1px solid; 
    font-weight: bold; 
    font-size:10pt; 
    border-left: #000000 1px solid; 
    font-family: verdana; 
    background-color: #95bdee 
}
.reconcile_head 
{ 
    border-top: #000000 1px solid; 
    font-size:10pt; 
    border-left: #000000 1px solid; 
    font-family: verdana; 
    background-color: #95bdee 
}
 
.cell_result 
{ 
    border-top: #000000 1px solid; 
    font-size:10pt; 
    border-left: #000000 1px solid; 
    font-family: verdana 
}

.cell_tail 
{ 
    font-size:10pt; 
    border-left: #000000 1px solid; 
    font-family: verdana 
    background-color: #95bdee;
}


.tbl_border
{
    border-top: #000000 1px solid; 
    border-bottom: #000000 1px solid; 
    border-left: #000000 1px solid; 
    border-right: #000000 1px solid; 
}

.description { padding-left: 20px;}
.mandatory { font-weight: bold; text-decoration:underline; }
.dataField { width: 50%; height: 22px }
.inner { font-size: 8pt; width: 100%;}
.leftColumn { width: 50% }
.rightColumn { width: 50% }
.hidden { visibility: hidden }
.error, .success { padding: 10pt; font-weight: bolder; background: #ddd;}
.error { font-size: larger; color: red }
.success { color:#008800; }
.modDetails { font-size:8pt; text-decoration:italic; }
.boldHeading10 { font-size:10pt; font-weight:bold;}
.instructions { padding: 5pt; display: block; background: #aaa; color: white;  border: 1px solid #999 }
.links { font-size:10pt; color:#000000;text-decoration:underline; }
.links:hover {font-size:10pt; color:#000000;text-decoration:underline; }

label{
	font-size:10pt;
}

label.hidden{
	font-size:1pt;
	line-height:1px;
	height:1px;
	width:1px;
}

input.longfield
{

	width: 250px;
}


input.quoteemail
{
	width: 200px;
}

select.eqsearch
{
	width: 145px;
}

table.quoteBorder
{
	border: outset 2px;
}

table.defectNoteTable
{
	vertical-align: center;
	margin-bottom: 10px;
}


textarea{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:190px;
	height:230px;

}

textarea.smaller{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:190px;
	height:100px;
}

textarea.medium{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:490px;
	height:100px;
}


textarea.categories{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:190px;
	height:140px;
}

textarea.quoteComments{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:180px;
	height:105px;
}

textarea.quoteAdHoc{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:500px;
	height:150px;
}


textarea.question{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:600px;
	height:80px;
}

textarea.editor{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:800px;
	height:200px;
}



textarea.answer{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:190px;
	height:40px;
}

textarea.reconcilePO{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:280px;
	height:50px;
}

textarea.desc{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:300px;
	height:400px;
}

textarea.full{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:100%;
	height:100px;
}


textarea.defectNote{
	font-family  : "Trebuchet MS",Arial,sans-serif;
   	font-size:10pt;
	width:310px;
	height:230px;

}


.sampleedit{
	height:475px !important;
	min-height:475px !important;
}

.sampleadd{
	height:400px !important;
	min-height:400px !important;
}

.sampleview{
	height:425px !important;
	min-height:425px !important;
}

.sampleresults{
	height:100px !important;
	min-height:100px !important;
}

.documentsections{
	height:75px !important;
	min-height:75px !important;
}
 
.documentsectiondetails {
	height:575px !important;
	min-height:575px !important;
}

.senddocumentcovernotedetails{
	height:375px !important;
	min-height:375px !important;
}

textarea.covernote{
	width:350px;
	height:300px;
}

textarea.quoteCovernote{
	width:700px;
	height:250px;
}


textarea.documentsection{
	width:350px;
	height:200px;
}

a { font-size:10pt; color:#000000;text-decoration:underline; }
a:hover {color:#000000;text-decoration:none;cursor:pointer;  }

h1{
	color:#fff; 
	font-size:16pt;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}
h2{
	color:#fff; 
	font-size:15pt;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}
h3{
	color:#333; 
	font-size:14pt;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}
h4{
	color:#333; 
	font-size:12pt;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}
h5{
	color:#333; 
	font-size:11pt;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}
h6{
	color:#333; 
	font-size:10pt;
	font-weight:bold;
	border: 0px solid black;
	margin:0px;
	padding:0px;
}
td{
   text-align:left;
   vertical-align:top;
   font-size:10pt;
}

td.middle
{
	text-align: center;
   	vertical-align:top;    
}
td.middleMiddle
{
	text-align: center;
   	vertical-align:middle;    
}

td.quotealign
{
	text-align: center;
   	vertical-align:top;    
}

td.quoteReportSectionHeader{
	color: #ffffff;
	background-color: #000000;
	font-weight: bold;
}

.jobplannerInput
{
	width:20px;
}
.addPaymentInput
{
	width:60px;
}
.AddtoPOprice  
{
	BORDER-RIGHT: white 0px solid; 
	BORDER-TOP: grey 0px solid; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT: white 0px solid; 
	COLOR: black; 
	BORDER-BOTTOM: white 0px solid; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: right;
	}
.itemprice  
{
	BORDER-RIGHT: white 0px solid; 
	BORDER-TOP: grey 0px solid; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT: white 0px solid; 
	COLOR: black; 
	BORDER-BOTTOM: white 0px solid; 
	BACKGROUND-COLOR: #EDEDED; 
	TEXT-ALIGN: right;
	}	
.POitems 
{
	BORDER-RIGHT: white 0px solid; 
	BORDER-TOP: grey 0px solid; 
	BORDER-LEFT: white 0px solid; 
	COLOR: black; 
	BORDER-BOTTOM: white 0px solid; 
	BACKGROUND-COLOR: #EDEDED; 
	TEXT-ALIGN: left;
	}
.itempriceNew 
{
	BORDER-RIGHT: white 0px solid; 
	BORDER-TOP: grey 0px solid; 
	FONT-WEIGHT: bold; 
	BORDER-LEFT: white 0px solid; 
	COLOR: black; 
	BORDER-BOTTOM: white 0px solid; 
	BACKGROUND-COLOR: #EDEDED; 
	TEXT-ALIGN: left;
	}	


/*
 *  Risk Assessment
 */
.LowRating  
{
	FONT-WEIGHT: bold; 
	COLOR: black; 
	BACKGROUND-COLOR: #ffffff; 
}
.MediumRating  
{
	FONT-WEIGHT: bold; 
	COLOR: black; 
	BACKGROUND-COLOR: yellow; 
}
.HighRating  
{
	FONT-WEIGHT: bold; 
	COLOR: white; 
	BACKGROUND-COLOR: red; 
}
	
 /*
 *  Part Tracker
 */
th{
	background-color: #aaaaaa;
	color: #000000;
}

.HRSummarySectionTable
{
	background-color:#eeeeee;
	border:1px solid #aaaaaa;	
	margin:1px;
	padding:1px;
	width:405px;
	text-align: right;
   	vertical-align:middle; 
}

.HRApprovalCommentsTable
{
	background-color:#eeeeee;
	border:1px solid #aaaaaa;	
	margin:1px;
	padding:1px;
	text-align: right;
   	vertical-align:middle; 
}
.HRSummaryInnerTable
{
	background-color:#eeeeee;
	border:1px solid #aaaaaa;	
	margin:0px 0;
	padding:0px;
	width:135px;
	height:45px;
	text-align: right;
   	vertical-align:middle; 
}
.HRIconLink
{
	font-size:8pt;
}

.output-div-container {
	border:1px solid silver;
	background-color:#F8F8F8;
	padding:10px;
}
.input-div {
	text-align:center;
	background-color:#FEFFF0;
	border:1px solid #868A15;
	padding:5px;
}
.ajax-div {
	margin:50px;
	border:1px solid #3333CC;
	background-color: #6699FF;
	padding:3px;
	width : 500px;
}
.box
{
  width : 230px;
  height : auto;
  overflow : auto ;
  background : #000000;
  position : absolute;
  border-top : none;
  COLOR: white; 
  text-align : left;
}
.boxtr
{
 cursor : pointer;
 margin: 3px;
 padding: 3px;
}

input.btn {
  width:155px;
}
input.btnWide {
  width:185px;
}
input.scan {
  width:55px;
  height:20px;
}


input.board{
	background-color:#444444;
	color:#cccccc;
	border:1px solid black;
}

select.board{
	background-color:#444444;
	color:#cccccc;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}


.highlightFull
{
	background-color: #FFFFFF;
	color: #000000;
	float: left;
	width: 96%;
	height: auto;
	padding: 3px;
}


.highlightHighFull
{
	background-color: #FFFFFF;
	color: #000000;
	float: left;
	width: 96%;
	min-height:120px;
	padding: 3px;
}