/* ===================This stylesheet is used by Wealden to contrtol the appearance of your HR Connect pages  =========================   */
/* =================do not modify it as your changes will be overwritten when HR Connect upgrades are released =========================  */


/**
* 2.41.7    06-10-2006   DS   AET skin reworked
* 2.42.7    12-02-2007   DS   Added menu styles
* 3.00.1    08-05-2007   DS   Converted AET -> SBC
* 3.00.2    15-05-2007   JAC  Add .NavBarTopRight
* 3.00.2    15-05-2007   JAC  Add .HeaderCellLeft & Right
* 3.00.2    15-05-2007   DS   Modified H4 and H5
*/

/* ================Styles which modify default HTML tags================ */
/* ========================Text STYLES=================== */

/* from old HR Connect stylesheet */

.dropcap
{
float: left;

font-size: 4em;
line-height: 83%;
}

.SmallControl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: none;

}


TEXTAREA.BlueFace  { 
	scrollbar-track-color:#3399FF; 
	scrollbar-face-color:#006699 ;
}

.ClearControl {
	/*border: 2px #FFFFFF solid;*/
}
.Control {
	border: thin inset #CCCCCC;
}
.TableRow {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
.UnderlinedRow {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.highlighted {
	background-color: #349F6E;
	color: #FFFFFF;
	text-decoration: none;
	
}
.lowlinegap {
	line-height: 10px;
}


	body,td,th {
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 10px;
		color: #000000;
	}
	
	p {
	padding-top:9px;
	padding-bottom:9px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	
	}


	h1 {
	padding-top:12px;
	padding-bottom:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	color: #01874A;
	font-size: 24px;	
	font-weight: 900;
	}
		

	h2 {
	padding-top:12px;
	padding-bottom:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	color: #01874A;
	font-size: 22px;	
	font-weight: normal;
	}

	h3 {
	padding-top:12px;
	padding-bottom:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	color: #01874A;
	font-size: 20px;	
	font-weight: normal;
	}

	h4 {
	padding-top:12px;
	padding-bottom:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	color: #FFFFFF;
	font-size: 18px;	
	font-weight: normal;
	}

	h5 {
	padding-top:12px;
	padding-bottom:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	color: #FFFFFF;
	font-size: 16px;	
	font-weight: normal;
	}

	h6 {
	padding-top:10px;
	padding-bottom:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	color: #000000;
	font-size: 14px;	
	font-weight: normal;
	}
	
   body {  
   
	background-color: #E5F3ED;
   	margin-left: 35px;
   	margin-top: 10px;
   	margin-right: 50px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	}




	textarea {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000000; background-color: #E5EDF5; font-weight:600;
	border-top-width: 2px;
	border-top-color: #808080;
	border-left-width: 2px;
	border-left-color: #808080;
	border-style: solid;	
	border-bottom-width: 2px;
	border-bottom-color: #E6E4DF;
	border-right-width: 2px;
	border-right-color: #E6E4DF;		
	 }	
	
	input {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000000; background-color: #E5EDF5; font-weight:600;
	border-top-width: 2px;
	border-top-color: #808080;
	border-left-width: 2px;
	border-left-color: #808080;
	border-style: solid;	
	border-bottom-width: 2px;
	border-bottom-color: #E6E4DF;
	border-right-width: 2px;
	border-right-color: #E6E4DF;	
	
	}
	
	select {font-family: Arial, Helvetica, sans-seriff; font-size: 11pt; color: #000000; background-color: #E5EDF5; font-weight:600 ;

	}




A:link    { color: #01874A ;font-weight: 600;}    /* unvisited links */
A:visited { color: #01874A;font-weight: 600;}   /* visited links   */
A:hover { background-color: #01874A; color: #ffffff;font-weight: 600;} /* user hovers     */
A:active  { color: #01874A;font-weight: 600;}   /* active links    */


.LogOnPage {
	margin-left:0px;	
	margin-top: 100px;
	/* background-image:  url(../Client/LogInPageTanker.jpg); */
	background-repeat: no-repeat;
	background-position: bottom right;
	
	
}
/* ========================TABLE STYLES===================  */
	tr {
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 08px;
		color: #000000;
		valign: middle;
	}
	
	th {
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #595959;
		align: middle;
		background-color: #ffffff;
	}




/* =======================Custom styles used in pages====================== */
/* ========================Text STYLES=================== */


	.TableCellLabel {
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
	}

	.TableCellTxtLeft {
		background-color: #CCE7DB;
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		text-align:left;
		vertical-align:top;
		padding: 3px;
		border:0px;
	}

	.TableCellTxtLeftRight {
		background-color: #CCE7DB;
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		text-align:left;
		vertical-align:top;
		padding: 3px;
		border:0px;
	}

	.TableCellTxtLeftRightNoBottom {
		background-color: #CCE7DB;
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		text-align:left;
		vertical-align:top;
		padding: 3px;
		border:0px;
	}

	
	.TableCellTxt {
		background-color: #CCE7DB;
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		text-align:left;
		vertical-align:top;
		padding: 3px;
		border:0px;
	}

	.TableCellTxtRight {
		background-color: #CCE7DB;
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		text-align:left;
		vertical-align:top;
		padding: 3px;
		border:0px;
	}

	.BigHeading {
			font-family: Arial, Helvetica, sans-seriff, sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #BD313A;
		}

	.SmallHeading {
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #BD313A;
	}

	.FormHeading {
			font-family: Arial, Helvetica, sans-seriff, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #410203;
		}

	.FormText {
			font-family: Arial, Helvetica, sans-seriff, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #410203;
		}

	.BoldLinkText {
	
		font-family: Arial, Helvetica, sans-seriff, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #D1B036;
	}
	.flashMenuLevel1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
	}
	.flashMenuLevel2 {
	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #855802;
	}
	
	
	
/* ========================TABLE STYLES===================  */	
	.1stCellInMainTable {
		
	}
	.TopLeftInHead, .NavBarTopLeft {
	}
	
	.BottomLeftInHead {
	background-color:#ffffff;
	 background-image:  url(./HeadColorFadeBottomUp.gif); 
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 9px;	
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	}

	.TitleCellInHead {
	background-color: #FFFFFF;
	background-image:  url(./HeadColorFadeBottomUp.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height:28px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;	
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	color: #01874A;
	font-size: 22px;
	text-align: right;
	vertical-align: middle;
	width:100%
	}
	.TopRightInHead, .NavBarTopRight {	
	}
	.BottomRightInHead {
	background-color:#ffffff;
	background-image:  url(./HeadColorFadeBottomUp.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 9px;		
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}
	.LeftTableDots{
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	}
	
	
	
	
	.solidbottomcell{
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.TableCellTitleLeft {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	padding: 3px;
	background-color: #01874A;	
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}
	
	.TableCellTitle {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	padding: 3px;
	background-color: #01874A;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.TableCellTitleRight {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	padding: 3px;
	background-color: #01874A;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.TableCellTitleLeftRight {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	padding: 3px;
	background-color: #01874A;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.ButtonCell{
	background-color: #01874A;	
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: -0.04em;
	word-spacing: -.1em;
	text-align: right;
	vertical-align: middle;
	}

	.ButtonCellRight{
	background-color: #E5F3ED;
	border:0px;
	vertical-align: top;
	}

	.ButtonCellLeft{
	background-color: #E5F3ED;
	border:0px;
	vertical-align: bottom;
	}	
	
	.FooterCellLeftRight{
	background-color: #E5F3ED;
	border:0px;
	}
	
	.FooterCellLeft, .HeaderCellLeft{
	background-color: #E5F3ED;	
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color: #01874A;
	font-size: 11px;
	letter-spacing: -0.04em;
	word-spacing: -.1em;
	text-align: right;
	vertical-align: middle;
	}

	.FooterCellRight, .HeaderCellRight{
	background-color: #E5F3ED;	
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color: #01874A;
	font-size: 11px;
	letter-spacing: -0.04em;
	word-spacing: -.1em;
	text-align: right;
	vertical-align: middle;
	}

	.FooterCellLeftBottom{

	}

	.FooterCellBottom{
	background-color: #E5F3ED;
	}

	.FooterCellRightBottom{
	}

	.FooterCellMiddle{
	background-color: #E5F3ED;
	}

	.NavBarTop {
	background-color: #E5F3ED;
	}

	.FormCellTopLeft{
	
	
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01874A;
	padding: 3px;
	background-color: #CCE7DB;
	vertical-align: middle;
	text-align: left;
	border-width:0px;
	}

	.FormCellTop{
	background-color: #CCE7DB;
	color: #01874A;
	width: 20px;
	border-width:0px;	
	}
	
	.FormCellTopRight{
	background-color: #CCE7DB;
	width: *;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;	
	color: #000000;
	vertical-align: middle;
	text-align: left;
	padding: 3px;
	border-width:0px;
	}

	.FormCellLeft{	
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01874A;
	padding: 3px;
	background-color: #CCE7DB;
	vertical-align: middle;
	text-align: left;
	border-width:0px;
	}

	.FormCell{	
	font-size: 12px;	
	background-color: #CCE7DB;
	color: #01874A;
	vertical-align:middle;
	text-align:left;
	border-width:0px;
	}

	.FormCellRight{
	background-color: #CCE7DB;
	width: *;	
	
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;	
	color: #01874A;
	vertical-align: middle;
	text-align: left;
	padding: 3px;
	border-width:0px;
	}

	.monthleft{
	height:50px;
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01874A;
	padding: 0px;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: center;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.month{
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 22px;	
	font-weight: normal;
	color: #01874A;
	padding: 0px;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: center;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.monthright{
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #01874A;
	padding: 0px;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: center;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.weekdayleft {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px;
	background-color: #01874A;
	vertical-align: middle;
	text-align: center;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.weekday {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px;
	background-color: #01874A;
	vertical-align: middle;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}

	.weekdayright {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px;
	background-color: #01874A;
	vertical-align: middle;
	text-align: center;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	}
	
	.notaDayleft {
	padding: 0px;
	background-color: #CCCCCC;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}
	
	.notaDay {
	padding: 0px;
	background-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}
	
	.selectedDay {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;	
	color: #FFFFFF;
	padding: 0px;
	background-color: #01874A;
	vertical-align: top;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}
	
	.day {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;	
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}

	.selectedDayLeft {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;	
	color: #FFFFFF;
	padding: 0px;
	background-color: #01874A;
	vertical-align: top;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}
	
	.dayLeft {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;	
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}
	
	
	.CalEntry {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 10px;	
	color: #000000;
	padding: 0px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	}
	
	a.dayLink:link {color: black; text-decoration: underline; }
	a.dayLink:visited {color: black; text-decoration: underline; }
	a.dayLink:hover {
	color: white;
	text-decoration: underline;
	background-color: #E78072;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;	
	}
	a.dayLink:active {color: black; } 


	a.CalEntryLink:link {color: black; text-decoration: none; }
	a.CalEntryLink:visited {color: black; text-decoration: none; }
	a.CalEntryLink:hover {
	color: white;
	text-decoration: none;
	background-color: #E78072;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;	
	}
	a.CalEntryLink:active {color: black; text-decoration: none; } 


	.simpleText {
	font-family: Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 9pt;
	color: #FFFFFF
	}


	.FormCellTitleNoBorder {
	font-family: "Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #01874A;
}
.StaticHeader {
	font-family: "Arial, Helvetica, sans-seriff, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

a.overrideHREF:link {
padding:0px
font-weight:normal;
color:#FFFFFF
}

a.overrideHREF:visited {
padding:0px
font-weight:normal;
color:#FFFFFF
}


a.overideHREF:hover {
padding:0px
font-weight:normal;
color:#FFFFFF
background-color:#349F6E
}

.Collapsible {
border-top-width: 1px;	
border-top-style: 
solid;border-top-color: #000000;
background-color: #ADAA9C;
color:#FFFFFF;
text-align:left;
}

.Collapsed {
border-top-width: 1px;	
border-top-style: 
solid;border-top-color: #000000;
background-color: #ADAA9C;
color:#FFFFFF;
text-align:left;
border-bottom-width: 1px; 
border-bottom-style: solid;
border-bottom-color: #000000;
}

.Collapsed {
border-top-width: 1px;	
border-top-style: 
solid;border-top-color: #000000;
background-color: #ADAA9C;
color:#FFFFFF;
text-align:left;
border-bottom-width: 1px; 
border-bottom-style: solid;
border-bottom-color: #000000;
}



.butimg {
border: 0px;
margin-left: 4px;
margin-right: 0px;
text-decoration: none;
vertical-align: middle
}

.butimgright {
border: 0px;
margin-left: 0px;
margin-right: 4px;
text-decoration: none;
vertical-align: middle
}


.HRCB {
font-weight: 600;
font-size: 12px;
text-align: center;
padding:2px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
display: block;
color: #FFFFFF;
background-color: #349F6E;
border-top: 2px #54BD84 solid;
border-left: 2px #54BD84 solid;
border-bottom: 2px #1E9856 solid;
border-right: 2px #1E9856 solid;

}

.overbutton {
font-weight: 600;
font-size: 12px;
text-align: center;
padding:2px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
display: block;
color: #FFFFFF;
cursor:pointer;
cursor:hand;
background-color: #01874A;
border-top: 2px #18BC62 solid;
border-left: 2px #18BC62 solid;
border-bottom: 2px #017C38 solid;
border-right: 2px #017C38 solid;

}

.buttondown {
position:relative;
top:2px;
right:-2px;
font-weight: 600;
font-size: 12px;
text-align: center;
padding:2px;
margin-bottom: 3px;
margin-top: 3px;
text-decoration: none;
display: block;
color: #FFFFFF;
cursor:pointer;
cursor:hand;
background-color: #01874A;
border-top: 2px #017C38 solid;
border-left: 2px #017C38 solid;
border-bottom: 2px #18BC62 solid;
border-right: 2px #18BC62 solid;
}


.overcontrol {
color:#000000;
background-color: #FFFFFF;
border-top: 2px #408B61 solid;
border-left: 2px #408B61 solid;
border-bottom: 2px #73BC91 solid;
border-right: 2px #73BC91 solid;

}
.oncontrol {
border: 2px #01874A solid;
}



a.hoverinfo{
    position:relative; /*this is the key*/
    z-index:24;     
    font-weight:900;
    text-decoration:none;
    cursor:default;
    }

a.hoverinfo:hover{z-index:25; background-color:#B4D1E4}

a.hoverinfo span{display: none;text-decoration:none;}

a.hoverinfo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: justified;    
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 12px;    
    line-height: 16px;
    font-weight: normal;

    }
    
    
/*Eric Meyer's based CSS tab*/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}

#tablist li a.current{

color: #ffffff;
background: #227;
border-color: #C1C1FF;

}


#tablist li a.current:visited{

color: #ffffff;
background: #227;
border-color: #C1C1FF;

}


/* ****************************************************************
** These are the style specifications for the menu layers.
** Set width to get more browsers corporation  
** 
** This is for the menu permissions section
*******************************************************************
*/
       
    span.menu  {
      position:absolute; visibility:hidden;
      width:210px; left:0; top:0; z-index:500;
      font-size:12px;
      background-color: #e6e6e6; color:#000;
      border: 2px solid;
      border-color: #f7faff #99a #99a #f7faff;
      z-index:500;
    }
    
    /* Style specifications for menu items and links  */
    span.menu ul { margin:0; padding:0 }
    /* Need to set padding of at least one pixel or ie sets very large margin */
    span.menu ul li {
      padding:1px; margin:0;
      list-style-type:none
      }
    
    /* Set display block and position relative so clicks on list items activate links  */
    span.menu a {
      cursor:default;
      padding:.2em .3em; margin:0;
      background-color:transparent;
      display:block; position:relative;
      text-decoration:none;
      font-weight:100;
      }
    
    span.menu a:link:link { color: #000000;}
    span.menu a:visited { color: #000000;}
    span.menu a:hover { 
	background-color: #01874A;
	color: #FFFFFF;
	text-decoration: none;    
    }
    

.toomuch {
background-color:#FF0000;
}

input[type=submit] { 
background-color:#349F6E; 
color:#FFFFFF;
}

input[type=submit]:hover { 
background-color:#01874A; 
color:#FFFFFF;
cursor: pointer;
cursor: hand;
}

.buttons a {
	white-space: pre;
	font-size: 11pt;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-botton:3px;
	background-color:#349F6E; 
	color:#FFFFFF;
	border-top:2px solid #dddddd;
	border-left:2px solid #dddddd;
	border-bottom:2px solid #444444;
	border-right:2px solid #444444;		
	text-decoration:none;
}
.buttons a:hover{
	background-color:#01874A; 
	cursor: pointer;
	cursor: hand;
	
}