/*----- Below is style.css -----*/

html.home {
	background: url(images/bg.jpg) no-repeat center center fixed;
	}

html, html.home {
	font-family: "myriad-pro", "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 300; /*Light*/
	margin: 0px;
	padding:0px;	
	height: 100%;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	background-size: cover;
	overflow: visible; /* allows backgrounds to work better on tablets - required for overflow in body */
 	}
 	
body {
	font-size:100%;
	color:#576a79;
	height: 100%;
	margin:0px;
	padding:0px;
	overflow: auto; /* required for background scrolling */
	-webkit-overflow-scrolling: touch; /* required for background scrolling */
	background:transparent;
	}

p {
	margin: 5px 0px 15px 0px;
	padding:0px;
	line-height:23px;
	}


/* ============ RVK HEADER (Used on pre-authentication) ============== */
#header {
	float:right;
	width:80%;
	margin:28px 10px 70px 10px;	
	padding:0px;
	}

#logo{
	float: left;
	width: 140px;
	height: 54px;
	margin: 0px;
	padding:6px 0px 0px 0px;
	background: url(images/logo.gif) no-repeat center;
	}

/* ============ RADAR HEADER ============= */
#radar {
	width: 243px;
	height: 55px;
	padding: 0;
	display: block;
	background: url(images/radar.gif) no-repeat top left;
	}


/* =========== CONTENT CONTAINERS =========== */
.wrap {
	min-height: 100%;
	margin:0px 0px -80px 0px; /* bottom equal to footer height for sticky footer */
	}

#content {
	float: left;
	width:55%;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 80px;
	/*background: rgba(255,255,255,.8);*/
	-webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 20px; /* Firefox 1-3.6 */
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    /* Prevent background color leak outs */
  	-webkit-background-clip: padding-box; 
  	-moz-background-clip:    padding; 
  	background-clip:         padding-box;
	}

#contentwrap {
	float: right;
	width:80%;
	margin: 0px 20px 40px 10px;
	padding:0px;
	vertical-align:middle;
	}

/* Login   
----------------------------------------------------------*/
.login-box {
	float: left;
    padding: 20px 45px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 4px solid;
    border-left: 1px solid;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 380px;
    min-width: 300px;
    text-align:center;
    background: rgba(255,255,255,.8);
	}

/*--------------------------------------------------------*/

/* Form Layout Adjustment */
input[type=radio], input[type=checkbox] { 
	margin: 0px 3px 0px 10px;
	}

/* ========== GENERAL NAVIGATION =============== */

a:link, a:visited, a:focus {
	color:#00aeef;
	text-decoration:none;
	}

a:hover, a:active {
	color: #576a79;
	text-decoration:none;
	}
	
.button, .btnPaging, .btnAction {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-color: #576a79;
    
	padding: 0px 5px 0px 5px; 
	}

.btnPaging {
	font-family: Webdings, Wingdings 3;
	font-size: 10px;	
	height:17px;
	}

.button:hover, .button:active, .btnPaging:hover, .btnPaging:active, .btnAction:hover, .btnAction:active {
	border-color: #00aeef;
	color: #00aeef;
	}


/*----- Below is format.css -----*/
/* ============ QUESTION FORMATING ================= */


ol.listQuestion {
	list-style:none; 
	}

ol.listQuestion li {
	margin-bottom: 15px; 
	}

.message, .errorMessage #message, #errorMessage {
	font-weight:bold; 
	margin-bottom:20px; 
	}

#errorMessage, .errorMessage {
	color: Red;
	}

#editStatus {
	font-weight:bold; 
	}

/* qTable is used by Grids */
table.qTable {
	border:1px; 
	border-style:solid; 
	border-color:#CCCCCC; 
	padding:5px;
	}

table.qTable th {
	text-align:left;
	height:20px; 
	margin:0px 2px 0px 5px; 
	padding: 0px 2px 0px 5px;
	background-color:#DDD; 
	}

table.qTable td {
	text-align:left;
    padding:5px;	
	}	
	
