/* 
 Created by: Marta Salek, Proper Systems Pty Ltd
 Date created: 5/04/2006 12:46 PM
 Last modified: 
*/
/* Global cursor - if want hourglass use the following code:
	document.styleSheets[0].rules[0].style.cursor = 'wait'; (IE) ?? Opera
	document.styleSheets[0].cssRules[0].style.cursor = 'wait'; (FF)
	This must always be the first rule!!!!!
*/

/*	Might also consider using this to find rules, because apparently different browsers create null and undefined rules, etc.
	Not sure if Opera works, either
	var mysheet=document.styleSheets[0]
	var myrules=mysheet.cssRules? mysheet.cssRules: mysheet.rules
	for (i=0; i<myrules.length; i++){
	if(myrules[i].selectorText.toLowerCase()=="a:hover"){ //find "a:hover" rule
	targetrule=myrules[i]
	break;
*/

* {
    /*cursor: auto;*/
}

body, html {
	height: 96%; 
	width: 97%;
	font-family: Verdana;
	font-size: 13px;
	color: black;
	background-color: #e5efea;
	line-height: 18px;
}

/* Inputs + tables */
input, textarea, select, .mSelect
{
	font-size:13px;
	color: black;
	font-family: Verdana;
}
	input, textarea, .mSelect { width: 300px;}
	input { height:18px; }
	select { height:22px; }
	/*select { padding-top:3px; }*/
	textarea { height: 110px; }

table { border-collapse: collapse; width: 100%;}

input.btn { height: 26px; width: 120px;}
input.rad { width: auto; height: 17px;}
input.file { height: 24px; }
textarea.invTB { border-width: 0px; background-color: transparent;  width: 400px; font-weight: bold; }


/* Required fields and errors */
.reqField {	color: Red; height: 18px; }
.pgCount { color: Black; height: 18px; font-weight: bold; }

/* Other styles */
#pnlLogin {
	height: 20px;
}

#divEl {
	width: 98%; 
	height: 20px;
	/*position: relative;*/
}

.main_header 
{
	color: black;
	font-size: 20px;
	font-weight: bold;
	width: 98%;
	padding: 5px 5px 5px 5px;
	text-align: center;
	height: 160px;
	/*position: relative;*/
}

.header 
{
	background: #006633;
	color: White;
	font-size: 16px;
	font-weight: bold;
	width: 98%;
	padding: 5px 5px 5px 5px;
	/*position: relative;*/
}

.menu 
{
	width: 98%;
	padding: 2px 5px 2px 5px;
	background: whitesmoke;
    border-bottom: solid 1px #cbd1d3;
    border-top: solid 1px #cbd1d3;
}

.centre
{
	padding: 5px 1px 5px 1px;
	text-align: center;
}

.border
{
	width: 98%;
	border-bottom: solid 1px #cbd1d3;
	display: table;
}

.quest
{
	width: 100%;
	font-weight: bold;
}

input.login
{
	font-size: 10px;
	height: 12px;
	width: 100px;
}

input.login_btn 
{
	font-size: 10px;
	height: 20px;
	width:40px;
}


/* Anchors  */

