/* Minification failed. Returning unminified contents.
(86,5): run-time error CSS1019: Unexpected token, found '}'
 */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

input.watermark { color: gray; }

.field-validation-valid {
    display: none;
}

.left-padding5percent {
    padding-left: 5%;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.layout-container {
    max-width: 916px;
    margin: 0 auto;
}

#site-identity {
    display: inline;
    min-height: 1px;
}

.logo-page-header {
    position: relative;
    height: 20px;
    width: 94px;
    overflow: hidden;
    display: block;
}

    .logo-page-header img {
        position: absolute;
        left: -507px;
        top: -28px;
        height: auto;
        width: auto;
    }

.header-section-title {
    display: block;
    margin-left: 20px;
}

    .header-section-title h1 {
        font-size: 2em;
        font-weight: 400;
        font-family: "wf_SegoeUI", "Segoe UI", Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: rgb(26, 26, 26);
        margin-top: 10px;
        font-size-adjust: none;
        font-stretch: normal;
        -webkit-font-smoothing: subpixel-antialiased;
}

    }
    .header-section-title h2 {
        font-size: 22px;
        font-weight: 400;
        font-family: Calibri, 'Segoe UI';
        color: #333;
        margin-top: 10px;
    }

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    background-color: #EEE;
    overflow: hidden;
}

.footer-section {
    clear: both;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 13px;
    background-color: #EEE;
}

.footer-logo {
    float: right;
    width: 100px;
    height: 40px;
    position: relative;
    overflow: hidden;
    margin-right: 33px;
}

    .footer-logo a {
        width: 100px;
        height: 25px;
        overflow: hidden;
        position: relative;
        display: block;
        margin-top: 7.5px;
        margin-bottom: 7.5px;
    }

        .footer-logo a img {
            position: absolute;
            top: -28px;
            left: -507px;
            height: auto;
            width: auto;
        }

.footer-menu-items {
    padding-top: 10px;
}

.push {
    height: 76px;
}

#body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: -40px;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
}

nav ul {
    margin-left: 33px;
    padding: 0px;
}

    nav ul li {
        float: left;
        margin-right: 22px;
        color: #0072C6;
    }

        nav ul li:last-child {
            color: #000;
        }

.dashboard-container {
    margin-left: 33px;
    margin-right: 33px;
    padding-bottom: 20px;
    position: relative;
    min-height: 400px;
    height: 100%;
}

#section2 p, #section2 span, #section2 a, #reEditTitle p, #reEditTitle span {
    font-size: 13px;
}

/*New code*/

.required {
    color: rgb(187,20,20);
}

.content {
    width: 100%;
}

    .content h1 {
        font-weight: 100;
    }

.contentHeader {
    font-size: 14px;
    font-weight: 700;
    /*text-transform: uppercase;*/
    margin: 25px 0px 5px;
    display: inline-block;
}

.contentDescription {
    font-size: 13px;
    margin: 10px 0px 5px;
    display: inline-block;
}

.overlayBackground {
    z-index: 998;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: #000;
}

.overlay-loading-wrapper {
    position: fixed;
    width: 100%;
    top: 15em;
    left: 0;
    min-height: 206px;
    height: auto;
    z-index: 900;
    margin: auto 0;
    vertical-align: middle;
    padding: 0;
    background-color: #fff;
    display: block;
}

.overlay-loading-container {
    width: 91.96787148594378%;
    height: 78.37837837837838%;
    margin: 1em auto;
    padding: 0;
    clear: both;
}

    .overlay-loading-container h1 {
        font-size: 2em;
        color: #008A00;
        margin: 0;
        padding-bottom: 25px;
        text-align: center;
    }

.overlay-message-container {
    width: 91.96787148594378%;
    height: 78.37837837837838%;
    margin: 1em auto;
    padding: 0;
    clear: both;
}

    .overlay-message-container h1 {
        font-size: 2em;
        margin: 0;
        padding-bottom: 25px;
    }

    #create-confirm .overlay-message-container h2 {
        text-align:left;
    }

.overlay-container {
    max-width: 865px;
    margin: 0 auto 0.5em auto;
    padding: 0px;
    clear: both;
    line-height: 150%;
    vertical-align: middle;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

    .overlay-container h2 {
        line-height: 1.25;
        margin: 0 0 .75em 0;
        font-size: 150%;
        font-weight: 600;
        position: relative;
        color: black;
        text-align: center;
    }

.overlayMessage {
    z-index: 999;
    left: 0px;
    position: fixed;
    top: 55px;
    width: 100%;
    height: 220px;
    top: 50%;
    margin-top: -110px;
    opacity: 2 !important;
    background: #FFF;
    display: block;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 13px;
}

#loading-animation {
    background: url('/Content/images/progressIndicator40x40.gif') no-repeat;
    width: 40px;
    height: 40px;
    margin: 40px auto;
}

.overlayContent {
    z-index: 999;
    position: relative;
    top: -55px;
    width: 650px;
    height: 575px;
    margin-left: auto;
    margin-right: auto;
    opacity: 2 !important;
    background: #FFF;
    display: block;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 13px;
    overflow-y: auto;
    overflow-x: hidden;
}


    .overlayContent p {
        margin: 0px;
        padding-left: 20px;
        font-size: 13px;
        line-height: 13px;
    }

    .overlayContent h1 {
        font-size: 25px;
        font-weight: normal;
        line-height: 26px;
        padding-top: 15px;
        padding-left: 20px;
    }

    .overlayContent h2 {
        border: 0px;
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 16px;
        font-weight: 500;
    }

.margin18Bottom {
    margin-bottom: 18px !important;
}

.margin18Top {
    margin-top: 18px !important;
}

#basic-user-profile-form a, #basic-user-profile-form a:visited{
    text-decoration: underline !important;
}

.overlayContentMobile {
    width: 100%;
    opacity: 2 !important;
    background: #FFF;
    display: block;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 13px;
    overflow-y: scroll;
    overflow-x: hidden;
}


    .overlayContentMobile p {
        margin: 0px;
        padding-left: 20px;
        font-size: 13px;
        line-height: 13px;
    }

    .overlayContentMobile h1 {
        font-size: 26px;
        font-weight: 100;
        line-height: 26px;
        padding-top: 15px;
        padding-left: 20px;
    }

    .overlayContentMobile h2 {
        margin-top: 5px;
        margin-bottom: 2px;
        font-size: 16px;
        font-weight: 600;
        padding-left: 20px;
        width: auto;
    }

.hrHeader {
    background-color: #D2D2D2;
    height: 1px;
    border: 0px;
}

.width95 {
    max-width: 95%;
}

.marginhrHeader {
    margin-left: 20px;
    margin-right: 30px;
}