/* qTableMultiPart is used for questions with a followup */
table.qTableMultiPart {
	border:0px; 
	border-style:none;  
	padding:2px;
	}

/* ========= FAQ Section =========== */

.FAQQuestion {
    color:#39614A;
    text-decoration:none;
	}

.FAQAnswer {
    display:none; 
    padding-top:12px;
    padding-bottom:14px;
    background-color:#F0F0F0;
	}

.FAQSectionHead {
	font-weight:bold; 
	padding-bottom:16px; 
	}   

ul.FAQSub {
	list-style-type:disc;    
	margin-left: 20px;
	padding-left:20px;  
	padding-top:12px; 
	}

ul.FAQ {
	list-style-type:disc;    
	margin-left: 10px;
	padding-left:10px; 
	padding-bottom:20px; 
	}


ul.FAQ li {
    padding-bottom:10px; 
	}

li {
    list-style:circle;
    display:list-item;
    margin-left: 1em;
}
 

/* ========= TOP NAVIGATION =========== */

#frmHeaderNav ul {	
	list-style:none;	
	z-index:10;
	}
			
#frmHeaderNav li { 		
	float:left; 
	display: inline-block;
	margin:0px;
	padding: 0px 0.7em;
	}
	
#frmHeaderNav li a {
	font-size: 16px;
	font-weight: 600; /*semi-bold*/
	text-transform: uppercase;
	}
	
#frmHeaderNav li a:link, #frmHeaderNav li a:visited {
	color: #95C43D;
	padding:2px 0px 1px 0px;
	}

#frmHeaderNav li a:hover, #frmHeaderNav li a:active, #frmHeaderNav li a:focus {
	color: #95C43D;
	margin:0px;
	padding:1px 0px 0px 0px;
	border-bottom: 1px solid #95C43D;
	border-top:1px solid #95C43D;
	}



/* ========= MIDDLE NAVIGATION =========== */

ul#navMiddle { 
	position:absolute; 
	width: 155px; 
	left:0px; 
	border-top: solid 1px #95c43d; 
	border-left: solid 1px #95c43d;
	}

ul#navMiddle li {   
	text-align: left; 
	border-bottom: solid 1px #95c43d; 
	border-right: solid 1px #95c43d;
 	background-color: #FFF; 
	}

ul#navMiddle li a { 
	display: block; 
	font-weight:400; 
	padding:5px 10px 5px 10px;
	margin:0px;
	}

ul#navMiddle li a:link, ul#navMiddle li a:visited, ul#navMiddle li a {
	color:#00aeef;
	}

ul#navMiddle li a:hover {
	color:#FFFFFF; 
	background-color:#576A79;
	}

a.navMiddleCurrentLocation {
	background-color: #DDD;
	}

/* ============ TITLES AND SUBTITLES ================= */

#titleHeader {
	display:table-cell;
	font-size: 24px;
	color: #576a79;
	font-weight:300;
	padding:0px 8px;
	}

.titleSubHeader, .titleSubHeaderAction, #titleSubHeader, .titleLogonBox{
	font-size: 18px;
	color: #576a79;
	font-weight:300;
	margin: 0px 0px 5px 8px;
	}

#titleSubHeader {
	border-bottom: 1px dotted #F99A32; 
	padding-bottom:5px; 
	padding-top:4px; 
	margin-bottom:20px; 
	}

.titleSubHeaderAction {
	font-size:24px;
	margin: 0px 0px 5px 45px;
	}

.titleLogonBox {
	float:left;
    font-size:28px;
    margin-top:30px;
    margin-bottom:20px;
	}

.navigate { 
	width:100%; 
    border-top: 1px dotted #F99A32; 
    padding:4px;  
	} 

.tblHead a:link, .tblHead a:visited, .tblHead a:active{
    color : #576A79;
    text-decoration : none;
	}

.tblHead a:hover {
    color : #576A79;
    text-decoration : underline;
	}


/*------ Framework.css -----*/

