@import url("/_res/css/editor.css");

/* reset; uncompressed available at ./uncompressed/reset.css; */
html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

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

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

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

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select {
    *font-size: 100%;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

a {
    color: #0c4c83;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a img {
        /* @note fixes a white space bug when an A wraps around the image. */
        vertical-align: bottom;
    }

blockquote {
    margin: 0 0 0 4em;
    font-size: 13px;
    border-left: 0 none;
}

html, body {
    font-size: 13px;
    color: #222;
    height: 100%;
}

body {
    background-color: #eaeaea;
}

em {
    font-style: italic;
}

form h2 {
    margin-bottom: 1em;
}

h1 {
    font-size: 18px;
    line-height: 20px;
    color: #5c5c5c;
    border-bottom: 2px solid #cccccc;
    padding-bottom: 6px;
}

h2 {
    font-size: 15px;
    line-height: 18px;
    margin: 1em 0 0 0;
    font-weight: bold;
    font-style: italic;
    color: #000;
}

h3 {
    margin: 1em 0 0 0;
    font-weight: bold;
    color: #000;
}

h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 1em 0 0 0;
}

h5 {
    font-size: 13px;
    line-height: 17px;
    margin: 1em 0 0 0;
}

h6 {
    font-size: 13px;
    line-height: 17px;
    margin: 1em 0 0 0;
}

hr {
    height: 1px;
    overflow: hidden;
    border-style: none;
    margin: 20px 0;
    border-top: 1px solid #ccc;
}

html {
    height: 100%;
    padding-bottom: 1px;
    font: normal 13px/18px Arial, sans-serif;
    color: #222;
}

ol {
    margin: 1em 0;
}

    ol li {
        list-style: decimal;
        margin: 0 0 0 2em;
    }

p {
    margin: 1em 0;
}

q {
    quotes: '\201C' '\201D' '\2018' '\2019';
}

    q:before {
        content: open-quote;
    }

    q:after {
        content: close-quote;
    }

strong {
    font-weight: bold;
}

table {
    margin: 1em 0;
}

th {
    font-weight: bold;
}

ul {
    margin: 1em 0;
}

    ul li {
        list-style: disc;
        margin: 0 0 0 2em;
    }
/**
 * @section Classes
 **/
a {
}

    a.help {
        height: 12px;
        width: 11px;
        background: url(../img/iconHelp.png) no-repeat !important;
        text-indent: -1000px;
        overflow: hidden;
        display: inline-block !important;
        vertical-align: middle !important;
        margin: 0 0 0 10px;
        *text-indent: 0;
        *line-height: 50px;
    }

div.related a.help {
    background-image: url(../img/iconHelpRelated.png) !important;
}


h1 a.help {
    margin-bottom: 1px;
}

a.addthis_button_email {
    width: 78px;
    height: 28px;
    float: left;
    margin: 0 5px 0 0;
}

    a.addthis_button_email span {
        display: none; /* @note SPAN is inserted from the AddThis JS to display their icon, we don't want it. */
    }

a.print {
    width: 78px;
    height: 28px;
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
}

    a.print span {
        display: none; /* @note SPAN is inserted from the AddThis JS to display their icon, we don't want it. */
    }

a.utilityPDF {
    width: 78px;
    height: 28px;
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
}

a.addthis_button_expanded {
    width: 211px;
    height: 28px;
    float: left;
    /* @note so external links wont have  */
    padding: 0 !important;
    background: none !important;
}

    a.addthis_button_expanded span {
        display: none; /* @note SPAN is inserted from the AddThis JS to display their icon, we don't want it. */
    }

/* @note homepage alert */
.homepageSysAlertContainer {
    margin: -5px 0 0;
}

div.alert {
    margin: 0 0 10px 0;
    padding: 10px 0 5px 0;
}

    div.alert h1 {
        border: 0;
        color: #962112;
        font-weight: bold;
    }

    div.alert p {
        color: #962112;
        margin-top: 0;
        margin-bottom: 0;
    }

.alert {
    border: 0 none;
}

/* @note class added to a form field wrapper to indicate there is a problem with the fields value */
div.error input,
div.error select,
div.error textarea {
    background: #ffe95f !important;
}

div.error span.error {
    display: inline;
}

/* @note featured image at the top of a page (green background for the text) */
div.feature {
    border: 1px solid #b3b3b3;
    padding: 9px;
    margin-bottom: 20px;
}

    div.feature div {
        background: #b2d886 url(../img/bgFeature.png) repeat-x;
        height: 175px;
        padding: 20px;
        width: 655px;
    }

    div.feature h1 {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        border: 0;
    }

    div.feature img {
        float: right;
    }

    div.feature p {
        font-size: 14px;
        color: #5b5959;
        width: 80%;
    }


/* @note NEW featured image at the top of a page (green background for the text) */
.featureContainer {
    padding-left: 0 !important;
}

div.featureNew {
    background-color: #fff;
    padding: 9px;
}

    div.featureNew div {
        background: #7fab52 none;
        height: 164px;
        padding: 20px;
        width: 719px;
    }

    div.featureNew h1 {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        border: 0;
    }

    div.featureNew > img, div.featureNew a> img {
        float: right;
        height: 164px;
        width: 379px;
    }

    div.featureNew p {
        font-size: 14px;
        color: #333;
        margin: 0;
    }

/* @note wapper for INPUT TYPE="TEXT" */
div.fieldText {
    padding: 0 0 20px 0;
}

    div.fieldText label {
        display: block;
        cursor: pointer;
    }

    div.fieldText input {
        background: #f3f6f7;
        border: 2px inset #ccc;
        padding: 3px;
        color: #333;
        width: 210px;
    }

/* @note wapper for SELECT */
div.fieldSelect {
    padding: 0 0 20px 0;
}

    div.fieldSelect label {
        display: block;
        cursor: pointer;
    }

    div.fieldSelect select {
        background: #f3f6f7;
        border: 2px inset #ccc;
        padding: 3px;
        color: #333;
        width: 220px; /* @note Firefox doesn't obey box model */
    }

div.fieldSelectWide select {
    width: 400px; /* @note Firefox doesn't obey box model */
}

/* @note wapper for TEXTAREA */
div.fieldTextarea {
    padding: 0 0 20px 0;
}

    div.fieldTextarea label {
        display: block;
        cursor: pointer;
    }

    div.fieldTextarea textarea {
        background: #f3f6f7;
        border: 2px inset #ccc;
        padding: 3px;
        color: #333;
        width: 450px; /* @note Firefox doesn't obey box model */
    }

/* @note wapper for INPUT TYPE="CHECKBOX" */
div.fieldCheckbox {
    padding: 0 0 20px 0;
    position: relative;
}

    div.fieldCheckbox label {
        display: block;
        cursor: pointer;
        padding-left: 20px;
    }

    div.fieldCheckbox input {
        position: absolute;
        left: 0;
        *left: -3px;
        _left: -22px;
        top: 2px;
        *top: -2px;
        cursor: pointer;
    }

