/******************************************************
 * Standard styles for the application process.       *
 ******************************************************/
body {
	border: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	font-size: 0.75em;
	font-family: Tahoma, Arial, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
}
table, tr, td {
	font-size: 100%;
}
.hiddenHeading {
	display:none;
}

h1, .wai_h1	{ 	font-size: 150%;	font-weight: bold;	}
h2, .wai_h2	{	font-size: 140%;	font-weight: bold;	}
h3, .wai_h3	{	font-size: 130%;	font-weight: bold;	}
h4, .wai_h4	{
	clear: both;
	font-size: 120%;
	font-weight: bold;
	float: none;
	padding: 0 0 20px 0;
	margin: 0;
}
h5, .wai_h5	{
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
	background-color: #00306B;
	color: #FFFFFF;
	width: 25em;
	float: left;
}
h6, .wai_h6	{
	font-size: 100%;
	font-weight: bold;
	margin: 1em;
	padding: 0em;
}

.noMarginsPaddings{
	margin:0;
	padding:0;
	height:0;
}

input, textarea, select {
	font-size: 1em;
	font-family: Tahoma, Arial, sans-serif;
}

a {
	color: #000000;
}
a:hover {
	color: #00306B;
}

.section p {
	margin: 0;
	padding: 0;
}

.section fieldset {
	clear: left;
	margin: inherit;
	padding: 5px 0;
	color: inherit;
	background-color: #CCCCFF;
	border-top: 2px solid #00306B;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
}

.section label {
	display:block;
	float:left;
	width:25%;
	margin: 0em 1em;
	padding: 1px 0;
	min-width: 15em;
	text-align:left;
}

.section input, .section textarea, .section select {
	padding: 1px;
	margin: 1px;
	width: 20em;
}

.section input[type=submit] {
	padding: 1px;
	margin: 1px;
	width: auto;
}

.section input.cssSelectRegion {
	padding: 1px;
	margin: 1px;
	width: auto;
}


br {
	clear: both;
	float: none;
}

.section {
	clear: left;
	color: inherit;
	margin: 0;
	padding: 0;
	border: 0px none;
}

.sectionContent {
	clear: left;
	color: inherit;
	background-color: #CCCCFF;
	border-top: 2px solid #00306B;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
}

.sectionContent fieldset {
	margin: inherit;
	padding: 5px 0;
	border: none;
}

.sectionContent  div#divDataPrivacy {
	overflow: hidden; /*  IE7 bugfix */
}

.sectionContent label {
	display:block;
	float:left;
	width:25%;
	margin: 0em 1em;
	padding: 1px 0;
	min-width: 20em;
	text-align:left;
}

.linkToStep input{
	background-color:transparent;
	border:medium none;
	cursor:pointer;
	margin:0;
	padding:0;
	text-decoration:underline;
	width:auto;
}

#sectionWelcome {
	color: inherit;
	background-color: #CCCCFF;
	border-top: 2px solid #00306B;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
}

.marginDiv {
	display:block;
	float:left;
	margin: 0em 1em;
	padding: 1px 0;
	min-width: 20em;
	text-align:left;
}

.sectionLine {
	clear: both;
	float: none;
	height: 1px;
	margin: 0px;
	padding: 5px;
	border: 0 none;
	font-size: 0.1em;
}
.reqstar {
	background-image: url("reqstar.png");
	background-repeat:no-repeat;
	background-position : left top;
	width:6px;
	overflow:hidden;
	margin: 0;
	display:inline-block;
	height:1em;
	margin-left:3px;
}
img.reqstar{
	display:inline;
}
.requiredLabel,
.outOfLayout {
	position:absolute !important;
	left:-5000% !important;
	top:-5000% !important;
}

#reqstar {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
}
span.reqstep {
	color: #DD0000;
	background-color: inherit;
	margin: 0 10px 0 0;
}
#reqstar .reqstar {
	padding-right:3px;
}

.errorMsg {
	color: #D00;
	background-color: inherit;
}
.listWithErrors {
	margin-top:1em;
	list-style-type:none;
	padding:0;
}

ul.listWithErrors {
	margin:0;
}

ul.listWithErrors li a,
ul.listWithErrors li a:active,
ul.listWithErrors li a:focus,
ul.listWithErrors li a:link,
ul.listWithErrors li {
	padding-left:0;
	color: #D00;
}

.submitText {
	padding: 0em 1em;
}

.welcomeText {
	margin: 0 1em;
}

.error {
	border-color: #DD0000;
}