.hrBody {
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    width: 620px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.sectionHeader {
    width: 99%;
    padding: 5px;
    display: block;
    margin-bottom: 10px;
    background: #eee;
    border-bottom: 2px solid #ccc;
    font-size: 14px;
    font-weight: normal;
}

.margin4top {
    margin-top: 4px;
}

.row {
    width: 660px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.rowlong {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.cell {
    padding-left: 25px;
    float: left;
    min-width: 290px;
    margin: 0px;
}

.cell50 {
    padding-left: 25px;
    float: left;
    width: 44%;
    margin: 0px;
}

.padding25 {
    padding-left: 25px;
    padding-right: 25px;
    width: 600px;
    float: left;    
    margin: 0px;
}

.fontsemibold {
    font-weight: 600;
}

.fontbold {
    font-weight: bold;
}

.profile-overlay-close {
    float: right;
    width: 50px;
    height: 50px;
    display: inline-block;
}

#close-img {
    padding-top: 8px;
}

.cell h2 {
    border: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 500;
}

.cell label {
    font-family: 'Segoe UI';
    height: 0px;
    display: inline;
    max-width: 290px;
}

.cell input[type='checkbox'] {
    float: left;
    margin-right: 12px;
    margin-top: 0px;
}

.cellshort {
    padding-left: 10px;
    float: left;
    min-width: 70px;
    max-width: 70px;
    margin: 0px;
}

.cellshortvar {
    padding-left: 80px;
    float: left;
    margin: 0px;
}

.cellvar {
    padding-left: 25px;
    float: left;
    margin: 0px;
}

.cellvar label {   
    max-width: 290px;
}

    .cell h3, .cellvar h3, .cellshort h3 {
        border: 0px;
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 16px;
        font-weight: 500;
    }

    .cell h4, .cellvar h4 {
        border: 0px;
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 14px;
        font-weight: 500;
    }

.textInput {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    width: 100%;
    padding: 3px;
    margin: 0px;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    color: #000;
    background: #fff;
}

.selectMenu {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    width: 100%;
    height: 28px;
    padding: 1px 1px 1px 5px;
    margin: 0px;
    color: #000;
    background: #fff;
    background-image: url("../images/arrow_down.png");
    background-position: left 98.9% top -70%;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    font-size: 13px;
    display: inline-block;
}

.postalCode {
    max-width: 150px !important;
}

.legalName {
    min-width: 273px !important;
}

.namePrefix {
    min-width: 80px !important;
}

.phoneNumber {
    max-width: 150px !important;
}

.phoneFields {
    max-width: 60px !important;
}

.primarybutton, .tertiarybutton, .tertiarybuttongray, .secondarybutton {
    height: 33px;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    border: 0;
}

#extended-user-profile-form form .primarybutton,
#extended-user-profile-form form .tertiarybutton,
#extended-user-profile-form form .tertiarybuttongray,
#extended-user-profile-form form .secondarybutton,
#reEditTitle form .primarybutton,
#reEditTitle form .tertiarybutton,
#reEditTitle form .tertiarybuttongray,
#reEditTitle form .secondarybutton {
    font-size: 14px;
}

.primarybutton {
    color: #FFF;
    background-color: rgb(21,112,166);
    cursor: pointer;
}

.tertiarybutton {
    color: #FFF;
    background-color: rgb(0, 114, 198) !important;
    cursor: pointer;
}

.secondarybutton {
    color: #000 !important;
    background-color: #FFF !important;
    cursor: pointer;
    border: 2px solid #CCC !important;
    margin-right: 20px !important;
}

#extended-user-profile-form {
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 50px;
}

    #extended-user-profile-form form select, #reEditTitle form select {
        min-width: 0px;
        min-height: 28px;
        height: auto;
    }

.notice {
    color: rgb(187,20,20);
}

#review-profile p, .review-summary a {
    font-size: 13px;
}

.review-summary {
    width: auto;
    background-color: #eee;
    padding: 10px 10px 15px 10px;
}

    .review-summary p {
        padding-bottom: 15px;
    }

    .review-summary h3, .review-summary span {
        font-size: 16px;
    }

    .review-summary span {
        font-weight: bold;
    }

.review-table {
    width: 100%;
}

    .review-table td {
        min-width: 24%;
        padding: 5px;
        font-size: 13px;
        word-break: break-all;
    }

    .review-table th {
        min-width: 24%;
        padding: 5px;
        text-align: left;
        font-size: 13px;
        font-weight: 600;
        word-break: break-all;
    }

    .review-table thead {
        border-bottom: 1px solid #000;
    }

.progressIndicator {
    font-size: 30px;
    color: #ccc;
}

    .progressIndicator span {
        color: rgb(21,112,166);
    }

.bottomleft {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.bottomright {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.visible {
    display: block;
}

.invisible {
    display: none;
}

.clear {
    clear: both;
}

.centered {
    width: 100%;
    text-align: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}

.topSpacing {
    margin-top: 20px !important;
}

.upper {
    /*text-transform: uppercase;*/
}

.sub-header {
    font-size: 100% !important;
}

.center50 {
    left: 50%;
    margin-left: -25%;
    position: fixed;
    width: 50%;
    height: auto;
    top: 50%;
    margin-top: -100px;
}

    .center50 p {
        margin-top: 20px;
    }

.left-padded {
    float: left;
    padding-top: 20px;
    padding-right: 20px;
    max-width: 450px;
    font-size: 13px;
}

.right-padded {
    float: right;
    padding-top: 20px;
    padding-left: 20px;
    max-width: 450px;
    font-size: 13px;
}

    .right-padded input[type=button] {
        min-width: 120px;
    }

.mobileOverride, .mobileOverrideNoMargin {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
}

.mobileOverrideNoMargin {
    width: 90% !important;
    min-width: 180px;
}

.mobileOverrideMargin {
    padding: 0px 0px 0px 15px !important;
    margin: 0px !important;
    width: 90% !important;
    min-width: 180px;
}

#editProfile {
    display: inline;
    float: right;
    padding-right: 20px;
    font-size: 12px;
    cursor: pointer;
}

/* overlay loading screen --*/
.overlay-wrapper {
    position: fixed;
    width: 100%;
    z-index: 300;
    margin: auto 0;
    padding: 2em;
    left: 0;
    background-color: #fff;
    display: none;
    height: auto;
    vertical-align: middle;
}

    .overlay-wrapper h2 {
        line-height: 1.25;
        margin: 0 0 .75em 0;
        font-size: 150%;
        font-weight: 600;
        color: #007233;
        text-align: center;
    }

.line-height-110percent{
    line-height:110%;
}

#overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    z-index: 299;
    opacity: 0.8;
    display: none;
}

#messageOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    z-index: 800;
    opacity: 0.8;
    display: none;
}


#reEditTitle {
    overflow-y: auto;
    width: 100%;
    padding-right: 0%;
}

.blueHr {
    background-color: rgb(0, 114, 198);
    height: 1px;
    border: 0px;
    margin: 0px;
}

.legalNameSpan {
    font-size: 14px;
    font-weight: bold;
}

.rightFloat {
    float: right !important;
    margin-right: 10px;
}

.sprite {
    background: url('/Content/images/ui-icons_525252_0.png') no-repeat -68px -116px;
    width: 9px;
    height: 9px;
    vertical-align: top;
}

#editProfileAnchor {
    display: inline-block;
}

.call-vertical-align-top {
    vertical-align: top;       
    min-width: 25px !important;
}

.checkBoxLabelDiv {
    padding-left: 26px;
}

.checkBoxLabelDivPaddingRight {
    padding-right: 30px;
}

.legalNameInfo {
    background: url('/Content/images/ui-icons_525252_0.png') no-repeat -18px -146px;
    width: 12px;
    height: 12px;
    margin-top: 12px;
}



.phoneAreaCodeInfo {
    background: url('/Content/images/ui-icons_525252_0.png') no-repeat -18px -146px;
    width: 12px;
    height: 12px;
    margin-left: -1em;
    margin-top: 3px;
}

.justifyText {
    text-align: justify;
}

.safetyPadding {
    margin-bottom: 200px !important;
}

.left {
    float: left !important;
}

.right {
    padding-left: 0px !important;
    padding-right: 25px;
    float: right !important;
}

#divButtons {
    text-align: left;
}

#legal-confirm .overlay-container,  #continue-confirm .overlay-container{
    max-width:800px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: gray;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    gray;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: gray;
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: gray;
}

.actions{
    text-align: right;
}
/* The responsive proportional grid
------------------------------------------------------------------------------*/
/* Grid */
.mstResponsive .grid-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}

.mstResponsive .grid-container:after {
  content: "";
  display: table;
  clear: both;
}

