@charset "UTF-8";

/* COLORS
RED: 	color: #f70011;
DARK RED: #841000
GREEN : #136634
*/


@media print 
{
        
  input::-webkit-input-placeholder { /* WebKit browsers */
      color: transparent;
  }
  input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: transparent;
  }
  input::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: transparent;
  }
  input:-ms-input-placeholder { /* Internet Explorer 10+ */
      color: transparent;
  }
  
	BODY
	{
		margin-left: 0px;
		margin-right: 0px;
		background-color: transparent;
		background-image: none;
	}
	
   .HideOnPrint { display: none !IMPORTANT;}
   .ShowOnPrint { visibility: visible !IMPORTANT;}
   .HideOnPrintx { visibility: visible !IMPORTANT;}
   .ShowOnPrintx { display: none !IMPORTANT;}
   .HideOnPDF { visibility: visible !IMPORTANT;}
   .ShowOnPDF { display: none !IMPORTANT;}
   
   #esignaturePartial {height: auto !IMPORTANT;}
    
   .esApplicantAccordionContent {display: block !important;}
	
   .pagebreak {page-break-after: always}	  
}

@media screen 
{ 
   .HideOnPrint { }
   .ShowOnPrint { visibility: hidden; display: none }
   .HideOnPrintx { visibility: hidden; display: none }
   .ShowOnPrintx { }
   .HideOnPDF { visibility: hidden; display: none }
   .ShowOnPDF { }

   .pagebreak
	{
		border-right: gray 2px dotted;
		border-top: gray 2px dotted;
		margin: 20px 0px;
		border-left: gray 2px dotted;
		border-bottom: gray 2px dotted;
	}
	
    .esApplicantAccordionContent{display: none}	
}

