/*==========================
2. DEFAULT STYLES
3. EXTENTION STYLES
4. HEADER
5. MAIN NAVIGATION
6. BREAD CRUMB
7. MAIN CONTENT
8. FOOTER
9. UTILITY STYLES
==========================*/

/*==========================
2. DEFAULT STYLES
==========================*/
/*Fix For Google Maps bug killing Chrome scrollbar*/
html.dj_webkit.gMaps-loaded {
    overflow-y: hidden;
}

html.dj_webkit.gMaps-loaded body {
    overflow-y: scroll;
}

body {
    background: url('img/layout/bg-overall.gif') repeat 0 0;
    font: 15px "OpenSans", OpenSans, sans-serif;
    color: #000;
}

img { border:0; }

.font-regular,.body.font-regular,.menu>ul ul li a.font-regular {
    font-size: 14px;
}

.mobile body,.mobile body.font-regular {
    font-size: 12px;
}

.font-large,.body.font-large,.menu>ul ul li a.font-large {
    font-size: 15px;
}

.font-largest,.body.font-largest,.menu>ul ul li a.font-largest {
    font-size: 16px;
}
/*
    FONT RULES:
    1. All font sizes from here on must be defined in EMs.
    2. All font sizes and styles must be defined -only- in section 2: default styles.
    3. Before you go hacking away at the line-height for ANYTHING, remember that you will probably break the vertical grid. YOU MUST BE VERY CAREFUL!
    4. All font sizes MUST be one of the following and must use EMs (px is just for reference and can change if user uses font size selector so DON'T USE PX!!):

        0.429em : 6px
        0.500em : 7px
        0.571em : 8px
        0.643em : 9px
        0.714em : 10px
        0.786em : 11px
        0.857em : 12px
        0.929em : 13px
        1.000em : 14px
        1.071em : 15px
        1.143em : 16px
        1.214em : 17px
        1.286em : 18px
        1.357em : 19px
        1.429em : 20px
        1.500em : 21px
        1.571em : 22px
        1.643em : 23px
        1.714em : 24px
        2.143em : 30px
        2.286em : 32px
        4.286em : 60px
        5.143em : 72px

    VERTICAL GRID IS NOT BEING USED RIGHT NOW
*/
/* This is the main content wrapper that starts at the top of each page*/
/*#main.content-wrapper{background: url('img/white_swoosh.png') no-repeat 0% 0%}
Removed because it was suggested that this should not be in the bootstrap as is. */
a, .link, .menu .need-help a { color: #0071A9; text-decoration:none; cursor:pointer; }
a:hover, .link:hover,
a.active, .link:active, .menu .need-help a:active, a:focus { color: #0071A9;; text-decoration:underline; }
/*Accessibility Changes*/
/*a:focus, .link:focus, .menu .need-help a:focus { outline: medium none; outline-color: transparent; /*single page apps do not need outline}*/
.menu .need-help a { text-decoration:none; text-transform:none; display: inline; }
.menu .need-help a:hover { text-decoration:underline; }
p {font-size:1em; line-height: 1.5em;}
h1,h2,h3,h4,h5,h6,h3.h3-lang,
strong.h1, strong.h2, strong.h3, strong.h4, strong.h5, strong.h6  {
    font-family:OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight:bold;
    color:#000;margin:0;
    text-transform: uppercase;
    line-height: 1.75em;
    margin-top:6px; /* DO NOT REMOVE Greg from Maya wants line height and margin-top set by default, and in special cases, use an overriding class */
}
h1,strong.h1{
    font-size:2.286em;/*32px*/
    padding-left:12px;
    margin-top:12px; /* DO NOT REMOVE Greg from Maya wants line height and margin-top set by default, and in special cases, use an overriding class */
}
.mobile h1, .mobile h2, .mobile h3, .mobile h4, .mobile h5, .mobile h6,
.mobile strong.h1,  .mobile strong.h2,  .mobile strong.h3,  .mobile strong.h4,  .mobile strong.h5,  .mobile strong.h6{
    line-height: 1.25em; }
.tablet h1, .tablet h2, .tablet h3, .tablet h4, .tablet h5, .tablet h6,
.tablet strong.h1,  .tablet strong.h2,  .tablet strong.h3,  .tablet strong.h4,  .tablet strong.h5,  .tablet strong.h6{
    line-height: 1.5em; }
.mobile #viewLoader .content-wrapper:first-child h1,
.tablet #viewLoader .content-wrapper:first-child h1  { margin-top:-12px; display: none; }
h2,strong.h2{ font-size:1.500em; }
h3,strong.h3{ font-size:1.286em; }
h4,strong.h4{ font-size:1.176em; }
h5,strong.h5{ font-size:1.143em;/*16*/ }
h6,strong.h6{ color: #0769cd; font-size: 1em; }
strong.h1, strong.h2, strong.h3,
strong.h4, strong.h5, strong.h6{ display: block; }



/* like the small tag just big */
.big-font {
    font-size: 1.071em; /*15px*/
}

.small-font{
    font-size:0.714em;
    color: #454545;
}

/*Font classes USE THESE INSTEAD of font-weight:bold and font-style: italic;*/
.font-normal {
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: normal;
}

h1.font-condensed, h2.font-condensed,
h3.font-condensed, h4.font-condensed,
h5.font-condensed, h6.font-condensed,
strong.h1.font-condensed, strong.h2.font-condensed,
strong.h3.font-condensed, strong.h4.font-condensed,
strong.h5.font-condensed, strong.h6.font-condensed,
.font-condensed {
    font-family: OpenSansCondensed, "OpenSansCondensed", "Arial Narrow",
        sans-serif;
    font-weight: bold;
}

.font-bold {
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: bold;
}

.font-semi-bold {
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: 600;
}

.font-semi-bold-italic {
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.font-italic {
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-style: italic;
}

.font-bold-italic {
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-style: italic;
    font-weight: bold;
}


ol,ul,dl {
    line-height: 1.5em;
}

/* FORMS */
input,textarea,select {
    border: 1px solid #D8D9DA;
    font: 1em OpenSans, "OpenSans", sans-serif; /*14px*/
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    /*inputs do not read font-family or font-sizes from body tag x-browser*/

    /*width:200px; REMOVED because it breaks MOOPCE
      Note: widths should not be part of base form tags.
      TODO: May want to add special sizing classes if someone needs a specfic size for form elements. */
}
select { padding: 4px; }

input[type=checkbox],input[type=radio],input[type=button],input[type=submit] {
    width: auto;
    box-shadow: none;
}

input[type=checkbox],input[type=radio] {
    border: none;
}

option {
    padding: 0 8px 0 2px;
    border-right: 1px solid gray;
    margin: 0;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /*outline: 0 none;*//*Accessibility Changes*/
}

input:focus,textarea:focus,select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    /*outline: 0 none;*//*Accessibility Changes*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
        rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
        rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
        rgba(82, 168, 236, 0.6);
}

input[disabled],select[disabled],textarea[disabled],
input[readonly],select[readonly],textarea[readonly],
.textarea {
    background: #f5f5f5;
    border-color: #ddd;
    cursor: not-allowed;
}
/* Hide arrow and spinner on input type=date fields */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button{
    display: none;
}

::-webkit-input-placeholder { text-transform:capitalize; }
::-moz-placeholder { text-transform:capitalize; } /* firefox 19+ */
:-ms-input-placeholder { text-transform:capitalize; } /* ie */
input:-moz-placeholder { text-transform:capitalize; }

input.error,textarea.error,select.error {
    background: #ffdede;
    border-color: #cf0000;
}

label {
    display: block;
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: bold;
    font-size: 1em; /*14px*/
    vertical-align: top;
    padding-left: 6px;
    /* DO NOT REMOVE: Greg from Maya wants this by default, and in other cases, remove the padding */
}

label.inline-label {
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
}

label.no-padding {
    padding-left: 0px;
}

label span,.required-text {
    color: #4e8abe;
    vertical-align: middle;
}

.error-text,.important-text,.required-text,.warning-text {
    color: #e21b22;
}

.cb-radio-label,.cb-radio-label {
    display: inline;
    margin-right: 6px;
    padding-left: 0px;
    cursor: pointer;
}

input:invalid,textarea:invalid {
    background: #f0dddd;
}

.gray-text {
    color: #526069;
}

.black-text {
    color: #000000;
}

.row {
    clear: both;
    margin: 12px 0;
    position: relative;
    padding-bottom: 0.2cm;
}

.row .inline {
    display: inline-block;
    margin-right: 12px;
    vertical-align: top;
}

.row.inline label {
    display: inline;
    margin-right: 3px;
    vertical-align: middle;
}

.row.inline label+input,.row.inline label+.dijitSelect {
    margin-right: 12px;
}

.row.inline input+label {
    vertical-align: top;
}

.row.inline .block,.row .block {
    display: block;
}

.row select+select {
    margin-left: 12px;
}

.loginRow {
    clear: both;
    position: relative;
    padding-bottom: 0.2cm;
}
.lt-ie8 form {
    position: relative;
} /* to fix elements from hiding and showing */
.lt-ie8 .row {
    /*overflow:hidden; Removed because it was making dijit form elements appear without bottom border in IE7*/

}

.lt-ie8 .row .inline {
    display: inline;
    zoom: 1;
}

/*Place Holder hacks*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #757575;
    font-style: italic;
    padding: 2px 2px !important;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #757575 !important;
    font-style: italic;
    /*padding: 2px 2px 3px !important; breaks dijits*/
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #757575;
    font-style: italic;
    /*padding: 2px 2px 3px !important; breaks dijits*/
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #757575;
    font-style: italic;
    /*padding: 2px 2px !important; breaks dijits*/
}

.form-step-number {
    background-color: #F3F4F8;
    font-size: 1.429em;
    font-weight: bold;
    height: 28px;
    margin: 2px 2px 2px 10px;
    padding: 10px 0;
    text-align: center;
    width: 8%;
}

/*==========================
3. EXTENTION STYLES
==========================*/
.shadow {
    -webkit-box-shadow: 2px 2px 4px #dde1e3;
    -moz-box-shadow: 2px 2px 4px #dde1e3;
    box-shadow: 2px 2px 4px #dde1e3;
}

.lt-ie9 .shadow {
    border: 1px solid #dde1e3;
}

/* Arrows */
.arrow-down,.arrow-up,.arrow-right,.arrow-left {
    border-width: 5px;
    border-style: solid;
    display: inline-block;
    font-size: 0;
    height: 0;
    vertical-align: middle;
    width: 0;
}

.arrow-down {
    border-color: #fff transparent transparent transparent;
    border-bottom-width: 3px;
}

.arrow-up {
    border-color: transparent transparent #fff transparent;
}

.arrow-right {
    border-color: transparent transparent transparent #fff;
}

.arrow-left {
    border-color: transparent #fff transparent transparent;
}

.arrow-down.black {
    border-color: #3d3d3d transparent transparent transparent;
}

.arrow-up.black {
    border-color: transparent transparent #3d3d3d transparent;
}

.arrow-right.black {
    border-color: transparent transparent transparent #3d3d3d;
}

.arrow-left.black {
    border-color: transparent #3d3d3d transparent transparent;
}
/*.arrow-left{background:url('img/icons/bg-button-arrow-w.png') no-repeat center center;display:inline-block;height:16px;width:18px;}*/
.action-btn .arrow-right {
    margin-left: 6px;
}

.action-btn .arrow-left {
    margin-right: 6px;
}

.action-btn.dijitButtonDisabled {
    opacity: 0.3;
}

/* Buttons */
/* Toggle button */
.toggle-button-group { }

.toggle-button-group a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 1em;
    margin-left: -1px;
    padding: 6px;
    position: relative;
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.toggle-button-group a.active,.toggle-button-group a:hover.active,.toggle-button-group a:hover {
    background-color: #161616;
    border-color: #000;
    text-decoration: none;
    color: #fff;
}

.toggle-button-group a:hover {
    background-color: #2d2d2d;
    border-color: #111;
}

.toggle-button-group a:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.toggle-button-group .last {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Modal Close Button */
.btn-close {
    color: #ccc;
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: bold;
    text-shadow: #fff;
    text-decoration: none;
    font-size: 1.429em; /*20px*/
}

.action-btn {
    font-family: OpenSansCondensed, "OpenSansCondensed", "Arial Narrow",
        sans-serif;
    font-size: 1.143em; /*16px*/
    font-weight: bold;
    text-align: center;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    margin-left: 4px; /* added margin to compensate for drop shadows */
    margin-bottom: 4px; /* added margin to compensate for drop shadows */
    padding: 0.3em 0.5em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    left: 0;
    white-space: nowrap;
    background-position: 0 0;
    /* background: #2DA1DB no-repeat top left;*/
    background: rgb(51, 181, 233); /* Old browsers */
    background: -moz-gradient(linear, left top, right top, color-stop(0%, rgba(0, 113, 169, 1) ), color-stop(100%, rgba(0, 113, 169, 1) ) ); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 113, 169, 1) ), color-stop(100%, rgba(0, 113, 169, 1) ) ); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* FF3.6+ */
    background: -webkit-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* IE10+ */
    background: linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* W3C */
    -moz-box-shadow: -1px 1px 0 #046f9c, -2px 2px 0 #046f9c, -3px 3px 0 #046f9c, 0 3px 5px 1px #999;
    -webkit-box-shadow: -1px 1px 0 #046f9c, -2px 2px 0 #046f9c, -3px 3px 0 #046f9c, 0 3px 5px 1px #999;
    box-shadow: -1px 1px 0 #0071A9, -2px 2px 0 #0071A9, -3px 3px 0 #004C6E, 0 3px 5px 1px black;
    -ms-transition-property: box-shadow, top, left;
    -moz-transition-property: -moz-box-shadow, top, left;
    -o-transition-property: -o-box-shadow, top, left;
    -webkit-transition-property: -webkit-box-shadow, top, left;
    -ms-transition-duration: .075s;
    -moz-transition-duration: .075s;
    -o-transition-duration: .075s;
    -webkit-transition-duration: .075s;
    -ms-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-property: box-shadow, top, left;
    transition-duration: .1s;
    transition-timing-function: linear;
    /*DO NOT USE PIE behavior:url(bootstrap/css/PIE.htc)
      PIE is being removed accross the board, because of
      lagginess it seemed to introduce.  Talk to Shane and the USSR */
    }
.gt-ie7 .action-btn {
    filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#33b5e9', endColorstr='#00a3e3', GradientType=1 ); /* IE8-9 */
}
.action-btn.secondary{
    color: #39454e;
    background: #00A3E3; /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(239, 243, 245, 1) 0%, rgba(214, 223, 227, 1) 100%); /* FF3.6+ */
    background:-moz-opacity: 0.5;
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,rgba(239, 243, 245, 1)), color-stop(100%,rgba(214, 223, 227, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(239, 243, 245, 1) 0%,rgba(214, 223, 227, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(239, 243, 245, 1) 0%,rgba(214, 223, 227, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(239, 243, 245, 1) 0%,rgba(214, 223, 227, 1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(239, 243, 245, 1) 0%,rgba(214, 223, 227, 1) 100%); /* W3C */
    -moz-box-shadow: -1px 1px 0 #c1ccd4, -2px 2px 0 #c1ccd4, -3px 3px 0 #c1ccd4, 0 3px 5px 1px #999;
    -webkit-box-shadow: -1px 1px 0 #c1ccd4, -2px 2px 0 #c1ccd4, -3px 3px 0 #c1ccd4, 0 3px 5px 1px #999;
    box-shadow: -1px 1px 0 #c1ccd4, -2px 2px 0 #c1ccd4, -3px 3px 0 #c1ccd4, 0 3px 5px 1px #999;}

.gt-ie7 .action-btn.secondary {
    background: -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff3f5', endColorstr='#d6dfe3',GradientType=1 ); /* IE8-9 */
}
.action-btn.special{
    background: rgb(239, 149, 40); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(51,181,233,1) 0%, rgba(0,163,227,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(51,181,233,1)), color-stop(100%,rgba(0,163,227,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(51,181,233,1) 0%,rgba(0,163,227,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(51,181,233,1) 0%,rgba(0,163,227,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(51,181,233,1) 0%,rgba(0,163,227,1) 100%); /* IE10+ */
    background: linear-gradient(left,  rgba(51,181,233,1) 0%,rgba(0,163,227,1) 100%); /* W3C */
    -moz-box-shadow: -1px 1px 0 #046f9c, -2px 2px 0 #046f9c, -3px 3px 0 #046f9c;
    -webkit-box-shadow: -1px 1px 0 #046f9c, -2px 2px 0 #046f9c, -3px 3px 0 #046f9c;
    box-shadow: -1px 1px 0 #046f9c, -2px 2px 0 #046f9c, -3px 3px 0 #046f9c,  0 3px 5px 1px #999;}
.gt-ie7 .action-btn.special {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b5e9', endColorstr='#00a3e3',GradientType=1 ); /* IE8-9 */
}
.action-btn:hover, .action-btn:focus /*Accessibility Changes */ {
    left:-1px;
    top:1px;
    text-decoration: none;
    color:#eee;
    background:-moz-linear-gradient(left,  rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100%); /* FF3.6+ */
    background:-webkit-linear-gradient(left, rgba(0, 113, 169, 1) 0%,rgba(0, 113, 169, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 113, 169, 1)), color-stop(100%,rgba(0, 113, 169, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0, 113, 169, 1) 0%,rgba(0, 113, 169, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0, 113, 169, 1) 0%,rgba(0,163,227,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0, 113, 169, 1) 0%,rgba(0, 113, 169, 1) 100%); /* IE10+ */
    background: linear-gradient(left,  rgba(0, 113, 169, 1) 0%,rgba(0, 113, 169, 1) 100%); /* W3C */
    -moz-box-shadow: -1px 1px 0 #046f9c, -2px 2px 0 #046f9c, 0 2px 4px 1px #999;
    -webkit-box-shadow: -1px 1px 0 #046f9c, -2px 2px 0 #046f9c, 0 2px 4px 1px #999;
    box-shadow: -1px 1px 0 #0071A9, -2px 2px 0 #0071A9, 0 2px 4px 1px #004C6E;}
.gt-ie7 .action-btn:hover, .gt-ie7 .action-btn:focus {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3e3', endColorstr='#00a3e3',GradientType=1 ); /* IE8-9 */
}
.action-btn.secondary:hover,  .action-btn.secondary:focus{
    left:-1px;
    top:1px;
    color: #39454e;
    background: #dfe4e6; /* Old browsers */
    background: -moz-linear-gradient(top,  #dfe4e6 0%, #cad3d7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe4e6), color-stop(100%,#cad3d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dfe4e6 0%,#d3dade 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dfe4e6 0%,#cad3d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dfe4e6 0%,#cad3d7 100%); /* IE10+ */
    background: linear-gradient(top,  #dfe4e6 0%,#cad3d7 100%); /* W3C */
    -moz-box-shadow: -1px 1px 0 #c1ccd4, -2px 2px 0 #c1ccd4, 0 2px 4px 1px #999;
    -webkit-box-shadow: -1px 1px 0 #c1ccd4, -2px 2px 0 #c1ccd4, 0 2px 4px 1px #999;
    box-shadow: -1px 1px 0 #c1ccd4, -2px 2px 0 #c1ccd4, 0 2px 4px 1px #999;}
.gt-ie7 .action-btn.secondary:hover,  .gt-ie7 .action-btn.secondary:focus{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe4e6', endColorstr='#cad3d7',GradientType=0 ); /* IE8-9 */
}
.action-btn:active,
.action-btn.secondary:active {
    left:-3px;
    top:2px;
    -moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,.2);
    -webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,.2);
    box-shadow:inset 0 0 7px 2px rgba(0,0,0,.2);}
.action-btn:visited {text-decoration: none;}
.action-btn.action-btn-full-width{display:block;margin-left:4px;margin-right:4px;}
button.action-btn.action-btn-full-width { width:99%; }
.action-btn.action-btn-half-width{display:inline-block;margin-left:4px;margin-right:4px;}
button.action-btn.action-btn-half-width { width:47.5%; }

.action-btn .arrow-left{height:100%;}
p + .action-btn{margin-top:3px;}

/* Disabled Styles */
.action-btn.disabled,
.claro.hmclaro .action-btn.secondary.disabled .dijitReset {
    box-shadow: none;
    background:#e6e6e6;
    color:#fff;
    filter: none;
}
.claro.hmclaro .action-btn.disabled .dijitReset,
.action-btn.disabled:hover {
    box-shadow: none;
    cursor:default;
    background:#e6e6e6;
    top:0;
    left:0;
    filter: none;
}

/* container for action buttons / styles will layout buttons properly */
.action-buttons{width:100%; padding-bottom: 6px;}
.action-buttons::before,
.action-buttons::after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size: 0; }
.action-buttons:after {clear: both;}
.action-buttons{zoom: 1;}
.action-buttons.float-r,
.action-buttons.float-l{clear:none;overflow:visible;width:auto;}
.action-buttons a:first-child,
.action-buttons button:first-child,
.action-buttons .dijitButton:first-child,
.action-buttons .left.action-btn{margin-left:4px;}
.action-buttons a,
.action-buttons button,
.action-buttons .dijitButton,
.action-buttons .right:first-child{margin-left:12px;}
.action-buttons .left{float:left;}
.action-buttons .right{float:right;}
input.action-btn { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px; text-align: center; }

.lt-ie8 .action-btn, .lt-ie8 .action-btn.special, .lt-ie8 .action-btn.secondary,
.lt-ie8 .action-btn:hover, .lt-ie8 .action-btn.special:hover, .lt-ie8 .action-btn.secondary:hover {
    left: 0; top:0;
    margin:0;
}

.simpleModalButtonContainer{text-align: right; margin-top: 12px}
.simpleModalButtonContainer>span {margin-left : 12px;}

/* STANDARD TABLE */
.table-standard {

}

.table-standard th,.table-standard td {
    padding: 12px;
}

.table-standard th {
    font-weight: bold;
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    text-transform: uppercase;
}

.table-standard td {
    background-color: #F2F5F7;
}

.table-standard tbody tr {
    border-bottom: 1px solid #798B97;
}

.table-standard tbody tr:first-child {
    border-top: 1px solid #798B97;
}

/* CONTENT COLUMN */
.content-column ol {
    list-style: decimal;
    margin-left: 24px;
}

.content-column ul {
    list-style: disc;
    margin-left: 24px;
}

.content-column li {
    margin-bottom: 6px;
}

.content-column ul ul {
    list-style: circle;
}

.content-column ul, .content-column ol,
.content-column p, .content-column h2,
.content-column h3, .content-column h4,
.content-column h5, .content-column table {
    margin-top: 12px;
}

.content-column h3 {
    text-transform: none;
}
.content-column h3.h3-lang {
    text-transform: uppercase;
}
.content-column *:first-child {
    margin-top: 0;
}

/* Status Grid */
.status-grid-table { width: 100%; }
.status-grid-table th, .status-grid-table td { padding:2px 2px 3px 6px; vertical-align: middle; }
.status-grid-table th.colHeader {
    background-color:#7A8B97;
    border-top:1px solid #000;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff; }
.status-grid-table th.colHeader.closeCol { width: 60px; }
.mobile .status-grid-table th.colHeader.closeCol { width: 20px; }
.status-grid-table td { background-color:#F2F5F7; }
.status-grid-table td.rowHeader { font-size: 1.125em; font-weight: bold; }
.mobile .status-grid-table td.rowHeader { font-size: 1.333em; }
.status-grid-table th.statusCell, .status-grid-table td.statusCell { text-align: center; vertical-align: top; }
.status-grid-table th.statusCell .statusWide,
.status-grid-table td.statusCell .statusWide,
.desktop .grid-8 .status-grid-table th.statusCell .statusWide,
.desktop .grid-8 .status-grid-table td.statusCell .statusWide { width: 160px; }
.desktop .status-grid-table th.statusCell .statusWide,
.desktop .status-grid-table td.statusCell .statusWide { width: 260px; }
.mobile .status-grid-table th.statusCell .statusWide,
.mobile .status-grid-table td.statusCell .statusWide { width: 100%; }
.status-grid-table td.statusCell .hm-icon { height: 1em; }
.status-grid-table td.statusCell.hideMessage .statusCellToolTip { display:none; }
.status-grid-table td.statusCell .statusCellToolTip { position: absolute; z-index: 1; }
.mobile .status-grid-table td.statusCell .statusCellToolTip { position: relative; }
.status-grid-table td.statusCell .statusCellToolTip .tip {
    background: url('img/statusGridTip.png') no-repeat 0 0; height:14px; width:20px; }
.status-grid-table td.statusCell .statusCellToolTip .tip,
.desktop .grid-8 .status-grid-table td.statusCell .statusCellToolTip .tip { margin: 0 0 0 70px; }
.desktop .status-grid-table td.statusCell .statusCellToolTip .tip { margin-left: 120px; }
.mobile .status-grid-table td.statusCell .statusCellToolTip .tip { margin: 0 auto; }
.status-grid-table td.statusCell .statusCellToolTip .message {
    background-color:#414141; color:#fff; padding:12px; text-align: left; font-weight: bold; }
.status-grid-table td.statusCell .statusCellToolTip .planMessage {
    font-weight: normal; }
.status-grid-table td.statusCell .statusCellToolTip .message,
.desktop .grid-8 .status-grid-table td.statusCell .statusCellToolTip .message { width: 215px; }
.desktop .status-grid-table td.statusCell .statusCellToolTip .message { width: 290px; }
.mobile .status-grid-table td.statusCell .statusCellToolTip .message { width: 100%; }

.status-grid-wrapper .learn-more-wrapper { text-align: right; margin: -1.6em 4px 0; }
.mobile .status-grid-wrapper .learn-more-wrapper { margin: 0; background-color:#F2F5F7; padding: 0; }
.status-grid-wrapper .learn-more-wrapper a.learnMore { font-weight: bold; text-transform: uppercase; }
.mobile .status-grid-wrapper .learn-more-wrapper a.learnMore { margin: 2px 6px 3px 6px; background-color:#F2F5F7; padding: 0; font-size: 1.125em; }

/*==========================
4.   HEADER
==========================*/
/* IE7 */
.lt-ie8 .dd-container {
    position: relative;
    z-index: 150;
}

.lt-ie8 #wrapper>.content-wrapper {
    position: relative;
    z-index: 200;
}

.lt-ie8 #wrapper>.content-wrapper+.content-wrapper {
    position: relative;
    z-index: 100;
}

.lt-ie8 #wrapper #headerContent.content-wrapper {
    position: relative;
    z-index: 300;
}

.lt-ie8 #wrapper #utilityNavContent.content-wrapper {
    position: relative;
    z-index: 301;
}

.masthead {
    padding: 12px;
    min-height: 43px;
}

.mobile .masthead {
    min-height: 42px;
    height: 42px;
}

.tablet .masthead {
    padding-bottom: 6px;
}

.tablet .masthead .logo img {
    max-height: 80px;
}

.mobile .masthead .logo img {
    max-height: 33px;
}

.masthead .logo {
    float: left;
    /*outline: 0 none;*//*Accessibility Changes*/
    /*outline-color: transparent;*//*Accessibility Changes*/
}

.masthead .masthead-right {
    float: right;
}

.mobile .masthead {
    float: left;
    padding: 0;
}

.mobile .masthead .masthead-right {
    display: none;
}

#wrapper.headerFooterLoading {
    visibility: hidden;
}

#wrapper.headerFooterLoaded {
    visibility: visible;
}

#headerContent {
    position: relative;
    /*z-index: 2;*/
}

.mobile #headerContent,.tablet #headerContent {
    border-bottom: 1px solid #CCC;
    margin-bottom: 0;
}

button#need-help, button#language-selector{
    background:none;
}

/*==========================
5.   MAIN NAVIGATION
==========================*/
#main-navigation {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    clear: both;
    /* outline-color: transparent; */
}

/*Accessibility Changes*/
/*#main-navigation>ul>li.last>a {
    padding-right: 0;
}*/

#main-navigation>ul>li>a,#main-navigation>ul>li>.menu-item-text {
    padding: 0 20px;
    /*outline: medium none;*//*Accessibility Changes*/
}

#main-navigation a {
    text-shadow: 0px 1px 0 #fff;
}

#utility-navigation-wrapper,.menu,.mobile #main-navigation,
.mobile #main-navigation>span,.tablet #main-navigation,
.tablet #main-navigation>span {
    background: url('img/layout/bg-menubar.png') repeat-x 0 0;
    background: #eee;
}

#utility-navigation-wrapper {
    top: 0;
    margin: 0 auto;
    width: 100%;
}

.mobile #utility-navigation-wrapper,.tablet #utility-navigation-wrapper {
    background-image: none;
}