/* @note wapper for INPUT TYPE="SUBMIT" */
div.fieldSubmit {
    border: 2px solid #0a4065;
    padding: 1px;
    float: left;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

    div.fieldSubmit input {
        color: #fff;
        font: bold 12px/14px Arial, sans-serif;
        background: #0a4065;
        border: 0;
        padding: 2px 4px;
        margin: 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        cursor: pointer;
    }

.whiteBg,
.careerswhiteBg {
    background-color: #ffffff;
}

.padTop {
    padding-top: 20px;
}

.padTop30 {
    padding-top: 30px !important;
}

.pd10 {
    padding-top: 10px;
}

.pd10_floatLeft {
    padding-top: 10px;
    float: left;
}

.pb-20 {
    padding-bottom: 20px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pt5 {
    padding-top: 5px;
}

.mt-2 {
    margin-top: 30px;
}

.mb-2 {
    margin-bottom: 30px;
}
/* @note mouseover A.help will show this layer */
div.hdrSubmit {
    float: right;
}

.hdrSubmit input {
    background: url(../img/btnSearch.png) no-repeat 0 0 transparent;
    border: 0 none;
    height: 27px;
    width: 27px;
}

div.helpPopup {
    position: absolute;
    left: 0;
    top: 10px;
    width: 338px;
    background: url(../img/popupTop.gif) no-repeat;
    padding-top: 3px;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #000 !important;
    display: none;
    z-index: 2000;
}

div.helpPopupContent {
    background: url(../img/popupBottom.png) no-repeat bottom left;
    min-height: 113px;
    padding: 20px 30px 40px 30px;
}

    div.helpPopupContent h2 {
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px;
        line-height: 18px;
        font-weight: bold;
        font-style: normal;
    }

    div.helpPopupContent p {
        margin: 0;
        padding: 0 0 10px 0;
    }

/* @note content on the interpretations page */
div.interpretationContent {
    border: 1px solid #fff; /* to deal with content's margins and getting the left border visible */
    border-left: 1px solid #ccc;
    border-right: 0;
    padding: 19px 0 0 19px;
}

/* @note left nav for interpretations */
div.interpretationNav, div.interpretationNav2 {
    border-top: 5px solid #fff;
    width: 280px;
}

    div.interpretationNav h2, div.interpretationNav2 h2 {
        font-style: normal;
        color: #5c5c5c;
        font-size: 18px;
        line-height: 24px;
        font-weight: normal;
        margin: 0;
    }

    div.interpretationNav li, div.interpretationNav2 li {
        border-bottom: 1px solid #ccc;
        list-style: none;
        margin: 0;
        padding: 10px 0;
    }

        div.interpretationNav li .interpretiveLetter, div.interpretationNav2 li .interpretiveLetter {
            background: url("../img/i-letter.png") no-repeat 0 -3px transparent;
            padding: 3px 0 20px 28px;
        }

        div.interpretationNav li .interpretiveNotice, div.interpretationNav2 li .interpretiveNotice {
            background: url("../img/i-notice.png") no-repeat 0 0 transparent;
            padding: 3px 0 20px 28px;
        }

        div.interpretationNav li .ai.col-md-10, div.interpretationNav2 li .ai.col-md-10 {
            padding: 0;
            margin: 0;
        }

        div.interpretationNav li .ai p, div.interpretationNav2 li .ai p {
            padding: 0;
            margin: 0;
        }

    div.interpretationNav ol, div.interpretationNav2 ol {
        border-top: 1px solid #ccc;
    }

select.rule {
    border: 1px solid #999;
    padding: 2px;
    width: 100%;
    margin-bottom: 20px;
}
/* @note homepage slideshow wrapper */
.mainBlockMainDiv {
    padding: 0;
}

.homepageCarouselContainer {
    background: #eaeaea none repeat scroll 0 0;
    margin-bottom: 20px;
}

    .homepageCarouselContainer.nmt {
        margin: -5px 0 25px;
    }

    .homepageCarouselContainer .carouselHomeBg {
        height: 252px;
        max-height: 252px;
    }

        .homepageCarouselContainer .carouselHomeBg .container {
            padding: 0 !important;
        }

    .homepageCarouselContainer .carousel-caption {
        bottom: 10px;
        color: #ffffff;
        left: 0;
        padding-bottom: 10px;
        position: absolute;
        z-index: 10;
        right: inherit;
        text-align: left;
        text-shadow: none;
        width: 400px;
    }

.homepageCarousel {
    background-color: #e4e9f6;
    margin: 0 auto 10px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    position: relative;
}

    .homepageCarousel h1 {
        border: 0 none;
        color: #5aa00a;
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .homepageCarousel p.text {
        color: #0a355b;
        font-size: 15px;
        margin-top: 5px;
    }

    .homepageCarousel .carousel-indicators {
        bottom: -10px;
        left: 30%;
        text-align: left;
        display: inline !important;
    }

        .homepageCarousel .carousel-indicators li {
            border-color: #5aa00a;
        }

        .homepageCarousel .carousel-indicators .active {
            background-color: #5aa00a;
        }

    .homepageCarousel .item img {
        margin-left: 395px;
    }

.carousel-inner {
    height: 252px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.homepageCarousel .btn-primary {
    display: none;
}

.homepageCarousel .nav-btns {
    display: none;
}

/* @note homepage right rail widget */
div.msrbAbout {
    border-bottom: 1px solid #ccc;
    padding: 15px 0 21px;
    width: 95%;
}

    div.msrbAbout p {
        font-size: 18px;
        line-height: 22px;
        color: #555555;
        margin: 0;
        letter-spacing: -0.5px;
    }

    div.msrbAbout a {
        padding-left: 37px;
    }

        div.msrbAbout a img {
            vertical-align: middle;
        }

/* @note homepage right rail widget */
div.msrbLogin {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    position: relative;
    *zoom: 1;
    width: 95%;
    float: left;
}

.ar a {
    background: url("../img/greenArrowSm.png") no-repeat right 3px transparent;
    padding-right: 15px;
}

div.msrbLogin a.reg {
    color: #0c4c83;
    font-size: 14px;
    background: url("../img/arrowEast.png") no-repeat scroll 82px center transparent;
    float: left;
    width: 170px;
}

div.msrbLogin span.title {
    font-size: 18px;
    line-height: 20px;
    background: url(../img/arrowLogin.png) no-repeat right;
    padding: 0 19px 0 0;
}

.mainBlockContainer {
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    margin-right: 16px;
}

    .mainBlockContainer:last-child {
        margin: 0;
    }

    .mainBlockContainer .inner {
        text-align: center;
        border: 1px solid #ccc;
        float: left;
        width: 253px;
        height: 208px;
    }

        .mainBlockContainer .inner .imgText {
            position: relative;
            height: 206px;
            max-width: 251px;
        }

            .mainBlockContainer .inner .imgText .h3Div {
                position: absolute;
                bottom: 0;
                background-color: #fff;
                width: 100%;
            }

            .mainBlockContainer .inner .imgText .img {
                position: absolute;
                top: 0;
                left: 0;
            }

            .mainBlockContainer .inner .imgText .h3DivH {
                position: absolute;
                bottom: 0;
                background-color: #bcd6b0;
                width: 100%;
                color: #ffffff;
            }

            .mainBlockContainer .inner .imgText .h3Div h3, .emma-block h3 {
                text-align: center;
                padding: 0 0 10px;
                text-transform: uppercase;
                font-size: 16px;
                color: #003366;
            }

.emma-block h3 {
    font-size: 14px;
}

.mainBlockContainer .extra {
    background-color: #0a355b;
    color: #fff;
    text-align: left;
    padding: 30px 10px 20px;
    font-size: 14px;
    height: 203px;
}

.imgText a {
    cursor: pointer;
}

    .imgText a:hover {
        text-decoration: none;
    }

.mainBlock {
    margin-top: 25px;
    float: left;
    width: 100%;
}

.homeRtRail {
    float: left;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px;
    width: 100%;
    margin-bottom: 15px;
}

    .homeRtRail .inner {
        background-color: #dfdfdf;
        border: 1px solid #ccc;
        width: 100%;
        height: 90px;
    }

    .homeRtRail .imge1 {
        float: left;
        margin: 20px 0 0 5px;
    }

    .homeRtRail .in {
        margin: 25px 5px 0 0;
        font-size: 14px;
        float: left;
        width: 73%;
    }

    .homeRtRail .inner.activeReg {
        background: url(../img/home-active-box-bg.png) repeat-x 0 0 #c3d6b1;
    }

    .homeRtRail .activeReg .in {
        margin-top: 5px;
    }

.leftRail {
    padding-right: 0;
}

.homeLtRail {
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 8px 0 15px;
    width: 100%;
    margin-bottom: 9px;
}

.homeRtRail h3 {
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 3px;
}

.homeLtRail h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 3px;
}

.homeLtRail .imge1 {
    float: left;
}

.homeLtRail .in {
    font-size: 14px;
}

span.se {
    font-size: 16px;
    font-weight: bold;
    color: #0C4C83;
    background: url(../img/icon-systemEvent.png) no-repeat left;
    padding: 0 19px 0 30px;
}

.ss {
    padding: 10px 0 0 0;
}

    .ss a {
        text-decoration: underline;
    }

div.msrbLogin span.tagline {
    color: #444545;
    font-size: 12px;
    line-height: 24px;
    display: block;
}

div.msrbLogin p {
    margin: 0;
}

.msrbLogin p.log {
    background: url(../img/msrb-gateway-icon.png) no-repeat left;
    padding: 10px 0 0 50px;
}

div.msrbLogin p.what {
    position: absolute;
    top: 15px;
    right: 10px;
}

    div.msrbLogin p.what a {
        color: #0c4c83;
    }

div.msrbLogin.l {
    border-bottom: 1px dashed #ccc;
    padding-top: 5px;
}
/* @note homepage right rail widget */
/* @note homepage left rail Resources */
div.resources p {
    margin: 0 0 6px;
    color: #5b5959;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

div.resources ul {
    list-style: none;
    margin: 0;
}

div.resources li {
    font-size: 15px;
    height: 58px;
    list-style: none outside none;
    margin: 0 3px 6px 0;
    padding: 0 3px 0 0;
    background-color: #f1f1f1;
    background-image: linear-gradient(to bottom, #f1f1f1, #e7e7e7);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #9DC077;
    border-width: 1px;
    border-style: solid;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

    div.resources li a {
        float: left;
        padding: 10px 20px 10px 10px;
        background: url(../img/arrowResources.png) no-repeat right 10px;
        width: 99%;
    }

        div.resources li a:hover {
            text-decoration: none;
            color: #333;
        }


/* @note left navigation */
.nav ul {
    margin: 0;
    list-style: none;
}

div.nav li {
    margin: 0;
    list-style: none;
}

div.nav ul ul a {
    padding-left: 30px;
}

div.nav ul ul ul a {
    padding-left: 50px;
}

div.nav a {
    color: #023f6e;
    display: block;
    border-bottom: 1px solid #b3b3b3;
    padding: 13px;
    *zoom: 1;
}
/* @note STRONG indicates on state */
div.nav strong a {
    background: #0f3c6a;
    color: #fff;
    margin-top: -1px;
    border: 0;
    *display: inline;
}
/* @note homepage news list */
.msrbTweet {
    padding: 0;
}

    .msrbTweet h2 {
        margin: 0 0 15px;
        font-style: normal;
    }

div.news {
    position: relative;
}

    div.news h2 {
        font-size: 16px;
        line-height: 32px;
        color: #5c5d5d;
        border-bottom: 1px solid #ccc;
        font-style: normal;
        margin: -10px 0 0 0; /* align text to the top */
    }

    div.news ul {
        margin-top: 6px; /* visually it's 10 with the line height */
    }

    div.news li {
        list-style: none;
        margin: 0 0 10px 0;
    }

        div.news li a {
            *background: none;
        }

    div.news a {
        background: url(../img/arrowEast.png) no-repeat right;
        padding-right: 13px;
    }

        div.news a.all {
            position: absolute;
            top: 8px;
            *top: 2px;
            right: 0;
        }

    div.news li span {
        font-size: 12px;
        display: block;
    }

.ruleHeaderBlock {
    background-color: #d0e5fa;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 15px 0 35px;
    padding: 15px;
    transition: 0.5s;
    -ms-transition: 0.5s;
    font-size: 14px;
}
.ruleHeaderBlock p{
   margin:0
}

/* @note content on the regulations landing page */
.regLPBlock {
    background-color: #d0e5fa;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 465px;
    margin: 10px 50px 35px;
    height: 135px;
    padding: 27px 20px;
    transition: 0.5s;
    -ms-transition: 0.5s;
}

    .regLPBlock:hover {
        background-color: #b2dcf3;
        box-shadow: 0 0 6px #c1c1c1;
    }

    .regLPBlock:first-child {
        margin-right: 0;
    }

    .regLPBlock h2 {
        color: #003366;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
        padding: 0;
        font-style: normal;
    }

    .regLPBlock p {
        margin: 0;
        padding: 0;
        font-size: 15px;
    }

    .regLPBlock .col-md-2 {
        padding: 0;
    }

.hr {
    border-bottom: 1px dashed #999;
    float: left;
    width: 100%;
}

.ruleMakingProcess {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .ruleMakingProcess h3 {
        color: #333333;
        font-size: 18px;
        padding: 0;
    }

    .ruleMakingProcess .oldStep {
        background: url("../img/process-box.png") no-repeat 0 0 transparent;
        transition: 0.5s;
        text-align: center;
        width: 226px;
        height: 294px;
        color: #003366;
    }

    .ruleMakingProcess .oldStep:hover {
        background: url("../img/process-box-hover.png") no-repeat 0 0 transparent;
        box-shadow: 0 0 6px #c1c1c1;
    }


    .ruleMakingProcess .oldStep.oldActive:hover {
        background: url("../img/process-active-box-hover.png") no-repeat 0 0 transparent;
    }

    .ruleMakingProcess .oldActive {
        background: url("../img/process-active-box.png") no-repeat 0 0 transparent;
    }

    .ruleMakingProcess .oldStep h4 {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        margin: 5px 0 10px;
    }
    
    .ruleMakingProcess .step {
        transition: 0.5s;
        text-align: center;
        color: #fff;
        float: left;
    }

    .ruleMakingProcess .step:hover {
        box-shadow: 0 0 6px #c1c1c1;
        background-color: #84aec2;
    }

    .ruleMakingProcess .innerStep {
        margin: 10px 0;
        height: 300px;
        padding: 10px 0;
    }

    .ruleMakingProcess .cols-5 {
        width: 20%;
    }

    .ruleMakingProcess .cols-4 {
        width: 25%;
    }

    .ruleMakingProcess .inActive {
        background-color: #0f406a;
    }

    .ruleMakingProcess .active {
        background-color: #a99d95;
    }

    .ruleMakingProcess .step h4 {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0;
    }

.rmp {
    padding: 0 0 40px;
}

    .rmp .arrow {
        background: url("../img/process-arrow.png") no-repeat 2px center transparent;
        width: 48px;
        height: 280px;
        float: left;
    }

        .rmp .arrow:last-child {
            display: none;
        }

    .rmp a.rmpLink:hover {
        text-decoration: none;
        cursor: pointer;
    }

.otherLinks {
    margin-bottom: 10px;
}

    .otherLinks .col-md-4 {
        padding-left: 0;
    }

    .otherLinks .links {
        list-style: outside none;
        border-right: 1px solid #999;
    }

        .otherLinks .links.nb {
            border-right: 0 none;
        }

    .otherLinks .ul {
        margin-right: 10px;
    }

    .otherLinks li {
        list-style: outside none;
        background: url("../img/list-square.png") no-repeat 0 1px transparent;
        padding: 0 5px 5px 16px;
        margin: 0;
    }

    .otherLinks h3 {
        color: #333;
        font-size: 16px;
        font-weight: normal;
    }
/* @note content on the rules page */
div.ruleContent {
    border: 1px solid #fff; /* to deal with content's margins and getting the left border visible */
    border-left: 1px solid #ccc;
    border-right: 0;
    padding: 0 0 0 19px;
}

/* @note left nav for Rules */
div.ruleNav {
    border-top: 5px solid #fff;
    width: 280px;
}

    div.ruleNav h2 {
        font-style: normal;
        color: #5c5c5c;
        font-size: 18px;
        line-height: 24px;
        font-weight: normal;
        margin: 0;
    }

    div.ruleNav li {
        border-bottom: 1px solid #ccc;
        list-style: none;
        margin: 0;
        text-indent: -19px;
        padding: 10px 0 10px 20px;
    }

    div.ruleNav ol {
        border-top: 1px solid #ccc;
    }

/* @note title for Rules */
div.ruleTitle {
    margin-bottom: 20px;
    padding: 0;
}

    div.ruleTitle h1 {
        color: #5c595a;
        font-size: 24px;
        line-height: 30px;
        border: 0;
        padding: 0 0 0 0; /* @note left padding to line up with Tabs */
    }

        div.ruleTitle h1 span {
            display: block;
            font-size: 15px;
            line-height: 20px;
        }

    div.ruleTitle p.subTitle {
        margin: .5em 0 0 0;
        padding: 0 0 0 20px;
    }

.col-md-1.lt, .col-md-1.rt {
    width: 5%;
    padding: 0;
}

.col-md-4.rn {
    padding-right: 0px;
    width: 40%;
}

.rt input[type="image"] {
    float: right;
}
/* @note Rule summary (upper left) */
div.ruleSummary {
    border: 1px solid #ccc;
    border-width: 1px 0;
    margin-bottom: 20px;
}

    div.ruleSummary h2 {
        color: #5c5c5c;
        font-size: 14px;
        line-height: 18px;
        font-style: normal;
    }

    div.ruleSummary p {
        margin-top: .5em;
    }
/* @note Rule summary (upper left) */
.rulesTop {
    margin-top: 20px;
}

.ruleNotification {
    float: right;
}

div.ruleNotification h4 {
    color: #7da154;
    font-size: 14px;
    margin: 7px 0 0;
    font-weight: bold;
}

div.ruleNotification .rn_icon {
    width: 55px;
    float: left;
}

div.ruleNotification .rn_text {
    float: left;
    min-width: 200px;
    max-width: 300px;
    padding-left: 10px;
}

div.ruleNotification p {
    margin-top: 0;
}

/* @note related content (right rail boxes) */
div.related {
    border: 1px solid #5c595a;
    border-width: 1px 0;
    margin: 0 0 18px 0;
    background: #99b1bb url(../img/bgRelated.png) repeat-x;
    color: #464646;
}

    div.related a {
        color: #464646;
    }

    div.related br {
        *display: none;
    }

    div.related * br {
        *display: block;
    }

    div.related h2 {
        color: #fff;
        font-size: 15px;
        line-height: 36px;
        margin: 0;
        padding: 0 15px;
        font-style: normal;
        font-weight: normal;
    }

        div.related h2 a {
            color: #fff;
            display: block;
            background: url(../img/boxArrowRelated.png) no-repeat right;
        }

    div.related img {
    }

        div.related img.wrap {
            float: left;
            margin: 0 10px 5px 0;
        }

    div.related p {
        border-top: 1px solid #fff;
        margin: 0;
        padding: 12px 14px;
    }

        div.related p.more {
            border: 0;
            padding-top: 0;
            text-align: center;
        }

    div.related span {
    }

        div.related span.date {
            color: #010101;
            font-size: 11px;
            display: block;
        }

    div.related ul {
        border-top: 1px solid #fff;
        margin: 0;
        list-style: none;
        padding: 0 15px;
    }

    div.related li {
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #bcccd2;
        padding: 10px 0;
    }

        div.related li:last-child {
            border-bottom: 0;
        }

        div.related li.last-child {
            border-bottom: 0;
        }
/************** #right rail for MSRB gateway resources **************/
.login-box {
    background-color: #f1f1f1;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 0 5px 5px;
    text-align: center;
}

    .login-box h3 {
        color: #003366;
        padding: 15px 0 0;
        text-align: center;
        margin: 0;
    }

    .login-box ul {
        margin: 0;
    }

    .login-box li {
        padding: 5px;
        font-size: 13px;
        color: #333;
        margin: 0;
        list-style: none;
    }

    .login-box .m {
        background-image: none;
        padding: 0;
    }

    .login-box a {
        background: transparent url('../img/login_bg_a.png') no-repeat right center;
        padding: 0 13px 0 0;
        color: #003366;
    }

    .login-box .video {
        border-top: 1px dashed #cccccc;
        border-bottom: 1px dashed #cccccc;
        margin: 10px 0 0;
        padding-left: 10px;
    }

        .login-box .video a {
            background: transparent url('../img/ad-video_icon.png') no-repeat 0 0;
            padding: 3px 0 0 30px;
            display: block;
            text-align: left;
        }
/************** #Custom Right Rail**************/
.crrb {
    margin: 20px 0 20px 10px;
    width: 245px;
    font-size: 12px;
    line-height: normal;
}

.homeRightRail {
    padding-left: 0;
}

    .homeRightRail .crrb {
        margin: 20px 0 20px 20px;
        width: 230px;
    }

.crrb .in {
    border: 1px solid #ccc;
    padding: 0 10px 10px 35px;
}

.crrb .imge1 {
    margin: 0 0 -55px -40px;
}

.crrb h3 {
    color: #003366;
    font-size: 1.25em;
    margin-bottom: 0;
}

.cbrr {
    margin: 20px 10px;
    width: 230px;
    font-size: 12px;
    line-height: normal;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    text-align: center;
}

    .cbrr:last-child {
        border: 0 none;
    }

    .cbrr .in {
        text-align: center;
        padding-top: 10px;
    }

        .cbrr .in a {
            text-decoration: underline;
        }

.in > p {
    margin: 5px 0;
}

/* @note homepage right rail box (green) */
div.service {
    border: 1px solid #5c595a;
    border-width: 1px 0;
    margin: 0 0 18px 0;
    background: #d0e5b4 url(../img/bgService.png) repeat-x bottom left;
    color: #464646;
}

    div.service a {
        color: #464646;
    }

    div.service h2 {
        font-size: 15px;
        line-height: 15px;
        margin: 0;
        padding: 10px 14px;
        font-style: normal;
        font-weight: normal;
    }

        div.service h2 a {
            color: #5b5959;
            display: block;
            background: url(../img/boxArrowService.png) no-repeat right;
        }

        div.service h2 span {
            font-size: 10px;
            display: block;
        }

    div.service p {
        border-top: 1px solid #fff;
        margin: 0;
        padding: 12px 14px;
    }

        div.service p.more {
            border: 0;
            padding-top: 0;
            text-align: center;
        }

    div.service ul {
        border-top: 1px solid #fff;
        margin: 0;
        list-style: none;
        padding: 0 14px;
    }

    div.service li {
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #bcccd2;
        padding: 12px 0;
    }

        div.service li:last-child {
            border-bottom: 0;
        }

        div.service li.last-child {
            border-bottom: 0;
        }

/* @note market topics list */
div.topics {
}

    div.topics div {
        padding-bottom: 20px;
    }

    div.topics img {
        float: right;
        border: 20px solid #fff;
        border-width: 0 0 20px 20px;
    }

    div.topics h2 {
        margin: 0;
        font-size: 13px;
        line-height: 18px;
        font-style: normal;
        font-weight: normal;
        float: left;
        width: 100%;
    }

        div.topics h2 img {
            float: none;
            border: 0 none;
            margin-top: -10px;
        }

        div.topics h2 a {
            float: left;
        }

        div.topics h2 span {
            float: right;
        }

    div.topics p {
        margin: 0 0 1em 0;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    div.topics h2 img {
        float: left;
    }

    div.topics h2 a {
        float: none;
    }

    div.topics h2 span {
        float: left;
    }
}

/* @note lists of additional topics (follows div.topics) */
div.topicsMore {
}

    div.topicsMore ul {
        border: 1px solid #ccc;
        border-width: 1px 0;
    }

/* @note ummm, tabs */
div.tabs {
    position: relative;
    height: 43px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.rulesTop div.tabs {
    border-bottom: 0 none;
}

div.grid_6 div.tabs {
    background-image: url(../img/bgTabs6.png);
}

div.tabs ul {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
}

.rulesTop div.tabs ul {
    border-bottom: 1px solid #ccc;
    width: 100%;
}

div.tabs li {
    display: inline;
    list-style: none;
    margin: 0;
}

    div.tabs li:last-child a {
        margin: 0;
    }

    div.tabs li.last-child a {
        margin: 0;
    }

    div.tabs li a {
        display: block;
        float: left;
        padding: 12px 20px;
        margin: 0 2px 0 0;
        text-align: center;
        border: 1px solid #AAA;
        border-bottom: none;
        font-weight: bold;
        width: 200px;
        background: url(../img/bgTab.png) repeat-x;
    }

div.tabs a:hover {
    background: #fff;
}

div.tabs strong a,
div.tabs strong a:hover,
div.tabs a.selectedTab {
    background: #003366;
    _position: relative;
    _bottom: -1px;
    color: #ffffff;
}

/* @note AddThis container */
body div.utility {
    display: inline-table;
    width: 100%;
    background: #A6C97E url(../img/utility.png) no-repeat;
    height: 28px;
    border-bottom: 10px solid #fff;
}

div.interpretationContent {
    position: relative;
}

    div.interpretationContent div.utility {
        position: absolute;
        top: 0;
        left: 19px;
    }

div.utilityPlaceholder {
    height: 38px;
}

.tabs li.visuallyDistinctTab a {
    width: 250px;
}

h1 {
}
    /* @note if tabs follow an H1, use this class */
    h1.tabs {
        border: 0;
        padding-left: 10px;
    }

label {
}
    /* @note advanced search form uses special labels */
    label.middle {
        text-align: center;
        display: block;
    }

    label.right {
        text-align: right;
        display: block;
    }

p {
}

    p.subTitle {
        color: #3d4a5f;
    }
    /* @note general error message appearing at the top of a page */
    p.errorMessage {
        border: 1px solid #982312;
        padding: 19px;
        color: #982312;
        display: none;
    }

    p.prFooter {
        font-style: italic;
        font-size: 11px;
    }

span {
}
    /* @note inline error next to the form field */
    span.error {
        color: #982312;
        padding-left: 20px;
        display: none;
    }

    span.note {
        color: #5c5c5c;
    }

table {
}
    /* @note stylized table with header-to-content relationship is horizontal */
    table.horizontal {
    }

        table.horizontal th {
            padding-right: 2em;
            vertical-align: text-top;
            white-space: nowrap;
        }
    /* @note table of Rules (extra padding is used on this table) */
    table.rules {
        color: #0c4c83;
    }

        table.rules th {
            padding-left: 10px;
        }

        table.rules td {
            padding: 0 10px 10px 0;
        }
    /* @note sortable tables */
    table.sortable, table.recentFilings {
        width: 100%;
    }

        table.sortable.nm, table.recentFilings.nm {
            margin-top: 0;
        }

        table.sortable th, table.recentFilings th {
            padding: 7px 5px;
            cursor: pointer;
            text-align: left;
            border-bottom: 2px solid #ccc;
        }

        table.sortable th {
            background: url(../img/sortUp.gif) no-repeat center right;
        }

            table.sortable th.sort {
                background-image: url(../img/sortDown.gif);
            }

            table.sortable th.header {
                background-image: url(../img/sortUpDown.gif);
                background-position: center right;
                padding: 7px 15px 7px 5px;
            }

            table.sortable th.headerSortUp {
                background-image: url(../img/sortUp.gif);
            }

            table.sortable th.headerSortDown {
                background-image: url(../img/sortDown.gif);
            }

            table.sortable th a {
                color: #333;
                display: block;
            }

        table.sortable td, table.recentFilings td {
            padding: 5px 5px;
            border-bottom: 1px solid #ccc;
        }

        table.sortable .rs {
            text-align: center;
            float: left;
            width: 100%;
        }

            table.sortable .rs a {
                display: inline-block;
            }

.pdw, .ntw {
    width: 85px;
}

.nnw {
    width: 80px;
}

/* @note status table */
table.status {
    width: 100%;
    margin-bottom: 30px;
}

    table.status th {
        padding: 5px 10px 5px 0;
        text-align: left;
        border-bottom: 2px solid #ccc;
        font-weight: bold;
    }

    table.status td {
        padding: 8px 20px 8px 0;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }

    table.status .center, table.sortable .center {
        text-align: center;
    }

span.red {
    color: #c64f49;
    font-weight: bold;
}

span.yellow {
    color: #e8cc0c;
    font-weight: bold;
}

span.green {
    color: #8ac649;
    font-weight: bold;
}

.status span {
    display: inline-block;
    height: 28px;
    width: 29px;
}

span.RedIcon {
    background: url("~/media/Images/SystemStatus/offline.ashx") no-repeat 0 center transparent;
    color: #c64f49;
}

span.YellowIcon {
    background: url("~/media/Images/SystemStatus/maintenance.ashx") no-repeat 0 center transparent;
    color: #e8cc0c;
}

span.GreenIcon {
    background: url("~/media/Images/SystemStatus/online.ashx") no-repeat 0 center transparent;
    color: #8ac649;
}

ul {
}
    /* @note a list of links (line dividers between each link) */
    ul.linkList {
        margin: 5px 0 20px 0;
        list-style: none;
    }

        ul.linkList li {
            margin: 0;
            list-style: none;
            border-bottom: 1px solid #ccc;
            padding: 5px 0;
        }

            ul.linkList li:last-child {
                border-bottom: 0;
            }

            ul.linkList li.last-child {
                border-bottom: 0;
            }


/**
 * @section IDs
 **/
/* @note page wrapper */
#container {
    position: relative;
}

/* @note Content wrapper */
#content {
    padding-bottom: 36px;
}

/* @note external link overlay (just the grayed out screen) */
#externalOverlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    *filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    _position: absolute;
    _height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* @note external link content wrapper */
#externalWindow, .primaryPopUp {
    position: fixed;
    background: #ffffff;
    z-index: 11000;
    top: 50%;
    left: 50%;
    display: none;
    _position: absolute;
    _margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#externalWindow {
    width: 480px;  
    height: 240px; 
    margin: -110px 0 0 -170px;
}

#externalWindow.primaryPopUp {
    width: 700px;
    height: 300px;
    margin: -110px 0 0 -270px;
}

/* @note external link content */
#externalContent {
    padding: 30px 20px;
}

    #externalContent h2 {
        font-weight: bold;
        font-style: normal;
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 0 0 10px 0;
        font-size: 13px;
    }

    #externalContent div.clearfix {
        margin: 0 auto;
        width: 172px;
    }

    #externalContent div.fieldSubmit {
        margin: 0 10px;
    }

        #externalContent div.fieldSubmit input {
            width: 60px;
        }

