/* 
    Artfully masterminded by ZURB.
    Created by Rob Cote for mWeb, July 2012.
    Modified by Cameron HayGlass, August 2012.
    Modified by David Peterson, Dec 2015 - Jan 2016
*/
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
    background: #fff;
}

form {
    margin: 0;
    background: none;
}

.header_wrapper {
    height: 0px;
}

form {
    margin: 0;
}

#ui-datepicker-div {
    display: none;
}

.languages {
    display: none !important; /*we hide language choice in base */
}

#content_body {
    padding: 30px 5px;
}

#header {
    display: block;
}

#mobileheader {
    display: none;
    background-color: #FFF;
}

    #mobileheader img {
        margin: 0 auto;
        display: block;
    }

.profilesection a {
    cursor: pointer;
}

a img {
    border: 0;
}

.panel {
    background: #FFF !important;
}

.MNA_Sidebar > div {
    margin: 5px 30px 0 0;
    padding: 3px 5px;
}

.MNA_Sidebar .datafield {
    word-break: break-all;
}


.MNA_SidebarRight > div {
    margin: 5px 0 0 0;
    padding: 3px 5px;
}

#block-block-2 {
    margin: 0 10px;
}

div.topbar {
    background-color: #FFF;
    text-align: right;
}

div.topbarwrapper {
    padding: 0 0 8px 0;
}

div.topbar a, div.topbar a:visited {
    color: #888;
}

    div.topbar a:hover {
        color: #AAA;
    }

div.topbar span.name, div.topbar b {
    font-weight: bold;
    color: #C00;
}

.topbarwrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

label {
    cursor: default;
}

#block-block-2 li {
    list-style: none;
}

h3 {
    clear: both;
    font-size: 2.4em;
    font-weight: 200;
    line-height: 1em;
    letter-spacing: -1px;
    padding: 0 0 20px 0;
    background: none;
    color: #000;
    text-transform: none;
    text-shadow: none;
}

textarea {
    background: white;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 100%;
    color: #333333;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

legend {
    display: table; /* Enable line-wrapping in IE8+ */
    white-space: normal; /* Enable line-wrapping in old versions of some other browsers */
}

.logo {
    text-align: left;
}

.nav-utility {
    margin-top: 25px;
    text-align: right;
}

    .nav-utility p {
        margin: 0px 5px;
        font-size: 90%;
    }

/*MNA-13-167*/
#footer {
    width: 920px;
    padding-left: 205px;
    margin-top: 150px;
    font-weight: bold;
}

.version {
    display: none;
}

#footer p, #footer div {
    font-size: 11px;
    color: #000;
    text-align: center;
}

#footer a {
    font-weight: bold;
}

.banners li {
    list-style: none;
}

.no-padding {
    padding: 0 !important;
}

.button, .button.success {
    display: block;
    background: #d31145;
    padding: 10px 35px 11px;
    color: #fff;
    text-shadow: #fff 0px 1px 0px;
    text-transform: uppercase;
    line-height: 1.4em;
    margin-bottom: 5px;
    font-size: 0.9em;
    border: 1px solid rgba(0,0,0,.15);
    font-weight: normal;
}

    .button:not(.buttonloading, .paylaterbutton), .button.success:not(.buttonloading, .paylaterbutton) {
        display: block;
        background: #d31145;
        padding: 10px 35px 11px;
        color: #fff;
        text-shadow: #fff 0px 1px 0px;
        text-transform: uppercase;
        line-height: 1.4em;
        margin-bottom: 5px;
        font-size: 0.9em;
        border: 1px solid rgba(0,0,0,.15);
        box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.33);
        font-weight: normal;
    }

    .button:hover, .button.success:hover {
        background-color: #d72958;
    }

    .button:active, .button.success:active {
        box-shadow: inset 0 3px 0 0 rgba(0,0,0,.33)
    }

.profiletable table {
    width: 100%;
}

.tablesorter th.header {
    background: url('../../../images/icons/none.png') center right no-repeat;
    padding-right: 16px;
    cursor: pointer;
}

    .tablesorter th.header.headerSortUp {
        background: url('../../../images/icons/up.png') center right no-repeat;
    }

    .tablesorter th.header.headerSortDown {
        background: url('../../../images/icons/down.png') center right no-repeat;
    }


.languages, .userinfo {
    margin: 12px 0;
    text-align: right;
    font-size: 80%;
}

.requiredtooltip {
    font-style: italic;
    font-size: 80%;
}

.tooltip {
    margin-top: -30px;
    z-index: 50;
    padding: 6px 20px;
}

.alwaysshowlabel {
    overflow: auto;
}

    .alwaysshowlabel input, .alwaysshowlabel select {
        width: 65%;
        float: left;
    }

    .alwaysshowlabel label.error-message {
        float: left;
    }


.alwayslabel {
    width: 35%;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    float: left;
    color: #fff;
    padding: 9px 1%;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: normal;
}

