/* @override 
	http://www.ccmcverification.com/app-test/css/home.css
	http://www.ccmcverification.com/app/css/home.css
	http://localhost:8500/ccmc/css/home.css
*/

/*
	orange: c77a36;
*/

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	width:95% !important;
	float: left;
	width: 920px;
	background-color: #222 !important;
	font-size: 1.2em;
	background: url(../images/topnav_bg.gif) repeat-x;
	z-index: 90;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	z-index: 90;
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	z-index: 90;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
	z-index: 90;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
	z-index: 90;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	z-index: 90;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	z-index: 90;
}
ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	z-index: 90;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	z-index: 90;
}

p.float-right {
    float: right;
}

fieldset#personal label {
	min-height: 4em;
}

fieldset#personal div.personal_subinfo {
	font-size: 8pt;
}

div#license fieldset {
	margin-bottom: 1em;
}

div#license fieldset ol {
	padding: 0;
	list-style: none;
}

div#license fieldset li {
	margin-bottom: 0em;
	padding: 0.5em;
}

div#license fieldset input {
	margin-left: 10em;
}

div#license fieldset label {
	display: inline;
	line-height: 0;
}

div#license fieldset fieldset {
	border: none;
	padding: 0;
	margin-bottom: 0.25em;
}

div#license fieldset fieldset li {
	border: none;
	display: inline;
}

div#license fieldset fieldset ol {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
    float: left;
    margin-left: 10em;
}

div#license fieldset fieldset input {
	margin-left: 1.5em;
}

div#license fieldset fieldset legend {
	margin-right: 5em;
	padding: 0;
	font-style: normal;
	color: #333;
}

div#license span.supplied {
	padding: 0.25em;
	margin-left: 4.3em;
    font-weight: bold;
}


* 
{
	margin: 0;
	padding: 0;
}

html, body 
{
	height: 100%;
	font: 13px/14px "Myriad Pro",Helvetica,Verdana,Arial,sans-serif;
	color: 	rgb(102,102,102);
}


body 
{
	background: rgb(244,244,244);
}

.clear 
{
	clear: both;
}

input, label, textarea 
{
	font: 12px/12px "Myriad Pro",Helvetica,Verdana,Arial,sans-serif;
}

label 
{
	color: #333;
}

textarea 
{
	color: rgb(102,102,102);
	padding: 2px;
	border: 1px solid #ccc;
}

a
{
  outline: none;
}

a img 
{
	border: none;
}

span.list_starter 
{
    font-weight: bold;
    text-decoration: underline;
}

ul 
{
	list-style: none;
}



ul.checkmark 
{
	padding-left: 10px;
}

ul.checkmark li 
{
	padding: 3px 20px;
	line-height: 16px;
	color: #2f509d;
	font-size: 16px;
	background: transparent url(../images/checkmark.png) no-repeat left 50%;
}

p.callout 
{
	padding: 5px 0;
}

ol 
{
	padding-left: 24px;
}

ol li 
{
	padding: 5px 0;
}

p 
{
	padding: 10px 0;
	line-height: 16px;
}

p.reportstatus {
    margin-left: 1em;
    font-weight: bold;
    font-size: 1.2em;
}

span.bargraph {
    text-align: center;
}

div.graphholder {
    text-align: center;
    margin: 0.5em;
}

span.piegraph {
    margin: 0.25em;
}

