html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 background-color: #F0F0F0;
}
html { background-color: #FFFFFF; }
#page-wrapper {
 min-height: 100%;
}
#page-header {
 padding: 0px;
 background: #000000;
}
#sub-nav-header-1, #sub-nav-header-2 {
 width: 100%;
 border-bottom: 1px;
 background-color: #000000;
 border-style: solid;
 border-color: #A0A0A0;
}
#page-content {}
#page-footer {
 width: 100%;
 /* height: 145px; */
 position: absolute;
 bottom: 0px;
 left: 0px;
 background: #0067A4;
}

#left-col { z-index: 10000; }
#page-footer { z-index: 9999; }

div { padding: 0; }

#body-primary { padding-top: 8px; }
#body-secondary { padding-top: 16px; padding-bottom: 12px; }

.pagewrapper { width: 100%; }
.contentwrapper { padding: 0px; margin: 0px; }
.pagefooter { height: 100%; overflow-y: hidden; }
.footer1 { background-color: #0067A4; }

.image-helper { display: inline-block; height: 100%; vertical-align: middle; }
div.company-logo { padding: 1px; }
img.emp-logo { vertical-align: middle; max-height: 70px; max-width: 85%; }

.ui-dropdownchecklist-dropcontainer { width: 380px; }
.ui-dropdownchecklist-item { text-align: left; }

.ui-dropdownchecklist-wrapper { width: 100%; }
.ui-dropdownchecklist { width: 99%; width: calc(99% - 1px); }
.ui-dropdownchecklist-text { width: 100% !important; }

.top-edge ul { position: absolute; right: -10px; }

.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix{ height: 1%; }
.clearfix {display: block; }

.dragme { cursor: move }

.primary { margin-bottom: 20px; }
.secondary { margin-bottom: 20px; }
.footer { background-color: #0067A4; }
.footer2 { background-color: #000000; height: 45px; }
.inline-ads { }

#footer-logo { position: absolute; z-index: 1; }

#screen-ui-header { width: 100%; border-bottom: 1px; background-color: #0067A4; border-style: solid; border-color: #003D60; }

#screen-ui-back { width: 100%; position: absolute; left: 0px; bottom: 0px; }
#screen-ui-back-left { vertical-align: bottom; text-align: left; padding: 10px; }
#screen-ui-back-center { vertical-align: bottom; text-align: center; padding: 10px; }
#screen-ui-back-right { vertical-align: bottom; text-align: right; padding: 10px; }

.left-nav-fixed-reset { position: block; margin-top: 3px; visibility: visible; z-index: 10000; }
.left-nav-fixed-top { position: fixed; top: 35px; z-index: 10000; }
.left-nav-fixed-bottom { position: absolute; bottom: 145px; z-index: 10000; }
.left-nav-fixed-disabled { position: relative; z-index: 10000; }

img.nav-icon { width: 14px; height: 14px; margin-left: 9px; margin-right: 9px; position: relative; top: 2px; } /* TESTING UI SAMPLE (changed margin-left to from 6 to 9; changed margin-right to from 7 to 9) */
img.nav-slide-icon { width: 40px; height: 40px; margin-left: 0px; margin-right: 15px; }
.nav-slide-icon-wrapper { display: inline; position: relative; top: 2px; }
.nav-slide-link-wrapper { display: inline; position: relative; top: -8px; font-size: 100%; }

.sub-nav-fixed-front { position: fixed; top: 0px; z-index: 10001; }
.sub-nav-fixed-back { top: 0px; z-index: 0; }

p { margin: 0px; }
p.default { margin-top: 0.7em; margin-bottom: 0.7em; }

p.pgfooter { font-size: 11px; padding-left: 0px; margin-left: 0px; color: #FFFFFF; }
a.pgfooter { color: #FFFFFF; }
a.pgfooter:visited { color: #FFFFFF; }
a.pgfooter:hover { color: #FFFFFF; }

.top-nav-home { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10px; }

table { border-collapse: collapse; border: 0px; padding: 0px; border-spacing: 0px; }
td { border-collapse: collapse; border: 0px; padding: 0px; border-spacing: 0px; text-align: left; vertical-align: top; }
td.default { padding-top: 2px; padding-bottom: 2px; background-color: #FFFFFF; }

img { padding: 0px; border: 0px; }

select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }

td.td-left { display: table-cell; text-align: left; }
td.td-right { display: table-cell; text-align: right; }
td.td-center { display: table-cell; text-align: center; }
td.td-top { display: table-cell; vertical-align: top; }
td.td-middle { display: table-cell; vertical-align: middle; }
td.td-bottom { display: table-cell; vertical-align: bottom; }

img.td-heading { position: relative; bottom: -2px; }

img.screen-ui-mobile { }
.screen-ui-mobile-search-results { }
.screen-ui-standard { }
.screen-ui-mini { display: none; }

.nav-desktop-button {
 /*
 display: block;
 position: absolute;
 top: 7px;
 left: 67px;
 */
 width: 30px;
 height: 25px;
 background: url('/styles/images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background: url('/styles/images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background: url('/styles/images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background: url('/styles/images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 21px, 100%;
 cursor: pointer;
 border: 0 none;
 border-bottom: 1px solid rgba(255,255,255,.1);
 box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
 border-radius: 5px;
 z-index: 998;
 text-indent: -9999px;
}
.nav-desktop-button:hover { background-color: rgba(0,0,0,.1); }

#nav-tablet-button {
 /*
 display: block;
 position: absolute;
 top: 7px;
 left: 67px;
 */
 width: 30px;
 height: 25px;
 background: url('/styles/images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background: url('/styles/images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background: url('/styles/images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background: url('/styles/images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 21px, 100%;
 cursor: pointer;
 border: 0 none;
 border-bottom: 1px solid rgba(255,255,255,.1);
 box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
 border-radius: 5px;
 z-index: 998;
 text-indent: -9999px;
}
#nav-tablet-button:hover { background-color: rgba(0,0,0,.1); }

/* top sub-navigation menu */

.top-nav {
 position: absolute;
 right: -10px;
 top: 0px;
}

#ul-nav {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
 margin: 0;
 padding: 0;
 list-style: none;
 z-index: 99;
}

#ul-nav #li-nav {
 display: block;
 position: relative;
 float: left;
}

#li-nav #ul-nav {
 display: none;
}

#ul-nav #li-nav #href-nav {
 display: block;
 text-decoration: none;
 color: #FFFFFF;
 border: 0px;
 border-top: 1px solid #000000;
 border-left: 1px solid #C0C0C0;
 padding: 5px 15px 5px 15px;
 background: #0067A4;
 /* margin-left: 1px; */
 white-space: nowrap;
}
#li-navsection {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-decoration: none;
 color: #FFFFFF;
 border: 0px;
 border-top: 1px solid #A0A0A0;
 border-left: 1px solid #A0A0A0;
 padding: 5px 15px 5px 15px;
 background: #C0C0C0;
 white-space: nowrap;
}
#ul-nav /* #li-nav */ #href-nav:hover {
 background: #000000;
}

#li-nav:hover #ul-nav {
 /* border-top: 1px solid #A0A0A0; */
 border-top: 0px;
 display: block;
 position: absolute;
}

#li-nav:hover #li-nav {
 float: none;
 font-weight: normal;
 font-size: 11px;
 /* border-bottom: 1px solid #A0A0A0; */
 border-bottom: 0px;
}

#li-nav:hover #href-nav {
 background: #000000;
 color: #FFFFFF;
}

#li-nav:hover #li-nav #href-nav:hover {
 background: #0079BE;
}
/*
#li-nav:hover #ul-nav {
 top: 23px;
}
*/
#li-nav:hover #li-nav {
font-size: 13px;
}