.alwayslabelmultiline {
    float: none;
    width: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.logoimage {
    display: block;
    height: 110px;
    width: 275px;
    background: url(../images/logo_unionware_275x110.png) center left !important;
}

.login-graphic {
    margin-top: 40px;
}

.login h3 {
    margin-top: 0px;
    font-size: 1.4em;
    clear: none;
    padding: 5px 0 5px 3px;
    background: none;
    border: 0;
    text-shadow: none;
    font-weight: bold;
    color: #444;
}


.login .mna_content {
    overflow: hidden;
}

.login .shadedpanel {
    padding: 20px;
    margin-top: 40px;
}

.button.button-edit {
    background: url(../../../images/icon_edit.png) 5px 5px no-repeat #d31145;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}


div.panel {
    border: 0;
}

li.mobile_menu {
    display: none !important;
}

.profilesection {
    margin-bottom: 30px;
}

.panel .profilesection h4 {
    font-weight: bold;
    margin: 1px 0;
}

.article p {
    margin: 0;
}

.panel .article {
    margin-bottom: 0px;
}

h3.type {
    font-size: 150%;
    margin: 0;
    padding: 0;
    border-bottom: 1px #BBB solid;
}

h3.subtype {
    font-size: 130%;
    color: #777;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #ddd;
}

table tbody tr td {
    padding: 3px 4px;
}


/* -----------------------------------------
   Login page "logo" in text for translation purposes
----------------------------------------- */


.logintext1, .logintext2, .logintext3 {
    display: none;
}


/* -----------------------------------------
   Media resizing for shared styles
----------------------------------------- */

@media only screen and (max-width: 767px) {
    #content_wrapper {
        background: none;
    }

    .login #content_wrapper {
        background: none;
    }

    .login-graphic {
        margin-top: 0px;
    }

    .logo {
        text-align: center;
    }

    #footer {
        padding: 0;
    }

    div.topbarwrapper {
        width: 100%;
        padding: 3px 10px;
        line-height: 150%;
    }

    .nav-utility {
        margin-top: 0px;
        text-align: center;
    }

        .nav-utility p {
            display: inline;
            padding-bottom: 10px;
        }

    .languages, .userinfo {
        margin: 5px;
        text-align: center;
    }

    li.mobile_menu {
        display: block !important;
    }

        li.mobile_menu a {
            background: transparent url('../../../images/icons/menu.png') no-repeat center right;
            margin-right: 2%;
        }

    #header .hidemobile {
        display: none;
    }

    #mobileheader {
        display: block;
    }

    nav {
        z-index: 100;
    }

    #footer {
        margin-top: 20px;
    }

    .profilesection {
        margin-bottom: 5px;
    }

    .leftloginpanel {
        margin-top: 35px;
    }

    .login input {
        margin: 10px 0;
    }

    .header_wrapper {
        height: auto;
    }

    .hidesmall {
        display: none;
    }

    .tooltip {
        margin-top: -25px;
        padding: 4px;
    }

    .logo {
        padding-top: 0 !important;
        height: auto !important;
    }
}

/* -----------------------------------------
   Utility Classes
----------------------------------------- */
.hugefont {
    font-size: 130%;
}

.bigfont {
    font-size: 110%;
}

.smallfont {
    font-size: 90%;
}

.tinyfont {
    font-size: 70%;
}

.verysmallgap {
    margin: 2px 0;
}

.smallgap {
    margin: 5px 0;
}

.mediumgap {
    margin: 10px 0;
}

.largegap {
    margin: 20px 0;
}

.hugegap {
    margin: 40px 0;
}

.smallindent {
    padding: 0 5px;
}

.mediumindent {
    padding: 0 10px;
}

.largeindent {
    padding: 0 20px;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

.overflow {
    overflow: auto;
}

.overflowhidden {
    overflow: hidden;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.instructions {
    margin-bottom: 40px;
}

.clearboth {
    clear: both;
}

.hideme {
    display: none;
}

.showme {
    display: inline;
}

.smallverticalpadding {
    padding: 2px 0;
}

.bold {
    font-weight: bold;
}

.logoutlink {
    margin-left: 5px;
}

#content_body > .twelve > div.panel {
    position: relative;
    width: 74%;
    left: 25%;
}

/* -----------------------------------------
   Media Resizing for Utility Classes
----------------------------------------- */
@media only screen and (max-width: 767px) {
    .smallgap {
        margin: 2px 0;
    }

    .mediumgap {
        margin: 4px 0;
    }

    .largegap {
        margin: 6px 0;
    }

    .twelve > div.panel {
        width: 100%;
        left: 0%;
    }
}


/* -----------------------------------------
   NAVIGATION MENU 
----------------------------------------- */


#content_body {
    padding-top: 17px;
}

nav {
    padding-top: 25px;
    margin: 0 auto;
    z-index: 100;
    width: 100%;
    display: inline;
}

nav ul ul {
    display: none;
    min-width: 175px;
    z-index: 500;
}

html.no-touch nav ul li:hover > ul {
    display: block;
}

nav ul {
    padding: 0;
    list-style: none;
    list-style-image: none;
    list-style-position: inside;
    position: relative;
}

    nav ul:after {
        content: "";
        clear: both;
        display: block;
    }


    nav ul li {
        float: left;
        list-style: none;
        list-style-image: none;
        margin: 0;
        min-height: 25px;
    }

    nav ul ul li {
        min-height: 25px;
        line-height: 25px;
        padding: 0 15px 0 5px;
        list-style: url(../images/caret.gif) inside;
    }

nav > ul > li > a {
    font-weight: bold;
}

nav ul li a {
    display: block;
    padding: 2px 8px;
    color: #666;
    font-size: 9pt;
    text-decoration: none;
}

    nav ul li a.current {
        color: #000;
    }

nav > ul > li > a.current {
    color: #000;
}

html.no-touch nav ul ul li:hover {
    color: #666;
    background-color: #d0cac3;
}

html.no-touch nav ul li:hover > a {
    color: #666;
}

html.no-touch nav ul li:hover a.current {
    color: #666;
}

html.no-touch nav > ul > li:hover > a.current {
    color: #666;
}