div#wrapper 
{
	width: 820px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

div#header 
{
	clear: both;
	width: 800px;
	height: 36px;
	padding: 0 10px;
	background: transparent url(../images/header_bg.png) no-repeat left top;
}

h1 
{
	float: left;
	width: 363px;
	height: 47px;
	margin: 5px 10px;
	background: transparent url(../images/title.gif) no-repeat left top;
}

h1 span 
{
	display: none;
}

div#status-bar 
{
	background: #999;
	margin: 0;
	padding: 0 10px;
	height: 50px;
}

#status-bar h2 
{
	color: white;
	float: left;
	margin: 10px 0;
	padding: 0 10px;
	height: 30px;
}

#status-bar h2.title 
{
	font-size: 24px;
	padding: 10px 10px;
}

#status-bar h2.applicant 
{
	border-right: 1px solid #ccc;
}

#status-bar h2 span.title 
{
	color: #eee;
	font-size: 14px;
	font-weight: normal;
	display: block;
	padding-bottom: 2px;
}

#status-bar h2 span.data 
{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

ul#menu 
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 50px;
}

#menu li 
{
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 50px;
}

#menu li input 
{
	display: block;
	width: 40px;
	height: 50px;
	background: transparent url(../images/menu_bg.png) no-repeat left top;
}

#menu input 
{
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 0;
}

#menu li#dashboard-menu input 
{
	background-position: 0 0;
}

#menu li#dashboard-menu input.selected,
#menu li#dashboard-menu input.selected:hover 
{
	background-position: 0 -50px;
} 

#menu li#dashboard-menu input:hover 
{
	background-position: 0 -100px;
}

#menu li#personal-menu input 
{
	background-position: -40px 0;
}

#menu li#personal-menu input.selected,
#menu li#personal-menu input.selected:hover 
{
	background-position: -40px -50px;
} 

#menu li#personal-menu input:hover 
{
	background-position: -40px -100px;
}

#menu li#education-menu input 
{
	background-position: -80px 0;
}

#menu li#education-menu input.selected,
#menu li#education-menu input.selected:hover 
{
	background-position: -80px -50px;
} 

#menu li#education-menu input:hover 
{
	background-position: -80px -100px;
}

#menu li#category-menu input 
{
	background-position: -120px 0;
}

#menu li#category-menu input.selected,
#menu li#category-menu input.selected:hover 
{
	background-position: -120px -50px;
} 

#menu li#category-menu input:hover 
{
	background-position: -120px -100px;
}

#menu li#employer-menu input 
{
	background-position: -160px 0;
}

#menu li#employer-menu input.selected,
#menu li#employer-menu input.selected:hover 
{
	background-position: -160px -50px;
} 

#menu li#employer-menu input:hover 
{
	background-position: -160px -100px;
}

#menu li#yesno-menu input 
{
	background-position: -200px 0;
}

#menu li#yesno-menu input.selected,
#menu li#yesno-menu input.selected:hover 
{
	background-position: -200px -50px;
} 

#menu li#yesno-menu input:hover 
{
	background-position: -200px -100px;
}

#menu li#statement-menu input 
{
	background-position: -240px 0;
}

#menu li#statement-menu input.selected,
#menu li#statement-menu input.selected:hover 
{
	background-position: -240px -50px;
} 

#menu li#statement-menu input:hover 
{
	background-position: -240px -100px;
}

#menu li#payment-menu input 
{
	background-position: -280px 0;
}

#menu li#payment-menu input.selected,
#menu li#payment-menu input.selected:hover 
{
	background-position: -280px -50px;
} 

#menu li#payment-menu input:hover 
{
	background-position: -280px -100px;
}

#menu li#disabled-menu 
{
	width: 280px;
	height: 50px;
	background: transparent url(../images/menu_bg) no-repeat -40px -150px;
}

#menu li input span,
#menu li span 
{
	display: none;
}


#menu li img.status 
{
	width: 24px;
	height: 24px;
	vertical-align: middle;
	padding: 0 8px 4px 0;
}

form 
{
	margin: 0;
	padding: 0;
	
}

div#login-form,
div#payment-form 
{
	background: transparent url(../images/login_bg.png) no-repeat left top;
}

div#dashboard 
{
	background: transparent url(../images/dashboard_bg.png) no-repeat left top;
}

div#personal-form 
{
	background: transparent url(../images/personal_bg.png) no-repeat left top;
}

div#education-form 
{
	background: transparent url(../images/education_bg.png) no-repeat left top;
}

div#employer-form 
{
	background: transparent url(../images/employer_bg.png) no-repeat left top;
}

div#category-form 
{
	background: transparent url(../images/category_bg.png) no-repeat left top;
}

div#statement-form,
div#verification-form,
div#yesno-form 
{
	background: transparent url(../images/yesno_bg.png) no-repeat left top;
}

div#content 
{
	position: relative;
	width: 800px;
	min-height: 575px;
	margin: 0;
    margin-bottom: -1em;
	padding: 0 10px 0 10px;
	background: transparent url(../images/content_bg.png) repeat-y left top;	
}

div.form-page 
{
	padding: 20px 20px 40px 20px;
}

div.form-page h3 
{
	margin: 0;
	padding-bottom: 20px;
	font-size: 30px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color:  #2f509d;
}

div.form-page h3 em 
{
	text-transform: none;
	font-size: 24px;
}

div.form-page h3 strong 
{
	text-transform: none;
	color: #c77a36;
}

div.form-page h4.notice 
{
	margin: 0;
	padding-bottom: 20px;
	font-size: 30px;
	line-height: 24px;
	font-weight: bold;
	color: #2f509d;
	text-transform: uppercase;
}

div.form-page h3 span 
{
	display: block;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
}

div.form-page h4 
{
	clear: both;
	margin: 0;
	padding: 20px 0 2px 0;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	color: #2f509d;
}

div.form-page h4#optional-questions {
	font-size: 16px;
	
	font-weight: bold;
}