.mstResponsive .grid-row .grid-unit {
  position: relative;
  margin-left: 0;
  width: 100%;
  float: left;
}
.mstResponsive .grid-row:after {
  clear: both;
}
.mstResponsive .grid-row {
  clear: both;
  float: left;
  width: 100%;
}
@media screen and (min-width: 540px) {

  .mstResponsive .grid-row .grid-unit {
    margin-left: 2%;
  }

  .mstResponsive .grid-row .grid-unit:first-child {
    margin-left: 0;
  }

  /* Top-level columns */
  .mstResponsive .column-1 .grid-unit {
    width: 100%;
  }

  /* line 47, ../SCSS/_grid.scss */
  .mstResponsive .column-2 .grid-unit {
    width: 49%;
  }

  .mstResponsive .column-3 .grid-unit {
    width: 32%;
    min-width: 290px;
  }

  .mstResponsive .column-4 .grid-unit {
    width: 49%;
  }

  /* Nested columns*/
  .mstResponsive .column-3 .colspan-1,
  .mstResponsive .column-3 .colspan-2,
  .mstResponsive .column-4 .colspan-1,
  .mstResponsive .column-4 .colspan-2,
  .mstResponsive .column-4 .colspan-3 {
    width: 100%;
    margin-left: 0;
  }

  .mstResponsive .column-3 .colspan-2 .grid-unit,
  .mstResponsive .column-4 .colspan-2 .grid-unit,
  .mstResponsive .column-6 .colspan-2 .grid-unit {
    width: 49%;
  }

  .mstResponsive .column-2 .colspan-2 .grid-unit,
  .mstResponsive .column-2 .colspan-3 .grid-unit,
  .mstResponsive .column-3 .colspan-3 .grid-unit,
  .mstResponsive .column-4 .colspan-3 .grid-unit {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .mstResponsive .column-4 .colspan-3 .colspan-2 {
    width: 100%;
  }

  .mstResponsive .column-2 .colspan-2 .grid-unit:first-child,
  .mstResponsive .column-3 .colspan-2 .grid-unit:first-child,
  .mstResponsive .column-4 .colspan-2 .grid-unit:first-child,
  .mstResponsive .column-4 .colspan-3 .grid-unit:first-child,
  .mstResponsive .column-6 .colspan-2 .grid-unit:first-child {
    margin-left: 0;
  }

  .mstResponsive .column-4 .grid-unit:nth-of-type(2n+3) {
    margin-left: 0;
    clear: both;
  }

  .mstResponsive .column-3 .colspan-2 + .grid-unit,
  .mstResponsive .column-4 .colspan-2 + .grid-unit {
    margin-left: 0;
    margin-right: 2%;
  }

  .mstResponsive .column-4 .colspan-2.grid-unit + .grid-unit + .grid-unit,
  .mstResponsive .column-4 .colspan-3 .grid-unit {
    clear: none;
  }

  .mstResponsive .column-6 .grid-unit {
    width: 49%;
  }

  .mstResponsive .column-6 .grid-unit:nth-of-type(2n+3) {
    margin-left: 0;
    clear: both;
  }

  .mstResponsive .column-6 .colspan-2:nth-of-type(2n+3) {
    width: 100%;
  }

  .mstResponsive .grid-container .grid-right {
    float: right;
  }
  

}
@media screen and (min-width: 680px) {
  .mstResponsive .column-2 .colspan-3 .grid-unit,
  .mstResponsive .column-3 .colspan-3 .grid-unit,
  .mstResponsive .column-4 .colspan-3 .grid-unit {
    width: 31.63%;
    margin-left: 2.555%;
    margin-right: 0;
  }

  .mstResponsive .column-4 .colspan-3 .colspan-2 {
    width: 65.815%;
  }

  .mstResponsive .column-6 .grid-unit {
    width: 32%;
  }

  .mstResponsive .column-6 .colspan-2 {
    width: 49%;
  }

  .mstResponsive .column-6 .grid-unit:nth-of-type(2n+3) {
    margin-left: 2%;
    clear: none;
  }

  .mstResponsive .column-6 .grid-unit:nth-of-type(4n) {
    margin-left: 0;
    clear: both;
  }

  .mstResponsive .column-6 .colspan-2:nth-of-type(2n+3) {
    margin-left: 0;
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  /* Top-level columns */
  .mstResponsive .column-1 .grid-unit {
    width: 100%;
  }

  .mstResponsive .column-2 .grid-unit {
    width: 49%;
  }

  .mstResponsive .column-3 .grid-unit {
    width: 32%;
    min-width: 290px;
  }

  .mstResponsive .column-4 .grid-unit {
    width: 23.5%;
  }

  .mstResponsive .column-3 .colspan-2 .grid-unit,
  .mstResponsive .column-4 .colspan-2 .grid-unit,
  .mstResponsive .column-6 .colspan-2 .grid-unit {
    width: 48.3335%;
    margin-left: 3.333%;
    margin-right: 0;
  }

  .mstResponsive .column-3 .colspan-2 {
    width: 66%;
    margin-left: 2%;
  }

  .mstResponsive .column-4 .colspan-2 {
    width: 49%;
    margin-left: 2%;
  }

  .mstResponsive .column-4 .colspan-3 {
    width: 74.5%;
    margin-left: 2%;
  }

  .mstResponsive .column-4 .colspan-1 {
    margin-left: 2%;
  }

  .mstResponsive .column-2 .colspan-2 .grid-unit {
    width: 48.3335%;
    margin-left: 3.333%;
    margin-right: 0;
  }

  .mstResponsive .column-3 .colspan-2 + .grid-unit,
  .mstResponsive .column-4 .colspan-2 + .grid-unit,
  .mstResponsive .column-6 .colspan-2 + .grid-unit {
    margin-right: 0;
  }

  .mstResponsive .column-4 .colspan-3 .grid-unit:nth-of-type(2n+3),
  .mstResponsive .column-4 .colspan-3 .colspan-2 + .grid-unit {
    margin-left: 2.555%;
  }

  .mstResponsive .column-3 .colspan-2 + .grid-unit,
  .mstResponsive .column-4 .colspan-2 + .grid-unit,
  .mstResponsive .column-3 .colspan-2 + .grid-unit,
  .mstResponsive .column-4 .grid-unit:nth-of-type(2n+3) {
    margin-left: 2%;
    clear: none;
  }

  .mstResponsive .column-6 .grid-unit {
    width: 15%;
  }

  .mstResponsive .column-6 .grid-unit:nth-of-type(4n) {
    margin-left: 2%;
    clear: none;
  }

  .mstResponsive .column-6 .colspan-2 {
    width: 32%;
    margin-left: 2%;
  }

  .mstResponsive .column-6 .colspan-2:nth-of-type(2n+3) {
    margin-left: 2%;
    clear: none;
    width: 32%;
  }
  

}

/* NonResponsive - a non responsive grid
------------------------------------------------------------------------------*/
.mstNonResponsive {
  min-width: 996px;
}

.mstNonResponsive .grid-container:after {
  content: "";
  display: table;
  clear: both;
}

.mstNonResponsive .grid-row .grid-unit {
  position: relative;
  margin-left: 0;
  width: 100%;
  float: left;
}

.mstNonResponsive .grid-row {
  width: 100%;
}

.mstNonResponsive .grid-row,
.mstNonResponsive .grid-row:after {
  clear: both;
}

.mstNonResponsive .grid-container {
  width: 916px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
}

.mstNonResponsive .grid-container .grid-unit {
  margin-left: 10px;
  margin-right: 10px;
  display: inline;
}

.show-grid div[class*="grid-"] {
  margin-top: 0em;
  padding: 0;
  display: block;
}



/* body.show-grid

Helper class for diagnosing grid problems. Add using jQuery when needed:

$('body').addClass('show-grid');

------------------------------------------------------------------------------
.show-grid .grid-row {
  background-color: transparent;
}

.show-grid .column-1 div[class*="grid-"] {
  background-color: #8bbf2c;
}

.show-grid .column-2 div[class*="grid-"] {
  background-color: #edd21f;
}

.show-grid .column-3 div[class*="grid-"] {
  background-color: #26bef0;
}


.show-grid .column-4 div[class*="grid-"] {
  background-color: #f03a25;
}


.show-grid .column-6 div[class*="grid-"] {
  background-color: none;
}


.show-grid .grid-row div[class*="grid-"] .grid-unit {
  background-color: rgba(0, 0, 0, 0.3);
}*/


/*
CSS MLX Grid base
*/

/* -------Base css ---------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html {
    overflow-y: auto;
    height: auto;
}

body {
    font-size: 100%;
    line-height: 1.5;
    color: #333;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }


blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

a, a:visited {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: #1570a6;
    text-decoration: none;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
    transition: color .1s linear;
}

    a:hover {
        margin: 0;
        padding: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
        color: #1570a6;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

    a:visited {
        margin: 0;
        padding: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
        color: #1570a6;
        text-decoration: none;
        -webkit-transition: color .1s linear;
        -moz-transition: color .1s linear;
        -ms-transition: color .1s linear;
        -o-transition: color .1s linear;
        transition: color .1s linear;
    }

    a:focus {
        color: #1570a6;
        text-decoration: underline;
        outline: dotted 1px #ccc;
    }

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}
.tdUnderline {
    text-decoration: underline;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;    
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
    clear: both;
}

input, select {
    vertical-align: middle;
    border: 1px solid #d2d2d2;
    height: 1.5em;
}

h1, h2, h3 {
    font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    color: #333;
}

h4, h5, h6 {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: normal;
    color: #333;
}

.heading--large {
    line-height: 1.25;
    margin: 0 0 .75em 0;
    font-size: 150%;
    font-weight: 300;
    /*added*/
    position: relative;
    color: #007233;
}

.overlay-wrapper-report-small .overlay-container .heading--large {
    font-weight: 600;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 160%;
}

h3 {
    font-size: 120%;
}

    h3 a {
        font-weight: 300;
        font-size: 120%;
        line-height: 110%;
    }

        h3 a:hover {
            font-size: 120%;
            text-decoration: underline;
        }

h4 {
    font-size: 90%!important;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 500;
}

.setting-email > a {
    word-wrap: break-word !important;
}

.text-bold {
    font-weight: bold;
}

.heading--medium {
    line-height: 1.25;
    margin: .25em 0 .75em;
    font-size: 180%;
    font-weight: 300;
}

.heading--normal-bold {
    font-size: 100%;
    line-height: 1.5;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: bold;
}

h2.heading--large a.back-arrow {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    /*added*/
    margin-right: 0.5em;
    margin-top: -0.2em;
    cursor: pointer;
    /*added*/
    position: relative;
}

a .back-arrow:hover,
a .back-arrow:focus {
    display: inline-block;
    width: 40px;
    height: 40px;
    outline: dotted 1px #ccc;
}
/*added*/
h2.heading--large a.back-arrow-course {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 0.5em;
    cursor: pointer;
    /*added*/
    position: relative;
    margin-left: -50px;
    margin-top: -0.1em;
}

.logo-margin {
    margin-top: 9px;
    margin-bottom: 20px;
}

.small-text, p .small-text {
    font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important;
    font-size: 12px!important;
}

.required-text {
    font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important;
    font-size: 12px !important;
    float: right;
    position: relative;
}

.flo-r {
    float: right;
}

.flo-l {
    float: left;
}
/* Margins used in code */

.mar30-r {
    margin-right: 30px;
}

.mar25-r {
    margin-right: 25px;
}

.mar20-r {
    margin-right: 20px;
}

.mar15-r {
    margin-right: 15px;
}

.mar10-r {
    margin-right: 10px;
}

.mar5-r {
    margin-right: 5px;
}

.mar0-r {
    margin-right: 0;
}

.mar45-l {
    margin-left: 45px;
}

.mar40-l {
    margin-left: 40px;
}

.mar35-l {
    margin-left: 35px;
}

.mar30-l {
    margin-left: 30px;
}

.mar25-l {
    margin-left: 25px;
}

.mar20-l {
    margin-left: 20px;
}

.mar15-l {
    margin-left: 15px;
}

.mar10-l {
    margin-left: 10px;
}

.mar5-l {
    margin-left: 5px;
}

.mar0-l {
    margin-left: 0;
}

.mar20-b {
    margin-bottom: 3em;
}

.mar20-t {
    margin-top: 3em;
}

.mar23-t {
    margin-top: 0.75em;
}

.mar5-t {
    margin-top: 0.5em;
}

.mar10-t {
    margin-top: 1.5em;
}

.mar5-b {
    margin-bottom: 5px;
}

.mar10-b {
    margin-bottom: 1.5em;
}

.mar0-b {
    margin-bottom: 0 !important;
}

.top-5 {
    padding-top: 5px;
}

.mar0-t {
    margin-top: 0;
}

.margin0Left {
    margin-left: 0;
}

.margin0Right {
    margin-right: 0;
}

.mar10--t {
    margin-top: -10px;
}

.mar2--t {
    margin-top: 2%;
}

.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width20 {
    width: 20%;
    text-align: left;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.width40 {
    width: 40%;
    text-align: left;
}

.width50 {
    width: 50%;
}

.width55 {
    width: 55%;
}

.width60 {
    width: 60%;
}

.width70 {
    width: 70%;
}

.width80 {
    width: 80%;
}

.width87 {
    width: 87%;
}

.width90 {
    width: 90%;
}

.width92 {
    width: 92%;
}

.width100 {
    width: 100%;
}

.grey-text {
    color: #333;
}
/*added*/
.all-caps {
    text-transform: capitalize;
}
/*added*/
.white {
    color: #fff;
}

.inlineblock {
    display: inline-block;
}

.scrollable {
    overflow: auto;
}

p {
    margin-bottom: 2em;
}

.red-wrong {
    color: #BA141A;
}

    .red-wrong p {
        color: red;
    }

/*ol, ul {
    margin: 0 0 2em 1.5em;
}*/

.accordion-panel p div li {
    font-size: 100%!important;
}

code {
    background: #f0f0f0;
    padding: 1px 2px;
}

pre {
    background: #f0f0f0;
    display: block;
    padding: 1em;
    margin-bottom: 2em;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.row-padded {
    padding: 3% 0;
}

.clearfix, .cf {
    clear: both;
}

.clearfix:before, .clearfix:after, .cf:before, .cf:after {
    content: " ";
    display: table;
}

.block {
    display: block;
    margin: 0;
    padding: 0;
}

#cntHldr {
    min-height: 410px;
}

.scroll-y {
    overflow: scroll;
}
/* change in course details*/
.clear-bottom {
    margin-bottom: 20px;
}

.height-auto {
    height: 100%;
}

ul.bulleted-list {
    list-style-type: disc;
}

    ul.bulleted-list li {
        padding-bottom: 0.8em;
        margin-left: 15px !important;
    }

    ul.bulleted-list p {
        margin: .5em 0 1em 0 !important;
    }
/* ------Loading animation----------------- */


/* ------Forms----------------- */
form .f-row {
    margin-bottom: 2em;
}

form .input {
    margin-bottom: 2em;
}

form fieldset {
    border: 0;
    margin: 0 auto 2em;
    /* Base Margin */
}

    form fieldset > ul {
        list-style-type: none;
        margin-left: 0;
    }

    form fieldset p {
        margin-bottom: 1em;
    }

form legend {
    font-weight: bold;
    vertical-align: top;
}

form label {
    font-family: "Segoe UI","wf_SegoeUISemibold","Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
    vertical-align: top;
    color: #333;
}

form input.error {
    border: 1px solid #BA141A;
}

span.error {
    color: #BA141A;
}

form label.error {
    font-weight: normal;
    display: block;
    color: rgb(186,20,26);
    padding-left: 0em;
    vertical-align: top;
    height: auto;
}

form textarea.error {
    height: auto;
}

.profile label.error {
    padding-left: 0em !important;
}

fieldset {
    display: block;
}

form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="search"],
form input[type="submit"],
form input[type="tel"],
form input[type="button"],
form input[type="file"],
form button,
form textarea {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    text-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}



form select,
form option {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
}

form select {
    background: #fff;
    font-size: 100%;
    display: block;
    clear: left;
    margin-bottom: 2em;
    min-width: 10em;
    border: 1px solid #d2d2d2;
    height: 34px;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button {
    -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
    -moz-transition: background-color 0.2s ease, border-color 0.2s ease;
    -o-transition: background-color 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    /*background: #CCC;*/
    border: 1px solid transparent;
    color: #fff;
    margin-bottom: auto;
    /*padding: 0.4em 1em;*/
    font-size: 100%;
    line-height: 1.5em;
    display: inline-block;
    min-width: 85px;
    text-align: center;
    cursor: pointer;
}

    input[type="submit"]:hover, input[type="submit"]:focus,
    input[type="button"]:hover, input[type="button"]:focus input[type="reset"]:hover, input[type="reset"]:focus,
    button:hover, button:focus {
        /*background-color: #007233;*/
        color: #fff;
    }
    /*
    input[type="submit"]:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="reset"]:focus,
    button:focus {
        background-color: #7FBA00;
        color: #fff;
    }*/

    input[type="submit"].button--primary,
    input[type="button"].button--primary,
    input[type="reset"].button--primary,
    button.button--primary {
        color: #fff;
        text-align: center;
        font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        /*background: #008A00;*/
    }


        input[type="submit"].button--primary:hover, input[type="submit"].button--primary:focus,
        input[type="button"].button--primary:hover,
        input[type="button"].button--primary:focus,
        input[type="reset"].button--primary:hover,
        input[type="reset"].button--primary:focus,
        button.button--primary:hover,
        button.button--primary:focus {
            /*background: #007233;*/
            color: #FFF;
        }



    input[type="submit"].button--secondary,
    input[type="button"].button--secondary,
    input[type="reset"].button--secondary,
    button.button--secondary {
        color: #333;
        font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        /*background: #000000;*/
    }

        input[type="submit"].button--secondary:hover, input[type="submit"].button--secondary:focus,
        input[type="button"].button--secondary:hover,
        input[type="button"].button--secondary:focus,
        input[type="reset"].button--secondary:hover,
        input[type="reset"].button--secondary:focus,
        button.button--secondary:hover,
        button.button--secondary:focus {
            background: #007233;
        }

    input[type="submit"].button--tertiary,
    input[type="button"].button--tertiary,
    input[type="reset"].button--tertiary,
    button.button--tertiary {
        background: #fff;
        border-color: #D2D2D2;
        color: #333;
        font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    }

        input[type="submit"].button--tertiary:hover, input[type="submit"].button--tertiary:focus,
        input[type="button"].button--tertiary:hover,
        input[type="button"].button--tertiary:focus,
        input[type="reset"].button--tertiary:hover,
        input[type="reset"].button--tertiary:focus,
        button.button--tertiary:hover,
        button.button--tertiary:focus {
            background: #d2d2d2;
        }


input[type="checkbox"] + label span {
    display: inline-block;
    margin: -1px 10px 0 0;
    vertical-align: middle;
    /*background: url('/Content/images/check-box.png') left top no-repeat;*/
    cursor: pointer;
    font-weight: bold;
    border: none;
}

.role-description {
    font-size: 80%;
    position: relative;
    left: 25px;
    line-height: 120%;
    color: #333;
}

input[type="checkbox"]:checked + label span {
    /*background: url('/Content/images/check-box.png') right top no-repeat;*/
}


input[type="radio"] {
    display: inline-block;
    border: none;
}

    input[type="radio"] + label span.radio {
        width: 22px;
        height: 21px;
        vertical-align: middle;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        display: inline-block;
        margin-left: -27px;
    }

        input[type="radio"] + label span.radio img {
            vertical-align: middle;
            /*background: url('/Content/images/radio-button.png') left top no-repeat;*/
            cursor: pointer;
            position: absolute;
            width: 45px;
            height: 21px;
            display: inline-block;
            left: 0px;
        }

    input[type="radio"]:checked + label span.radio img {
        /*background: url('/Content/images/radio-button.png') right top no-repeat;*/
        position: absolute;
        width: 45px;
        height: 21px;
        display: inline-block;
        left: -22px;
    }

.radioChecked {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: -1px 10px 0 -21px;
    vertical-align: middle;
    overflow: hidden;
    /*background: url('/Content/images/radio-button.png') right top no-repeat;*/
    cursor: pointer;
    position: relative;
}

    .radioChecked img {
        position: absolute;
        width: 45px;
        height: 21px;
        display: inline-block;
        left: -22px;
    }

.btn-green {
    background: #008A00!important;
    text-align: center;
    margin-right: 5px;
    border-radius: 0px;
    font-size: 80%!important;
    padding: 0.46em 1em !important;
    border: 0px;
    margin-top: -1.5px;
}
/*add button*/
.btn-add-blue input[type=button] {
    background: #0072C6;
    width: 19.1%;
    height: 40px;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: default !important;
    float: right;
}

    .btn-add-blue input[type=button]:hover, .btn-add-blue input[type=button]:focus {
        background: #004A81;
        color: #fff!important;
        text-decoration: underline;
    }
/*remove button*/
.btn-remove-green input[type=button] {
    background: #008A00;
    width: 19.1%;
    height: 40px;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    float: right;
}

    .btn-remove-green input[type=button]:hover, .btn-remove-green input[type=button]:focus {
        background: #005A00;
        color: #fff!important;
        text-decoration: underline;
    }
/*certificate button*/
.btn-certificate-orange input[type=button] {
    background: #DC3C00;
    width: 19.1%;
    height: 40px;
    border: none;
    color: #fff!important;
    font-size: 16px;
    cursor: pointer;
    float: right;
}

    .btn-certificate-orange input[type=button]:hover, .btn-certificate-orange input[type=button]:focus {
        background: #8F2700;
        color: #fff!important;
        text-decoration: underline;
    }

.invite-admin-form {
    margin-bottom: 5px !important;
}

    .invite-admin-form .btn-green {
        padding: 0.35em 1em;
        background: #008A00!important;
        text-align: center;
        margin-left: 5px;
        border-radius: 0px;
        font-size: 80%!important;
        border: 0px;
        position: relative;
    }

        .invite-admin-form .btn-green:hover, .invite-admin-form .btn-green:focus {
            background: #007233!important;
        }

.overlay-button-container-left {
    display: inline-block;
}

    .overlay-button-container-left .btn-green {
        padding: 0.4em 1em;
        background: #008A00!important;
        text-align: center;
        margin-right: 5px;
        border-radius: 0px;
        font-size: 80%!important;
        border: 0px;
    }

        .overlay-button-container-left .btn-green:hover, .overlay-button-container-left .btn-green:focus {
            background: #007233!important;
        }

    .overlay-button-container-left .btn-green1 {
        background: #008A00!important;
        text-align: center;
        margin-right: 5px;
        border-radius: 0px;
        font-size: 80%!important;
        padding: 0.46em 1em;
        border: 0px;
        color: white;
    }

        .btn-green:hover, .invite-admin-form .btn-green:hover, .overlay-button-container-left .btn-green:hover, .overlay-button-container-left .btn-green1:hover {
            color: #fff !important;
            background: #007233!important;
            display: inline-block;
        }

        .btn-green:focus, .invite-admin-form .btn-green:focus, .overlay-button-container-left .btn-green:focus, .overlay-button-container-left .btn-green1:focus {
            color: #fff !important;
            background: #007233!important;
            display: inline-block;
        }

button.button--tertiary {
    border-radius: 0px;
    font-size: 80%;
}

.overlay-small-button-container button.button--tertiary {
    padding: 0.5em 1em !important;
}

.deleteGroupButton button.button--tertiary {
    padding: 0.4em 1em !important;
}

#admin-bulk-upload-users {
    padding: 0.6em 1em !important;
    background-color: #008A00;
    font-size: 80%;
}

    #admin-bulk-upload-users:hover, #admin-bulk-upload-users:focus {
        background-color: #007233 !important;
    }