/******************************************************
 * footer.cfm - Apply Agency Tabs specific styles.    *
 ******************************************************/
#footer_content {
	white-space: nowrap;
	text-align: center;
}
#footer_content span {
	margin: 2px 3px 0 0;
}
#footer_content .footerLine {
	display: none;
}
#footer_content fieldset {
	border-top:none;
	padding: 0;
	margin: 0;
	color: inherit;
	background-color: #FFFFFF; /* same as body */
	border: none;
}
#footer_content div {
	width: 32em;
	margin-left: auto;
	margin-right: auto;
}
#footer_content input {
	background-color: transparent;
	width: auto;
	border: none;
	margin: 0 20px;
	padding: 1px;
	text-decoration: underline;
	cursor: pointer;
}

/**************************************************************
 * step_navigation_content.cfm - navigation specific styles.  *
 **************************************************************/
#step_navigation_content {
}
#step_navigation_content fieldset {
	color: inherit;
	background-color: #FFFFFF; /* same as body */
	border: none;
}
#step_navigation_content input {
	background-color: transparent;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: underline;
	cursor: pointer;
}
#step_navigation_content p.navbarLine {
}
#navbarLabel {
	float: left;
	margin: 5px 10px 0 0;
}

#navbarValue div {
	float: left;
}
.disabledLink {
	padding: 2px 0px 0px 0px;
}
.currentStep {
	padding: 0px 5px 0px 20px;
	margin: 0px;
}


/******************************************************
 * pif_edit.cfm - Apply Agency Tabs specific styles.  *
 ******************************************************/
#sectionAgencyTerms .labelPer {
	display: inline;
	clear: none;
	float: none;
	min-width: 10px;
	width: auto;
}

#sectionAgencyTerms .labelTo {
	display: inline;
	clear: none;
	float: none;
	min-width: 10px;
	width: auto;
}

#sectionAgencyTerms .labelFormat {
	display: inline;
	clear: none;
	float: none;
	min-width: 10px;
	width: auto;
	font-style: italic;
	font-size: 90%;
}

#sectionAgencyTerms .labelPercent {
	display: inline;
	clear: none;
	float: none;
	min-width: 10px;
	width: auto;
	font-style: italic;
}

#sectionAgencyTerms #bNowAvailable {
	display: inline;
	clear: none;
	float: none;
	min-width: 10px;
	width: auto;
}

#sectionAgencyTerms #nBaseSalaryMin {
	width: 12em;
}

#sectionAgencyTerms #nBaseSalaryMax {
	width: 12em;
}

#sectionAgencyTerms select {
	width: 12em;
}

#divFormOfAddress {
	display: none;
}

/******************************************************
 * pif_edit.cfm - Mobile section *
 ******************************************************/
#vCountryCode {
	display: none;
}

#countryCodeHintDiv {
	display: inline;
}

.countrycode_hint {
	text-decoration: none;
	margin-left: 4px;
	padding: 0px;
}

/*********
 * Rates *
 *********/
#rates {
	width: 100%;
	margin: inherit;
	padding: 5px 0;
	white-space: nowrap;
	display: block;
}
#rates div {
	width: 12%;
	margin: inherit;
	float: left;
}
#rates div.labels {
	float:left;
	width:25%;
	margin: 0em 1em;
	padding: 1px 0;
	min-width: 15em;
	text-align:left;
}
#rates input {
	min-width: 100%;
	width: 100%;
	clear: left;
	float: none;
	margin: 2px;
	padding: 0;
}
#rates label {
	margin: 0;
	padding: 0;
	clear: left;
	float: none;
	width: auto;
	min-width: 0;
	white-space: nowrap;
}

/*********************************************************
 * show_attachements.cfm                                 *
 *********************************************************/
#sectionAttach {
}
#sectionAttach fieldset {
}
#freeformFC textarea, #freeformFR textarea {
	width: 30em;
	padding: 1px;
	margin: 1px;
}
.label {
	float:left;
	width:25%;
	margin: 0em 1em;
	padding: 1px 0;
	min-width: 15em;
	text-align:left;
}
.value {
	float: left;
	width: 25%;
	min-width: 21em;
}
.submit {
	float: left;
	width: 7%;
}
.warn {
	float: left;
	width: 29%;
	margin: 4px 0 4px 20px;
}
.submit input {
	width: auto;
	border: none;
	margin: 2px 0 2px 0;
	padding: 0;
	background-color: transparent;
	text-decoration: underline;
	cursor: pointer;
}
.introCP1, .introCP2, .introCP3 {
	float:none;
	margin: 0.5em 1em;
	padding: 1px 0;
	text-align:left;
}
.warningCP {
	float:none;
	margin: 0.5em 1em;
	padding: 1px 0;
	text-align:left;
	color: #DD0000;
}

