/** ---------------- Links ---------------- **/

a:link, a:visited {text-decoration: none } 
a:hover { text-decoration: underline }


/** For the Tab Control **/
a.tabLink { font-weight: bold; font-size: 11px; COLOR: #000000; TEXT-DECORATION: none } 
a.tabLink:link { COLOR: #000000; TEXT-DECORATION: none } 
a.tabLink:hover { COLOR: #000000; TEXT-DECORATION: underline }




/** ----------------  Page Layout -------------------------- **/

body {margin: 0; padding: 0 }

body { background-color: #ffffff;}

#content {padding: 10px 15px 10px 15px }
div.spacer { clear: both; }

img {border: 0;}
table {border-width: 0px;}

.editModuleContainer { width: 900px;}
.editModuleContainer .editModuleBlock { float: left; text-align:left; width: 250px; margin: 5px; }
.editModuleContainer .editModuleHelp { float: left; text-align:left; width: 250px; margin: 15px 5px 5px 15px; }

.footerSection {
	width: 100%; 
	height: 25px;
	min-width: 500px;
	background-color:#f3f3ed; 
	position:relative;
	font-size: 11px;
	}
	
.footerSection .left { position:absolute; left:8px; top:5px; }
.footerSection .right { position:absolute; right:8px; top:5px;}


/* revised banner */
.headerBarSection {
	min-width: 600px;
	width: auto !important;
	width: 600px; /*ie6*/
	height: 75px; 
	position:relative; 
	background:transparent;
	}
	
.headerBarSection .left { position:absolute; left:0px; top:0px; }
.headerBarSection .right { position:absolute; right:15px; top:15px;}

#banner {
    margin: 0;
    height: 75px;
    min-width: 600px;
    background-color: transparent;
    background-image: url(/images/banner/verra-logo.png);
    background-size: 232px 60px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    position: relative;
}
#banner h1 {
	position:absolute; 
	margin:0; 
	padding:0; 
	height: 65px; 
	width: 366px; 
	cursor: pointer;
}

#banner h1 a {display:block; height: 65px; }

#banner h1 span {
	position: absolute; 
	left: -9999px;
}
#vcs-logo { 
	position:absolute; 
	right:10px; 
	top:10px; 
	display:block; 
	width:162px; 
	height:65px; 
	background:transparent url(/images/banner/banner-logo-vcs.png) no-repeat left top; 
	cursor: pointer;
}
#vcs-logo span {position: absolute; left: -10000px;}
/*  end revised banner */

#frmAccountType {margin-left: 10px;}

.infoBarSection {
    width: 100%;
    height: 30px;
    position: relative;
    background: url(/images/infobarBG.gif) repeat-x top #057299;
    border-bottom: 1px solid #ffffff
}

.infoBarSection * { color:#fff; font-size: 13px; }	

.infoBarSection .left { position:absolute; left:18px; top:5px; }
.infoBarSection .left a, .infoBarSection .left a:link { font-weight:bold; text-decoration: underline; color:#ffffff;}
.infoBarSection .left a:hover { font-weight:bold; color:#00FF00;}


.infoBarSection .right { position:absolute; right:18px; top:5px;}
.infoBarSection .right a, .infoBarSection .right a:link { font-weight:bold; text-decoration: underline; color:#ffffff}
.infoBarSection .right a:hover { font-weight:bold; color:#00FF00;}

.ModuleBar {
    background: url(/images/modulebarBG.gif) repeat-x top #057299;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}


.module {
	width: 100%;
	margin: 10px 0px 10px 0px;	
	}

.module .header {
	background: url(/images/modulebarBG.gif) repeat-x top #07475C;
    font-weight: bold;
	color:#FFFFFF;
	text-align:left;
	position:relative;
	height: 21px;
	} 
	
.module .header .left { position:absolute; left: 0; top: 0; padding-left: 10px; padding-top: 2px; background: url(/images/leftCorner.gif) no-repeat top left;}
.module .header .right { position:absolute; right: 0; top: 0; padding-right: 2px; background: url(/images/rightCorner.gif) no-repeat top right;}	
.module .header .right .img a { padding: 0; margin: 0}


    .module .contentContainer {
        background: #F3F3ED;
        padding: 5px;
        border: 1px #057299 solid;
    }
	
.module .contentContainer .content {
	background: #F3F3ED;
	width: 100%;
	}
	
.module .content .moduleReportRow {
	text-align:left;
	margin: 3px 0 3px 0;
	}

.tableHeader {background-color:#07475C; color:#FFFFFF}


/** ------------------------  General Form Elements --------------------------------- **/

input.text, textarea, input.password {
	border: 1px solid #cccccc
}

/************* Contact/Registration FORMs with out tables ************************/ 
/*** like this method -- http://www.quirksmode.org/css/forms.html ****************/

form.general {
	margin: 6px 13px 10px 29px
	}
	
	
form.general label, form.general input.text, form.general input.password, form.general textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 5px;
}


form.general textarea {
	width: 280px;
	border: 1px solid #cccccc
}

form.general select {
	width: 200px;
}

form.general label {
	width: 150px;
	text-align: left;
	padding-right: 5px;
}

div.nextline {
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

form.general input.hidden {
	border: none;
	border-collapse:collapse
}

form.general input.button {
	width: 50px;
}

form.general br {
	clear: left;
}	



/** For Forms that have a table arragement **/


.tempLabel { }
.tempData { }


.formTable { 
	background-color:#F3F3ED; 
	margin-left:auto; 
	margin-right:auto;
	text-align: left;
	width: 500px;
	}

    .formTable .heading {
        text-align: center;
        font-family: Arial, Verdana, Roboto, Helvetica, sans-serif;
        padding: 5px;
        font-size: 15px;
        font-weight: bold;
        background-color: #057299;
        color: #FFFFFF
    }
.formTable .content { width: 100%; }
.formTable .label, .formTable .data { float:left; width: 240px; padding: 5px; }
.formTable .singleline {clear:both; padding: 5px;}

/**  ----------------  Typography  ----------------  **/

* {
    font-family: Arial, Roboto, Helvetica;
    font-size: 12px;
}

.register { font-weight:bold; padding-left: 3px; }
.login { font-size: 10px; padding: 15px;}
.login a {font-size: 10px;}
.FinePrint {font-size: 10px;}

.errormsg, .required {color:#FF0000;}
#version { color:#F3F3ED;}

h1 {
    font-family: Arial, Roboto, Helvetica;
    font-size: 14px;
}