/*main.css*/

h2,
h3,
h4,
h5 {
    font-family: Helvetica, Arial, "sans-serif";
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 13px;
}

h2.covid {
    /*width:960px !important;*/
    font:
        normal 30px/33px Arial,
        Verdana,
        "Lucida Grande" !important;
    background: none !important;
    height: auto !important;
    color: #005941 !important;
    padding: 10px 0 20px 0 !important;
}

#sub-right img {
    display: block;
}

.main-content {
    width: auto;
}

#mast-head {
    background-color: transparent !important;
}

#state-header-gray-bar {
    width: 100%;
    display: block;
    border-bottom: 1px solid #595959;
    background: #a4a4a4; /* Old browsers */
    background: -moz-linear-gradient(top, #a4a4a4 50%, #7d7d7d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #a4a4a4), color-stop(100%, #7d7d7d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a4a4a4 50%, #7d7d7d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a4a4a4 50%, #7d7d7d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a4a4a4 50%, #7d7d7d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a4a4a4 50%, #7d7d7d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#7d7d7d',GradientType=0 ); /* IE6-9 */
}

#state-header-gray-bar .state-gray-bar-wrapper {
    width: 960px;
    margin: 0 auto;
    height: 160px;
    position: relative;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -moz-transition-property: all;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -ms-transition-property: all;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

#state-header-gray-bar .state-gray-bar-wrapper.closed {
    height: 42px;
}

#wpma-state-nav {
    padding: 5px 0 0 144px;
}

.state-gray-bar-wrapper #wpma-state-nav ul {
    border-right: 1px dotted #828282;
    overflow: hidden;
    list-style: none;
    text-transform: uppercase;
    float: left;
    padding-right: 5px;
    margin-right: 17px;
    opacity: 1;
}

#wpma-state-nav ul:last-child {
    border: none;
}

#wpma-state-nav ul li {
    color: #000;
    font-size: 12px;
    line-height: 0px;
    display: none;
}

#wpma-state-nav ul li a {
    color: #353535;
    font-size: 11px;
}

#state-logo {
    background: url("/images/wpma-state-logo-white.png") no-repeat top left;
    width: 124px;
    height: 23px;
    position: absolute;
    top: 9px;
    left: 0;
}

#state-logo span {
    display: none;
}

#state-nav-toggle {
    background: url("/images/state-expand-nav-bt.png") no-repeat top left;
    width: 27px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 9px;
    cursor: pointer;
}

#state-nav-toggle:hover {
    background-position: left bottom;
}

#state-nav-wrapper {
    background-color: #000;
    height: 42px;
    width: 100%;
    margin-top: 130px;
    text-align: center;
}

#state-nav {
    /* width:960px;*/
    text-align: left;
    /* margin-left:285px;*/
    margin-left: 95px;
    margin-top: 14px;
}

#state-nav .btn {
    padding: 0px 9px;
    background: none;
    border-top: none;
    border-bottom: none;
    color: #fff;
    font-size: 12px;
}

#state-nav .btn:last-child {
    border-right: none;
}

#state-nav .state-logo span {
    display: none;
}

#state-nav h3 {
    position: absolute;
    left: 0;
    font-weight: bold;
    font-size: 35px;
}

#mast-body-container {
    text-align: center;
}

#main-body-wrapper {
    max-width: 960px;
    text-align: left;
    margin: 70px auto 0 auto;
}

#main-body-wrapper .row {
    margin: 0;
}

.photo-icon,
.email-icon,
.pdf-icon,
.external-icon {
    min-height: 78px;
    padding: 20px;
    background-color: #f3f3f3;
}

.photo-icon span {
    color: #fff;
    font-size: 27px;
    float: left;
    margin-right: 10px;
    background-color: #d04525;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 7px 0;
}

.photo-icon a,
.email-icon a,
.pdf-icon a,
.external-icon a {
    width: 190px;
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    padding-top: 6px;
}