#wrapper {
    min-height: 550px;
    height: auto !important;
    height: 550px;
}
/*********Used via JS**********/
.wrapper {
    background: url('../img/headeWrapperBG.png') repeat-x 0 -3px transparent;
}
/*******/

/* @note Footer wrapper */
footer {
    border-top: 4px solid #7aa451;
    background-color: #eaeaea;
    position: relative;
    clear: both;
    padding-top: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
}

.footer-links {
}

.old-footer-links li {
    display: inline;
    font-size: 13px;
    text-transform: uppercase;
    border-right: 1px solid #003366;
    padding: 0 10px;
    margin: 20px 0 0;
}

.footer-links li {
    list-style: none inside;
    font-size: 14px;
    padding: 2px;
}

    .footer-links li label {
        color: #003366;
        margin-bottom: 0;
    }

footer p {
    color: #999;
    font-size: 12px;
    margin: 0 10px;
}

    footer p.copy {
        color: #666;
        font-size: 12px;
    }

.socialLinks {
    margin-top: 15px;
    text-align: center;
}

    .socialLinks li {
        display: inline;
        padding: 0 1px;
        margin: 0;
    }
/* @note Header wrapper */
#commonHeader, #wrapper {
    background-color: #fff;
}

#commonFooter {
    background-color: #eaeaea;
}