/*
nav > ul > li > a.current
{
    background-color: #CE3443;
    border-radius: 14px;
    box-shadow: inset 0 3px 2px rgba(255,255,255,.7), inset 0 -5px 2px rgba(0,0,0,.7);
}*/

html.no-touch nav ul ul li:hover a {
    color: #555;
}

nav ul ul {
    background: #f0e9e2;
    padding: 0;
    position: absolute;
    margin-left: 0;
}

    nav ul ul li {
        float: none;
        border: 1px solid #ddd;
        border-top: 0;
        position: relative;
    }

        nav ul ul li:first-child {
            border-top: 1px solid #ddd;
        }

        nav ul ul li a {
            padding: 3px 10px;
            color: #666666;
            font-size: 12px;
            display: inline;
        }

nav > ul > li {
    margin: 0px 3px 0px 3px;
}

    nav > ul > li.haschildren > a::after {
        position: relative;
        right: -5px;
        font-family: FontAwesome;
        cursor: pointer;
        content: "\f0d7";
    }

@media only screen and (min-width: 768px) {
    nav {
        margin-top: 10px;
    }

        nav > ul {
            margin: 0 auto;
        }

        nav ul ul ul {
            position: absolute;
            left: 100%;
            top: -1px;
            z-index: 200;
        }

    html.touch ul li a {
        display: inline;
    }

    nav ul ul ul.positionRight {
        position: absolute;
        left: auto;
        right: 100%;
        top: 5px;
    }

    nav ul ul li.haschildren::after {
        color: #666;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -0.5em;
        line-height: 1em;
        font-family: FontAwesome;
        font-weight: 400;
        content: "\f0da";
    }

    nav ul li.haschildren.positionRight {
        background: url('../../../images/icons/left.png') center left no-repeat;
        background-position: 85% 50%;
    }

}

/* -----------------------------------------
   Mobile Styles for NAVIGATION MENU 
----------------------------------------- */
@media only screen and (max-width: 767px) {
    nav ul {
        position: static;
    }

        nav ul li a {
            display: inline;
        }

        nav ul li {
            float: none;
            text-align: left;
            background-color: #EEE;
            border: 0 !important;
            cursor: pointer;
        }

    nav > ul > li {
        background-color: #A00;
    }

        nav > ul > li.haschildren {
            overflow: auto;
            background-repeat: no-repeat;
            padding-right: 0px;
            cursor: pointer;
        }

        nav > ul > li > a {
            width: auto;
            display: inline;
        }

    nav a {
        border: 0 !important;
    }

    nav ul ul {
        position: static;
        width: 100%;
        padding-left: 15px;
        border: 0;
    }

        nav ul ul li {
            position: static;
            top: auto;
            left: auto;
            right: auto;
        }

            nav ul ul li:hover {
                background-color: inherit;
            }

            nav ul ul li.haschildren > a::after {
                position: relative;
                right: -5px;
                font-family: FontAwesome;
                cursor: pointer;
                content: "\f0d7";
            }
}



/* -----------------------------------------
   Various mWeb styles 
----------------------------------------- */


.article {
    overflow: visible;
    padding: 0px 10px 10px;
}

.block-grid.article-meta {
    padding: 5px 0px;
    display: block;
    margin: 0px;
}

.article-meta li {
    padding: 0px !important;
    font-size: 12px;
    color: #999;
}

.panel .article h4 {
    font-weight: bold;
    font-size: 20px;
}

.datafield {
    font-size: 13px;
    line-height: 18px;
}

    .datafield label {
        font-weight: bold;
        display: block;
        margin: 5px 0px 0px 0px;
    }

    .datafield div, .datafield span {
        padding-left: 1em;
        font-weight: normal;
        font-size: 13px;
    }

.yourinfo h5 {
    font-weight: normal;
    font-style: italic;
}

.MNA_Sidebar .panel h4, .MNA_SidebarRight .panel h4 {
    font-weight: bold;
    font-style: normal;
    font-size: 100%;
    background-color: #EAEEF5;
    color: #9D9D9F;
    padding: 5px;
    margin: 0;
    border: 0;
    border-bottom: 1px #CCC solid;
}




.quickcontact, .quicklink {
    margin: 0.75em;
}

    .quickcontact div {
        margin: 3px 0 3px 10px;
    }

div.relateddocs {
    margin: 0.5em 2em 3em;
    padding: 0em 0em;
    border: 0;
}

    div.relateddocs a {
        margin-left: 1em;
    }

    div.relateddocs legend {
        font-size: 90%;
        color: #666;
    }

/* -----------------------------------------
   Mobile styles  to fix random mWeb things
----------------------------------------- */
@media only screen and (max-width: 767px) {

    .emaillink {
        margin: -10px 0 20px 37%;
        line-height: normal;
        display: block;
    }
}

/* -----------------------------------------
   Error Message styles
----------------------------------------- */

input.error-message, select.error-message, textarea.error-message {
    background: none;
    margin: 0;
    font-weight: normal;
    background-color: #FEE;
}

.error-message {
    margin-left: 10px;
    padding-left: 20px;
    line-height: 20px;
    color: #F00;
    font-size: 9pt;
    font-weight: bold;
    background: url('../../../images/icons/error.png') no-repeat center left;
}

.messageContainer p, .messageContainer > div /* UW-10-0358 */ {
    color: #000;
    padding: 5px 5px 5px 35px;
    line-height: 24px;
    margin: 10px auto;
    border: #FC0 1px solid;
    background: url('../images/icons/message.png') 5px 5px no-repeat #FF9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.connectionmsg {
    display: none;
    color: #000;
    padding: 25px 5px;
    text-align: center;
    position: fixed;
    width: 94%;
    top: 0;
    left: 3%;
    z-index: 500;
    border-bottom: #000 3px solid;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0 0 5px 3px #CCC;
    background-color: #FC6;
}

