body { 
	text-align:center;
	background-color:#8c8c8c;
	margin-top: 12px;
	}

.login{
    background-image: url(../images/top_gradient_login.gif);
    background-repeat: no-repeat;
}

.header{
    background-image: url(../images/TopRightHeader.gif);
    background-repeat: no-repeat;
}

.headerText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: white;
	position:relative;
	top:-16px;
	left:8px;
}

.home{
    background-image: url(../images/top_gradient_home.gif);
    background-repeat: no-repeat;
}

.dashboard{
    background-image: url(../images/top_gradient_dashboard.gif);
    background-repeat: no-repeat;
}

.upload{
    background-image: url(../images/top_gradient_upload.gif);
    background-repeat: no-repeat;
}

.reports{
    background-image: url(../images/top_gradient_reports.gif);
    background-repeat: no-repeat;
}

.tools{
    background-image: url(../images/top_gradient_tools.gif);
    background-repeat: no-repeat;
}

.help{
    background-image: url(../images/top_gradient_help.gif);
    background-repeat: no-repeat;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	color: #666666;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat;
	text-align: center;
}

.nav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	color: #666666;
	text-align: center;
}

.nav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	color: #666666;
	text-align: center;
}

.nav a:hover {
	color: #003366;
}

.et a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	color: #666666;
	text-align: center;
}

.et a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	color: #666666;
	text-align: center;
}

.et a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	color: #666666;
	text-align: center;
}


a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #003366
}

.userName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
        font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #003366;
        padding: 0px 5px 0px 0px;
}

.pagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #003366;
	padding: 15px 10px;
	text-align: left;
}
.headercells {
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/bg_lightperiwinkle.gif);
	background-repeat: repeat;
	padding-left: 5px;
	text-align: left;
	height: 20px;
	vertical-align: middle;
}

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

.cellborder {
	border: 1px solid #999999;
}
.listitems_whitebg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	padding: 4px;
	text-align: left;
}
.listitems_whitebg a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
.listitems_whitebg a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
.listitems_whitebg a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #003366;
}

.listitems_graybg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	background-color: #f7f7f7;
	padding: 4px;
	text-align: left;
}
.listitems_graybg a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	background-color: #f7f7f7;
	text-align: left;
}
.listitems_graybg a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	background-color: #f7f7f7;
	text-align: left;
}
.listitems_graybg a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #003366;
	background-color: #f7f7f7;
	text-align: left;
}
.headercells_gray {
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/bg_lightgray.gif);
	background-repeat: repeat;
	padding-left: 5px;
	text-align: left;
	height: 20px;
	vertical-align: middle;
	text-align: left;
}
.floatingmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #003366;
	padding-top: 6px;
	padding-left: 5px;
	text-decoration: none;
	text-align: left;
}
.floatingmenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	text-align: left;
}
.floatingmenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}
.floatingmenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
	text-align: left;
}

.floatingbutton {
	margin: 20px 0px;
}
.nav_pagebottom {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	text-align: center;
	padding: 10px;
}
.nav_pagebottom a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	text-align: center;
}
.nav_pagebottom a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
	text-align: center;
}
.nav_pagebottom a:hover {
	text-decoration: underline;
}

.questionMark {
position:relative;
height:26px; /*dimensions of our image*/
width:26px;
background:url(/topright/images/questionMark.gif) top left no-repeat;
}
.toolTip {
position:absolute;
left:26px; /*Moves it to the right beside the question mark*/
top:0;
display:none;
/*The attributes below make it look pretty*/
width:200px;
padding:5px;
border:1px solid #ffffff;
background-color:#eeeeee;
font:12px Arial, Helvetica, sans-serif;
}
.moreInfo {
background-color:#eeeeee;
font:12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}