#utility-navigation {
    margin: 0 auto;
    background-image: none;
}

.menu {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin: 0;
    clear: both;
}

.utility-bar nav.menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.menu .icon-home {
    margin-top: -5px;
}

.menu.menu-large {
    height: 36px;
    line-height: 36px;
}

.menu a {
    color: #49535A;
    text-decoration: none;
}

.menu a:hover, .menu a.active {
    color: #0071A9;;
}

.mobile .menu a:hover.active, .mobile .menu a.active,
.tablet .menu a:hover.active, .tablet .menu a.active {
    color: #FFF;
    background-color: #000;
    text-shadow: transparent;
}

.menu ul,.menu li {
    display: block;
}

.menu>ul,.menu>ul>li {
    display: block;
    float:right;
}

.menu>ul#main-navigation-menu{
    float:left;
}

.menu>ul>li {
    border-left: 1px solid #ccd2d7;
    float: left;
    height: 100%;
    position: relative;
}

.mobile .menu>ul>li,.tablet .menu>ul>li {
    float: right;
}

.menu>ul>li:first-child {
    border: 0;
}

.menu.menu-align-right>ul>li {
    border: 0;
    border-left: 1px solid #7a8b97;
}

/*Accessibility Changes*/
.menu.menu-align-right>ul>li:first-child {
    border: 0;
}

