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

    /* fix box model */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

/* fix box model */
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html, body {
    font-family: Helevtica, Arial, san-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

sup {
    font-size: 35%;
    vertical-align: super;
}

select .valid {
    border: 1px;
}

blockquote, q {
    quotes: none;
}
/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #ccc;
    margin: 1em 0;
    padding: 0;
}

hr.solid {
    border-style: solid;
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}

ul, ol {
    /*list-style: none;*/
}

ul.list-styled {
    list-style: disc;
    list-style-position: inside;
    text-indent: 1em;
}

a {
    text-decoration: none;
}
/*#endregion reset*/

/*#region Font*/
.message {
    margin: 1em;
    color: #E31B23;
    font-size: 1.25em;
}

.boldText {
    font-size: 1.25em;
    color: #000000;
    font-family: Helvetica67,Arial,san-serif;
}

.veryImportant {
    font-size: 2em;
    color: #E31B23;
    font-family: Helvetica67,Arial,san-serif;
}

.somewhatImportant {
    font-size: 1.5em;
    color: #E31B23;
}

.success {
    color: Green;
}

.important {
    color: #E31B23;
}

.inverse {
    color: #FFF;
}

.validation-summary-errors {
    color: #E31B23;
    display: inline;
}

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

.validation-summary-errors li {
    font-weight: bold;
    background-color: #D1D1D1;
    padding: 0.5em;
}

.validation-inline-errors {
    color: #E31B23;
}

.success-message {
    font-weight: bold;
    background-color: #D1D1D1;
    padding: 0.5em;
    margin: 0.5em 0;
    color: Green;
}

.nowrap {
    white-space: nowrap;
}
/*#endregion Font*/

body {
    background: #fff;
    font-family: Helvetica,Arial,san-serif;
    font-size: 12px;
    border-top: 5px solid #e11b22;
    color: #444444;
}

/*#region layout*/
.topFrame {
    background: url("images/bg_top.jpg") repeat-x left -18px;
    /*background: url("images/bg_top.jpg") repeat-x top;  --old styling */
}

.topFrame-inner {
    background: url("images/bg_top-inner.jpg") no-repeat 50% -18px;
    /*background: url("images/bg_top-inner.jpg") no-repeat 50% top; --old styling */
}

.bottomFrame {
    background: url("images/bg_bottom2.jpg") bottom repeat-x;
}
#bottomFrameSmall {
    background: url("images/bg_bottom3.gif") bottom repeat-x;
}

/*.bottomFrame-inner {
    /*background: url("images/bg_bottom-inner2.jpg") 95% bottom no-repeat;*/
}*/

.container {
    margin: 0 auto;
    position: relative;
}

.content {
    margin: 4px 20px 20px 20px;
}

.inner {
    /*background: url("images/bg_container.png") 50% repeat-y;*/
    margin: 0 17px;
}
/*#endregion layout*/

/*#region header*/
.header {
    overflow: hidden;
    padding: 0;
    margin: 0 20px;
    position: relative;
    min-width: 720px;
    height: 120px;
}

    .header .logo {
        float: left;
        display: inline-block;
        padding: 28px 0 16px;
    }

    .header .title {
        float: left;
        display: inline-block;
        margin: 34px 0 0 20px;
        font-family: Helvetica67;
        font-size: 24px;
        color: #fff;
        letter-spacing: 1px;
    }

    .header .welcome {
        color: #FFFFFF;
        font-family: Helevtica,Arial,san-serif;
        font-size: 1em;
        text-align: right;
        padding: 10px 0;
        position: absolute;
        right: 0;
    }

        .header .welcome a:first-child {
            border: 0;
            padding: 0;
            margin-left: 3px;
        }

        .header .welcome a {
            color: #ffffff;
            font-family: Helevtica,Arial,san-serif;
            font-size: 1em;
            display: inline-block;
            border-left: 1px solid #003366;
            padding: 3px 0 3px 10px;
            margin-left: 10px;
        }

    .header .actions {
        padding: 5px 2px;
        text-align: right;
        position: absolute;
        bottom: 3px;
        right: 0;
    }

        .header .actions a {
            display: inline-block;
            border-left: 1px solid #666;
            padding: 3px 0 3px 10px;
            margin-left: 10px;
            font-family: Helvetica67,Arial,san-serif;
            font-size: 12px;
            color: #fff;
            letter-spacing: .5px;
            text-transform: uppercase;
        }

            .header .actions a:hover {
                text-decoration: underline;
                font-family: Helvetica67,Arial,san-serif;
            }

            .header .actions a:first-child {
                border: 0;
                padding: 3px 0 3px 8px;
            }

                .header .actions a:first-child.noLeftPadding {
                    padding-left: 0;
                }
/*#endregion header*/

/*#region notificationBar*/
/*.topBar {
    z-index: 4;
    height: 1.25em;
    background: #003366;
    color: #fff;
    font-size: 1.25em;
    vertical-align: top; 
    background: url("images/bg_nav-current.jpg");
    background-position:bottom; 
}*/

.topBar {
    z-index: 4;
    height: 2em;
    background: #003366;
    font-family: Helvetica57,Arial,sans-serif;
    color: #444444;
    font-size: 1.25em;
    vertical-align: middle;
    background: url("images/topbar_nav_grey.jpg");
    min-width: 815px;
}

.notificationMessage {
    float: right;
    font-size: 13px;
}

.topBar .notificationMessage a {
    padding: 0.7em 0em;
    color: #E31B23;
}

    .topBar .notificationMessage a:hover {
        padding: 0.7em 0em;
        color: #E31B23;
        text-decoration: underline;
        background: none;
    }

.topBar.empty {
    height: .75em;
}

.notificationBar li {
    text-align: right;
    font-size: 1.25em;
    margin: 0 1.5em 0 0;
    padding-top: .25em;
}

.topBar a {
    padding: .7em 1em;
    color: #000000;
    font-family: helvetica67,Arial,sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    text-shadow: 1px 1px #FFFFFF;
}

    .topBar a:hover {
        background-image: url('images/topbar_nav_grey-active.jpg');
        background-repeat: repeat-x;
        background-position: center;
        color: #666666;
        text-decoration: none;
    }

.topBar li a.current {
    background-image: url('images/topbar_nav_grey-current.jpg');
    background-repeat: repeat-x;
    background-position: center;
    color: #111111;
    text-decoration: none;
}

.actions a {
    margin: 0 0 .5em -2.25em;
    padding: 0 0 0 2.25em;
    display: inline-block;
}

    .actions a.currentVertical {
        background-image: url("images/ico_redSquare.gif");
        background-repeat: no-repeat;
        background-position: 16px;
        color: #666;
    }

