.whole_page { background: url('../images/companyIndustry_default.jpg') no-repeat scroll 0 top rgba(0, 0, 0, 0); }
body { margin:0;padding:0; font-family: 'Oswald', sans-serif; font-size:16px; font-weight: 200; line-height: 1.4 }
a { color: #0075BA; text-decoration: none; }
a:hover,a:active { color: #3980C0; text-decoration: none; }
h1 { color: #0075BA; font-size: 33px; line-height: 1.09091; margin: 0 0 12px; text-transform: uppercase; }
    h1 { font-weight: 300; }
h2 { font-size: 24px; font-weight: 300; line-height: 1.09091; margin: 0 0 2px; text-transform: uppercase; }
h3 { font-size: 20px; font-weight: 300; line-height: 1.09091; margin: 0 0 2px; text-transform: uppercase; }
h4 { font-size: 16px; font-weight: 300; line-height: 1.09091; margin: 0 0 2px; text-transform: uppercase; }
img { border:0;}
img:hover { border:0; opacity: 0.8; }
.nounderline { border:0 !important;}
.whole_page { text-align: center; vertical-align: top; width: 100%; background-size: 100%; }
.background_top { display: inline-block; height: 262px; margin: 0 auto; text-align: center; vertical-align: top; width: 100%; }
.hrlogo { background: url("../images/logo-hr-website.png") no-repeat scroll left top rgba(0, 0, 0, 0); float: left; margin-left: 2%; min-height: 378px; min-width: 212px; vertical-align: top; z-index: 10; }
#logolink { cursor: pointer; height: 180px; margin-top: 0; width: 100%; z-index: 11;    vertical-align: middle; padding-top: 40px;}
.topbanner { float: left; height: 202px; overflow: hidden; vertical-align: top; width: 72%; }
.topmenu { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; margin-top: 5px; text-align: left; vertical-align: top; }
.page_bg { border: 0 solid rgb(51, 51, 51); display: inline-block; height: auto; margin: 0 auto auto; text-align: center; width: 100%; }
.sidemenu { float: left; margin-left: 10px; margin-top: 100px; min-width: 212px; padding: 0; width: 16%; }
.maincontent { float: left; margin-left: 24px; margin-top: 0; padding: 10px; text-align: left; width: 70%; }
.maincontent a { border-bottom:1px dotted; }
.maincontent a:hover, .maincontent a:active { border-bottom:1px solid #000000; }
.footer { width:100%;background: none repeat scroll 0 0 #0075BA; color: #FFFFFF;text-shadow: none; display:table; font-size: 16px;position: relative;bottom:0; }
.breaker {}
li.breaker a { background: #000080 none repeat scroll 0 0 !important;
    height: 3px !important;
    padding: 0 !important; 
}
.footer a { color:#ffffff; }
.footer a:hover { color:#ffffff;text-decoration:underline; }
.errormsg { color:#ff0000; }
.successmsg {background: none repeat scroll 0 0 #238C00; border-radius: 5px; color: #FFFFFF; font-weight: lighter; margin: 0 0 10px; padding: 5px; text-align: center; width: 100%;}
.loginform {border:0    px solid #dedede;}
.bluebutton { font-family: 'Oswald', sans-serif;background-color: #0075BA; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}

#savediv {
    background: #efefef none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 5px;
    padding: 2px 0 4px 16px;
    position: fixed;
    right: 5px;
    text-align: center;
    z-index: 10;
}

.bluebutton:hover, .bluebutton:active { background-color: #3980C0; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.blackbutton { font-family: 'Oswald', sans-serif;background-color: #000000; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.blackbutton:hover, .blackbutton:active { background-color: #333333; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.redbutton { background-color: #990000; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.redbutton:hover, .redbutton:active { background-color: #BB0000; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.greybutton { background-color: #666; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.greybutton:hover, .greybutton:active { background-color: #999; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.greenbutton { background-color: #44BB44; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.greenbutton:hover, .greybutton:active { background-color: #336600; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: 700; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
select,textarea,input { font-family: 'Oswald', sans-serif; font-size:12px; min-width:80px;border: 2px solid #DEDEDE; border-radius: 5px; padding: 5px; margin-bottom: 2px; }
select:focus,select:hover,textarea:focus,textarea:hover,input:hover,input:active,input:focus { min-width:80px;border: 2px solid #0075BA; border-radius: 5px; padding: 5px; margin-bottom: 2px; }
input[type=button]:focus{border:0;}
input[type=radio],input[type=checkbox] { min-width:14px;border: 2px solid #DEDEDE; border-radius: 5px; padding: 5px; margin-bottom: 2px; }
input[type=radio]:active,input[type=checkbox]:active,input[type=radio]:focus,input[type=checkbox]:focus, { min-width:14px;border: 2px solid #0075BA; border-radius: 5px; padding: 5px; margin-bottom: 2px; }
select,textarea,input[type=text],input[type=file],input[type=password] { width: 190px;}
textarea {height:100px;border-radius:5px;}

.inputerror {border:2px solid #ff0000;}
.inputsuccess {border:2px solid #336600;}

/*TOPMENU*/
ul.topmenulist { padding:0; margin-left: 20px; }
ul.topmenulistub { padding:0; margin: 0;}
ul.topmenulist li { list-style-type: none; display: inline-block; }
ul.topmenulist ul.topmenulistsub li { list-style-type: none; display: block; }
    ul.topmenulist li a { font-size: 14px; font-weight: 400; }
ul.topmenulist li a { background: none; color: #333333; display: inline-block; margin-top: -12px; padding: 14px; text-decoration: none; text-transform: uppercase;  }
ul.topmenulist li:hover > a { border-bottom:3px solid #666666;background: none repeat scroll 0 0 #0075BA; color: #FFFFFF; display: inline-block; margin-top: -12px; padding: 14px; text-decoration: none; text-transform: uppercase; }
ul.topmenulist li ul.topmenulistsub li a { background: #0075BA; color: #FFFFFF; display: inline-block; font-size: 13px; font-weight: 400; padding: 4px 5px 10px 14px; text-decoration: none; text-transform: uppercase; width: 90px; }
ul.topmenulist li ul.topmenulistsub li a:hover { background: #3980C0; color: #FFFFFF; display: inline-block; font-size: 13px; font-weight: 400; padding: 4px 5px 10px 14px; text-decoration: none; text-transform: uppercase; width: 90px; }
ul.topmenulist li { position: relative; }
ul.topmenulist li ul.topmenulistsub { display:none; position: absolute; top: 39px; left: -40px; width: 100px; }
ul.topmenulist li:hover ul.topmenulistsub { display:block; }


/*SIDEMENU*/
ul.sidemenulist { padding-right:30%; text-align:right; }
ul.sidemenulistub { padding:0; margin: 0;}
ul.sidemenulist li { list-style-type: none; display: block; position: relative; }
ul.sidemenulist ul.sidemenulistsub li { list-style-type: none; display: block; margin-left:-40px; }
ul.sidemenulist li ul.sidemenulistsub li:not(:first-child) { margin-top:10px;  }


ul.sidemenulist li a { background: none; color: #333333; display: block; font-size: 12px; font-weight: 400; margin-top: -12px; padding: 14px; text-decoration: none; text-transform: uppercase; }
ul.sidemenulist li:hover > a { background: #0075BA; border-left: 3px solid #666666; color: #ffffff; display: block; font-size: 12px; font-weight: 400; margin-top: -12px; padding: 14px; text-decoration: none; text-transform: uppercase; }
ul.sidemenulist li ul.sidemenulistsub { display:none; position: absolute; top: 12px; }
ul.sidemenulist li ul.sidemenulistsub li a { background: none repeat scroll 0 0 #0075BA; color: #ffffff; display: block; font-size: 12px; font-weight: 400; padding: 10px 5px 14px 20px; text-decoration: none; text-transform: uppercase; text-align: left; min-width:200px; }
ul.sidemenulist li ul.sidemenulistsub li a:hover { background: #3980C0; text-align: left; color: #FFFFFF; display: block; font-size: 12px; font-weight: 400; padding: 10px 5px 14px 20px; text-decoration: none; text-transform: uppercase; min-width:200px;}
ul.sidemenulist li:hover ul.sidemenulistsub { display:inline-block; }


.generateformtable {font-size:14px;color:#0075BA; width:auto;}
.generateformtable tr td {padding-top:10px;padding-right:20px;vertical-align:top;min-width:300px;}
.listingtable { color: #0075BA; font-size: 14px; width: 100%; }
.listingtable tr td {padding:5px;vertical-align:top;}
#setupinvoice tr td { padding:5px; vertical-align: top; }
fieldset.regform { width: auto;}
.WC100-logged-in {
    width: 190px;
    text-align: center;
    padding: 20px 0;
}
.WC100 {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto;}
.tiny {font-size:11px;}
#lbcost { border: 2px solid #000000; display: inline-block;margin: 50% auto; padding: 10px; position: fixed; width: 40%; z-index: 1023; opacity: 1.00;background: #ffffff; left: 50%; right: 50%; }
.textgreen {color:#336600!important;}
.recaptchatable { border: 0 solid #DFDFDF !important; line-height: 1em; }
#user-result { color:#000000; }
.viewmode { color:#000000; font-size:120%; }
.footermenu { text-align: center; list-style-type: none; display: inline-block; width: 80%; }
.footermenu li { display:inline-block;float:left;width:20% }
.odd td { /*border-top:1px dashed #cccccc;*/ color: #333333; background-color: #FFFFFF; }
.even td { /*border-top:1px dashed #cccccc;*/ color: #333333; background-color: #F9F9F9; }
.odd:hover>td { /*border-top:1px dashed #cccccc;*/ color: #FFF; background-color: #0075BA; }
.even:hover>td { /*border-top:1px dashed #cccccc;*/ color: #FFF; background-color: #0075BA; }
.odd:hover>td a { color: #FFF; }
.even:hover>td a { color: #FFF; }
.listingtable { padding:0px; vertical-align:top; }
.blacktext {color:#000000;}
fieldset {border:1px solid #0075BA;border-radius:5px;}
legend, legend h2 {color:#0075BA;}
#documentoptions { background: none repeat scroll 0 0 #0075BA; border-radius: 10px; color: #FFFFFF; margin: 10px; padding: 5px 0px 10px 0px; text-align: center; }
#documentoptions a { color:#ffffff; margin:0 10px 0px 10px }
#documentoptions a:hover { color:#000000; }
.bluebuttonfake { font-family: 'Oswald', sans-serif;background-color: #0075BA; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: Normal; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.bluebuttonfake:hover, .bluebuttonfake:active { font-family: 'Oswald', sans-serif;background-color: #3980C0; border: 0 none; border-radius: 5px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: Normal; padding: 5px; text-transform: uppercase; vertical-align: bottom;}
.nobg td { background:none; }
hr.style-two { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
#recaptcha_logo,#recaptcha_privacy{ display:none;}
#faqs dt, #faqs dd { padding: 0 0 0 5px }
#faqs dt { color: #0075BA; cursor: pointer; height: 37px; line-height: 37px; margin: 0 0 5px 5px;}
#faqs dd { margin: 0 0 10px 15px;}
.paginationlink {padding:4px;background:#0075BA;border-radius:5px;color:#ffffff;display: inline-block;margin:1px;}
.paginationlink:hover {padding:4px;background:#3980C0;border-radius:5px;color:#ffffff;}

#howto dt, #howto dd { padding: 0 0 0 5px }
#howto dt { color: #0075BA; cursor: pointer; height: 37px; line-height: 37px; margin: 0 0 5px 5px;}
#howto dd { margin: 0 0 10px 15px;}
.inlinehidden {display: none}
#printsignatures {display: none}
.warningDatesDivinlinehidden{display:none;}
.chairmanOtherOptionDivinlinehidden{display:none;}
.chairmanReasonforDismissalDivinlinehidden{display:none;}
.chairmanRecommendationDivinlinehidden{display:none;}



@media print{
    img {display: none !important;}
    .generateformtable {font-size:18px;color:#0075BA;  overflow: visible !important; display: block; }
.generateformtable tr td {padding-top:10px;padding-right:20px;vertical-align:top; font-size:18px; }

.generateformtable2 {font-size:15px;color:#0075BA;  overflow: visible !important; display: block; }
.generateformtable2 tbody tr td {padding-top:10px;padding-right:20px;vertical-align:top; font-size:15px; }


    .row1inlineblock {display: table-cell; }
    
    .generic {display: block; page-break-inside: avoid;}
    
    .commentsinline {display:block ;page-break-inside: avoid;
                    }
   
   .hearingendedinline {display:block ;page-break-inside: avoid;}
                    

    
   
    .inlinehidden {display: table ; page-break-inside: avoid;
                    }
    .warningDatesDivinlinehidden{display:block !important;page-break-inside: avoid;
                    }
    
    .chairmanOtherOptionDivinlinehidden{display:table-cell; ;page-break-inside: avoid;
                    }
    .chairmanReasonforDismissalDivinlinehidden{display:table-cell; ;page-break-inside: avoid;
                    }
    .chairmanRecommendationDivinlinehidden{display:table-cell ;page-break-inside: avoid;
                   }
    
    br {display: block ; page-break-inside: avoid;
                    page-break-after: always;}
    
  
     #printsignatures {
                    
                    overflow:visible;
                    float: none !important;
                    page-break-inside: avoid;
                    page-break-after: always;
                   display: table-cell;
                   


                     }
}

  

#export {
    background: #000 none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    padding: 5px;
}
.equitytable {
    width:100%;
}
.equitytable tr td {
    border:1px solid #000;
    text-align:center;
}

@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: always; }
}

select#userId{
    width: 230px!important;
}


img#companyLogo {
    max-width: 180px;
    max-height: 160px;
}


#menu-v li, #menu-v a {
}
#menu-v, #menu-v ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #ccc;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ccc;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: medium;
    display: block;
    font-size: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 180px;
    z-index: 9;
}
#menu-v li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#menu-v li a {
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
    color: #0075BA;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-weight: normal;
    line-height: 26px;
    padding-left: 4px;
    text-align: left;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-transform: uppercase;
}
#menu-v ul li a {
    line-height: 30px;
}
#menu-v li a.arrow:hover {
    background-color: #0075BA;
    background-image: url("arrowon.gif");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    color: #fff;
}
#menu-v li a:hover {
    background-color: #0075BA;
    color: #fff;
}
#menu-v li ul {
    position: absolute;
    visibility: hidden;
    width: 230px;
}

#menu-v li ul li ul li ul.subsub {
    position: absolute;
    visibility: hidden;
    width: 230px;
}
#menu-v a.arrow {
    background-image: url("arrow.gif");
    background-position: 97% 50%;
    background-repeat: no-repeat;
}
#menu-v ul li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(255, 255, 255, 1);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
#menu-v ul li:hover, #menu-v ul li.onhover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.sub a:hover,.subsub a:hover {
    background-color: #0075BA;
    color: #fff !important;
}

ul.subsub {
    width:230px;
}
ul.subsub li {
    width: 234px;
    border-right: 1px solid #ccc;
}

ul.subsub li a {
    width: 230px;
}