.menu.menu-align-right>ul>li#hm-breadcrumb { float: left; border: 0; font-size: 0.875em; }
.menu.menu-align-right>ul>li#hm-breadcrumb a,
.menu.menu-align-right>ul>li#hm-breadcrumb span { font-size: 1em; }

.mobile .menu.menu-align-right>ul>li,.tablet .menu.menu-align-right>ul>li {
    border-right-width: 0;
}

.menu>ul>li>a,.menu>ul>li>.menu-item-text,ul.touch-utility-menu li>.menu-item-text {
    color: #39454e;
    text-transform: uppercase;
    display: block;
    padding: 0 16px;
    font-family: OpenSansCondensed, "OpenSansCondensed", "Arial Narrow",
        sans-serif;
    font-weight: bold;
    font-size: 1em; /*14px*/
    line-height: 30px;
}

.textTransformNone, .menu>ul>li>a.textTransformNone{
    text-transform: none;
}
/*Accessibility Changes - New changes for focus*/
/*.menu>ul>li>a:focus, .menu>ul>li>a:hover{
     background: #0071A9;
     color:#fff;
     outline-color: transparent;
}*/
/*Accessibility Changes*/
#utility-navigation.menu>ul>li>.menu-item-text {
    text-transform: none;
    color: #49535A;
    /*outline: medium none;*//*Accessibility Changes*/
}
/*Accessibility Changes - New changes for focus*/
/*.menu>ul>li>a:focus, #utility-navigation.menu>ul>li>.menu-item-text:focus,
#utility-navigation.menu>ul>li>.menu-item-text:hover{
     background: #0071A9;
     color:#fff;
     outline-color: transparent;
}*/
/*Accessibility Changes*/
#utility-navigation.menu .menu-item-text,
#utility-navigation.menu .menu-item-message,
#utility-navigation.menu .icon-font-size-selector,
#utility-navigation.menu .icon-font-size,
#utility-navigation.menu .icon-need-help {
    cursor: pointer;
}

.menu-item-message {
    color: #39454e;
    text-transform: uppercase;
    display: block;
    padding: 0 16px;
    font-family: OpenSansCondensed, "OpenSansCondensed", "Arial Narrow",
        sans-serif;
    font-weight: bold;
    font-size: 1em; /*14px*/
    line-height: 30px;
    width: 100px;
}

.menu-item-message {
    text-transform: none;
    color: #49535A;
    outline: medium none;
}

.menu-item-message {
    padding: 0 20px;
    outline: medium none;
}

.menu-item-message {
    text-transform: none;
    color: #49535A;
    outline: medium none;
}

.menu>ul>li a:hover,.menu>ul>li.active>a,.menu ul li.active a {
    /*color: #0f88c1;*/
}

.menu>ul ul {
    border: 1px solid #ddd;
    display: none;
    position: absolute;
    top: 30px;
    left: auto;
    z-index: 10;
    list-style-type: none;
}

.notebook .menu>ul ul,.desktop .menu>ul ul {
    left: 0;
    z-index: 10;
    list-style-type: none;
}

.mobile .menu>ul ul,.tablet .menu>ul ul {
    right: 0;
    z-index: 10;
    list-style-type: none;
    text-align: right;
    background-color: #fff;
    top: 34px;
}

.menu.menu-large>ul ul {
    top: 36px;
}

.menu.menu-large>ul>li>a {
    line-height: 36px;
}

.menu>ul>li:hover ul {
    display: block;
    z-index: 9999;
}

.menu>ul>li:hover ul.undermodal {
    z-index: 980; /*This has to be lower than z-index of .modal-wrapper*/
}

.menu>ul>li>ul.submenu, .menu>ul>li>div.submenu {
    padding: 12px;
    z-index:980;
}

.menu>ul>li>ul.submenu>div, .menu>ul>li>ul.submenu>li:first-child {
    border-top: none;
    margin-top: 0px;
    padding-top: 0;
}

.menu>ul>li>ul.submenu li {
    border-top: 1px solid #495359;
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
}

/* ==================================
   BOOTSTRAP 3.0 NEW NEED HELP STYLES
   ================================== */

.menu>ul>li:hover .need-help-selector{
 display: block;
}

.default-white-round.need-help-selector{
    position: absolute;
    left: auto;
    right: 0;
    min-width: 320px;
    z-index: 980;
    display: none;
    padding:0;
}

.help-menu .help-section  {
    margin-bottom: 12px;
}

.help-menu .help-section .help-section-icon {
    display: block;
    float: left;
    position: relative;
    margin-top: 0px;
    margin-left: 12px;
    width: 32px;
    height: 32px;
}

.help-menu .help-section .help-section-text {
    /*max-width: 220px;
    max-width: 13.75rem;*/
}

