/* The default anchor styles
---------------------------------------------------------------*/
a:active
{
	color: #808080;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
a:link
{
	color: #000000;
	text-decoration: underline;
}
a:visited
{
	color: #000000;
	text-decoration: underline;
}
a:hover
{
	color: #000000;
	text-decoration: none;
}

/* The anchor styles for the login page
---------------------------------------------------------------*/
a.link:active
{
	color: #AEADA9;
	text-decoration: underline;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
a.link:link
{
	color: #AEADA9;
	text-decoration: underline;
}
a.link:visited
{
	color: #AEADA9;
	text-decoration: underline;
}
a.link:hover
{
	color: #000000;
	text-decoration: none;
}

/*The default style that is pulled trough to the 
entire body of the page without having to reference it
---------------------------------------------------------------*/

.body
{
	background-color:#EBEAD8;
	font-family: Arial;
	font-size: 9px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	border-collapse: collapse;
	vertical-align: top;
	margin-top: 5px;
	padding-top: 0px;
}
/*The body colour for the pop up windows that do not include the top (header) and bottom (footer) controls
---------------------------------------------------------------*/
.popupbody
{
	background-color: #C1D8F9;
}

/*---------------------------------------------------------------*/
.PageFrame
{
	border-top: 3px ridge #024EFF;
	border-left: 3px ridge #024EFF;
	border-right: 3px ridge #024EFF;
	border-bottom: 3px ridge #024EFF;
	align: center;
	border-collapse: collapse;
	vertical-align: top;
	min-height: 600px;
	width: 768px;
	background-color: #ffffff;
}
/*---------------------------------------------------------------*/

div.progressbar
{
	border-right: 1px solid;
	padding-right: 4px;
	border-top: 1px solid;
	display: block;
	padding-left: 4px;
	font-size: 10px;
	left: 350px;
	padding-bottom: 4px;
	border-left: 1px solid;
	width: 200px;
	padding-top: 4px;
	border-bottom: 1px solid;
	position: absolute;
	top: 300px;
	background-color: #ffffff;
	text-align: center;
	z-index:99;
	font-variant: normal;
	font-weight: normal;
}

/*---------------------------------------------------------------*/
font styles
/*---------------------------------------------------------------*/

.red
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #856638;
	font-weight: bold;
}

.grey
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
}
/*---------------------------------------------------------------*/




h1.h1

{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	text-align: left;
	Padding-left: 10px;
	Padding-right: 10px;
	Padding-top: 2px;
	height: 20px;
	background-color: #ffffff;
	font-variant: normal;
	font-weight: normal;
}

h2.h2
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
h3.h3

{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	text-align: left;
	Padding-left: 10px;
	Padding-right: 10px;
	Padding-top: 2px;
	font-variant: normal;
	font-weight: normal;
}

h1
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	Padding-left: 10px;
	Padding-right: 10px;
	Padding-top: 2px;
	height: 20px;
	background-color: #C79564;
}

h2
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
h3 
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	Padding-left: 10px;
	Padding-right: 10px;
	Padding-top: 2px;
	font-variant: normal;
	font-weight: normal;
}

/*
Table Styles
---------------------------------------------------------------*/

table
{
	BORDER-RIGHT: #EAE9E1 0px solid;
	BORDER-TOP: #EAE9E1 0px solid;
	BORDER-LEFT: #EAE9E1 0px solid;
	BORDER-BOTTOM: #EAE9E1 0px solid;
    PADDING-RIGHT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
	PADDING-left: 0px;
	border-collapse: collapse;
	vertical-align: top;
}

table.t0
{	
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	vertical-align: top;
	border-collapse: collapse;
	width: 100%;
}

table.t1
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	background-color: #ffffff;
	border-top: #CEC096 0px solid;
	border-left: #CEC096 0px solid;
	border-right: #CEC096 0px solid;
	border-bottom: #CEC096 0px solid;
	border-collapse: collapse;
	vertical-align: top;
}


table.t2
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	border-top: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
	border-right: #EAE9E1 0px solid;
	border-bottom: #EAE9E1 0px solid;
	background-color: #ffffff;
	vertical-align: top;
	width: 100%;
	border-collapse: collapse;
	vertical-align: top;
}

table.t3
{
	BORDER-RIGHT: #907A49 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #907A49 0px solid;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #907A49 0px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #907A49 0px solid;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    background-color: #ffffff;
	font-variant: normal;
	font-weight: normal;
	border-collapse: collapse;
	vertical-align: top;
}