.btn-grey {
    background: #d2d2d2;
    text-align: center;
    color: #333;
}

.btn-cancel-grey {
    background: #d2d2d2;
    text-align: center;
    color: #000;
    border-radius: 0px;
    font-size: 80%!important;
    padding: 0.46em 1em !important;
    border: 0px;
    margin-top: -1.5px;
}
    .btn-cancel-grey:hover {
        background: #C2C2C2;
        color: #000 !important;
    }

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

input[type="submit"][disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
button[disabled],
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:hover,
button[disabled]:hover {
    background: #eee !important;
    color: #707070 !important;
    border-width: 0px;
}

img,
video {
    height: inherit;
}

.green {
    color: #007233;
}

.dgreen {
    color: #008A00;
}

.white {
    color: #fff;
}

.orange {
    color: #DC3C00;
}

.gray {
    color: #333;
}

.gray-bg {
    background: #eee;
    padding: 1em;
    width: 70% !important;
    height: inherit;
}

span.icon-home {
    background: url('/Content/images/icon_home.png') no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1em;
    right: 0px;
}
/* Common elements
------------------------------------------------------------------------------*/
/* Header -------------------- */
header {
    position: relative;
    padding-top: 1em;
    border-bottom: 5px solid #eee;
    padding-bottom:0.3em;
}

#site-identity {
    display: inline;
    min-height: 1px;
}