div.form-page h4.notice 
{
	font-size: 20px;
	line-height: 24px;
	padding: 0 0 10px 0;
	font-weight: normal;
	color: rgb(102, 102, 102);
	font-style: normal;
	text-transform: none;
}

div.form-page h4.notice em 
{
	font-weight: bold;
	font-style: normal;
	color: #c77a36;
}

fieldset 
{
	clear: both;
	border: none;
	padding: 0 20px 20px 0;
	position: relative;
}

fieldset div label.question 
{
	width: 600px;
}

fieldset h2 
{
	width: 730px;
	color: rgb(19,83,163);
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 10px;
	margin: 20px 0;
	border-bottom: 1px solid rgb(192,192,192);
}

fieldset fieldset 
{
	margin: 0;
	padding: 0;
}

h3 
{
	margin: 10px 0;
	width: 100%;
	padding: 0;
	font-weight: normal;
	color: rgb(102,102,102);
	border: none;
	font-size: 12px;
}

h4.notice 
{
}

div.bigYellowBox 
{
	width: 740px;
	padding: 10px;
	background: transparent url(../images/ev_yellow_middle.gif) repeat-y left top;
}

div.ev-yellow-top
{
	width: 760px;
	height: 71px;
	background: transparent url(../images/ev_yellow_top.gif) no-repeat left top;
}

div.ev-nobox-top
{
	width: 760px;
	height: 20px;
	background: transparent url(../images/ev_nobox_top.gif) no-repeat left top;
}

div.ev-yellow-bottom
{
	width: 760px;
	height: 20px;
	background: transparent url(../images/ev_yellow_bottom.gif) no-repeat left top;
}

div.ev-questions-top
{
	margin-top: 15px;
	width: 760px;
	height: 71px;
	background: transparent url(../images/ev_questions_top.gif) no-repeat left top;
}

div.ev-self-top
{
	margin-top: 15px;
	width: 760px;
	height: 71px;
	background: transparent url(../images/ev_self_top.gif) no-repeat left top;
}

#ev-questions table
{
	margin-left: 15px;
}

div.ev-confirm-top
{
	margin-top: 15px;
	width: 760px;
	height: 20px;
	background: transparent url(../images/ev_confirm_top.gif) no-repeat left top;
}

fieldset.ev-confirm-bottom
{
	width: 740px;
	padding: 0 10px 20px 10px;
	background: transparent url(../images/ev_confirm_bottom.gif) no-repeat left bottom;
}

div#ev-app-info-top
{
	width: 760px;
	height: 71px;
	background: transparent url(../images/ev_reported_top.gif) no-repeat left top;
}

div#ev-app-info
{
	background: transparent url(../images/ev_reported_middle.gif) repeat-y left top;
}

div#ev-app-info h4
{
	clear: both;
}

div#ev-app-info label
{
	font-weight: bold;
}

div#ev-app-info p
{
	padding: 0 0 0 10px;
	color: #c77a36;
}

div#ev-app-info div.form-item
{
	margin: 0 0 0 20px;
}

div#ev-app-info-left,
div#ev-app-info-right
{
	float: left;
	width: 350px;
}

div#ev-app-info-bottom
{
	width: 760px;
	height: 25px;
	margin-bottom: 20px;
	background: transparent url(../images/ev_reported_bottom.gif) no-repeat left top;
}

div.receipt-top
{
	margin-top: 15px;
	width: 760px;
	height: 71px;
	background: transparent url(../images/receipt_top.gif) no-repeat left top;
}

div#receipt-middle ul
{
	padding-left: 15px;
}

div#receipt-middle ul li
{
	font-size: 14px;
	line-height: 18px;
	color: black;
}

div#receipt-middle ul li span
{
	color: #2f509d;
}

#receipt div#error
{
	margin-top: 20px;
}

#ev-thankyou
{
	padding-left: 40px;
}

#ev-thankyou h4
{
	font-size: 16px;
	font-weight: bold;
}