table.t4
{
	BORDER-RIGHT: #A34D17 0px solid;
	BORDER-TOP: #A34D17 0px solid;
	BORDER-LEFT: #A34D17 0px solid;
	BORDER-BOTTOM: #A34D17 0px solid;
    PADDING-RIGHT: 5px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 5px;
	PADDING-left: 5px;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    background-color: #ffffff;
	font-variant: normal;
	font-weight: normal;
	vertical-align: top;
	vertical-align: top;
	width: 100%;
	border-collapse: separate;
}

table.t5
{
	border-right: #907A49 0px solid;
	padding-right: 0px;
	border-top: #907A49 0px solid;
	font-size: 11px;
	padding-bottom: 0px;
	border-left: #907A49 0px solid;
	padding-top: 0px;
	border-bottom: #907A49 0px solid;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	font-variant: normal;
	font-weight: normal;
	vertical-align: top;
}

table.t6
{
	 border-right: #EAE9E1 1px solid;
	 border-top: #EAE9E1 1px solid; 
	 border-left: #EAE9E1 1px solid; 
	 border-bottom: #EAE9E1 1px solid; 
	 font-variant: normal;
	font-weight: normal;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #ffffff;
}

body.login
{
	 border-right: #EAE9E1 1px solid;
	 border-top: #EAE9E1 1px solid; 
	 border-left: #EAE9E1 1px solid; 
	 border-bottom: #EAE9E1 1px solid; 
	 font-variant: normal;
	font-weight: normal;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #ffffff;
	background-image: url(Images/gradient_login.jpg);
	background-position: bottom;
	background-repeat:repeat-x;
}


/*The table style for the footer*/
table.footer
{
	width: 100%;
	vertical-align: bottom;

}
/*---------------------------------------------------------------*/

td.td
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-collapse: collapse;
	vertical-align: top;
}


td.td1
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #ffffff;
	border-bottom: #FBFAF6 1px solid;
	vertical-align: top;
}

td.td2
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #ffffff;
	border-bottom: #FBFAF6 1px solid;
	vertical-align: top;
}

td.td3
{
	background-color: #ffffff;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-right: #EAE9E1 1px solid;
	border-left: #EAE9E1 1px solid;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
}
/* alternate background colour td for notes etc */
td.td4
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	background-color: #F5F5F5;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 0px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
}
/* right aligned td for currency. same style as td1 */
td.currency
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #ffffff;
	border-bottom: #FBFAF6 1px solid;
	vertical-align: middle;
	text-align: right;
}
td.tdmenu
{
	background-color:#F1F2EF;
	border-bottom: #D5D291 0px solid;
	border-top: #D5D291 0px solid;
	border-right: #D5D291 0px solid;
	border-left: #D5D291 0px solid;
	background-image: url(images/MenuImages/gradient.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 30px;
	padding-top: 1px;
	vertical-align: top;
}

td.tdborder
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #ffffff;
	border-bottom: #E0DCBF 1px solid;
	border-top: #E0DCBF 1px solid;
	border-right: #E0DCBF 1px solid;
	border-left: #E0DCBF 1px solid;
	border-collapse: collapse;
}

td.tddx1
{
	border-top: #000000 0.1mm solid;	
	border-bottom: #000000 0.1mm solid;	
	background-color: #ffffff;
}

td.tddx2
{
	border-right: #000000 0.1mm solid;
	border-top: #000000 0.1mm solid;	
	border-left: #000000 0.1mm solid;	
	border-bottom: #000000 0.1mm solid;	
	background-color:#ffffff;
}

/*The TD style for the footer*/
td.footer
{
	padding-left: 3px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	vertical-align: text-bottom;
	background-image: url(Images/gradient_footer.jpg);
	background-repeat: repeat-x;
	height: 30px;
}
/*The TD style for the banner*/
td.banner
{
	padding-left: 5px;
	padding-right 5px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #C7C1A1;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	border-collapse: collapse;
	text-align: right;
}

td.tdtrigger
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 0px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
	background-color: #ffffff;
	border-collapse: collapse;
	text-indent: 5px;
	height: 20px;
}
td.tdtrigger2
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 0px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
	background-color: #ffffff;
	border-collapse: collapse;
	text-indent: 5px;
	height: 20px;
}