#site-logo {
    display: inline;
    float: left;
    min-height: 1px;
    line-height: 2.5em;
    margin-top: 5px;
}

#site-logo h2 {
   font-size:22px;
   font-weight:400;
   font-family:Calibri, 'Segoe UI';
   color: #333;
   margin-top:10px;
}

/* right sign in & search --*/
.search-bar-admin {
    position: absolute;
    /*top: -110px;*/
    margin-top: 16px;
    right: 0px;
}

.search-form, .header-search {
    float: right;
}


.icon-search {
    background-image: url("//i.s-microsoft.com/global/ImageStore/PublishingImages/icons/search-button-blue.png");
    height: 16px;
    width: 16px;
}

#site-meta {
    float: right;
    min-height: 90px;
    margin-right: 0;
    width: 50%;
    position: relative;
}

#site-meta-links {
    min-height: 1px;
    margin: 0 0 1em;
}

#sign-in {
    position: relative;
    display: inline-block;
    margin-right: 0.5em;
    padding: 0.3em 0.5em;
}

#sign-in-settings {
    z-index: 10;
    position: absolute;
    top: 26px;
    right: 0px;
    height: inherit;
    padding: 1em;
    background: #fff;
    font-size: 90%;
    border: 1px solid #eee;
    min-width: 12em;
    width: auto;
}

    #sign-in-settings ul {
        text-align: left;
        line-height: 2.5em;
        font-size: 105%;
    }

        #sign-in-settings ul li a:hover {
            text-decoration: underline;
        }