#header .logo {
    padding-top: 20px;
    margin-bottom: 15px;
}

    #header .logo a {
        display: block;
    }

    #header .logo img.logoImg {
        display: inline;
    }

    #header .logo img.printLogoImg {
        display: none;
    }

/* @note Navigation wrapper */
#nav {
}

    #nav a {
        color: #0a355b;
        text-decoration: none;
    }

        #nav a:hover {
            text-decoration: underline;
        }

    #nav ul,
    #nav li {
        margin: 0;
        list-style: none;
    }

/* @note Global Navigation (upper right) */
#navGlobal {
    padding: 0;
    float: right;
    width: 700px;
}

    #navGlobal ul {
        padding: 0 10px 25px;
        font-size: 13px;
    }

    #navGlobal li {
        border-right: 1px solid #ccc;
        display: inline;
        height: 18px;
        margin: 0 2px 0 0;
        padding: 0 5px;
    }

    #navGlobal .nav li a {
        display: inline;
        padding: 5px;
        text-transform: uppercase;
    }

    #navGlobal li.last-child {
        border: 0 none;
    }

    #navGlobal strong a {
        font-weight: normal;
        color: #8bc64b;
    }

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        color: #ffffff;
        background-color: #093c71;
    }
/* @note Site Search form (upper right) */
#navSearch {
    padding-right: 20px;
    margin-top: 30px;
}

    #navSearch input.inputText {
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        font-size: 14px;
        padding: 2px;
        width: 350px;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #navSearch input.inputText {
        padding: 4px;
    }
}