.help-menu .help-section .help-section-text {
    display: block;
    float: left;
    width:250px;
    position: relative;
    margin-top: -12px;
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 0;
}



.help-menu .help-section strong {
    font-weight: bold;
    color: #000;
    margin: 0;
    text-transform: uppercase;
    line-height: 1.75em;
    margin-top: 6px;
    display: block;
    font-size: 1.143em;
}
.help-menu .help-section p {
    margin-bottom: 12px;
    line-height: 1.5em;
    font-size: 100%;
}

.help-menu .help-section .help-section-text a {
     color: #0071A9;
     font-weight: 300;
      text-transform: lowercase;
      display:inline;
     /*text-decoration: underline;*/
}
.help-menu .help-section .help-section-text a:hover {
    text-decoration: underline;
}

.help-menu  hr {
    background-color: #ccc;
    border-bottom: none;
    margin-right: 12px;
    margin-left: 12px;
}

#needHelpContactUsBTS{
    border-top:none;
    margin-top:-6px;
}
#hrefBTSContactUs{
    color:#0F88C0;
    font-weight:bold;
    text-transform:none;
    display:inline;
}

/*-----------------------------------*/

.menu>ul ul.submenu.align-right {
    left: auto;
    right: 0;
}

div#need-help-menu {
    position:absolute;
    top:30px;
    left:auto;
    right:0;
}
.menu>ul>li>ul>li {
    display: block;
    clear: both;
    padding-left: 16px;
    padding-right: 16px;
}

.mobile .menu>ul>li>ul>li,.tablet .menu>ul>li>ul>li {
    display: block;
    clear: both;
    padding: 3px 5px;
}

.menu>ul ul li a {
    color: #39454e;
    display: block;
    text-transform: uppercase;
    /*outline: medium none;*//*Accessibility Changes*/
}

.mobile .menu>ul ul li a,.tablet .menu>ul ul li a {
    white-space: nowrap;
}

.submenu-language {
    width: 14em;
}

.submenu-need-help {
    width: 296px; /*19em*/;
}

.need-help-hide {
    display: none;
}

.need-help-show {
    display: block;
}

.mobile .no-mobile.need-help-show {
    display: none;
}

.submenu-need-help hr {
    margin: 6px 0;
}

.menu ul .submenu-need-help {
    left: auto;
    right: 0;
}

.menu ul>li>ul.submenu-need-help>li {
    padding-right: 0;
    padding-left: 0;
}

/* IE7 */
.lt-ie8 .menu.menu-large {
    z-index: 90;
}

.lt-ie8 .masthead {
    z-index: 95;
    position: relative;
}

.lt-ie8 .menu.menu-align-right {
    z-index: 100;
}

.lt-ie8 .menu .icon-need-help {
    display: block;
    float: left;
}

.lt-ie8 .menu .icon-font-size-selector {
    display: block;
    float: left;
}
.lt-ie8 .menu .icon-font-size {
    display: block;
    float: left;
}
.lt-ie8 .menu .icon-home {
    display: block;
    margin-top: 9px;
    cursor: pointer;
}

/* VIEWPORT SIZE SPECIFIC NAVIGATION */
.notebook .menu>ul>li:hover ul,.desktop .menu>ul>li:hover ul {
    min-width: 150px;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 4px #dde1e3;
    -moz-box-shadow: 2px 2px 4px #dde1e3;
    box-shadow: 2px 2px 4px #dde1e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mobile #main-navigation,.tablet #main-navigation {
    width: 100%;
    background-position: 50px 0;
    clear: both;
    position: relative;
    display: none;
}

.mobile #main-navigation>span,.tablet #main-navigation>span {
    height: 32px;
    line-height: 32px;
    display: block;
    text-align: center;
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: bold;
}

.mobile #main-navigation>ul,.tablet #main-navigation>ul {
    display: none;
}

.mobile #main-navigation,.tablet #main-navigation {
    background: none;
    /*outline-color: transparent;*//*Accessibility Changes*/
}

.mobile #main-navigation>span,.tablet #main-navigation>span {
    display: block;
    font-size: 1.286em;
    width: 100px;
    float: right;
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: bold;
}

.mobile .main-navigation-button,
.tablet .main-navigation-button,
.tablet .main-navigation-category-title {
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 43px;
    height: 43px;
    width:41px;
    text-align: center;
    background: #f1f1f1;
    box-shadow: rgb(218, 222, 225) 0px 0px 24px 0px inset;
}

.mobile .main-navigation-button {
    top: 0;
    right: 0;
    height:42px;
    width:43px;
}

.tablet .main-navigation-button,
.tablet .main-navigation-category-title {
    float: right;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    height:42px;
    width:42px;
}
.tablet .main-navigation-button {
    border-top-right-radius: 5px;
}
.tablet .main-navigation-category-title {
    float: left;
    width: 549px;
    text-align: left;
    clear: both;
    cursor: default;
    border-top-left-radius: 5px;
    border-right:1px solid #ccc;
    font-size:1.125rem;
    color:#39454e;
    font-family: OpenSansCondensed;
    text-transform: uppercase;
    padding-left:12px;
}

.mobile #main-navigation.open, .tablet #main-navigation.open {
    height: auto;
    display: block;
}

.mobile #main-navigation.open>span,.tablet #main-navigation.open>span {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-border-radius: 5px 5px 0 0;
    padding-bottom: 6px;
}

.mobile #main-navigation.open>ul, .tablet #main-navigation.open>ul {
    float: right;
    background: #f1f1f1;
    box-shadow: rgb(218, 222, 225) 0px 0px 24px 0px inset;
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    border-top: 1px solid #CCCCCC;
}
.tablet #main-navigation.open>ul {
    width: 100%;
}

.mobile #main-navigation.open>ul>li,.tablet #main-navigation.open>ul>li
    {
    display: block;
    clear: both;
    width: 100%;
    border-left-width: 0;
    float: none;
}

.mobile #main-navigation.open>ul>li:first-child, .tablet #main-navigation.open>ul>li:first-child {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-border-radius: 5px;
}

.mobile #main-navigation.open>ul>li>a, .tablet #main-navigation.open>ul>li>a {
    line-height: 28px;
}

.mobile #main-navigation.open>ul>li>a, .tablet #main-navigation.open>ul>li>a {
    padding: 3px 12px 6px;
    line-height: 1.286em;
    font-size: 1em;
}

.mobile #main-navigation.open>ul>li:first-child, .tablet #main-navigation.open>ul>li:first-child {
    padding-top: 12px;
}

.mobile #main-navigation.open>ul>li:first-child>a, .tablet #main-navigation.open>ul>li:first-child>a {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-border-radius: 5px 0 0 0;
}
.mobile #main-navigation.open>ul>li.last, .tablet #main-navigation.open>ul>li.last {
    padding-bottom: 12px;
}

.mobile #main-navigation.open>ul>li.last>a, .tablet #main-navigation.open>ul>li.last>a {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-border-radius: 0 0 5px 5px;
}

.mobile #main-navigation.open>ul>li>ul, .tablet #main-navigation.open>ul>li>ul {
    position: relative;
    width: 100%;
    height: auto;
    color: #fff;
    top: 0;
    background: #39454E;
}

.mobile #main-navigation>ul>li>ul>li, .tablet #main-navigation>ul>li>ul>li {
    background-color: #39454E;
    color: #fff;
}

#main-navigation .menu-item-search .menu-item-search-title {
    text-indent: -99999px;
}

#main-navigation .menu-item-search {
    border: 0;
    float: right;
    margin-top: 5px;
}

#main-navigation .menu-item-search .menu-item-search-icon {
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 1px;
}

.tablet #main-navigation .menu-item-search .menu-item-search-input {
    display: none;
    margin-top: 38px;
    width: 110px;
    z-index: 100;
}

.tablet #main-navigation .menu-item-search:hover .menu-item-search-input {
    display: block;
}

/*Mobile Tablet - Utility Navigation*/
.mobile #utility-navigation, .tablet #utility-navigation { display: none; }

.mobile #main-navigation ul.touch-utility-menu,.tablet #main-navigation ul.touch-utility-menu {
    border-top: 1px solid #CCCCCC;
}

.mobile #main-navigation ul.touch-utility-menu li a, .tablet #main-navigation ul.touch-utility-menu li a,
.mobile #main-navigation ul.touch-utility-menu li button, .tablet #main-navigation ul.touch-utility-menu li button {
    color: #000;
    font-weight: normal;
    text-transform: none;
    text-shadow: none;
    line-height: 1.071em;
    font-size: 1.071em;
    font-family: "OpenSans", OpenSans, sans-serif;
    padding: 3px 12px 6px;
    text-align: left;
}

.mobile #main-navigation ul.touch-utility-menu li a:hover, .tablet #main-navigation ul.touch-utility-menu li a:hover,
.mobile #main-navigation ul.touch-utility-menu li button:hover, .tablet #main-navigation ul.touch-utility-menu li button:hover {
    text-decoration: underline;
}

/*==========================
6.   BREAD CRUMB
==========================*/
.bread-crumb {
    padding: 0 10px;
}

.bread-crumb li {
    display: inline;
    font-size: 0.714em; /*10px*/
}

.bread-crumb li a {
    vertical-align: top;
}

/*==========================
7.   MAIN CONTENT
==========================*/
section {
    border-bottom: 1px solid #ccc;
    padding: 0 0 12px 0;
    margin: 0 0 12px;
}

section:after {
    display: block;
    clear: both;
    content: "";
}

.sidebar {
    padding: 12px 0 12px 12px;
}

.desktop .sidebar-background, .notebook .sidebar-background {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*FIXME: The url(data:image/svg...) line below causes a mixed content warning in Internet Exploder.  Need to find a way to remove the next line, if possible. */
    background: -moz-linear-gradient(left, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 1) 21%, rgba(250, 250, 250, 0) 30% ); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 250, 250, 1) ), color-stop(21%, rgba(250, 250, 250, 1) ), color-stop(30%, rgba(250, 250, 250, 0) ) ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 1) 21%, rgba(250, 250, 250, 0) 30% ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 1) 21%, rgba(250, 250, 250, 0) 30% ); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 1) 21%, rgba(250, 250, 250, 0) 30% ); /* IE10+ */
    background: linear-gradient(to right, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 1) 21%, rgba(250, 250, 250, 0) 30% ); /* W3C */
    box-shadow: -2px 0 3px #dde1e3;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.lt-ie9.desktop .sidebar-background,
.lt-ie9.notebook .sidebar-background {
    filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#fafafa', endColorstr='#00fafafa', GradientType=1 ); /* IE6-8 */
}

.lt-ie8.desktop .sidebar-background,
.lt-ie8.notebook .sidebar-background {
    filter: none; /* IE6-7 */
    background-color: #FAFAFA;
    padding-bottom: 0;
}

.sidebar-section-border {
    border: 1px solid #E0E0E0;
}

/* SIDEBAR - SECTIONS */
.sidebar-section-title {
    padding: 8px 0;
}

.sidebar-section-title.sidebar-section-title-active,.sidebar-section-title:hover
    {
    background-color: #0071a9;
    color: #fff;
    padding: 8px 5px;
}

/* SIDEBAR NAVIGATION - LIST of LINKS */
.sidebar-navigation {
    padding: 0;
    list-style: none;
}

.sidebar-navigation li {
    margin-bottom: 10px;
}

.sidebar-navigation a,.sidebar-navigation .link,.sidebar-navigation a:visited
    {
    display: block;
    font-size: 1.143em; /*16px;*/
    line-height: 1.500em; /*18px*/
    padding: 4px 10px;
    text-decoration: none;
    text-transform: capitalize;
}

/*Accessibility changes*/
.sidebar-navigation a:focus {
     color:#fff;
     background: #0071A9;
}
/*Accessibility changes*/