.sign-in-options li a {
      color: #333;
}
    .sign-in-options li a:hover {
        color: #333;
    }

.site-switch-options {
    border-top: 1px solid #515151;
}

.org-radio-list li {
    margin: 10px 0px;
}

.setting-email {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #515151;
    width: 100%;
}

.sign-in-link-icon {
    /*removed arrow - as suggested by Lisa*/
    display: inline-block;
    width: 5px;
    height: 4px;
    background: url('/Content/images/arrow.gif') no-repeat 0 0;
    margin-left: 0.5em;
    margin-bottom: 0.1em;
    vertical-align: middle;
}

#site-header-togglers {
    display: none;
}

.search-form, .header-search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 1em;
    border: 1px solid #D2D2D2;
    font-size: 80%;
    display: block;
}

    .search-form .input-wrapper, .header-search .input-wrapper {
        margin-right: 24px;
        width: 17.8em;
    }

    /*Incase we want to disable the (x) button from the search bar*/
    /*.search-form input[type="search"]::-ms-clear {
        display: none;
    }*/

    .search-form input[type="text"],
    .search-form input[type="search"],
    .header-search input[type="text"],
    .header-search input[type="search"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        background: transparent;
        padding: 0 1%;
        display: block;
        font-size: 100%;
        height: 24px;
        line-height: 24px;
        width: 100%;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

button[type=submit].search-submit {
    min-width: 16px !important;
}

.search-form .search-submit,
.header-search .search-submit {
    background: transparent;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 4px;
    padding: 0;
    display: block;
    height: 16px;
    width: 16px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

button.search-submit {
    margin-right: -2em;
    width: 16px;
    max-width: 16px !important;
    overflow: hidden;
}
    button.search-submit > img {
        height: auto;
        width: auto;
        position: absolute;
        top: -4px;
        left: -340px;
    }
/*  Navigation --------*/

#site-navigation-wrapper {
    position: relative;
    font-weight: 500;
    font-size: 80%;
    height: 2em;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#site-navigation {
    display: block;
    margin: 0 auto;
    max-width: 916px;
}

.contact-form {
    margin-left: 0;
    margin-top: -20px;
}

    .contact-form label {
        font-weight: normal;
        font-family: inherit;
    }

    .contact-form textarea {
        width: 100%;
        resize: none;
        overflow: auto;
    }

#site-navigation-wrapper .site-navigation-tier2 {
    position: absolute;
    z-index: 21;
    width: 100%;
    max-width: 1600px;
    top: 2.1em;
    left: 0;
    margin: 0;
    padding: 1.5em 0;
    background: #eee;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    text-transform: capitalize;
}

.site-navigation-tier2 label {
    /*margin-bottom: 2em;*/
    font-size: 100%;
    color: #333;
    font-family: "wf_SegoeUISemibold","wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 600;
    text-transform: capitalize;
}

#site-navigation .site-navigation-tier2 a {
    border: 0;
    padding: 0;
    color: #1570a6;
    font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important;
}

#site-navigation .site-navigation-tier2 li {
    display: block;
    float: none;
    padding: 0;
    margin: 0.5em .25em 0em 0;
    border: 0;
    color: #1570a6;
    padding-bottom: .75em;
}

.site-navigation-tier2 ul li a,
.site-navigation-tier2 ul li a:hover {
    color: #1570a6;
    padding: 0!important;
    margin: 0;
}

#site-navigation ul, #site-navigation li {
    list-style: none;
    margin: auto 0.5em;
    padding: 0;
    display: inline-block;
}

#browse-link-container.isAdmin {
    display: none;
}
    #site-navigation li a:hover, .site-navigation-tier2 ul li a:hover {
        text-decoration: underline;
    }

#site-navigation > ul {
    margin-left: -1em;
}

#site-navigation ul.sub-nav {
    margin: 0em;
}

#site-navigation .sub-nav li a {
    font-size: 105%;
}

#site-navigation a {
    color: #505050;
    margin: 0;
    padding: 0.769em auto;
    background: transparent;
    border: 0;
    font-family: "Segoe UI Semibold","wf_SegoeUISemibold","Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 100%;
}

#site-navigation li a#browse-link, #site-navigation li a#browse-link:hover {
    color: #333;
    background: #eee;
    border-bottom: 1px solid #eee;
    padding: 0.2em 0.7em 0.5em 0.7em!important;
    display: block;
}

#site-navigation li a.help-link, #site-navigation li a.help-link:hover {
    color: #333;
    background: none;
    border-bottom: 1px solid #eee;
    padding: 0.2em 0.5em 0.5em 0.7em!important;
    display: block;
}

#site-navigation .here > a {
    color: yellow;
}
/* Hides for PC --*/
#search-bar2 {
    display: none;
}

#sign-in {
    min-height: 1px;
    margin: 0 0.05em 1.5em 0;
    float: right;
    font-size: 80%;
}

#dropdown-icon {
    display: inline-block;
    width: 5px;
    height: 4px;
    background: url('/Content/images/arrow.gif') no-repeat 0 0;
    margin-left: 0.5em;
    margin-bottom: 0.1em;
    vertical-align: middle;
}

/* Footer -------------------- */
.site-footer {
    display: block;
    background-color: #eee;
    width: 100%;
    height: 55px;
    padding: 15px 0 10px 0;
    position: relative;
    bottom: 0;
    clear: both;
}