/* ========== BASIC PAGE LAYOUT ============= */
#frmPage {
	position:relative; /* needed for footer positioning*/
	height:auto  !important; /* real browsers */
	height:100%;  /* IE6: treaded as min-height*/
	min-height:100%;  /* real browsers */		
	margin:0; /* auto;  center, not in IE5 */
	}

#frmHeader {
	position:relative; 
	width:100%;
	height:102px;
	border-bottom: 1px solid #95c43d; 	
	}

#frmMiddle {
	margin-top:3px; 
	position:relative; 
	}

#frmFooter {
    position:fixed;  
    bottom:0px; 
    width: 100%;   
    text-align: center;
    font-size: 10px;
    padding-bottom: 5px;    
    border-top: 1px solid #95c43d;
    background-color: white;
    margin:0 auto; 
    margin-top:15px; 
	}

/* ========= SECTION LAYOUT ================ */

#frmHeaderTop {
	border-bottom: 2px solid #95c43d; 
	height:62px; 	
	}

#frmHeaderNav {
	position:absolute; 
	right:15px; 
	top:38px; 
	height: 30px;
	float:right; 	
	}

#frmMiddleBody {
    position:absolute; 
    left: 25px; 
    right: 0px;
	border-top: 1px solid #95c43d; 
	border-left: 1px solid #95c43d;
	padding-top:10px; 
	padding-left:20px; 
	padding-right:0px; 
	padding-bottom:20px; 
	margin:0px 0px 0px 0px;	
	}

#frmMiddleContent {
    padding-right:20px; 
    min-height:400px; 
	}


/* ========= UPDATE PROGESS PANEL =========== */

.frmUpdateProgress {
	z-index: 100;
    position: fixed;
	font-size:13px;
	font-weight:bold;
	color:#39614A; 
    width: 190px;
    height:48px; 
    margin-left: -95px;
    margin-top: -124px;
    top: 50%;
    left: 50%; 
    border-style:double; 
    border-width:3px; 
    border-color:#95c43d;
    background-color:White;
	}

* html .frmUpdateProgress {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
	}

.frmUpdateProgressBG {
	background:white;
	}

.frmUpdateProgressIMG {
	vertical-align:middle; 
	margin:3px; 	
	}

.modal {
    position: absolute;
    width:100%;
    height:100%;
    filter:alpha(opacity=40);
    /*-moz-opacity:.40;*/
    opacity:.40;
    background-color: #000;
    visibility: hidden;
	}
.largefineprint {
    font-size: 12px;
}
.warningtext {
	color:Red; 
}
.fineprint {
    /*font-family: Verdana, Helvetica, sans-serif;*/
    font-size:  10px;
}
.login-box1 {
	padding: 34px 68px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 4px solid;
    border-left: 1px solid;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 380px;
    min-width: 380px;
    text-align:center;
    background: rgba(255,255,255,.8);
	}
.dgTable {
	padding: 3px;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    }
/* ========= LOGO WORK =========== */

#logoHeader 
{
	position:absolute; 
}

#logoHeader h1 a 
{
	padding: 0;
	margin-bottom: 10px; 
	width: 243px;
	height: 55px;
	display: block;
	background: url('images/logo.gif') no-repeat left top;
}

#logoHeader h1 a span {display:none;} /* hides text associated with logo */

.warningtext {
	color:Red; 
}


.sectionHead
{
    font-size: 16px;
	font-weight: 600;
    color: #95C43D;	
}
.SmallText {
    font-size: 12px;
    /*color: black;*/
}

.calculate {
    TEXT-ALIGN:right;
    width:94px;
    }

.dgRow	{
    font-size: 13px;
    font-weight: normal;
    line-height: 12px;
   
}

.dgHeader	{ 
    font-size: 14px;
    color: White;
    background-color: #5a6e7f;

}
.dgRowData	{
    font-size: 13px;
    font-weight: normal;
    line-height: 12px;
    height:20px;
   
}
.dgColumnHeader {
    font-size: 14px;
	font-weight: 600;
    font-style:italic;
}
.lblVert {
    display:inline-block;
    vertical-align:middle;
    height:25px;
}