.email-icon span {
    background: url("/images/utah-email-icon.png") no-repeat center center;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.pdf-icon span {
    background: url("/images/pdf-icon-new.gif") no-repeat center center;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.external-icon span {
    background: url("/images/light-bulb.png") no-repeat center center;
    width: 55px;
    height: 77px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

#state-view-members {
    background: url("/images/state-member-icon-small.gif") no-repeat 0 3px;
    color: #00206c;
    min-height: 40px;
    padding: 0 0 0 50px;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
}

#state-view-members a {
    color: #00206c;
}

#state-become-member {
    border: 1px solid #838383;
    padding: 25px 20px 25px 20px;
    margin-bottom: 20px;
}

#state-become-member h4 {
    color: #000;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 10px;
}

#state-become-member p {
    font-size: 13px;
    line-height: 15px;
}

#state-become-member p span {
    font-weight: bold;
    font-size: 14px;
    display: block;
}

#state-member-application {
    background: url("/images/state-pdf-icon.png") no-repeat top left;
    min-height: 40px;
    padding-left: 48px;
}

#state-member-application ul {
    margin: 0;
    padding: 0;
}

#state-member-application ul li {
    list-style: none;
    font-size: 13px;
    color: #e94c3d;
}

#state-member-application ul li a {
    margin-left: -5px;
    color: #e94c3d;
}

#shadow-bar {
    background: url(/images/footer-shadow-bar.gif) repeat-x top left;
    height: 102px;
    margin-bottom: 15px;
}

#state-cal-of-events-wrapper {
    position: relative;
}

#state-cal-of-events-wrapper h4 {
    background: #838383 url("/images/state-cal-icon-small.png") no-repeat 27px 9px;
    width: 100%;
    height: 40px;
    padding: 11px 0 0 57px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}

#cal-event-arrow-fixed {
    position: absolute;
    top: 40px;
    left: 30px;
}

#state-cal-of-events {
    height: 270px;
    overflow: auto;
    border: 1px solid #838383;
    border-top: none;
}

#state-cal-of-events h5 {
    font-size: 16px;
    color: #5c5b5b;
    line-height: 14px;
    margin: 20px 20px 0 20px;
    padding: 0 16px 0 16px;
}

#state-cal-of-events h5 a {
    color: #5c5b5b;
    text-decoration: underline;
}

#state-cal-of-events p {
    font-size: 15px;
    line-height: 18px;
    color: #000;
    margin: 0 20px 0 20px;
    padding: 0 16px 16px 16px;
    border-bottom: 1px solid #838383;
}

#state-cal-of-events p:last-child {
    border-bottom: none;
}

#state-cal-of-events span {
    font-size: 12px;
    color: #5c5b5b;
    line-height: 14px;
}

#state-cal-of-events .state-event {
    padding: 0 16px 16px 16px;
    margin: 20px;
    border-bottom: 1px solid #838383;
}

#state-cal-of-events .state-event:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

#state-cal-of-events .state-event .state-date,
#state-cal-of-events .state-event .state-location {
    font-size: 12px;
    color: #5c5b5b;
    line-height: 14px;
}

#state-cal-of-events .state-event .state-title {
    font-size: 13px;
    line-height: 15px;
    color: #000;
}

#main-body-wrapper .state-logos {
    margin: 20px 10px;
}

/*#mast-head #header{

    width:900px;
    overflow:hidden;
    height:50px;
    margin:0 auto;

}*/

#header h1 {
    width: 146px;
    height: 36px;
    display: block;
}

#header #logo a {
    background: url("/images/wpma-logo-small-bw.gif") no-repeat top left;
    width: 146px;
    height: 36px;
    display: block;
    margin: 7px 0 0 15px;
}

#header #logo a span {
    display: none;
}

#header ul {
    width: 614px;
    height: 30px;
    text-transform: uppercase;
    list-style: none;
    position: absolute;
    top: 20px;
    margin: 0 0 0 286px;
    z-index: 1000;
}

#header ul li {
    display: block;
    float: left;
    height: 30px;
}

#header ul li a {
    background: #dedede url("/images/state-nav.gif") no-repeat top left;
    height: 30px;
    display: block;
    overflow: hidden;
}

#container #header ul li ul.sub-nav li a {
    color: #3c3c3c;
}

#header ul li#nav-home a {
    background-position: 0px 0px;
    width: 99px;
}

#header ul li#nav-home a:hover {
    background-position: 0px -30px;
}