.footer-level-link {
    font-size: 80%;
    line-height: 2.5em;
    background: transparent;
    color: #1570a6;
    padding: 0 .5em;
    text-indent: 0;
    border-bottom: none;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

a.footer-level-link, a.footer-level-link:hover {
    font-size: 83%;
    color: #1570a6;
    padding: 0px  0.2em  0pc  .17em;
}

.site-footer-logo {
    float: right;
}
.site-footer-logo a {
    position: relative;
    height: 16px;
    width: 69px;
    overflow: hidden;
    display: block;
}
.site-footer-logo a > img {
    position: absolute;
    height: auto;
    width: auto;
    left: -413px;
    top: -30px;
}

.copyright {
    font-size: .9em;
}

.footer-level-menubar {
    margin: 0 0 0 -0.53em;
    float: right;
}

.footer-level-menuitem {
    list-style-type: none;
    margin: 0;
    display: -moz-inline-stack;
    display: inline;
}


.special-item {
    display: inline;
    float: right;
    line-height: 2.5em;
}

/*Profile - added*/
.profile input {
    margin-bottom: 1em;
}

select.mar-subrtract {
    margin-top: 5px;
}

input.mar-subrtract-last {
    margin-top: 5px;
    margin-bottom: 0;
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 30em) {
    #sign-in {
        display: none;
    }

    #site-navigation {
        display: none;
    }

    #site-header-togglers {
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 3.8em;
        right: 2%;
        width: 75px;
        height: 40px;
        float: right;
        z-index: 5;
    }

        #site-header-togglers ul {
            display: inline-block;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #site-header-togglers li {
            float: right;
            margin: 0;
            padding-right: 1em;
        }

    #nav {
        display: none;
    }

    .account-sign-in {
        display: block;
        background-color: #d2d2d2;
        text-align: right;
        font-size: 90%;
        padding: 5px 30px 5px 0;
    }

    #search-bar {
        display: none;
    }

    #nav-2 {
        width: 100%;
        margin: -20px 0 0 0;
        position: relative;
        clear: both;
        color: #fff;
        padding: 0;
        display: block;
    }

        #nav-2 ul {
            display: block;
            margin: 0;
            padding: 0;
            list-style: none;
            width: 100%;
        }

        #nav-2 li {
            width: 100%;
            float: left;
            margin: 0 0 .02em 0;
            padding: 5px 0;
            background-color: #0072C6;
            clear: both;
        }

        #nav-2 a {
            float: left;
            color: #fff;
            padding: 0 0 0 10px;
        }

    .top-level-menuitem {
        list-style-type: none;
        margin: 1em 0 1.5em 0;
        display: -moz-inline-stack;
        display: inline-block;
        border-bottom: 1px solid #FFF;
    }

    .second-level-menuitem {
        list-style-type: none;
        margin: 0 0 1.5em 0;
        display: -moz-inline-stack;
        display: inline-block;
        border-bottom: 1px solid #FFF;
    }

        .second-level-menuitem .arrowDown {
            background: url('//img2.store.microsoft.com/prod/clusterb/framework/locations/img/dashboard/hero/bg_stores_dropdown_toggle.png') right 0px no-repeat;
        }

    #search-bar2 {
        display: block;
        min-height: 1px;
        clear: both;
        float: left;
        margin: 0.5em auto;
        position: relative;
    }

    .grid-unit.search-form {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin: 0 auto;
        border: 1px solid #969696;
        float: left;
        height: 24px;
        width: 100%;
        display: block;
    }

    .search-form.input-wrapper, .header-search.input-wrapper {
        margin-right: 24px;
        width: 90%;
        position: relative;
        float: left;
    }

    .input-wrapper.search-submit {
        background: transparent;
        border: 0;
        cursor: pointer;
        position: relative;
        padding: 0;
        display: inline-block;
        height: 16px;
        width: 16px;
        -moz-appearance: none;
        -webkit-appearance: none;
    }



    button.search-submit {
        margin-right: -2em;
        width: 16px;
        display: inline-block;
    }

    .site-footer-logo {
        float: left;
    }
}

/* ---- Selector styling --*/
.drop-menu {
    margin-top: 1em;
    min-height: 34px;
    overflow: hidden;
    background: url('/Content/images/arrow_down.png') top 15px right 5px no-repeat;
    border: 1px solid #d2d2d2 !important;
    -webkit-appearance: none !important;
    font-size: 95%;
    width: 100.1%;
    padding: .3em;
}

@-moz-document url-prefix() {
    .drop-menu {
        font-size: 87%;
    }
}

.course-language-drop-menu {
    padding: 0 !important;
    min-height: 25px;
    height: 25px;
    overflow: hidden;
    background: url('/Content/images/arrow_down.png') top 10px right 2px no-repeat;
    border: 1px solid #d2d2d2 !important;
    -webkit-appearance: none !important;
    font-size: 100%;
    font-family: "wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
    width: 35% !important;
}

@-moz-document url-prefix() {
    .course-language-drop-menu {
        font-size: 92%;
    }
}
.course-lp-content > .info-for-user {
    left: 0px !important;
}

/*added*/
select::-ms-expand {
    display: none!important;
}

.drop-menu.width2col {
    width: 45.3em;
}

.width-add {
    min-width: 20%;
}

.list-plain li {
    margin: 1em 0;
    position: relative;
    font-family: inherit;
}

    .list-plain li input[type=checkbox], .list-plain li label {
        display: inline-block;
        font-family: inherit;
    }

.progrep-title {
    height: auto;
}

.courserep-title {
    height: auto;
}

@media screen and (max-width: 30em) {
    .drop-menu ul {
        float: left;
        clear: both;
    }

    .drop-menu.width2col {
        width: 20em;
    }
}

/*table - reports - added*/
.progress-report {
    overflow-y: scroll;
}

.width16 {
    width: 16.5%;
    text-align: left;
}

.width18 {
    width: 18.5%;
    text-align: left;
}

table.report-table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    height: 90%;
}

.report-table-header table {
    width: 100%;
}

table.report-table.header {
    border-bottom: 1px solid #666;
    text-align: left;
}

.col-padded {
    width: 20px;
}

table.report-table td.underline {
    border-bottom: 2px dotted #666;
    padding: 0.5em 0;
    text-align: left;
}

table.report-table td.small {
    font-size: 80% !important;
    font-weight: 900;
    padding-top: 0.5em;
    text-align: left;
}

table.report-table td span.bold-report {
    font-size: 80%;
    font-weight: 900;
    text-align: left;
}

.icon-download {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .icon-download:hover {
        margin-left: 5px;
    }
        .icon-download img {
        position: absolute;
        height: auto;
        width: auto;
        left: -80px;
        top: 0px;
    }

.icon-printer {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
    .icon-printer img {
        position: absolute;
        height: auto;
        width: auto;
        left: -120px;
        top: 0px;
    }

.report-percent {
    margin-top: 10px;
    line-height: 1em;
    background: #008A00;
    padding: 5px 5px;
    right: 0;
    color: #fff;
    text-align: right;
}

    .report-percent .heading--large {
        color: #fff;
    }

.report-assesment-figure {
    width: 100%;
    padding: 0.5em 0;
    border-top: 1px solid #666;
}

.support li {
    display: inline-block;
    margin-right: 1em;
}

.support ul {
    margin-bottom: 1em;
}

.support-label {
    display: block;
    width: auto!important;
}

/*Admin*/
table.courses-published-post {
    margin-top: 10px;
    border-collapse: collapse;
}
    table.courses-published-post tr td {
        border: 1px solid #000;
        padding: 5px;
        font-size: 13pt !important;
        font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    }

    table.courses-published-post tr:first-child td {
        white-space: nowrap;
        font-weight: bold;
    }

table.report-table td span.bold-report {
    font-size: 80%;
    font-weight: 900;
}

table.course-activity-table {
    line-height: 80%;
    margin-top: 2em;
}

    table.course-activity-table th {
        font-weight: bold;
        font-size: 80% !important;
        padding-bottom: 7px;
        text-align: left!important;
        vertical-align: bottom;
    }

        table.course-activity-table th.name-of-learner-td {
            width: 92px;
            text-align: left!important;
        }

        table.course-activity-table th.classa-dept-td {
            width: 95px;
            text-align: left!important;
        }

    table.course-activity-table td {
        font-size: 80% !important;
        text-align: left!important;
    }

    table.course-activity-table th.col-padded {
        width: 14px;
        text-align: left!important;
    }
/*added may29*/
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    border: 1px #666 solid;
    background: #fff;
    color: #666;
    border-radius: 0px;
    font-size: 80%;
}

body .ui-tooltip {
    border-width: 1px;
}

div#shell {
    padding: 0!important;
    margin-top: -15px;
}
/*.tool-tip p {
        line-height: 1.2em;
    }*/

#faqCnt .ui-icon.ui-icon-triangle-1-e, #faqCnt .ui-icon.ui-icon-triangle-1-s {
    display: none!important;
}

.mar5-b {
    margin-bottom: 5px;
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="search"], form input[type="tel"], form textarea {
    border: 1px solid #D2D2D2;
    max-width: 30em;
    min-height: 28px;
    padding: 0.35em 0.5em;
    width: 100%;
}

form input[type="file"] {
    border: 1px solid #D2D2D2!important;
    padding: 0;
    -webkit-box-shadow: 0 0 5px #fff inset;
    -moz-box-shadow: 0 0 5px #fff inset;
    box-shadow: 0 0 5px #fff inset;
}


#faqCnt .ui-icon.ui-icon-triangle-1-e, #faqCnt .ui-icon.ui-icon-triangle-1-s {
    display: none!important;
}

.mar5-b {
    margin-bottom: 5px;
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="search"], form input[type="tel"], form textarea {
    border: 1px solid #D2D2D2;
    max-width: 30em;
    min-height: 28px;
    padding: 0.35em 0.5em;
    width: 100%;
}

.feedback-row-pad, .contant-row-pad {
    margin-top: -6%;
}

