﻿/******BrowserCheck topbar********/
.topbar
{
    background: #990000;
    border-bottom: solid 2px #EEE;
    padding: 3px 0;
    text-align: center;
    color: white;
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.Error, .field-validation-error, .error
{
  color:#BA0000;
}
.validation-summary-errors {
  color:#BA0000;  
}
.input-validation-error {
    background-color: #FFEEEE;
    border: 1px solid #FF0000;
}

#content.letter {
    padding: 40px;
    width: 920px;
}

#content.letter article {
    background: none repeat scroll 0 0 #F4F2EE;
    padding: 70px;
}

/*#results_info, #results_desc section {
    display: block;
    overflow: hidden;
}

#results_info {
    margin-bottom: 20px;
}

#table_results .label {
    font-size: 14px;
    width: 195px;
}

#table_results td {
    padding: 15px;
    text-align: center;
}

.row_yellow .label {
    background: none repeat scroll 0 0 #F0B310;
}

#table_results .value {
    font-family: MuseoSans-900,museo-sans,Arial,sans-serif;
    font-size: 20px;
    width: 90px;
}

.row_yellow .value {
    background: none repeat scroll 0 0 #FFD156;
}

.row_green .label {
    background: none repeat scroll 0 0 #B4CD95;
}

.row_green .value {
    background: none repeat scroll 0 0 #D7F3B4;
}

#results_desc {
    background: none repeat scroll 0 0 #F4F2EE;
    float: right;
    padding: 20px;
    width: 615px;
}

#results_desc .chart_pie {
    float: left;
    margin-right: 20px;
    width: 85px;
}

#results_desc .desc {
    float: right;
    width: 500px;
}

#results_info, #results_desc section {
    display: block;
    overflow: hidden;
}

#results_info {
    margin-bottom: 20px;
}*/

#footer_content, #header_content, #content {
    margin: 0 auto;
    padding: 20px;
    width: 980px;
}

.table_radio {
    border-bottom: 10px solid #CECCC8;
    width: 100%;
}

.table_radio .question {
    width: 230px;
    text-align: left;
}

.table_radio th, .table_radio td {
    display: table-cell;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.table_radio th {
    background: none repeat scroll 0 0 #CECCC8;
}

.table_radio .odd td {
    background: none repeat scroll 0 0 #F0EFEE;
}

.survey_question {
    font-size: 16px;
}

.bold {
    color: #00234C;
    font-family: MuseoSans-700,museo-sans,Arial,sans-serif;
}

.btn_next {   
    display: block;
    float: right;
    height: 30px;
    width: 70px;
}

section {
    margin-bottom: 20px;
}

.section_multiple {
    background: none repeat scroll 0 0 #F4F2EE;
    padding: 20px;
}

/******* Start Login Page Style  *******/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, #ie_article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, #ie_article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, img {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************************************************/
/*                       TYPOGRAPHY                      */
/*********************************************************/
@font-face {
    font-family: "MuseoSans-700";    
    src: url(/Content/Fonts/256751_0_0.woff),
        url(/Content/Fonts/256751_0_0.eot);
}

@font-face {
    font-family: "MuseoSans-300";    
    src: url(/Content/Fonts/256751_1_0.woff),
        url(/Content/Fonts/256751_1_0.eot);
}

@font-face {
    font-family: "MuseoSans-700Italic";    
    src: url(/Content/Fonts/256751_5_0.woff),
        url(/Content/Fonts/256751_5_0.eot);
}

@font-face {
    font-family: "MuseoSans-300Italic";    
    src: url(/Content/Fonts/256751_6_0.woff),
        url(/Content/Fonts/256751_6_0.eot);
}

@font-face {
  font-family: 'MuseoSans-900';
  src: url('/Content/Fonts/256751_9_0.eot');
  src: url('/Content/Fonts/256751_9_0.eot?#iefix') format('embedded-opentype'),url('/Content/Fonts/256751_9_0.woff') format('woff'),url('/Content/Fonts/256751_9_0.ttf') format('truetype');
}

body { font-family: MuseoSans-300; }
/***** HEADERS *****/
h1, h2 {
	font-family: MuseoSans-700, museo-sans, Arial, sans-serif;
}
h1 { 
	font-size: 30px;
}
header h1,
header h2 {
	color: #fff;
}

#ie_header h1,
#ie_header h2 {
	color: #fff;
}


h2 {
	color: #cb4300;
	font-size: 18px;
	margin-bottom: .8em;
}
header h2 {
	font-family: MuseoSans-300, museo-sans, Arial, sans-serif;
}

h3, h4, h5, .subtitle  {
	font-family: MuseoSans-700, museo-sans, Arial, sans-serif;
}
h3 {
	color: #282323;
	font-size: 22px;
	margin-bottom: .8em;
}
h4 {
	color: #c22000;
	font-size: 16px;
	margin-bottom: .4em;
}
h5 {
	color: #113660;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: .4em;
}
/***** COPY *****/
p {
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 1em;
}
p:last-child {
	margin-bottom: 0;
}