#ev-thankyou p
{
	font-size: 16px;
	font-weight: bold;
}

/* =================== error =================== */

div#error 
{
	width: 528px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

div#error-top 
{
	width: 528px;
	margin: 0;
	height: 10px;
	background: transparent url(../images/error_top.gif) no-repeat left top;
}

div#error-middle 
{
	width: 488px;
	margin: 0;
	padding: 10px 20px;
	background: transparent url(../images/error_middle.gif) repeat-y left -10px;
	min-height: 80px;
}

div#error blockquote 
{
	float: right;
	width: 380px;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
}

div#error-bottom 
{
	width:  528px;
	height: 15px;
	margin: 0;
	background: transparent url(../images/error_bottom.gif) no-repeat left bottom;	
}

div#error img.badge 
{
	float: left;
}

/* =================== welcome page =================== */

div#home 
{
	padding-bottom: 0px;
}

div#home-choose 
{
	padding: 0;
	margin: 0;
	width: 760px;
	height: 400px;
	background: transparent url(../images/home_bg.png) no-repeat left top;	
}

div#signup 
{
	position: relative;
	float: left;
	width: 339px;
	height: 400px;
	padding: 10px 20px;
}


div#signup img {
	margin-top: 1.5em;
}

div#login_window
{
    	background-color: white;
	padding-bottom: 1em;
	margin: 0 auto;
	margin-top: 10em;
}

div#login-new
{
	clear: both;
	text-align: center;
	position: relative;
}

div#login-new img
{
	margin: 0px auto;
	display: block;
}

div#report-request
{
	display: none;
	padding: 3em;
}

div#report-request p span
{
    display: block;
    margin-bottom: 1em;
    font-size: 1.25em;
    font-weight: bold;
}

img#login-new
{
    position: relative;
    top: -15px;
    right: -55px;
}

div#report-request label
{
	margin-left: 3em;
	margin-bottom: -1em;
	margin-top: 1em;
	color: #666;
}

div#report-request textarea
{
	margin-left: 3em;
	margin-top: 1em;
}



div#report-request input
{
	display: block;
	margin-left: 3em;
	margin-top: 1em;
}

div#report-request input.borderless
{
	border: none !important;
	background: none !important;
}

div#login 
{
	position: relative;
	float: left;
	width: 339px;
	height: 400px;
	padding: 10px 20px;
	color: white;
}

div#login p 
{
	margin: 150px auto 0 auto;
	width: 339px;
	text-align: center;
}

div.begin_here 
{
	margin: 0 auto;
	width: 296px;
}


/* =================== login form =================== */

fieldset#login 
{
	width: 625px;
	height: 200px;
	margin: 0;
}

fieldset#login div.login-form 
{
	float: left;
	width: 400px;
	height: 125px;
	padding: 5px 10px;
}

fieldset#login div.login-form label 
{
	clear: both;
	float: right;
}

fieldset#login div.login-form input 
{
	margin-left: 5px;
}

fieldset#login div.login-form a 
{
	clear: both;
	float: right;
	margin-top: 5px;
}

fieldset#login div.login-form input.button 
{
	display: block;
	float: right;
	clear: both;
	padding-top: 7px;
}

div#login-help 
{
	width: 179px;
	height: 125px;
	padding: 0 10px;
	float: right;
	border-left: 1px solid #ccc;
}

div#login-help a img 
{
	padding: 3px 0;
}

/* =================== create/edit account =================== */

#email-important {
	float: left;
}

fieldset#create-account 
{
	float: left;
	height: 200px;
	margin-left: 100px;
}

fieldset#create-account input.button,
fieldset#create-account a img 
{
	display: block;
	padding-top: 7px;
}

/* =================== DASHBOARD!!!! =================== */

#dashboard 
{
	position: relative;
}

#dashboard div#status 
{
	position: absolute;
	left: 400px;
	top: 35px;
	width: 382px;
}

div#status-top
{
	width: 382px;
	height: 72px;
	background: transparent url(../images/status_top_bg.gif) no-repeat left top; 

}
div#status-contents
{
	padding: 0 20px 20px 20px;
	background: transparent url(../images/status_content_bg.gif) repeat-y left top; 
}

#status-contents ul.steps
{
	list-style: none;
}

#status-contents ul li
{
    margin: 2px 0;
}

#status-contents ul li p
{
	margin: 0;
	padding: 4px 0;
}