#header ul li#nav-member-states a {
    background-position: -99px 0px;
    width: 108px;
}

#header ul #nav-member-states a:hover {
    background-position: -99px -30px;
}

#header ul li#nav-scholarship a {
    background-position: -207px 0px;
    width: 100px;
}

#header ul li#nav-scholarship a:hover {
    background-position: -207px -30px;
}

#header ul li#nav-industry-resources a {
    background-position: -307px 0px;
    width: 147px;
}

#header ul li#nav-industry-resources a:hover {
    background-position: -307px -30px;
}

#header ul li#nav-about-us a {
    background-position: -454px 0px;
    width: 78px;
}

#header ul li#nav-about-us a:hover {
    background-position: -454px -30px;
}

#header ul li#nav-partners a {
    background-position: -532px 0px;
    width: 82px;
}

#header ul li#nav-partners a:hover {
    background-position: -532px -30px;
}

#header #wmi,
#header #pmaa,
#header #associate-member-search {
    display: none;
}

#sub-body #sub-right {
    padding-top: 10px;
}

#sub-body #sub-right #crumb-trail {
    padding: 0 0 20px 0;
    width: 450px;
    font-size: 10px;
    color: #656565;
}

#sub-body #sub-right #crumb-trail a {
    font-size: 10px;
    color: #656565;
    text-decoration: underline;
}

#sub-right #state-right h4 {
    padding: 6px 10px;
    background-color: #fff;
}

#state-right #current-events {
    border: 1px solid #ffffff;
    border-right: none;
    height: 211px;
    width: 205px;
    display: block;
    margin: 0;
    border-bottom: none;
}

#current-events #events {
    height: 181px;
    overflow: hidden;
}

#events h5 {
    font-size: 14px;
    /*color:#365e11;*/
    margin: 7px 0 0 10px;
}

#events h5 a {
    font-size: 12px;
}

#events p {
    margin: 0 0 0 10px;
    padding: 0 0 4px 0;
    width: 175px;
    font-size: 11px;
    line-height: 13px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

#events p span {
    font-size: 10px;
}

#state-photo #scroll-left {
    float: left;
    margin: 46px 10px 0;
    _display: inline;
}

#state-photo #scroll-right {
    float: right;
    margin: 46px 10px 0;
}

#state-photo #photo-scroll {
    overflow-x: hidden;
    width: 630px;
    height: 122px;
    float: left;
    position: relative;
    margin-left: 4px;
}

#photo-scroll #scrollarea {
    width: auto;
    height: 120px;
    position: absolute;
    overflow: hidden;
    left: 0;
}

#scrollarea a {
    float: left;
    margin: 8px 25px 0 0;
    border: 3px solid #eff5f6;
    width: 100px;
}

#scrollarea a:last-child {
    margin-right: 0;
}

#footer #state-footer {
    width: 630px;
    float: left;
    height: 65px;
    font: 10px/11px Arial;
    padding-left: 10px;
    margin: 12px 0 0 0;
}

#state-footer .footer-column {
    float: left;
    width: 155px;
    margin: 10px 0 0 0;
}

#state-footer .footer-column h4 {
    font-weight: bold;
    font-size: 10px;
}

#state-footer .footer-column h4 span {
    font-weight: normal;
}

#body-content #copyright {
    color: #626262;
}

#sub-right .conv_detail {
    font: bold 14px/16px Arial;
    width: 90px;
    float: left;
    display: block;
    padding: 5px 0 0 20px;
}

#sub-right .conv_datail_info {
    font: normal 14px/16px Arial;
    width: 300px;
    float: left;
    display: block;
    padding: 5px 0;
}

#sub-right #w-form {
    /* padding:20px;*/
}

#sub-right .right-float-sub {
    float: right;
    width: 200px;
    min-height: 200px;
    padding: 10px;
}

#sub-right #booth {
    margin: 11px 0 0 11px;
}

#sub-right #booth #booth-bk-color {
    position: absolute;
    width: 14px;
    height: 13px;
    margin: 10px 0 0 15px;
}

#sub-right #booth #booth-bar {
    background: url("/images/state-conv-booth-bar-up.png") no-repeat top left;
    width: 596px;
    height: 32px;
    position: relative;
}

