/* --------------------------------General Elements Styles------------------------------------------------ */

*
{
	margin: 0px;
	padding: 0px;
}
html{
    height:100%;
}
body
{
	font-size: 13px; /* color: #505958;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/general/header.jpg);
	background-repeat: repeat-x;
	height:100%;
}

img
{
	border-style: none;
	border-width: 0px;
}

h1
{
	color: #6699cc;
	font-size: 20px;
	margin-bottom: 16px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px
}
h2
{
	color: #336699;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: normal;
	margin-top: 5px
}
h3
{
	color: #419639;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: normal;
	margin-top: 5px
}
h4
{
	color: #666666;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 5px
}
h5
{
	color: #66B1CE;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
}
h6
{
	color: #FF0000;
	font-size: 10px;
	margin-bottom: 6px;
}
p
{
	font-size: 13px;
	line-height: 1.6em;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}
li
{
	color: #666666;
	/*margin-top: 5px;
	list-style-position: inside;*/
	margin:0 4em 0 4em;
	padding: 0 0 .5em 0;
}
blockquote
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a:link, a:active, a:visited
{
	color: #6699cc;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover
{
	color: #419639;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.hr {
	padding:2em 0 2em 0;
}
.formLabel
{
	/*vertical-align: top;*/
	font-weight: bold;
	font-size: 12px;
	line-height: 1.8em;
	color: #419639;
}
.valueLabel
{
	float: right;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}
.valueLabelLeft
{
	float: left;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}
.valueLabelRed
{
	float: right;
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;
	vertical-align: top;
}
.textLabel
{
	vertical-align: top;
	line-height: 1.6em;
}
label
{
	/*vertical-align: top;*/
	line-height: 1.6em;
	color: #666666;
}

.smallText {
	color: #666666;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#largeNotification {
	color: #419639;
	font-size: 18px;
	margin: 16px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* -------------------------------------------End------------------------------------------------ */

/* ------------------------------------Used for Non page content--------------------------------- */


#screeningworks
 { 
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	min-height:100%;
 }

#main 
{
	background-image: url('../images/general/body_topblank.gif');
	background-repeat: no-repeat;
	float: left;
	width: 998px;
	overflow-x:hidden;
	overflow-y:auto;/*Must be auto to accomodate a short div*/
	padding-bottom:6em; /*Must be the height of the footer to keep the footer stuck to the bottom of the page*/
}
#applicantScreeningMain 
{
	background-image: url('../images/general/body_topblank.gif');
	background-repeat: no-repeat;
	float: left;
	width: 1128px;
}
#leftbox 
{
	width: 200px;
	float: left;
	margin-top: 20px;
	text-align: center;
}

#rightbox 
{
	width: 200px;
	float: right;
	margin-top: 20px;
	text-align: center;
}

/* ----------------------------------------End--------------------------------------------------- */

/*---------------------------------------Header Styles------------------------------------------- */

#header {
	/*float: left;*/
	width: 998px;
	height: 76px; 
	
}
#applicantScreeningHeader {
	float: left;
	width: 998px;
	height: 76px;
	
}

#header #navMainPanel {
	float: left;
	width: 665px;
	padding-top: 20px;
	clip: rect(auto, auto, auto, auto);
}
#header #navMainPanel div {
	float: left;
	margin-top: 23px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clip: rect(auto, auto, auto, auto);
}
#header #login { float: right; width:115px; }
#header #login2
{
	float: left;
	/*width: 163px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	position: absolute;
	top: 5px;
	left: 71%;
}
#header #logo {
	float: left;
	padding-top: 16px;
	clip: rect(auto, auto, auto, auto);
}
#header #navMainPanel #logo {
	width: 222px;
	bottom: 0px;
	clip: rect(auto, auto, auto, auto);
}
/* -------------------------------------------End----------------------------------------------- */

/*------------------------------------Content Styles--------------------------------------------- */
#content {
	float: left;
	width: 600px; /*was 765*/
	margin-top: 20px;
	border: 1px;
}