.sidebar-navigation a.incomplete {
    cursor:default;
}
.sidebar-navigation a.incomplete:hover {
    background:none;
    color:#000;
}
.sidebar-navigation a.complete,.sidebar-navigation .link.complete {
    background: url('img/icons/icon-checkmark.png') 100% 25% no-repeat;
    padding-right: 35px;
}

.sidebar-navigation a:active, .sidebar-navigation a:hover,
.sidebar-navigation a.active, .sidebar-navigation a.complete:hover
.sidebar-navigation a.complete:active, .sidebar-navigation .link:active,
.sidebar-navigation .link.active, .sidebar-navigation .link:hover,
.sidebar-navigation .link.complete:hover, .sidebar-navigation .link.complete:active {
    color: #fff;
    background-color: #0071A9;
}
/*Accessibilty Changes*/
.sidebar-navigation a:focus {
    color: #fff;
    background: #0071A9;
}
/*Accessibilty Changes*/
/* SIDEBAR - REFINE */
.sidebar-refine {
    background-color: #39454e;
    color: #fff;
    margin: 0px 0 12px 12px; /*margins reflected in the Design Doc*/
    overflow: hidden;
    -moz-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
}

.sidebar-refine.sidebar-refine-collapsed {
    height: 38px;
}

.mobile .sidebar-refine.sidebar-refine-collapsed-on-mobile,
.tablet .sidebar-refine.sidebar-refine-collapsed-on-tablet {
    height: 37px;
}

.mobile .collapsed-on-mobile,.tablet .collapsed-on-tablet {
    height: 0;
}

.mobile .sidebar-refine,.tablet .sidebar-refine {
    margin: 0;
}

.sidebar-refine .sidebar-section-title {
    display: inline-block;
    background-color: #0071a9;
    padding: 9px 5px;
    min-width: 50%;
    color: #fff;
    border-right: 1px solid #66c8ee;
    margin-bottom: 12px;
}

.sidebar-refine .sidebar-refine-button {
    padding: 12px;
    margin-bottom: 1px;
    cursor: pointer;
}

.sidebar-refine .sidebar-refine-button.sidebar-refine-button-right {
    float: right;
}

.sidebar-refine .sidebar-refine-button.sidebar-refine-button-left {
    float: left;
}

.sidebar-refine hr {
    height: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #6b747a;
    margin-left: 12px;
    margin-right: 12px;
}

.sidebar-refine .sidebar-refine-row {
    padding: 12px;
}

.sidebar-refine.sidebar-refine-collapsed {
    height: auto;
}

.sidebar-refine.sidebar-refine-collapsed .sidebar-refine-row {
    display: none;
}

/* Responsive Sidebar */
.headline-text {
    font-size: 1.286em;
}
.refine-background {
    width: 100%;
    background-color: #39454e;
    color: #fff;
    -moz-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
}
.refine-background hr {
    height: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #6b747a;
    margin-left: 12px;
    margin-right: 12px;
}

.mobile .section-text-container,
.tablet .section-text-container {
    margin:18px 0 18px 12px;
}
.mobile .nav-link-list,
.tablet .nav-link-list {}

.nav-link-container {}
.nav-link-container.complete .nav-link a {
    background: url('img/icons/icon-checkmark.png') 100% 25% no-repeat;
    padding-right: 35px;
}
.nav-link-container.complete .nav-link a:focus {
    background-color: #0071A9;
    color:#fff;
}
.nav-link-container.complete .nav-link a:hover {
    background-color: #0071a9;
    color:#fff;
}
.nav-link-container.incomplete a {
    text-decoration:none;
    color: #39454e;
}
.nav-link-container.incomplete a:hover {
    background:none;
    color: #39454e;
    cursor:default;
}
.nav-link a {
    color: #000;
}
.refine-link {
    display:none;
}
.refine-link:hover {
    cursor:pointer;
}
.nav-link-container.active .nav-link  {
    background-color: #0071A9;
    float: left;
    width: 188px;
}
.nav-link-container.active .nav-link.no-refine {
    float: none;
    width: 100%;
}
.mobile .nav-link,
.mobile .nav-link-container.active .nav-link,
.tablet .nav-link,
.tablet .nav-link-container.active .nav-link {
    width:100%;
}
.mobile .nav-link,
.tablet .nav-link {
}

/* Overrides the '.sidebar-navigation li' margin */
.mobile .nav-link-container,
.tablet .nav-link-container {
    margin:0;
    border-bottom:1px solid #ccc;
}
.mobile .nav-link-container:nth-child(1),
.tablet .nav-link-container:nth-child(1) {
    border-top:1px solid #ccc;
}
.nav-link a:hover, .nav-link-container.active .nav-link a {
    color: #fff;
    /* outline: 0 none;*//*Accessibility Changes*/
}
.refine-text {
    color: #fff;
    font-size: 1.143em;
    line-height: 1.5em;
    padding: 4px 4px 0 0;
    font-weight:normal;
}
.refine-link li,.refine-link img,.refine-link a.refine-text {
    display: inline;
}

#refine-section-desktop .toggle-container .btn-toggle,
#refine-section-mobile .toggle-container .btn-toggle {
    background: url("img/icons/icon-white-single-arrow-down.png") no-repeat scroll 0 center transparent;
}
#refine-section-desktop .toggle-container.closed .btn-toggle,
#refine-section-mobile .toggle-container.closed .btn-toggle {
    background: url("img/icons/icon-white-single-arrow-right.png") no-repeat scroll 0 center transparent;
}
#refine-section-desktop .toggle-container .btn-toggle,
#refine-section-mobile .toggle-container .btn-toggle  {
    color: #FFFFFF;
    padding-left: 16px;
}

/* IDs used for specificity to override btn-toggle styles later in this stylesheet */
.tablet #mobileTabletSidebar { margin-top:0; }
#mobileTabletSidebar .mobile-refine-link {
    background-color: #39454e;
    color: #fff;
    -moz-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    font-weight:normal;
}
#desktopNotebookSidebar .nav-link-container.active .refine-link {
    background-color: #0071a9;
    float: right;
    display:inline;
    width:90px;
    padding: 4px 4px 4px 0;
}
#desktopNotebookSidebar .nav-link-container.active .refine-link:hover,
#desktopNotebookSidebar .nav-link-container.active .refine-link.expanded,
#desktopNotebookSidebar .nav-link-container.active .refine-link.expanded:hover,
#desktopNotebookSidebar .nav-link-container.active .refine-link.expanded a:hover {
    background-color: #39454e;
    float: right;
    width: 90px;
    padding: 4px 4px 4px 0;
    -moz-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 0 25px 10px rgba(0, 0, 0, 0.35);
}

.refine-link img, .refine-link .refine-text {
    float: none;
}
.refine-link img.refine-icon {
    margin: 0 0 0 5px;
}

.mobile-refine-link {
    padding: 8px 6px 6px 12px;
}
.lt-ie9.mobile .mobile-refine-link,
.lt-ie9.tablet .mobile-refine-link {
    width: 95px;
}

.mobile-refine-link li {
    margin-right: 3px;
}

.mobile-refine-link li,.mobile-refine-link img,.mobile-refine-link a {
    display: inline;
}
.refine-icon {
    float: left;
    margin: 6px 0 0 5px;
}
.refine-content {
    padding: 0px;
    width: 100%;
}
.refine-content-inner {
    margin: 12px;
}
.refine-content.sidebar-refine {
    margin: 0;
    padding: 0;
    width: 100%;
}
.refine-content.sidebar-refine .refine-content-inner {
    margin: 0;
}
.no-refine+.refine-content-container {
    display: none;
}

.mobile .refine-text, .tablet .refine-text {
    text-decoration: none;
    color: #fff;
}

.mobile .refine-icon,.tablet .refine-icon {;
    margin: 5px 5px 0 0;
}

#mobileMenuHeadline.mobile-menu-headline {
    margin-left:18px;
}
.refine-control {
    margin-bottom:18px;
}
select.refine-control {
    width:227px;
}
.refine-control-image {
    display:inline;
    margin:-4px 0 0 0px;
    width:17px;
}
.refine-control-title, .refine-control-toggle-title {
    font-weight:bold;
    text-transform: uppercase;
    color:#fff;
    padding:0 0 12px 0;
}
.refine-control-toggle-title {
    padding-left:24px;
}
.refine-control-toggle-container {
    padding:6px 0 12px 24px;
}
.refine-control-label {
    font-weight:normal;
    display:inline;
}
.refine-control-strong-label {
    font-weight:bold;
    display:inline;
    text-transform: uppercase;
}
.refine-label {
    display:inline;
    font-weight:normal;
    padding-left:6px;
}
.refine-select select {
    width:200px;
}
/* Responsive Sidebar */



/* SITEMAP */
.sitemap {
    font-size: 1em; /*14px*/
    list-style-type: none !important;
    margin: 0px;
    min-height: 450px;
    text-transform: capitalize;
}

.sitemap>li {
    margin-bottom: 10px;
}

.sitemap ul {
    border-left: 1px solid #E3E3E3;
    list-style-type: none !important;
    margin: 10px 0 0 20px;
    padding-left: 10px;
}

/* GENERIC COLLAPSIBLE CONTENT */
.collapsible-content-toggle {
    cursor: pointer;
}

.collapsible-content {
    display: block;
    overflow: hidden;
}

.collapsible-default-open {

}

.collapsible-default-closed {
    height: 0;
}

/* DEFAULT BACKGROUND FOR MAIN CONTENT AREAS */
.default-white-round {
    position: relative;
    background-color: #fff;
    padding: 12px;
    -webkit-box-shadow: 2px 2px 4px #dde1e3;
    -moz-box-shadow: 2px 2px 4px #dde1e3;
    box-shadow: 2px 2px 4px #dde1e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*DO NOT USE PIE behavior:url(bootstrap/css/PIE.htc)
      PIE is being removed accross the board, because of
      lagginess it seemed to introduce.  Talk to Shane and the USSR */
}

.default-white-round.default-white-round-no-padding {
    padding: 0;
}

.lt-ie8 .default-white-round {
    margin-bottom: 12px;
}

.lt-ie8 .margin-bottom-none .default-white-round {
    margin-bottom: 0 !important;
}

/* Lists/List Items */
ol.rtl li, ul.rtl li {
    margin-right: 24px;
    padding-right: 6px;
}
ol.list-items {
    list-style: decimal;
    margin-left: 24px;
}

ul.list-items {
    list-style: disc;
    margin-left: 24px;
}

.list-items.upper-romans {
    list-style: upper-roman;
}
.list-items.lower-romans {
    list-style: lower-roman;
}
.list-items.numbers {
    list-style: decimal;
}

.list-items li {
    margin-bottom: 6px;
}

ul.list-items ul {
    list-style: circle;
}

/*==========================
8.   FOOTER
==========================*/
footer {
    clear: both;
    margin-top: 12px;
    padding-bottom: 25px;
    text-align: center;
}

footer nav {
    border: 1px solid #DDE1E3
}

footer ul {

}

footer ul:first-child {
    margin-bottom: 6px;
}

footer ul li {
    display: inline;
}

footer a {
    color: #495359;
    text-decoration: none;
    text-transform: capitalize;
}

footer .nav-about {
    border: 0;
    line-height: 26px;
    margin-top: 12px;
}

footer .nav-about ul {
    display: inline;
}

footer .nav-about ul li span {
    margin: 0 5px;
}

footer .nav-about .ftricon-social-network img,
footer .nav-about .ftricon-extra img {
    padding: 0px;
    display: inline;
    margin-left: 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: transparent;
}