.museoBlack {
  color: black;
  font-family: MuseoSans-700, museo-sans, Arial, sans-serif;
}

.boldBlack {
  color: black;
  font-family: MuseoSans-700, museo-sans, Arial, sans-serif;
  font-weight: bold; 
}
.bold {
	/*color: #00234c;*/
	color: #999;
	font-family: MuseoSans-700, museo-sans, Arial, sans-serif;    
}
.bold.italic {
	font-family: MuseoSans-700Italic, museo-sans, Arial, sans-serif;
}
.important {
	color: #cb4300;
	font-family: MuseoSans-700, museo-sans, Arial, sans-serif;
}
.italic {
	font-family: MuseoSans-300Italic, museo-sans, Arial, sans-serif;
}
.note {
	font-size: 11px;
	line-height: 13px;
}
.required {
	color: #ba0000;
}
.title_name {
	margin-bottom: 8px;
}
.title_pos,
.title_co {
	margin-bottom: 0;
}
/***** COLORS *****/
.gold {
	color: #c57b01;
}
.red {
	color: #cb4300;
}

/***** LINKS *****/
p a {
	color: #3c73b4;
}
/*********************************************************/
/*                       STRUCTURE                       */
/*********************************************************/
body {
	width: 100%;
}
#wrapper,
header,
footer,#ie_footer {
	width: 100%;
}
#footer_content,
#header_content,
#content {
	margin: 0 auto;
	padding: 20px;
	width: 980px;
}

#ie_header {
	background: url(/Content/Images/header_bkgd2.jpg) left top repeat-x;
	height: 100px;
}



/***** HEADER *****/
header {
	background: url(/Content/Images/header_bkgd2.jpg) left top repeat-x;
	height: 100px;
}
header h1 {
	margin-bottom: 12px;
}
header .title_group {
	float: right;
	width: 810px;
}
.rainbow_bar {
	background: url(/Content/Images/footer_color_bars.jpg) repeat-x bottom;
	background-size: 700px 10px;
	width: 100%;
	height: 10px;
	margin: 0 auto;
	padding: 0;
}
#logo_roth {
	background: url(/Content/Images/logo_rothstaffing.png) left top no-repeat;
	float: left;
	height: 55px;
	margin-right: 20px;
	width: 150px;
}

/***** CONTENT *****/
section {
	margin-bottom: 20px;
}
section:last-child {
	margin-bottom: 0;
}
#content.letter {
	padding: 40px;
	width: 920px;
}
#content.letter article {
	background: #ded2bc;
	padding: 70px;
}

#ie_article {
	background: #ded2bc;
	padding: 70px;
}
/***** FOOTER *****/
footer {
	background: url(/Content/Images/footer_color_bars.jpg) left top repeat-x;
	height: 90px;
}
footer ul {
	margin: 15px auto;
	width: 700px;
}
footer ul li {
	float: left;
}
footer ul li a {
	display: block;
	height: 25px;
}
footer #logo_ult {
	background: url(/Content/Images/footer_logos.jpg) left top no-repeat;
	margin-right: 35px;
	width: 100px;
}
footer #logo_lg {
	background: url(/Content/Images/footer_logos.jpg) -135px 0 no-repeat;
	margin-right: 35px;
	width: 120px;
}
footer #logo_am {
	background: url(/Content/Images/footer_logos.jpg) -290px 0 no-repeat;
	margin-right: 40px;
	width: 115px;
}
footer #logo_lgtech {
	background: url(/Content/Images/footer_logos.jpg) -445px 0 no-repeat;
	margin-right: 40px;
	width: 115px;
}
footer #logo_os {
	background: url(/Content/Images/footer_logos.jpg) -600px 0 no-repeat;
	width: 100px;
}
footer .tagline {
	background: url(/Content/Images/footer_tag.jpg) left top no-repeat;
	height: 20px;
	margin: 0 auto;
	width: 250px;
}

/*ie_footer*/
#ie_footer {
	background: url(/Content/Images/footer_color_bars.jpg) left top repeat-x;
	height: 90px;
}
#ie_footer ul {
	margin: 15px auto;
	width: 700px;
}
#ie_footer ul li {
	float: left;
}
#ie_footer ul li a {
	display: block;
	height: 25px;
}
#ie_footer #logo_ult {
	background: url(/Content/Images/footer_logos.jpg) left top no-repeat;
	margin-right: 35px;
	width: 100px;
}
#ie_footer #logo_lg {
	background: url(/Content/Images/footer_logos.jpg) -135px 0 no-repeat;
	margin-right: 35px;
	width: 120px;
}
#ie_footer #logo_am {
	background: url(/Content/Images/footer_logos.jpg) -290px 0 no-repeat;
	margin-right: 40px;
	width: 115px;
}
#ie_footer #logo_lgtech {
	background: url(/Content/Images/footer_logos.jpg) -445px 0 no-repeat;
	margin-right: 40px;
	width: 115px;
}
#ie_footer #logo_os {
	background: url(/Content/Images/footer_logos.jpg) -600px 0 no-repeat;
	width: 100px;
}
#ie_footer .tagline {
	background: url(/Content/Images/footer_tag.jpg) left top no-repeat;
	height: 20px;
	margin: 0 auto;
	width: 250px;
}