/* top navigation menu (members and employers) */

#ul-top {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
 margin: 0;
 padding: 0;
 list-style: none;
 z-index: 99;
}

#ul-top #li-top {
 display: block;
 position: relative;
 float: left;
}

#li-top #ul-top {
 display: none;
}

#ul-top #li-top #href-top {
 display: block;
 text-decoration: none;
 color: #000000;
 border: 0px;
 border-top: 1px solid #D0D0D0;
 border-left: 1px solid #C0C0C0;
 padding: 5px 15px 5px 15px;
 /* margin-left: 1px; */
 white-space: nowrap;
 font-size: 11px;
 text-align: left;
}

#ul-top #li-top #href-top:hover {
 background: #E0E0E0;
}

#li-top:hover #ul-top {
 border-top: 1px solid #C0C0C0;
 display: block;
 position: absolute;
}

#li-top:hover #li-top {
 float: none;
 font-weight: normal;
 font-size: 11px;
 border-bottom: 1px solid #C0C0C0;
}

#li-top:hover #href-top {
 background: #E0E0E0;
 color: #FFFFFF;
}

#li-top:hover #li-top #href-top:hover {
 background: #D0D0D0;
}

ul.left-nav {
 list-style-type: none;
 margin: 0;
 padding: 0;
 padding-top: 5px; /* TESTING UI SAMPLE (added) */
 padding-bottom: 5px; /* TESTING UI SAMPLE (added) */
}

