﻿/* -----------------------------------
              GENERAL
----------------------------------- */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#loggedin
{
	background-image: url(images/back.gif);
	background-repeat: repeat-y;
}
#infoWindow
{
	background-image: url(images/back.gif);
	background-repeat: repeat-y;
}
td
{
	font-size: 11px;
}
#mainContent
{
	margin-left: 20px;
}

.tableHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #009966;
	color: white;
	padding: 3px;
}

.tableHeader a
{
	background-color: #009966;
	color: white;
}

.tableHeader a:hover 
{
	color: white;
	text-decoration:underline;
}

.pageTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #009966;
	font-weight: bold;
}
.rLabel {
	font-weight: bold;
	padding-left: 28px;
}
.rValue {
}
/* -----------------------------------
           TABLES - GENERAL
----------------------------------- */
.tableTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #998877;
	text-align: left;
}
.tableHeaderText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px;
}

.tableHeader2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding: 5px;
	padding-bottom:3px;
	background-color: #f5f3e9;
}

.tableContent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.tableContent2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding: 0px;
}

.fieldLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

#login_aspx
{
	text-align:center;
	margin: 100px 0px 0px 0px;
	width: 400px;
}

#loginHeader 
{
	width:424px;
	height:110px;
	background-image: url(images/login_header.gif);
}

h2.dashboard
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #998877;
	text-align: left;
}

h3.dashboard
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style:italic;
	color: #998877;
	text-align: left;
}

/* -----------------------------------
           TABLES - LAYOUT
----------------------------------- */