/*Used for Water assets*/
td.head
{
	padding-left: 5px;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 3px;
	color: #000000;
	padding-top: 2px;
	border-bottom: #907A49 0px solid;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #E4D3AD;
}
td.innercell
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #F8F6E6;
	border-bottom: #907A49 0px solid;
}
td.total
{
	border-right: #E0DCBF 1px solid;
	border-top: #E0DCBF 1px solid;
	border-left: #E0DCBF 1px solid;
	border-bottom: #E0DCBF 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-align: right;
	background-color: #F5F5F5;
}
td.separator
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	background-color: #F5F5F5;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 0px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 3px;
	text-align: left;
	vertical-align: bottom;
	background-image: url(Images/gradient_tdbutton.jpg);
	background-repeat: repeat-x;
}
td.break
{
	border-bottom: #EAE9E1 0px dotted;
	border-top: #EAE9E1 0px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E 0px solid;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	vertical-align: top;
	background-image: url(Images/break.gif);
	background-repeat: repeat-x;
	background-position: center;
}
td.login
{
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-right: #EAE9E1 1px solid;
	border-left: #EAE9E1 1px solid;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: normal;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 2px;
	vertical-align: top;
}
/* this is the style used for tds that contain buttons or "add new row" icons or printer icons. */
td.button
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	background-color: #F5F5F5;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 4px;
	padding-right: 3px;
	text-align: left;
	vertical-align: baseline;
	background-image: url(Images/gradient_tdbutton.jpg);
	background-repeat: repeat-x;
}
/* this is for the tds that contain alert messages or additional notes. */
td.note
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #909090;
	font-variant: normal;
	font-style: italic;
	font-weight: normal;
	background-color: #F5F5F5;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 3px;
	text-align: left;
	vertical-align: bottom;
	background-image: url(Images/gradient_tdbutton.jpg);
	background-repeat: repeat-x;
}

td.noteRF
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FC4B4B;
	font-variant: normal;
	font-style: italic;
	font-weight: normal;
	background-color: #FFFFFF;
	border-bottom: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-right: #EAE9E1 0px solid;
	border-left: #EAE9E1 0px solid;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 3px;
	text-align: left;
	vertical-align: bottom;
}

/*
Table Row Header Styles
---------------------------------------------------------------*/

th.th, th.th_big
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	font-variant: normal;
	font-weight: bold;
	height: 24px;
	letter-spacing: 0px;
	text-align: left;
	background-image: url(Images/gradient_th.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right: #542805 1px solid;
	border-left: #542805 1px solid;
	border-top: #542805 1px solid;
	border-bottom: #542805 1px solid;
}

th.th_big 
{
	background: url(Images/gradient_th_big.jpg) center;
	background-position: center;
}

th.th1
{
	border-right: #D6BC83 1px solid;
	border-top: #D6BC83 1px solid;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 4px;
	border-left: #D6BC83 1px solid;
	color: #000000;
	padding-top: 3px;
	border-bottom: #D6BC83 0px solid;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-variant: normal;
	height: 22px;
	border-collapse: collapse;
	background-image: url(Images/gradient_th1.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

/* .headerfilltrig, .headerfill, th.th2 and .grid-header are (must be) the same style */
th.th2
{
	border-right: #ffffff 1px solid;
	padding-right: 5px;
	border-top: #ffffff 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: #ffffff 1px solid;
	color: #000000;
	padding-top: 2px;
	border-bottom: #000000 3px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F2F0E4;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 5px;
}
/* organogram and performance summary report */
th.th3
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #542805;
	font-weight: bold;
	border-bottom:  #987134 2px solid;
	border-top:  #987134 0px solid;
	font-variant: normal;
	padding-top: 1px;
	padding-bottom: 4px;
	height: 30px;
	text-align: left;
	vertical-align: bottom;
	text-indent: 0px;
}

th.trigger
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #542805;
	font-weight: bold;
	border-bottom:  #987134 2px solid;
	border-top:  #987134 0px solid;
	font-variant: normal;
	padding-top: 1px;
	padding-bottom: 4px;
	height: 30px;
	width: 100%;
	text-align: left;
	vertical-align: bottom;
	text-indent: 0px;
}

/* this is the style for the div containing the triggers */
.boxed
{
	background-color: #ffffff;
	border-bottom:  #7BA4E0 0px solid;
	border-top:  #ffffff 0px solid;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
}