A:link { text-decoration: none;	color: #006633/*#0066cc*/; }
A:visited { text-decoration: none; color: #006633; }
A:active { text-decoration: none; color: #006633; }
A:hover { text-decoration: underline; color: #006633; }

/* Menus */
.topMenu, .topMenuOver, .topMenuClick, .topMenuClickOver
{
    font-size: 11px;
    font-family: Arial;
    background: whitesmoke;
    color: #006633;
    padding-bottom: 4px;
}

	.topMenu, .topMenuOver, .topMenuClick, .topMenuClickOver 
		{ font-weight: bold; cursor: pointer;}

	.topMenuOver, .topMenu { text-align: left;}

	.topMenuClick, .topMenuClickOver { text-align: right;}
	.topMenuOver, .topMenuClickOver { text-decoration: underline;}

.popupMenu, .ttStyle
{
	border: solid black 1px;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
	background: white;
}

.ttStyle { font-size: 11px; padding: 10px 10px 10px 10px;}

.popupMenuItem, .popupMenuItemOver
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	color: #006633;
}

	.popupMenuItemOver { background: #e5efea; }
	.popupMenuItem { background: white;}

/*Datagrid*/
.dgStyle
{
	border: solid 1px #006633;
	border-collapse: collapse;
}

.dgStyleNF 
{
	background: none; 
	border: none;
	font-size:12px;
	text-decoration: none;
	color: Black;
}
	
.dgItem, .dgSelItem, .dgItemOver, .dgItemOverNP, .dgFoot, .dgHead
{
	font-size:12px;
}
	.dgItem { background: white;}
	.dgFoot, .dgHead { background: #006633; color: White;}
	
	.dgSelItem { background: #e5efea;}
	.dgItem, .dgSelItem, .dgItemOver, .dgItemOverNP { color:#006633;}	
	.dgItemOver, .dgItemOverNP { background: e5efea;}
	.dgItemOver, .dgSelItem { cursor: pointer; }

	.dgCell, .dgHeadCell, .dgCellHide { border-bottom: solid 1px #006633;}
	.dgHeadCell, .dgCell, .dgFootCell { padding-left: 3px; padding-right: 3px;}
	.dgFootCell { font-weight: bold; color: white;}
	
	/* Format links in header of gridview!! */
	th a:link { text-decoration: none; color: white;}
	th a:visited { text-decoration: none; color: white; }
	th a:active { text-decoration: none; color: white; }
	th a:hover { text-decoration: none; color: white; }
	
	/* Format links in body of gridview (currently only for files)! */
	td a:link { text-decoration: none; color: white;}
	td a:visited { text-decoration: none; color: white; }
	td a:active { text-decoration: none; color: white; }
	td a:hover { text-decoration: underline; color: white; }
	
	/* No underline */
	.dgCellNo {	text-decoration: none;}


/* Three columns, center fluid, last column 0px, from http://glish.com/css/7.asp*/

#left_d {
	position: absolute;
	left:35px;
	/*background: #E6F2FF;*/
	/*width: 0px;*/
	/*top: 100px;*/
	/*border: solid 1px red;*/
}

#centre_d {
	/*margin-left: 0px;
	margin-right:400px;*/
	/*top: 100px;*/
	/*border: solid 1px black;*/
	padding-top: 10px;
	padding-right: 5px;
	overflow: auto;
	/*border: solid 1px red;*/
}

#right_d {
	position: absolute;
	right: 5px;
	/*background: #E6F2FF;*/
	/*width:400px;*/
	/*top: 0px;*/
	/*border: solid 1px navy;*/
}


/* Vertical centering - also set body and html height to 100% above, from http://www.jakpsatweb.cz/css/css-vertical-center-solution.html*/
#divWait {height: 99%; width: 98%; /*background: red;*/ }
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;} /* for explorer only */
#inner[id] {position: static;}
#outer { width: 100%; height: 100%; }

/* Possible four column layout - the article used this with 'p', paragraph tag, all enclosed in div with id='content'*/
/* http://www.saila.com/attic/sandbox/4col-liquid-ap.html */
/*#content { position: relative; }*/

#col1 { 
	left: 0; 
	width: 25%; 
	z-index: 100; 
} 
	
#col2 { 
	left: 25%; 
	width: 33%; 
	z-index: 100; 
} 

#col3 { 
	left: 50%; 
	width: 50%; 
} 

#col4 { 
	left: 75%;  
	width: 100%; 
} 
		
	#col1, #col2, #col3, #col4 { 
		border-bottom: solid 1px #cbd1d3;
		padding: 5px 0px 5px 0px;
		/*/*/width: 25%; /*resets to work for NN4*/
	}
	
/* 
	Label - textbox alignment, no tables 
	http://www.alistapart.com/articles/practicalcss
*/
div.row, div.rowNB, div.rowNB_
{
	clear: both; /*This does not allow floating elements left, right, both, neither*/
	padding: 5px 0px 5px 0px;
	/*position: relative;*/
	display: table;
	width: 98%;
	/*border: solid 1px green;*/
}
	div.row { border-bottom: solid 1px #cbd1d3;}
	div.rowNB { height: 122px; }

div.row .label, div.row .labelM, div.rowNB .label, div.rowNB .labelM {
	float: left;
	width: 300px;
	/*text-align: right;*/
	padding: 3px 5px 1px 5px;
	/*border: solid 1px blue;*/

}
	div.row .labelM { width: 120px; }

div.row .uinput, div.row .uinputb, div.rowNB .uinput, div.rowNB .uinputb {	/*Usually use a span, but if want list of textboxes or something use div, and onload, set the height of the span to the height of the box*/
	/*float: right;
	width: 335px;*/
	float: left; 
	text-align: left;
	padding: 1px 1px 1px 0px;
	/*border: solid 1px red;*/
}

 div.row .uinputb, div.rowNB .uinputb { font-weight: bold;}