#faqCnt .ui-icon.ui-icon-triangle-1-e, #faqCnt .ui-icon.ui-icon-triangle-1-s {
    display: none!important;
}

.mar5-b {
    margin-bottom: 5px;
}

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="search"], form input[type="tel"], form textarea {
    border: 1px solid #D2D2D2;
    max-width: 30em;
    min-height: 28px;
    padding: 0.35em 0.5em;
    width: 100%;
}

.mar25em-t {
    margin-top: 2.5em;
}

form input.input-browse {
    max-width: 30em;
    min-height: 28px;
    margin: 0px;
    padding: 0.35em 0.5em;
    width: 100%;
    border: 1px solid #D2D2D2;
    padding: 0;
    -webkit-box-shadow: 0 0 5px #fff inset;
    -moz-box-shadow: 0 0 5px #fff inset;
    box-shadow: 0 0 5px #fff inset;
}

.contact-heading {
    display: inline-block;
}

.support-phone {
    clear: both;
    display: block;
    height: 3em;
    margin: 0px 0px 10px 0px;
    width: 40%;
}

.sign-in-control {
    cursor: pointer;
}

.sign-in-control-seperator {
    cursor:default;
}

#divErrorMessage {
    z-index: 10000;
}

#upload-error-span, .overlay-error-span {
    color: #ff0000 !important;
}

#overlay-error-heading {
    color: #ff0000;
    margin-bottom: 10px;
}

#overlay-auth-error-heading {
    color: #007233;
    margin-bottom: 20px;
}

#authAccessRedeemLink
{
    text-decoration:none;
}

strong {
    font-weight: 900 !important;
}

.top-strip {
    padding: 0.5em 0;
}

.showAll, a.showAll, .hideAll, a.hideAll {
    font-size: 130%;
    line-height: 110%;
}

    a.showAll:hover, a.showAll:focus {
        font-size: 130%;
        line-height: 110%;
        text-decoration: underline;
    }

.accList ol {
    margin: 1em 0;
    list-style-type: decimal!important;
    font-size: 80%!important;
}

.accList li {
    font-size: inherit!important;
    margin: 0.5em 0.5em 0 1.7em;
}

.sc-container p.help-desc {
    font-size: 100%!important;
}

.complete-status {
    font-size: 100%;
    color: #fff;
}

.mlx-radio-button-list ul {
    list-style: none;
}

    .mlx-radio-button-list ul li {
        margin-left: 5%;
        line-height: 150%;
    }

        .mlx-radio-button-list ul li span {
            display: inline-block;
            width: 21px;
            height: 21px;
            margin: -1px 10px 0 -21px;
            vertical-align: middle;
            background: url('../images/radio-button.png') left top no-repeat;
            cursor: pointer;
        }

        .mlx-radio-button-list ul li label {
            vertical-align: middle;
        }

    .mlx-radio-button-list ul .selected .radio {
        background: url('../images/radio-button.png') right top no-repeat;
    }

.sub-header-help {
    font-size: 100%!important;
}

.complete-status {
    font-size: 100%;
    color: #fff;
}

.sub-title-course {
    font-size: 100%;
    font-family: "wf_SegoeUISemibold","wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 600;
}

.sub-title-course-detail {
    font-size: 100%;
    font-family: "wf_SegoeUISemibold","wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 600;
}

.itsa-name-heading {
    font-size: 110%;
    font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    color: #333;
}

.table-border-bottom {
    border-bottom: 1px solid #ccc;
}

.profile input {
    margin-bottom: 20px;
}

#profile .profile {
    width: 41%;
}

.profile input.mar-subrtract-last {
    margin-bottom: 5px!important;
}

.grid-unit.contact-buttons {
    margin-bottom: 20px !important;
}

.video-navigation-button {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.contentHide {
    display: none;
}

#info ul li {
    font-size: 13px !important;
}

.faq-question {
    color: #1570A6;
}

.faq-loading-indicator {
    font-style: italic;
    margin: 10px 0 0 20px;
}

.faq-learning-plans-table-container {
    border: 1px solid #CCCCCC;
    margin-top: 8px;
    font-size: 0.765em;
    margin-left:20px;
}

.faq-learning-plans-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
}

    .faq-learning-plans-table > div:first-child {
        border-bottom: 1px solid #CCCCCC;
        font-weight: 600;
    }

    .faq-learning-plans-table > div {
        display: table-row;
    }

        .faq-learning-plans-table > div > div {
            display: table-cell;
            padding: 4px 0 4px 10px;
            vertical-align: top;
        }

            .faq-learning-plans-table > div > div.column1 {
                width: 50%;
            }

            .faq-learning-plans-table > div > div.column2 {
                width: 50%;
                padding-right: 10px;
            }

.no-courses-msg {
    margin-left: 53px;
    margin-bottom: 10px;
}

    .no-courses-msg p {
        font-size: 1em !important;
        margin: 10px 0px;
        color: #333;
    }

/*Help file styles*/
p.Para {
    font-size: 13pt !important;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
}

p.Para1 {
    font-size: 13pt !important;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 30px;
}

p.ProcHead {
    font-size: 13pt !important;
    font-family: "wf_SegoeUISemibold";
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-weight: bold;
}

div.NotePara {
    margin-top: 0.0pt;
    margin-right: 0in;
    margin-bottom: 4.0pt;
    margin-left: .2in;
    page-break-after: avoid;
    font-size: 10pt !important;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    background-color: #FFEEC2;
}

p.NotePara {
    margin-top: 0.0in;
    margin-right: 0.0in;
    margin-bottom: 4.0pt;
    margin-left: .1in;
    page-break-after: avoid;
    font-size: 10pt !important;
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    background-color: #FFEEC2;
}

ol.num {
    list-style-type: decimal;
    margin-left: 50px;
}

ol.num1 {
    list-style-type: decimal;
    margin-left: 25px;
}

ol.num2 {
    list-style-type: lower-alpha;
}

ol.num3 {
    list-style-type: lower-roman;
}

.accordion-panel.ui-accordion-content ol.num li, .accordion-panel.ui-accordion-content ol.num1 li, .accordion-panel.ui-accordion-content ol.num2 li, .accordion-panel.ui-accordion-content ol.num3 li {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 13pt !important;
}

ul.bul {
    list-style-type: disc;
    margin-left: 50px;
}

ul.bul1 {
    list-style-type: disc;
    margin-left: 50px;
}

ul.bul2 {
    list-style-type: circle;
    margin-left: 25px;
}

ul.bul3 {
    list-style-type: square;
    margin-left: 25px;
}

.accordion-panel.ui-accordion-content ul.bul li, .accordion-panel.ui-accordion-content ul.bul1 li, .accordion-panel.ui-accordion-content ul.bul2 li, .accordion-panel.ui-accordion-content ul.bul3 li {
    font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-size: 13pt !important;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

.accordion-panel .accList h3, .accordion-panel .accList h4 {
    font-size: 13pt !important;
    font-family: "wf_SegoeUISemibold";
}

/* MLX Colour codes -- updated July 16 2013

All text as content
    Dark gray: #333 rgb(51,51,51)

All main titles
    Dark green: #007233 rgb(0,114,51)
-------------------
Buttons - primary (green)
    button background: #008A00 rgb(0,138,0)
    on hover / focus: #007233 rgb(0,114,51)

Add button (blue): #0072C6 rgb(0,114,198)
    hover: #004A81 rgb(0,74,129)

Remove button (green): #008A00 rgb(0,138,0)
       hover: #005A00 rgb(0,90,0)

Print Certificate button (orange): #DC3C00 rgb(220,60,0)
       hover: #8F2700 rgb(143,39,0)
-------------------
Error (red): #
-------------------
Grays  - dark to light
#000000
#505050
#969696
#D2D2D2
#FFFFFF

*/

.profile input.error {
	margin-bottom: 0em;
}
.profile select.error {
	margin-bottom: 0em;
}
.profile label.error {
    	margin-bottom: 1em;
}

.overflow-hide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.overflow-hide-a {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom !important;
    max-width: 110px;    
}

.overflow-hide-display {
    display: inline-block;
    vertical-align: bottom !important;    
    max-width: 110px;
}

.overflow-width {
    max-width: 100% !important;
}