footer .nav-about .ftricon-social-network img {
    width: 34px;
    height: 34px;
    display: inline;
    margin-bottom: 8px;
}
footer .nav-about .ftricon-social-network.blueBg img {
    background-color: #168BC4;
    border:1px solid #168BC4;
}

footer .copyright {
    clear: both;
}
footer .icon {
    display: inline-block;
    text-indent: -9999px;
    background: url('img/icons/icon-social.png') no-repeat 0 0;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    *display: inline;
    *zoom: 1;
    *text-indent: 0;
    *font-size: 0;
    *line-height: 0;
    *overflow: hidden;
}

footer .youtube {
    background-position: 0 -48px;
}

footer .twitter {
    background-position: 0 -24px;
}

#footerNavigationAboutUL li:first-child .navPipe,
#footerNavigationAboutUL li.hidePipe .navPipe{
    display: none;
}

#footerNavigationExtras, #footerURACWrapper { margin: 12px auto;  text-align: center; }
#footerURACWrapper { margin-bottom:24px; }

.bts-version {
    display: none;
}

.footerTextTransformNone {
    text-transform: none;
}

/*===================================
8. MEGA FOOTER!!!!!!!!!!!!
====================================*/
footer.mega-footer {
    margin-top: 0;
    padding-bottom: 0; }



.footerTxtUpperCase {
    text-transform: uppercase;
}

footer.mega-footer a {
    /*outline: 0 none;*/
    /*outline-color: transparent; *//*Accessibility Changes*/
}
footer.mega-footer a:focus {
    text-decoration: underline;
}
footer.mega-footer .mega-footer-wrapper {
    background-color: #0071A9;
    margin-top: 0px;
    color:#fff; }

footer.mega-footer .mega-footer-wrapper .mega-footer-top { padding-top: 24px; }

.mega-footer-wrapper div.logoBlock,
.mega-footer-wrapper .footer-page-links div.linkBlock {
    padding: 0 12px 12px;
    border-color: #49A9D8;
    border-style: solid;
    min-height: 260px;
    border-right-width: 1px;
    text-align: left; }

.notebook .mega-footer-wrapper .footer-page-links div.linkBlock { min-height: 0px; }

.mega-footer-wrapper .footer-logo-img { display: inline;  }

.tablet .mega-footer-wrapper .footer-page-links { width:306px; }
.mobile .mega-footer-wrapper .footer-page-links { float: right; }

.desktop .mega-footer-wrapper .footer-page-links div.additionalLinksSection div.linkBlock,
.notebook .mega-footer-wrapper .footer-page-links div.ftrSections2 div.linkBlock { border-right-width: 0; }

.notebook .mega-footer-wrapper .footer-page-links div.additionalLinksSection { clear: both; margin-top:-24px; }
.notebook .mega-footer-wrapper .footer-page-links div.additionalLinksSection div.linkBlock { clear:both; }

.mega-footer-wrapper .footer-page-links .linkBlock .linkCategoryWrapper { margin-bottom: 24px; }

.mobile .mega-footer-wrapper .footer-page-links .linkBlock .linkCategoryWrapper,
.tablet .mega-footer-wrapper .footer-page-links .linkBlock .linkCategoryWrapper {
    margin-bottom: 0px;
    border-bottom: 1px solid #49A9D8;
    padding-bottom: 4px; }
.linkCategoryWrapperTop {
    border-top: 1px solid #49A9D8;
    line-height: 0;
    margin: 0;
    padding: 0; }

.mega-footer-wrapper div.logoBlock {
    border-left-width: 0px;
    border-right-width: 1px;
    text-align: center; }

.mobile .mega-footer-wrapper div.logoBlock,
.mobile .mega-footer-wrapper .footer-page-links div.linkBlock,
.tablet .mega-footer-wrapper div.logoBlock,
.tablet .mega-footer-wrapper .footer-page-links div.linkBlock {
    border-width: 0;
    min-height: 0;
    padding-bottom: 0; }

.mega-footer-wrapper .footer-social {
    margin-top: 36px;
    display: block; }

.nav-about div.social-grid,
.nav-about div.social-grid.social-grid-5,
.nav-about div.social-grid.social-grid-6,
.nav-about div.social-grid.social-grid-8,
.nav-about div.social-grid.social-grid-9,
.mega-footer-wrapper .footer-social div,
.mega-footer-wrapper .footer-social div.social-grid-5,
.mega-footer-wrapper .footer-social div.social-grid-6,
.mega-footer-wrapper .footer-social div.social-grid-8,
.mega-footer-wrapper .footer-social div.social-grid-9 {
    width: 55%; margin: auto; max-width: 128px;
}

.nav-about div.social-grid.social-grid-4,
.nav-about div.social-grid.social-grid-7,
.nav-about div.social-grid.social-grid-10,
.mega-footer-wrapper .footer-social div.social-grid-4,
.mega-footer-wrapper .footer-social div.social-grid-7,
.mega-footer-wrapper .footer-social div.social-grid-10 {
    width: 75%; margin: auto; max-width: 168px;
}

.mega-footer-wrapper .footer-social a { margin-left: 2px; margin-right: 2px; text-decoration: none; display: inline-block; }

.mega-footer-wrapper .footer-social a:first-child {/* margin-left: 0;*/ }

.mega-footer-wrapper img.ftricon-social-network { width: 34px; }

.lt-ie9 .mega-footer-wrapper .footer-social a,
.lt-ie9 .mega-footer-wrapper img.ftricon-social-network { display: inline; margin-bottom: 8px; /* IE8 SHAME*/ }

.mega-footer-wrapper .ftrCategoryTitle,
.mega-footer-wrapper .ftrCategoryTitleLink,
.mega-footer-wrapper .ftrCategoryTitleNoLink { color:#FFFFFF; }
.mobile .mega-footer-wrapper .ftrCategoryTitleNoLink,
.tablet .mega-footer-wrapper .ftrCategoryTitleNoLink { text-decoration: none; }
.mega-footer-wrapper  ul.ftrSecLinksList li.ftrSecLink {
    display:block;
    text-align:left;
    color:#FFFFFF; }

.mobile .mega-footer-wrapper .mobileTabletCollapsed ul.ftrSecLinksList,
.tablet .mega-footer-wrapper .mobileTabletCollapsed ul.ftrSecLinksList { display: none; }

.mobile .mega-footer-wrapper ul.ftrSecLinksList li,
.tablet .mega-footer-wrapper ul.ftrSecLinksList li { margin-left: 12px; }

.mobile .mega-footer-wrapper .linkCategoryWrapper .ftrCategoryTitle,
.tablet .mega-footer-wrapper .linkCategoryWrapper .ftrCategoryTitle {
   cursor:pointer; }

.mobile .mega-footer-wrapper .mobileTabletCollapsed .icon-white-single-arrow-down,
.tablet .mega-footer-wrapper .mobileTabletCollapsed .icon-white-single-arrow-down {
    background-image: url('img/icons/icon-white-single-arrow-right.png'); }

.mega-footer-wrapper .ftrSecLink a{
    text-transform:none;
    color:#FFFFFF;
    display:block;
    text-align:left; }
.mega-footer-wrapper .ftrAccLink a{
    text-transform:none;
    text-decoration: none;
    color:#FFFFFF;
    display:block;
    text-align:left;
    padding-bottom: 12px; }
.mega-footer-wrapper .ftrAccLink a:hover,
.mega-footer-wrapper .ftrAccLink a:focus {
    text-decoration: underline;
}

.mega-footer-wrapper .footer-text-content {
    font-size: 1em;
    line-height: 1.333em;
    margin-top: 12px; }
.mega-footer-wrapper .footer-text-custom-content { padding:0 12px; }
.footer-text-content a, a.footer-full-site {
    color:#FFFFFF;
    text-decoration:underline;
    text-transform:none; }
.browser-name{ text-decoration:underline; }

#languages-block {
    color: #000;
    background: #ccc;
    padding: 12px 0;
}

#languages-block ol > li {
    display: inline-block;
    padding: 0 6px;
} 

#languages-block .icon-languageselector-3 {
    padding-left: 12px;
    padding-right: 12px;
}

#languages-block ol > li {
    border-left: 1px solid #888;
}

#languages-block ol > li:first-child {
    border-left: 0;
}

/*==========================
9.   UTILITY STYLES
==========================*/
/* modal windows */
html.modal-loaded {
    overflow: hidden;
}

html.modal-loaded body {
    overflow-y: scroll;
}

.modal-wrapper {
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    overflow-y: scroll;
    -moz-opacity: 0; /*older mozilla browsers*/
    filter: alpha(opacity = 0); /*IE8-*/
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 990;
}

.modal-outer {
    table-layout: fixed;
    display: table;
    height: 100%;
    width: 100%;
}

.modal-inner {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.modal-content-wrapper {
    background: #fff;
    display: inline-block;
    margin: 20px auto;
    padding: 15px 12px 12px 12px;
    /* top 55 to make space for back to previous button */
    position: relative;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*DO NOT USE PIE behavior:url(bootstrap/css/PIE.htc)
       PIE is being removed accross the board, because of
       lagginess it seemed to introduce.  Talk to Shane and the USSR */
}

.mobile .modal-content-wrapper,.tablet .modal-content-wrapper {
    padding-top: 55px
}

.modal-content-wrapper.no-previous-button {
    padding: 15px 12px 12px 12px;
}

.modal-content-wrapper .modal-close-btn {
    position: absolute;
    right: 12px;
    text-align: left;
    top: 12px;
    text-decoration: none;
}

.mobile .modal-content-wrapper>div,.mobile .modal-content-wrapper>div {
    padding: 0 12px;
}

.mobile .modal-content-wrapper .modal-close-btn,.tablet .modal-content-wrapper .modal-close-btn
    {
    left: 6px;
    right: 6px;
}

.notebook .modal-content-wrapper .modal-close-btn,.desktop .modal-content-wrapper .modal-close-btn
    {
    left: auto;
    cursor: pointer;
}

.mobile .modal-content-wrapper .modal-close-btn:hover,.tablet .modal-content-wrapper .modal-close-btn:hover
    {
    left: -1px;
    top: 13px;
}

.mobile .modal-content-wrapper .modal-close-btn:active,.tablet .modal-content-wrapper .modal-close-btn:active
    {
    left: -2px;
    top: 14px;
}

.modal-content-wrapper .thick {
    margin-bottom: 12px;
}

.modal-content-wrapper .accessibility {
    display: none !important;
}

.mobile .modal-content-wrapper .content-column {
    padding-left: 12px;
    padding-right: 12px;
}

.notebook .modal-content-wrapper .modal-scroll .modal-content,.desktop .modal-content-wrapper .modal-scroll .modal-content
    {
    overflow: auto;
}

/*Clear Glass Pane*/
.glass-pane {
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    /*opacity:0;*/
    position: fixed;
    top: 0;
    width: 100%;
    background-color: transparent;
    cursor: pointer;
    z-index: 199;
}

/*LANGUAGE MODAL*/
.notebook .language-other-scroll,.desktop .language-other-scroll {
    height: 300px;
    overflow-y: auto;
    position: relative;
    padding-right: 6px; }

/* Tablet Mobile NEED HELP MODAL */
#mobile-need-help-modal.need-help-menu li {
    padding-top:12px; margin-bottom:12px; border-top:1px solid; }
#mobile-need-help-modal li:first-child {
    padding-top:0; border-top-width:0; }

/* NEED HELP MODAL */
#need-help-modal .need-help-choices {
    color: #666666; font-size: 1.143em;
    margin: 0px auto; text-align: center; }

#need-help-modal .need-help-choices li {
    float: left; line-height: 16px;
    margin-right: 20px; vertical-align: top;
    width: 130px; }

#need-help-modal .need-help-choices li span {
    display: block; margin: 0 auto; }