.rInsTable {
}
.rInsTable #tdTopLeft {
	width: 1px;
	background-image: url(images/rInsetBox_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.rInsTable #tdTop {
	background-image: url(images/rInsetBox_top.gif);
	background-repeat: repeat-x;
}
.rInsTable #tdTopRight {
	width: 7px;
	background-image: url(images/rInsetBox_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.rInsTable #tdLeft {
	width: 1px;
	background-image: url(images/rInsetBox_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.rInsTable #tdInnerLeft {
	width: 7px;
	background-image: url(images/rInsetBox_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.rInsTable #tdContent {
	background-color: #f5f3e9;
}
.rInsTable #tdRight {
	width: 7px;
	background-image: url(images/rInsetBox_right.gif);
	background-repeat: repeat-y;
	background-position: right;	
}
.rInsTable #tdBottomLeft {
	height: 1px;
	width: 7px;
	background-image: url(images/rInsetBox_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.rInsTable #tdBottom {
	height: 1px;
	background-image: url(images/rInsetBox_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.rInsTable #tdBottomRight {
	height: 1px;
	width: 7px;
	background-image: url(images/rInsetBox_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.rInsTable #tdCorner {
	height: 7px;
	width: 7px;
	display: inline;
}



.gTable {

}
.gTable #tdTopLeft {
	width: 7px;
	background-image: url(images/insetBox_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
.gTable #tdTop {
	background-image: url(images/insetBox_top.gif);
	background-repeat: repeat-x;
}
.gTable #tdTopRight {
	width: 7px;
	background-image: url(images/insetBox_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.gTable #tdLeft {
	width: 7px;
	background-image: url(images/insetBox_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.gTable #tdContent {
	background-color: #FFFFFF;

}
.gTable #tdRight {
	width: 7px;
	background-image: url(images/insetBox_right.gif);
	background-repeat: repeat-y;
	background-position: right;	
}
.gTable #tdBottomLeft {
	height: 7px;
	width: 7px;
	background-image: url(images/insetBox_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.gTable #tdBottom {
	height: 7px;
	background-image: url(images/insetBox_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.gTable #tdBottomRight {
	height: 7px;
	width: 7px;
	background-image: url(images/insetBox_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.gTable #tdCorner {
	height: 7px;
	width: 7px;
	display: inline;
}



.iTable {

}
.iTable #tdTopLeft {
	width: 7px;
	background-image: url(images/infoBox_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.iTable #tdTop {
	background-image: url(images/infoBox_top.gif);
	background-repeat: repeat-x;
}
.iTable #tdTopRight {
	width: 7px;
	background-image: url(images/infoBox_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.iTable #tdLeft {
	width: 7px;
	background-image: url(images/infoBox_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.iTable #tdContent {
	background-color: #fbf8ec;	

}
.iTable #tdRight {
	width: 7px;
	background-image: url(images/infoBox_right.gif);
	background-repeat: repeat-y;
	background-position: right;	
}
.iTable #tdBottomLeft {
	height: 7px;
	width: 7px;
	background-image: url(images/infoBox_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.iTable #tdBottom {
	height: 7px;
	background-image: url(images/infoBox_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.iTable #tdBottomRight {
	height: 7px;
	width: 7px;
	background-image: url(images/infoBox_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.iTable #tdCorner {
	height: 7px;
	width: 7px;
	display: inline;
}


.riTable {

}
.riTable #tdITopLeft {
	width: 7px;
	background-image: url(images/rinsBox_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.riTable #tdITop {
	background-image: url(images/rinsBox_top.gif);
	background-repeat: repeat-x;
}
.riTable #tdITopRight {
	width: 7px;
	background-image: url(images/rinsBox_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.riTable #tdILeft {
	width: 7px;
	background-image: url(images/rinsBox_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.riTable #tdIContent {
	background-color: #d9f0e8;
}
.riTable #tdIRight {
	width: 7px;
	background-image: url(images/rinsBox_right.gif);
	background-repeat: repeat-y;
	background-position: right;	
}
.riTable #tdIBottomLeft {
	height: 7px;
	width: 7px;
	background-image: url(images/rinsBox_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.riTable #tdIBottom {
	height: 7px;
	background-image: url(images/rinsBox_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.riTable #tdIBottomRight {
	height: 7px;
	width: 7px;
	background-image: url(images/rinsBox_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.riTable #tdICorner {
	height: 7px;
	width: 7px;
	display: inline;
}


.sTable {
	background-image: url(images/sTablebox_background.jpg);
}
.sTable #tdTopLeft {
	width: 6px;
	background-image: url(images/sTablebox_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.sTable #tdTop {
	background-image: url(images/sTablebox_top.gif);
	background-repeat: repeat-x;
}
.sTable #tdTopRight {
	width: 6px;
	background-image: url(images/sTablebox_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.sTable #tdLeft {
	width: 6px;
	background-image: url(images/sTablebox_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.sTable #tdContent {

}
.sTable #tdRight {
	width: 6px;
	background-image: url(images/sTablebox_right.gif);
	background-repeat: repeat-y;
	background-position: right;	
}
.sTable #tdBottomLeft {
	height: 6px;
	width: 6px;
	background-image: url(images/sTablebox_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.sTable #tdBottom {
	height: 6px;
	background-image: url(images/sTablebox_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.sTable #tdBottomRight {
	height: 6px;
	width: 6px;
	background-image: url(images/sTablebox_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sTable #tdCorner {
	height: 6px;
	width: 6px;
	display: inline;
}


.rapTable {

}
.rapTable #rTDTopLeft {
	width: 8px;
	background-image: url(images/rapBox_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;	
}
.rapTable #rTDTop {
	background-image: url(images/rapBox_top.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
}
.rapTable #rTDTopRight {
	width: 8px;
	background-image: url(images/rapBox_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	white-space: nowrap;	
}
.rapTable #rTDLeft {
	width: 8px;
	background-image: url(images/rapBox_left.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.rapTable #rTDContent {
	background-image: url(images/rapBox_back.gif);
	white-space: nowrap;	
}
.rapTable #rTDRight {
	width: 8px;
	background-image: url(images/rapBox_right.gif);
	background-repeat: repeat-y;
	background-position: right;	
}
.rapTable #rTDBottomLeft {
	height: 8px;
	width: 8px;
	background-image: url(images/rapBox_bot_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.rapTable #rTDBottom {
	height: 8px;
	background-image: url(images/rapBox_bot.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
.rapTable #rTDBottomRight {
	height: 8px;
	width: 8px;
	background-image: url(images/rapBox_bot_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.rapTable #rTDCorner {
	height: 8px;
	width: 8px;
	display: inline;
}







/* --------------------------------
       PAGE HEADER CONTAINER
---------------------------------*/
#containerHeader
{
	margin: 100px 0px 0px 00px;
	width: 600px;
}

#pageHeader
{
	position: static;
	width:100%;
	height:95px;
	background-image: url(images/topleft.gif);
	background-repeat: no-repeat;
}

#pageHeader .graphic {
	display: block;
	position: absolute;
	z-index: 4;
	height: 60px;
	width: 476px;
	left: 12px;
	top: 0px;
	background-image: url(images/vds_logo_new.gif);
	background-repeat: no-repeat;
}

/* mainNavigation style attributes */
#mainNavigation 
{
	position: absolute;
	display: block;
	left: 8px;
	right: 0px;
	top: 65px;
	width: 100%;
	height: 30px;
	padding-left: 15px;
	padding-top: 1px;	
	background-image: url(images/mainnav_back.gif);
	background-repeat: repeat-x;
}
#secondaryNavigation {
	position:absolute;
	right:0px;
	top:15px;
	width:100px;
	height:30px;
	z-index:3;
}
a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007c67;
}
a:visited {
	color: #007c67;
}

a:hover 
{
	color: #009966;
	text-decoration: none;	
}


.columnLabel {
	background-image: url(images/columnlabel_bot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	color: #666666;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}

.statusAlertText {
	color: #FF0000;
}

.resultRow {
	background-image: url(images/resultrow_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 25px;
}
.dataRow {
	background-image: url(images/resultrow_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
}
.dataRowAlt {
	background-image: url(images/resultrow_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
	background-color: #00FF00;
}
.confirmRow {
	background-image: url(images/resultrow_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
}
.errorText {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
}
.messageText {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
}
.returnLinks {
	font-size: 11px;
	text-decoration: none;
	color: #009966
}
.checkboxText a {
	font-size: 12px;
	display: inline;
	white-space: nowrap;
	color: #666666;
	text-decoration:none;
	cursor: help;
}
.checkboxText a:visited {
	color: #666666;
}
.checkboxText a:hover {
	color: #009966;
	text-decoration: underline;
}

.errorRow {
	color: #FFFFFF;
	background-color: #FF0000;
}
.infoText {
	font-size: 11px;
	color: #666666;
}
.catRow {
	background-color: #FFFFFF;
}
.catRowAlt {
	background-color: #fbf8ec;
}
.rapsheetHeader {
	background-color: #4fa3c8;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}
.text {
	font-size: 12px;
}