#sub-right #booth #state-booth {
    background: url("/images/state-conv-booth-bar-down.png") no-repeat top left;
    width: 596px;
    height: 386px;
    position: relative;
}

#sub-right #booth .view-booth {
    padding: 7px 0 0 40px;
    display: block;
    font-size: 14px;
    float: left;
    cursor: pointer;
}

#sub-right #booth #reg-booth-legend {
    float: right;
    margin: 8px 35px 0 0;
    font-size: 11px;
}

#reg-booth-legend #legend-box {
    background-color: #de9494;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
}

#booth #state-booth-area {
    margin: 10px 0 0 12px;
    clear: both;
    float: left;
    width: 570px;
}

#booth #state-exhibitor-list {
    background: url("/images/state-conv-booth-exhibitor-list-bg.png") no-repeat top left;
    float: left;
    width: 166px;
    height: 338px;
    clear: both;
    position: relative;
}

#state-exhibitor-list #state-exhibitors {
    overflow-y: scroll;
    width: 166px;
    height: 320px;
    position: relative;
    z-index: 14;
    padding-top: 18px;
}

#state-exhibitor-list #state-exhibitors ul {
    list-style: none;
    padding: 3px 10px;
    margin: 0;
    font-size: 12px;
}

#state-exhibitor-list #state-exhibitors ul li {
    border-bottom: 1px dotted #d2d2d2;
    padding: 5px 0;
    line-height: 15px;
    font-size: 12px;
}

#state-exhibitor-list #state-exhibitor-sort {
    height: 18px;
    font-size: 10px;
    position: absolute;
    width: 150px;
    z-index: 15;
    padding: 0 0 0 10px;
    background: url("/images/state-conv-booth-exhibitor-list-bg.png") no-repeat top left;
}

#state-exhibitor-list .state-exhibitor-over {
    cursor: default;
}

#state-exhibitor-sort .sort-by-obj {
    width: 43px;
    height: 13px;
    text-align: center;
    display: block;
    float: left;
    line-height: 13px;
    margin: 3px 0 0 7px;
    cursor: pointer;
}

#state-exhibitor-sort .sort-on {
    background-color: #e5f301;
}

#booth #state-boothmap {
    float: left;
    width: 404px;
    height: 338px;
    position: relative;
}

#state-boothmap .state-booth {
    background-color: #b84040;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
}

#state-boothmap .state-booth-on {
    background-color: #20419e;
}

/*#sub-body #sub-right{
    padding-right:0;
}*/

#schedule-of-events {
    float: right;
    width: 202px;
    margin: 40px 0 0 10px;
    background: url("/images/state-schedule-of-events-bg.png") no-repeat top left;
    min-height: 50px;
}

#schedule-of-events h3 {
    font-size: 15px;
    margin: 16px 0 0 53px;
}

#schedule-of-events h5 {
    font-size: 13px;
    margin: 15px 0 0 10px;
}

#schedule-of-events ul {
    list-style: none;
    margin: 0 0 0 13px;
    padding: 0;
    font-size: 11px;
}

#schedule-of-events ul li {
    margin: 0;
    padding: 0;
    line-height: 11px;
    margin: 2px 0 7px 0;
    overflow: hidden;
}

#schedule-of-events ul li span {
    width: 124px;
    float: left;
}

#schedule-of-events ul li p {
    width: 65px;
    float: left;
    margin: 0;
    padding: 0;
}

#warning {
    background: url("/images/warning-tri.png") no-repeat -10px -10px;
    border: 1px solid #000;
    padding: 5px 5px 5px 90px;
    color: #000;
    clear: both;
    width: 55%;
    margin: 20px auto;
    font-weight: bold;
}

.state-conv-nav {
    border-bottom: 1px solid #000;
}

.state-conv-nav ul {
    margin: 0 auto;
    /* text-align: center; */
    width: 740px;
    padding-left: 110px;
}

.state-conv-nav ul li {
    display: inline-block;
    padding: 5px 0;
}

.state-conv-nav ul li a {
    margin: 10px 20px 10px 0;
    font-size: 14px;
}

.state-conv-nav .active {
    color: #bb0909;
    font-weight: bold;
}