#need-help-modal .need-help-choices li strong {
    font-size: 1em; }

.lt-ie8 .modal-wrapper,.lt-ie9 .modal-wrapper {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,
        endColorstr=#E5000000 ); /* IE6-8 */
}

.lt-ie8 .modal-outer {
    width: auto;
    display: block;
    position: relative;
}

.lt-ie8 .modal-inner {
    top: 50%;
    display: block;
    position: relative;
}

.lt-ie8 .modal-content-wrapper {
    top: -50%;
    position: relative;
}

.lt-ie8 .modal-content-wrapper .row {
    margin-top: 0;
}

.lt-ie8 .modal-content-wrapper h3 {
    margin-bottom: 0;
}

/*mobile and table modal*/
.mobile .modal-wrapper,.tablet .modal-wrapper {
    background: none repeat scroll 0 0 #FFFFFF !important;
}

.mobile .modal-content-wrapper, .tablet .modal-content-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.mobile .modal-outer, .tablet .modal-outer,
.mobile .modal-inner, .tablet .modal-inner {
    display: block;
    vertical-align: top;
}

/* STRIPED CONTAINERS */
.stripe-blue-white>div:first-child,.stripe-blue-white tbody>tr:first-child td {
    border-top: 1px solid #798B97;
}

.stripe-blue-white>div,.stripe-blue-white tbody>tr td {
    border-bottom: 1px solid #798B97;
    background: #f2f5f7;
    overflow: hidden;
    padding: 12px;
}

.stripe-blue-white>div.alt,
.stripe-blue-white>div:nth-child(even),
.stripe-blue-white tbody>tr.alt td,
.stripe-blue-white tbody>tr:nth-child(even) td {
    background: #fff;
}

.stripe-blue-white>div:hover,.stripe-blue-white tbody>tr:hover td {
    background: #e1eff6;
}

/* DROPDOWN */
.dd-container {
    position: relative;
}

.dd-container .drop-down {
    border: 1px solid #ddd;
    display: none;
    padding: 12px;
    position: absolute;
    top: 0;
    z-index: 5000;
}

#login-drop {
    z-index: 970; /* DO NOT CHANGE - WILL BREAK LOGIN TOOLTIP*/
}