body {background:url(../images/bg.jpg) repeat-x #FFF 160px 0; }



body.bgpending {background:url(../images/bg_clock.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
body.bgpending2 {background: url(../images/bg_waitingrooom.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
body.bgcompliance {background:url(../images/bg_clouds.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 body.bgapplicant {background: url(../images/bg_newapplicant.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
body.bgapplicant h1, body.bgcompliance h1, body.bgpending h1, body.bgpending2 h1 { 	text-shadow:1px 1px 3px #333;}

#page 
{
    position:relative; top: 50px;
    padding-bottom: 50px
}

h1 {
	color: #f70011;
    font-weight: normal;
    font-style: normal;
	font-size: 45px;
}
h1, h2, h3 {font-family: 'SectionMedium'; font-weight:normal;}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong  {font-family: 'SectionBold'; font-weight:normal;}
h2 {font-size: 26px;}
h2 span {font-family:Arial, Helvetica, sans-serif; font-weight:bold ;}
h3 {font-size:21px; margin: 10px 0; color:#f70011}
h4 {font-size: 18px;}
h5 {font-size: 16px; color:#666; margin: 0 0 5px 0;}
li {margin: 0 0 5px 0;}
.rounded {
	-webkit-border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
		  padding: 20px;
}
.rounded-nopad {
	-webkit-border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
}
.btn-red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f70011;
  *background-color: #841000;
  background-image: -moz-linear-gradient(top, #f70011, #841000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f70011), to(#841000));
  background-image: -webkit-linear-gradient(top, #f70011, #841000);
  background-image: -o-linear-gradient(top, #f70011, #841000);
  background-image: linear-gradient(to bottom, #f70011, #841000);
  background-repeat: repeat-x;
  border-color: #841000 #841000 #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff70011', endColorstr='#ff841000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #ffffff;
  background-color: #841000;
  *background-color: #a9302a;
}

.btn-red:active,
.btn-red.active {
  background-color: #942a25 \9;
}
.help i a:hover, a i {text-decoration:none;}

/*COLUMN WIDTHs */
.wide3col {width:980px; margin: 0 20px 20px 0;}
.left2col {width:660px; margin: 0 20px 20px 0;}
.right1col {width:300px; float:right; margin: 0 0 20px 0;}
.one-half {width: 440px;}

/* TOP HEADER */
#top_header {
	padding: 15px 0 0 0;}
.top_title {
	text-align:right;
}
.top_title h1 {padding: 10px 0 0 0; margin: 0; line-height: 38px;}
.top_title h1 span {font-size: 24px; color:#666;}

/* APPLICANT PAGE */
.report_verification {background: #F0F0F0; margin: 0 0 20px 0; border: 1px solid #E0E0E0}
.report_verification h2 {margin-top: 0;}
.report_verification h4 {margin: 0 0 5px 0;}
.report_verification ul {list-style:none; padding: 0; margin: 0;}
.applicant_select {background: #ddd;}
.applicant_select h3 {	margin: 0 0 10px 0; color:#666;}  
.applicant_select p {font-size: 12px; line-height: 15px; }
.applicant_select a, .applicant_select a:hover {color:#333; text-decoration:none;}

/* Decision */
.decision_select {background: #ddd;}
.decision_select h3 {	margin: 0 0 10px 0; color:#666;}  
.decision_select p {font-size: 12px; line-height: 15px; }

/*PENDING */
.pending { background: url(../images/transparent_white.png); margin: 0 0 20px 0; top: 200px; position:absolute; width: 800px;}

/* COMPLIANCE CLOUD */
body.bgcompliance h1, body.bgcompliance h2, .body.bgcompliance h2 span {color:#FFF;}
.cc_approval {height: 340px;}
.cc_denial {height: 340px;}
.cc_denial_longer {height: 400px;}
.cc_approval .rounded, .cc_denial .rounded { background: url(../images/transparent_white.png);}
.cc_approval h2, .cc_denial h2 {margin: 0 0 15px 0;}
.cc_approval h2 {color:#136634 !important;}
.cc_denial h2 {color:#f70011 !important;}
.cc_step {margin: 0 0 5px 0; font-weight:bold; font-size: 16px;}
.cc_date {margin: 0; font-weight:bold;}
.cc_approval {background:url(../images/bg_approvalwithWHITE.png) no-repeat top right;} 
.cc_denial {background:url(../images/bg_denialwithWHITE.png) no-repeat top right;}

/* WORKER APPLICATION */
.app_option {margin: 0 0 5px 0; font-weight:bold; font-size: 16px;}
.app_box {background: url(../images/transparent_white.png); min-width: 300px; max-width:680px; margin: 0 20px 0 0}
/* I9 FORM */
ul.stackedboxes {margin:0;}
ul.stackedboxes li {list-style:none; padding:0; margin: 0 0 10px 0;}
.form_indent {padding: 0 0 0 20px;}
.form_indent h4 {margin: 0 0 5px 0;}
.evmode-electronici9 {display: none}
.evmode-everify {display: none}
.evmode-reverify {display: none}
.signature_area {border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 15px 0; margin: 0 0 10px 0;}

/*SUPPORT */
.support {
	z-index:200;
	position:fixed;
	right: 0px;
	top: 50%;
}
/*POP UPS */
.pop_content {width: 600px; min-height: 500px; margin: 0 auto; padding: 20px;}
.pop_content .logo {float:right; padding: 0 10px 10px 0; width: 120px; height: auto;}
.pop_content_wide {width: 900px; min-height: 500px; margin: 0 auto; padding: 20px;}
.pop_content .logo {float:right; padding: 0 10px 10px 0; width: 120px; height: auto;}

/* MAIN HEADER */
#main_header {margin: 20px 0; position:relative; top: 0; z-index: 50; position:relative;}
#main_header img {-webkit-border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
          border-radius: 4px 4px 4px 4px;
}
.main_header_headline {width:600px; top: 120px; position:absolute; left: 40px; z-index:100;}
.main_header_headline h1 {color:#FFF; margin: 0;font-family: 'SectionMedium'; font-weight:normal; font-size: 40px; line-height:42px; text-shadow:1px 1px 3px #333;}

/* FOOTER */
.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 980px;
}

.eligBox
{
width: 225px;
font-size: 15px;
font-weight: bold;
text-align: center;
padding: 20px;
}

.elig-good
{
color: white;
background-color:green;
}

.elig-review
{
color: black;
background-color:#FFD237;
}

.elig-bad
{
color: white;
background-color:red;
}

.underline
{
    text-decoration: underline;       
}

.actionReq
{
    text-decoration: underline;   
    color:Red;
}

.ErrorMsg
{
	font-weight: bold;
	font-size: 14px;
	color: #990000;
}

.headingAMBER {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 14px;
	color: #CC9900;
	font-weight: bold;
	text-indent: 0px;
	padding-left: 2px;
}
.headingRED {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 14px;
	color: #990000;
	font-weight: bold;
	text-indent: 0px;
	padding-left: 2px;
}
.headingGREEN {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 14px;
	color: #336633;
	font-weight: bold;
	text-indent: 0px;
	padding-left: 2px;
}

    .siOverlay
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;        
        background: #fff;
        opacity: 0.4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        z-index: 10;
        display: none;
    }
    
.siOuterSection {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	border-bottom: 4px solid #000000;
	padding-bottom: 0px;
	padding-top:  0px;
	padding-left: 0px;
	padding-right: 0px;
}    

/* BEGIN STYLES ADDED 12/3 ////////////////////////////*/
body.bgcompliancelite {background:url(../images/bg_cloudslite.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
  /*COLUMN WIDTHs */
.one-third {width: 300px; margin: 0 20px 0 0}

/* END STYLES ADDED 12/3 ////////////////////////////*/


/* BEGIN STYLES ADDED 1/21 ////////////////////////////*/
.table thead h4 {margin: 5px 0; font-family: 'SectionMedium'; font-weight:normal; }
.table thead h4 span {font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.table thead td{background: #DDD;}
.table thead.sectionhead td, .table thead.sectionhead td a {background: #f70011 !important; color: #FFF;}
.badge-important {background: #f70011 !important;}
.navbar .nav > li { margin: 0;}
#subnav {margin: 10px 0;}
#subnav .navbar .nav > .active > a, #subnav .navbar .nav > .active > a:hover, #subnav .navbar .nav > .active > a:focus {
color: #FFF;
text-decoration: none;
background-color: #f70011;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
text-shadow: 0 1px 0 #841000;
}
.keyitems {width: 25%; float: left;}
.text-primary {color:#f70011;}
/* ICONS */ img.icon_BIG {width: 52px; height: auto;} img.icon_MED {width: 36px; height: auto;} input.search-query {width: 160px;}
/* END STYLES ADDED 1/21 ////////////////////////////*/


/* Added by Mike on 2/13/14 to support old styles coming out of records in the DB*/
.exSumMessageRed 
{
	color: Red;
}

.exSumMessageBlack {
    color: Black;
}
/****/


/* Added by Mike on 3/17/14 */
/* Floating <div> type stuff */
.puDiv
{	margin: 0;
	padding: 0;
	z-index: 30}

.puDiv div
{
    background-position: #EAEBD8;
    position: absolute;
    visibility: hidden;
    margin: -20;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #E60600;
}

.puDiv div a
{
    background-position: #EAEBD8;
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #EAEBD8;
    color: #E90000;
    font: 11px arial;
}

.puDiv div a:hover
{
    background-position: #F90908;
    background: #F90908;
    color: #FFF;
}

.dropdown H2:hover
{
    text-decoration: underline;
}

.clearable
{
  background:url(../images/clearableX.png) no-repeat right -10px center;
  /*border:1px solid #999;*/
  /*padding:3px 18px 3px 4px;*/ /* USE the same right padding in jQ! */
  /*border-radius:3px;*/
  /*transition: background 0.4s;*/ /*REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN Chrome (Bug 02.2014)*/
}
.clearable.x{
  background-position: right 5px center;
}
.clearable.onX{
  cursor:pointer;
}

.clearable::-ms-clear {
    display: none;
}
.myCapitalize
{
    text-transform:capitalize
}

.ui-state-default
{
    background-image: none;
    font-weight: normal;
}

.ui-state-hover
{
    background-image: none;
    font-weight: normal;
}


a.disabled-link,
a.disabled-link:visited ,
a.disabled-link:active,
a.disabled-link:hover {
    background-color:#d9d9d9 !important;
    color:#aaa !important;
}