#navSearch input.txtSearchBtn {
    margin: 0 0 0 -1px;
    padding: 0;
    vertical-align: top;
}

#navSearch p {
    font-size: 12px;
    margin: 5px 0 15px;
    text-align: right;
}

#navSearch div.fieldSubmit input {
    background: #fff;
    color: #3d4a5f;
    *margin-right: -4px;
}


/* @note Main Navigation */
#navMain {
    *height: 56px;
}

    #navMain ul {
        width: 1170px;
        float: left;
    }

        #navMain ul li {
            float: left;
            *display: inline;
            *z-index: 1000;
            border-right: 2px solid #fff;
            width: 190px;
        }

            #navMain ul li:first-child {
                margin-left: 10px;
            }

            #navMain ul li:last-child {
                border-right: 0 none;
            }

            #navMain ul li a {
                font-size: 14px;
                padding: 10px 15px;
                font-weight: bold;
                text-align: center;
                display: inline-block;
                float: none;
                width: 100%;
            }

                #navMain ul li a:hover {
                    text-decoration: none;
                }

    #navMain li ul {
        background: #0f3c6a;
        position: absolute;
        top: 40px;
        z-index: 1000;
        border: 0 none;
        display: none;
        padding-bottom: 10px;
        width: 240px;
    }

        #navMain li ul li {
            padding: 10px 0;
            *zoom: 1;
            float: none;
            border-right: 0 none;
            display: table-row;
            max-width: 220px !important;
        }

            #navMain li ul li a {
                text-align: left !important;
                font-weight: normal !important;
                float: left;
                border: 0 !important;
                line-height: normal;
                text-transform: none;
                position: relative; /* @note needed in Safari to show up */
            }

                #navMain li ul li a:hover {
                    text-decoration: underline;
                }

    #navMain a {
        float: left;
        /*background-color: #eaeaea;*/
        padding: 0 10px;
    }

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

    #navMain li.hover a, #navMain a ul.subMenu, #navMain li ul.subMenu li a {
        background: #0f3c6a !important;
        color: #fff !important;
    }

    #navMain strong a, #navMain a.activeMain {
        background: #0f3c6a;
        text-decoration: none;
        color: #ffffff;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #navSearch input.inputText {
        padding: 4px;
    }
}
.navArrow .left, .navArrow .right {
    position: fixed;
    top: 350px;
}
@media (max-width: 768px) {
    .visible-lg {
        display: none;
    }
}