.highlightcurrentemp {
    background-image: url("images/ico_redSquare.gif");
    background-repeat: no-repeat;
    background-position: left;
    color: #666;
    padding-left: 10px;
}
.header .actions a:hover, .header .actions a.currentVertical {
    background-image: none;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.topBar > ul > li {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D6D6D6;
}

    .topBar > ul > li:first-child {
        border-left: 0 none;
    }

    .topBar > ul > li:last-child {
        border-right: 0 none;
    }

.topBar > ul {
    display: inline-block;
    margin: .4em .5em 0 .5em;
    margin-left: 25px;
}
/*#endregion notificationBar*/

.top {
    vertical-align: top;
}

.vertical-middle {
    vertical-align: middle;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    height: 0;
}

.none {
    display: none;
}

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

/*#region headings*/
h1 {
    font-family: Helvetica67, arial;
    font-size: 24px;
    line-height: 30px;
    color: #444444;
}

h2, .h2 {
    font-family: "Muli","Helvetica Neue",Arial,Helevtica,Verdana,san-serif;
    font-size: 1.5em;
    color: #222;
}

h2, h3, h4,
.h2, .h3, .h4 {
    font-family: Helvetica57,Arial,san-serif;
    letter-spacing: .5px;
}
/*#endregion headings*/

/*#region bullet*/
.bullet, ul.bullet li {
    background: url("images/ico_redSquare.gif") no-repeat left 50%;
    padding-left: 15px;
}

ul.bullet {
    background: transparent;
    padding: 0;
}
/*#endregion bullet*/

/*#region anchor*/
a {
    color: #E31B23;
}

    a:hover {
        text-decoration: underline;
    }

    a.more {
        font-weight: bold;
    }

    a.body-color {
        color: #444444;
    }
/*#end region anchor*/

/*#region social*/
    a.social {
        display: inline-block;
        width: 26px;
        height: 24px;
        background: url("images/ico_social.jpg");
    }

        a.social.facebook {
            background-position: 0 0;
        }

        a.social.twitter {
            background-position: 0 -25px;
        }

        a.social.youtube {
            background-position: 0 -49px;
        }

        a.social.flickr {
            background-position: 0 -73px;
        }

        a.social.app {
            background-position: 0 24px;
        }

        a.social.rss {
            background-position: 0 -98px;
        }
/*#endregion social*/

/*#region breadcrumb*/
.breadcrumb {
    padding: 5px 25px;
    margin: 0 auto;
    font-size: 1em;
}

    .breadcrumb a {
        color: #777;
        margin: 0 5px;
    }

        .breadcrumb a.active {
            color: #999;
        }

        .breadcrumb a:hover {
            color: #444;
        }

    .breadcrumb .help {
        float: right;
    }
/*#endregion breadcrumb*/

.pageHeader {
    padding: .5em 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 2em;
}

    .pageHeader h1 {
        line-height: 1.25em;
    }

        .pageHeader h1 .material-icons {
            vertical-align: -.15em;
            color: #E31B23;
        }

.pageHeaderPopUp {
    padding: .5em;
    border-bottom: .25em solid #eee;
    margin-bottom: .5em;
}

    .pageHeaderPopUp h1 {
        line-height: 1.25em;
    }

.sortMenu {
    text-align: right;
}

    .sortMenu a {
        background: url("images/btn_red.jpg") repeat-x;
        display: inline-block;
        line-height: 32px;
        padding: 0 10px;
        vertical-align: middle;
        font-family: Helvetica67, Arial,Verdana,san-serif;
        font-size: 16px;
        font-variant: normal;
        color: #FFFFFF;
        letter-spacing: .5px;
        text-shadow: 1px 1px #000000;
    }

/*#region footer*/

footer .socialNav {
    background: url("images/bg_social.jpg") bottom;
    padding: 6px 20px;
    color: #fff;
    margin-bottom: 15px;
    overflow: hidden;
}

    footer .socialNav h3 {
        font-size: 16px;
        width: 20%;
        line-height: 26px;
    }

    footer .socialNav ul {
        min-width: 58.5%;
        display: inline-block;
        text-align: right;
    }

        footer .socialNav ul li {
            border-left: 1px solid #666;
            display: inline-block;
            float: left;
            padding: 2px 0 2px 15px;
            margin-left: 15px;
        }

            footer .socialNav ul li:first-child {
                border: 0;
            }

    footer .socialNav a.social {
        margin-right: 10px;
    }

    footer .socialNav a {
        color: #fff;
        opacity: .8;
        vertical-align: middle;
    }

        footer .socialNav a:hover {
            opacity: 1;
        }

    footer .socialNav li:hover a {
        opacity: 1;
    }

footer .affiliates {
    padding-bottom: 15px;
}

    footer .affiliates a {
        padding: 0 18px;
        display: block;
        float: left;
        border-left: 1px solid #ccc;
    }

        footer .affiliates a:first-child {
            border: 0;
        }

        footer .affiliates a img {
            display: block;
        }

footer.bottom {
    height: 23px;
    padding-top: 5px;
    margin: 20px 45px 0;
    position: relative;
}

    footer.bottom a {
        color: #fff;
        text-decoration: underline;
        margin: 0 0 0 10px;
        border-left: 1px solid #FFF;
        padding-left: 10px;
    }

        footer.bottom a:first-child {
            margin-left: 80px;
            border: none;
        }
    
        footer.bottom a:hover {
            color: #ddd;
        }

    footer.bottom .legal a {
        font-size: 11.5px;
        color: #ddd;
    }

footer .legal {
    margin: 0 15px 0;
    color: #bbb;
    display: block;
}

footer .bottomLeft {
    width: 700px;
}

footer .bottomRight {
    width: 225px;
    text-align: right;
    padding-right: 0;
    vertical-align: middle;
}

    footer .bottomRight img {
        vertical-align: middle;
    }
/*#endregion footer*/


/*#region inputs*/
input[type=text], input[type=tel], input[type=password], input[type=number], input[type=date], textArea {
    border: 1px solid #CCCCCC;
    padding: .25em;
    display: inline-block;
    width: 15em;
}

input.doubleLarge {
    width: 30em;
}

input.large {
    width: 15em;
}

input.medium {
    width: 10em;
}

input.smallMedium {
    width: 7.5em;
}

input.small {
    width: 5em;
}

input.checkbox {
    padding-right: 0.5em;
    vertical-align: top;
}

input[type=submit] {
    color: #e11b22;
}

    input[type=submit] :hover {
        color: #8a0005;
    }

textArea {
    width: 30em;
}

/***** FIX THIS FOR DROPDOWN CONTROL ******/
li.t-item {
    font-size: 1em;
    letter-spacing: normal; /*font-weight: bold;*/
    color: #222; /*display: inline-block;*/
}

    li.t-item a {
        font-size: 1em;
        letter-spacing: normal;
        font-weight: bold;
        color: #222;
    }
/*#endregion inputs*/

/*#region tabs*/
div.t-tabstrip {
    border: 0;
}
/*#endregion tabs*/

/*#region sections*/
ul.sections > li {
    padding: .75em;
    width: 47%;
    display: inline-block;
    vertical-align: top;
}

    ul.sections > li.largest {
        width: 97%;
    }

    ul.sections > li.larger {
        width: 83%;
    }

    ul.sections > li.large {
        width: 72%;
    }

    ul.sections > li.medium {
        width: 31%;
    }

    ul.sections > li.small {
        width: 22%;
    }

    ul.sections > li.smaller {
        width: 15%;
        display: inline-block;
    }

    ul.sections > li.tiny {
        width: 11%;
    }

    ul.sections > li.veryTiny {
        width: 4%;
    }

    ul.sections > li.mediumPopup {
        width: 45%;
    }

/* *REMOVED. NOT USED ANYWHERE. CL
    ul.section > li.mediumRemainder {
    width: 63%;
}*/

/*Duplicate Facility styles 
    *REMOVED. NOT USED ANYWHERE. CL

#API_DuplicateFacilitiesMasterDiv .groupTitle {
    letter-spacing: .5px;
    font-family: helvetica57, arial;
    font-size: 18px;
    margin-top: 15px;
}

#API_DuplicateFacilitiesMasterDiv .listTable {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

ul.sections > li.smallFields {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

ul.sections > li.smallOriginal {
    width: 25%;
    display: inline-block;
    min-width: 300px;
    vertical-align: top;
}

    ul.sections > li.smallOriginal span, ul.sections > li.smallDuplicate span, ul.sections > li.smallFields span {
        display: inline-block;
        height: 21px;
    }

    ul.sections > li.smallOriginal div, ul.sections > li.smallDuplicate div, ul.sections > li.smallFields div {
        height: 36px;
    }

li.smallDuplicate div.validation-inline-errors {
    height: auto !important;
}

ul.sections > li.smallDuplicate {
    width: 25%;
    min-width: 300px;
    display: inline-block;
    vertical-align: top;
}

li.smallDuplicate input,
li.smallDuplicate select {
    position: relative;
    top: -8px;
}

li.smallDuplicate .requiredFieldLabelShiftUp {
    position: relative;
    top: -8px;
}

li.smallDuplicate > .sectionCommands {
    margin: -1.5em 0;
    height: 1.5em;
    padding-right: 1em;
}

    li.smallDuplicate > .sectionCommands a {
        background: none;
        padding: 0;
        vertical-align: middle;
        font-size: 0;
        text-shadow: none;
        margin: 0em 0em;
        cursor: pointer;
        border: none;
        width: auto;
    }

    li.smallDuplicate > .sectionCommands img {
        padding: 0;
        vertical-align: middle;
        border: none;
        width: auto;
    }

li.smallDuplicate .sectionEndCommands {
    margin-top: 2em;
}

ul.sections > li.smallDuplicate textArea {
    width: 22em;
}

#API_FacilityDetails {
    min-width: 900px;
}
*/

/*#endregion*/

/*#region fieldsets*/
fieldset,
.fieldset {
    border: 1px dotted #CCCCCC;
    padding: 1em;
    margin: .5em;
}
.fieldset {
    position: relative;
    margin-top: 1.15em;
}

    fieldset legend,
    .fieldset > .legend {
        background-color: White;
        letter-spacing: .5px;
        font-family: helvetica57, arial;
        font-size: 18px;
        /*#begin word-wrap fieldset headers in IE*/
        white-space: normal;
        *margin-left: -7px;
        /*#end to word-wrap fieldset headers in IE*/
    }
    .fieldset > .legend {
        position: relative;
        display: inline;
        top: -1.2em;
    }

    fieldset > div > fieldset > legend {
        letter-spacing: .075em;
        font-size: 1em;
    }

div.t-content fieldset.subFieldSet {
    border: 1px dotted #CCCCCC;
    padding: 1em;
    margin: .5em;
}

fieldset.subField-solidLightBorder {
    border: 1px solid #e6e6e6;
    padding: 1em;
    margin: .5em;
}

fieldset.subField-lineBorder {
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    border-right: 1px none;
    border-left: 1px none;
    padding: 1em;
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 1em;
    margin-bottom: 1em;
}


    fieldset.subField-lineBorder legend {
        background-color: White;
        font-family: helvetica57,arial;
        font-size: 1.0em;
        letter-spacing: 0.5px;
    }

div.t-content fieldset {
    border: 0;
    padding: .5em;
}

    div.t-content fieldset.actionRequired {
        border-color: #E31B23;
    }

fieldset.actionRequired > legend {
    color: #E31B23;
}
/*#endregion fieldsets*/

/*#region fieldset divs*/
fieldset div {
    vertical-align: top;
}

div.auditPage {
    border-left: .5em solid #CCCCCC;
    padding-left: 2em;
}

li.actions a {
    white-space: nowrap;
    font-size: 1.25em;
}

fieldset div.smallNoPadding {
    width: 32.5%;
    display: inline-block;
}

fieldset div.mediumNoPadding {
    width: 49%;
    display: inline-block;
}


fieldset div.veryTiny {
    width: 24px;
    display: inline-block;
}

fieldset div.tiny {
    width: 19.5%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.verySmall {
    width: 24.5%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.verySmallAppDetails {
    width: 22.0%;
    display: inline-block;
    padding-bottom: 1.5em;
    padding-right: 1.8em;
}

fieldset div.small {
    width: 32.5%;
    display: inline-block;
    padding-bottom: 0em;
}

fieldset div.smallPadded {
    width: 32.5%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.smallPopup {
    width: 32.5%;
    display: inline-block;
}

fieldset div.medium {
    width: 49%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.mediumPopup {
    width: 48%;
    display: inline-block;
}

fieldset div.mediumLarge {
    width: 67%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.large {
    width: 90%;
    display: inline-block;
}

fieldset div.largePadded {
    width: 90%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.spaced {
    display: inline-block;
    padding-bottom: 1em;
    font-family: "Muli","Helvetica Neue",Arial,Helevtica,Verdana,san-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #333333 !important;
    letter-spacing: normal;
}

fieldset span.biggerFont {
    font-size: 13px;
}

/*#endregion fieldset divs*/

/*#region listTableNoBorder */

.listTableNoBorder {
    width: 100%;
}

    .listTableNoBorder > tbody > tr > td {
        border-collapse: collapse;
    }

    .listTableNoBorder > tbody > tr:first-child > td {
        border-collapse: collapse;
        border-top: 0;
    }

    .listTableNoBorder tbody tr {
        border-collapse: collapse;
        border-top: 1px none;
    }

        .listTableNoBorder tbody tr td {
            vertical-align: top;
            padding: 4px 4px;
        }

    .listTableNoBorder thead tr th {
        margin: 5px;
        padding: 5px;
        vertical-align: top;
        color: #444444;
        text-align: left;
    }

.headerBorder {
    border-bottom: 1px dotted #55BCEB;
}
/*#endregion */

/*#Region*/
.suplistdiv {
    border: 1px solid #C0C0C0;
    width: 100%;    
    margin:1px 1px 10px 1px;
    background-color: #EEEEEE;
    height: 30px;
    padding: 8px 5px 1px 5px;
    font-weight:bold;
}

.suplisttddiv {    
    width: 40%;
    margin: 1px 1px 10px 1px; 
    padding: 2px 5px 1px 5px;
    font:12px;
}

.suplistdivhead {
    margin: 1px 1px 5px 1px;
    padding: 8px 5px 1px 0px;
    font: 20px;
    font-weight:bold;
}

.suplistdivtag {
    /*margin: 1px 1px 5px 1px;
    padding: 8px 5px 1px 0px;*/
    font: 20px;
    font-weight: bold;
}

/*endregion*/
.layoutTable {
    width: 100%;
}

    .layoutTable > tbody > tr > td {
        border: 0;
    }

.listTable {
    border: medium solid #C0C0C0;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .listTable tr td {
        vertical-align: middle;
        padding: 5px 5px 5px 5px;
        text-align: left;
    }

    .listTable thead {
        background-color: #EEEEEE;
        border: 1px solid #CCCCCC;
    }

        .listTable thead tr th {
            margin: 5px;
            padding: 5px;
            font-weight: bold;
            text-align: left;
        }

    .listTable tbody {
        border: 1px solid #CCCCCC;
    }

        .listTable tbody tr {
            border-top: 1px dotted #CCCCCC;
        }

            .listTable tbody tr.noBorder {
                border: #FFFFFF;
            }

        .listTable tbody td.delete {
            text-align: right;
        }

            .listTable tbody td.delete span {
                position: relative;
                top: 1px;
            }

    .listTable tfoot td.add {
        text-align: right;
        padding: 4px 5px 5px 5px;
    }

    .listTable tfoot input[type=button] {
        -moz-font-feature-settings: normal;
        -moz-font-language-override: normal;
        background: url("images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
        border: Solid 1px #FFA400;
        color: #333333 !important;
        display: inline-block;
        font-family: Helvetica67,Arial,sans-serif;
        font-size: 16px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 22px !important;
        margin: 1px;
        padding: 2px 20px;
        text-align: center;
        text-shadow: 1px 1px #FFFFFF;
        vertical-align: middle;
        cursor: pointer;
    }

        .listTable tfoot input[type=button]:hover {
            text-decoration: none;
        }

        .listTable tfoot input[type=button].disabled {
            color: #333333;
            cursor: default;
            background: url("images/btn_grey.jpg") repeat-x;
        }

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

/*#region fieldset div label*/
fieldset div label, 
fieldset table label {
    color: #666666;
    display: block;
    font-family: helvetica67,Arial,san-serif;
    font-size: 15px;
    margin: 0.5em 0 0.25em;
    z-index: 10;
}

    fieldset div label.inline {
        font-family: helvetica67,Arial,san-serif;
        display: inline;
        color: #666666;
        margin: .5em 0 .25em 0;
        z-index: 10;
    }
/*#endregion fieldset div label*/

/*#region fieldset div span*/
fieldset div span {
    font-size: 1em;
}

fieldset div b {
    font-size: 1em;
    font-weight: bold;
}

fieldset div span.textValue {
    font-size: 1.25em;
    margin: .25em 0em .5em 0em;
    z-index: 10;
    font-family: Helvetica57,Arial,san-serif;
}
/*#endregion fieldset div span*/

/*#region .telerikRichTextAPI to display richtext content like Notes display*/
.telerikRichTextAPI span {
    font-size: 12px;
}

    .telerikRichTextAPI span strong {
        font-weight: bold;
    }

    .telerikRichTextAPI span em {
        font-style: italic;
    }

    .telerikRichTextAPI span ul {
        padding: 5px;
    }

    .telerikRichTextAPI span li {
        list-style-type: disc;
        list-style-position: inside;
        text-indent: 1em;
    }
/*#endregion .telerikRichTextAPI */

/*#region sectionCommands*/
.sectionCommands {
    margin: -2.5em 0;
    height: 1.5em;
    float: right;
}

    .sectionCommands a, .sectionCommands input[type=submit], .sectionCommands input[type=button], .sectionCommand, input[type=button].sectionCommand {
        background: url("images/btn_grey.jpg") repeat-x scroll 0 0 transparent;
        padding: 2px 20px;
        font-size: 16px;
        color: #333333;
        margin: .2em;
        letter-spacing: .5px;
        text-decoration: none;
        font-family: helvetica67,Arial,sans-serif;
        text-shadow: 1px 1px #FFFFFF;
        cursor: pointer;
        border: 1px solid #CCCCCC;
        width: auto;
    }

    .sectionCommands input[type=submit], .sectionCommands input[type=button] {
        margin-top: -4em;
    }

        .sectionCommands a.disabled, .sectionCommands input[type=submit].disabled, .sectionCommands input[type=button].disabled, input[type=submit].sectionCommand.disabled, input[type=button].sectionCommand.disabled {
            color: #BBBBBB;
            cursor: default;
        }

.sections li a:hover {
    text-decoration: underline;
}

.sectionFlatCommands {
    margin: 0;
    height: 1.5em;
    float: right;
}

    .sectionFlatCommands a, .sectionFlatCommands input[type=submit], .sectionFlatCommands input[type=button] {
        border-radius: 10px;
        background: url("images/btn_grey.jpg") repeat-x;
        line-height: 1.5em;
        padding: .25em;
        vertical-align: middle;
        border: 1px solid #ccc;
        font-size: 12px;
        letter-spacing: .5px;
        text-shadow: 1px 1px #fff;
        margin: .25em;
        cursor: pointer;
        text-decoration: none;
    }

.sectionEndCommands {
    margin: .25em;
}

    /*.sectionEndCommands a, .sectionEndCommand, .sectionEndCommands input[type=submit], .sectionEndCommands input[type=button] {
    border-radius: 10px;
    text-align: center;
    padding: .5em;
    font-size: 12px;
    margin: .25em;
    text-decoration: none;
    cursor: pointer;
    display: -moz-inline-block;
    display: inline-block;
    background: url("images/btn_yellow.jpg") repeat-x;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}*/
    .sectionEndCommands a, .sectionEndCommandsSSO a, .sectionEndCommand, .sectionEndCommands input[type=submit], .sectionEndCommands input[type=button] {
        -moz-font-feature-settings: normal;
        -moz-font-language-override: normal;
        background: url("images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
        border: Solid 1px #FFA400;
        color: #333333;
        display: inline-block;
        font-family: Helvetica67,Arial,sans-serif;
        font-size: 16px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 22px !important;
        margin: 1px;
        padding: 2px 20px;
        text-align: center;
        text-shadow: 1px 1px #FFFFFF;
        vertical-align: middle;
        cursor: pointer;
    }

        .sectionEndCommands a:hover, .style2014 .sectionEndCommandsSSO a, .sectionEndCommandsSSO a:hover, a.sectionEndCommand:hover, .sectionEndCommands input[type=submit]:hover, .sectionEndCommands input[type=button]:hover {
            text-decoration: none;
        }

        .sectionEndCommands a.disabled, .sectionEndCommandsSSO a.disabled, .sectionEndCommand.disabled, .sectionEndCommands input[type=submit].disabled, .sectionEndCommands input[type=button].disabled {
            color: #333333;
            cursor: default;
            background: url("images/btn_grey.jpg") repeat-x;
        }

    /* new styles for sectionEndCommands */
    .style2014 .sectionEndCommands a,
    .style2014 .sectionEndCommand,
    .style2014 .sectionEndCommands input[type=submit],
    .style2014 .sectionEndCommands input[type=button] {
        -moz-font-feature-settings: normal;
        -moz-font-language-override: normal;
        background: #666;
        border: none;
        color: #FFF;
        display: inline-block;
        font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
        font-size: 16px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 22px !important;
        margin: 1px;
        padding: 3px 20px;
        text-align: center;
        text-shadow: none;
        vertical-align: middle;
        cursor: pointer;
    }


/*#endregion*/
.listCommands a, .listCommands input[type=submit], input[type=submit].listCommand {
    border-radius: 10px;
    background: url("images/btn_grey.jpg") repeat-x;
    line-height: 1.5em;
    padding: 0 .25em;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 1em;
    letter-spacing: .5px;
    text-shadow: 1px 1px #fff;
    margin: .5em;
}

#gridExportButton {
    background: url('/ICPWeb/Content/images/btn_light.jpg') repeat-x;
    border: 1px solid #CCC;
    line-height: 1.5em;
    padding: .25em;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 1em;
    margin: .25em;
    cursor: pointer;
    color: #e31b23;
}


.inactiveTab a, .inactiveTab {
    border: thin solid #808080;
    padding: 4px;
    font-size: 14px;
    color: #333333;
    margin: 10px 2px 2px 2px;
    /*height: 28px;*/
    letter-spacing: .5px;
    text-decoration: none;
    font-family: helvetica67,Arial,sans-serif;
    cursor: pointer;
    vertical-align: top;
    background-color: #F3F3F3;
}

    .inactiveTab input[type=button], .inactiveTab input[type=submit] {
        padding: 4px;
        font-size: 14px;
        color: #333333;
        margin: 0;
        height: 28px;
        letter-spacing: .5px;
        text-decoration: none;
        font-family: helvetica67,Arial,sans-serif;
        cursor: pointer;
        vertical-align: top;
        background-color: #F3F3F3;
    }

.activeTab a, .activeTab {
    border: thin solid #808080;
    padding: 4px 4px 4px 4px;
    font-size: 14px;
    color: #333333;
    margin: 10px 2px 2px 2px;
    /*height: 28px;*/
    letter-spacing: .5px;
    text-decoration: none;
    font-family: helvetica67,Arial,sans-serif;
    cursor: default;
    vertical-align: top;
    background-color: white;
}

    .activeTab input[type=submit], .activeTab input[type=button] {
        border-width: thin thin thin thin;
        padding: 4px;
        font-size: 14px;
        color: #333333;
        margin: 0;
        height: 28px;
        letter-spacing: .5px;
        text-decoration: none;
        font-family: helvetica67,Arial,sans-serif;
        cursor: default;
        vertical-align: top;
        background-color: white;
    }

.t-window-titlebar {
    border-bottom: none;
    padding: 0;
}
    .t-window-titlebar .t-link {
        padding: 3px; 
        text-decoration: none; 
        vertical-align: middle; 
        display: inline;
        opacity: 1;
    }
    .t-window-titlebar .t-state-hover {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px; 
        border-radius: 10px;
        padding: 3px;
    }

    .movable {
        cursor:move;
    }

.pageCommands {
    margin: .25em;
    float: right;
    vertical-align: top;
}

    .pageCommands a, 
    .pageCommand, 
    .pageCommands input[type=submit], 
    .pageCommands input[type=button] {
        background: url("images/btn_grey.jpg") repeat-x;
        padding: 4px 20px;
        font-size: 16px;
        color: #333333;
        margin: 1px;
        height: 28px;
        letter-spacing: .5px;
        text-decoration: none;
        font-family: helvetica67,Arial,sans-serif;
        text-shadow: 1px 1px #FFFFFF;
        cursor: pointer;
        border: 1px solid #CCCCCC;
    }

        .pageCommands a.disabled, 
        .sectionCommands input[type=submit].disabled, 
        .sectionCommands input[type=button].disabled, 
        input[type=submit].sectionCommand.disabled, 
        input[type=button].sectionCommand.disabled {
            color: #BBBBBB;
            cursor: default;
        }

        .pageCommands a:hover, a.pageCommand:hover, 
        .pageCommands input[type=submit]:hover, 
        .pageCommands input[type=button]:hover {
            background: url("images/btn_light.jpg") repeat-x;
            color: #000000;
            border: 1px solid #CCCCCC;
        }

        .pageCommands a.disabled:hover, 
        a.pageCommand:hover, 
        .pageCommands input[type=submit]:hover, 
        .pageCommands input[type=button]:hover {
            color: #BBBBBB;
            cursor: default;
            background: url("images/btn_grey.jpg") repeat-x;
        }

        

.pageCommandsPopUp {
    margin: .5em;
    float: right;
    vertical-align: top;
}

    .pageCommandsPopUp a, .pageCommandsPopUp input[type=submit], .pageCommandsPopUp input[type=button] {
        border-radius: 10px;
        background: url("images/btn_grey.jpg") repeat-x;
        padding: .25em;
        font-size: 1em;
        letter-spacing: .1em;
        color: #E31B23;
        margin: .25em;
        text-decoration: none;
        cursor: pointer;
        border: 1px solid #CCCCCC;
    }

        .pageCommandsPopUp a:hover, .pageCommandsPopUp input[type=submit]:hover, .pageCommandsPopUp input[type=button]:hover {
            background: url("images/btn_light.jpg") repeat-x;
            color: #000000;
            border: 1px solid #CCCCCC;
        }



/*#region entityList*/
.entityList {
    width: 100%;
    text-align: left;
}

    .entityList th {
        letter-spacing: .075em;
        font-size: 1em;
        text-align: left;
        padding: .5em;
    }

    .entityList td {
        padding: .7em;
        border-top: 1px dotted #CCCCCC;
        font-size: 1em;
    }
/*#endregion entityList*/

.loading {
    background: url("images/loading.gif") no-repeat;
    background-position: center;
    height: 100px;
    width: 100%;
}

.loading.inverse {
    background-image: url("images/loading-inverse.gif");
}
.loading-inline {
    background: url("images/loading.gif") no-repeat;
    background-position: left center;
    height: 1em;
    width: 100%;
}

.dialogHideClose .ui-dialog-titlebar-close {
    display: none;
}

.hidden {
    display: none;
}

div.t-button.t-upload-button {
    background: url("images/btn_grey.jpg") repeat-x;
    padding: 0 20px 2px 20px;
    font-size: 16px;
    color: #333333;
    margin: .35em;
    height: 22px;
    letter-spacing: .5px;
    text-decoration: none;
    font-family: "Muli", "Helvetica Neue",Arial,Helevtica,Verdana,san-serif;
    text-shadow: 1px 1px #FFFFFF;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    width: auto;
    line-height: 23px;
}

.t-button {
    border-radius: 0;
    line-height: 28px;
}

div.t-widget.t-upload {
    display: inline-block;
}

.toggle {
    font-size: smaller;
    display: none;
    vertical-align: middle;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
}

ul.addLineSpace > li {
    vertical-align: middle;
    margin-top: 1em;
    margin-bottom: 1em;
}

.fileUploadList {
    font-size: 12px;
}

/*#region sections */
ul.questionnaireSections > question {
    padding: .75em;
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

ul.questionnaireSections > li {
    padding: .75em;
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

ul.questionnaireSections {
    border-bottom: 1px dotted #55BCEB;
}

ul.questionnaireResultsSections > question {
    padding: .75em;
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

ul.questionnaireResultsSections > li {
    padding: .75em;
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

ul.questionnaireResultsSections {
    border-bottom: 1px dotted #55BCEB;
}



/*#region tabs*/
li.t-item a {
    color: #003366;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: normal;
}

.t-tabstrip-items .t-item {
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px 1px 0;
    display: inline-block;
    list-style-type: none;
    margin: 0.1em 0.3em 0 0;
    padding: 0;
    position: relative;
    vertical-align: top;
}

li.t-item {
    color: #003366;
    font-size: 1em;
    letter-spacing: normal;
}

.t-state-active {
    background-color: #FFFFFF;
    border-color: #55BCEB;
}

.t-tabstrip-items .t-state-active, .t-panelbar .t-tabstrip-items .t-state-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.t-tabstrip .t-state-default, .t-tabstrip .t-state-disabled {
    border-color: #CCCCCC;
}

.t-widget, .t-input {
    border-color: #CCCCCC;
    border-width: 0;
}

.t-combobox .t-state-default, .t-dropdown .t-state-default {
    border-color: #CCCCCC;
}

.holding {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.multilineTextReadonly {
    margin: 10px;
}

.appProcess {
    margin-top: 12px;
    margin-bottom: 5px;
}

.appProcess a {
    text-decoration: none; 
    color: #444444;
    display: block;
    text-align: center;
    font-family: Helvetica57,Helvetica, Arial,sans-serif;
}

.appProcess > div {
    display: inline-block;
    width: 75px;
    vertical-align: top;
    text-align: center;
    border-right: solid;
    border-right-width: 1px;
    border-right-color: #dddddd;
}

    .appProcess > div.last {
        border-right: none;
        border-right-width: 0;
        border-right-color: #ffffff;
    }

hr.dotted {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #55BCEB;
    margin: 1em 0;
    padding: 0;
}

.adminLink {
    font-size: 1.25em;
}

.iconholder {
    height: 24px;
    width: 24px;
}

.linkFile {
    height: 1em;
    vertical-align: -13px;
}

.greenBorder {
    border-color: Green;
    border-style: double;
    border-width: thick;
}

.yellowBorder {
    border-color: Yellow;
    border-style: double;
    border-width: thick;
}

.redBorder {
    border-color: Red;
    border-style: double;
    border-width: thick;
}

.entryPoint a {
    color: #E11B22;
}

    .entryPoint a:hover {
        color: #666;
    }

/* TEST */



ul.navigation, ul.navigation > li > a {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
}

    ul.navigation, ul.navigation > li > a:hover {
        text-decoration: none;
        font-size: 1em;
    }

        ul.navigation > li > a.selected {
            display: inline-block;
            white-space: nowrap;
            font-size: 1em;
            color: #666;
            background: url("images/ico_redSquare.gif") no-repeat;
            background-position: 1.50em 4px;
            font-family: Helvetica,Arial,sans-serif;
        }


/*.sortMenu a, .sortMenu span, .btn-grey {
    background: url("/images/btn_grey.jpg") repeat-x bottom;
    display: inline-block;
    line-height: 20px !important;
    padding: 6px 15px;
    vertical-align: middle;
    border: 1px solid 
    #CCC;
    font-family: Helvetica57;
    font-size: 14px;
    letter-spacing: .5px;
    color: 
    #333 !important;
    text-shadow: 1px 1px 
    white;
}*/

SELECT {
    border: 1px solid #CCC;
    padding: .18em;
}

    select.largest {
        width: 21.5em;
    }

    select.veryLarge {
        width: 20em;
    }

    select.large {
        width: 15.5em;
    }

    select.medium {
        width: 10.5em;
    }

    select.smallMedium {
        width: 8em;
    }

    select.small {
        width: 5.5em;
    }

.ui-widget-header {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #E31B23;
    border-radius: 0 0 0 0;
    border-style: none none solid;
    border-width: medium medium 0.25em;
    color: #E31B23;
    font-family: "Muli","Helvetica Neue",Arial,Helevtica,Verdana,san-serif;
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 0.5em;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: url("images/btn_grey.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCC;
    border-radius: 10px;
    color: #003366;
    cursor: pointer;
    font-size: 12px;
    margin: 2px;
    padding: 2px;
    text-decoration: none;
    height: 30px;
}

    .ui-dialog .ui-dialog-buttonpane button:hover {
        background: url("images/btn_light.jpg") repeat-x scroll 0 0 transparent;
        border: 1px solid #CCC;
        color: #000000;
        height: 30px;
    }

.dialogLeft {
    left: 100px !important;
}

.tooltip-trigger:hover {
    text-decoration: none;
}
.ui-tooltip {
    position: absolute;
    z-index: 11000;
    max-width: 250px;
    padding: 10px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0 3px 10px 0 rgba(50, 50, 50, 0.4);
    box-shadow: 0 3px 10px 0 rgba(50, 50, 50, 0.4);
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(224,224,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(224,224,224,1) 100%); /* W3C */
}

TD.expand {
    text-align: left;
    padding: 0 4px 0 0;
}

td.delete {
    text-align: right;
}

table.linkedProduct {
    margin: 4px;
}

TABLE.productDetails, TABLE.productDetails UL {
    width: 100%;
    margin: 4px;
}

    TABLE.productDetails LABEL {
        display: inline;
    }

.btn-yellow {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background: url("../../images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
    box-shadow: 0 0 10px #BBBBBB;
    color: #FFFFFF !important;
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 20px !important;
    margin: 1px;
    padding: 6px 35px;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.37);
    vertical-align: middle;
}
/* NAV Sprite Styles*/

.naviconContainer {
    background: url(images/navsprite.png) no-repeat top left;
    display: inline-block;
}

.nav_finished_darkgrey {
    background-position: 0 0;
    width: 48px;
    height: 48px;
}

.nav_finished_lightgrey {
    background-position: 0 -98px;
    width: 48px;
    height: 48px;
}

.nav_finished_red {
    background-position: 0 -196px;
    width: 48px;
    height: 48px;
}

.nav_home_darkgrey {
    background-position: 0 -294px;
    width: 48px;
    height: 48px;
}

.nav_home_lightgrey {
    background-position: 0 -392px;
    width: 48px;
    height: 48px;
}

.nav_home_red {
    background-position: 0 -490px;
    width: 48px;
    height: 48px;
}

.nav_invoice_darkgrey {
    background-position: 0 -588px;
    width: 48px;
    height: 48px;
}

.nav_invoice_lightgrey {
    background-position: 0 -686px;
    width: 48px;
    height: 48px;
}

.nav_invoice_red {
    background-position: 0 -784px;
    width: 48px;
    height: 48px;
}

.nav_legal_darkgrey {
    background-position: 0 -882px;
    width: 48px;
    height: 48px;
}

.nav_legal_lightgrey {
    background-position: 0 -980px;
    width: 48px;
    height: 48px;
}

.nav_legal_red {
    background-position: 0 -1078px;
    width: 48px;
    height: 48px;
}

.nav_location_darkgrey {
    background-position: 0 -1176px;
    width: 48px;
    height: 48px;
}

.nav_location_lightgrey {
    background-position: 0 -1274px;
    width: 48px;
    height: 48px;
}

.nav_location_red {
    background-position: 0 -1372px;
    width: 48px;
    height: 48px;
}

.nav_locations_darkgrey {
    background-position: 0 -1470px;
    width: 48px;
    height: 48px;
}

.nav_locations_lightgrey {
    background-position: 0 -1568px;
    width: 48px;
    height: 48px;
}

.nav_locations_red {
    background-position: 0 -1666px;
    width: 48px;
    height: 48px;
}

.nav_payment_darkgrey {
    background-position: 0 -1764px;
    width: 48px;
    height: 48px;
}

.nav_payment_lightgrey {
    background-position: 0 -1862px;
    width: 48px;
    height: 48px;
}

.nav_payment_red {
    background-position: -98px 0;
    width: 48px;
    height: 48px;
}

.nav_programs_darkgrey {
    background-position: -98px -98px;
    width: 48px;
    height: 48px;
}

.nav_programs_lightgrey {
    background-position: -98px -196px;
    width: 48px;
    height: 48px;
}

.nav_programs_red {
    background-position: -98px -294px;
    width: 48px;
    height: 48px;
}

.nav_questions_darkgrey {
    background-position: -98px -392px;
    width: 48px;
    height: 48px;
}

.nav_questions_lightgrey {
    background-position: -98px -490px;
    width: 48px;
    height: 48px;
}

.nav_questions_red {
    background-position: -98px -588px;
    width: 48px;
    height: 48px;
}


.t-grid .t-header, .t-grid td {
    border-bottom-width: 1px;
    border-color: #EEEEEE;
    font-family: Helvetica57;
    font-size: 13px;
}

.t-grid th.t-header, .t-grid th.t-header .t-link {
    background: none repeat scroll 0 center transparent;
    color: #666666;
    font-size: .9em;
    letter-spacing: 0.75px;
    line-height: 2.6em;
    text-transform: uppercase;
    font-family: Helvetica67;
}

.t-grid-header .t-header .t-link {
  height: 26px; /* fix layout issue after changing box model */
}

.disabledDiv {
    /* Do not display it on entry */
    /* display: none; */
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index: 1001;
    /* make it cover the whole screen
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%;  */
    /* make it white but fully transparent */
    background-color: white;
    opacity: .2;
    /*filter: alpha(opacity=00);*/
}

.facilityID {
    display: inline-block;
    margin-left: 20px;
    font-size: 20px;
    font-family: Helvetica57, Arial;
    margin-bottom: 8px;
}

    .facilityID label {
        font-family: Helvetica67;
    }

.billingContact {
    display: inline-block;
    font-family: Helvetica57, Arial;
    font-size: 15px;
}


li.facilitynav a, ul.navigation > li.facilitynav > a.selected {
    white-space: normal;
    padding-bottom: 6px;
}

.newAccountFrom_MailingAddressDisplayClass {
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
}

.requiredFieldLabel {
    color: #E31B23;
    font-family: Helvetica67,Arial,san-serif;
    font-size: 14px;
    margin: 0.5em 0 0.25em;
    padding-left: 5px;
}

.t-state-error, .t-widget.input-validation-error, .t-widget .input-validation-error {
    border-style: solid;
}

.input-validation-error {
    border-color: #CCCCCC !important;
}

.t-filter-options > input[type="text"], .t-filter-options > input[type="tel"], .t-filter-options > input[type="password"], .t-filter-options > textArea, .t-widget > input[type="text"], .t-widget > input[type="tel"], .t-widget > input[type="password"], .t-widget > textArea {
    border: 1px solid #CCCCCC;
    display: inline-block;
    padding: 0.25em;
    /*width: 11.5em;*/
    width: 100%;  /* fix layout issue after changing box model */
}

.t-filter-options select {
    width: 100%; /* fix layout issue after changing box model */
}

/*#region Kendo file upload css */

div.k-upload-button {
    padding: 0 !important;
}

.k-dropzone {
    padding: 0 !important;
}

.k-dropzone {
    padding: 0 !important;
}

.k-button.k-upload-button > span {
    font-size: 12px;
    white-space: nowrap;
}

.k-dropzone span {
    vertical-align: central;
    padding: 4px 0 0 2px;
}

.k-cancel .k-icon {
}

.k-filename {
    display: inline-block;
    min-width: 120px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
}

button.k-button.k-button-icontext.k-upload-action {
    display: none;
}

span.k-progress-status {
    background-color: blue;
    border-style: solid;
    border-width: 1px;
    height: 2px;
}

ul.k-upload-files.k-reset {
    border-style: none;
    border-width: 0;
    background-color: #FFFFFF;
}

.filename a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
}

/*#endregion */

/* #region Kendo Autocomplete */

.k-autocomplete {
    padding: 0 2px 0 0;
}
.k-autocomplete.k-header {
    border: none;
    background: transparent;
}
.k-autocomplete .k-input {
    border: 1px solid #CCCCCC;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.k-list .k-state-hover, 
.k-list .k-state-focused, 
.k-list .k-state-selected {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.k-list-container.k-state-border-up {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 1.3em;
}
.k-list .k-state-focused, 
.k-list .k-state-selected {
    color: #2e2e2e;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.k-state-hover,
.k-list>.k-state-hover {
    color: #2e2e2e;
    background-color:#F3F3F3;
    border-color: #FFFFFF;
}
/*.k-popup .k-list .k-state-hover, 
.k-popup .k-list .k-state-focused, 
.k-popup .k-list .k-state-selected {
    border-width: 0;
}*/

/* #endregion */


/*#region Button enabled/disabled */

button.enabled {
    border: Solid 1px #FFA400;
    background: url("images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    position: relative;
    padding: 6px 20px 6px 20px;
    margin-top: 6px;
    font-family: Helvetica67,Arial,sans-serif;
    text-align: center;
    text-shadow: 1px 1px #FFFFFF;
    vertical-align: middle;
}

button.disabled {
    border: Solid 1px #FFA400;
    background: url("images/btn_grey.jpg") repeat-x;
    color: #333333;
    cursor: default;
    border: Solid 1px #FFA400;
    display: inline-block;
    /*font-size: 12px;*/
    /*line-height: 1;*/
    position: relative;
    /*padding: 6px 20px 6px 20px;*/
    margin-top: 6px;
    font-family: Helvetica67,Arial,sans-serif;
    text-align: center;
    text-shadow: 1px 1px #FFFFFF;
    /*vertical-align: middle;*/
}
input[type="submit"].disabled
input[type="button"].disabled {
    color: #333333;
}

/*#endregion */

/*#region Color */


.disabledText {
    color: GrayText;
}

.previouslySelected {
    background-color: #EBEBEB;
    padding: 4px;
}

.legendTypeText {
    letter-spacing: .5px;
    font-family: helvetica57, arial;
    font-size: 18px;
    background-color: #ffffff;
    text-align: right;
}

.whiteBox {
    border: thin solid #C0C0C0;
    padding: 10px;
    margin: 10px;
    background-color: #FFFFFF;
}
/*#endregion */

.halfWidth {
    width: 50%;
}

.fullWidth {
    width: 100%;
}

.centerDivContent {
    width: 50%;
    margin: 0 auto;
}

.welcomeClientAnncFaq > fieldset#annoucementsList {
    width: 50%;
    float: left;
}

.whiteSpaceNoWrap {
    white-space: nowrap;
}
.validationAlignmentDashBoard{
    float: right; 
    width: 285px; 
    margin-top: 6px; 
    text-align: left
}
.validationAlignmentSearchResult{   
    float: right; 
    width: 289px; 
    margin-top: 3px; 
    text-align: left
}



/* Region Kendo File Upload - New Styling */

.kendo-upload-styles ul.k-upload-files {
    border: 1px solid #EBEBEB;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    width: 84%;
}

.kendo-upload-styles ul.k-upload-files li {
    padding: 5px;
}

.kendo-upload-styles ul.k-upload-files li:nth-child(even) {
    background-color: #EBEBEB;
}

.kendo-upload-styles .k-button.k-upload-action {
    background: none;
}

.kendo-upload-styles button.k-button.k-button-icontext.k-upload-action {
    display: inline;
    font-size: 1em;
    color: red;
    text-decoration: underline;
    border: none;
    float: right;
}

.kendo-upload-styles .k-upload .k-upload-action .k-icon {
    display:none;
}



/* Button Styling */
/* default styling of buttons */
.clickable {
    cursor: pointer;
}
.btn,
input.btn {
     font-family: Helvetica67,Arial,sans-serif;
     color: #333333;
     text-align: center;
     text-decoration: none;
     cursor: pointer;
     /* default button sizing */
     font-size: 16px;
     padding: 2px 20px;
     line-height: 22px;
}

    /* button layouts */
    .btn.btn-inline {
        display: inline-block;
        vertical-align: middle;
    }

    /* button sizes */
    .btn.btn-small {
        font-size: 14px;
        padding: 2px 10px;
        line-height: 1em;
    }


    /* button styling */
    .btn.btn-primary {
        background: url("images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
        border: Solid 1px #FFA400;
        text-shadow: 1px 1px #FFFFFF;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        /*line-height: 22px;*/
        margin: 1px;
    }

        .btn-primary:focus {
            border-color: #925E00;
        }

        .btn.btn-primary.disabled {
            color: #888888;
            cursor: default;
            background: url("images/btn_grey.jpg") repeat-x;
        }

    .btn.btn-secondary {
        background: url("images/btn_grey.jpg") repeat-x scroll 0 0 transparent;
        margin: .2em;
        text-shadow: 1px 1px #FFFFFF;
        letter-spacing: .5px;
        border: 1px solid #CCCCCC;
        width: auto;
    }

    .btn.btn-warning {
        color: #FFF;
        background: url("images/btn_red.jpg") repeat-x scroll -1px -1px transparent;
        text-shadow: 1px 1px #000000;
        margin: .2em;
        letter-spacing: .5px;
        border: 1px solid #000;
        width: auto;
    }

    .btn.btn-material-icon {
        font-family: "Material Icons";
        background: none;
    }


/* Table Styling */

table.striped-table
, table.striped-with-detail
 {
    border: 1px solid #EBEBEB;
    margin: 1em 0;
}

    table.striped-table tbody tr:nth-child(even)
    , table.striped-with-detail tr.even {
        background-color: #F5F5F5;
    }
    table.striped-table thead tr {
        background-color: #EBEBEB;
    }

    table.striped-table td,
    table.striped-table th {
        padding: 5px 10px;
    }
    table.striped-table th {
        text-align: left;
    }

/* Containers */

.login-flow-container {
    margin: 40px; min-height: 350px;
}





/* NEW FORM STYLING */

.checkbox-container label {
    display: inline-block;
    padding-left: 15px;
    text-indent: -15px;
}

.checkbox-container input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.form-input-row {
    margin-top: 1em;
    margin-bottom: 1em;
}

.form-input-row .static-field {
    padding: 3px 0;
    display: block;
}

.form-labels-top .form-col-1,
.form-labels-top .form-col-2 {
    display: block;
    margin-bottom: .5em;
}

.form-labels-left .form-input-container {
    display: inline-block;
    width: 50%;
}

.form-labels-left .form-label {
    display: inline-block;
    width: 33%;
    text-align: right;
}
.form-labels-left.label-text-left .form-label {
    text-align: left;
}

.form-labels-left .form-col-1,
.form-labels-left .form-col-2 {
    display: inline-block;
}
.form-labels-left .form-col-1 {
    width:32%;
    margin-right: 2%;
    padding: 3px 0;
    vertical-align: top;
}
.form-labels-left .form-col-2 {
    width:65%;
}
.form-labels-left.labels-medium .form-col-1 {
    width: 40%;
}
.form-labels-left.labels-medium .form-col-2 {
    width: 56%;
}
.form-labels-left.labels-medium .field-validation-error {
    margin-left: 43%;
}
.form-labels-left.labels-larger .form-col-1 {
    width: 56%;
}
.form-labels-left.labels-larger .form-col-2 {
    width: 40%;
}
.form-labels-left.labels-larger .field-validation-error {
    margin-left: 59%;
}
.form-input-row input:focus,
.form-input-row select:focus {
    border-color:#808080;
}
.form-input-row .field-validation-error {
    display: block;
    padding: .5em 0 0;
    color: #E31B23;
}
.form-labels-left .field-validation-error {
    margin-left: 34.5%;
}
.form-labels-left .validation-summary-errors {
    margin-left: 34.5%;
    display: block;
}
.form-labels-left .validation-summary-errors > li {
    padding: .3em 1em;
    /*width: 78%;*/
    margin-bottom: 2px;
}
.form .radio-button-container {
    display: block;
}
    .form .radio-button-container input[type="radio"],
    .form .radio-button-container input[type="checkbox"] {
        float: left;
        margin-top: 1px;
    }
    .form .radio-button-container label {
        float: left;
        width: 80%;
        margin-left: 5px;
    }

.form.form-inline .form-input-container {
    display: inline-block;
    vertical-align: top;
}
@media screen and (max-width: 767px) {
    .form.form-inline .form-input-container {
        display: block;
    }
}

.form.form-inline .form-control,
.form.form-inline .btn {
    width: auto;
}


.field-validation-error {
    display: block;
}

    .style2014 .field-validation-error * {
        color: #E31B23;
        font-weight: bold;
    }


.field-required-label {  /* ex: <span class="field-required-label">required</span>*/
    color: red;
}


/* validation */

.style2014 .validation-summary-errors li {
    font-weight: bold;
    background-color: #D1D1D1;
    padding: 0.5em;
}
.style2014 .validation-summary-errors > li {
    margin: 0.5em 0;
}









/* 2014 styles */

.style2014 a {
    text-decoration: underline;
}
.style2014 b,
.style2014 strong {
    font-weight: bold;
}

body .style2014 {
    font-size: 14px;
    line-height: 1.3em;
}

.style2014 h2,
.style2014 h3,
.style2014 h4 {
    margin: 1.5em 0 0.5em 0;
    font-family: HelveticaNeue,Helvetica,Arial,sans-serif;
}

.style2014 h2 {
    font-size: 2em;
}

.style2014 h3 {
    font-size: 1.5em;
}

.style2014 h4 {
    font-size: 1.2em;
    font-weight: bold;
}

.style2014 p {
    margin: .8em 0;
}
.style2014 .link-list li {
    margin: .3em 0;
}
.style2014 input[type="radio"] {
    margin-right: .3em;
}

.style2014 .sectionEndCommands {
    margin: 0.25em 0.25em 0.25em  0;  
}


/* text spacing utilities */

.has-third-margin {
    margin-top: .3em;
    margin-bottom: .3em;
}
.has-half-margin {
    margin-top: .5em;
    margin-bottom: .5em;
}
.has-margin {
    margin-top: 1em;
    margin-bottom: 1em;
}
.has-double-margin {
    margin-top: 2em;
    margin-bottom: 2em;
}

.alignRight {
    float: right;
}

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

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

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


/* FLEXBOX STYLES */

.flexbox .flexbox-row-parent {
    /* 2002 spec */
    display: -ms-flexbox;
    -ms-flex-flow: row nowrap;
    -ms-flex-pack: start;
    -ms-flex-align: stretch;
    /* new spec */
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

/* for older browsers that don't support flexbox */
.no-flexbox .flexbox-child {
    display: inline-block;
    vertical-align: top;
}

.flexbox .flexbox-child {
    /* set common defaults across browsers */
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}


/* ===== UTILITIES ===== */

/* clear fix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* hide collapsible elements */
.expand-body {
    display: none;
}
    .style2014 .expand-body {
        margin-top: .2em;
    }

.collapse-group .collapsable-element {
    -webkit-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
    max-height: 1000px;
    overflow: hidden;
}

.collapse-group.collapsed .collapsable-element {
    -webkit-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
    max-height: 0;
}

.collapse-group .expand-icon,
.collapse-group.collapsed .collapse-icon {
    display: none;
}
.collapse-group .collapse-icon,
.collapse-group.collapsed .expand-icon {
    display: block;
}

/* capitalize */
.uppercase {
    text-transform: uppercase;
}
.bold {
    font-weight: bold;
}
.no-margin {
    margin: 0 !important;
}

.collapse-control {
    display: block; 
    float: left; 
    margin: 26px 0 0 7px;
}




/* ===== BOOTSTRAP OVERIDES ===== */



/* styles overriding bootstrap media element */

.media {
    padding: 1.5em .5em;
    border-top: 1px dotted #CCC;
    margin: 0;
    font-size: 1.076923076923077em;
}

.media-heading {
    margin-bottom: .5em;
}

.inline-separation {
    padding: 0 .3em;
}

/* styles specific to comments section */

.comments .media-heading {
    font-size: 12px;
}



.selectable-rows tbody tr:hover {
    background-color: #e5e5e5;
    cursor:pointer;
}

.selectable-rows table,
table.selectable-rows {
    border-collapse: collapse;
}
.selectable-rows .selected-row {
    border-color: #E31B23;
    border-width: 1px;
    border-style: solid;
}


/* ACP Technical Classification Styles */

.technical-classification .approval-checkbox,
.technical-classification .classification-icon {
    margin-right: 5px;
}
.technical-classification.inactive .classification-name {
    color: #a9a9a9;
}
.technical-classification.inactive input[type="checkbox"] {
    visibility: hidden;
}

.identifying-banner {
    margin: 0;
    padding: 9px 20px;
    border-bottom: 1px solid #514600;
    background-color: #f9d912;
    color: #3c3300;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    font-family: 'proxima nova', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-shadow: none;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.skilllabel {
    color: #666666;
    display: block;
    font-family: helvetica67,Arial,san-serif;
    font-size: 15px;
    margin: 0.5em 0 0.25em;
    z-index: 10;
}

.sectionHeadingBold {
    font-family: helvetica67,Arial,san-serif;
}