/**********************************************
 * chp login page                             *
 **********************************************/
#chpLoginSection, #chpCreateSection {
	padding: 0;
	margin: 0 0 0 1em;

	width: 46%;
	min-width: 400px;
	float: left;
	border: 1px solid #AAAAAA;
}

#chpLoginSection label.sectionLabel, #chpCreateSection label.sectionLabel {
	min-width: 30%;
	width: 30%;
	white-space: normal;
}

#chpLoginSection input.sectionInput, #chpCreateSection input.sectionInput {
	min-width: 50%;
	width: 50%;
}

#chpLoginSection input.chpbutton, #chpCreateSection input.chpbutton {
	margin-left: 1em;
	width: auto;
}

#chpLoginSection p.sectionChpIntroLogin {
	margin: 0 0 1em 1em;
	width: 85%;
	min-width: 80%;
	float: left;
	white-space: normal;
}

#chpCreateSection p.sectionChpIntroCreate {
	margin: 0 0 1em 1em;
	width: 85%;
	min-width: 80%;
	float: left;
	white-space: normal;
}

#chpCreateSection p.sectionChpExp {
	margin: 0 0 1em 1em;
	width: 85%;
	min-width: 80%;
	float: left;
	white-space: normal;
}

#passwordRules {
	background-color: #FFFFFF;
	border: 1px solid #00306B;
	width: 95%;
	margin: 0 auto 0 auto;
}
#passwordRules ul {
	margin: 3px;
}

/* Don't display form information and action buttons */
#formInfo {
	display: none;
}

#id_close {
	display: none !important;
}

#id_saveDocument {
	display: none !important;
}

#id_save_and_complete {
	display: none !important;
}

#portableCVUploadPrompt {
	margin: 10px auto;
}
div.pleaseWait {
	text-align: center;
}

div.attachment_description{
	float: left;
	margin: 0 0 20px 12px;
	clear: both;
}

/*****************************************************
 *  WCAG 2.0 AA Comliant Component - By default .wai_top_bar is disabled in all approc-sites,
 *  This component became visible, when WCAG 2.0 AA Compliant Layout is enabled 
 *****************************************************/
body.wai {
	font-size:0.75em;
}

/* Section that overrides styles from style_netscape.css - default styling set from BO */
body.wai .headertable {padding:0px 0px 0px 0.33em;}
body.wai .headerlabel1 {font-size:1em;}
body.wai .headervalue1 {font-size:0.9em}
body.wai .headerlabel2 {font-size:0.9em;}
body.wai .headervalue2 {font-size:0.8em;}
body.wai .headerlabel3 {font-size:0.9em;}
body.wai .headervalue3 {font-size:0.8em;}
body.wai .welcometext {font-size:0.8em;padding-left:0.33em;line-height:200%}
body.wai .welcomeline {line-height:1em;font-size:1em;}
body.wai .footerbutton  {font-size:1em;}
body.wai .footerlabel {font-size:0.9em;}
body.wai .navbarlabel {font-size:0.9em;padding-left:0.33em;}
body.wai .navbarvalue{font-size:0.8em;}
body.wai .navbarlink {font-size:0.8em;}
body.wai .navbarline{line-height:0.8em;font-size:0.8em;}
body.wai .steplabel{font-size:1.1em;}
body.wai .stepreq{font-size:0.9em;}
body.wai .sectiontitle{font-size:1.1em;}
body.wai .sectiontable{padding-left:0.8em;}
body.wai label.sectionlabel{font-size:0.9em;}
body.wai .sectionvalue{font-size:0.8em;}
body.wai input.sectionvalue{font-size:0.9em;}
body.wai .sectioninput{font-size:0.8em;}
body.wai .sectionlist{font-size:0.8em;}
body.wai .sectionline{line-height:1.2em;font-size:1.2em;}
body.wai .sectiondate{font-size:0.8em;}
body.wai .reqstep{font-size:1em;}
/* End of section */