@media (min-width: 992px) {
    .visible-lg {
        display: none;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block;
    }
    .navArrow .left {
        left: 0;
    }
    .navArrow .right {
        right: 0;
    }
}
@media (min-width: 1400px) {
   
    .navArrow .left {
        left: 8%;
    }
    .navArrow .right {
        right: 8%;
    }
}
@media (min-width: 1800px) {
    .navArrow .left {
        left: 15%;
    }
    .navArrow .right {
        right: 15%;
    }
}


.navbar {
    margin-bottom: 5px;
    min-height: 45px;
}

.careerswhiteBg .navbar {
    margin-bottom: 0;
}

#commonHeader .navbar {
    margin-bottom: 0;
}

#navBreadcrumb {
    padding: 0 0 10px 20px;
}

/**
 * @note Search Results 
 **/
.searchResultBar {
    border-top: 1px solid #ccc;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

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

.searchTitle {
    margin: 0 0 5px;
}

.searchDescription {
    margin: 0 0 5px;
}

.searchUrl {
    font-size: 11px;
    color: #666;
    margin: 0;
}

/* Added by MSRB to support input buttons */
input.events {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #336699;
    background-color: #c0c0c0;
    padding: 0 .25em 0 .25em;
    width: auto;
    overflow: visible;
    cursor: pointer;
}

.printtext {
    display: none;
}

input.register {
    font: bold 12px/14px Arial, sans-serif;
    background: #fff;
    color: #3d4a5f;
    margin-right: -4px;
    color: #0a4065;
    border: 2px solid #87a5bf;
    -moz-box-shadow: 0 0 2px 2px #3d4a5f;
    -webkit-box-shadow: 0 0 2px 2px#3d4a5f;
    box-shadow: 0 0 2px 2px #3d4a5f;
    padding: 2px 4px;
    margin: 0;
    width: auto;
    overflow: visible;
    cursor: pointer;
}

div.feature img.govDevIcon {
    float: left;
}

.ruleContent h3 {
    color: #444444;
    font-size: 1.2em;
}

ul.GlossaryLetterList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    ul.GlossaryLetterList li {
        display: inline;
        margin-left: 1em;
    }

        ul.GlossaryLetterList li a {
            text-decoration: none;
            padding: 0px;
        }

.GlossaryControlCaption {
    font-style: normal;
}

.GlossaryDefinition {
    margin-top: 8px;
}

.outageResults {
    min-height: 300px;
}

.sortable td.action {
    width: 100px;
    text-align: center;
    padding-right: 25px;
}

table.statushistory td {
    padding: 5px 5px;
    border-bottom: 1px solid #ccc;
}

.rptAltNormal {
    background-color: #bcd89c;
    vertical-align: text-top;
}

.j {
    font-weight: bold;
}

.rptAltColor {
    vertical-align: text-top;
}

p.f {
    margin: 30px 0 0 0;
}

.playListIcon {
    width: 940px;
    background: url('../img/pointer-arrow-green.png') no-repeat scroll 695px 75px rgb(255, 255, 255);
}

.retTop {
    float: right;
}

    .retTop a {
        text-decoration: underline;
        cursor: pointer;
    }

a.back-to-top {
    position: fixed;
    display: none;
    z-index: 999;
    right: 20px;
    bottom: 160px;
    width: 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 40px;
    cursor: pointer;
    background: #6aa526 url("../img/back-to-top.png") no-repeat center 43%;
}

    a.back-to-top:hover {
        background-color: #666;
    }
/**************************************Header***************************************/
.navbar {
    background-color: #eaeaea;
    border-bottom: 4px solid #7aa451;
    border-top: 1px solid #ccc;
    padding: 0;
}

.twitterFeed {
    margin-bottom: 25px;
}

.btn-success {
    background-color: #80bc43;
}

.container {
    width: 1170px;
}

.navbar, footer, .CareersMenuBar {
    min-width: 1170px;
}

@media (max-width: 768px) {
    footer {
        background-color: #ffffff;
    }
}

.at4-icon.aticon-expanded {
    background: none !important;
}

.at4-icon.aticon-email {
    background: none !important;
}

.selectedDiv {
    background-color: rgb(176, 212, 181);
    cursor: pointer;
}

a.rule span.reserved {
    color: #999;
    cursor: pointer;
    text-decoration: none !important;
}

tr.reserved {
    color: #999;
    text-decoration: none !important;
}

    tr.reserved a {
        color: #999;
        text-decoration: none !important;
    }

.qtip-shadow.ruleTip {
    padding: 7px;
    background-color: #f1f1f1;
    color: #333333;
    border-color: #79acc6;
}

.qtip-shadow.eventTip {
    background-color: #f1f1f1;
    color: #333333;
    border-color: #79acc6;
    font-size: 13px;
    line-height: 18px;
}

.qtip-shadow.qrTip {
    background-color: #f1f1f1;
    color: #333333;
    border-color: #79acc6;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    max-width: 320px !important;
}

.SECFilingStatus {
    color: #c64f49;
    font-weight: bold;
    padding-left: 10px;
}

.SECWithdrawnStatus {
    color: #000000;
    font-weight: bold;
    padding-left: 10px;
}

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

    .outreachTable th {
        border-top: 1px solid #0f3c6a;
        border-bottom: 1px solid #0f3c6a;
        padding: 10px;
    }

    .outreachTable tbody tr:hover {
        background-color: #eaeaea;
    }

        .outreachTable tbody tr:hover td:first-child {
            border-right: 1px solid #ccc;
        }

    .outreachTable td {
        padding: 10px;
        vertical-align: top;
        border-bottom: 1px solid #a1a1a1;
    }

        .outreachTable td:first-child {
            background-color: #eaeaea;
            text-align: center;
            border-right: 1px solid #eaeaea;
        }

        .outreachTable td:last-child {
            text-align: center;
        }
/*For Professionals Landing Page*/
#rich-content-blocks {
    margin: 10px 0 30px;
    float: left;
}

