/* 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%;}



/* 960 grid; uncompressed available at ./uncompressed/960margin10.css; */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1 {width:60px}.container_12 .grid_2 {width:140px}.container_12 .grid_3 {width:220px}.container_12 .grid_4 {width:300px}.container_12 .grid_5 {width:380px}.container_12 .grid_6 {width:460px}.container_12 .grid_7 {width:540px}.container_12 .grid_8 {width:620px}.container_12 .grid_9 {width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1 {padding-left:80px}.container_12 .prefix_2 {padding-left:160px}.container_12 .prefix_3 {padding-left:240px}.container_12 .prefix_4 {padding-left:320px}.container_12 .prefix_5 {padding-left:400px}.container_12 .prefix_6 {padding-left:480px}.container_12 .prefix_7 {padding-left:560px}.container_12 .prefix_8 {padding-left:640px}.container_12 .prefix_9 {padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1 {padding-right:80px}.container_12 .suffix_2 {padding-right:160px}.container_12 .suffix_3 {padding-right:240px}.container_12 .suffix_4 {padding-right:320px}.container_12 .suffix_5 {padding-right:400px}.container_12 .suffix_6 {padding-right:480px}.container_12 .suffix_7 {padding-right:560px}.container_12 .suffix_8 {padding-right:640px}.container_12 .suffix_9 {padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .grid_1 {width:40px}.container_16 .grid_2 {width:100px}.container_16 .grid_3 {width:160px}.container_16 .grid_4 {width:220px}.container_16 .grid_5 {width:280px}.container_16 .grid_6 {width:340px}.container_16 .grid_7 {width:400px}.container_16 .grid_8 {width:460px}.container_16 .grid_9 {width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1 {padding-left:60px}.container_16 .prefix_2 {padding-left:120px}.container_16 .prefix_3 {padding-left:180px}.container_16 .prefix_4 {padding-left:240px}.container_16 .prefix_5 {padding-left:300px}.container_16 .prefix_6 {padding-left:360px}.container_16 .prefix_7 {padding-left:420px}.container_16 .prefix_8 {padding-left:480px}.container_16 .prefix_9 {padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1 {padding-right:60px}.container_16 .suffix_2 {padding-right:120px}.container_16 .suffix_3 {padding-right:180px}.container_16 .suffix_4 {padding-right:240px}.container_16 .suffix_5 {padding-right:300px}.container_16 .suffix_6 {padding-right:360px}.container_16 .suffix_7 {padding-right:420px}.container_16 .suffix_8 {padding-right:480px}.container_16 .suffix_9 {padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.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}


/**
 * @note   This file holds styles for layout and site design. 
 * 
 * @note   put IE6/7 hacks inline.
 *         background: blue;  -all
 *        *background: red;   -IE6+7
 *        _background: green; -IE6
 **/

/**
 * @section Tags
 **/
    a {
        color: #0c4c83;
        text-decoration: none;
    }
        a:link {}
        a:visited {}
        a:hover {
            text-decoration: underline;
        }
        a:active {}
        a:focus {}
        a img {
            /* @note fixes a white space bug when an A wraps around the image. */
            vertical-align: bottom; 
        }
    abbr {}
    acronym {}
    address {}
    area {}
    b {}
    base {}
    bdo {}
    big {}
    blockquote {
        margin: 0 0 0 4em;
    }
    body {}
    br {}
    button {}
    caption {}
    cite {}
    code {}
    col {}
    colgroup {}
    dd {}
    del {}
    dfn {}
    div {}
    dl {}
    dt {}
    em {
        font-style: italic;
    }
    fieldset {}
    font {}
    form {}
        form h2 {
            margin-bottom: 1em;
        }
    frame {}
    frameset {}
    head {}
    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;
    }
    i {}
    iframe {}
    img {}
    input {}
    ins {}
    kbd {}
    label {}
    legend {}
    li {}
    link {}
    map {}
    meta {}
    noframes {}
    noscript {}
    object {}
    ol {
        margin: 1em 0;
    }
        ol li {
            list-style: decimal;
            margin: 0 0 0 2em;
        }
    optgroup {}
    option {}
    p {
        margin: 1em 0;
    }
    param {}
    pre {}
    q {
        quotes: '\201C' '\201D' '\2018' '\2019';
    }
        q:before {
            content: open-quote;
        }
        q:after {
            content: close-quote;
        }
    samp {}
    select {}
    small {}
    span {}
    strong {
        font-weight: bold;
    }
    style {}
    sub {}
    sup {}
    table {
        margin: 1em 0;
    }
    tbody {}
    td {}
    textarea {}
    tfoot {}
    th {
        font-weight: bold;
    }
    thead {}
    title {}
    tr {}
    tt {}
    ul {
        margin: 1em 0;
    }
        ul li {
            list-style: disc;
            margin: 0 0 0 2em;
        }
    var {}
    u {}



/**
 * @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; }
            body.ff2 a.help {
                background: none; /* @note Firefox 2 does not get the icon, it'll display the inline content, a '?'  */
            }
            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. */
            }
        
    div {}
        /* @note homepage alert */
        div.alert {
            border-bottom: 2px solid #962112;
            margin: 0 0 20px 0;
            padding: 0 0 5px 0;
        }
            div.alert h1 {
                border: 0;
                color: #962112;
                font-weight: bold;
            }
            div.alert p {
                color: #962112;
                margin-top: 0;
                margin-bottom: 0;
            }
        
        /* @note class added to a form field wrapper to indicate there is a problem with the fields value */
        div.error {}
            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;
                width: 445px;
                height: 155px;
                padding: 20px 20px 0 20px;
            }
            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;
            }
        
        /* @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;
        }
            body.ff2 div.fieldSubmit {
                border: 0 !important;
            }
            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;
            }
                body.ff2 div.fieldSubmit input {
                    -moz-border-radius: 0;
                }
        
        /* @note mouseover A.help will show this layer */
        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;
            }
                body.msie div.helpPopupContent {
                    background-image: url(../img/popupBottom.gif);
                }
                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: 0 0 0 19px;
            
            position: relative;
        }
        
        /* @note left nav for interpretations */
        div.interpretationNav {
            border-top: 5px solid #fff;
            width: 280px;
        }
            div.interpretationNav h2 {
                font-style: normal;
                color: #5c5c5c;
                font-size: 18px;
                line-height: 24px;
                font-weight: normal;
                margin: 0;
            }
            div.interpretationNav li {
                border-bottom: 1px solid #ccc;
                list-style: none;
                margin: 0;
                padding: 10px 0;
            }
            div.interpretationNav ol {
                border-top: 1px solid #ccc;
            }
        
        /* @note homepage slideshow wrapper */
        div.leadStoryWrapper {
            border: 1px solid #b3b3b3;
            margin-bottom: 20px;
            position: relative;
        }
        /* @note homepage slideshow wrapper (2) */
        div.leadStoryContainer {
            border: 9px solid #fff;
            position: relative;
            width: 680px;
            height: 195px;
            z-index: 10;
        }
        /* @note homepage slideshow navigation, inserted via JavaScript */
        div.leadStoryNav {
            height: 29px;
            width: 245px;
            position: absolute;
            bottom: 9px;
            _bottom: 29px;
            left: 9px;
            background: #5c595a;
            z-index: 100;
        }
            div.leadStoryNav span.playPause {
                background: url(../img/divider.gif) no-repeat right;
                float: left;
            }
            div.leadStoryNav span.playPause span {
                font-weight: bold;
                font-size: 13px;
                line-height: 29px;
                color: #fff;
                padding: 0 19px;
                cursor: pointer;
            }
                div.leadStoryNav span.play {
                    background: url(../img/pause.gif) no-repeat center center;
                }
                div.leadStoryNav span.pause {
                    background: url(../img/play.gif) no-repeat center center;
                }
            div.leadStoryNav a {
                font-weight: bold;
                font-size: 13px;
                line-height: 29px;
                color: #fff;
                padding: 0 19px;
                background: url(../img/divider.gif) no-repeat right;
                float: left;
            }
                div.leadStoryNav a.activeSlide {
                    color: #8ac64a;
                }
                
        /* @note slideshow slides are hidden, except this one */
        div.leadStoryFeatured {
            display: block !important;
        }
        /* @note homepage slideshow slide */
        div.leadStory {
            position: absolute;
            top: 0;
            left: 0;
            width: 680px;
            height: 195px;
            display: none;
        }
            div.leadStory a {
                color: #5b5959;
                background: url(../img/arrowLeadStory.png) no-repeat right;
                *background: none;
                padding-right: 15px;
            }
            div.leadStory div {
                background: #b2d886 url(../img/bgFeature.png) repeat-x;
                width: 220px;
                height: 175px;
                padding: 20px 5px 0 20px;
            }
            div.leadStory h1 {
                color: #fff;
                font-size: 24px;
                line-height: 24px;
                border: 0;
            }
            div.leadStory img {
                float: right;
            }
            div.leadStory p {
                font-size: 14px;
                color: #5b5959;
                margin: 0;
            }
        
        /* @note homepage right rail widget */
        div.msrbAbout {
            border-bottom: 1px solid #ccc;
            padding: 10px 0 11px 10px;
        }
            div.msrbAbout p {
                font-size: 18px;
                line-height: 22px;
                color: #555555;
                margin: 0;
                letter-spacing: -0.5px;
            }
    
        /* @note homepage right rail widget */
        div.msrbLogin {
            border-bottom: 1px solid #ccc;
            padding: 10px;
            position: relative;
            *zoom: 1;
        }
            div.msrbLogin a {
                color: #8ac649;
            }
            div.msrbLogin span.title {
                font-size: 18px;
                line-height: 20px;
                background: url(../img/arrowLogin.png) no-repeat right;
                padding: 0 19px 0 0;
            }
            div.msrbLogin span.tagline {
                color: #444545;
                font-size: 12px;
                line-height: 24px;
                display: block;
            }
            div.msrbLogin p {
                margin: 0;
            }
                div.msrbLogin p.what {
                    position: absolute;
                    bottom: 14px;
                    right: 10px;
                }
                    div.msrbLogin p.what a {
                        color: #0c4c83;
                    }
    
        /* @note homepage right rail widget */
        div.msrbFor {
            border-bottom: 1px solid #ccc;
            padding: 10px 0 10px 10px;
            margin: 0 0 20px 0;
        }
            div.msrbFor p {
                margin: 0 0 6px;
                color: #5b5959;
                font-size: 16px;
                line-height: 16px;
                font-weight: bold;
            }
            div.msrbFor ul {
                list-style: none;
				margin: 0;
            }
                div.msrbFor li {
                    list-style: none;
					margin: 0 3px 0 0;
                    padding: 0 3px 0 0;
                    float: left;
					font-size: 12px;
                    background: url(../img/dividerGray.png) no-repeat right center;
                }
                div.msrbFor li:last-child {
                    background: none;
                }
                div.msrbFor li.last-child {
                    background: none;
                }
        
        /* @note left navigation */
        div.nav {
            border: 1px solid #b3b3b3;
            padding: 3px 15px 2px 15px;
        }
            div.nav a {
                color: #023f6e;
                display: block;
                border-bottom: 1px solid #b3b3b3;
                padding-top: 10px;
                padding-bottom: 10px;
                *zoom: 1;
            }
                /* @note STRONG indicates on state */
                div.nav strong a {
                    margin: 0 -13px;
                    background: #6d8691;
                    color: #fff;
                    margin-top: -1px;
                    border: 0;
                    padding-left: 13px;
                    padding-right: 13px;
                    *display: inline;
                }
                    div.nav li strong a       { *width: 188px; }
                    div.nav li li strong a    { *width: 169px; }
                    div.nav li li li strong a { *width: 149px; }
                div.nav a.last {
                    border-bottom: 0;
                }
            div.nav li {
                margin: 0;
                list-style: none;
            }
            div.nav ul {
                margin: 0;
                list-style: none;
            }
                div.nav ul ul a {
                    padding-left: 20px;
                }
                    div.nav ul ul strong a {
                        padding-left: 32px;
                    }
                div.nav ul ul ul a {
                    padding-left: 40px;
                }
                    div.nav ul ul ul strong a {
                        padding-left: 52px;
                    }
        
        /* @note homepage news list */
        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;
            }
        
        /* @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;
        }
            div.ruleTitle h1 {
                color: #5c595a;
                font-size: 24px;
                line-height: 30px;
                border: 0;
                padding: 0 0 0 20px; /* @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;
                }
        
        /* @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 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;
                    }
        
        /* @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;
            }
            div.topics p {
                margin: 0 0 1em 0;
            }
        
        /* @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-bottom: 5px;
            background: url(../img/bgTabs16.png) no-repeat bottom left;
            padding-bottom: 20px;
            overflow: hidden;
        }
            div.grid_6 div.tabs {
                background-image: url(../img/bgTabs6.png);
            }
            div.tabs ul {
                margin: 0;
                padding: 0;
                position: absolute;
                bottom: 20px;
                left: 0;
            }
            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 a {
                display: block;
                float: left;
                padding: 12px 5px;
                margin: 0 2px 0 0;
                text-align: center;
                border: 1px solid #AAA;
                border-bottom: none;
                font-weight: bold;
                background: url(../img/bgTab.png) repeat-x;
            }
                div.tabs a:hover {
                    background: #fff;
                }
                    div.tabs strong a,
                    div.tabs strong a:hover {
                        background: #fff;
                        
                        _position: relative;
                        _bottom: -1px;
                    }
        
        /* @note AddThis container */
        div.utility {
            display: none;
        }
            body.wjs div.utility {
                display: block;
                background: #fff url(../img/utility.png) no-repeat;
                height: 28px;
                border-bottom: 10px solid #fff;
            }
            div.ruleContent div.utility {
                width: 620px;
                margin-bottom: -28px; /* essentially makes the utility a height of 0 so it wont create an odd space between the utility and the content */
            }
            div.interpretationContent { position: relative; }
            div.interpretationContent div.utility {
                width: 620px;
                position: absolute;
                top: 0;
                left: 19px;
            }
        
        div.utilityPlaceholder {
            height: 38px;
        }
        
    
    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 {
            width: 100%;
        }
            table.sortable th {
                padding: 5px 10px;
                text-align: left;
                border-bottom: 2px solid #ccc;
                background: url(../img/sortUp.gif) no-repeat bottom right;
            }
                table.sortable th.sort {
                    background-image: url(../img/sortDown.gif);
                }
                table.sortable th a {
                    color: #333;
                    display: block;
                }
            table.sortable td {
                padding: 5px 10px;
                border-bottom: 1px solid #ccc;
            }
        /* @note status table */
        table.status {
            width: 100%;
        }
            table.status th {
                padding: 5px 10px 5px 0;
                text-align: left;
                border-bottom: 2px solid #ccc;
                font-weight: bold;
            }
            table.status td {
                padding: 5px 10px 5px 0;
                text-align: left;
                border-bottom: 1px solid #ccc;
            }
        span {}
            span.red { color: #c64f49; font-weight:bold; }
            span.yellow { color: #e8cc0c; font-weight:bold; }
			span.green { color: #8ac649; font-weight:bold; }
    
    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 {
        position: fixed;
        background: #ffffff;
        z-index: 11000;
        top: 50%;
        left: 50%;
        width: 340px;
        height: 220px;
        margin: -110px 0 0 -170px;
        
        display: none;
    
        _position: absolute;
        _margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    }
    
    /* @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;
            }
    
    /* @note Footer wrapper */
    #footer {
        border-top: 1px solid #c9c9c9;
        font-size: 11px;
        padding: 10px 0;
    }
    
    /* @note Header wrapper */
    #header {
        height: 106px;
        overflow: hidden;
    }
        #header a {
            display: block;
            height: 106px;
            width: 222px;
            overflow: hidden;
            text-indent: -1000px;
            background: url(../img/msrbLogo.png);
        }
        #header img {
            display: none;
        }
    
    /* @note Navigation wrapper */
    #nav {}
        #nav a {
            color: #fff;
            text-decoration: none;
        }
            #nav a:hover {
                text-decoration: underline;
            }
        #nav ul,
        #nav li {
            margin: 0;
            list-style: none;
        }
    
    /* @note Global Navigation (upper right) */
    #navGlobal {
        position: absolute;
        text-align: right;
        top: 14px;
        right: 0;
        width: 740px;
    }
        #navGlobal li {
            display: inline;
            margin: 0 2px 0 0;
            background: url(../img/divider.gif) left no-repeat;
            padding: 0 0 0 7px;
        }
        #navGlobal li:first-child,
        #navGlobal li.first-child {
            background: none;
        }
        #navGlobal strong a {
            font-weight: normal;
            color: #8bc64b;
        }
    
    /* @note Site Search form (upper right) */
    #navSearch {
        position: absolute;
        text-align: right;
        top: 48px;
        right: 10px;
        width: 640px;
    }
        #navSearch input.inputText {
            margin-right: 10px;
            font-size: 14px;
            padding: 2px;
            width: 200px;
        }
        #navSearch p {
            margin: 5px 0 0 0;
            font-size: 11px;
        }
        #navSearch div.fieldSubmit {
            border: 2px solid #87a5bf;
            float: right;
            
            *float: none;
            *display: inline;
        }
            body.ff2 #navSearch div.fieldSubmit {
                float: none;
                display: inline;
            }
            #navSearch div.fieldSubmit input {
                background: #fff;
                color: #3d4a5f;
                *margin-right: -4px;
            }
    
    /* @note Main Navigation */
    #navMain {
        font-size: 13.5px;
        line-height: 32px;
        height: 54px;
        *height: 56px;
        padding: 1px 0 0 0;
        margin-left: 10px;
    }
        #navMain li {
            float: left;
            position: relative;
            *display: inline;
            *z-index: 1000;
        }
            #navMain li ul {
                background: #3d4a5f;
                position: absolute;
                top: 33px;
                left: -1px;
                z-index: 1000;
                border: 1px solid #bdbdbd;
                border-width: 0 1px 1px 1px;
                display: none;
            }
                #navMain li:first-child ul { left: 0; }
                #navMain li.first-child ul { left: 0; }
            #navMain li.hover ul {
                display: block;
            }
                #navMain li ul li {
                    float: none;
                    *zoom: 1;
                }
                    #navMain li ul li a {
                        text-align: left;
                        border: 0 !important;
                        position: relative; /* @note needed in Safari to show up */
                    }
                    body.ff2 #navMain li ul li a {
                        float: none;
                    }
        #navMain a {
            text-align: left;
            float: left;
            border-right: 1px solid #bdbdbd;
            padding: 0 5px 0 15px;
        }
            #navMain li:first-child a { border-left: 1px solid #bdbdbd; }
            #navMain li.first-child a { border-left: 1px solid #bdbdbd; }
            #navMain li.hover a {
                background: #3d4a5f;
                padding-bottom: 1px;
            }
            #navMainLi0 {}
                #navMainLi0 a    { width: 150px; }
                #navMainLi0 ul   { width: 240px; }
                #navMainLi0 ul a { width: 220px; }
            #navMainLi1 {}
                #navMainLi1 a    { width: 166px; }
                #navMainLi1 ul   { width: 216px; }
                #navMainLi1 ul a { width: 196px; }
            #navMainLi2 {}
                #navMainLi2 a    { width: 146px; }
                #navMainLi2 ul   { width: 236px; }
                #navMainLi2 ul a { width: 216px; }
            #navMainLi3 {}
                #navMainLi3 a    { width: 102px; }
                #navMainLi3 ul   { width: 222px; }
                #navMainLi3 ul a { width: 202px; }
            #navMainLi4 {}
                #navMainLi4 a    { width: 160px; }
                #navMainLi4 ul   { width: 200px; }
                #navMainLi4 ul a { width: 180px; }
            #navMainLi5 {}
                #navMainLi5 a       { background: #0f4c82; width: 89px; }
                #navMainLi5.hover a { background: #0e4c81 !important; }
                #navMainLi5 ul      { background: #0e4c81 !important; width: 109px; }
                 
        
        #navMain strong a {
            background: #3d4a5f;
            text-decoration: underline;
            font-weight: normal;
        }

    #wrapper {
        background: #fff url(../img/bgHTML.png) repeat-x top left;
        min-width: 960px;
    }


/**
 * @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;
}