li.left-nav-header {
 display: block;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #000000;
 width: 192px; /* TESTING UI SAMPLE (changed from 162 to 192) */
 text-align: left;
 padding: 4px;
 text-decoration: none;
}

li.left-nav-spacer {
 display: block;
 font-weight: bold;
 background-color: #0067A4;
 width: 192px; /* TESTING UI SAMPLE (changed from 162 to 192) */
 text-align: left;
 padding: 4px;
 text-decoration: none;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 height: 18px;
}

a.left-nav {
 border-top: 1px solid #000000;
}

a.left-nav:link, a.left-nav:visited {
 display: block;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #0067A4;
 width: 192px; /* TESTING UI SAMPLE (changed from 162 to 192) */
 text-align: left;
 padding: 4px;
 text-decoration: none;
 /* text-transform: uppercase; */
 padding-top: 6px;
 padding-bottom: 6px;
}

a.left-nav:hover, a.left-nav:active {
 background-color: #0079BE;
}

ul.left-nav > li:nth-child(17) {
 position: absolute;
}

table.mast { 
 -webkit-box-shadow: 0px 3px 3px -3px #6B6200;
 -moz-box-shadow: 0px 3px 3px -3px #6B6200;
 box-shadow: 0px 3px 3px -3px #6B6200;
}
form.mast {
 margin :0px;
 position: relative;
 bottom: 0px;
 right: -22px;
}
.mast-search {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #A0A0A0;
 padding: 8px 15px;
 padding-left: 8px;
 padding-right: 30px;
 background-color: #FFFFFF;
 border: 0px solid #DBDBDB;
 width: 286px; /* TESTING UI SAMPLE (changed from 280 to 271) */
}
.mast-button {
 position: relative;
 padding: 6px 15px;
 left: -8px;
 border: 2px solid #938D4A;
 background-color: #6B6200;
 color: #FFFFFF;
}
.mast-button:hover  {
 background-color: #938D4A;
 color: #FFFFFF;
}

#top-nav-search-icon { bottom: -5px; right: 30px; }

/* Div to disable background */
#backgroundFilter {
 /* position: absolute; */
 position: fixed;
 top: 0;
 left: 0;
 overflow: hidden;
 padding: 0;
 margin: 0;
 background-color: #000;
 filter: alpha(opacity=20);
 opacity: 0.2;
 display: none;
 z-index: 99;
 width: 100%;
 height: 100%;
}

.dragme { cursor: move; }

.field-99-453 { width: 99%; }
.field-95-345 { width: 95%; }

.video_thumb { position: relative; width: 100%; }
.video_thumb a {
 position: absolute;
 display: block;
 background: url('/grafix/play-video.png');
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 48px 40px;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
}