/***** COMMON STYLES *****/
header,
footer, #ie_footer,
#logo_roth,
#wrapper {
	display: block;
}
footer ul, #ie_footer ul,
#footer_content,
#header_content {
	display: block;
	overflow: hidden;
}
footer ul li a span,
footer .tagline span,
#ie_footer ul li a span,
#ie_footer .tagline span,
header a span {
	display: none;
	visibility: hidden;
}

.form_area .form {
	background: #ded2bc;
	color: #333;
	padding: 10px;
}

.form_area_password .form {
	background: #ded2bc;
	color: #333;
	padding: 10px;
}

.form input {
	border: 1px solid #c88a11;
	height: 24px;
	padding: 1px; 
}
.form label {
	float: left;
	font-size: 14px;
	line-height: 27px;
	margin-right: 5px;
	text-align: right;
}
.form .form_row {
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}
.form .form_row:last-child {
	margin-bottom: 0;
}
.form_free_form input[type="text"] {
	width: 300px;
}
.form_multiple {
	background: #ded2bc;
	padding: 20px;
}
/***** BUTTONS ******/
input[type="submit"] {
	border: 0;
	display: block;
	height: 32px;
}
input#btn_login[type="submit"] {
  background: url(/Content/Images/btn_login.png) left top no-repeat;
	width: 70px;
    height: 30px;
}
input#btn_register_co[type="submit"] {
  background: url(/Content/Images/btn_register_co.png) left top no-repeat;
	width: 200px;
}
input#btn_login[type="submit"]:hover,
input#btn_register_co[type="submit"]:hover {
  background: url(/Content/Images/btn_login.png) left bottom no-repeat;
}
#form_submit {
	background: #fff;
	padding: 0;
}
.form .form_btn input {
	float: right;
	margin:0;
	padding: 0;
}

.btn_next {
  background: url(/Content/images/btn_next.png) left top no-repeat;
	display: block;
	float: right;
	height: 32px;
	width: 125px;
}
.btn_next:hover {
  background-position: 0 -32px;
}
.btn_next span {
	display: none;
	visibility: hidden;
}

.btn_begin {
    background: url("/Content/images/btn_begin.png") no-repeat scroll left top / 125px 97px rgba(0, 0, 0, 0);
    height: 32px;
    width: 125px;
    padding: 0;
    border: none;    
}
.btn_begin:hover {
  background-position: 0 -32px;
}


#content {
	padding: 40px;
	width: 940px;
}

#login_article {
	float: left;
	margin-right: 40px;
	width: 380px;
}
#content .form_area {
	float: right;
}
#content .form_area form {
	width: 460px;
}
#content .form_area_password {
	float: right;
}
#content .form_area_password {
	width: 600px;
}

#content .form_area_password label {
    width: 175px;
}

#content .form_area_password .form_btn {
    width: 547px;
}

/***** FORMS *****/
.btn_single {
	width: 500px;
}
#content .btn_single form {
	float: right;
	width: 200px;
}
.btn_single h2 {
	float: left;
	line-height: 30px;
	width: 230px;
}
.form {
	margin-bottom: 20px;
}
.form input {
	width: 365px;
}
.form label {
	width: 85px;
}
.form_btn {
	width: 459px; /* subttract 1px to account for border on input */
}
.form .note {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0;
}
/***** COMMON STYLES *****/
#content,
#content article,
.btn_single {
	display: block;
	overflow: hidden;
}

#username, #password {
    width: 365px;
}

#username, #password {
    border: 1px solid #C88A11;
    height: 24px;
    padding: 1px;
}

/****** End Login Page Style ******/

.AltColor {
    color: #cb4300;
    font-family: MuseoSans-700, museo-sans, Arial, sans-serif;
}

.ui-dialog-titlebar-close {
  visibility: hidden;
}

/***PIE*/
.pie {
	padding: 5px;
	behavior: url(/scripts/PIE.htc);
	background: #FFF;
	border: 1px solid #999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
}

.pie_container_top {
	/*margin: 0px auto !important;*/
	padding: 5px;
	behavior: url(/scripts/PIE.htc);
	border-top: 1px solid #999;
	border-bottom: 0px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	text-align: center; 
	width: 175px;
}

.pie_container_bottom {
/*margin: 0px auto !important;*/
	padding: 5px;
	behavior: url(/scripts/PIE.htc);
	border-top: 0px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	text-align: center; 
	width: 175px;

}

/***********Thank You Page**************/

.inline_content {
    display: inline-block;
    padding: 10px;
    text-align: justify;
    vertical-align: top;
}