#dashboard div#status ul.steps
{
	padding: 20px;
}

#dashboard div#status div#status-footer 
{
	height: 51px;
	width: 382px;
	padding: 10px 50px 30px 50px;
	background: transparent url(../images/status_footer_bg.gif) no-repeat left bottom; 

}

#dashboard div#status ul.steps
{
	padding-left: 30px;
	list-style-image: url(../images/exclamation.gif);
}


#dashboard div#status ul li 
{
	color: black;
	font-weight: bold;
	font-size: 12px;
	line-height: 110%;
	padding-left: 10px;
	vertical-align: top;
}

#dashboard div.section 
{
	width: 370px;
	margin: 10px 0;
}

#dashboard div h4 
{
	margin: 0;
	padding: 10px 0 0 60px;
}

ul.tasklist 
{
	width: 370px;
	min-height: 15px;
	padding: 0 10px 10px 24px;
}

ul.tasklist li 
{
	height: 13px;
	margin: 5px 0;
	padding: 0 0 0 50px;
}

ul.tasklist li a 
{
	padding: 2px;
	color: #2f509d;
}

ul.tasklist li a:hover 
{
	background: #d5e8ff;
}

ul.tasklist li span 
{
	font-weight: bold;
}

ul.tasklist li.complete 
{
	background: transparent url(../images/page_status.gif) no-repeat left -13px;
}

ul.tasklist li.incomplete 
{
	background: transparent url(../images/page_status.gif) no-repeat left 0px;
}

ul.tasklist li.conditional
{
	background: transparent url(../images/page_status.gif) no-repeat left -13px;
}

ul.tasklist li.complete a 
{
	color: #526249;
}

div.section h4 
{
	height: 30px;
	margin: 5px 5px 5px 5px;
	padding: 0 0 0 60px;
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #2f509d;
	background: transparent url(../images/dashboard_section_icons.gif) no-repeat 10px -145px;	
}

div#docs h4 
{
	background: none;
	padding: 0 0 5px 0;
	height: 30px;
	line-height: 30px;
	color: #2f509d;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
}

div#docs h4 a 
{
	padding: 2px;
	color: #2f509d;
	text-decoration: none;
}

div#docs h4 a img
{
	vertical-align: middle;
}

div#docs h4 a span
{
	text-decoration: underline;
}

div#docs h4 a:hover span
{
	background: #d5e8ff;
}


div#app-sections h4 
{
	background-position: 10px -125px;
}

div#verification h4 
{
	background-position: 10px -40px;
}

div#misc h4 
{
	background-position: 10px -167px;
}

/* =================== generic form elements =================== */

div.form-item 
{
	float: left;
	margin-right: 4px;
}

table.grid tr td label 
{
	display: inline;
}

table.options 
{
	margin-left: 20px;
}

table.options tr td 
{
	font-size: 12px;
	padding: 5px;
	vertical-align: top;
}

table.options tr td.nowrap 
{
	white-space: nowrap;
}


div.submit 
{
	clear: both;
	width: 380px;
	margin: 10px auto 40px auto;
}

div.two-button
{
	width: 250px;
}

input.second-line 
{
	margin-top: 3px;
}

label.inline 
{
	display: inline;
	padding-right: 10px;
}

select, option 
{
	font-size: 10px;
}

legend 
{
	padding: 0 0 10px 0;
	font-style: italic;
	font-size:16px;
	font-weight: bold;
}

label {
	display: block;
	line-height: 20px;
}

.admin label {display:inline;}

label.fixed-width {
	width: 150px;
}

label.radio {
	padding-right: 10px;
}

div.form-item {
	clear: left;
}

div.form-item input,
div.form-item select,
div.form-item textarea 
{
	margin-left: 10px;
}

div.cont 
{
	margin-left: 0px;
	clear: none;
}

div.cont input,
div.cont select 
{
	margin-left: 0;
}

div.form-item input.cont 
{
	margin-left: 0px;
}

div.next 
{
	clear: none;
	margin-left: 10px;
}

div.new 
{
	margin-top: 20px;
}

input 
{
	padding: 2px 2px 0 4px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
}

input.incomplete
{
	border-top: 1px solid #9f1a1a;
	border-left: 1px solid #ea5541;
	border-right: 1px solid #ea5541;
	border-bottom: 1px solid #f08268;
}

input, select, textarea 
{
	color: #000;
}

input, textarea 
{
	background: transparent url(../images/input_shadow.png) repeat-x left top;
}