.rcp {
    padding: 20px 10px;
    border-bottom: 1px dashed #a6a6a6;
    height: 150px;
    margin-right: 20px;
    width: 31.5%;
    float: left;
}

    .rcp img {
        float: left;
        margin: 0 5px 0 0;
    }

    .rcp h2 {
        margin: 0;
        padding: 3px 0 0;
        display: table-cell;
        height: 28px;
        vertical-align: middle;
    }

        .rcp h2 a {
            font-style: normal;
            color: #333;
            font-size: 16px;
            font-weight: normal;
        }

    .rcp p {
        display: inline-block;
        margin: 5px 0 0;
    }
/*End For Professionals Landing Page*/
.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w450 {
    width: 450px;
}

.w15pc {
    width: 15%;
}

.UpEvMinHt {
    min-height: 700px;
}

/*START: Solr Search Results Page css*/
.main-wrp {
    height: 82px;
    border: 1px solid #cccccc;
    background-color: #f1f1f1;
}

.search-ruler {
    width: 85%;
    float: right;
    margin-top: -59px;
    padding-left: 16px;
    margin-right: 55px;
    height: 37px;
    font-size: 19px;
    color: #000;
}

.search-cont {
    margin-left: 30px;
    font-size: 18px;
    width: 10%;
    padding-bottom: 10px;
    margin-top: 27px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.right-side-rail-type {
    padding-top: 15px;
}

.content-head {
    padding-right: 0;
}

ul.leader li.open {
    list-style: none;
    border-bottom: 1px solid #959595;
    padding-bottom: 5px;
    /*height: 40px;*/
    padding-top: 12px;
    padding-left: 10px;
}

.chbx-right {
    float: left;
    width: 18px;
    height: 18px;
    margin-top: -2px !important;
}

.leader {
    margin-left: -26px;
    margin-top: 5px;
}

.follow {
    padding-left: 30px;
    cursor: pointer;
    display: block;
    width: 100%;
}

.nums {
    float: right;
    padding-right: 10px;
    color: #767676;
}

.top-follow {
    margin-left: 9px;
    font-size: 18px;
    font-weight: 500;
}

.search-lists-top {
    margin-top: 28px;
    padding-left: 0px;
}

.ruler-top {
    background-color: #DDEFF8;
    width: 100%;
    float: left;
    padding: 20px 20px 10px;
    margin-bottom: 20px;
}

    .ruler-top .head-ruler {
        color: #003366;
        font-weight: 400;
        font-size: 20px;
    }

    .ruler-top p {
        margin-top: 0px;
        font-size: 14px;
    }

.list-content {
    margin-left: 0;
    padding-top: 5px;
}

.lenear {
    border-top: 2px solid #003366;
    width: 90px;
    height: 7px;
    display: block;
    margin-left: 20px;
    margin-top: -25px;
}

.clickable {
    color: #538d1b;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    cursor: pointer;
}

    .clickable:hover {
        color: #2a64a0;
    }

ul.list-content > li {
    padding: 10px 10px 10px 16px;
}

    ul.list-content > li:hover {
        background-color: #fcfac2;
    }

.list-content li {
    list-style: none !important;
    margin-left: 0;
}

ul.list-content > li > ul {
    margin-top: 5px;
}

ul.list-content li ul li {
    list-style: none;
    margin-left: 0;
    padding-top: 2px;
}

    ul.list-content li ul li.last-child {
        font-size: 12px !important;
        font-weight: 100;
    }

li.list-results {
    font-size: 13px;
    font-weight: 100;
    padding-bottom: 2px;
}

.nav-paginations-bottom {
    text-align: center;
}

.preview {
    margin-left: -70px !important;
    position: absolute !important;
    display: block;
}

.pagination > li {
    float: left;
    list-style: outside none none;
    margin: 0 0 0 0.3em;
}

    .pagination > li > a, .pagination > li > span {
        border: none;
    }

.pagination li a.active {
    color: #000 !important;
    background-color: #EFEFEF;
    border-radius: 6px;
    border: 1px solid #cccccc;
}

.pagination > li > a:hover {
    color: #000;
    border-radius: 6px;
}

.sorting {
    font-size: 14px;
}

.sorting-date {
    font-weight: bold;
}

.name-labels {
    width: 70%;
    font-weight: 300;
    margin-left: 5px;
}

.noTitle .ui-dialog-titlebar {
    display: none;
}

.noTitle.loadingDialog {
    text-align: center;
    padding: 10px;
    height: 50px !important;
    border: 2px solid #ccc;
}

.ui-dialog.noTitle.loadingDialog .ui-dialog-content {
    font-size: 16px;
    padding: 0;
}

/*END: Solr Search Results Page css*/

.system-alert-count {
    margin-left: 8px;
    background-color: #fcbe37;
    padding: 1px 4px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #000;
}
/****expand-collapse****/

.genericTextSection .expand {
    background: transparent url('/_res/img/careers_arrow_left.png') no-repeat 5px 12px;
    color: #669933;
    margin-top: 0;
    margin-bottom: -1px;
    padding: 10px 6px 8px 22px;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.genericTextSection .green {
    background: transparent url('/_res/img/careers_arrow_left_down.png') no-repeat 5px 12px;
}

.genericTextSection .expand > a {
    color: #669933;
    font-size: 16px;
}

table.dataTable thead {
    background-color: #d5f0b9;
}

    table.dataTable thead th {
        border-color: #999;
        padding: 10px !important;
    }

table.dataTable.no-footer {
    border-bottom: 1px solid #999;
}

td.details-control {
    background: url('/_res/img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/_res/img/details_close.png') no-repeat center center;
}

.pqList {
    width: 95%;
    margin: 0 0 0 40px;
}

    .pqList tr td:first-child {
        width: 30%;
    }

#MAList_wrapper .dataTables_filter {
    float: left;
}

    #MAList_wrapper .dataTables_filter input, #QualifiedPeople_wrapper .dataTables_filter input, #QualifiedPeople54_wrapper .dataTables_filter input {
        width: 300px;
        border: 1px solid #ccc;
        padding: 2px;
    }