th.triggerproj
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	border-bottom:  #ffffff 0px solid;
	border-top:  #ffffff 0px solid;
	font-variant: normal;
	font-weight: normal;
	background-image: url(images/trigger_head.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 32px;
}


.labelbold
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
}

.labelbold2
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-variant: normal;
	vertical-align: middle;
}

/*---------------------------------------------------------------*/

.input
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	height:18px;
	vertical-align: top;
}

.inputR
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	height:18px;
	text-align: right;
	vertical-align: top;
}

.button
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	height:20px;
	vertical-align: baseline;
	border-bottom:  #B0A890 1px solid;
	border-top:  #B0A890 1px solid;
	border-left:  #B0A890 1px solid;
	border-right:  #B0A890 1px solid;
	background-image: url(Images/gradient_button.jpg);
	background-repeat: repeat-x;
}
.buttonbrowse
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	height:20px;
	vertical-align: baseline;
	border-bottom:  #7F9DB9 1px solid;
	border-top:  #7F9DB9 1px solid;
	border-left:  #7F9DB9 1px solid;
	border-right:  #7F9DB9 1px solid;
}

.buttonchange
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
	height:20px;
	vertical-align: baseline;
	border-bottom:  #7F9DB9 1px solid;
	border-top:  #7F9DB9 1px solid;
	border-left:  #7F9DB9 1px solid;
	border-right:  #7F9DB9 1px solid;
	background-image: url(Images/gradient_th1.jpg);
	background-repeat: repeat-x;
}


.radio
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	height:18px;
	vertical-align: baseline;
}

.hidden
{
   border-left: #395584 0px solid;
   border-right: #395584 0px solid;
   border-top: #395584 0px solid;
   border-bottom: #395584 0px solid;
   height: 0px;
   width: 0px;
}

.Select
{
	Font-size: 11px;
	font-variant: normal;
	font-weight: normal;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	border-left: #395584 1px solid;
	border-right: #395584 1px solid;
	border-top: #395584 1px solid;
	border-bottom: #395584 1px solid;
	vertical-align: top;
}

.SelectRO
{
   background-color: #EAEAEA;
   Font-size: 11px;
   font-variant: normal;
   font-weight: normal;
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   COLOR: #000000;
   border-left: #395584 0 px solid;
   border-right: #395584 0 px solid;
   border-top: #395584  0 px solid;
   border-bottom: #395584  0 px solid;
   vertical-align: top;
}

.TextArea
{
	border-right: #7F9DB9 0.2mm solid;
	border-top: #7F9DB9 0.2mm solid;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	border-left: #7F9DB9 0.2mm solid;
	color: #000000;
	border-bottom: #7F9DB9 0.2mm solid;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	vertical-align: top;
}


.inputRO
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
	height: 18px;
	background-color: #F2F0E4;
	border-right: #7F9DB9 1px solid;
	border-top: #7F9DB9 1px solid;
	border-left: #7F9DB9 1px solid;
	border-bottom: #7F9DB9 1px solid;
	vertical-align: top;
}

.inputROR
{
	height:18px;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F2F0E4;
	text-align: right;
	border-right: #7F9DB9 1px solid;
	border-top: #7F9DB9 1px solid;
	border-left: #7F9DB9 1px solid;
	border-bottom: #7F9DB9 1px solid;
	vertical-align: top;
}

/* .headerfilltrig, .headerfill, th.th2 and .grid-header are (must be) the same style */
.grid-header
{
	border-right: #ffffff 1px solid;
	padding-right: 5px;
	border-top: #ffffff 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: #ffffff 1px solid;
	color: #000000;
	padding-top: 2px;
	border-bottom: #000000 3px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F2F0E4;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 5px;
}

/* .grid-footer and .grid-pager are (must be) the same style */
.grid-footer
{
	border-right: #E0DCBF 1px solid;
	padding-right: 6px;
	border-top: #E0DCBF 1px solid;
	padding-left: 6px;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 2px;
	border-left: #E0DCBF 1px solid;
	color: #000000;
	padding-top: 2px;
	border-bottom: #E0DCBF 1px solid;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-align: right;
	background-color: #F5F5F5;
	text-indent: 5px;
}
/* .grid-footer and .grid-pager are (must be) the same style */
.grid-pager
{
	border-right: #E0DCBF 1px solid;
	padding-right: 6px;
	border-top: #E0DCBF 1px solid;
	padding-left: 6px;
	font-variant: normal;
	font-weight: normal;
	font-size: 10px;
	padding-bottom: 2px;
	border-left: #E0DCBF 1px solid;
	color: #000000;
	padding-top: 2px;
	border-bottom: #E0DCBF 1px solid;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: right;
	text-indent: 5px;
}
.grid-alt1
{
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	font-size: 11px;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 5px;
}