.errorContainer p, .errorContainer > div /* UW-10-0358 */ {
    color: #000;
    padding: 5px 5px 5px 35px;
    line-height: 24px;
    margin: 10px auto;
    border: #C00 1px solid;
    background: url('../images/icons/error.png') 5px 10px no-repeat #F99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* UW-10-0358 */
li.passwordRulePassed {
    background: url('../images/icons/checkmark.png') left center no-repeat;
    padding-left: 20px;
}

/* -----------------------------------------
   Password Strength Meter
----------------------------------------- */

.passwordmeter {
    margin-bottom: 10px;
    display: block;
}

.passworddescription {
    font-size: 0.8em;
    color: #666;
}

.passwordstrength {
    height: 0.8em;
    display: block;
}

.strength0 {
    width: 10em;
    background: #cccccc;
}

.strength1 {
    width: 2em;
    background: #ff0000;
}

.strength2 {
    width: 4em;
    background: #ff5f5f;
}

.strength3 {
    width: 6em;
    background: #56e500;
}

.strength4 {
    background: #4dcd00;
    width: 8em;
}

.strength5 {
    background: #399800;
    width: 10em;
}


article h2, .treetype {
    font-size: 1.5em;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

article h3, .treesubtype {
    font-size: 115%;
}

.treesubtype {
    font-size: 1.4em;
    font-weight: 600;
    line-height: normal;
}

article.postdocument .postcontent {
    padding: 5px;
}

article .relateddocuments h4 {
    font-size: 110%;
    color: #777;
    margin-bottom: 1px;
}

article .relateddocuments ul {
    list-style-type: none;
    margin-left: 20px;
}

.block-grid.article-meta {
    padding: 5px 0px;
    display: none;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    margin: 0px;
}

.treetype, .treesubtype, .treepanel article {
    padding-left: 20px;
}

.treetype, .treesubtype {
    cursor: pointer;
}

.treesubtype {
    color: #666;
    margin-left: 25px;
}

.treepanel .collapsed {
    background: url('../../../images/icons/plus.png') center left no-repeat;
}

.treepanel .expanded {
    background: url('../../../images/icons/minus.png') center left no-repeat;
}

/* -----------------------------------------
   Event Registration Styles
----------------------------------------- */
.availableevent, .registeredevent {
    border: 1px #BBB solid;
    border-radius: 10px;
    background-color: #EEE;
    padding: 10px;
    margin: 10px 0;
}

/* .availableevent a, .registeredevent a {
        display: block;
    } */

a.Organizing_ContactSheet_img, a.Organizing_ContactSheet_img:hover {
    display: block;
}

.availableevent .headline, .registeredevent .headline {
    font-weight: bold;
    font-size: 140%;
    margin: 0 0 10px;
}

    .availableevent .headline, .registeredevent .headline {
        font-weight: bold;
        font-size: 140%;
        margin: 0 0 10px;
    }

    .availableevent .description, .registeredevent .description {
        margin-top: 15px;
        padding-top: 10px;
        border-top: 1px #CCC solid;
    }

.eventeditlink, .eventcancellink, .eventpaylink, .eventdetailslink {
    padding: 8px 0 8px 30px;
}

.eventeditlink {
    background: transparent url('../../../images/edit.png') no-repeat center left;
}

.eventcancellink {
    background: transparent url('../../../images/cancel.png') no-repeat center left;
}

.eventpaylink {
    background: transparent url('../../../images/paypalicon.png') no-repeat center left;
}

.eventdetailslink {
    background: transparent url('../../../images/details.png') no-repeat center left;
}

.session {
    margin: 2em 0;
    overflow: auto;
}

.sessiondetails {
    margin: 10px 0;
}

.registrationfee {
    font-weight: bold;
    color: #090;
}

.sessiondetails .description {
    font-size: 90%;
}

.eventpage h3 {
    margin: 0;
}

.eventpage .summary {
    margin: 10px 0;
}

.eventcomplete .contents {
    background: none;
}

.eventpage {
    border-left: 1em #DDD solid;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

.eventcomplete, .nonmemberevent {
    border: 0;
}

    .eventpage .contents, .nonmemberevent.contents {
        padding: 2em 1em;
        border-left: 1px #999 solid;
        overflow: auto;
    }

    .eventcomplete .contents {
        border: 0;
    }

.bar {
    background-color: #DDD;
    padding: 0.5em;
}


    .bar .button {
        float: right;
    }

.sessionboxes {
    width: 10%;
    float: left;
}

.sessionlist {
    width: 90%;
    float: left;
}

.questiontext {
    margin-top: 1em;
    font-weight: bold;
}

.questionanswer, .answerdesc {
    margin-left: 2em;
}

.session .description {
    overflow-y: hidden;
}


.previewenabled {
    cursor: pointer;
}

.answerdesc {
    font-style: italic;
}

.full {
    color: #F00;
    font-weight: bold;
}

.fullinstruct p {
    color: #F00;
    margin: 0;
}

.waitinglist {
    color: #090;
    font-weight: bold;
}

.links {
    text-align: center;
}

.summary h2 {
    margin: 1em 0 0;
}


.progressbar {
    margin: 0.5em 0;
    border: 1px #999 solid;
    padding: 0;
}

.innerprogressbar {
    height: 100%;
    height: 0.375em;
    padding: 0;
    background-color: #F90;
    border-right: 1px #666 solid;
}

.detail {
    margin: 2px 0;
    line-height: 120%;
    overflow: auto;
}

.progressbardetails {
    margin: 0.5em 2em;
    padding: 0;
    overflow: auto;
}

    .progressbardetails div {
        text-align: center;
        font-size: 80%;
        color: #666;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
    }

.sessiontitle {
    margin: 0;
    padding-top: 10px;
}

h3.tracktitle, .eventsummarytitle h3 {
    margin: 20px 0 10px 0;
    font-size: 135%;
    border-bottom: 1px #DDD solid;
    padding-bottom: 3px;
}

.trackinfo {
    margin-bottom: 10px;
}

.trackname h5 {
    margin: 0;
}

.eventsummarysection {
    margin: 0 10px !important;
}

.sessionsummary {
    overflow: auto;
    margin: 0 0 10px -10px;
}

    .sessionsummary .detail {
        margin-left: 10px;
    }

.detail label {
    font-weight: bold;
    width: 100px;
    float: left;
}

.eventlistlinks a {
    display: block;
    margin-bottom: 10px;
}

span[id*="Body_EventDetails"] span[id*="lblEventTypeName"] {
    padding-bottom: 10px;
}

/***************************** Questions ************************/
.questionwrapper {
    margin: 0 0 1em;
    padding: 1em;
}

.answerchoice {
    font-size: 90%;
    margin: 0 0 0 2em;
}

.answerdescription {
    font-style: italic;
    margin: 0 0 0 4em;
}

.questiondescription {
    color: #664;
    font-style: italic;
    margin: 1em 0 3px;
}

.yesnoanswer {
    width: 5em;
}


.extraanswer {
    margin-top: 1em;
}

.prevent-text-breakouts {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.comboWrapper .ui-widget {
    line-height: 1.4em;
    cursor: pointer;
}

.comboWrapper {
    border: 1px #666 solid;
    z-index: 10;
    position: absolute;
    background-color: #FFF;
}


.wizardbutton {
    margin-left: 10px;
    padding: 5px 20px;
    text-align: center;
    display: block;
    overflow: auto;
}

.row .mobile-two.wizardbutton {
    margin-left: 0;
    padding: 5px 10px;
}

    .row .mobile-two.wizardbutton .linkbuttontext {
        float: none;
        margin: 0 auto;
    }

.paylaterbutton, .paylaterbutton:hover {
    display: inline;
    border: 0;
    background: none !important;
    color: #900;
    font-weight: normal;
    padding: 0;
    margin: 0 0.5em;
    float: right;
    box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.33);
    line-height: 1.4em;
    text-transform: uppercase;
}

.paylaterbar {
    background-color: #DDD;
}

.linkbuttonicon {
    margin-right: 5px;
    border: 0;
    display: block;
    float: left;
}

.linkbuttontext {
    line-height: 24px;
    height: 24px;
    display: block;
    float: left;
}

.contents {
    background-color: #FFF;
}


/*Start New Classes for UW-15-1540 */
.oer_contents {
    background-color: #FFF;
    padding: 1em 0.5em 2em 2em;
}

.progressbardetail {
    float: left;
    text-align: center;
    width: 10%;
}

    .progressbardetail label {
        font-size: 100%;
        color: #666;
    }

.wizardbutton .linkbuttontext {
    height: 40px;
    line-height: 40px;
}

.row .mobile-two.wizardbutton {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    overflow: hidden;
    background: #990000;
    border: 1px solid #4d0000;
}

    .row .mobile-two.wizardbutton:hover {
        background: #BB0000;
    }

.moreeventdetails .links a,
.registrationcomplete .links a {
    line-height: 150%;
}

.eventlistlinks {
    padding: 0;
}
/*End New Classes for UW-15-1540 */


/* -----------------------------------------
   Dispatch
----------------------------------------- */

.dispatchUpdateLink {
    padding-left: 1em;
}

.dispatchtable table {
    width: 100%;
}

.dispatchColumnA {
    margin-left: -10px;
}


.dispatchJobOpportunityBidCellWrapper {
    text-align: center;
    font-size: 10px;
}


.dispatchJobOpportunityBidButtonWrapper {
    /*placeholder*/
}

.dispatchJobOpportunityBidButton_NoBid, .dispatchJobOpportunityBidButton_CanceledByMember {
    color: #fff;
    background-color: #00B300;
}

    .dispatchJobOpportunityBidButton_NoBid:hover, .dispatchJobOpportunityBidButton_CanceledByMember:hover {
        color: #fff;
        background-color: #008000;
    }

.dispatchJobOpportunityBidButton_CancelBid {
    color: #fff;
    background-color: #CC0000;
}

    .dispatchJobOpportunityBidButton_CancelBid:hover {
        color: #fff;
        background-color: #990000;
    }

.dispatchJobOpportunityDetailsBackButtonBottom {
    margin-top: 30px;
}


.dispatchJobOpportunityDetailsBackButtonTop {
    margin-bottom: 10px;
}

/* -----------------------------------------
   Icons for downloading various file types
----------------------------------------- */

a[data-FileType] {
    padding-left: 20px;
}

a[data-FileType=redirect] {
    background: transparent url('../../../images/icons/external.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='jpg'],
a[data-FileType='jpeg'],
a[data-FileType='gif'],
a[data-FileType='png'],
a[data-FileType='bmp'],
a[data-FileType='tiff'] {
    background: transparent url('../../../images/icons/img.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='xls'],
a[data-FileType='xlsx'] {
    background: transparent url('../../../images/icons/xls.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='mpp'] {
    background: transparent url('../../../images/icons/project.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='avi'],
a[data-FileType='flv'],
a[data-FileType='wmv'],
a[data-FileType='mov'],
a[data-FileType='mp4'] {
    background: transparent url('../../../images/icons/video.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='vsd'],
a[data-FileType='vdx'],
a[data-FileType='vsdx'] {
    background: transparent url('../../../images/icons/visio.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='doc'],
a[data-FileType='docx'] {
    background: transparent url('../../../images/icons/doc.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='ppt'],
a[data-FileType='pptx'] {
    background: transparent url('../../../images/icons/ppt.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='pdf'] {
    background: transparent url('../../../images/icons/pdf.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='txt'],
a[data-FileType='rtf'] {
    background: transparent url('../../../images/icons/txt.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='zip'],
a[data-FileType='rar'] {
    background: transparent url('../../../images/icons/zip.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='kml'] {
    background: transparent url('../../../images/icons/map.png') no-repeat top left;
    padding-left: 20px;
}

a[data-FileType='exe'],
a[data-FileType='msi'] {
    background: transparent url('../../../images/icons/program.png') no-repeat top left;
    padding-left: 20px;
}


/* -----------------------------------------
   Mobile styles  to fix event registration
----------------------------------------- */
@media only screen and (max-width: 767px) {

    .progressbardetails div {
        font-size: 65%;
        width: 100% !important;
        float: none !important;
    }

    .eventpage input, .eventpage select {
        width: 90%;
    }

        .eventpage input[type=checkbox] {
            width: 25px;
        }

    div.detail span {
        float: right !important;
    }
}


/* -----------------------------------------
   Styles to fix infragistics
----------------------------------------- */

.ui-iggrid-headertable {
    margin: 0;
}

/* -----------------------------------------
   Styles to fix older versions of IE (7,8)
   Remember that they don't support media queries
   Refer to comment jumble at top of master page (top few lines) to see how we handle adding a CSS class to the HTML element itself
   and therefore giving ourselves the ability to do the below.   
----------------------------------------- */

html.ie7 .columns {
    padding: 0;
}


html.ie7 .row .one {
    width: 6.333%;
    padding: 0 1%;
}

html.ie7 .row .two {
    width: 14.667%;
    padding: 0 1%;
}

html.ie7 .row .three {
    width: 23%;
    padding: 0 1%;
}

html.ie7 .row .four {
    width: 31.333%;
    padding: 0 1%;
}

html.ie7 .row .five {
    width: 39.667%;
    padding: 0 1%;
}

html.ie7 .row .six {
    width: 48%;
    padding: 0 1%;
}

html.ie7 .row .seven {
    width: 56.333%;
    padding: 0 1%;
}

html.ie7 .row .eight {
    width: 64.667%;
    padding: 0 1%;
}

html.ie7 .row .nine {
    width: 73%;
    padding: 0 1%;
}

html.ie7 .row .ten {
    width: 81.333%;
    padding: 0 1%;
}

html.ie7 .row .eleven {
    width: 89.667%;
    padding: 0 1%;
}

html.ie7 .row .twelve {
    width: 98%;
    padding: 0 1%;
}

html.ie7 .panel {
    border: 1px solid #CCC;
}

html.ie7 .loginimage {
    margin-bottom: 0;
    padding-bottom: 0;
    height: 140px;
}

html.ie7 .button {
    width: auto;
}

html.ie7 input {
    padding: 5px 2px;
    width: 95%;
    height: auto;
}

    html.ie7 input[type="checkbox"] {
        width: auto;
    }

html.ie7 #footer_wrapper {
    background-color: #FFF;
}

html.ie7 .show-for-small {
    display: none;
}

html.ie7 .pull-two,
html.ie7 .pull-three,
html.ie7 .pull-four,
html.ie7 .pull-five,
html.ie7 .pull-six,
html.ie7 .pull-seven,
html.ie7 .pull-eight,
html.ie7 .pull-nine,
html.ie7 .pull-ten {
    position: absolute;
}

html.ie7 #footer {
    background-color: #CCC;
}

html.ie7 nav {
    z-index: 50;
}

html.ie7 .logintext1, html.ie7 .logintext2 {
    float: left;
    margin-right: 20px;
}

    html.ie7 .logintext1 span {
        font-size: 60pt;
        line-height: normal;
        font-family: 'Britannic Bold';
    }

html.ie7 .logintext2 {
    margin-top: 15px;
}

    html.ie7 .logintext2 span {
        font-size: 21pt;
        font-style: italic;
        font-family: 'Lucida Bright';
    }

html.ie7 .logintext3 {
    clear: both;
    margin-top: -110px;
    font-size: 20pt;
    line-height: normal;
    font-style: italic;
    color: #BB5;
}

html.ie7 .logindivider {
    float: right;
    margin-left: 10px;
    height: 160px;
    width: 2px;
}

html.ie8 .wizardbutton {
    width: 150px;
    text-align: center;
}

    html.ie8 .wizardbutton .linkbuttonnoicon {
        width: 100%;
    }


.topcalendarbar, .bottomcalendarbar, .daysofweek {
    background-color: #EEE;
    border: 1px #DDD solid;
    overflow: auto;
    padding: 10px 0;
}

.daylabel {
    color: #444;
    font-weight: bold;
}

.topcalendarbar {
    border-bottom: 0;
}

.bottomcalendarbar {
    border-top: 0;
}

.daysofweek {
    overflow: hidden;
    padding-bottom: 10px;
    border-top: 0;
}

    .daysofweek div {
        width: 14.28%;
        float: left;
        text-align: center;
    }

    .daysofweek label {
        color: #444 !important;
        font-weight: bold;
    }

.calendardays {
    overflow: auto;
    background-color: #FFF;
}

.day {
    border: 1px #D8D8D8 solid;
    background-color: #F8F8F8;
    width: 14.28%;
    height: 100px;
    float: left;
    overflow: auto;
}

html.oldie .day {
    border: 0;
}

.eventcalendardetails {
    background-color: #EEE;
    margin-top: 30px;
    padding: 20px 0;
}

.lastmonth {
    float: left;
    width: 20%;
    padding: 0 10px;
}

.monthname {
    width: 60%;
    float: left;
    color: #333;
    font-weight: bold;
    font-size: 125%;
    text-align: center;
}

.nextmonth {
    float: right;
    text-align: right;
    width: 20%;
    padding: 0 10px;
}

.eventpagelink {
    margin-right: 20px;
}

.red {
    color: #F00;
}


.previewpreview {
    color: #333;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}

    .previewpreview:hover {
        color: #999;
        -webkit-transition: color 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out;
    }

fieldset {
    border: 1px #999 solid;
}

    fieldset legend {
        background: none;
    }

.employername h5 {
    font-style: normal;
    margin: 7px 10px 0;
}



.simplegrid_add, .simplegrid_edit, .simplegrid_delete {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    margin: 2px 5px;
    opacity: 0.6;
}

    .simplegrid_add:hover,
    .simplegrid_edit:hover,
    .simplegrid_delete:hover {
        opacity: 1;
    }


table.simplegridedit tbody tr:hover {
    background-color: #ffe;
}

    table.simplegridedit tbody tr:hover td {
        color: #000;
    }

.panel .profilesection a.simplegrid_add,
.panel .profilesection a.simplegrid_edit,
.panel .profilesection a.simplegrid_delete {
    margin: 2px 5px;
}

.simplegrid_add {
    background: url('../images/icons/add.png') no-repeat;
}

.simplegrid_edit {
    background: url('../images/icons/edit.png') no-repeat;
}

.simplegrid_delete {
    background: url('../images/icons/delete.png') no-repeat;
}

#jqDialog_box {
    background: #f5f5f5;
    position: absolute;
    width: 450px;
    border: 1px #999 solid;
    border-radius: 10px;
    box-shadow: 0 0 30px #e6e6e6;
}

#jqDialog_content {
    margin: 10px;
    font-size: 12px;
    overflow: hidden;
}

#jqDialog_options {
    margin: 10px;
    text-align: center;
}

    #jqDialog_options button {
        margin-right: 5px;
        padding: 4px 10px;
        background: #444;
        border: 0px;
        color: #fff;
        width: auto;
        cursor: pointer;
        border-radius: 5px;
    }

#jqDialog_input {
    padding: 4px;
    width: 250px;
}

#jqDialog_close {
    background: none;
    border: none;
    float: right;
    font-weight: bold;
    font-size: 10px;
    color: #ff0000;
    cursor: pointer;
}

@media print {
    #header, nav {
        display: none;
    }

    #mobileheader {
        display: block;
    }


    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
}

.waitingListWarning label {
    font-style: italic;
    color: #F00;
}


.currentbalance label, .currentbalance span, .pendingprocessing label, .pendingprocessing span {
    line-height: 25pt;
    display: inline;
}

.pendingprocessing label {
    font-weight: bold;
    color: #F00;
}

.currentbalance span {
    padding-left: 10px;
    font-weight: bold;
}

.balancepanel {
    margin-bottom: 20px;
}

.mydues fieldset {
    padding-bottom: 12px;
}


    .mydues fieldset .singlepaymentoption {
        height: 45px;
        line-height: 45px;
    }

.mydues .staticordynamic {
    height: 45px;
    line-height: 45px;
}

.mydues .staticdynamicchoice {
    margin-bottom: 20px;
}

.mydues fieldset [data-name="CustomAmount"] {
    display: inline;
    max-width: 75px;
    margin-left: 10px;
}

.confirmpaymentbuttons {
    margin-left: 10px;
}

.confirmsinglepayment .remainingbalance {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    border-top: 1px #888 solid;
}

.confirmsinglepayment .row .mobile-two:last-child, .confirmrecurringpayment .row .mobile-two:last-child {
    float: left;
}

.confirmsinglepayment .formcomplete, .confirmrecurringpayment .formcomplete {
    display: none;
    float: left !important;
}

@media only screen and (min-width: 480px) {
    .recurringpaymentresult {
        padding-right: 120px;
    }
}

@media only screen and (max-width: 479px) {
    .recurringpaymentresult {
        padding-top: 50px;
    }
}


#divAuthorizeNetPopupScreen {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #808080;
    opacity: 0.5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: alpha(opacity=50);
}

#divAuthorizeNetPopup {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    z-index: 2;
    overflow: visible;
}

.AuthorizeNetShadow {
    height: 16px;
    width: 16px;
    position: absolute;
}


.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupOuter {
    background-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    border-color: #a0a0a0 #909090 #909090 #a0a0a0;
    padding: 4px;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupTop {
    height: 23px;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose {
    position: absolute;
    right: 7px;
    top: 7px;
}

    .AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose a {
        background-image: url('../images/closeButton1.png');
        background-repeat: no-repeat;
        height: 16px;
        width: 16px;
        display: inline-block;
    }

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupInner {
    background-color: #ffffff;
    border-width: 2px;
    border-style: solid;
    border-color: #cfcfcf #ebebeb #ebebeb #cfcfcf;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupBottom {
    height: 30px;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupLogo {
    position: absolute;
    right: 9px;
    bottom: 4px;
    width: 200px;
    height: 25px;
    background-image: url('../images/powered_simple.png');
}

/* begin UW-15-0765 */
.htmlpage div[role="main"] h1,
.htmlpage div[role="main"] h2,
.htmlpage div[role="main"] h3,
.htmlpage div[role="main"] h4,
.htmlpage div[role="main"] h5,
.htmlpage div[role="main"] h6,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    color: #000;
}

.htmlpage div[role="main"] hr,
article hr {
    border-color: #999;
}

.htmlpage div[role="main"] ol,
.htmlpage div[role="main"] ul,
article ol,
article ul {
    list-style-position: inside;
}

    .htmlpage div[role="main"] ol li ul,
    .htmlpage div[role="main"] ol li ol,
    .htmlpage div[role="main"] ul li ul,
    .htmlpage div[role="main"] ul li ol,
    article ol li ul,
    article ol li ol,
    article ul li ul,
    article ul li ol {
        margin: 0 0 0 20px;
    }
/* end UW-15-0765 */


.CheckMarkIcon { /* UW-15-1374 */
    width: 20px;
    height: 20px;
    margin: 3px auto;
    background: url('../images/icons/checkmark.png') center center no-repeat;
}

/* UW-16-1133 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body.disablezoom select,
    body.disablezoom textarea,
    body.disablezoom input {
        font-size: 16px;
    }
}


/*Client Start*/
.nomargin {
    margin-top: 0;
    margin-bottom: 0;
}

.mnasummarysubheader {
    font-size: 1.4em;
    font-weight: 600;
    line-height: normal;
    text-rendering: optimizelegibility;
    color: #373737;
    font-family: "Open Sans", sans-serif;
    text-transform: none;
    margin-top: 25px;
}

.mnasummaryheader {
    border-bottom: solid 1px #ddd;
    margin-top: 25px;
}

.alwayslabelmultiline {
    float: none;
    width: auto;
    border-radius: 0;
}

.eventdates.detail {
    margin-bottom: 15px;
}
/*Client End*/

/*UW-18-0526 - Adding a method for setting the cursor to a progress cursor */
body.processing * {
    cursor: wait !important;
}

/* Apr 2018 - DAP - UW-18-0535 */
.ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    padding: 0;
    display: inline;
    height: auto;
}

.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled span {
    color: #333;
}

.ui-datepicker-multi table th {
    font-size: 0.7em;
}

.ui-datepicker-multi table td {
    font-size: 1.1rem;
}

/***************************************************************************
    Aug 2018 - DAP - UW-18-0536 - Popups
***************************************************************************/
div.popup-datatemplate {
    display: none;
}

div.popup {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    padding-top: 5px;
}

@media only screen and (max-width: 767px) {
    div.popup {
        display: none;
        z-index: 1000;
        top: 0;
        left: 0;
        margin: 0 !important;
        width: 100%;
        height: 100%;
        transform: none;
    }
}

div.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 900;
}

a.popup-savebutton,
a.popup-cancelbutton {
    margin-left: 5px;
    margin-right: 5px;
}

a.popup-editbutton,
a.popup-deletebutton {
    margin-right: 5px;
}

div.popup textarea {
    resize: vertical;
}

div.popup-datarow {
    margin: 5px 0 5px 0;
    padding-bottom: 5px;
}

    div.popup-datarow:after {
        pointer-events: none;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 4px;
        border-radius: 8px;
        border: 1px solid #999;
        box-shadow: 0px 0px 3px rgba(000,000,000,0.6);
    }

    div.popup-datarow div.popup-buttons {
        padding-top: 5px;
    }

    div.popup-datarow .datafield {
        clear: both;
    }

    div.popup-datarow .popup-editbutton {
        background: url(../images/icons/edit.png) left center no-repeat;
    }

    div.popup-datarow .popup-deletebutton {
        background: url(../images/icons/delete.png) left center no-repeat;
    }

    div.popup-datarow div.popup-itemheader .popup-itemheaderlabel {
        margin-bottom: 0;
    }

    div.popup-datarow div.popup-itemheader {
        border-bottom: 1px #999 solid;
        overflow: auto;
    }

        div.popup-datarow div.popup-itemheader a {
            width: 20px;
            height: 20px;
            margin-top: 12px;
        }


/* Change the behaviour of columns for popup datasets, we don't want the last item to float right */
/* On mobile the float is removed anyway so we won't change anything there. */
@media only screen and (min-width: 768px) {
    div .popup-datarow.columns:last-child {
        float: left;
    }
}
/* Make the first column in a new row clear both and take off the left margin */
div.popup-datarow.two.columns:nth-child(6n+2),
div.popup-datarow.three.columns:nth-child(4n+2),
div.popup-datarow.four.columns:nth-child(3n+2),
div.popup-datarow.five.columns:nth-child(2n+2),
div.popup-datarow.six.columns:nth-child(2n+2),
div.popup-datarow.seven.columns,
div.popup-datarow.eight.columns,
div.popup-datarow.nine.columns,
div.popup-datarow.ten.columns,
div.popup-datarow.eleven.columns {
    clear: both;
    margin-left: 0;
}

/* Make the fieldset scroll instead of the whole popup.*/
div.popup-fieldset {
    overflow-y: auto;
    max-height: 500px;
    margin-bottom: 10px; /* Adds a little space between this and the save/cancel buttons */
}

@media only screen and (max-height: 600px) {
    div.popup-fieldset {
        max-height: 300px;
    }
}

@media only screen and (max-height: 400px) {
    div.popup-fieldset {
        max-height: 200px;
    }
}
/**************************************************************************/