BODY {	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 11px; 	font-style: normal; 	line-height: 16px; 	color: #433E36;	background-color: #666666;	}

hr {
	background: #EEEEEE;
	color: #EEEEEE;
	width:100%;
	height: 1px;
	border: 0px;
}

.copy {	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 12px;	}

.copySmall {	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 10px;	color: #CCCCCC;	}

.toolTitle {	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 16px; 	font-style: normal; 	line-height: 14px; 	text-transform: uppercase; 	color: #999;	}

.toolSubTitle {	font-family: Arial, Verdana, Helvetica, sans-serif; 	font-size: 11px; 	font-style: normal; 	line-height: 14px; 	text-transform: uppercase; 	color: #999;	}

IMG {
	text-decoration: none;
}

A {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #3333CC;
	text-decoration: none;
}
a:hover {	
	color: #6666CC; 
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3333FF;
	text-decoration: none;
}

A.toolMenuBold {font-weight: normal;	color: #4170A0;    text-transform: uppercase;	text-decoration: none;	}
A.toolMenuSmall {	font-weight: normal;	color: #4170A0;    text-transform: uppercase;	text-decoration: none;}

a.toolMenuSmall:hover {	font-weight: normal;	color: #4170A0;
    text-transform: uppercase;
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: #4170A0; 
	text-decoration: none
}
	
.prodSubSubLinks {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #4170A0;
    text-transform: uppercase;
}

a.prodSubSubLinks {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #4170A0;
    text-transform: uppercase;
	text-decoration: none;
}

a.prodSubSubLinks:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #4170A0;
	text-transform: uppercase;
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: #4170A0; 
	text-decoration: none
}	
	
.subTitle {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #3F6283;
	text-transform: uppercase;
}



TABLE.login {
	border: 1px dotted #DADBD1;
	}

TD {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 16px; 
	color: #433E36;
	}

TD.login {
	background-color: #FFFFFF;
	}

TD.toolHeader {
	background-color: #000066;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
	font-weight: bold;
	}

TD.toolData {	background-color: #eeeeee;	}
TD.toolDataAlt {	background-color: #FFFFFF;	}
TD.toolDataSmall {	font-size: 10px;	background-color: #EAECFD;	}

SELECT {	font-family: inherit;	font-size: 11px;	}
INPUT {
	font-family: inherit;
	font-size: 11px;
	//border: 1px outset #4170A0;
	background-color: white;
	}
INPUT.heavy {	
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	//border: 1px outset #4170A0;
	background-color: white;
	}

.loginCopy {	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 9px;	color: #999999;}

#extraDiv1 { 	background: transparent url(images/loginBack.html) top left no-repeat; 	position: absolute; 	top: 40px; 	right: 0px; 	width: 148px; 	height: 110px; 	}


/* WELCOME MENU */

DIV#welcomeMenu {
	width:640px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	text-align: center;
}


/* BIG BUTTONS */

DIV.bigButton {
	float: left;
	width:160px;
	height:75px;
	margin: 10px;
	border: 1px groove gray;
	padding: 10px;
}


DIV.bigButton:hover {
	background-color: #eeeeee;
	border: 1px groove black;
	cursor: pointer;
}


DIV.bigButton DIV.bigButtonIcon {
}

DIV.bigButton DIV.bigButtonHeader {
	font-variant: small-caps;
	text-align: center;
}

DIV.bigButton DIV.bigButtonDescription {
	text-align: center;
}


/* MESSAGE CENTER INBOX */

DIV.toolHeaderInBox {
	width:100%;
}

DIV.toolHeaderInBox DIV.colMessage {
	float: left;
	width:60%;
	text-align: left;
}

DIV.toolHeaderInBox DIV.colPosted {
	float: left;
	width:20%;
	text-align: left;
}

DIV.toolHeaderInBox DIV.colRead {
	float: left;
	width:20%;
	text-align: left;
}

DIV.toolRowsInBox {
	width: 790px;
	min-height: 50px;
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}

DIV.toolRowInBoxMessage {
	width: 790px;
	padding-top: 5px;
	border-bottom: 1px solid gray;
}

DIV.toolRowInBoxMessage DIV.colMessage {
	float: left;
	width:60%;
	text-align: left;
}

DIV.toolRowInBoxMessage DIV.colPosted {
	float: left;
	width:20%;
	text-align: left;
}

DIV.toolRowInBoxMessage DIV.colRead {
	float: left;
	width:20%;
	text-align: left;
}


// MESSAGE CENTER OUTBOX

DIV.toolHeaderOutBox {
	width:100%;
}

DIV.toolHeaderOutBox DIV.colMessage {
	float: left;
	width:60%;
	text-align: left;
}

DIV.toolHeaderOutBox DIV.colPosted {
	float: left;
	width:20%;
	text-align: left;
}

DIV.toolHeaderOutBox DIV.colRead {
	float: left;
	width:20%;
	text-align: left;
}

DIV.toolRowsOutBox {
	width: 790px;
	min-height: 50px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

DIV.toolRowOutBoxMessage {
	width:790px;
	padding-top: 5px;
	border-bottom: 1px solid gray;
}

DIV.toolRowOutBoxMessage DIV.colMessage {
	float: left;
	width:60%;
	text-align: left;
}

DIV.toolRowOutBoxMessage DIV.colPosted {
	float: left;
	width:20%;
	text-align: left;
}

DIV.toolRowOutBoxMessage DIV.colRead {
	float: left;
	width:20%;
	text-align: left;
}


/* SCHEDULING TOOL */

#jobTypeTally {
	width: 200px;
}

#jobTypeTally #jobTypeTallyHeader {
	width: 100%;
	background-color: #000066;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
	padding: 5px;
}

#jobTypeTally .jobTypeTallyRow {
	width: 100%;
	background-color: #EEEEEE;
	padding: 5px;
}

.jobTypeTallyRow .jobTypeTallyKey {
	float: left;
	width: 40%;
	font-weight: bold;
	text-align: right;
	padding: 0px 5px 0px 5px;
	background-color: inherit;
}

.jobTypeTallyRow .jobTypeTallyValue {
	float: left;
	width: 50%;
	text-align: left;
	padding: 0px 5px 0px 5px;
	background-color: inherit;
}