input.incomplete,
textarea.incomplete
{
	background: transparent url(../images/input_shadow_incomplete.gif) repeat-x left top;
}

input.button 
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

input.radio-button 
{
	background: none;
	border: none;
	margin-right: 5px;
	vertical-align: middle;
}

input[type="submit"], input[type="reset"], input[type="button"], button {
	background-color: #f4f4f4;
	background-image: none;
	border-top-color: #dddddd;
	border-left-color: #c3c3c3;
	border-right-color: #c3c3c3;
	border-bottom-color: #7c7c7c;
} 

/* IE7 hack */
input.day,
input.mos 
{
	width: 30px;
}

input.area 
{
	width: 40px;
}

input.year 
{
	width: 50px;
}

input.zip 
{
	width: 60px;
}

.indent 
{
	margin-left: 20px;
}

select.day,
select.mos {
	width: 50px;
}

select.year {
	width: 55px;
}

/* =================== yes/no styles =================== */

div.ynquestion 
{
	padding-bottom: 20px;
}

div.ynquestion div.input 
{
	float: left;
	padding: 5px;
	width: 130px;
	height: 20px;
	background: transparent url(../images/yesno_bg.gif) no-repeat left top;
}


div.ynquestion div.question 
{
	float: left;
	padding-top: 5px;
	width: 590px;
}

#emp-ver div.ynquestion div.question 
{
	float: left;
	padding-top: 5px;
	width: 390px;
}

div.ynquestion div.question span.question-number
{
	float: left;
	font-size: 24px;
	line-height: 20px;
	padding: 2px 8px 2px 2px;
	color: #2f509d;
}

div.ynquestion div.question span.question-text
{
float: left;
width: 90%;
clear: right;
}

div.ynquestion p 
{
	padding-top: 0px;
}

div.reason 
{
	clear: both;
	margin-left: 173px;
	padding-top: 5px;
}

div.reason textarea 
{
	margin-left: 0px;
}

/* =================== verify styles =================== */

ul.employer 
{
	position: relative;
	margin-left: 60px;
	background: transparent url(../images/employer_bg.gif) no-repeat left top;
	padding: 10px;
	width: 388px;
	height: 88px
}

ul.emp-misc
{
	margin-left: 64px;
}

ul.employer li, 
ul.emp-misc li
{
	padding: 5px;
}

ul.employer li span 
{
	color: #2f509d;
	font-weight: bold;
}

ul.employer li#edit
{
	position: absolute;
	right: 10px;
	top: 10px;
}

ul.employer li#delete
{
	position: absolute;
	right: 10px;
	top: 60px;
}

/* =================== verify styles =================== */

fieldset#verify 
{
	width: 260px;
	margin: 0 auto;
}

fieldset#verify h4
{
	width: 260px;
	text-align: center;
}


fieldset#verify input 
{
	display: block;
	margin: 10px auto;
}

/* =================== verification form =================== */

div#verification-form span.license-board,
div#verification-form span.customer-number,
div#verification-form span.phone-number {
	color: #f00;
	font-size: large;
	display: inline;
	float: none;
}

div#verification-form h4 
{
	color: #c77a36;
}

div#verification-form p 
{
	line-height: 18px;
}

div#verification-form li 
{
	width: 550px;
	font-size: 16px;
	padding: 10px;
	margin: 10px auto;
	background: #fff1d8;
}

div#verification-form li img 
{
	float: left;
	vertical-align: middle;
	padding-right: 10px;
}

div#verification-form li span 
{
	line-height: 24px;
	width: 450px;
	float: left;
	display: block;
}

div#verification-form li span img 
{
	float: none;
}

#emp-ver h4 
{
	font-size: 18px;
	font-style: normal;
	padding-bottom: 15px;
}

#emp-ver ol 
{
	margin: 20px;
	border-left: 4px solid #c77a36;
	background: #ffeda6;
	width: 500px;

}

#emp-ver .form-item
{
	padding: 3px inherit;
}

#emp-ver table.grid tr
{
}

#emp-ver table.grid td
{
	padding-top: 10px;
	vertical-align: top;
}

/* =================== payment =================== */

div#invoice 
{
	width: 720px;
	padding: 20px;
	background: transparent url(../images/payment_top.gif) no-repeat left top;
}

div#invoice div#error
{
	margin-top: 20px;
	padding-bottom: 0px;
}

#invoice table td
{
	padding: 10px;
}