/*.dd-container:hover{z-index:4000;}*/
.dd-container>.drop-down {
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 4px #dde1e3;
    -moz-box-shadow: 2px 2px 4px #dde1e3;
    box-shadow: 2px 2px 4px #dde1e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

label.login-lowercase {
    font-size: 1.143em;
    margin: 6px 0 0 0;
    line-height: 1.75em;
    padding: 0;
}

/* TOGGLE CONTAINERS */
.toggle-container .btn-toggle {
    background: url('img/icons/icon-filterarrow-black-s.png') no-repeat 0 50%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}
.toggle-container .btn-toggle.white {
    background: url('img/icons/icon-filterarrow-s.png') no-repeat 0 50%;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}
.toggle-container.closed .toggle-section {
    position: relative;
}

.toggle-container.closed .btn-toggle {
    background: url('img/icons/icon-filterarrow-black-e.png') no-repeat
        center left;
}
.toggle-container.closed .btn-toggle.white {
    background: url('img/icons/icon-filterarrow-e.png') no-repeat
    center left;
}

.toggle-container .btn-toggle.no-carat {
    background:none;
}

/* Tout */
.tout {
    border: 1px solid #DDE1E3;
    min-height: 156px;
    min-width: 270px;
    padding: 12px;
}

.tout h5 {
    font-family:-OpenSansCondensed, "OpenSansCondensed", "Arial Narrow", sans-serif;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #0E86BF;
}

.tout .content {
    background: #f1f5f8;
    border-top: 2px solid #000;
    padding: 12px;
}

.tout .content hr {
    border-bottom-color: #fff;
    border-top: 1px solid #C7D5DC;
    margin: 4px 0;
    height: 0;
}

.tout .content h5 {
    font-size: 1.071em; /*15px*/
    margin: 0;
}

.tout a {
    text-decoration: none;
}

.tout a:hover, .tout a:focus {
    text-decoration: underline;
}

.tout .content a,.tout .content a:hover {
    color: #333;
}

.tout form+a {
    clear: left;
    display: block;
}

.tout.img {
    padding:0px;
}

.lt-ie8 .tout .content hr {
    height: 2px;
}
/* Accessibility changes */

.tout.helpful-links h5{font-family: OpenSans, "OpenSans", "Arial", sans-serif;color:#000;margin-top: 12px;margin-left: 1.3em;}
.tout.helpful-links ul li{line-height: 1.2em; margin-top: 12px;}
/* Accessibility changes */

.mobile .espot .tout { max-width:270px; }

/* PROGRESS BAR */
.progress-bar {
    height: 45px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    overflow: hidden; /*to make the border radius show up */
    width: 100%;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.progress-bar li {
    color: #e4e4e4;
    display: table;
    float: left;
    height: 100%;
}

.progress-bar li>div {
    display: table-row;
}

.progress-bar li a {
    color: #e4e4e4;
    display: table-cell;
    padding: 0 20px 0 10px;
    height: 100%;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
}
.mobile .progress-bar li a {
    padding: 0 0 0 5px;
}

.progress-bar.current-1 .step-1 a,
.progress-bar.current-2 .step-1 a, .progress-bar.current-2 .step-2 a,
.progress-bar.current-3 .step-1 a, .progress-bar.current-3 .step-2 a, .progress-bar.current-3 .step-3 a,
.progress-bar.current-4 .step-1 a, .progress-bar.current-4 .step-2 a, .progress-bar.current-4 .step-3 a, .progress-bar.current-4 .step-4 a,
.progress-bar.current-5 .step-1 a, .progress-bar.current-5 .step-2 a, .progress-bar.current-5 .step-3 a, .progress-bar.current-5 .step-4 a, .progress-bar.current-5 .step-5 a {
    color: #fff;
}

/* Reduced font size, it was too large for some strings */

.progress-bar a span:first-child {
    /* Please leave this font size alone.  If you need to adjust, do so in your app's css  */
    font-size: 1.071em;
    font-weight: bold;
    padding: 0 0 0 28px;
    background: url('img/icons/sprite-progress-number.png') no-repeat 0 0;
    margin-right: 0;
    text-transform: uppercase;
    font-family: OpenSans, "OpenSans", "Arial", sans-serif;
    font-weight: bold;
}

.mobile .progress-bar a span:first-child {
    overflow: hidden;
    width: 0;
    margin-right: 0;
    display: inline-block;
    white-space: nowrap;
}

.progress-bar .step-1 span:first-child {
    background-position: 0 0;
}

.progress-bar .step-2 span:first-child {
    background-position: 0 -124px;
}

.progress-bar .step-3 span:first-child {
    background-position: 0 -149px;
}

.progress-bar .step-4 span:first-child {
    background-position: 0 -174px;
}

.progress-bar .step-5 span:first-child {
    background-position: 0 -199px;
}

.progress-bar.total-steps-1 li {
    width: 100%;
}

.progress-bar.total-steps-2 li {
    width: 50%;
}

.progress-bar.total-steps-3 li {
    width: 33.33%;
}

.progress-bar.total-steps-4 li {
    width: 25%;
}

.progress-bar.total-steps-5 li {
    width: 20%;
}

.progress-bar li {
    background: url('img/icons/sprite-progress-bar.png') no-repeat 100%
        -90px;
}

.progress-bar li.last {
    background: url('img/icons/sprite-progress-bar.png') no-repeat 100% -180px;
}

.progress-bar.current-1 .step-1.last,
.progress-bar.current-2 .step-2.last,
.progress-bar.current-3 .step-3.last,
.progress-bar.current-4 .step-4.last,
.progress-bar.current-5 .step-5.last{
    background-position: 100% -135px;
}

.progress-bar.current-1 .step-1 {
    background-position: 100% 0;
}

.progress-bar.current-2 .step-1 {
    background-position: 100% -45px;
}

.progress-bar.current-2 .step-2 {
    background-position: 100% 0;
}

.progress-bar.current-2 .step-2 span:first-child,
.progress-bar.current-3 .step-2 span:first-child,
.progress-bar.current-4 .step-2 span:first-child,
.progress-bar.current-5 .step-2 span:first-child {
    background-position: 0 -24px;
}

.progress-bar.current-3 .step-1,
.progress-bar.current-3 .step-2 {
    background-position: 100% -45px;
}

.progress-bar.current-3 .step-3 {
    background-position: 100% 0;
}

.progress-bar.current-3 .step-3 span:first-child,
.progress-bar.current-4 .step-3 span:first-child,
.progress-bar.current-5 .step-3 span:first-child {
    background-position: 0 -49px;
}

.progress-bar.current-4 .step-1,
.progress-bar.current-4 .step-2,
.progress-bar.current-4 .step-3 {
    background-position: 100% -45px;
}

.progress-bar.current-4 .step-4 {
    background-position: 100% 0;
}

.progress-bar.current-4 .step-4 span:first-child,
.progress-bar.current-5 .step-4 span:first-child {
    background-position: 0 -74px;
}

.progress-bar.current-5 .step-1,
.progress-bar.current-5 .step-2,
.progress-bar.current-5 .step-3,
.progress-bar.current-5 .step-4{
    background-position: 100% -45px;
}

.progress-bar.current-5 .step-5 {
    background-position: 100% 0;
}

.progress-bar.current-5 .step-5 span:first-child {
    background-position: 0 -99px;
}

.lt-ie9 .progress-bar li>div {
/*    display: block; */
    height: 100%;
}

.lt-ie8 .progress-bar li>div {
    display: block;
}

.lt-ie9 .progress-bar li>div a {
/*    display: block; */
/*    line-height: 44px; */
    width: auto;
}
.lt-ie8 .progress-bar li>div a {
    display: block;
    line-height: 44px;
}

.lt-ie9 .progress-bar li>div a span {
/*    display: inline-block; */
    line-height: 21px;
    height: 19px;
}

.lt-ie8 .progress-bar li>div a span {
    display: inline-block;
}

.lt-ie9 .progress-bar.total-steps-3 li {
    width: 33.31%;
}

.lt-ie9 .progress-bar.total-steps-5 li {
    width: 19.95%;
}

.lt-ie9 .progress-bar.total-steps-5 li>div a {
    padding-top: 4px;
    line-height: 16px;
    width: 85%;
}

/*HmLogger debugging*/
.hmLogger-console {
    border: 1px solid #eee;
    background-color: #fff;
    padding: 6px;
    margin: 12px 10%;
}

.hmLogger-console p {
    border-top: 1px solid #eee;
    padding: 3px 0;
}

.hmLogger-console p:first-child {
    border-top-width: 0;
}

.loading-animation {
    width: 64px;
    height: 64px;
}
/*==========================
WHY REGISTER BLOCK
==========================*/
.thick-left-margin{
    margin-left:24px;
}
.why-register-block ul{
   list-style:none;
}
.why-register-block ul li {
  position:relative;
  }
ul li .m-dash-icon
{
 position:absolute;
 left:-20px;
}

/*View specific*/
#viewLoader { min-height: 360px; }

.mobile .equal-height-complete { min-height: 0 !important; }

/*==========================
Splash pages
==========================*/
.desktop .splash-push{
    position:relative;
    left:154px;
}
.spl-welcome{
    max-width:100%;
    max-height:100%;
}
.mobile .spl-welcome{

}
.splash-title{
    font-style:normal;
    font-weight:normal;
}

.mobile .spl-title{
    font-size:1.3em;
}
.spl_tout{
    min-height:256px;
    background:#ddd;
}
.spl_tout.white{
    background:#fff;
}
.spl-links{
    font-size:1.00em;
    color:#000;
}

.mobile .helpful-links{
    min-width:0px;
}
.mobile .spl-forMobile,
.tablet .spl-forMobile{
    display:block;
    background-color:#ddd;
}
.desktop .spl-forMobile,
.notebook .spl-forMobile{
    display:none;
}

.tablet .spl-forMobile .spl-left-block{
    width:43%;
}
.mobile  .spl-left-block{
    width:100%;
}
.spl-welcome-top-left-div, .spl-welcome-bottom-left-div,
.spl-welcome-top-right-div, .spl-welcome-bottom-right-div {
    position: absolute;
    width: 22%;
    max-width: 100%;
    padding:24px;
    text-align:left;
}
.spl-welcome-top-left-div p, .spl-welcome-bottom-left-div p,
.spl-welcome-top-right-div p, .spl-welcome-bottom-right-div p { text-shadow: 1px 1px 1px #fff; }
.spl-welcome-top-left-div { top: 0; left:0; }
.spl-welcome-bottom-left-div { bottom: 0; left:0; }
.spl-welcome-top-right-div { top: 0; right:0; text-align: right; width: 22%; }
.spl-welcome-bottom-right-div { bottom: 0; right:0; text-align: right; width: 25%; }

.learnmore-container {
    width:100%;
    text-align:right;
    position:absolute;
    bottom:0px;
    left:0px;
    padding-bottom:12px;
}
.mobile .spl_tout {
    min-height:221px;
    min-width:auto;
    font-size:1.0em;
}
.additional-link-text{
    font-size: 1.176em;
    text-transform: uppercase;
}

/*
 * Chevron Styles
 *
 */

    .chevron {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .chevron .no-click {
        cursor: default;
    }
    .chevron .steps {
        height: 44px;
        display: inline-block;
        *display: inline;
        zoom: 1;
        background: #999;
        position: relative;
        padding: 0px;
        margin: 0px;
    }
    .chevron .divider {
        border: 0;
        margin: 0;
        background: #FFF;
        width: 20px;
        height: 100%;
        position: absolute;
        right: -7px;
        top: 0px;
        z-index: 1;
    }
    .divider .left {
        width: 0px;
        height: 0px;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 15px solid #999;
        position: absolute;
        left: 0px;
    }
    .divider .top {
        width: 0px;
        height: 0px;
        border-bottom: 22px solid transparent;
        border-right: 15px solid #999;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .divider .bottom {
        width: 0px;
        height: 0px;
        border-top: 22px solid transparent;
        border-right: 15px solid #999;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
    .chevron .progress {
        background: #999;
        height: 100%;
        width: 100%;
    }
    .chevron .steps .contentContainer {
        position: absolute;
        top: 0px;
        left: 40px;
        color: white;
        display: table;
        vertical-align: middle;
        text-decoration: none;
        z-index: 2;
        height: 100%;
    }
    .chevron .steps .contentContainer > div {
        display: table-row;
        height: 100%;
    }
    .chevron .steps .contentContainer > div > span {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }
    .mobile .chevron .steps .contentContainer {
        display: none;
    }
    .chevron .steps.started .progress, .chevron .steps.completed {
        background: #00A2E2;
    }
    .chevron .steps.next .divider .top {
        border-right: 15px solid #00A2E2;
    }
    .chevron .steps.next .divider .bottom {
        border-right: 15px solid #00A2E2;
    }
    .chevron .steps.completed .divider .left {
        border-left: 15px solid #00A2E2;
    }
    .chevron .steps .chevron-icon {
        position: absolute;
        left: 15px;
        top: 8px;
        color: white;
        font-size: 24px;
        text-decoration: none;
    }
    .chevron .steps .chevron-click {
        text-decoration: none;
    }
/* 1 Steps*/
.chevron.steps1 .steps {
    width: 100%;
}
.chevron.steps1 .step1 .divider .top, .chevron.steps1 .step1 .divider .bottom, .chevron.steps1 .step2, .chevron.steps1 .step3, .chevron.steps1 .step4, .chevron.steps1 .step5 {
    display: none;
}

/* 2 Steps*/
.chevron.steps2 .steps {
    width: 50%;
}
.chevron.steps2 .step2 .divider .top, .chevron.steps2 .step2 .divider .bottom, .chevron.steps2 .step3, .chevron.steps2 .step4, .chevron.steps2 .step5 {
    display: none;
}

/* 3 Steps*/
.chevron.steps3 .steps {
    width: 33%;
}
.chevron.steps3 .step3 .divider .top, .chevron.steps3 .step3 .divider .bottom, .chevron.steps3 .step4, .chevron.steps3 .step5 {
    display: none;
}

/* 4 Steps*/
.chevron.steps4 .steps {
    width: 25%;
}
.chevron.steps4 .step4 .divider .top, .chevron.steps4 .step4 .divider .bottom, .chevron.steps4 .step5 {
    display: none;
}

/* 5 Steps*/
.chevron.steps5 .steps {
    width: 20%;
}
.chevron.steps5 .step5 .divider .top, .chevron.steps5 .step5 .divider .bottom {
    display: none;
}
/*==========================
information icon
==========================*/
.informationReviewTooltip{
    cursor:pointer;
}

.new-action-btn:hover,
.new-action-btn{
	font-family: OpenSansCondensed, "OpenSansCondensed", "Arial Narrow",
        sans-serif;
    font-size: 1.143em; /*16px*/
    font-weight: bold;
    text-align: center;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    margin-left: 4px; /* added margin to compensate for drop shadows */
    margin-bottom: 4px; /* added margin to compensate for drop shadows */
    padding: 0.3em 0.5em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    left: 0;
    white-space: nowrap;
    background-position: 0 0;
    /* background: #2DA1DB no-repeat top left;*/
    background: rgb(51, 181, 233); /* Old browsers */
    background: -moz-gradient(linear, left top, right top, color-stop(0%, rgba(0, 113, 169, 1) ), color-stop(100%, rgba(0, 113, 169, 1) ) ); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 113, 169, 1) ), color-stop(100%, rgba(0, 113, 169, 1) ) ); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* FF3.6+ */
    background: -webkit-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* IE10+ */
    background: linear-gradient(left, rgba(0, 113, 169, 1) 0%, rgba(0, 113, 169, 1) 100% ); /* W3C */
    -moz-box-shadow: -1px 1px 0 #33B5E9, -2px 2px 0 #33B5E9, -3px 3px 0 #33B5E9, 0 3px 5px 1px #999;
    -webkit-box-shadow: -1px 1px 0 #33B5E9, -2px 2px 0 #33B5E9, -3px 3px 0 #33B5E9, 0 3px 5px 1px #999;
    box-shadow: -1px 1px 0 #33B5E9, -2px 2px 0 #33B5E9, -3px 3px 0 #33B5E9, 0 3px 5px 1px #999;
    -ms-transition-property: box-shadow, top, left;
    -moz-transition-property: -moz-box-shadow, top, left;
    -o-transition-property: -o-box-shadow, top, left;
    -webkit-transition-property: -webkit-box-shadow, top, left;
    -ms-transition-duration: .075s;
    -moz-transition-duration: .075s;
    -o-transition-duration: .075s;
    -webkit-transition-duration: .075s;
    -ms-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-property: box-shadow, top, left;
    transition-duration: .1s;
    transition-timing-function: linear;

}
.new-action-btn:visited {text-decoration: none;}
.new-action-btn-full-width{
	width:99%;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	display:block;
}
input.new-action-btn { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius: 0px; text-align: center; }
.gt-ie7 .new-action-btn {
    filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#33b5e9', endColorstr='#00a3e3', GradientType=1 ); /* IE8-9 */
}
/*Accessibility Changes*/
.icon-font-size .small {font-size:80%}
#utility-navigation-menu{float:right;}
.sidebar h5{margin-top:0; line-height:normal}
.text-black {
    color:#000;
}
::-webkit-input-placeholder {
    text-transform: none;
}

:-moz-placeholder { /* Firefox 18- */
    text-transform: none;
}

::-moz-placeholder {  /* Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder {
    text-transform: none;
}
.dis_element{display:block;}
.modal-content-wrapper .modal-heading{
    display: block;
    line-height: 1.75em;
    margin-top: 6px;
    margin-bottom:0px;
}
.simpleModalButtonContainer.shopModal-btn> button {
    margin-left: 12px;
}
.sidebar-navigation a.refine-link-focus ,#desktopNotebookSidebar .nav-link-container.active .refine-link.expanded a.refine-link-focus:hover{margin:0;padding:0;}

.menu-item-text .caret, .icon-font-size .caret{
    margin-left: 5px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #8b8f91;
    display: inline-block;
}

.aa-text-size{width:150px;}
/*hiding tooltip text for the coverage, work around done for screen reader*/
.indent {text-indent:-99999px; color:#fff; position:absolute; z-index:-999;}
/*work around for placeholder, hiding label span text - start*/
.hide-dob-label, .hide-zip {display:none; text-indent:-9999px; color:#fff}/*text hiding for all browsers*/
@-moz-document url-prefix() {
    .hide-zip {
        display:inline-block;
    }
    #utility-navigation.menu > ul > li > .menu-item-text:focus,
    {
        line-height: 25px;
    }
}/*only showing firefox browser*/
/*work around for placeholder, hiding label span text - end*/
/*top right sub menu links hover effect*/
.menu>ul>li>ul.submenu li a:hover, .menu>ul>li>ul.submenu li a:active{
    color:#0071A9;
    text-decoration:underline;
}
.p-relative{position:relative;}
.btn-align{width:auto; float:right;}
/*Accessibility Changes - New changes for focus*/
a{
    position: relative;
    overflow: hidden;
}

a:focus, input:focus, button:focus, textarea:focus, select:focus{
    outline: 2px solid #00a4e4;
    opacity:1;
    z-index: 10;
}
.tab-active:focus{outline: 2px solid #00a4e4;}
/*Skip to content*/
#skipContent{
    position: absolute;
    top:-40px;
    left:0px;
    font-size:.8em;
    color:#ffffff;
    font-weight:bold;
    padding: 8px 20px;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-bottom-right-radius: 0;
    background:transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

#skipContent:focus {
    position:absolute;
    left:0px;
    top:0px;
    background:#39454e;
    outline:0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}

/*after changing span to a anchor tag 'AA font change' got effected - CSS to resolve the same*/
#utility-navigation.menu a.icon-font-size-selector{
    text-indent: 0;
    margin-left:0;
    margin-right:0;
    background-position: 3px 0;
}

.simpleModalButtonContainer .button-shop{
    margin-left:12px;
    width: auto;
}
/*Accessibility Changes - End*/

.superScript{
    top: -.5em;
    position: relative;
    font-size: 75%;
}

/*taglines and non-descrim*/
#footer-language-menu {
    display: inline-block;
    vertical-align: top;
}
#footer-language-menu ul li {
    border-left: 1px solid #000000;
    padding: 0 12px 0 12px;
    display: inline-block;
}
#footer-languages {
    background-color: #EEE;
    padding: 12px;
}
#footer-languages div.icon-languageselector-3 {
    padding-left: 12px;
    padding-right: 12px;
}
/*taglines end*/

/**accesibility changes 2017**/
.button-no-bg{
    background:none;
}
form#form-registration input::-webkit-input-placeholder {
    color:#757575;
}
.footer-text-content button#readMore {
    color:#fff;
    text-decoration: underline;
    text-transform: none;
    background:none;
}
/** No match model popup title and horizontal line hidden **/
.modal-content-wrapper div[title='No Match'] .modal-heading,
.modal-content-wrapper div[title='No Match'] .thick {
    display: none;
}
/** Style changes for the no match dialog box**/
.modal-content-wrapper div[title='No Match'] .modal-scroll {
    padding: 20px;
}