#applicantScreeningContent {
	float: left;
	width: 895px;
	margin-top: 20px;
	border: 1px;
}

/* -------------------------------------------End------------------------------------------------ */

/* for printing */
.copyText{
	display: none;
}

/*------------------------------------Footer Styles---------------------------------------------- */


#footer {
	width: 100%;
	/* width: 998px; */
	/*color: #666666;*/
	font-size: 10px;
	line-height: 18px;
	margin: -6em 0 0 0;
	height:6em;
	text-align: center;
	clear: both;
	position:relative;
}
#footer li { 
display: inline;
margin:0;
}
#footer p {
	font-size:.875em;
}

/* ----------------------------------------End--------------------------------------------------- */

/*-------------------------------------Form Styles----------------------------------------------- */

 input
        {
        	font-family:Verdana, Arial, Helvetica, sans-serif;
            color: #666666;
            font-size: 12px;
            background-color: #F7FAFE;
            border-color:#CCCCCC; 
            border-style:solid; border-width:1px;
            /*height:16px;*/
        }
select
        {
            font-size: 12px;
            color: #666666;
            background-color:  #F7FAFE;
            font-family:Verdana, Arial, Helvetica, sans-serif;
           border-color:#CCCCCC; border-style:solid; border-width:1px;
          
            
        }
 textarea
        {
            color: #666666;
            font-size: 12px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            background-color:  #F7FAFE;
            border-color:#CCCCCC; border-style:solid; border-width:1px;
        }
        /*.textbox{background-color:#fcfcf4; color:#666666; font-size:12px; line-height:16px; border-color:#CCCCCC; border-style:solid; border-width:1px;}*/

 /* -----------------------------------------End-------------------------------------------------- */     
 
 /* -------------------------------------Table styles----------------------------------------------*/

/*table { padding: 0px; border-collapse: collapse; }
td { vertical-align: top; }*/
table
{
}
td
{
}
th
{
}
/* -----------------------------------------End-------------------------------------------------- */ 

/*--------------------------------------Clear styles--------------------------------------------- */

.clear
{
	clear: both;
}
#extra
{
	clear: both;
}
/* -----------------------------------------End-------------------------------------------------- */



.contentDiv {margin: 5px 5px 5px 5px; width: 760px;}
.pricingText {float:left; width: 250px; padding-left:20px; }

.startNow {text-align: center; vertical-align: bottom; width:700px; margin-top: 10px; }
.joinSubmit {text-align: center; vertical-align: bottom; width:700px; margin-top: 40px; }
.joinLeftSubmit {text-align: left; vertical-align: bottom; float: left; width: 250px; }
.joinCenterSubmit {text-align: center; vertical-align: bottom; float: left; }
.joinRightSubmit {text-align: right; vertical-align: bottom; }