#MAList_wrapper .dataTables_length {
    float: right;
}

#QualifiedPeople_wrapper .dataTables_filter, #QualifiedPeople54_wrapper .dataTables_filter {
    float: left;
}

#QualifiedPeople_wrapper .dataTables_length, #QualifiedPeople54_wrapper .dataTables_length {
    float: right;
}

table.dataTable thead .sorting_asc {
    background: url("../img/sort-asc.png") no-repeat center right !important;
}

table.dataTable thead .sorting_desc {
    background: url("../img/sort-desc.png") no-repeat center right !important;
}

table.dataTable thead .sorting {
    background: url("../img/sorting.png") no-repeat center right !important;
}

#divError.alert {
    border: 1px solid #ebccd1;
    padding: 15px;
}

#loader {
    display: none;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.loaderInner {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 15px;
    width: 100%;
}

    .loaderInner.PQLoader {
        position: absolute;
        top: 25%;
    }

    .loaderInner label {
        font-weight: normal;
    }

.systemsAlert {
    border: 2px solid #FAEBCC;
}

    .systemsAlert p {
        text-align: center;
        padding: 10px 0 5px;
        color: #333333;
        margin: 0;
    }

        .systemsAlert p label {
            background: url("../img/systemsAlert.png") no-repeat 5px 0 transparent;
            font-weight: normal;
            padding: 4px 0 0 14px;
        }

        .systemsAlert p a {
            text-decoration: underline;
            color: #064f86;
        }

    .systemsAlert .r {
        text-decoration: underline;
        color: #064f86;
        font-size: 12px;
        padding: 0 0 10px;
        float: right;
    }

.browserAlert {
    width: 100%;
    padding: 5px 15px;
}
/*********************Compliance calendar************************/
.category {
    float: left;
    border-right: 1px solid #ccc;
    width: 34%;
    margin-right: 25px;
}

    .category ul {
        width: 100%;
        float: left;
        margin-top: 0;
    }

    .category li {
        width: 350px;
        list-style: none;
        padding: 5px 10px 2px 10px;
        margin: 10px 0;
        border-radius: 6px;
    }

        .category li.reminder {
            color: #fff;
            background-color: #0F4064;
        }

        .category li.effDate {
            background-color: #72BF44;
        }

        .category li.event {
            background-color: #CCECFC;
        }

.entity {
    float: left;
}

    .entity ul {
        width: 100%;
        float: left;
    }

    .entity li {
        width: auto;
        list-style: none;
        margin: 0 0 20px;
    }

        .category li label, .entity li label {
            vertical-align: middle;
            font-weight: normal;
        }

        .category li:first-child, .entity li:first-child {
            margin-left: 0;
        }

.rem span {
    border: 1px solid #0F4064;
    padding: 5px;
    float: left;
}

.effDt span {
    border: 1px solid #72BF44;
    padding: 5px;
    float: left;
}

.evt span {
    border: 1px solid #CCECFC;
    padding: 5px;
    float: left;
}

.innerDiv {
    padding: 6px;
    float: left;
    margin-left: 5px;
}

.remTitle {
    color: #fff;
    float: left;
    padding: 4px;
    font-size: 14px;
}

.effDtTitle, .evtTitle {
    color: #333;
    float: left;
    padding: 4px;
    font-size: 14px;
}

.rem .innerDiv {
    background-color: #0F4064;
    color: #fff;
}

.effDt .innerDiv {
    background-color: #72BF44;
}

.evt .innerDiv {
    background-color: #CCECFC;
}

.fc-row table {
    margin: 0 !important;
}

th.fc-day-header.fc-widget-header {
    padding: 5px;
    background-color: #f1f1f1;
}

h3.popover-title {
    font-weight: bold;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
    }
}

.xtitle {
    font-size: 14px;
    margin: 3px;
}

.cal-popover-box {
    min-height: 100px;
}

    .cal-popover-box table {
        margin: 0;
    }

.fc-scroller .fc-day-grid-container .calendar {
    overflow-x: hidden;
    overflow-y: hidden;
}

.popover {
    min-width: 450px !important;
}

.fc-scroller {
    overflow-y: hidden !important;
}

#calendar {
    float: left;
}

    #calendar td {
        vertical-align: top !important;
    }

.fc td {
    padding: 0;
    vertical-align: top !important;
}

.fc-day-number {
    margin-top: 10px;
}

.fc-content-skeleton table {
    margin-top: -1px;
}
.fc-header-toolbar h2{ margin-top: 5px !important;}
.fc-day-number {
    float: left !important;
}

.ui-widget-content a.external:hover {
    background-color: transparent;
}

.bold {
    font-weight: bold;
}

#MAList a, #QualifiedPeople a, #QualifiedPeople54 a {
    color: #00538d;
}

/*Footer Cookie Banner*/
.cookiealert .col-md-10,
.cookiealert .col-md-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.cookiealert .col-md-10 {
    width: 83.33333333333334%;
}

.cookiealert .col-md-1 {
    width: 16.666666666666664%;
}

.cookiealert .row:before, .cookiealert .row:after {
    content: " ";
    display: table;
}

.cookiealert.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0;
}

.cookiealert .row {
    margin-left: 0;
    margin-right: 0;
}

.cookiealert .container:before, .cookiealert .container:after {
    content: " ";
    display: table;
}

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

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #212327;
}

    .cookiealert.show {
        opacity: 1;
        transform: translateY(0%);
        transition-delay: 1000ms;
    }

    .cookiealert a {
        border-bottom: 1px solid #8ac649;
        color: #ffffff !important;
    }

    .cookiealert a:hover {
        text-decoration: none;
    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline;
    }

.green-button {
    background-color: #8ac649;
    padding: 8px 15px;
    color: #222 !IMPORTANT;
    text-align: center;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    border: 0 none;
}