.wai_top_bar {
	left:-5000%;
	top:-5000%;
	position:absolute;
}
.wai_top_bar {
	background-color:#00306B;
	color:#fff;
	padding:0.25em 0.8em;
	font-weight:bold;
	margin-bottom:0.5em;
	position:static;
}
.wai_top_bar a {
	color:#fff;
	text-decoration:none;
	padding:0.1em;
}
.wai_top_bar a.wai_curr_size img{
	border-bottom:#FFF 0.1em solid;
}
.wai_top_bar > a {
	margin-left:0.5em;
	float:left;
}

#wai_top_bar a:focus,
#wai_top_bar a:active {
	background-color:#CCCCFF;
	color:#000;
}

.wai_size_selector {
	list-style-type:none;
	float:right;
	margin:0;
	padding:0;
}

.wai_size_selector .wai_size img {
	height:1.3em;
}
.wai_size_selector li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}
.wai_top_bar a {
	line-height:2em;
}
body.wai_size_s {font-size:0.75em;}
body.wai_size_m {font-size:1.5em;}
body.wai_size_l {font-size:2em;}
body.wai_size_m .reqstar{
	background-image: url("/appproc/stylesheets/reqstar2.png");
	width:11px;
}
body.wai_size_l .reqstar{
	background-image: url("/appproc/stylesheets/reqstar3.png");
	width:16px;
}

/* here - rest of WCAG related changes !*/
body.wai #error ul.listWithErrors a:active,
body.wai #error ul.listWithErrors a:focus,
body.wai a:active,
body.wai a:focus {
	color:#fff;
	background-color:#00306B;
}
body.wai  #footer_content  input[type=button]:focus,
body.wai  #footer_content  input[type=submit]:focus {
	background-color:#00306B;
	color:#fff;
	border-color:transparent;
}
body.wai #step_navigation_content input[type=button]:focus,
body.wai #step_navigation_content input[type=submit]:focus,
body.wai #step_navigation_content a:focus,
body.wai #step_navigation_content a:active,
body.wai #content input[type=button]:focus,
body.wai #content input[type=submit]:focus {
	background-color:#00306B;
	color:#fff;
	border-color:transparent;
}

body.wai #chpLoginSection label.sectionLabel,
body.wai #chpCreateSection label.sectionLabel{
	min-width:20em;
	margin-right:0;
}
body.wai #chpCreateSection,
body.wai #chpLoginSection{
	min-width:17em;
}
body.wai #chpLoginSection input.sectionInput,
body.wai #chpCreateSection input.chp_in {
	margin-left:1em;
}
body.wai #chpcreateset,
body.wai #chploginset {
	margin-bottom:1em;
}
body.wai #footer_content {
	margin-bottom:1em;
}
body.wai #step_navigation_content{
	padding-left:0.33em;
}
body.wai .sectionContent fieldset {
	padding:0.5em 0;
}
body.wai .errorContainer{
	padding-left:0.33em;
	padding-bottom:1em;
}
body.wai .sectionLine {
	font-size:1em;
	height:0.1em;
	padding:0.5em;
}
body.wai ul.navigation {
	margin : 0;
	padding-left:0;
}
body.wai ul.navigation li {
	float:left;
}
body.wai ul.navigation li {
	display:inline-block;
	margin:0px;
}
body.wi ul.errorMsg{
	margin: 1em 0;
}

div.PhoneNumberInputFO .MTDC_CountrySelector .selected-flag {
	margin: 5px 5px 0 0;
}
div.PhoneNumberInputFO .MTDC_CountrySelector .search-layer {
	top: 17px;
}
div.PhoneNumberInputFO .MTDC_CountrySelector .ui-autocomplete-input {
	margin-top: 3px;
}

body.wai .errorMsgContainer {
	color: #DD0000;
	width: 175px;
}

body.wai .validationMsg{
	display: none;
	color: #DD0000;
}

body.wai #forgotpasswset .labelExtraWidth{
	width: 40%;
}

body.wai .sectionLabel.sectionLabelWithError {
	min-width: 24em !important;
}

body.wai .nolink {
	cursor: default;
	text-decoration: none;
}

body.wai .marginDiv{
	min-width: 60em;
}
body.wai .fileToUploadLabel {
	line-height: 36px;
}

.welcomeText.withCheckbox  {
	margin-left: 30px;
}

.welcomeText.withCheckbox > label {
	width: 100%;
	float: none;
	margin: 0;
	padding-left: 1em;
	padding-right: 1em;
	box-sizing: border-box;
}

.welcomeText.withCheckbox  > label > input[type=checkbox] {
	position: absolute;
	width: auto;
	margin-left: -30px;
}

.welcomeText.withCheckbox  > label > img.reqstar {
	position: absolute;
	margin-left: -10px;
}