.grid-alt2
{
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	font-size: 11px;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 5px;
}

/* .headerfilltrig, .headerfill, th.th2 and .grid-header are (must be) the same style */
.headerfill
{
	border-right: #ffffff 1px solid;
	padding-right: 5px;
	border-top: #ffffff 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: #ffffff 1px solid;
	color: #000000;
	padding-top: 2px;
	border-bottom: #000000 3px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F2F0E4;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 5px;
}

.grid-alttrig1
{
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	font-size: 11px;
	color: #808080;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 40px;
	background-image: url(Images/smallarrow.png);
	background-repeat: no-repeat;
	background-position: left;
}

.grid-alttrig2
{
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	font-size: 11px;
	color: #808080;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 40px;
	background-image: url(Images/smallarrow.png);
	background-repeat: no-repeat;
	background-position: left;
}

br
{
border-right: #edecd1 1px solid;
}

/* .headerfilltrig, .headerfill, th.th2 and .grid-header are (must be) the same style */
.headerfilltrig
{
	border-right: #ffffff 1px solid;
	padding-right: 5px;
	border-top: #ffffff 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: #ffffff 1px solid;
	color: #000000;
	padding-top: 2px;
	border-bottom: #000000 3px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F2F0E4;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 5px;
}
/*---------------------------------------------------------------*/
p.p
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-variant: normal;
	font-weight: normal;
}

p.bold
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}
/*---------------------------------------------------------------*/

li
{
	font-size: 11px;
	color: #808080;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: left;
	font-variant: normal;
	font-weight: normal;
	text-indent: 10px;
}

ul
{
	padding-top: -20px;
	padding-bottom: -20px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Start of Calendar Styles */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.calendar
{
	border-right: #B0A890 1px solid;
	border-top: #B0A890 1px solid;
	border-bottom: #B0A890 1px solid;
	border-left: #B0A890 1px solid;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #ffffff;
										
}

.titleStyle /*month title*/
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	border-top:  #ffffff 0px solid;
	font-variant: normal;
	padding-top: 1px;
	padding-bottom: 4px;
	height: 50px;
	width: 100%;
	text-align: left;
	vertical-align: bottom;
	text-indent: 0px;
	background-color: #C0C0C0;
	border-bottom:  #7EA76C 0px solid;
	letter-spacing: 0px;
}
.dayheaderStyle /*day of the week header*/
{
	font-size: 12px;
	Font-weight: bold;
	Height: 25px;
	background-color: #B0A890;
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	letter-spacing: 0px;
}
.todaydayStyle /* style for today */
{
	border-right: #C0C0C0 3px solid;
	border-top: #C0C0C0 3px solid;
	border-bottom: #C0C0C0 3px solid;
	border-left: #C0C0C0 3px solid;
	Height: 65px;
	width: 50px;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
.dayStyle /*ordinary days*/
{
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	Height: 65px;
	border-right: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-bottom: #EAE9E1 1px solid;
	border-left: #EAE9E1 1px solid;
	width: 50px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
}

.selecteddayStyle /*selected day*/
{
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	Height: 65px;
	border-right: #EAE9E1 2px solid;
	border-top: #EAE9E1 2px solid;
	border-bottom: #EAE9E1 5px solid;
	border-left: #EAE9E1 2px solid;
	width: 50px;
	text-align: left;
	vertical-align: top;
	background-color: #000000;
}
.nextprevStyle /*-----*/
{
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: bottom;
	color: #ffffff;
}
.weekenddayStyle /*weekend*/
{
	border-right: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-bottom: #EAE9E1 1px solid;
	border-left: #EAE9E1 1px solid;
	background-color: #F5F5F5;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	Height: 65px;
}
.othermonthdayStyle /*other month*/
{
	border-right: #EAE9E1 1px solid;
	border-top: #EAE9E1 1px solid;
	border-bottom: #EAE9E1 1px solid;
	border-left: #EAE9E1 1px solid;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F2F0E4;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	Height: 65px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* End of Calendar Styles */
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/