.greyBox {font-size: 13px;	line-height: 1.6em;	color: #666666;	font-family: Verdana, Arial, Helvetica, sans-serif; float:left; overflow-x:none; overflow-y:scroll;width: 750px; height: 350px; padding:10px; color:#666666;  border-color:#CCCCCC; border-width:5px; border-style:solid; text-align:left;}
.greyBox1 {font-size: 13px;	line-height: 1.6em;	color: #666666;	font-family: Verdana, Arial, Helvetica, sans-serif; float:left; overflow-x:none; overflow-y:none;width: 750px; height: 100%; padding:10px; color:#666666;  border-color:#CCCCCC; border-width:5px; border-style:solid; text-align:left;}
.greyBox2 {font-size: 12px;		color: #666666;	font-family: Verdana, Arial, Helvetica, sans-serif; float:left; overflow-x:none; overflow-y:none; height: 100%; padding:10px; color:#666666;  border-color:#CCCCCC; border-width:5px; border-style:solid; text-align:left;}

.underGreyBox{padding:10px; color:#666666; font-size:11px;  text-align:left; margin-top: 5px; float:left;}
.underGreyBox td{padding-top: 5px;padding-bottom: 5px;}
.checkList  {width: 500px; margin-left: 20px}
.subBullet {margin-left: 20px;}

.error { color: red; }

.promoError {
	width: 11em;
	float:left;
	color:red;
}
						
/* Price Bundle Box */
#PriceBundleContainer {margin: 2em auto; width:inherit; float:left;}			
#priceBundleBox { float: left; width: 450px; margin: 2em; }
#priceBundleBox #priceBundleBoxHeader{ float: left; width: 450px; margin-bottom: 10px; }
#priceBundleBox #priceBundleBoxHeader h4 { float: left; width: 450px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; }
#priceBundleBox #priceBundleBoxHeader .stateLabel { float: left; width: 350px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; }
#priceBundleBox #priceBundleBoxHeader .detail { float: left; width: 350px; }
#priceBundleBox #offerbox { float: left; padding-left:10px; width: 450px; margin-bottom: 20px;}
#priceBundleBox #offerbox .offerText { width: 230px; text-align: left; }
#priceBundleBox .price { float:left; margin: 5px 10px 5px 10px; width: 450px;}
#priceBundleBox .annualFeeMsg { float:left; color: #666666; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 10px 5px 10px; width: 275px;}
#priceBundleBox .priceText { float: left; color: #666666; font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; width: 300px;}
#priceBundleBox .priceValue { float: left; font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; width: 50px;}
#priceBundleBox .msgArea { float:left; margin: 5px 10px 5px 10px; width: 450px;}
#priceBundleBox .msgText { padding-left:20px; }

.preRegisterinput
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 12px;
    background-color: #e9f2fb;
    border-color:#CCCCCC; border-style:solid; border-width:1px;
    height:16px;
}
.preRegisterselect
{
    font-size: 12px;
    color: #666666;
    background-color: #e9f2fb;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-color:#CCCCCC; border-style:solid; border-width:1px;  
}
/*-------------------------------------Pre Register Page special classes-----------------------------*/
/* temp unitl launch */
.preRegister { padding: 10px; border-collapse: separate; }
.preRegisterCell { vertical-align: top; font-size: 12px; line-height: 1.6em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.preRegisterLabel { vertical-align: top; font-weight: bold; font-size: 12px; color: #419639; line-height: 1.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.preRegisterContent { vertical-align: top; font-size: 14px; line-height: 1.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.preRegisterH1 { color: #6699cc; margin-bottom: 15px; font-size: 24px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.preRegisterH2 { color: #419639; font-size: 18px; line-height: 1.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}


        
/* ------------------------------------------End------------------------------------------------- */

/*--------------------------------------ApplicantSummary Page Styles------------------------------- */

.summaryContentSmall{width: 330px; float: left; margin-left: 10px; margin-bottom: 15px; list-style-type: none;}
.summaryContentSmall div li{list-style-type: none; list-style-position: inside;}
.summaryContentSmall div{list-style-type: none; margin-top: 10px; margin-bottom: 10px;}
.summaryContentLarge{width: 360px; float: left; margin-left: 10px; margin-bottom: 15px; list-style-type: none;}
.summaryContentXLarge{width: 420px; float: left; margin-left: 10px; margin-bottom: 15px; list-style-type: none;}
.summaryContentXXLarge{width: 450px; float: left; margin-left: 10px; margin-bottom: 15px; list-style-type: none;}
.summaryContentLarge div li{list-style-type: none; list-style-position: inside;}
.summaryContentLarge div{list-style-type: none; margin-top: 10px; margin-bottom: 10px;}
.left {float:left; width: 100px;}
.right{float:right; width: 150px}
.holder{width: 360px; }
/* ------------------------------------------End------------------------------------------------- */

/*--------------------------------------Contact Us Page Styles------------------------------- */
/*#contactText{
	float: right;
	width: 250px;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	clip: rect(auto, auto, auto, auto);	
	}*/
	

/*#contactForm {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left:10px;
	clip: rect(auto, auto, auto, auto);
}*/
/*--------------------------------------Tell a Friend Page Styles------------------------------- */
#tellFriendText{
	float: right;
	width: 195px;
	font-size: 11px;
 	line-height: 1.6em;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
#tellFriendForm {
	float: left;
	width: 555px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left:10px;
	clip: rect(auto, auto, auto, auto);
}
/* ------------------------------------------End------------------------------------------------- */


/*--------------------------------------ApplicantHistory Page Styles------------------------------- */
#applicantHistory table{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color: #565656;
            font-size: 12px;
            vertical-align: top;
            text-align: left;
            width: 760px;
        }
#applicantHistory th
        {
            vertical-align: top;
            text-align: left;
            padding: 5px;
            background-color: #F3F3F3;
            color: #565656;
        }
#applicantHistory td
        {
            padding: 5px;
            background-color: #F7FAFE;
            color: #565656;
            vertical-align: top;
        }
#applicantHistory{}
        
/* ------------------------------------------End------------------------------------------------- */

/*--------------------------------------MyAccount Page styles---------------------------------------------- */
/*.myaccountinfo
        {
  
            width: 350px;
            float: left;
            
        }*/
#creditcardinfo {
       margin: 2em 0 2em 0;     
        
            /*width: 360px;
            float: right;
            margin-right:20px;*/
        }
        .accinftbl
        {
            width: 150px;
        }
 #creditcardinfo table
        {
            width:auto;
         	border-spacing: 3px 5px;
            table-layout:auto;
            color: #565656;
            padding: 3px;
            vertical-align: middle;
        }
#creditcardinfo th
        {
               
            background-color: #F3F3F3;
            color: #565656;
        }
 #creditcardinfo td 
 {
 			
 			 
 }       
/* ------------------------------------------End------------------------------------------------- */
        
/*--------------------------------------Temp styles---------------------------------------------- */

.newStyle1
{
	width: 300px;
	height: 21px;
	float: left;
	margin-left: 10px;
}
.newStyle2
{
	width: 150px;
	height: 21px;
	float: left;
}
.h1div
{
	border: 1px solid #6699cc;
	padding: 5px 9px 9px 9px;
}
.h2div
{
	padding: 5px 9px 9px 9px;
	border: 1px solid #336699;
}
.h3div
{
	border: 1px solid #419639;
	padding: 5px 9px 9px 9px;
}
.h4div
{
	border: 1px solid #666666;
	padding: 5px 9px 9px 9px;
}
.h5div
{
	padding: 5px 9px 9px 9px;
	border: 1px solid #66B1CE;
}
/*-------------------------------Screening results --------------------------------*/

.resultsTab {
	float: left;
}

.resultsTab img {
	cursor: pointer;
}

.bluebar{
	background-color:#659AD4;
	color:#FFFFFF;
	font-size:14px;
	padding: 5px;
	height: 35px;
	width: 1000px;
}

.detailHeader{
	background-color: #C0C0C0;
	color:#FFFFFF;
	font-size:12px;
	padding: 5px;
	height: 25px;
	width: 1000px;
}

.botinfo1
{
	color:#336699;
	padding: 5px;
}

.resultsApplicantBox
{
	border-width: 1px;
	border-style: solid;
	border-color: #659AD4; 
	background: #dddddd;
	padding: 2px;
}

.resultsCriminalBox
{
	border-width: 1px;
	border-style: solid;
	border-color: #659AD4; 
	padding: 3px;
}

.resultsTabContent
{
	padding: 0px;
	width: 956px;
}

.resultName
{
	font-size:14px;
	padding-left: 5px;
}
.resultHeaderName
{
	font-size:12px;
	font-weight:bold;
	vertical-align: top;
}
.resultHeaderValue
{
	font-size:12px;
	vertical-align: top;
}
.resultValue
{
	font-size:12px;
	vertical-align: top;
}
.resultDetailName
{
	font-size:12px;
}
.tdSpace
{
	width:10px;
}
.header
{
	height: 15px;
	padding: 5px;
}
.row
{
	padding: 5px;
	height: 30px;
}
.row1 {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT:15px; PADDING-TOP: 5px
}
.odd
{
	padding: 5px;
	height: 20px;
}
.even
{
	padding: 5px;
	height: 20px;
}
#popupleft 
{
	width: 50px;
	float: left;
}

.definition_td
{
	width: 850;
	padding-bottom: 15px;
}

#progressbar{
	padding-top:250px; text-align: center;
}
/*------------------------------- debug styles --------------------------------*/
.debugError
{
	color: #666666;
	font-size: 6px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ------------------------------------------End------------------------------------------------- */

/* ------------------------------------------Affiliations------------------------------------------------- */
.affiliationState
{
	color: #419639;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 10px;
}

/* ------------------------------------------End------------------------------------------------- */
.hdr_td_rent1 {
	font-size: 11px;  
	line-height: 13px;  
	color: #000000;
	font-weight: bold; 
	font-variant: normal;
	font-style: normal;
	padding-left: 3px;
	padding-top: 3px;
	border-style: solid;
	border-width: 1px;
	background-color: #EEEEEE;
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: top;
}

.hdr_td1 {
	font-size: 11px;  
	line-height: 13px;  
	color: #000000;
	font-weight: bold; 
	font-variant: normal;
	font-style: normal;
	padding-left: 3px;
	padding-top: 3px;
	border-style: solid;
	border-width: 1px;
	background-color: #EEEEEE;
	border-color: #CCCCCC;
	text-transform: uppercase;
	text-align: left;
	vertical-align: top;
}


.hdr_td_sort1 {
	font-size: 11px;  
	line-height: 13px;  
	color: #000000;
	font-weight: bold; 
	font-variant: normal;
	font-style: normal;
	padding-left: 3px;
	padding-top: 3px;
	border-style: solid;
	border-width: 1px;
	background-color: #EEEEEE;
	border-color: #CCCCCC;
	text-transform: uppercase;
	text-align: left;
	vertical-align: top;
}

.hdr_td_nowrap1 {
	font-size: 11px;  
	line-height: 13px;  
	color: #000000;
	font-weight: bold; 
	font-variant: normal;
	font-style: normal;
	padding-left: 3px;
	padding-top: 3px;
	border-style: solid;
	border-width: 1px;
	background-color: #EEEEEE;
	border-color: #CCCCCC;
	text-transform: uppercase;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.hiddentextbox{length:0; size:0; width:0px; visibility: hidden; background-color:#fcfcf4; color:#666666; font-size:12px; line-height:16px; border-color:#CCCCCC; border-style:solid; border-width:1px;}
.unhiddentextbox{visibility: visible; width:40; font-size:12px; line-height:16px; border-color:#CCCCCC; border-style:solid; border-width:1px;}

.sup {
	font-size: .5em;
}

.superscript {
    	position: relative;
   		bottom: 0.5em;
    	font-size: 0.8em;
}
.what {
	font-size: .8em;
	color: #6699CC;
}
#ScreeningStatus {
	color: #FF6633;
	margin: 1em 0;
}
.rightPad { padding: 0 1em 0 0; } 

.leftPad { padding: 0 0 0 1em; }

#submitDiv {
	margin: 3em 0;
	text-align:center;
}

.text_right {
	text-align:right;
}

#consentSection {
	float:left;
	width:inherit;
}

#submitDiv {
	margin: 3em 0;
	text-align:center;
}