div#payment 
{
	width: 760px;
    height: 300px;
	padding: 0;
	background: transparent url(../images/payment_bg.gif) no-repeat left top;
}


#payment div#tabs 
{
	position: relative;
	width: 760px;
	height: 40px;
	background: transparent url(../images/payment_sel_bg.gif) no-repeat left top;
}

#payment div#tabs h4
{
	position: absolute;
	left: 300px;
	top: -10px;
	line-height: 18px;
	font-size: 18px;
	font-weight: bold;
}

#payment div#tabs h4 img
{
	vertical-align: middle;
}

#payment div#tabs ul
{
	position: absolute;
	width: 760px;
	top: 0;
	left: 50%;
	margin: 0  0 0 0;
	list-style: none;
}

#payment div#tabs li
{
	position: absolute;
}

#payment div#tabs li a
{
	display: block;
	text-indent: -9999px;
	width: 140px;
	height: 40px;	
}

#payment #tabs #credit-tab
{
	left: -360px;
	background: transparent url(../images/credit_tab_dis.gif) no-repeat left top;
}

#payment #tabs #check-tab
{
	left: -230px;
	background: transparent url(../images/check_tab_dis.gif) no-repeat left top;
}

#payment #tabs #credit-tab.sel
{
	background: transparent url(../images/credit_tab_sel.gif) no-repeat left top;
}

#payment #tabs #check-tab.sel
{
	background: transparent url(../images/check_tab_sel.gif) no-repeat left top;
}

#payment #checkPayment,
#payment #creditPayment
{
	margin: 20px;
}

#payment label,
#payment pre,
#payment li
{
	color: white;
}

#payment p
{
    color: white;
    padding: 0px;
    margin: 0px;
}

#invoice table 
{
	border: 1px solid #ccc;
}

#invoice table td, 
#invoice table th 
{
	padding: 4px 8px;
}

#invoice table th
{
	color: #333;
}

#invoice table tr.item td
{
	background: #def4ff;
	border-top: 1px solid #ccc;
}

#invoice table tr.total td
{
	border-top: 1px solid #ccc;
	text-align: right;
	font-weight: bold;
	color: #333;
}

img.cc-logos
{
	float: right;
	padding-right: 280px;
}


#checkPayment p,
#checkPayment li 
{
	font-size: 16px;
	font-weight: bold;
}

#checkPayment p.move-right
{
	padding-left: 300px;
}

#checkPayment ul
{
	padding-left: 40px;
}

#checkPayment li
{
	padding: 5px 0;
}

#checkPayment li img,
#checkPayment li input
{
	vertical-align: middle;
}


/* =================== employer form =================== */

#employer-form p 
{
	font-size: 18px;
}

div#employer-form p.notice 
{
	color: #2f509d;
}

div#employer-form p em 
{
	font-size: 24px;
	font-weight: bold;
	color: #ee1a29;
	
}


/* =================== forgot password =================== */

div.forgot-section h4 
{
	background: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 18px;
}

div.forgot-section p
{
	margin-left: 20px;
}

div.forgot-section p img 
{
	vertical-align: middle;
}

div.forgot-section form 
{
	margin: 0 0 10px 20px;
}

div.forgot-section form label
{
	display: inline;
}

div.forgot-section form input.button
{
	vertical-align: bottom;
}



/* =================== table styles =================== */

table.grid td 
{
	padding: 4px;
}

table.list
{
	border-collapse: collapse;
	width: 760px;
	padding: 0 3px;
}

table.list tr 
{
	width: 760px;
}

table.list th 
{
	padding: 4px;
	font-size: 12px;
	color: #666;
	text-align: left;
	text-transform: uppercase;
	background: #ccc;
	border-bottom: 3px solid #999;
}

table.list th.action 
{
	width: 120px;
}

table.list td 
{
	padding: 4px;
	background: #eee;
}




div#statement-form h4,
div#verification-form h4 
{
	font-size: 16px;
	font-weight: bold;
}


/* =================== sub-menu =================== */

div#sub-menu
{
	position: absolute;
	top: 50px;
	right: 20px;
	z-index: 100;
}

div#sub-menu p 
{
	font-size: 14px;
	font-weight: bold;
}

div#sub-menu p a,
div#sub-menu p span
{
 	color: #2f509d;
 	text-decoration: none;
}

div#sub-menu p a:hover {
	text-decoration: underline;
}


/* =================== help bar =================== */

div#help 
{
	width: 435px;
	height: 55px;
	margin: 0 auto;
}

div#help.main 
{
	width: 580px;
}

p.help-desc 
{
	background: transparent url(../images/arrows.gif) no-repeat left top;
	width: 420px;
	height: 73px;
	color: #2f509d;
	padding: 20px 20px 20px 20px;
	margin: 10px 0 0 90px;
}

/* =================== footer =================== */

div#footer 
{
	width: 760px;
	padding: 12px 30px;
	background: transparent url(../images/footer_bg.png) no-repeat left top;	
}


#footer p 
{
	color: #666;
	font-size: 10px;
	clear: both;
	margin: 10px auto;
	width: 250px;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/*admin section*/

ul.adminlist 
{
  margin-left: 20px;
}

ul.adminlist li 
{
  width: 360px;
  margin: 5px 0;
  padding: 0 0 0 40px;
    min-height: 30px;
  line-height: 30px;
  background: transparent url(../images/admin_status.png) no-repeat left -60px;
}

ul.adminlist li a 
{
  display: block;
  width: 360px;
  height: 30px;
  line-height: 34px;
  color: #544800;
  text-decoration: none;
  background: white url(../images/admin_status.png) no-repeat right -60px;
}

ul.adminlist li a span 
{
  font-weight: bold;
}

ul.adminlist li.complete 
{
  background-position: left -30px;
}

ul.adminlist li.complete a 
{
  color: #526249;
  background-position: right -30px;
}


ul.adminlist li.docs 
{
  background-position: left -90px;
}

ul.adminlist li.docs a 
{ 
  color: #505050;
  background-position: right -90px;
}

ul.adminlist li.account-admin 
{
  background-position: left -120px;
}

ul.adminlist li.account-admin a 
{  
  color: #505050;
  background-position: right -120px;
}

div#checkInfoDiv
{
}

/* end admin */

label.email {
	font-weight: bold;
	color: #2f509d;
}

#otherTitleDiv,
#otherSettingDiv 
{
	margin-top: 5px;
	margin-left: 10px;
	height: 20px;
}

#otherTitleDiv label,
#otherSettingDiv label
{
	height: 20px;
}

p.email {
	padding-left: 10px;
	font-weight: bold;
	color: #2f509d;
}

div#personal-info-email
{
	padding-left: 20px;
	padding-top: 20px;
}

div#personal-info-email-warning
{
	padding-top: 10px;
}

label.short-line-height
{
	width: 400px;
	line-height: 12px;
	padding: 5px 0;
}

div.statement-box 
{
	width: 720px;
	padding: 0 20px;
	
}

#statement-form ul 
{
	margin-left: 40px;
}

#statement-form ul li
{
	line-height: 18px;
}

div.ghm-warning
{
	padding: 20px 0 0 0;
	clear: both;
	width: 334px;
	height: 108px;
	margin: 0 auto;
}

#emp-ver h4
{
	padding-top: 0px;
	line-height: 24px;
}

#emp-ver h5
{
	font-size: 18px;
	padding-top: 20px;
	color: #2f509d;
}

#education-form label strong
{
	font-size: 18px;
	color: red;
}

p.notice input.button
{
	vertical-align: middle;
}

div.space-down
{
	padding-top: 80px;
	margin-bottom: 0;
}

#employer-form fieldset
{
	padding-bottom: 0;
}

img#deadline
{
	display: block;
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
}

#ev-questions div.ynquestion div.input label.inline
{
	padding-right: 5px;
}

#ev-questions div.ynquestion div.input label.inline input
{
	margin-left: 0;
}

h4#change-login
{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
}

h4#change-login a
{
	color: #2f509d;
}

h4#change-login img
{
	vertical-align: middle;
}

label.center-license
{
	text-align: center;
	color: rgb(47, 80, 157);
	font-size: 14px;
	font-weight: bold;
	padding-top: 50px;
}

div.center-dates
{
	width: 600px;
	margin: 0 auto;
	padding: 75px 0;
}

div.date-box 
{
	width: 250px;
	height: 20px;
	background: transparent url(../images/date_box.gif) no-repeat left top;
	padding: 20px;
}

div#error-middle blockquote.larger
{
	font-size: 16px;
	line-height: 18px;
}

blockquote.note 
{
	color: red;
	width: 500px;
	margin: 0 auto;
	padding-top: 20px;
}

ul.sublist{
  padding-left: 30px;
}