/*TAG Specific Styles*/



body {
    background: #fff /*url(Images/Core/bg.jpg)*/ center 0px repeat-x;
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    color: black;
}

a {
    cursor: pointer !important;
}

.iMainPage a {
    color: #066ac7;
    text-decoration: none;
}

    .iMainPage a:hover {
        text-decoration: underline;
    }
/*Homepage Updates*/
.divHomePage {
    position: relative;
    width: 1366px;
    margin: 0 auto; /*z-index: 5;*/
}

    .divHomePage .iLogo {
        left: 0px !important;
    }

    .divHomePage .iTopRightMenu {
        right: 0px;
    }

.divHeader {
    z-index: 5;
    position: relative;
}
/*.divPageRegion{position:relative; width: 1014px;overflow:hidden; left: 11px;z-index:4;}*/ /*Commented by Faizan for mobile adjustment changes*/
.divPageRegion {
    width: 1370px;
    overflow: hidden; /*top:5px; padding-bottom:120px;*/
    padding-left: 4px; /*left:-4px;*/
    left: 0px;
    z-index: 3;
}

.divHubs {
    width: 19000px;
}

.StaticPageTitle {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 228px;
    top: 30px;
    font-size: 2.2em; /*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/
    font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
/*EOF Homepage Updates*/

.MainInnerPage {
    position: relative;
    width: 1366px !important;
    margin: 0 auto;
}
.MainInnerPage2 {
    position: relative;
    width: 1366px;
    margin: 0 auto;
}

.innerPage-header {
    position: relative;
    z-index: 5;
    min-width: 1024px;
}

.innerPage-header {
}

    .innerPage-header .StaticPageTitle {
    }
/*for home page setting*/
.page-header-content {
    min-width: 1024px;
    position: relative;
    height: 87px !important;
}
/*for inner page setting*/
.iPage-region {
    width: 100%;
    position: relative;
    padding-top: 10px !important;
    min-width: 1024px;
    z-index: 4;
}

.innerPage-header .page-header-content {
    min-width: 1024px;
    position: relative;
}

.leftPane {
    position: relative; /*width: 250px;*/
    width: auto;
    background-color: white;
    padding-bottom: 20px;
    z-index: 1;
}

.iMainPage {
    background-color: white;
    position: relative;
    min-height: 400px;
    min-width: 450px;
    width: 500px;
    height: 100%;
}

.midPane {
    height: 100%;
    background-color: white;
    position: relative;
    min-width: 1049px; /*overflow-y:auto; overflow-x:hidden;*/
    /*float: left;*/
}
/*.midPane{ left:300px; top:180px; height:100%; background-color:#ffffff; position:fixed; min-width:600px; width:76%;}*/
.rightPane {
    position: relative;
    width: 50px;
    height: 500px; /*right:0px;*/
    z-index: 5000;
    height: 100%;
    background-color: #7e868f;
}

.rightPaneExpanded {
    width: 160px;
}

.rightPaneCollapsed {
    width: 50px;
}

.app-bar {
    min-width: 960px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 50px;
    background-color: #051934 !important;
    z-index: 9999999;
    height: 50px;
}

    .app-bar a.etc, .app-bar a:hover.etc, .app-bar a:visited.etc {
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 32px;
        height: 60px;
        position: absolute;
        right: 0px;
        text-decoration: none;
        top: 0px;
        width: 60px;
    }

.appbar-menu {
    position: relative;
    margin: 0 auto; /*width:1200px;*/
    margin-top: 7px;
    height: 48px;
}

.appbar-buttons {
    padding: 0 0 2px;
    position: relative;
    margin: 0 auto;
    text-align: center; /*width:252px;*/
    margin-left: 0px !important;
    width: auto;
}

    .appbar-buttons li {
        display: inline;
        padding: 0 5px;
        float: left;
        list-style: none;
        margin-left: 10px;
        margin-right: 10px;
    }

        .appbar-buttons li a {
            font-weight: bold;
            background-color: transparent;
            color: #fff;
            outline: none;
        }

.appbar-menu .charm-title {
    font-size: 12px;
    display: block;
    text-align: center;
    padding-top: 4px;
    color: white;
}

/*.infopave-footer {position:absolute; bottom:0px; height:30px; color:white; font-size:10pt; background-color:#23436d; width:100%; left:0px; letter-spacing:0px; min-width:960px; display:none;}*/
.infopave-footer {
    position: absolute;
    height: 35px;
    color: #333333;
    font-size: 9pt;
    width: 100%;
    left: 0px;
    letter-spacing: 0px;
    min-width: 1024px;
    top: 0px; /*box-shadow:0px 3px 7px rgba(0,0,0,0.3);*/
}

.copyright {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.footerlinks {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

    .footerlinks ul {
        list-style-type: none;
    }

        .footerlinks ul li {
            float: left;
            padding-left: 5px;
            padding-right: 5px;
        }

            .footerlinks ul li a {
                color: #333333;
                font-size: 9pt;
                text-decoration: none;
            }

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

.iHeadingPane {
    color: white;
    line-height: 40px;
    padding-left: 10px;
    background-color: #767676;
    font-size: 12pt;

}

.iLeftHeadingPane {
    color: white;
    line-height: 40px;
    padding-left: 10px;
    background-color: #767676;
}

.NotificationBar {
    background-color: #fef0c0;
    color: black;
    line-height: 40px;
    padding-left: 10px;
    font-size: 10pt;
    height: 40px;
    position: relative;
    z-index: 50;
    display: inline-table;
    width: 1049px;
}
/*Added for Data Analytics*/
.NotificationBarDA {
    background-color: #fef0c0;
    color: black;
    line-height: 40px;
    padding-left: 10px;
    font-size: 10pt;
    height: 40px;
    position: relative;
    z-index: 45;
}

.NotificationBarModified {
    background-color: #fef0c0;
    color: black;
    line-height: 40px;
    padding-left: 10px;
    font-size: 10pt;
    height: 40px;
    position: relative;
    z-index: 50;
}
/*.iHeadingPane {left:300px; position:fixed; z-index:2222; width:75%; color:white;line-height:40px; padding-left:15px; background-color:#2198dc; }*/
.iPageContent { /*padding:15px;*/
    font-size: 10pt;
    margin-top: 5px;
}

.iSmallPageContent {
    font-size: 10pt; /*width: 1004px;*/ /*padding-bottom: 10px;*/
    width:100%;
}

.iLevel1Heading {
    color: white;
    line-height: 34px;
    padding-left: 10px;
    background-color: #777777;
    letter-spacing: 0px;
    padding-right: 10px;
    font-size: 11pt;
}

.iTableStandard {
    width: 100%;
    border-collapse: collapse !important;
}

    .iTableStandard tr th {
        color: white;
        background-color: #777777;
        letter-spacing: 0px;
        padding: 0px;
        line-height: 34px;
        font-size: 11pt;
    }

        .iTableStandard tr th span {
            padding-left: 10pt;
        }

    .iTableStandard tr td:first-child {
    }

    .iTableStandard tr td {
        font-size: 10pt;
    }

.iFormStandard {
    margin-top: 10px;
}

    .iFormStandard tr th {
        color: white;
        background-color: #777777;
        letter-spacing: 0px;
        padding: 0px;
        line-height: 34px;
    }

        .iFormStandard tr th span {
            padding-left: 10pt;
        }

    .iFormStandard tr td first-child {
        width: 200px;
    }
    /*.editor-label class used by MVC model editor*/
    .editor-label, .iFormStandard tr td {
        border: 0px none transparent;
        padding: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .iFormStandard td.lbl { /*font-size:0.8em;*/
        max-width: 150px;
        word-wrap: break-word;
        word-break: break-all;
    }

    .iFormStandard tr td { /*font-size:0.8em;*/
        padding-bottom: 5px;
    }
    /*.text-box.single-line class used by MVC model editor*/
    .text-box.single-line, .iFormStandard td input[type=text], .iFormStandard td input[type=password] {
        background-color: White;
        padding: 8px;
        border: 1px solid #c0c0c0;
        width: 260px;
        font-size: 9pt;
    }

    .iFormStandard td select {
        background-color: white !important;
        padding: 8px;
        border: 1px solid #c0c0c0;
        width: 260px;
        font-size: 9pt;
    }


.iFixedTB {
    width: 280px;
}

.iFixedTBSmall {
    width: 120px;
}

.iNoBorders {
    border: 0px none transparent;
}

.iVerticalAlign {
    vertical-align: top;
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0px !important;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .breadcrumb li {
        display: inline-block;
        *display: inline;
        text-shadow: 0 1px 0 #ffffff;
        *zoom: 1;
    }

    .breadcrumb .divider {
        padding: 0 5px;
        color: black !important;
    }

    .breadcrumb .active {
        color: #999999;
    }

.iBreadcrumb {
    padding: 0px;
    margin: 0px !important;
    list-style: none; /*background-color: #f5f5f5;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; /*font-family:helvetica!important;*/
}

    .iBreadcrumb li {
        display: inline-block;
        *display: inline;
        text-shadow: 0 1px 0 #ffffff;
        *zoom: 1;
        font-size: 10pt;
    }

    .iBreadcrumb .divider {
        padding: 0 5px;
        color: black !important;
    }

    .iBreadcrumb .active { /*color: #999999;*/
    }

.iGrid {
    padding: 0px;
    margin: 0px;
}

    .iGrid th {
        margin-bottom: 2px;
        border-bottom: 1px solid white;
        border-right: 1px solid white;
        background-color: #2198DC;
        color: black;
        line-height: 24px;
    }

.iGridRow:nth-child(odd) {
    vertical-align: middle;
    margin-bottom: 2px;
    background-color: #E9E9E9;
    border-bottom: 1px solid #f0f0f0;
}

.iGridRow:nth-child(even) {
    vertical-align: middle;
    margin-bottom: 2px;
    border-bottom: 1px solid #f0f0f0;
}

.Odd {
    vertical-align: middle;
    margin-bottom: 2px;
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

.Even {
    vertical-align: middle;
    margin-bottom: 2px;
    background-color: #E9E9E9;
    border-bottom: 1px solid #f0f0f0;
}

.iGridCol {
    border: 0px;
    height: 40px;
    padding-left: 5px;
}

.iControlCol {
    width: 20px;
}

    .iControlCol .input-control.checkbox {
        margin-top: 10px;
        margin-left: 12px; /* margin-bottom: 25px; background-color: red;*/
    }

    .iControlCol .tool-button { /* margin-top: 5px;margin-bottom: 5px; margin-left: 10px; background-color: red;*/
        margin: 5px;
    }

.iCenterAlign {
    text-align: center;
}

.iRightAlign {
    text-align: right;
}

.iLeftAlign {
    text-align: left;
    padding-left: 5px !important;
}

/*Side bar Classes*/
/*.PinSideBar { background: url("Images/Core/Icons/icon_pin.png") no-repeat scroll 50% 100% transparent; padding-left:32px; padding-top:32px; width: 32px; height:32px; cursor:pointer;}
.HideSideBar { background: url("Images/Core/Icons/icon_right_round.png") no-repeat scroll 50% 100% transparent; padding-left:32px; padding-top:32px; width: 32px; height:32px; cursor:pointer;}
.ShowSideBar { background: url("Images/Core/Icons/icon_left_round.png") no-repeat scroll 50% 100% transparent; padding-left:32px; padding-top:32px; width:32px; height:32px; cursor:pointer;}*/
.innerRightPaneCollapsed {
    display: none;
    height: 100%;
    position: relative;
}

.innerRightPaneExpanded {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
}

.ulRightMenuIcons {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 9px;
    top: 9px;
}

    .ulRightMenuIcons li {
        float: left;
    }

    .ulRightMenuIcons li {
    }

        .ulRightMenuIcons li a span {
            background: url('Images/Core/Icons/right_menu_icons.png') no-repeat transparent;
            height: 32px;
            cursor: pointer;
            padding: 0px;
            padding-left: 32px;
            float: left;
        }

        .ulRightMenuIcons li.pin a span {
            background-position: -64px 0px;
        }

        .ulRightMenuIcons li.leftArrow a span {
            background-position: 0px 0px;
        }

        .ulRightMenuIcons li.rightArrow a span {
            background-position: -32px 0px;
        }

.bulletList {
    background-color: rgba(0, 0, 0, 0) !important;
    list-style-type: disc;
    margin: 10px 0 0 19px;
    padding: 0;
}

    .bulletList li {
        padding: 3px;
    }

/*.ulLogo {list-style-type:none; margin:0px; padding:0px; position:relative; top:17px; left:4px;} 
.ulLogo li {}
.ulLogo li a {}
.ulLogo li a span { background: url('../../images/public/ui/logo_sprite.png') no-repeat 0px 0px; height: 138px; cursor: pointer; padding: 0px; padding-left: 247px;float:left;}
.ulLogo li a:hover span { background-position: 0px -139px; }*/

/*eof side bar classes*/

/*Header Classes*/
.iLogo {
    width: 260px;
    height: 60px;
    position: relative;
    left: 0px;
    top: 20px;
}

.iTopRightMenu {
    position: absolute;
    top: 18px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.iTopSearchPanel {
    float: right;
    position: relative;
}

.iTopMenu {
    height: 18px;
}

.ulTopMenu {
    list-style-type: none;
    font-size: 9pt;
    margin: 0px;
    padding: 0px;
    float: right;
}

    .ulTopMenu li.iTopMenuItem {
        float: left;
        padding: 0px;
        margin: 0px;
    }

        .ulTopMenu li.iTopMenuItem a {
            padding: 6px 5px;
        }

    .ulTopMenu li.iTopMenuItemBar {
        float: left;
        padding: 0px;
        margin: 0px;
        padding: 0px 2px;
    }

        .ulTopMenu li.iTopMenuItemBar.active {
            background-color: #f2f2f2;
        }

    .ulTopMenu li.iTopMenuItem a {
        text-decoration: none;
        color: #000 /*White*/;
        font-size: 9pt;
    }

    .ulTopMenu li.iTopMenuItem.open > a {
        background-color: #f2f2f2;
        padding: 6px 5px 8px;
    }

        .ulTopMenu li.iTopMenuItem.open > a:hover {
            background-color: #f2f2f2;
            padding: 6px 5px 8px;
        }

    .ulTopMenu li.iTopMenuItem.open a.signOut:hover {
        background-color: #f2f2f2;
        padding: 6px 5px 8px;
    }

    .ulTopMenu .dropdown-menu {
        top: 18px;
    }

    .ulTopMenu li.iTopMenuItem.active a {
        background-color: #f2f2f2;
        padding: 6px 5px 8px;
    }

        .ulTopMenu li.iTopMenuItem.active a:hover {
            background-color: #f2f2f2;
            text-decoration: none;
        }

    .ulTopMenu li.iTopMenuItem.active .dropdown-menu a:hover {
        background-color: #dddddd;
        text-decoration: none;
    }

    .ulTopMenu li.iTopMenuItem .dropdown-menu a {
        padding: 7px 10px;
    }

    .ulTopMenu li.iTopMenuItem .dropdown-menu li {
        border-bottom: 1px solid darkgrey;
    }


.iSearchBar {
    float: left;
}

    .iSearchBar input[type=text] {
        background-color: White;
        padding: 8px;
        border: 1px solid #c0c0c0;
        width: 215px;
        font-size: 9pt;
    }

    .iSearchBar input[type=button] {
        background-color: #c7c7c7;
        height: 32px;
        border: 0px none transparent;
        width: 35px !important;
        text-align: center;
        vertical-align: top !important;
        padding: 0px;
        color: #313131;
        margin: 0px;
        min-width: 35px;
        font-weight: 400;
    }

.iTopSocialNetworknigPanel {
    padding-left: 5px;
    float: left; /*border-left:1px solid #b0b0b0;margin-left:38px;*/
}
/*eof Header Classes*/

.iMarginTop {
    margin-top: 10px;
}

.iMarginTopSmall {
    margin-top: 5px;
}

.iNoMargin {
    margin: 0px !important;
}

.iMarginSmall {
    margin: 2px !important;
}

.iPaddingDefault {
    padding: 10px;
}

.iPaddingMedium {
    margin-top: 7px;
    width: 1049px;
}

.iPaddingSmall {
    padding: 3px;
}

.iBold {
    font-weight: bold;
}

.ulPlainList {
    list-style-type: none !important;
    background-color: transparent !important;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}

    .ulPlainList li {
        background-color: transparent !important;
        padding-left: 10px;
        margin: 2px;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 9pt;
    }

        .ulPlainList li a {
            background-color: transparent !important;
            line-height: 10px !important;
            font-size: 9pt;
            color: #066ac7;
            text-decoration: underline;
        }

            .ulPlainList li a:hover {
                background-color: transparent !important;
                text-decoration: underline;
                color: #57bdf1 !important;
                text-decoration: underline;
            }

.iDynamicFilterLink {
    color: #066ac7;
    text-decoration: underline;
}

    .iDynamicFilterLink:hover {
        color: #57bdf1 !important;
        text-decoration: underline;
    }


.ulStandardList {
    list-style-type: none !important;
    background-color: transparent !important;
    margin: 0px;
    padding: 0px;
}

    .ulStandardList li {
        background-color: #989898 !important;
        padding-left: 5px;
        margin-bottom: 5px;
        height: 32px;
        line-height: 32px;
    }

        .ulStandardList li a {
            background-color: transparent !important;
            color: white;
            line-height: 24px !important;
            text-decoration: none;
            font-size: 11pt;
        }

            .ulStandardList li a:hover {
                background-color: transparent !important;
                text-decoration: none;
                color: white !important;
            }

.SmallGap tr td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    border: 0px none transparent !important;
    border-bottom: 1px solid #d0d0d0 !important;
}

.NoGap tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 0px none transparent !important;
    border-bottom: 1px solid #d0d0d0 !important;
}

.iCloseBtn {
    position: absolute;
    right: 5px;
    top: 5px;
}

.iSmallLineHeight tr td {
    line-height: 16px !important;
}

.iMarginLeft {
    margin-left: 10px;
}

.fixHeightAccordian { /*max-height:200px; overflow:auto!important;*/
}

    .fixHeightAccordian .input-control {
        letter-spacing: 0px !important;
        font-size: 0.9em;
    }

.iFloatLeft {
    float: left;
}

.iFullWidth {
    width: 100%;
}

.iCenterAlign {
    text-align: center;
}

.iSelectBtnFilter {
    text-align: center;
    display: none;
    margin-bottom: 4px;
}

    .iSelectBtnFilter a {
        background-color: #d0d0d0;
        display: block;
        text-decoration: none;
        font-size: 10pt;
        color: #0073b2;
    }

        .iSelectBtnFilter a:hover {
            color: #0073b2;
            background-color: #d8d8d8;
        }

.iOverFlowAuto {
    overflow: auto;
    max-height: 250px;
    min-height: 40px;
}

.iOverFlowAutoLarge {
    overflow-y: auto;
    color: white;
    padding: 10px;
    overflow-x: hidden;
    width: 225px; /*background-color:wheat;*/
    height: 100%;
}

.spanSections {
    position: absolute;
    right: 10px;
    font-size: 0.9em;
}

.MultilineCB {
    position: absolute;
    left: 17px;
    height: 25px;
    width: 200px;
    top: 0px;
}

.BelowMultilineCB {
    position: relative;
    top: 20px;
    padding-bottom: 10px;
}

.HubTitle {
    display: none;
}

.iMainTableLayout {
    width: 1366px;
}

    .iMainTableLayout td.leftColumn { /*width: 250px;*/
        vertical-align: top;
        background-color: white;
        width:220px;
    }

    .iMainTableLayout td.gap {
        width: 6px;
    }

    .iMainTableLayout td.headingColumn {
        background-color: #076eaa;
        vertical-align: top;
    }

    .iMainTableLayout td.contentColumn {
        vertical-align: top;
        width: 763px;
    }

    .iMainTableLayout td.rightColumn {
        width: 160px;
        vertical-align: top;
        background-color: #7e868f;
    }

.rightPaneStyle {
    height: 100%;
}

.rightPaneStyle {
    color: white;
    padding-left: 10px;
    padding-top: 60px;
}

    .rightPaneStyle label.subheading {
        font-size: 10pt;
    }

    .rightPaneStyle h1.MainHeading {
        color: white !important;
        padding: 0px;
        margin: 0px;
        border-bottom: 1px solid white !important;
        font-size: 12pt;
        font-family: Arial !important;
        font-weight: normal;
        padding-bottom: 5px;
    }

    .rightPaneStyle span.rpNormal {
        font-size: 12px;
    }

    .rightPaneStyle a {
        color: white;
    }

    .rightPaneStyle div {
        padding-bottom: 5px;
    }

#divRPaneClimate > div, #divRPaneTraffic > div, #divRPaneSection > div, #divRPaneStructure > div, #divRPanePerformance > div {
    padding-left: 6px;
    display: none;
}

.iClearBoth {
    clear: both;
}

.LeftMenuAccordian {
    padding: 5px;
}

.LeftMenuFilters {
    font-size: 11pt;
    margin-top: 5px;
}

.contentDiv { /*background-color: #efefef; width: 100%;*/
}

.contentDivWithPadding { /*background-color: #efefef; width: 100%;*/
    padding: 10px;
    padding-right: 0px;
}

.LHSListItem {
    background-color: #c7c7c7 !important;
    height: 32px;
    line-height: 32px;
    display: block;
    padding-left: 10px;
    color: black;
    text-decoration: none;
}

    .LHSListItem:hover {
        color: black;
        text-decoration: none;
    }
/*.contentDiv label { font-size: 10pt;}
.divAccordianContent .itemControls { padding-left: 5px; padding-bottom:5px;}
.leftBarTable tr td { border-width: 0px;}
.leftBarTable input[type='text'], select { background-color: #FFFFFF; border: 1px solid #BABABA;padding:3px!important; }
.leftBarTable select {padding:2px!important;}
.contentDiv .ui-widget-header { background: #0976B5 !important; }*/
/*.contentDiv .ui-slider .ui-slider-handle { background: #000 !important; }*/
/*.contentDiv .ui-slider-horizontal { width: 90%;}*/
.page-sidebar .contentDiv a {
    padding: 0px !important;
}

.divAttributeControlsPane {
    font-size: 9pt;
    margin-bottom: 16px;
}

.divAttributeControls {
    background-color: #FEFEFE;
    margin: 0 22px;
    padding-top: 4px;
    position: relative;
}

    .divAttributeControls .control { /*float:left;font-size:9pt;width:140px; height:10px;padding-top:5px;*/
        font-size: 9pt;
        height: 10px;
        padding-top: 5px;
    }

    .divAttributeControls span:first-child {
        margin-left: -5px;
    }

.divFilterControlsPane {
    display: none;
    margin-bottom: 4px;
    font-size: 9pt;
}

    .divFilterControlsPane table tr td {
        border: 0px none transparent;
    }

.divFilterControls {
    background-color: #FEFEFE;
    margin: 0 22px;
    padding: 0px;
    position: relative;
}

    .divFilterControls .lowerLimit {
        float: left;
        font-size: 9pt;
        height: 10px;
        margin-left: 12px;
        margin-right: 7px;
        padding-top: 3px;
        width: 30px;
        text-align: right;
        padding-right: 2px;
    }

    .divFilterControls .control { /*float:left;font-size:9pt;width:140px; height:10px;padding-top:5px;*/
        font-size: 9pt;
        height: 10px;
        padding-top: 5px;
    }

    .divFilterControls .upperLimit {
        float: left;
        font-size: 9pt;
        width: 30px;
        height: 10px;
        padding-top: 3px;
        margin-left: 15px;
        text-align: left;
        padding-left: 2px;
    }

.iClose {
    background: url('Images/Core/red_close.png');
    display: none;
    float: right;
    height: 16px;
    margin: 0;
    width: 16px;
}

.rpNormal {
    white-space: nowrap;
}
/*.ui-slider-handle {width:1em !important; height:1em !important;border:0px none transparent!important;}*/

.chkBox {
    position: relative;
    margin-bottom: 2px;
}

label.helper {
    font-size: 9pt;
}


/**********Classed by Bilal*************/
.iHeadingPane2 {
    margin: 0px;
    padding: 0px;
    color: black !important;
    line-height: 32px;
    background-color: #c7c7c7 !important;
    font-size: 11pt;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
}

.iHeadingPane3 {
    margin: 0px;
    padding: 0px;
    color: black;
    line-height: 32px;
    background-color: #c7c7c7 !important;
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: normal;
}

.iLevel2Content p {
    margin: 10px;
}

.iLevel3Content p {
    margin: 10px;
}

/*for headings indentation*/
/*.iLevel2Content {margin:10px;}
.iLevel3Content {margin:10px;}*/
.divTopMenuContainer {
    background-color: #e9e9e9;
    height: 30px;
    width: 100%;
    z-index: 5;
}

.divAbsolulte {
    position: absolute;
}

.divFixed {
    width: 100% !important;
    position: fixed !important;
    z-index: 3000 !important;
    display: block !important;
}

divFixedTimelime {
    position: fixed;
    z-index: 3000;
}

.divHomeTopMenuContainer {
    position: relative;
    width: 1362px;
    /*width: 1024px;*/
    margin: 0 auto;
}

.divInnerTopMenuContainer {
    position: relative;
    width: 1366px;
    margin: 0 auto;
}
.divInnerTopMenuContainer2 {
    position: relative;
    width: 1366px;
    margin: 0 auto;
}

.divMainMenu {
    height: 30px;
    background-color: #e9e9e9;
}

    .divMainMenu ul.ulMainMenu {
    }

        .divMainMenu ul.ulMainMenu li.listItem {
            float: left;
            position: relative;
        }

            .divMainMenu ul.ulMainMenu li.listItem a {
                color: #333333;
                text-decoration: none;
                font-size: 9pt; /*outline: none;*/
                text-transform: uppercase;
                display: block;
                padding-left: 10px;
                padding-right: 10px;
            }

                .divMainMenu ul.ulMainMenu li.listItem a.link {
                    line-height: 30px;
                }

                .divMainMenu ul.ulMainMenu li.listItem a:hover { /*text-decoration:underline;*/
                    outline: none;
                    background-color: #dddddd;
                }

                .divMainMenu ul.ulMainMenu li.listItem a.SelectedMenuItem {
                    background-color: #767676;
                    color: white;
                    font-weight: 500;
                }


/*Classes for new style footer*/
.desc_infopave-footer_container {
    height: 74px;
    position: relative;
}

.desc_infopave-footer {
    position: absolute;
    color: #333333;
    font-size: 9pt;
    width: 100%;
    left: 0px;
    letter-spacing: 0px;
    min-width: 1024px;
    top: 0px; /*box-shadow:0px 3px 7px rgba(0,0,0,0.3);*/
}
    /*.desc_infopave-footer .footer_left_panel{position:absolute;  width:100%; height:60px; padding-left: 12px;}*/ /*Commented by Faizan for mobile adjustment changes*/
    .desc_infopave-footer .footer_left_panel {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 60px;
    }

        .desc_infopave-footer .footer_left_panel .ulCopyright {
            position: relative;
            top: 12px !important;
        }

            .desc_infopave-footer .footer_left_panel .ulCopyright li {
                float: left;
            }

                .desc_infopave-footer .footer_left_panel .ulCopyright li.fedHighway {
                }

                    .desc_infopave-footer .footer_left_panel .ulCopyright li.fedHighway span {
                        background-image: url('Images/Core/footer_icons.png');
                        background-repeat: no-repeat;
                        display: block;
                        width: 148px;
                        height: 55px;
                    }

                .desc_infopave-footer .footer_left_panel .ulCopyright li.ltpp span {
                    margin-left: 30px;
                    background-image: url('Images/Core/footer_icons.png');
                    background-repeat: no-repeat;
                    display: block;
                    width: 220px;
                    height: 55px;
                    background-position: -148px 0px;
                }

                .desc_infopave-footer .footer_left_panel .ulCopyright li.desc {
                    float: left;
                    padding-top: 5px;
                    padding-left: 5px;
                    font-size: 8.5pt;
                }

            .desc_infopave-footer .footer_left_panel .ulCopyright a {
                color: #333333;
                text-decoration: none;
            }

                .desc_infopave-footer .footer_left_panel .ulCopyright a:hover {
                    text-decoration: underline;
                }
    /*.desc_infopave-footer .footer_right_panel{right: 6px; position:absolute; top:10px;}*/ /*Commented by Faizan for mobile adjustment changes*/
    .desc_infopave-footer .footer_right_panel {
        right: 0px;
        position: absolute;
        top: 15px;
    }

.ulFooterMenu {
    list-style-type: none;
    position: relative;
    height: 16px;
    display: block;
    float: right;
    margin-top: 4px;
}

    .ulFooterMenu li {
        float: left;
        font-size: 8.5pt;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }

        .ulFooterMenu li a {
            color: #333333;
            font-size: 9pt;
            text-decoration: none;
            font-size: 8.5pt;
        }

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

.ulFooterSocialNetworkingMenu {
    list-style-type: none;
    position: relative;
    float: right;
    margin-right: 2px;
    width: 142px;
    margin-top: 5px;
}

    .ulFooterSocialNetworkingMenu li {
        float: left;
        margin-right: 5px;
    }

        .ulFooterSocialNetworkingMenu li a {
        }

            .ulFooterSocialNetworkingMenu li a span {
                background: url('Images/Core/footer_social_networking_sprites.png') no-repeat;
                height: 16px;
                cursor: pointer;
                padding: 0px;
                padding-left: 16px;
                float: left;
            }

                .ulFooterSocialNetworkingMenu li a span.fbIcon {
                }

                .ulFooterSocialNetworkingMenu li a span.tIcon {
                    background-position: -21px 0px;
                }

                .ulFooterSocialNetworkingMenu li a span.linkedInIcon {
                    background-position: -42px 0px;
                }

                .ulFooterSocialNetworkingMenu li a span.youtubeIcon {
                    background-position: -63px 0px;
                }

                .ulFooterSocialNetworkingMenu li a span.addThisIcon {
                    background-position: -84px 0px;
                }

    .ulFooterSocialNetworkingMenu .addthis_counter.addthis_bubble_style {
        width: 32px !important;
    }

.iSmallContent {
    border: 1px #eeeeee solid; /*min-height:300px;*/
    padding: 0px;
    margin: 0px;
    border-top: 0px none transparent;
    padding: 10px;
}

/*.divNotification{position:fixed; background-color:#d30a0a; z-index:1000000; width:100%;line-height:30px;height:30px;}
.divNotificationMessage{color:white;font-size:9pt;padding-left:5px;}*/
.divNotification {
    position: relative;
    z-index: 3050;
    display: block;
}

.divNotificationMessage {
    position: fixed; /*background-color:#ffd76e;*/ /*background-color:#de6a33;*/ /*background-color:#d30a0a;*/ /*color:#333333;*/
    color: white;
    z-index: 1000000;
    width: 100%;
    line-height: 30px;
    font-size: 9pt;
    top: 0px; /*border:1px solid #e1ba53;*/ /*border:1px solid #c55a27;*/
    padding-left: 5px;
    min-width: 1024px;
}

.CloseNotification {
    background: url('Images/Core/_white_close.png');
    width: 16px;
    text-decoration: none;
    height: 16px;
    display: block;
    position: absolute;
    top: 6px;
    right: 5px;
}

.sReportBug {
    /*display: none;*/
    position: absolute;
    top: 0px;
    right: 30px;
}

    .sReportBug a {
        color: white;
        text-decoration: none;
    }

        .sReportBug a:hover {
            text-decoration: underline;
        }

.divNotificationMessageGap {
    height: 30px;
}

/*****************Help Icon**************/
.iHeadingPane {
    position: relative;
    height: 40px;
}

.iHeadingPane2 {
    position: relative;
    height: 32px;
}

.iHeadingPane3 {
    position: relative;
    height: 32px;
}

.LHSListItem {
    position: relative;
}

.iLeftHeadingPane {
    position: relative;
    height: 40px;
}

.ulHelpIconh1 {
    position: absolute;
    top: 9px;
    right: 5px;
}

.ulHelpIconh2 {
    position: absolute;
    top: 8px;
    right: 5px;
}

.ulHelpIconh3 {
    position: absolute;
    top: 8px;
    right: 5px;
}

.ulHelpIconh4 {
    position: absolute;
    top: 8px;
    right: 5px;
}

.ulHelpIconAccordian {
    position: absolute;
    top: 0px;
    right: 3px;
}

.acustomizedHelp {
    text-decoration: none;
}

.customizedHelp {
    /*background: url("Images/Core/customized-help.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    width: 35px;
    display: block;
    position: relative;
    background-color: #0277b9;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 27px;
    padding-top: 3px;
}

.helpIconh { /*width: 24px;
                 #0277b9
    height: 24px;
    display: block;
    position: relative;*/
    background: url("Images/Core/help_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
}
/*SQL Export menu bar*/
.helpIconHeader {
    background-color: #c7c7c7;
    color: black !important;
    border-radius: 2px;
    float: right;
    font-size: 9pt;
    height: 29px;
    line-height: 29px;
    margin-left: -3px;
    padding-left: 10px;
    position: relative;
    text-align: left;
    top: -3px;
    padding-right: 10px;
}

.ulHelpIconh1 :hover {
    color: black;
}

.ulHelpInlineBtn a {
    color: black;
}

.ulFeatureMenuSql {
    position: absolute !important;
    top: 9px;
    right: 90px;
}

    .ulFeatureMenuSql a {
        color: white;
        text-decoration: none;
    }

        .ulFeatureMenuSql a:hover {
            text-decoration: underline !important;
        }

            .ulFeatureMenuSql a:hover .sqlfeatureMenuIcon {
                background-position: 0px -30px;
            }
/*Feature Menu*/
.ulFeatureMenu {
    position: absolute;
    top: 9px;
    right: 195px;
}

    .ulFeatureMenu a {
        color: white;
        text-decoration: none;
    }

        .ulFeatureMenu a:hover {
            text-decoration: underline !important;
        }

            .ulFeatureMenu a:hover .featureMenuIcon {
                background-position: 0px -30px;
            }
/*.featureMenuIcon{background:url(Images/Core/help_icon.png);float:right;width:16px;height:16px;display:block;position:relative;}*/
.featureMenuIcon {
    float: right;
    position: relative;
    line-height: 29px;
    font-size: 9pt;
    height: 29px;
    top: -3px;
    margin-right: -3px;
    padding-left: 10px; /*background: url('Images/Core/options_menu_sprite.png') no-repeat transparent  0px 0px;*/
    background-color: #c7c7c7;
    color: black; /*width: 88px;*/
    border-radius: 2px;
    padding-right: 10px;
}

.sqlfeatureMenuIcon {
    float: right;
    position: relative;
    line-height: 29px;
    font-size: 9pt;
    height: 29px;
    top: -3px;
    padding-left: 10px; /*background: url('Images/Core/sql_sample.png') no-repeat transparent 0px 0px; width: 120px;*/
    background-color: #c7c7c7;
    color: black;
    padding-right: 10px;
    border-radius: 2px;
}

.featureMenuIcon:after {
    content: " ▼";
    color: black;
}
/*.featureMenuIcon span {background:url('Images/Core/menu_icons_sprite.png') no-repeat 0px 0px; display:inline-block; height:24px; width:24px;}*/
.divFeatureMenuPane {
    width: 180px;
    height: auto;
    right: 0px;
    top: 35px;
    background: url('Images/Core/feature_menu_bg.jpg') #ececec repeat-x;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    position: absolute;
    display: none; /*max-height:500px; overflow:auto!important;*/
    color: black;
}

.ulFeatureMenuContent {
    list-style-type: none;
    margin: 5px;
    line-height: 20px;
    font-size: 9pt;
}

    .ulFeatureMenuContent li {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .ulFeatureMenuContent li a {
            display: block;
            padding: 5px;
            text-decoration: none;
            color: black;
        }

            .ulFeatureMenuContent li a:hover {
                background-color: #989898;
                color: white;
            }

.ulSectionsMenu {
    position: absolute;
    top: 12px;
    right: -5px;
}

    .ulSectionsMenu li {
        float: left;
        margin-left: 2px;
    }

    .ulSectionsMenu a {
        color: black;
        text-decoration: none;
    }

        .ulSectionsMenu a:hover {
            text-decoration: underline !important;
        }
/*.SeactionsMenuIcon{float:right;position:relative; line-height:18px; font-size:10pt;}*/
.SeactionsMenuIcon {
    float: right;
    position: relative;
    line-height: 30px;
    font-size: 9pt;
    height: 30px;
    top: -6px;
    padding-left: 30px;
    background: url('Images/Core/show_sections_btn_sprite.png') no-repeat transparent /*#1a82bf*/ 0px 0px;
    width: 124px;
}

.ToggleFeaturIcon {
    float: right;
    position: relative;
    line-height: 30px;
    font-size: 9pt;
    height: 30px;
    top: -6px;
    padding-left: 34px;
    background: url('Images/Core/toggle.png') no-repeat transparent /*#1a82bf*/ 0px 0px;
    width: 85px;
    margin-right: 8px;
}

a:hover span.SeactionsMenuIcon {
    background-position: 0px -30px;
}

a:hover span.ToggleFeaturIcon {
    background-position: 0px -30px;
}

.ulCellMenu {
    position: absolute;
    top: 12px;
    right: 0px;
}

    .ulCellMenu li {
        float: left;
        margin-left: 2px;
    }

    .ulCellMenu a {
        color: black;
        text-decoration: none;
    }

        .ulCellMenu a:hover {
            text-decoration: underline !important;
        }

.ShowCellInfoIcon {
    float: right;
    position: relative;
    line-height: 30px;
    font-size: 9pt;
    height: 30px;
    top: -6px;
    padding-left: 30px;
    background: url('Images/Core/show_sections_btn_sprite.png') no-repeat transparent /*#1a82bf*/ 0px 0px;
    width: 116px;
}

a:hover span.ShowCellInfoIcon {
    background-position: 0px -30px;
}

.ulSelSectionsMenu {
    position: absolute;
    top: 12px;
    right: 0px;
}

    .ulSelSectionsMenu li {
        float: left;
        margin-left: 2px;
    }

    .ulSelSectionsMenu a {
        color: black;
        text-decoration: none;
    }

        .ulSelSectionsMenu a:hover {
            text-decoration: underline !important;
        }

.SelSectionsMenuIcon {
    float: right;
    position: relative;
    line-height: 30px;
    font-size: 9pt;
    height: 30px;
    top: -6px;
    padding-left: 30px;
    background: url('Images/Core/show_sections_btn_sprite.png') no-repeat transparent /*#1a82bf*/ 0px 0px;
    width: 118px;
}

a:hover span.SelSectionsMenuIcon {
    background-position: 0px -30px;
}

.EditDataSelectionIcon {
    float: right;
    height: 32px;
    padding-left: 24px;
    width: 32px;
    background: url('Images/Core/icoedit.jpg') no-repeat transparent /*#1a82bf*/ 0px 0px;
}

.PreviewDataSelectionIcon {
    float: right;
    height: 32px;
    padding-left: 24px;
    width: 32px;
    background: url('Images/Core/icons/db_previewicon.png') no-repeat transparent /*#1a82bf*/ 0px 0px;
}


.DeleteDataSelectionIcon {
    float: right;
    height: 32px;
    padding-left: 24px;
    width: 32px;
    background: url('Images/Core/icocross.jpg') no-repeat transparent /*#1a82bf*/ 0px 0px;
}

.divSectionsMenuPane {
    min-width: 300px;
    height: auto;
    right: 0px;
    top: 37px;
    background: url('Images/Core/section_menu_bg.jpg') #fffee5 repeat-x;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    position: absolute;
    display: none; /*max-height:500px; overflow:auto!important;*/
    color: black;
}

.divCellMenuPane {
    min-width: 300px;
    height: auto;
    right: 0px;
    top: 30px;
    background: url('Images/Core/section_menu_bg.jpg') #fffee5 repeat-x;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    position: absolute;
    display: none; /*max-height:500px; overflow:auto!important;*/
    color: black;
}

.divExportSectionMenuPane {
    min-width: 300px;
    height: auto;
    right: 0px;
    top: 30px;
    background: url('Images/Core/section_menu_bg.jpg') #fffee5 repeat-x;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    position: absolute;
    display: none; /*max-height:500px; overflow:auto!important;*/
    color: black;
}


/*****************Help Icon**************/

/*.HelpBox{ position:absolute; width:250px;background-color:#fefefe; border:1px; z-index:1; box-shadow:0px 3px 7px rgba(0,0,0,0.3); border:1px solid #bebebe; color:black; font-size:9pt; left:-20px; top:-60px;}
.HelpBox .divHelpHeading{margin:8px;position:relative;background-color:#f0f0f0; padding-left:8px; padding-right:8px; font-weight:bold;}
.HelpBox .divHelpContent{margin:8px;position:relative;background-color:#ffffff; padding-left:8px; padding-right:8px; line-height:16px;}
.HelpBox .sCalloutEdge{position:absolute; left:-28px; width:20px; height:30px;background:url(Images/Core/callout_edge.png); top:2px;}
.HelpBox .sClose{position:absolute; background:url('Images/Core/close.png'); width:16px; height:16px; right:5px; top:8px;}
.HelpBox .sClose a {width:16px; height:16px; display:block;}*/
.HelpBox {
    position: absolute;
    width: 350px;
    background-color: #fff8de;
    border: 1px;
    z-index: 2; /*display:none;*/
    box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
    color: black;
    font-size: 9pt;
    left: -20px;
    top: 102px;
    display: none;
}

    .HelpBox .divHelpHeading {
        margin: 10px;
        position: relative;
        background-color: #fff8de; /*padding-left: 8px; padding-right: 8px;*/
        font-weight: bold;
        font-size: 10pt;
    }

    .HelpBox .divHelpContent {
        margin: 10px;
        position: relative; /*background-color:#ffffff;*/ /*padding-left: 8px; padding-right: 8px;*/
        line-height: 16px;
    }
    /*margin-bottom:0;*/

    .HelpBox .sCalloutEdge {
        position: absolute;
        left: -28px;
        width: 20px;
        height: 30px;
        background: url(Images/Core/callout_edge.png);
        top: 2px;
    }

    .HelpBox .sCalloutEdge2 {
        position: absolute;
        left: -26px;
        width: 16px;
        height: 17px;
        background: url(Images/Core/callout_edge3.png);
        top: 2px;
    }

    .HelpBox .sClose {
        position: absolute;
        background: url('Images/Core/close.png');
        width: 16px;
        height: 16px;
        right: 2px;
        top: 2px;
    }

        .HelpBox .sClose a {
            width: 16px;
            height: 16px;
            display: block;
        }

.HelpBar {
    position: relative;
    width: 100%;
    background-color: #fff8de;
    border: 1px; /*display:none;*/
    border: 1px solid #fff8de;
    color: black;
    font-size: 9pt;
    display: none;
}

    .HelpBar .divHelpHeading {
        margin: 10px;
        position: relative;
        background-color: #fff8de;
        font-weight: bold;
        font-size: 10pt;
    }

    .HelpBar .divHelpContent {
        margin: 10px;
        position: relative; /*background-color:#ffffff;*/
        line-height: 16px; /*margin-bottom:0;*/
    }

    .HelpBar .sClose {
        position: absolute;
        background: url('Images/Core/close.png');
        width: 16px;
        height: 16px;
        right: 2px;
        top: 2px;
    }

        .HelpBar .sClose a {
            width: 16px;
            height: 16px;
            display: block;
        }

.aSocialNetworkLink {
    width: 170px;
    height: 36px;
    display: block;
    color: white;
    text-decoration: none;
}

    .aSocialNetworkLink:hover {
        text-decoration: none !important;
    }

    .aSocialNetworkLink .sLinkedInBtn {
        width: 170px;
        height: 36px;
        display: block;
        border: 2px solid transparent;
        background: url('Images/Core/LinkedIn.png') #0980b8 no-repeat;
        line-height: 36px;
        padding-left: 17px;
        color: white;
    }

    .aSocialNetworkLink:hover .sLinkedInBtn {
        border: 2px solid black;
        color: white;
    }

    .aSocialNetworkLink .sTwitterBtn {
        width: 170px;
        height: 36px;
        display: block;
        border: 2px solid transparent;
        background: url('Images/Core/Twitter.png') #01a3ec no-repeat;
        line-height: 36px;
        padding-left: 17px;
        color: white;
    }

    .aSocialNetworkLink:hover .sTwitterBtn {
        border: 2px solid black;
        color: white;
    }

    .aSocialNetworkLink .sFacebookBtn {
        width: 170px;
        height: 36px;
        display: block;
        border: 2px solid transparent;
        background: url('Images/Core/facebook_icon.png') #3c5a9a no-repeat;
        line-height: 36px;
        padding-left: 17px;
        color: white;
    }

    .aSocialNetworkLink:hover .sFacebookBtn {
        border: 2px solid black;
        color: white;
    }

    .aSocialNetworkLink .slinkedinBtn {
        width: 170px;
        height: 36px;
        display: block;
        border: 2px solid transparent;
        background: url('Images/Core/LinkedIn.png') #0980b8 no-repeat;
        line-height: 36px;
        padding-left: 17px;
        color: white;
    }

    .aSocialNetworkLink:hover .slinkedinBtn {
        border: 2px solid black;
        color: white;
    }

    .aSocialNetworkLink .stwitterBtn {
        width: 170px;
        height: 36px;
        display: block;
        border: 2px solid transparent;
        background: url('Images/Core/Twitter.png') #01a3ec no-repeat;
        line-height: 36px;
        padding-left: 17px;
        color: white;
    }

    .aSocialNetworkLink:hover .stwitterBtn {
        border: 2px solid black;
        color: white;
    }

    .aSocialNetworkLink .sfacebookBtn {
        width: 170px;
        height: 36px;
        display: block;
        border: 2px solid transparent;
        background: url('Images/Core/facebook_icon.png') #3c5a9a no-repeat;
        line-height: 36px;
        padding-left: 17px;
        color: white;
    }

    .aSocialNetworkLink:hover .sfacebookBtn {
        border: 2px solid black;
        color: white;
    }


.ulBulletList {
    list-style-type: square !important;
    margin: 10px;
}

    .ulBulletList li {
        margin-left: 30px;
        padding-left: 0px;
        margin-bottom: 5px;
    }

.ulTileList {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 2px;
    list-style-type: none;
}

    .ulTileList li {
        margin-left: 20px;
        margin-bottom: 3px;
        padding-left: 0em;
        text-indent: -1.6em;
    }

ul.ulTileList li:before {
    content: "■ ";
    color: #0277b9;
    margin-right: 5px;
}

ul.ulTileList li a {
    color: #066ac7;
}

.tile .tile-content {
}

.featureGroup .tileName {
    color: #066ac7 !important;
}

.normal .tile-content { /*padding-top: 45px!important;*/
    height: 208px;
}

.announcement .tile-content { /*padding-top: 45px!important;*/
}

.tile.aboutLTPP {
    cursor: auto !important;
}

    .tile.aboutLTPP a {
        cursor: pointer;
    }

.divCMSPage {
}

.devLHSMenu {
    float: left;
    margin-top: 10px;
    width: 200px;
}

.divLHSContent {
    float: left;
    margin-left: 10px;
    width: 740px;
}

.ulCMSMenu {
}

    .ulCMSMenu li {
        margin: 5px;
    }

        .ulCMSMenu li a {
            background-color: #c7c7c7 !important;
            height: 32px;
            line-height: 32px;
            display: block;
            padding-left: 10px;
            color: black;
            text-decoration: none;
        }

            .ulCMSMenu li a:hover {
                color: white;
                text-decoration: none;
            }

/*Jquery Model Dialog Custom CSS*/
.iLevelPopupHeading {
    background-color: #c7c7c7;
    color: black;
    font-size: 11pt;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

/*jquery model dialog*/
.iSmallDialog {
    width: 600px;
    display: none;
    /*height: 80px !important;*/
}

.SectionMenuContentPane {
    padding: 10px;
    line-height: normal;
}

.SectionMenuHeading {
    font-size: 11pt;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
}

.SectionMenuSubHeading {
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
}

.SectionMenuContent {
    font-size: 9pt;
    margin: 0px;
    padding: 0px;
}

    .SectionMenuContent p {
        padding: 0px;
        margin: 0px;
    }

.SectionMenuContentPane hr.separator {
    color: #eeeeee;
    background-color: #eeeeee;
    height: 1px;
    width: 100%;
    border: 1px solid #eeeeee;
}
/*.SectionMenuContentPane select {width:100%;}*/
.SectionMenuContentPane select {
    background-color: white !important;
    padding: 8px;
    border: 1px solid #c0c0c0;
    width: 100%;
    font-size: 9pt;
}

input[type=text]::-ms-clear {
    display: none;
}

/*#txtSearchJsTree { margin-right: 25px; }*/

/*Data Selector related classes*/
table.tblAccordian {
    border-collapse: separate;
    margin-top: 5px;
    padding-top: 0;
}

    table.tblAccordian tr td {
        vertical-align: top;
        width: 380px;
        border-left: 1px solid #D9D9D9 !important;
        border-right: 1px solid #D9D9D9 !important;
        border-bottom: 1px solid #D9D9D9 !important;
        border-top: 1px solid #D9D9D9 !important;
        padding-bottom: 10px;
    }

.ulCheckBox {
    width: 520px;
    margin-bottom: 10px;
}

br {
    clear: left;
}

.ulCheckbox li {
    float: left;
    min-width: 325px;
    margin-top: 4px; /*display:block!important;*/
}

#dvTableFieldsPrimary, #dvTableFieldsAdditional, #dvTableFieldsAll {
    min-height: 150px;
    overflow: auto;
    overflow-x: hidden;
    width: 580px;
    margin-bottom: 10px;
}

span.spAccordianHeader {
    border: 0px none;
    float: right;
    position: relative;
    top: -25px;
    height: 0px;
    left: 10px;
}

    span.spAccordianHeader span.spChkAccordian {
        font-size: 9pt !important;
        font-weight: 400 !important;
        height: 32px !important;
        letter-spacing: 0.01em !important;
        line-height: 14pt !important;
        padding-right: 36px !important;
        color: black !important;
    }
/*overwridden css classes*/
/*span.spAccordianHeader .input-control .helper:before { left: 0; top: -2px; width: 23px; }
span.spAccordianHeader .input-control{ margin-right: 0; background: white;}*/
.helper {
    margin-left: 5px;
}

.iPageContent .accordion > li > div {
    border: 0px none !important;
    padding: 0 !important;
    vertical-align: top;
}

.iPageContent .iSearchBar input[type="text"] {
    background-color: White;
    border: 1px solid #FFFFFF;
    padding: 6px 22px 6px 2px;
    width: 215px;
}

.iPageContent .iSearchBar {
    background: none repeat scroll 0 0 #E2E9F0;
    border: 0 none transparent;
    padding: 5px;
    width: 100%;
}

#spanClear {
    background: url('../Content/Images/Core/icons/Clear.png');
    background-repeat: no-repeat;
    position: relative;
    margin-left: -70px;
}

span.deleteicon {
    position: relative;
}

    span.deleteicon span {
        background: url("../Content/Images/Core/icons/Clear.png") repeat scroll 0 0 transparent;
        cursor: pointer;
        display: block;
        height: 18px;
        position: absolute;
        right: 4px;
        top: 0;
        width: 18px;
    }

    span.deleteicon input {
    }

div.DataSelectiontags { /*border: 1px solid #D9D9D9;*/
    display: none;
    margin-top: -2px;
    min-height: 335px; /* padding-left: 5px; padding-right: 5px;*/
}

.iSelectedNodePanel {
    display: none;
}

div.Tablefields {
    height: 300px;
    margin: 2px 9px;
    overflow-y: auto;
    padding-top: 5px;
}

.innerTablefields { /*display:none;*/
}
/*specifically assigned for tablenames li's */
li.litblName {
    margin-left: 6px;
    list-style: none outside none;
}

li.liChildName {
    margin-left: 18px;
    list-style: none outside none;
}

.hrLight {
    margin: 1px 9px 3px;
}

.iGrid label {
    font-size: 10pt;
}

.iPageContent .iControlCol .input-control {
    margin-left: 12px;
    margin-top: 0;
}

/*a:focus { outline: none; }*/
/*for tooltip*/
.fielddesc { /*font-size:9pt;*/ /*font-style:italic;*/
}

.tooltipDataSelection {
    color: #fff;
    background: #1d1d1d;
    display: none; /*--Hides by default--*/
    padding: 5px;
    width: 300px;
    position: absolute;
    font-size: 10pt;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#livetip {
    color: #fff;
    background: #1d1d1d;
    display: none; /*--Hides by default--*/
    padding: 5px;
    width: 300px;
    position: absolute;
    font-size: 10pt;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.StickySearchBar {
    height: 36px;
    width: 100%;
    z-index: 3000;
    left: 0px; /*box-shadow:0px 3px 7px rgba(0,0,0,0.3);*/
}

.StickySearchBarInline {
    width: 764px !important;
    top: 300px !important;
}

.StickySearchBarContent {
    position: relative; 
    height: 36px;
    margin: 0 auto;
   
}

.StickySearchPane {
    background-color: #e2e9f0;
    height: 36px;
    position: relative;
}

.divFindBar {
    float: right;
    margin-right: 4px;
    font-size: 10pt;
    margin-top: 3px;
}

    .divFindBar div {
        float: left;
        line-height: 20px;
        margin-left: 4px;
    }

        .divFindBar div p {
            line-height: 30px;
            margin: 0px;
            padding: 0px;
        }

.StickySearchBarContent input[type="text"] {
    background-color: White;
    border: 1px solid #FFFFFF;
    padding: 6px 0px 6px 2px;
    width: 215px;
}

.divFloatingCharmsMenu {
    width: 72px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    position: fixed;
    top: 32px;
    height: 100%;
    right: 0px;
    background-color: #f5f5f5;
    z-index: 6;
}

    .divFloatingCharmsMenu ul.ulCharms {
        margin-top: 5px;
        margin-left: 5px;
    }

        .divFloatingCharmsMenu ul.ulCharms li {
            width: 64px;
            height: 90px;
            margin-bottom: 5px;
            position: relative; /*border-bottom:1px solid #dddddd;*/
        }

            .divFloatingCharmsMenu ul.ulCharms li a {
                color: #333333;
                font-size: 9pt;
                text-decoration: none;
                display: block;
                width: 64px;
                height: 90px;
                background-color: transparent;
            }

                .divFloatingCharmsMenu ul.ulCharms li a:hover {
                    background-color: #e9e9e9;
                }

                .divFloatingCharmsMenu ul.ulCharms li a span.icon {
                    background: url("Images/Core/feature_charms.png") no-repeat;
                    height: 64px;
                    cursor: pointer;
                    padding: 0px;
                    padding-left: 64px;
                    float: left;
                }

                .divFloatingCharmsMenu ul.ulCharms li a span.info {
                    position: absolute;
                    width: 64px;
                    bottom: 5px;
                    left: 0px;
                    text-align: center;
                }

                .divFloatingCharmsMenu ul.ulCharms li a span.sLayers {
                    background-position: 0px 0px;
                }

                .divFloatingCharmsMenu ul.ulCharms li a span.sShow {
                    background-position: 0px -64px;
                }

                .divFloatingCharmsMenu ul.ulCharms li a:hover span.sLayers {
                    background-position: -64px 0px;
                }

                .divFloatingCharmsMenu ul.ulCharms li a:hover span.sShow {
                    background-position: -64px -64px;
                }



.filtertab label {
    font-size: 9pt;
    vertical-align: top;
}

.FieldTooltip {
    background: none repeat scroll 0 0 #fff8de;
    color: #000;
    display: none;
    font-size: 10pt;
    padding: 5px;
    position: absolute;
    width: auto;
    max-width: 300px;
    z-index: 1000;
    border: 1px solid #edcf66;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.2);
}

/*.FieldTooltip{
    position:fixed; top:0px; left:0px; width:400px; box-shadow:0px 3px 7px rgba(0,0,0,0.3); border:1px solid #B0B0B0; height:auto; display:none;z-index:9; background-color:#FEF0C0; padding:10px; font-size:9pt;}*/

/*.divFooterContainer{width:100%; background-color:#e9e9e9;height: 75px;}*/ /*Commented by Faizan for mobile adjustment changes*/
/*.divFooter{ width:1024px; margin: auto; background-color:#e9e9e9;}*/ /*Commented by Faizan for mobile adjustment changes*/
.divFooterContainer {
    width: 100%;
    background-color: #e9e9e9;
    margin-top: 5px;
}

.divFooter {
    width: 1024px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #e9e9e9;
}

.divContentMenu {
    float: left;
    width: 100%;
}

.ulContentMenu {
}

    .ulContentMenu li {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .ulContentMenu li a {
            background-color: #c7c7c7 !important;
            height: 32px;
            line-height: 32px;
            display: block;
            padding-left: 10px;
            color: black;
            text-decoration: none;
            font-size: 11pt;
            padding-right: 5px;
        }

            .ulContentMenu li a:hover { /*color: white;*/
                text-decoration: none;
            }

/*.page-sidebar li {font-size:11pt;}*/
.page-sidebar li a {
    font-size: 11pt !important;
    text-decoration: none !important;
}

.page-sidebar li li a {
    font-size: 9pt !important;
    text-decoration: none !important;
}

/* login page */
#loginForm {
    border-right: solid 0px #c8c8c8;
    float: left;
    width: 100%;
}

    #loginForm .validation-error {
        border: 2px solid red;
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"], #loginForm input[type="submit"], #loginForm input[type="button"], #loginForm button {
            width: auto;
        }

#socialLoginForm {
    padding: 0px;
    margin-top: 0px;
    margin-left: 10px;
    float: left;
    width: 100%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList {
    padding: 0px;
    margin-top: 10px;
}

    #socialLoginList button {
        margin-bottom: 12px;
    }

#logoutForm {
    display: inline;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

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

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

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

.divSpecialFeatureMenu {
    position: relative;
    background-color: #efefef;
    height: auto; /*min-height:120px;*/
    padding: 10px;
}

.divPopupListItemControl {
    float: left;
    width: 20px;
}

.divPopupListItem {
    float: left; /*width:500px;*/
    padding-left: 0px;
    padding-right: 5px;
}

.ListOptions ul li {
    width: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #f7f7f7;
    line-height: 25px;
    padding: 5px; /*width:500px;*/
}

.sAdvancedViewIcon {
    position: absolute;
    background: url('jstree/themes/classic/d.png') no-repeat transparent;
    width: 16px;
    cursor: pointer;
    padding: 0px;
    height: 16px;
    background-position: -56px -73px;
    right: 16px;
    top: 0px;
}

span.sLoadingImgBlack {
    background: url('../Content/Images/Core/loader_black.gif') no-repeat transparent;
    height: 24px;
    padding: 0px;
    padding-left: 24px;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    display: none;
}

span.sLoadingImgBlue {
    background: url('../Content/Images/Core/loader_blue.gif') no-repeat transparent;
    height: 24px;
    padding: 0px;
    padding-left: 24px;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    display: none;
}

.RgbDevelopement {
    background-color: #d70000;
    border: 1px solid #d70000;
}

.RgbAlpha1 {
    background-color: #8143de;
    border: 1px solid #8143de;
}

.RgbAlpha2 {
    background-color: #0277b9;
    border: 1px solid #0277b9;
}

.RgbBeta {
    background-color: #a57103;
    border: 1px solid #a57103;
}

.RgbAcceptance {
    background-color: #5fb332;
    border: 1px solid #5fb332;
}

span.popUptitle {
    font-size: 14pt;
    font-weight: bold;
}

/* info and errors 
-----------------------------------------------------------*/
.message-info {
    background-color: #fffddd;
    color: black;
    padding: 10px;
    font-size: 10pt;
    height: auto;
    position: relative;
}

.message-error {
    background-color: #ffdddd;
    color: black;
    padding: 10px;
    font-size: 10pt;
    height: auto;
    position: relative;
}

.message-success {
    background-color: #ddffdd;
    color: black;
    padding: 10px;
    font-size: 10pt;
    height: auto;
    position: relative;
}

.error {
    color: #e80c4d;
}


.ValidationSummaryBar {
    background-color: #ffeeee;
    color: black;
    font-size: 10pt;
    height: auto;
    position: relative;
}

.validation-summary-errors {
    font-weight: normal;
    padding: 10px;
    margin-bottom: 15px;
}

    .validation-summary-errors ul {
        margin: 0px;
        padding: 0px;
        list-style-type: disc;
        margin-top: 10px;
    }

        .validation-summary-errors ul li {
            margin: 0px;
            padding: 0px;
            margin-left: 15px;
            line-height: normal;
            font-size: 9pt;
        }


.divThumbnails {
}
/*.divThumbnails img{margin-right:10px;}*/


.iSmallDialog .iDialogSubmit {
    margin-top: 5px;
    text-align: right;
}

    .iSmallDialog .iDialogSubmit button {
        margin-right: 0px;
    }

.iTableChkList {
}

    .iTableChkList tr td {
        line-height: 20px;
    }

/*.btnInactive { background-color: gray!important; }*/

.ulMyLTPPMenu {
}

    .ulMyLTPPMenu li {
        float: left;
        font-size: 9pt;
        margin-right: 4px;
    }

        .ulMyLTPPMenu li a {
            height: 36px;
            display: block;
            border: 2px solid transparent;
            background: url('Images/Core/my_ltpp_sprites_36x36.png') #efefef no-repeat;
            line-height: 36px;
            padding-left: 36px;
            padding-right: 10px;
            text-decoration: none;
            color: black;
        }

            .ulMyLTPPMenu li a:hover {
                border: 2px solid #c0c0c0;
                color: black;
                background-color: white;
            }

            .ulMyLTPPMenu li a.SelectedItem {
                border: 2px solid #c0c0c0;
                color: black;
                background-color: white;
            }

            .ulMyLTPPMenu li a.aMyProfileBtn {
                background-position: 0px 0px;
            }

            .ulMyLTPPMenu li a.aChangePasswordBtn {
                background-position: 0px -36px;
            }

            .ulMyLTPPMenu li a.aManageSocialLoginBtn {
                background-position: 0px -72px;
            }

/*.ulMyLTPPMenu li a span {}
.ulMyLTPPMenu li a span:hover{border:2px solid #c0c0c0; color:black; background-color:white;}
.ulMyLTPPMenu li a span.sMyProfileBtn {background-position:0px 0px;}
.ulMyLTPPMenu li a span.sChangePasswordBtn {background-position:0px -36px;}
.ulMyLTPPMenu li a span.sManageSocialLoginBtn {background-position:0px -72px;}*/

.divMasterContainer {
    width: 1375px;
    height: auto; /*background-color:red;*/
    margin: 0px auto;
    position: relative;
}




/*Data Selection Page Work by Waseem*/
.iPageContainerTopDiv {
    background-color: #e2e9f0;
    height: 90px;
    width: 100%;
    z-index: 5;
    left: 0px; /*box-shadow:0px 3px 7px rgba(0,0,0,0.3);*/
    padding-top: 10px;
    border-top: 1px solid lightgray;
}

.ulDataSelectionMenu {
    padding-left: 2px;
}

    .ulDataSelectionMenu li {
        float: left;
        font-size: 9pt;
        margin-right: 4px;
        padding-left: 10px;
    }

        .ulDataSelectionMenu li span {
            height: 32px;
            display: block;
            border: 2px solid transparent;
            background: url(Images/Core/search.png) 0 0;
            line-height: 30px;
            padding-left: 32px;
            width: 209px;
            padding-right: 18px;
            background-repeat: no-repeat;
            text-decoration: none;
            color: black;
        }
            /*.ulDataSelectionMenu li a:hover {border:2px solid #c0c0c0; color:black; background-color:white;}*/
            .ulDataSelectionMenu li span.SelectedItem {
                border: 2px solid #c0c0c0;
                color: black;
                background-color: white;
            }

            .ulDataSelectionMenu li span.aPrimaryClassificationBtn {
                background-position: 0px -140px;
                background-repeat: no-repeat;
                margin-right: 40px;
            }

            .ulDataSelectionMenu li span.aPrimaryDataBtn {
                background-position: 0px -2px;
                margin-right: 40px;
                width: 100%;
            }

            .ulDataSelectionMenu li span.PrimaryaDataBtn {
                background-position: 0px 2px;
            }

            .ulDataSelectionMenu li span.aAdvanceClassificationBtn {
                background-position: 0px -85px;
                background-repeat: no-repeat;
                margin-right: 40px;
            }

            .ulDataSelectionMenu li span.aAdvanceDataBtn {
                background-position: 0px -59px;
                margin-right: 40px;
            }

            .ulDataSelectionMenu li span.AdvanceaDataBtn {
                background-position: 0px -28px;
            }

/*Warning! button added by Azeem Syed*/
.icowarning {
    width: 24px;
    DISPLAY: block;
    BACKGROUND: url(/Content/Images/Core/warning.png) no-repeat;
    height: 24px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}
/**/

.icodelete {
    WIDTH: 16px;
    DISPLAY: block;
    BACKGROUND: url(/img/icons/cross.png) no-repeat;
    HEIGHT: 16px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.ui-dialog-buttonset .CancelBtn {
    background-color: #c7c7c7;
}

.alert .iCloseBtn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.divSpecialFeaturePanel { /*background-color:#f4f4f4;*/
    font-size: 10pt;
}

    .divSpecialFeaturePanel .divControlsRow {
        line-height: 34px;
    }

    .divSpecialFeaturePanel .divDesc {
        float: left;
        margin: 0px;
        padding: 0px;
        font-weight: normal;
    }

    .divSpecialFeaturePanel .divControls {
        float: left;
        padding: 0 0px; /*padding-left: 5px; padding-right: 5px;*/
        margin-right: 40px;
    }

        .divSpecialFeaturePanel .divControls select {
            background-color: white !important;
            padding: 8px;
            border: 1px solid #c0c0c0;
            width: 200px;
            font-size: 9pt;
        }

.labelposition {
    position: absolute;
    top: 110px;
    left: 18px;
}

.divSpecialFeaturePanel .divLegendsRow {
    line-height: 34px;
}

    .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends {
        line-height: 13px;
        height: 62px;
        text-align: center;
    }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li {
            float: left;
            margin: 0 5px;
            height: 82px;
        }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li div.icon {
                width: 88px;
                position: relative;
                height: 62px;
                text-align: center;
            }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li span.icon { /* position:absolute; */
                background: url('Images/Map/map_aadt_legends.png') 0px 0px;
                padding-left: 62px;
                text-align: center;
                padding-bottom: 40px;
            }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li div.desc {
                padding-left: 3px;
                white-space: nowrap;
                position: absolute;
                bottom: -101px !important;
                width: 88px;
            }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li span.c200 {
                padding-left: 28px;
            }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li span.c600 {
                padding-left: 36px;
                background-position: -32px 0px;
            }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li span.c800 {
                padding-left: 42px;
                background-position: -70px 0px;
            }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li span.c1000 {
                padding-left: 52px;
                background-position: -114px 0px;
            }

            .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends li span.c1001 { /* width: 54px; */
                background-position: -170px 0px;
            }



    .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li {
        float: left;
        margin: 0 5px;
        height: 82px;
    }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li div.icon {
            width: 88px;
            position: relative;
            height: 62px;
            text-align: center;
        }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li span.icon {
            background: url('Images/Map/map_aadt_legends_Pie.png') 0px 0px;
            padding-left: 62px;
            text-align: center;
            padding-bottom: 40px;
        }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li div.desc {
            white-space: nowrap;
            position: absolute;
            bottom: 7px;
            width: 88px;
            text-align: center;
        }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li span.c200 {
            padding-left: 32px;
            background-position: -10px -15px;
        }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li span.c600 {
            padding-left: 36px;
            background-position: -50px -15px;
        }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li span.c800 {
            padding-left: 42px;
            background-position: -90px -15px;
        }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li span.c1000 {
            padding-left: 52px;
            background-position: -133px -15px;
        }

        .divSpecialFeaturePanel .divLegendsRow .ulAADTLegends_Pie li span.c1001 { /* width: 54px; */
            background-position: -177px -15px;
        }

/*New Addition by Hamza Naeem*/
.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li {
    float: left;
    margin: 0 5px;
    height: 82px;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li div.icon {
    width: 88px;
    position: relative;
    height: 62px;
    text-align: center;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li span.icon {
    background: url('Images/Map/map_aadt_legends_Pie.png') 0px 0px;
    padding-left: 62px;
    text-align: center;
    padding-bottom: 40px;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li div.desc {
    white-space: nowrap;
    position: absolute;
    width: 88px;
    text-align: center;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li span.c200 {
    padding-left: 32px;
    background-position: -10px -5px;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li span.c600 {
    padding-left: 36px;
    background-position: -50px -5px;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li span.c800 {
    padding-left: 42px;
    background-position: -90px -5px;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li span.c1000 {
    padding-left: 52px;
    background-position: -133px -5px;
}

.divSpecialFeaturePanel .divLegendsRowGeoSpatial .ulAADTLegends_Pie li span.c1001 { /* width: 54px; */
    background-position: -177px -5px;
}
/*New Addition by Hamza Naeem End*/

#tdContColumn .iGrid th {
    background-color: #2198DC;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    color: white;
    line-height: 36px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

#tdContColumn .iGridCol {
    line-height: 36px;
}

.divMediaSpecialFeaturePanel {
}

    .divMediaSpecialFeaturePanel select {
        width: 120px !important;
    }

        .divMediaSpecialFeaturePanel select#ddlMediaSections {
            width: 160px !important;
        }



/*CSS styling filter options */

/*.divControls { background-color: white !important; border-bottom-color: #C0C0C0; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #C0C0C0; border-left-style: solid; border-left-width: 1px; border-right-color: #C0C0C0; border-right-style: solid; border-right-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 10%; border-image-source: none; border-image-width: 1 1 1 1; border-top-color: #C0C0C0; border-top-style: solid; border-top-width: 1px; font-size: 9pt; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; width: 150px; }*/

.sections-container-div {
    position: relative;
    width: 100%;
    height: 50px;
    padding-top: 10px;
    background-color: #EFEFEF;
    padding-bottom: 50px;
}

.sections-div-right {
    position: relative;
    text-align: right;
    top: 3px; /*width: auto;*/
    width: 100%;
}

.sections-div-left {
    position: relative;
    top: 3px;
    width: auto;
    float: left;
    padding-left: 10px;
}

.sections-div {
    position: relative;
    width: auto;
    float: left;
    top: 3px;
    padding-left: 30px;
}

.thumbs-container-div {
    position: relative;
    padding-top: 15px;
    width: 100%;
    margin: auto;
}

.thumbs-text-top {
    position: absolute;
    top: 7px;
    width: 176px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: white;
    opacity: 1;
}

.thumbs-text-bottom {
    text-align: center;
    color: black;
}


.thumbs-block-bottom {
    background: url('/Images/Galleria/Media.jpg');
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 176px;
    height: 176px;
}

.images-div {
    width: 130px;
    height: 116px;
    align-content: center;
    opacity: 0.6;
}

.thumbs-div {
    float: left;
    position: relative;
    padding: 3px 6px 3px 0px;
    cursor: pointer;
}

.galleria-stage {
    background-color: white;
    width: 740px;
    height: 630px;
    top: 0px;
    bottom: 50px;
    left: 0px;
    right: 50px;
    overflow: hidden;
    position: relative;
}

.galleria-fscr {
    width: 500px;
    height: 470px;
    position: absolute;
    bottom: 100px;
    right: 120px;
    background: url('/Images/Galleria/fullscreen.png');
    z-index: 4;
    cursor: pointer;
    opacity: 0;
}

    .galleria-fscr:hover {
        opacity: 0;
    }

/*.galleria-lightbox-close {
    padding-right: 25px;
    font-family: Calibri;
    font-size: 36px;
    font-weight: bolder;
}*/

/* any custom CSS will override the theme. Here I will enlarge the thumbnails: */
.galleria-thumbnails .galleria-image {
    width: 90px;
    height: 60px;
}

.galleria-thumbnails-list {
    height: 60px;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    height: 55px;
}

.galleria-info,
.galleria-counter {
    bottom: 80px;
}

.galleria-thumbnails-container {
    height: 62px;
}

#galleria-content .item-list ul li.jcarousel-item {
    padding: 0;
}


/*added by faizan for loading bar*/
.divLoading {
    background-color: white;
    width: 300px;
    height: 120px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid rgb(220, 220, 220);
    box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
    position: relative;
    margin: 0px auto; /*Added by Umar for fixing position */ /*left: 42%;    top: 50%;    position: fixed;*/
}

    .divLoading .divLoadingContent {
        position: absolute;
        top: 40%;
        width: 100%; /*background-color:red;*/
    }

        .divLoading .divLoadingContent img {
            border: 0px;
            margin-right: 10px;
        }

        .divLoading .divLoadingContent span.sLoadingText {
            color: rgb(0, 114, 198);
            font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 1.4em;
        }


.sRequired {
    top: -2px;
    position: relative;
}

.videolist {
    float: left;
    background-color: #ffffff;
    height: 130px;
    width: 180px;
    cursor: pointer;
}

    .videolist img {
        width: 180px;
    }

.videolist_inactive {
    float: left;
    background-color: #ffffff;
    height: 130px;
    width: 180px;
}

    .videolist_inactive img {
        width: 180px;
    }

.videolist_active {
    float: left;
    background-color: #989898;
    height: 130px;
    width: 180px;
}

    .videolist_active img {
        width: 180px;
    }


.btnDisable {
    background-color: #d7d7d7 !important;
}

.bucketGrid {
    border-collapse: collapse;
    border: 1px solid lightgray !important;
}

    .bucketGrid tr td {
        line-height: 25px !important;
        border-left: 1px solid lightgray !important;
        border-right: 1px solid lightgray !important;
    }

        .bucketGrid tr td a {
            text-decoration: none;
        }

            .bucketGrid tr td a:hover {
                text-decoration: underline;
            }

.fileGrid {
    border-collapse: collapse;
    border: 1px solid lightgray !important;
}

    .fileGrid tr th {
        line-height: 30px !important;
        border-left: 1px solid lightgray !important;
        border-right: 1px solid lightgray !important;
    }

    .fileGrid tr td {
        line-height: 25px !important;
        border-left: 1px solid lightgray !important;
        border-right: 1px solid lightgray !important;
    }

        .fileGrid tr td a {
            text-decoration: none;
        }

            .fileGrid tr td a:hover {
                text-decoration: underline;
            }


/* Dedicated CSS For All Popups Having Grids by Waseem*/
.PopupGrid {
    padding: 0px;
    margin: 0px;
}

    .PopupGrid th {
        margin-bottom: 2px;
        border-bottom: 1px solid white;
        border-right: 1px solid white;
        background-color: #2198DC;
        color: white;
    }

.PopupGridRow:nth-child(even) {
    vertical-align: middle;
    margin-bottom: 2px;
}

.PopupGridRow:nth-child(odd) {
    vertical-align: middle;
    background-color: #ffffff;
    margin-bottom: 2px;
    border: 2px solid black;
}

.PopupGridCol {
    border: 1px solid #f0f0f0;
    padding-right: 5px;
    height: 26px;
}


/*508 Compliance CSS by Waseem This Class is Used For All Labels which only Satisfies the Section 508 Compliance*/
.Section508 {
    display: none;
}


/*.divFilterInput {background-color:green;}
.divFilterContentPlaceHolder {background-color:red;}
.divRangeFilter {background-color:yellow;}*/


/*  MapbyLocation infobubble CSS      START  */



#tag-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #505050;
    border-color: #444444 #1C1C1C #1C1C1C;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-right: 1px solid #1C1C1C;
    border-style: solid;
    border-width: 1px; /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 1px 0 #727272 inset;*/
    color: #E3E3E3;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 10px;
    margin: 0 auto 0 0px;
    position: relative;
    text-align: left;
    width: 238px;
    height: 100px;
    overflow: hidden;
    z-index: 320;
    box-shadow: 8px -4px 5px rgba(0, 0, 0, 0.3); /*7px -5px 9px #888888*/
}

#tag-menu.geo-analysis-tooltip {
    width: 265px;
    height: 220px;
}

.ArrowDown {
    background-image: url('/Content/Images/Map/arrow_down.png');
    display: none;
    height: 16px;
    left: 103px;
    position: absolute;
    top: 255px;
    width: 16px;
    z-index: 9999;
}

.LTPPsign {
    background-color: transparent;
    height: 170px;
    margin: 0 auto;
    padding-left: 30px;
    width: 200px;
    position: relative;
    z-index: 999;
}

    .LTPPsign span {
        margin: 0 auto;
    }

.LTPPsignSectionID {
    color: #FFFFFF;
    font-weight: bold;
    left: 76px;
    position: absolute;
    top: 125px;
}

#tag-menu .tm-heading {
    border-bottom: 1px solid #727272;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

#tag-menu .tm-description {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 0px;
    word-wrap: break-word;
}

    #tag-menu .tm-description p {
        margin-bottom: 8px;
    }

    #tag-menu .tm-description a, #tag-menu .tm-description a:visited {
        color: #B4D4EC;
    }

#tag-menu .tm-favorite {
    color: #FDCA5C;
    font-size: 13px;
    text-decoration: none;
}

#tag-menu .tm-favorite-clear {
    color: #BBBBBB;
    font-size: 13px;
    padding-right: 3px;
    text-decoration: none;
}

#tag-menu .tm-favorite-ignore {
    color: #FF0000;
    font-size: 13px;
    text-decoration: none;
}

#tag-menu .tm-sub-links a, #tag-menu .tm-sub-links a:visited {
    color: #FF9933;
    font-weight: normal;
    text-decoration: none;
    width: 50px;
    height: 50px;
}

    #tag-menu .tm-sub-links a:hover {
        color: #FAAF65;
    }

#tag-menu .tm-links {
    color: #727272;
}

    #tag-menu .tm-links a, #tag-menu .tm-links a:visited {
        color: #B4D4EC;
        font-size: 11px;
        margin-right: 8px;
        text-decoration: none;
    }

        #tag-menu .tm-links a:hover {
            color: #DCECF7;
        }




.tm-sub-cross {
    width: 14px;
    height: 13px;
    display: block;
    background: url('../Content/Images/Map/iw3.png') 336px 96px;
    cursor: pointer;
}



/*.divFilterInput label{display:block; margin-left:18px;}
.divFilterInput input{float:left; }*/

.divFilterRow {
}

.divFilterCol {
    float: left;
    word-wrap: break-word;
}

.divAccordianContent ul li {
}

.divFilterCph {
    width: 210px;
    margin-left: 5px;
    position: relative;
}
/*Cph: Content Place Holder*/

.divFilterCol label { /*max-width: 205px;display: inline-block;*/
}

.divFilterCol .iClose {
    position: absolute;
    top: 0px;
    right: -65px;
}


.LeftDiv {
    width: 490px;
    float: left;
    margin-top: 10px;
}

.RightDiv {
    width: 528px;
    float: right;
    margin-top: 10px;
}

.divPaddingTop {
    padding-top: 10px;
}

.divPaddingBottom {
    padding-bottom: 10px;
}

.divPageContentList {
}

.divPageContent {
    padding: 10px;
}

.ulItemizedList {
    margin: 0px;
    padding: 0px;
    list-style-image: url('../Content/Images/Core/bullet.png');
}

    .ulItemizedList li {
        margin-left: 30px;
    }



/* Added by Bakhtawar */

.divContent {
    margin: 10px;
    padding: 0;
    font-family: Calibri,Helvetica,sans-serif;
    font-size: 11pt;
    color: black; /*text-align: justify;*/
}

.olList {
    list-style-type: decimal !important;
    background-color: transparent !important;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}

    .olList li {
        padding-top: 3px;
        padding-bottom: 3px;
    }

.olQuestionList {
    list-style-type: decimal !important;
    background-color: transparent !important;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}

    .olQuestionList li {
        padding-top: 9px;
        padding-bottom: 9px;
    }

.leftPadding {
    padding-left: 20px;
}

.italic {
    font-style: italic;
}

.topBottomPadding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.BottomPadding {
    padding-bottom: 10px;
}

.BoldHR {
    height: 4px;
    background-color: lightgray;
    border: 0px;
}

.ulList {
    list-style-type: disc !important;
    background-color: transparent !important;
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
}

    .ulList li {
        padding-top: 3px;
        padding-bottom: 3px;
    }

.bold {
    font-weight: bold;
}


/* Added by Faizan*/
.sSinglePin {
    background: url('/Content/Images/Map/single_small.png') no-repeat transparent center;
    width: 60px;
    height: 62px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding-top: 24px;
}

.sBluePin {
    background: url('/Content/Images/Map/blue_pin.png') no-repeat center;
    width: 60px;
    height: 62px;
}

.sBluePinActive {
    background: url('/Content/Images/Map/green_pin_new.png?v=1') no-repeat center;
    width: 60px;
    height: 62px;
}

.sBluePinInActive {
    background: url('/Content/Images/Map/red_pin_new.png?v=1') no-repeat center;
    width: 60px;
    height: 62px;
}

.dSLegendBox {
    width: 67px;
    height: 60px;
    position: relative;
    text-align: center
}

.hLegend {
    height: 15px;
    line-height: normal;
}

.dSLegendBox .lbl {
    font-size: 9pt;
    text-align: center;
    width: 75px;
    word-break: break-all;
}

/*.divToolbarMap {background-color:grey; width:100%; height:75px;}
.divToolbarMap .divToolbarGroup{background-color:red;}
.divToolbarMap .divToolbarGroup .divToolbarHeading{background-color:green;}
.divToolbarMap .divToolbarGroup .divToolbarItems{ }
.divToolbarMap .divToolbarGroup .divToolbarItems .divToolbarItem{ }
.divToolbarMap .divToolbarGroup .divToolbarItems .divToolbarItem .icon{ }
.divToolbarMap .divToolbarGroup .divToolbarItems .divToolbarItem .desc{background-color:yellow;}
    .divToolbarMap .divToolbarSeparator { }*/

.ulExpandableList {
    list-style-type: none;
}

    .ulExpandableList li {
        margin-top: 2px;
        margin-bottom: 2px;
    }

        .ulExpandableList li a {
            padding-left: 10px;
            padding-right: 10px;
            text-decoration: none;
            color: #066ac7;
            width: 762px; /* display: block; */
        }

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

.divExpandableItemTitle {
    background-color: #e7eeee;
    line-height: 30px;
    height: auto;
    min-height: 30px;
    max-height: 60px;
    overflow: hidden;
}

    .divExpandableItemTitle div.icon {
        background: url('../Content/Images/Core/plus_minus.png') 0px center no-repeat;
        height: 16px;
        cursor: pointer;
        padding: 0px;
        padding-left: 16px;
        float: left;
        margin-top: 5px;
        margin-left: 2px;
    }

    .divExpandableItemTitle div.FaqText {
        float: left;
        line-height: 18px;
        margin-left: 9px;
        width: 700px;
        padding: 5px;
    }

.divExpandableItem {
    background-color: white;
    padding: 10px;
    display: none;
    padding-left: 25px;
    padding-right: 25px;
}

.divExpandableItemTitle div.Collapse {
    background: url('../Content/Images/Core/plus_minus.png') -16px center no-repeat;
    height: 16px;
    cursor: pointer;
    padding: 0px;
    padding-left: 16px;
    float: left;
}

.divExpandAll {
    background-color: #efefef;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
}

    .divExpandAll a {
        color: #0066cc;
        text-decoration: none;
    }

        .divExpandAll a:hover {
            text-decoration: underline;
        }


ul.listItemTitle li {
    background-color: #e7eeee;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 2px;
}

    ul.listItemTitle li a {
        color: #0066cc;
        text-decoration: none;
    }

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

.PageContentItem {
    position: relative;
}

hr.pageHR {
    color: #dddddd;
    background-color: #dddddd;
    height: 1px;
    width: 100%;
    border: 1px solid #dddddd;
}

.ContentHeading1 {
    color: #07ABE6;
    font-size: 11pt;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
}

.ContentHeading {
    font-size: 1.4em; /*font-family:'Droid Sans', Arial, Helvetica, sans-serif;*/
    font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #07ABE6;
    font-weight: bold;
}

.iContentHeading {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 11pt;
}

.iContent {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ContentDate { /*margin-top: 3px;
    margin-bottom: 3px;
    color: black;
    font-weight: bold;*/
    color: black;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: bold;
}


.ulContentPlainList {
    list-style-type: none;
    margin: 10px;
}

    .ulContentPlainList li {
        padding-left: 0px;
        margin-top: 2px;
        margin-bottom: 2px;
    }

        .ulContentPlainList li a {
            text-decoration: none;
        }

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


.divPageTop {
    position: absolute;
    right: 0px;
    top: 8px;
    font-size: 8pt;
}

.divPresentationThumbnail {
}

.divGenericPresentationThumbnail {
}

.presentationGallery {
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
}

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

        .presentationGallery ul li {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            float: left;
            position: relative;
            margin-right: 5px;
        }

        .presentationGallery ul img {
            border: 0px;
            border: 1px solid #d0d0d0;
        }

        .presentationGallery ul a:hover img {
            border: 1px solid #e0e0e0;
        }

        .presentationGallery ul a:hover {
        }

    .presentationGallery .thumbnail {
        width: 185px;
        height: 142px;
        background: url('../Content/Images/Core/ltpp_infoave_presentation_thumbnail_2.png') 0px center no-repeat;
    }

    .presentationGallery .title { /*position:absolute; bottom:0px;*/
        text-align: center;
        width: 185px;
        background-color: #f0f0f0;
        height: 60px;
    }

        .presentationGallery .title span {
            padding: 5px;
            display: block;
        }

    .presentationGallery a:hover .title {
        background-color: #f2f2f2;
    }


.videoGallery {
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
}

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

        .videoGallery ul li {
            padding: 0px;
            margin: 0px;
            margin-bottom: 5px;
            float: left;
            position: relative;
            margin-right: 5px;
        }

        .videoGallery ul img {
            border: 0px;
            border: 1px solid #d0d0d0;
        }

        .videoGallery ul a:hover img {
            border: 1px solid #e0e0e0;
        }

        .videoGallery ul a:hover {
        }

    .videoGallery .thumbnail {
        width: 185px;
        height: 142px;
        background: url('../Content/Images/Core/ltpp_infoave_help_video_thumbnail_2.png') 0px center no-repeat;
    }

    .videoGallery .title { /*position:absolute; bottom:0px;*/
        text-align: center;
        width: 185px;
        background-color: #f0f0f0;
        height: 60px;
    }

        .videoGallery .title span {
            padding: 5px;
            display: block;
        }

    .videoGallery a:hover .title {
        background-color: #f2f2f2;
    }


/*added by bakhtawar*/
.divNotes {
    POSITION: relative; /*LINE-HEIGHT: 40px;*/
    BACKGROUND-COLOR: #fef0c0;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    HEIGHT: 150px;
    COLOR: black;
    FONT-SIZE: 10pt; /*text-align: justify;*/
}

.divSurveyContent {
    BORDER-BOTTOM: #eeeeee 1px solid;
    BORDER-LEFT: #eeeeee 1px solid;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #eeeeee 1px solid;
    BORDER-RIGHT: #eeeeee 1px solid;
    PADDING-TOP: 0px;
}

.inlineP {
    padding-left: 0px;
    margin-left: 0px !important; /*text-align: justify;*/
}

/*.tblSurveyQs .rightTD { height:60px;background-color:rgb(47, 135, 186); text-align:center; width:70px; vertical-align:middle;}
.tblSurveyQs .rightTDLight { height:60px;background-color:rgb(7, 171, 230); text-align:center; width:70px; vertical-align:middle;}
.tblSurveyQs .leftTD { height:50px; width:320px; text-align:left; vertical-align:middle;}
.tblSurveyQs td { height:50px; text-align:center; width:70px; vertical-align:top;}
.tblSurveyQs .tdNumber { height:50px; text-align:left; width:20px; vertical-align:middle;padding:0px;}*/

.tblSurveyQs .rightTD {
    height: 60px;
    background-color: rgb(47, 135, 186);
    text-align: center;
    width: 70px;
    vertical-align: middle;
}

.tblSurveyQs .rightTDLight {
    height: 60px;
    background-color: rgb(7, 171, 230);
    text-align: center;
    width: 70px;
    vertical-align: middle;
}

.tblSurveyQs .leftTD {
    height: 50px;
    width: 320px;
    text-align: left;
    vertical-align: top;
}

.tblSurveyQs td {
    height: 50px;
    text-align: center;
    width: 70px;
    vertical-align: top;
}

.tblSurveyQs .tdNumber {
    height: 50px;
    text-align: right;
    width: 20px;
    vertical-align: top;
    padding: 0px;
}

.tblSurveyQs td div {
    padding-top: 10px;
}




/*.tblSurveyQs span { padding-top:5px;}
.tblSurveyQs p { padding-top:5px;}*/

/* EOF added by bakhtawar*/

/* //////////////////////////////////////////////////////////
       Tabular Data CSS                                   START
      //////////////////////////////////////////////////////////  */
.container {
    height: 100%;
    width: 1049px;
    color: #000000;
    text-decoration: none;
    word-wrap: break-word;
    text-align: center;
    margin: 0;
    padding: 0;
}

    .container tbody tr td:last-child {
        border-right: 0;
    }

.TableMEPDG tbody tr td:last-child {
}

.container tbody tr {
    margin: 0;
}

    .container tbody tr td {
        margin: 0;
    }

.subContainer {
    border-style: solid;
    border-width: 1px 2px 1px 2px;
    border-color: #C0C0C0;
    height: 100%;
    width: 100%;
    color: #000000;
    text-decoration: none;
    font-size: 10px; /*font-weight: 600;*/
}

    .subContainer td { /*min-height: 35px;
        height: 35px;*/
        font-size: 10px;
        padding: 2px;
    }

    .subContainer thead {
        background-color: #F3F3F3;
    }

.header {
    background-color: #F3F3F3;
}

.font11 {
    font-size: 11px !important;
}

.tdLeft { /*padding-left: 2px;*/
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #C0C0C0;
    border-bottom-color: #C0C0C0;
    min-height: 20px;
    height: 20px;
    color: #000000;
    vertical-align: middle;
}

.tdRight { /*padding-left: 2px;*/
    border-bottom-style: solid;
    border-left: 1px solid #C0C0C0;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    min-height: 20px;
    height: 20px;
    color: #000000;
    vertical-align: middle;
}

.cell00 {
    width: 46px;
    max-width: 46px;
    min-width: 46px;
}

.cell0 {
    width: 57px;
    max-width: 56px;
    min-width: 56px;
}

.cell1 {
    width: 64px;
    max-width: 64px;
    min-width: 64px;
}

.cell_1 {
    width: 80px;
    max-width: 81px;
    min-width: 76px;
}

.cell2 {
    width: 155px;
    max-width: 150px;
    min-width: 150px;
}

.cell3 {
    width: 225px;
    max-width: 225px;
    min-width: 225px;
}

.cell4 {
    width: 278px;
    max-width: 278px;
    min-width: 278px;
}

.cell5 {
    width: 375px;
    max-width: 375px;
    min-width: 375px;
}

.cell6 {
    width: 450px;
    max-width: 450px;
    min-width: 450px;
}

.cell7 {
    width: 525px;
    max-width: 525px;
    min-width: 525px;
}

.cell8 {
    width: 600px;
    max-width: 600px;
    min-width: 600px;
}

.cell9 {
    width: 675px;
    max-width: 675px;
    min-width: 675px;
}

.cell10 {
    width: 56px;
    max-width: 55px;
    min-width: 55px;
}

.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.capital {
    text-transform: capitalize;
}

.bold {
    font-weight: bold;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.element {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    white-space: nowrap !important;
    border: 0 none;
    width: 110px;
    font-size: 9pt;
    font-weight: normal;
}
/* //////////////////////////////////////////////////////////
       Tabular Data CSS                                      END
      //////////////////////////////////////////////////////////  */

.sAcronym {
    border-bottom: 1px dotted red;
    cursor: pointer;
}

.sInnerAcronym {
    border-bottom: 1px dotted red;
    padding-bottom: 2px; /*font-weight: bold;*/
}


.AcronymBox {
    position: absolute;
    width: 350px;
    background-color: #fff8de;
    border: 1px;
    z-index: 2; /*display:none;*/
    box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
    color: black;
    font-size: 9pt;
    left: 120px;
    top: 160px;
    display: none;
}

    .AcronymBox .divAcronymHeading {
        margin: 8px;
        position: relative;
        background-color: #fff8de;
        padding-left: 8px;
        padding-right: 8px;
        font-weight: bold;
        font-size: 10pt;
    }

    .AcronymBox .divAcronymContent {
        margin: 8px;
        position: relative; /*background-color:#ffffff;*/
        padding-left: 8px;
        padding-right: 8px;
        line-height: 16px;
    }

.rdolabel
.AcronymBox .sCalloutEdge {
    position: absolute;
    left: 0px;
    width: 17px;
    height: 17px;
    background: url(Images/Core/acro_callout_edge.png) -17px 0px;
    top: -24px;
}

.AcronymBox .sClose {
    position: absolute;
    background: url('Images/Core/close.png');
    width: 16px;
    height: 16px;
    right: 2px;
    top: 2px;
}

    .AcronymBox .sClose a {
        width: 16px;
        height: 16px;
        display: block;
    }

.searchTermIndex {
    display: none;
}


.videoGallery .title span.sAcronym {
    padding: 0px !important;
    border-bottom: 1px dotted red;
    cursor: pointer;
    display: inline !important;
}

.videoGallery .title span.sInnerAcronym {
    padding: 0px !important;
    border-bottom: 1px dotted red;
    padding-bottom: 2px !important;
    font-weight: bold;
    display: inline !important;
}

.presentationGallery .title span.sAcronym {
    padding: 0px !important;
    border-bottom: 1px dotted red;
    cursor: pointer;
    display: inline !important;
}

.presentationGallery .title span.sInnerAcronym {
    padding: 0px !important;
    border-bottom: 1px dotted red;
    padding-bottom: 2px !important;
    font-weight: bold;
    display: inline !important;
}

/* - - - - - - - - - - - - - - - - - - - -           jqGrid CSS            - - - - - - - - - - - - - - - - */

#FilterCriteria { /*updated 8th May By Waseem*/
    BORDER-BOTTOM: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    PADDING-BOTTOM: 8px;
    BACKGROUND-COLOR: white;
    PADDING-LEFT: 8px;
    WIDTH: 215px;
    height: 32px;
    margin-right: 3px;
    PADDING-RIGHT: 8px;
    FONT-SIZE: 9pt;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-RIGHT: #c0c0c0 1px solid;
    PADDING-TOP: 8px;
}

.GridSearch { /*updated 26 June By Azeem*/
    BORDER-BOTTOM: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    PADDING-BOTTOM: px;
    BACKGROUND-COLOR: white;
    PADDING-LEFT: 8px;
    WIDTH: 215px;
    height: 32px;
    margin-right: 3px;
    PADDING-RIGHT: 8px;
    FONT-SIZE: 9pt;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-RIGHT: #c0c0c0 1px solid;
}

.iPageContainer p {
    padding-left: 14px;
}

.iPageContainer {
    MARGIN: 0px 0px 0px;
}

INPUT.cmsbutton {
    BORDER-BOTTOM: transparent 0px;
    MIN-WIDTH: 35px;
    TEXT-ALIGN: center;
    BORDER-LEFT: transparent 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 48px !important;
    PADDING-RIGHT: 0px;
    HEIGHT: 32px;
    COLOR: white;
    BORDER-TOP: transparent 0px;
    BORDER-RIGHT: transparent 0px;
    PADDING-TOP: 0px;
}

.iPageContainer .gridTopControls {
    WIDTH: 100%;
    MARGIN-BOTTOM: 3px;
}

    .iPageContainer .gridTopControls .controlcol1 {
        FLOAT: left;
        margin-top: -10px;
    }

    .iPageContainer .gridTopControls .controlcol2 {
        FLOAT: right;
        margin-top: -10px;
    }

.griditems a, .link {
    color: #1570a6;
    text-decoration: none;
}

    .griditems a:hover, .link:hover {
        color: #1570a6;
        text-decoration: underline;
    }

#Grid td .preloadcont {
    position: relative;
}

#Grid td .jq_ajax_preloader {
    background: url('/images/preloader.gif') no-repeat;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: -24px;
    left: 0px;
    z-index: 100;
}

.jqgrd_empty {
    border: solid 1px #cccccc;
    padding: 5px;
    font-size: 12px;
    display: none;
    margin: 8px 0;
    width: 100%;
}

.ui-jqgrid-pager {
    border-top: 0px none !important;
}

.rdblabel {
    margin-left: 4px;
}

.rdolabel {
    margin-left: 20px;
    font-size: 12px;
    position: relative;
    display: block;
    margin-top: -17px;
}

.chkAttributes {
    width: 248px;
    position: relative;
    float: left;
    line-height: 18px;
}

.ctrlcol .preloader {
    background: url('/images/CMS/spinner_small.gif') no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 10px;
    left: 230px;
    z-index: 100;
}

#btnSubmit:disabled {
    cursor: pointer;
    background: #989898;
    color: #ffffff;
}

.searchTerm .s_col {
    float: left;
    MARGIN-LEFT: 1px;
    margin-top: 9px;
}

.iPageTopText {
    padding: 10px 0px 0px 10px;
    font-size: 10pt;
}


.ddlbox {
    BORDER-BOTTOM: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    PADDING-BOTTOM: 8px;
    BACKGROUND-COLOR: white;
    MARGIN-TOP: 5px;
    margin-bottom: 5px;
    PADDING-LEFT: 8px;
    WIDTH: 260px;
    PADDING-RIGHT: 8px;
    FONT-SIZE: 9pt;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-RIGHT: #c0c0c0 1px solid;
    PADDING-TOP: 8px;
}

.largedllbox {
    BORDER-BOTTOM: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    PADDING-BOTTOM: 8px;
    BACKGROUND-COLOR: white;
    MARGIN-TOP: 5px;
    margin-bottom: 5px;
    PADDING-LEFT: 8px;
    WIDTH: 460px;
    PADDING-RIGHT: 8px;
    FONT-SIZE: 9pt;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-RIGHT: #c0c0c0 1px solid;
    PADDING-TOP: 8px;
}


.iPageContainer .iPageCaption {
    LINE-HEIGHT: 40px;
    BACKGROUND-COLOR: #076eaa;
    MARGIN: 3px 0px 10px;
    PADDING-LEFT: 15px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 40px;
    COLOR: white;
    FONT-SIZE: 12pt;
}

    .iPageContainer .iPageCaption H2 {
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-LEFT: 0px;
        PADDING-RIGHT: 0px;
        COLOR: #ffffff;
        FONT-SIZE: 13px;
        FONT-WEIGHT: normal;
        PADDING-TOP: 0px;
    }

/*.iPageContainer .iPageTopText { PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; }*/

.iPageContainer .iPageContainer2 {
    MARGIN: 3px 0px 12px;
    margin-top: 5px;
}

    .iPageContainer .iPageContainer2 .iPageCaption2 {
        LINE-HEIGHT: 24pt;
        BACKGROUND-COLOR: #2198dc;
        PADDING-LEFT: 14px;
        DISPLAY: block;
        MARGIN-BOTTOM: 10px;
        COLOR: white;
        FONT-SIZE: 11pt;
        FONT-WEIGHT: 400;
        TEXT-DECORATION: none;
        font-smooth: always;
    }

    .iPageContainer .iPageContainer2 .row1col {
        MARGIN: 3px 0px;
        margin-top: 0px;
        padding-left: 0px;
        position: relative;
    }

        .iPageContainer .iPageContainer2 .row1col .captcol { /*width: 150px;*/
            font-weight: normal;
            margin-bottom: 4px;
        }

        .iPageContainer .iPageContainer2 .row1col .ctrlcol {
            margin-bottom: 7px;
        }


        .iPageContainer .iPageContainer2 .row1col .txtcol {
            margin-bottom: 15px;
            COLOR: #303030;
            FONT-SIZE: 12px;
            font-family: Arial,Helvetica,sans-serif;
        }

    .iPageContainer .iPageContainer2 TEXTAREA {
        WIDTH: 260px;
    }

.iPageContainer .fieldcapt {
    MARGIN-TOP: 3px;
    FONT-SIZE: 12px;
}

.iPageContainer .gridTopControls {
    WIDTH: 100%;
    MARGIN-BOTTOM: 3px;
    margin-top: 14px;
}

    .iPageContainer .gridTopControls .controlcol1 {
        FLOAT: left;
        margin-top: 20px;
    }

    .iPageContainer .gridTopControls .controlcol2 {
        MARGIN-TOP: 14px;
        FLOAT: right;
    }

.iPageCaption2 {
    background-color: #2198DC;
    color: #FFFFFF;
    display: block;
    font-size: 11pt;
    font-weight: 400;
    line-height: 24pt;
    margin-bottom: 10px;
    padding-left: 14px;
    text-decoration: none;
}


.iHeadingPane2 a {
    color: white;
}

.divWhatsNewItem {
    background-color: #efefef;
    font-size: 12px;
}

.divWhatsNew {
    padding: 10px; /*font-size:12px;*/
    margin-bottom: 10px;
}

    .divWhatsNew div {
        float: left;
        width: 50%;
        line-height: 25px;
    }

        .divWhatsNew div .sBold {
            font-weight: bold;
        }

/*Left Menu for bucket*/
.ulLeftMenu {
    font-size: 10pt;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 10px; /*padding-top: 5px;*/
    padding-bottom: 5px;
}

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

optgroup {
    font-style: normal;
}

.Hide {
    display: none;
}



/*   MULTI SECTION REPORT      START*/

.Mcell1 {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.Mcell2 {
    width: 278px;
}

.Mcell3 {
    width: 350px;
    max-width: 350px;
    min-width: 350px;
}

.Mcell4 {
    width: 400px;
    max-width: 400px;
    min-width: 400px;
}

.Mcell5 {
    width: 750px;
    max-width: 750px;
    min-width: 750px;
}




/*   MULTI SECTION REPORT    Added by noor   END*/

.accordionRL {
    padding-left: 0px;
    margin-left: 0 !important;
    list-style: none;
    *zoom: 1;
    margin-bottom: 10px;
}

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

    .accordionRL:after {
        clear: both;
    }

    .accordionRL > li {
        margin-top: 5px;
        display: block;
    }

        .accordionRL > li:last-child {
            margin-bottom: 0px;
        }

        .accordionRL > li > a {
            display: block;
            height: 32px;
            background: 5px no-repeat;
            background-color: #2198dc;
            padding-left: 10px;
            padding-top: 5px; /*font-family:'Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;*/
            font-weight: 400;
            font-size: 11pt; /*letter-spacing:.01em;*/
            line-height: 16pt;
            font-smooth: always;
            color: white;
            text-decoration: none;
        }

        .accordionRL > li > div {
            padding-left: 0px;
            border: 1px #ccc dotted;
            display: none;
        }

        .accordionRL > li.active > a {
            background-color: #d9d9d9;
        }

        .accordionRL > li.active > div {
            padding-left: 0px;
            display: block;
        }

    .accordionRL.dark > li > a {
        background-color: #989898;
        color: #fff;
    }

    .accordionRL.dark > li.active > a {
        background-color: #989898;
    }


/*For Ckeditor  ul and ol list padding issue fixing against CMS pages*/



.CMSContent ol li {
    margin-left: 30px;
}

.CMSContent ul li {
    margin-left: 30px;
    list-style-type: square;
}

.videoGallery ul li {
    list-style-type: none !important;
    margin-left: 0px !important;
}

.presentationGallery.gallery.clearfix ul li {
    list-style: none;
    margin-left: 0px;
}


.LeftMenuHeading {
    background-color: #c7c7c7 !important;
    color: black;
    display: block;
    font-size: 11pt;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

.CustomButton {
    background-color: #c7c7c7;
    color: black;
    border: 1px solid transparent;
    box-sizing: content-box !important;
    cursor: pointer;
    display: inline-block;
    font-family: 'Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
    font-weight: 400;
    margin: 0;
    min-width: 74px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

button, input[type=button], input[type=reset], input[type=submit] {
    color: black !important;
}

.ulLeftMenu li span {
    font-weight: bold;
}

.CustomButton a {
    background-color: #777777;
    color: #fff;
    text-decoration: none;
}

    .CustomButton a:hover {
        background-color: #777777;
        color: #fff;
        text-decoration: none;
    }
/*8/20/2014 - Bullets on Release Notes*/
#ReleaseNotesTabs .iContent ul {
    padding: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #ReleaseNotesTabs .iContent ul li {
        list-style-type: square;
        padding-left: 5px;
        margin: 0px;
    }

/*added for home panels navigation by Faizan*/
#panelsNavigation {
    position: absolute;
    right: -20px;
    top: 45%;
}

.scrolldot {
    width: 16px;
    height: 16px;
    background-image: url('Images/Core/hub_panel_navigation_16x16_gred_o.png');
    cursor: pointer;
    margin-top: 3px;
    background-position: 0px 16px;
}

.panelsNavigationH {
    right: 5px !important;
    top: -26px !important;
    z-index: 2;
}

.scrolldotH {
    float: left;
    margin-left: 3px;
}


.scrolldotActive {
    background-position: 0px 0px;
}

/*eof home panels navigation*/

.byLine { /*background-color:#c90000;*/
    /*padding-left: 275px;*/
    padding-left: 259px;
    padding-right: 15px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: small;
}
/*.byLineRibbon {position:absolute;right:0px; width:45px; height:60px; background: url('Images/Core/ribbon.png') no-repeat;}*/
.byLineRibbon {
    position: absolute;
    right: 0px;
    width: 24px;
    height: 24px;
    background: url('Images/Core/byline_triangle.png') no-repeat;
    bottom: 0px;
}

.menuItemRibbon {
    position: absolute;
    right: 0px;
    width: 20px;
    height: 20px;
    background: url('Images/Core/byline_triangle.png') no-repeat;
    /*bottom: 0px;*/
    margin-top: 4px;
}

.transparent25_i {
    background-image: url('Images/Core/transparent_gray_25.png');
}

.transparent10_i {
    background-image: url('Images/Core/transparent_gray_10.png');
}

.transparent50 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE 5-7 */
    -moz-opacity: 0.5; /* Netscape */
    -khtml-opacity: 0.5; /* Safari 1.x */
    opacity: 0.5; /* Good browsers */
}

/*for overwriting tile library*/
.animation_slider .tile-content {
    margin-top: 50px;
}

.animation_slider .image {
    margin-top: 0px;
}

.tile-status {
    background-color: rgba(209, 42, 42, 0.32) !important;
    height: auto !important;
}

.tile_loader {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    text-align: right;
    padding: 10px;
}

.liSpecialFilterOption {
    background-color: red;
}

.ulSubOption {
    background-color: white;
}

    .ulSubOption li {
        padding-left: 20px !important;
    }

.divCurrentExperimentOnly {
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #D8E9E4;
    height: 25px;
    padding: 5px;
}

.divSurfaceTypeOptions li {
    margin-top: 10px;
    display: inline;
    float: left;
    padding-right: 10px;
    height: 25px;
}

.divFiltersBasicView {
    padding-bottom: 10px;
}

.divFiltersAdvancedView {
    padding-bottom: 10px;
}

.AdvancedListOptions {
    overflow-y: auto;
    max-height: 400px;
    float: left;
    width: 450px;
    border: 1px solid #DADADA;
    height: 400px;
}

.filterDraggingContainer {
    max-height: 400px;
    float: left;
    width: 450px;
    margin-left: 15px;
    position: relative;
}

.filterDraggingPane {
    width: 450px;
    float: left;
    margin-right: 6px;
    position: absolute;
}

.filterDraggedOptions { /*overflow-y: scroll;*/
    height: 170px;
    border: 1px solid #DADADA;
    border-top: 0px none transparent;
}

.availableOption {
    min-height: 100px;
    width: 100%; /*height:100%;*/
}

    .availableOption li {
        box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
        margin: 5px !important;
        padding: 0px !important;
        line-height: 36px !important;
        cursor: move;
    }

        .availableOption li span.icon {
            background: url("Images/Core/drag.png") no-repeat transparent;
            width: 24px;
            height: 24px;
            display: inline-block;
            position: absolute;
            top: 5px;
            left: 5px;
        }

        .availableOption li span.info {
            margin-left: 35px;
            display: inline-block;
        }

.draggedOptions {
    min-height: 160px;
    float: left;
    width: 100%;
    height: 100%;
}

    .draggedOptions li {
        box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
        margin: 5px !important;
        background-color: #f7f7f7;
        padding: 0px !important;
        line-height: 36px !important;
        cursor: move;
    }

        .draggedOptions li span.icon {
            background: url("Images/Core/drag_green.png") no-repeat transparent;
            width: 24px;
            height: 24px;
            display: inline-block;
            position: absolute;
            top: 5px;
            left: 5px;
        }

        .draggedOptions li span.info {
            margin-left: 35px;
            display: inline-block;
        }

li.filterChildOption {
    padding-left: 15px !important;
}

    li.filterChildOption span.icon {
        left: 20px;
    }

.FilterButtonSet button {
    background-color: #f7f7f7 !important;
    color: black;
}

    .FilterButtonSet button.active {
        background-color: orange !important;
    }
/*.button-set button.active { background-color:#0072c6!important;}*/
/*.button-set button.active { background-color:orange!important;}*/

.divDialogModeNavigation {
    margin-top: 5px;
}

.filterOption {
    position: relative;
}

.SelectedFiltersOptions ul li {
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: #f7f7f7;
    line-height: 25px;
    padding: 5px; /*width:500px;*/
}

.divSelectedFilter {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #f7f7f7;
}

.iPopupHeadingSelectedFilter {
    color: black;
    font-size: 10pt;
    font-weight: bold;
    line-height: 20px;
}

.spanRangeValues {
    background-color: white;
}

.iHide {
    display: none;
}

.iShow {
    display: block !important;
}

.iShowInline {
    display: inline-block !important;
}

.AndOrHeading {
    padding: 5px;
    background-color: #DFDFDF;
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
}

.selectedListOptions { /*list-style-type:square; margin-left:25px;*/
}

    .selectedListOptions li, .selectedListOptions div {
        background-color: #f7f7f7;
        padding-left: 10px;
        padding-right: 10px; /*width:500px;*/
        line-height: 20px;
    }

.iDivInformation {
    position: absolute;
    top: -39px;
    z-index: 6;
    display: none;
    right: 50px;
}

    .iDivInformation .iDivInformationNav {
    }

        .iDivInformation .iDivInformationNav .edge {
            background: url("Images/Core/info_right_edge_o.png") no-repeat transparent;
            width: 8px;
            height: 20px;
            position: absolute;
            right: -7px;
            top: 14px;
        }

        .iDivInformation .iDivInformationNav .minimize {
        }

        .iDivInformation .iDivInformationNav .close {
        }

    .iDivInformation .iDivInformationDetails {
        width: 30px;
        height: 44px;
        border: 1px solid #cc5b00;
        padding: 10px;
        background-color: #ff9534;
        box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    }

        .iDivInformation .iDivInformationDetails .icon {
            width: 24px;
            height: 24px;
            background: url("Images/Core/bookmark_w.png") no-repeat transparent;
            position: relative;
            left: -6px;
        }

        .iDivInformation .iDivInformationDetails .information {
            display: none;
            color: white;
            width: 180px;
        }

            .iDivInformation .iDivInformationDetails .information h2 {
                font-size: 12pt;
                font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
                font-weight: normal;
                margin: 0px;
                padding: 0px;
                color: white;
                font-weight: bold;
            }

            .iDivInformation .iDivInformationDetails .information p {
                font-size: 10pt;
                padding: 0px;
                margin: 0px;
                margin-top: 10px;
            }

.bgWhite {
    background-color: white !important;
}

/*Data Analysis Plan Styles*/
.redColor {
    background-color: #de1044;
}

.blueColor {
    background-color: #000099;
}

.greenColor {
    background-color: #34cc35;
}


.selectedLocations { /*list-style-type:square; margin-left:25px;*/
}

    .selectedLocations li {
        background-color: #DFDFDF;
        padding-left: 10px;
        padding-right: 10px; /*width:500px;*/
        line-height: 20px;
        float: left;
        margin: 5px;
    }

.optionDisabled {
    color: #c0c0c0;
}

.dragDisabled {
    color: #c0c0c0;
}

.andDraggingPane {
    top: 200px;
}

/*.ui-dialog .ui-dialog-titlebar-close {display:block!important;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {background-image: url(themes/base/images/ui-icons_white_256x240.png)!important;}
.show-close .ui-dialog-titlebar-close {display:block!important; margin-right: 2px;}*/

.DataBuckethasCountData {
    font-weight: bold;
}


/*Data Selection Color Codes for Source Type */

a.SourceType1 {
    color: #000;
    background: none repeat scroll 0 0 #D7FFCB;
}

a.SourceType2 {
    color: #000;
    background: none repeat scroll 0 0 #FFFCB3;
}

a.SourceType3 {
    color: #000;
    background: none repeat scroll 0 0 #D6C9FF;
}

a.SourceType4 {
    color: #000;
    background: none repeat scroll 0 0 #FFD3F3;
}

a.SourceType5 {
    color: #000;
    background: none repeat scroll 0 0 #477cdd;
}

a.SourceType6 {
    color: #000;
    background: none repeat scroll 0 0 #A6F1FF;
}

a.SourceType7 {
    color: #000;
    background: none repeat scroll 0 0 #FEC2C5;
}


/*span.SourceType1 { color:#000;  background: none repeat scroll 0 0 #D7FFCB; }
span.SourceType2 { color:#000;  background: none repeat scroll 0 0 #FFFCB3; }
span.SourceType3 { color:#000;  background: none repeat scroll 0 0 #D6C9FF; }
span.SourceType4 { color:#000;  background: none repeat scroll 0 0 #FFD3F3; }
span.SourceType5 { color:#000;  background: none repeat scroll 0 0 #477cdd; }
span.SourceType6 { color:#000;  background: none repeat scroll 0 0 #A6F1FF; }
span.SourceType7 { color:#000;  background: none repeat scroll 0 0 #FEC2C5; }*/


li.SourceType1 {
    color: #000;
    background: none repeat scroll 0 0 #D7FFCB;
}

li.SourceType2 {
    color: #000;
    background: none repeat scroll 0 0 #FFFCB3;
}

li.SourceType3 {
    color: #000;
    background: none repeat scroll 0 0 #D6C9FF;
}

li.SourceType4 {
    color: #000;
    background: none repeat scroll 0 0 #FFD3F3;
}

li.SourceType5 {
    color: #000;
    background: none repeat scroll 0 0 #477cdd;
}

li.SourceType6 {
    color: #000;
    background: none repeat scroll 0 0 #A6F1FF;
}

li.SourceType7 {
    color: #000;
    background: none repeat scroll 0 0 #FEC2C5;
}

.SourceTypeLegendsBar {
    background-color: #e2e9f0;
    color: black;
    line-height: 20px;
    padding: 5px 5px 5px 7px;
    font-size: 10pt;
    height: 88px;
    position: relative;
    z-index: 2;
    font-family: Arial,Helvetica,sans-serif;
    display: none; /*width:756px; margin-left:4px;*/
    margin-bottom: 5px;
}

    .SourceTypeLegendsBar li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 48%;
        margin: 3px 5px 3px 8px
    }


.NavigationDDM {
    position: absolute;
    top: 100%;
    left: 0px;
    min-width: 220px;
    display: none;
    list-style-type: none;
    z-index: 1000;
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-left: 4px solid #989898;
}

    .NavigationDDM li {
        color: black;
        background: #e9e9e9;
    }

        .NavigationDDM li a {
            text-decoration: none;
            display: block;
            color: #447dd3;
            text-transform: none !important;
            border-bottom: 1px solid #ccc;
            padding-top: 4px;
            padding-bottom: 4px;
        }

            .NavigationDDM li a:hover {
                color: #6fa0e9;
                background: #e7f0f7;
            }

        .NavigationDDM li a {
            line-height: 20px;
        }

/*Noice for SDR release*/
.aNotice {
    text-decoration: none;
}

.divNotice {
    background: #fef0c0;
    color: black;
    padding: 10px;
    font-size: 9pt;
    margin: 5px;
    border: 1px solid #B0A682;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
}

    .divNotice ul.newsticker {
        padding-left: 50px;
        margin: 0px;
        text-decoration: none;
    }

ul.newsticker li {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

.divNotice p {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

.divTickerContainer {
    display: none;
}


.ulFilterContentMenu li {
    float: left;
    margin-left: -24px;
}

    .ulFilterContentMenu li .openIconh {
        background: url("Images/Core/filter_icons.png") no-repeat scroll 0px 0 rgba(0, 0, 0, 0);
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
        background-position: 0px 0px;
    }

    .ulFilterContentMenu li .saveIconh {
        background: url("Images/Core/filter_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 24px;
        height: 24px;
        display: block;
        position: relative;
        background-position: -24px 0px;
    }
    /*Added by Anwar For Filter Option*/
    .ulFilterContentMenu li .filterIcon {
        background: url("Images/Core/icons/Filter_Options.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        width: 50px;
        height: 24px;
        display: block;
        position: relative;
        background-position: -4px -3px;
    }
/*end*/

.divToolbar {
    background-color: #E2E9F0;
    height: auto;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid lightgray;
}

    .divToolbar .divControlsRow {
        line-height: 34px !important;
        font-size: 10pt;
    }

    .divToolbar .divDesc {
        float: left !important;
        font-weight: normal !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .divToolbar .divControls {
        float: left !important;
        margin-right: 28px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

        .divToolbar .divControls select {
            width: 150px !important;
            background-color: white !important;
            border: 1px solid #C0C0C0;
            font-size: 9pt;
            padding: 8px;
        }

#graphDisplayMsg {
    padding: 11px;
    padding-bottom: 1px;
    background-color: #fef0c0;
}

    #graphDisplayMsg p {
        font-size: 13px;
    }

#divCorGraph .axis text {
    font-size: 10px !important;
}

    #divCorGraph .axis text.label {
        font-weight: bold !important;
    }

#PgPrint {
    margin: 5px auto;
    width: 754px;
}

.btnDownloadGrid {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}
/*for save graph as image*/
.btnSaveAsImageAnalytics {
    margin-top: 5px;
    position: absolute;
    width: 90px;
    z-index: 5;
    right: 225px;
}

.btnSaveAsImageDiva {
    float: right;
    margin-top: -40px;
    width: 88px;
}

.btnSaveAsImageOther {
    margin-top: 10px;
    position: absolute;
    width: 88px;
    z-index: 5;
    right: 0px;
}

.btnSaveAsImageAnalytics img {
    cursor: pointer;
}

.btnSaveAsImageDiva img {
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

.btnSaveAsImageOther img {
    cursor: pointer;
}

/*Added by Anwar(9/9/16) for table navigator's radio buttons*/
.iRadioContainerTopDivLeft .ulDataSelectionMenu li span {
    height: 32px;
    display: block;
    border: 2px solid transparent;
    background: url(Images/Core/tables_icon.png) 0 0;
    line-height: 30px;
    padding-left: 32px;
    width: 250px;
    padding-right: 13px;
    background-repeat: no-repeat;
    text-decoration: none;
    color: black;
}

.iRadioContainerTopDivLeft ul.ulDataSelectionMenu li .dataSelectionInput {
    float: left;
    margin: 10px 0px 0px;
}

.iRadioContainerTopDivLeft ul.ulDataSelectionMenu li .dataSelectionLbl {
    float: left;
}

    .iRadioContainerTopDivLeft ul.ulDataSelectionMenu li .dataSelectionLbl .aAdvanceClassificationBtn {
        background-position: 0px -85px;
        background-repeat: no-repeat;
        margin-right: 0px;
    }

    .iRadioContainerTopDivLeft ul.ulDataSelectionMenu li .dataSelectionLbl .AdvanceaDataBtn {
        margin-right: 0px;
    }

    .iRadioContainerTopDivLeft ul.ulDataSelectionMenu li .dataSelectionLbl .aAdvanceDataBtn {
        background-position: 0px -59px;
        margin-right: 0px;
    }

    .iRadioContainerTopDivLeft ul.ulDataSelectionMenu li .dataSelectionLbl .ExpandedTableClassificationBtn {
        background-position: 0px -169px;
        background-repeat: no-repeat;
        margin-right: 0px;
    }

.ulDataSelectionOrder {
    padding-left: 2px;
}

    .ulDataSelectionOrder li {
        float: left;
        font-size: 9pt;
        margin-right: 55px;
        padding-left: 8px;
    }

.iPageContainerTopDivBlurbs {
    background-color: #e2e9f0;
    height: 120px;
    width: 100%;
    z-index: 5;
    left: 0px;
    padding-top: 0px;
    border-top: 1px solid lightgray;
    font-size: 10pt;
}

.iRadioContainerTopDivLeft {
    background-color: #e2e9f0;
    height: 135px;
    width: 50%;
    float: left;
    z-index: 5;
    left: 0px; /*box-shadow:0px 3px 7px rgba(0,0,0,0.3);*/
    padding-top: 10px;
    border-top: 1px solid lightgray;
}

.iRadioContainerTopDivRight {
    background-color: #e2e9f0;
    height: 135px;
    width: 50%;
    float: left;
    border-left: 1px solid lightgray;
    z-index: 5;
    left: 0px; /*box-shadow:0px 3px 7px rgba(0,0,0,0.3);*/
    padding-top: 10px;
    border-top: 1px solid lightgray;
}

.AccordianHeaderChkBox {
    border: 0px none;
    float: right;
    position: relative;
    top: -25px;
    height: 0px;
    /* left: 0px; */
    padding-right: 19px;
    color: black;
}

.iPageContainerTopDivBlurbs div span.aAdvanceClassificationBtn {
    background-position: 0px -85px;
    background-repeat: no-repeat;
    width: 760px;
    margin-right: 0px;
}

.iPageContainerTopDivBlurbs div span.AdvanceaDataBtn {
    background-position: 0px -59px;
    width: 760px;
    margin-right: 0px;
}

.iPageContainerTopDivBlurbs div span.ExpandedTableClassificationBtn {
    background-position: 0px -169px;
    width: 760px;
    margin-right: 0px;
}
/*.iPageContainerTopDivBlurbs div span { height: 32px; display: block; border: 2px solid transparent; background: url(Images/Core/search.png) 0 0; line-height: 30px; padding-left: 32px; width: 210px; padding-right: 13px; background-repeat: no-repeat; text-decoration: none; color: black; }*/
.iPageContainerTopDivBlurbs div span {
    height: 32px;
    display: block;
    border: 2px solid transparent;
    background: url(Images/Core/tables_icon.png) 0 0;
    line-height: 30px;
    padding-left: 32px;
    width: 210px;
    padding-right: 13px;
    background-repeat: no-repeat;
    text-decoration: none;
    color: black;
}


/*Added for popup of reports in reference library*/
.iFormStandard {
}

    .iFormStandard tbody tr {
        vertical-align: top;
    }

        .iFormStandard tbody tr > *:first-child {
            width: 125px;
        }

.moreMenu {
    display: none;
}


.mapSectionHeight .sBluePinInActive, .mapSectionHeight .sBluePinActive, .mapSectionHeight .sSinglePin {
    height: 30px !important;
    padding-top: 9px !important;
    width: 13px;
    display: inline-block
}
/*.mapSectionHeight .dSLegendBox .lbl {
    width: 70px !important;
}*/

.mapSectionHeight .dSLegendBox {
    height: 46px;
}

.mapSectionHeight .menuSeprator {
    height: auto !important;
}

.HelpBar.GraphDivNPI {
    display: block;
}

.ui-tabs .ui-tabs-nav li.unit {
    background-color: #ffffff;
}













/* RL Filters CSS (Start)*/


.filterBox select {
    width: 300px !important;
    background-color: white !important;
    border: 1px solid #C0C0C0;
    font-size: 10pt;
    padding: 8px;
}

.searchBox {
    width: 282px !important;
    position: absolute;
    height: 36px;
    background-color: #e2e9f0;
    right: 0px;
    top: 0px;
}

.filterBox {
    width: 100%;
    height: 100%;
}

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

.node-c div:not(:first-child) {
    padding-left: 40px;
}

.node-c div:first-child {
    padding-left: 20px;
}

.node-c select {
    margin-top: 5px;
    margin-left: -5px;
}

    .node-c select option {
        padding-left: 5px !important;
    }

.searchBox input[type='text']:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.indexer {
    padding: 5px 9px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    background-color: #fff;
    text-align: center;
    color: #005696;
    cursor: pointer;
    display: table-cell;
}

    .indexer:first-child {
        border-left: 1px solid #c0c0c0;
        min-width: 16% !important;
        width: 16% !important;
    }

    /*.indexer:nth-child(2) {*/
    .indexer:last-child {
        min-width: 16% !important;
        width: 16% !important;
    }

    .indexer:hover, .alpha .active {
        background-color: #e2e9f0;
        /*font-weight:bold;*/
    }

.alpha .inactive {
    background: rgb(245, 245, 245);
    color: #989898;
    cursor: default;
}

.alpha {
    padding: 12px 0 0 0;
    width:1054px;
}
/* RL Filters CSS (End)*/

/* Help Tour CSS*/

.tourButton {
    min-width: 30px !important;
    background-color: #c7c7c7 !important;
    padding: 4px 8px 4px 8px !important;
    text-decoration: none !important;
    font-family: 'Segoe UI','Open Sans',Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: 500;
    vertical-align: middle;
    margin-top: 20px;
    color: black !important;
    line-height: 10pt;
    margin-right: 5px;
}

.iHeadingInlineNoticeMode.ulHelpIconh1 {
    width: 150px;
}

.helpTour {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/Content/Images/Core/help_tour_btn.png?1");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: right;
    font-size: 9pt;
    height: 30px;
    line-height: 30px;
    padding-left: 14px;
    position: relative;
    width: 80px;
    margin-left: 5px;
    top: -3px;
    cursor: pointer;
}

.connectorarrow-rt:before {
    border-left-color: #d47426 !important;
}

.connectorarrow-tl:before {
    border-bottom-color: #d47426 !important;
}

.connectorarrow-tr:before {
    border-bottom-color: #d47426 !important;
}

.connectorarrow-bl:before {
    border-top-color: #d47426 !important;
}

.connectorarrow-rb:before {
    border-left-color: #d47426 !important;
}

.filtersStpes {
    background-color: #fff8de !important;
    color: black !important;
    border-color: #fff8de !important;
}

    .filtersStpes a:hover {
        color: black !important;
    }

.connectorarrow-lt:before {
    border-right-color: #d47426 !important;
    color: black !important;
}

.helpTour {
    color: white !important;
}

._HelpBoxBindClimat {
    background-color: #fff8de !important;
    color: black !important;
    border: 1px solid #fff8de !important;
}
/*Header Tooltip*/
#HeaderTooltip a {
    color: black !important;
}
/*SectionTimeLine year container*/
.vertical-timeline-container .vertical-timeline-timeline .group-marker .inner2 {
    background-color: #fff8de !important;
    color: black !important;
}

.vertical-timeline-container .vertical-timeline-timeline .group {
    color: black !important;
}
/*SKIP TO MAIN CONTENT CSS*/
a#skipper {
    padding: 6px;
    position: absolute;
    top: -55px;
    left: 0px;
    color: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

    a#skipper:focus {
        position: absolute;
        background: #F1B82D;
        outline: 0;
        -webkit-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
        top: 0px;
        left: 0px;
        color: black;
    }

li.SDRListItem, a.sdrLinks, li.SDRListitemhild > span, li.SDRListitemhild:before {
    color: #066ac7 !important;
}
/*Data - Standard Data Release */
.FieldTooltip {
    max-width: 256px !important;
}

div.StatesList {
    /*overflow-y:no-display;
            overflow-x: no-display;*/
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 5px 4px;
    border: 1px solid #B0B0B0;
    border-top: 0px none transparent;
}

li.SDRListItem {
    float: left;
    margin: 0;
    padding: 5px;
    width: 100%;
    font-weight: bold;
}

.SDRListItem > span {
    font-size: 14px;
    font-weight: normal;
    font-weight: bold;
}

li.SDRListitemhild {
    float: left;
    margin: 0 3px;
    padding: 2px;
    width: 100%;
}

    li.SDRListitemhild:before {
        content: "■";
        font-size: 17px;
    }

a.sdrLinks {
    padding-left: 5px;
    font-size: 9pt;
    text-decoration: none;
}

input.sdrFile[type="submit"] {
    padding-left: 5px;
    color: #2f87ba;
    font-size: 9pt;
    text-align: left;
    text-decoration: none;
}

li.SDRListitemhild > span {
    font-size: 9pt;
    text-align: left;
}

/*input[type="submit"] {
            -moz-box-sizing: content-box !important;
            background-color: #fff;
            border: 1px solid transparent;
            cursor: pointer;
            display: inline-block;
            margin: 0;
            min-width: 10px;
            padding: 0px;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
        }*/

input.sdrFile[type="submit"]:hover {
    color: #2f87ba;
    text-decoration: underline;
}

#ddlSDR {
    width: 300px;
}

#divModulesData li.SDRListitemhild {
    padding-left: 10px;
}

.dictionaryOn {
    background-color: #c7c7c7 !important;
    color: black !important;
}
/*HOME PAGE STYLE*/
.UnpinTiles:before {
    font-size: 17px;
}

.featureGroup .featureName {
    font-size: 20px;
}

.featureGroup .tileName, .featureGroup .tilelink {
    font-size: 14px;
    /*font-weight: 600;*/
}

.featureGroup .tile .tilelink a {
    font-size: 14px;
}

.tileLinkOpen a {
    font-size: 12px;
}

button, input[type=button], input[type=reset], input[type=submit] {
    color: black !important;
}
/* start - navigation styles ******************************************************************************/
#fhwanavmenu {
    background: #000;
    clear: both;
    height: 36px;
    margin-bottom: 20px;
}

    #fhwanavmenu .dropdown ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        #fhwanavmenu .dropdown ul ul {
            border-left: #000 1px solid;
            border-right: #000 1px solid;
            border-top: #000 1px solid;
            z-index: 596;
        }

        #fhwanavmenu .dropdown ul li a {
            font-size: 0.95em;
            font-weight: normal;
            padding: 8px 10px 9px 10px;
        }

        #fhwanavmenu .dropdown ul li li {
            font-size: 0.9em;
        }

            #fhwanavmenu .dropdown ul li li a span {
                background: url(/images/fhwa/arrow_blkrgt.png) right no-repeat;
                display: block;
                margin-right: -17px;
                padding-right: 15px;
            }

            #fhwanavmenu .dropdown ul li li:hover span {
                background: url(/images/fhwa/arrow_whtrgt.png) right no-repeat;
            }

        #fhwanavmenu .dropdown ul li:hover a {
            background: none;
            color: #9CF;
        }

    #fhwanavmenu .dropdown li:hover li a {
        background: #FFF;
        border-bottom: #000 1px solid;
        color: #000;
        padding: 5px 20px 5px 10px;
    }

        #fhwanavmenu .dropdown li:hover li a:hover {
            background: #000;
            color: #9CF;
        }

.arrow-whtdwn {
    background: url(images/header/arrow_whtdwn.png) bottom center no-repeat;
}
/*
#fhwanavmenu .dropdown li a:hover, 
#fhwanavmenu .dropdown li a.active,
#about #fhwanavmenu .dropdown li.mnabout a, 
#programs #fhwanavmenu .dropdown li.mnprograms a, 
#resources #fhwanavmenu .dropdown li.mnresources a, 
#briefingroom #fhwanavmenu .dropdown li.mnbriefing a, 
#contact #fhwanavmenu .dropdown li.mncontact a { color:#9cf; }
*/

/* search */
#fhwanavmenu .search {
    border-top: #000 6px solid;
    float: right;
}

    #fhwanavmenu .search fieldset {
        background: #fff;
        border: none;
        width: 225px;
        margin: 0px;
        padding: 0px;
    }

    #fhwanavmenu .search input {
        border: none;
    }

        #fhwanavmenu .search input.srchbox {
            border-left: #fff 3px solid;
            color: #666;
            float: left;
            font-size: 12px;
            height: 22px;
            width: 184px;
        }

        #fhwanavmenu .search input.srchbox {
            height: 17px\9;
            padding-top: 3px\9;
        }
        /* IE 9 hack */
        #fhwanavmenu .search input.srchbtn {
            border-right: #fff 2px solid;
            float: right;
        }
/* end - navigation styles ********************************************************************************/

/* site container - control site width */
.fhwacontainer {
    border: #f00 0px solid;
    margin: auto;
    width: 1054px
}

.dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    /*background: #1bc2a2;*/
}

    .dropdown ul li {
        display: block;
        position: relative;
        float: left;
        /*background: #1bc2a2;*/
    }

/* The CSS to hide the sub menus. */
.dropdown li ul {
    display: none;
}

.dropdown ul li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
}
    /* Displays the dropdown menu on hover. */
    .dropdown ul li a:hover {
        background: #2c3e50;
    }

.dropdown li:hover > ul {
    display: block;
    position: absolute;
    text-align: left;
}

.dropdown li:hover li {
    float: none;
}

.dropdown li:hover a {
    background: #1bc2a2;
}

.dropdown li:hover li a:hover {
    background: #2c3e50;
}

.main-navigation li ul li {
    border-top: 0;
}

/* Displays second level dropdown menus to the right of the first level dropdown menu. */
.dropdown ul ul ul {
    left: 100%;
    top: 0;
}

/* Simple clearfix. */
.dropdown ul:before,
.dropdown ul:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.dropdown ul:after {
    clear: both;
}
/*FULL WIDTH FHW header CSS*/
#fhwaheaderfullwidth {
    background: #063472 url(images/Header/bg_headersm.png) left top repeat-x;
    border: #F00 0px solid;
    padding: 5px 0px;
    text-align: left;
    position: relative;
    /*z-index: 99999;*/
    min-width: 1375px;
    /*background: #063472 url(images/Header/bg_headersm.png) left top repeat-x;
    border: #F00 0px solid;
    padding: 5px 0px;
    text-align: left;
    position: relative;
    width: 100%;*/
    /*z-index: 99999;*/
}
    #fhwaheaderfullwidth .container, #fhwafooterfullwidth .container {
        padding: 0;
        overflow: visible;
        max-width: 100%;
        width: 1375px;
        height: auto;
        margin: 0px auto;
        position: relative;
    }
}
#fhwafooter .container {
    text-align: left;
}

#logo-brand {
    float: left;
}

#fhwaheaderfullwidth img.imgdotfhwalg {
    display: none;
}
/* hides large FHWA header */
#fhwaheaderfullwidth .logo {
    border: #F00 0px solid;
    float: left;
    width: 21%;
    height: 44px;
    margin-top: -10px;
    margin-left: -10px;
}

#fhwaheaderfullwidth .dropdown {
    border: #00F 0px solid;
    float: left;
    margin-top: 5px;
    width: 69%;
    margin-left: 6px;
}

    #fhwaheaderfullwidth .dropdown ul {
        float: right;
        z-index: 597;
        margin-right: 4px;
    }

#fhwaheaderfullwidth .socialbtns {
    border: #F00 0px solid;
    /* float: right; */
    margin-top: 10px;
    /* width: 15%; */
    margin-bottom: 4px;
}
    /* nav and social buttons position */
    #fhwaheaderfullwidth .socialbtns img {
        margin-left: 2px;
    }
/* left margin for social buttons */

#fhwaheaderfullwidth .dropdown ul ul {
    border-left: #000 1px solid;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    z-index: 598;
    left: 5px;
    font-size: 1.1em;
}

#fhwaheaderfullwidth .dropdown ul li a {
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 4px 10px 4px;
    letter-spacing: 0.1px;
}

#fhwaheaderfullwidth .dropdown ul li:hover a {
    background: none;
    color: #f60;
}
#fhwaheaderfullwidth .dropdown li:hover li a {
    background: #fff;
    border-bottom: #000 1px solid;
    color: #000;
    padding: 5px 20px 5px 10px;
}

#fhwaheaderfullwidth .dropdown ul li li {
    font-size: 0.9em;
}

    #fhwaheaderfullwidth .dropdown ul li li a span {
        background: url(images/fhwa/arrow_blkrgt.png) right no-repeat;
        display: block;
        margin-right: -17px;
        /*padding-right:15px;*/
    }

    #fhwaheaderfullwidth .dropdown ul li li:hover span {
        background: url(images/fhwa/arrow_whtrgt.png) right no-repeat;
    }

#fhwaheaderfullwidth .dropdown li:hover li a:hover {
    background: #036;
    color: #f60;
}
/* start - footer styles **********************************************************************************/
footer {
    /* background-color: rgb(38, 38, 45); */
    z-index: 9;
    width: 100%;
    min-height: 100px;
    height: auto;
    padding: 20px 0;
    background-color: #e9e9e9;
    font-size: 11px;
    color: #000;
}

#fhwafooterfullwidth {
    clear: both;
    /*color:#fff; 
	font-size:0.7em; */
    font-size: 8.5pt;
    /*padding-bottom:20px; 
	    padding-top: 6px;*/
    text-align: left;
    line-height: 12px;
    padding-top: 0px;
}

.outEdge {
    position: absolute;
    left: 200px;
    width: 16px;
    height: 17px;
    background: url(/Content/Images/Core/callout_edge_r.png);
    top: 2px;
}

#fhwafooterfullwidth .fhwasign {
    background: url(images/header/FHWA_Logo_footer.png) left no-repeat;
    border-right: #000 1px solid;
    float: left;
    margin-right: 10px;
    height: 60px;
    width: 162px;
    margin-left: 15px;
}

#fhwafooterfullwidth .foottext {
    margin-top: 2px;
}

#fhwafooterfullwidth a {
    /*line-height: 1.5;*/
    color: #000;
    text-decoration: underline;
}

#fhwafooterfullwidth a:hover { /* color:#9CF*/
}

#fhwafooterfullwidth .noprint {
    float: left;
}

#fhwafooterfullwidth .footer-links {
    float: left;
    width: 600px;
}
/* start - FHWA header styles **********************************************************************************/
#fhwaheader {
    background: #063472 url(images/Header/bg_headersm.png) left top repeat-x;
    border: #F00 0px solid;
    padding: 5px 0px;
    text-align: left;
    position: relative;
    z-index: 99999;
    min-width: 1375px;
}

    #fhwaheader .container, #fhwafooter .container {
        padding: 0;
        overflow: visible;
        max-width: 100%;
        width: 1375px;
        height: auto;
        margin: 0px auto;
        position: relative;
    }

#fhwafooter .container {
    text-align: left;
}

#logo-brand {
    float: left;
}

#fhwaheader img.imgdotfhwalg {
    display: none;
}
/* hides large FHWA header */
#fhwaheader .logo {
    border: #F00 0px solid;
    float: left;
    width: 21%;
    height: 44px;
    margin-top: -10px;
    margin-left: -10px;
}

#fhwaheader .dropdown {
    border: #00F 0px solid;
    float: left;
    margin-top: 5px;
    width: 69%;
    margin-left: 6px;
}

    #fhwaheader .dropdown ul {
        float: right;
        z-index: 597;
        margin-right: 4px;
    }

#fhwaheader .socialbtns {
    border: #F00 0px solid;
    /* float: right; */
    margin-top: 10px;
    /* width: 15%; */
    margin-bottom: 4px;
}
    /* nav and social buttons position */
    #fhwaheader .socialbtns img {
        margin-left: 2px;
    }
/* left margin for social buttons */

#fhwaheader .dropdown ul ul {
    border-left: #000 1px solid;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    z-index: 598;
    left: 5px;
    font-size: 1.1em;
}

#fhwaheader .dropdown ul li a {
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 4px 10px 4px;
    letter-spacing: 0.1px;
}

#fhwaheader .dropdown ul li:hover a {
    background: none;
    color: #f60;
}

#fhwaheader .dropdown li:hover li a {
    background: #fff;
    border-bottom: #000 1px solid;
    color: #000;
    padding: 5px 20px 5px 10px;
}

#fhwaheader .dropdown ul li li {
    font-size: 0.9em;
}

    #fhwaheader .dropdown ul li li a span {
        background: url(images/fhwa/arrow_blkrgt.png) right no-repeat;
        display: block;
        margin-right: -17px;
        /*padding-right:15px;*/
    }

    #fhwaheader .dropdown ul li li:hover span {
        background: url(images/fhwa/arrow_whtrgt.png) right no-repeat;
    }

#fhwaheader .dropdown li:hover li a:hover {
    background: #036;
    color: #f60;
}
/* end - header styles ************************************************************************************/


/* start - footer styles **********************************************************************************/
footer {
    /* background-color: rgb(38, 38, 45); */
    z-index: 9;
    width: 100%;
    min-height: 100px;
    height: auto;
    padding: 20px 0;
    background-color: #e9e9e9;
    font-size: 11px;
    color: #000;
}

#fhwafooter {
    clear: both;
    /*color:#fff; 
	font-size:0.7em; */
    font-size: 8.5pt;
    /*padding-bottom:20px; 
	    padding-top: 6px;*/
    text-align: left;
    line-height: 12px;
    padding-top: 0px;
}

    #fhwafooter .fhwasign {
        background: url(images/header/FHWA_Logo_footer.png) left no-repeat;
        border-right: #000 1px solid;
        float: left;
        margin-right: 10px;
        height: 60px;
        width: 162px;
        margin-left: 15px;
    }

    #fhwafooter .foottext {
        margin-top: 2px
    }

    #fhwafooter a {
        /*line-height: 1.5;*/
        color: #000;
        text-decoration: underline;
    }

        #fhwafooter a:hover { /* color:#9CF*/
        }

    #fhwafooter .noprint {
        float: left;
    }

    #fhwafooter .footer-links {
        float: left;
    }
/* end - footer styles */
/*---------------------( Start InfoPave 2019 Changes ) -*/

/*CSS FOR --> Sticky Table Header*/
.stickytableheader .subContainer table {
    display: block !important;
}
/*.subContainer thead { position: sticky !important;   top: 0 !important; }*/
.stickytableheader .subContainer thead {
    position: absolute;
    top: auto;
    width: 740px !important;
    margin-top: -1px;
}

.stickytableheader .subContainer thead, .stickytableheader .subContainer tbody {
    display: table !important;
    width: 1029px !important;
}

.stickytableheader #GeneralSummary thead {
    height: 100px;
}

.stickytableheader #GeneralSummary tbody {
    margin-top: 98px;
}

.stickytableheader #PavementStructure thead {
    height: 87px;
}

.stickytableheader #PavementStructure tbody {
    margin-top: 86PX;
}

.stickytableheader #Climate thead {
    height: 110px;
}

.stickytableheader #Climate tbody {
    margin-top: 162px;
}

    .stickytableheader #Climate tbody tr td {
        padding: 5px;
    }

.stickytableheader #ACDistress thead {
    height: 179px;
}

.stickytableheader #ACDistress tbody {
    margin-top: 178px;
}

.stickytableheader #ProfileDeflection thead {
    height: 124px;
}

.stickytableheader #ProfileDeflection tbody {
    margin-top: 123px;
}
/*CSS FOR --> Data Selection And Download*/
/*select/deselect button css*/
#select_deselect {
    padding: 2px;
    min-width: 80px;
    background: none;
    color: #0476b9 !important;
    text-decoration: underline;
    margin-left: 3px;
    border: none;
}

._keyFieldLabel {
    line-height: 18px;
}


/*CSS for --> FIND Search*/
.mark {
    background: yellow;
}

#spSearchCount {
    position: relative;
    margin-left: -70px;
    font-size: 9pt;
    display: none;
}

#divSearchGap {
    height: 36px;
    width: 100%;
    display: none;
}

.searchTermDiv {
    background-color: #ffe0e5 !important;
    border: 1px solid #d07584;
}

    .searchTermDiv #text-search {
        background-color: #ffe0e5 !important;
        border-color: #ffe0e5;
    }
/*#text-search { margin-right: 25px; }*/
.highlight {
    color: black; /*background-color: #fff34c;*/
    border-radius: 3px;
    padding: 1px 2px;
    margin: 0 -2px;
    border: 1px solid #ffc64c;
}

.highlight1 {
    color: black;
    background-color: #ffd100;
    border-radius: 3px;
    padding: 1px 2px;
    margin: 0 -2px;
    border: 1px solid #b78500;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4) !important;
}

/*CSS for --> Distress Maps and Images*/

.mb-3px {
    margin-bottom: 3px;
}

.iSmallPageContent > span {
    float: left;
    cursor: pointer;
    width: 178px;
    height: 150px;
    margin-bottom: 10px;
    background-color: #e2e9f0;
    padding: 8px;
    margin-right: 8px; /*background: #000;*/
}

    .iSmallPageContent > span:nth-child(5n) {
        margin-right: 0px;
    }

.images-div:hover {
    opacity: 1;
    transition: opacity .30s ease-in-out;
}
/*Overlay for Distress Images*/
.img-overlay {
    width: 130px;
    height: 115px;
    padding: 0px;
    margin: 0px auto;
    background: #000;
    cursor: pointer;
    display: block;
}
/*Image loader for individual image load */
#img-loader img {
    margin-top: 35%;
    margin-left: 35%;
}
/*Distress next and previous button */
.btn-previous {
    float: left;
    margin-right: 5px;
}

.btn-next {
    float: right;
}

.btn-previous, .btn-next {
    color: black;
    cursor: pointer;
    margin-top: 3px;
    font-size: 13px;
    line-height: 27px !important;
    padding: 0px 5px 0px 5px;
    background: #c7c8c7;
    margin-left: 5px;
    border: 1px solid #ababab;
    user-select: none;
}

    .btn-next:hover, .btn-previous:hover {
        background: #b2b5b2;
    }

/*CSS For Cross Section Viewer --> Save Image Button*/
#SaveCrossSectionImage {
    float: right;
    padding-top: 5px;
    cursor: pointer;
}

/*CSS For Elastic Search --> Top 10 Search Term summary*/
input.PrintAcc {
    margin-bottom: 5px;
}

.ElasticSearchSummay {
    float: right;
    background-color: #ffffff;
    height: 400px;
    width: 260px;
    padding: 3px;
    font-size: 13px;
    line-height: 1.7;
    margin-top: 40px;
}

    .ElasticSearchSummay span {
        border-bottom: 1px solid gray;
        min-width: 20px;
        display: block;
    }

    .ElasticSearchSummay ul {
        border: 1px solid;
        border-top: 0px;
        border-color: #e9e9e9;
    }

        .ElasticSearchSummay ul li {
            border-bottom: 1px solid #c7c7c7;
            line-height: 25px;
            padding-top: 3px;
            padding-left: 10px;
        }

            .ElasticSearchSummay ul li:last-child {
                border: none;
            }

/*Interactive Data Analysis CSS For --> PDF Generate */
#PrintView {
    width: 3840px;
    display: none;
    margin-left: 4%;
}

    #PrintView h1, #PrintView h2 {
        text-align: center !important;
    }

    #PrintView h1 {
        font-size: 96px;
    }

    #PrintView h2 {
        font-size: 47px;
    }

.float-left {
    float: left;
}

#printViewContent {
    height: 4100px;
    background-color: gray;
    display: inline-block;
    padding-top: 37px;
}

.ObjectiveDiv {
    width: 420px;
    font-size: 14px;
    margin-right: 6px;
    height: 150px;
}

.objectiveId {
    background-color: black;
    color: white;
    padding: 10px;
    font-weight: bold;
    display: block;
    font-size: 25px;
}

    .objectiveId.span {
        display: block;
    }

.objectiveTitle {
    padding-top: 14px;
    padding-left: 7px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

.ObjTitle {
    background-color: yellow;
    padding: 20px;
    height: 188px;
    margin-bottom: -45px;
}

.outcomes {
    font-family: "Times New Roman";
    background-color: white;
    border: 1.5px solid black;
    height: 111px;
    display: inline-table;
    margin-top: 45px;
    height: 83px;
}

    .outcomes .outcome-desc {
        font-size: 12px;
        float: left;
        color: white;
        display: inline-block;
        height: 90px;
        margin: 5px;
        padding-top: 19px;
        padding-left: 4px;
        padding-right: 2px;
        margin-right: 0px;
    }

.outcome-desc {
    width: 362px;
}

.outcome-Div {
    height: 100px;
    border: 1px solid;
}

.outcome-name {
    font-size: 8px;
    text-align: center;
    display: block;
    padding-top: 2px;
    font-weight: bold;
}

.outcome-id {
    text-align: center;
    display: block;
    padding-top: 20px;
    font-size: 12px;
    font-weight: bold;
}

.outcome-number {
    font-size: 16px;
    display: block;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
}

.redColor {
    background-color: #ff0000;
}

.blueColor {
    background-color: #000099;
}

.greenColor {
    background-color: #33cc33;
}

.light_blue {
    border: 2px solid;
    background-color: #9FF;
}

.white {
    background-color: #FFF;
}

.pink {
    background-color: #FCF;
}

.hashed_orange {
    background-image: url(/Content/Images/Core/stripe.png);
}

.orange {
    background-color: #FC6;
}

.solid {
    border: 2px solid !important;
    border-color: #000 !important;
}

.dash {
    border: 1px dashed !important;
    border-color: #000 !important;
}

#PrintView .dash {
    border: 3px dashed !important;
}

#PrintView .thin {
    border: 3px solid !important;
}

#PrintView .outcomes .thin {
    border: 2px solid !important;
}

#PrintView .outcomes .dash {
    border: 1px dashed !important;
}

#PrintView .outcomes .solid {
    border: 1px solid !important;
}

.thin {
    border: 1px solid !important;
    border-color: #000 !important;
}

.project-org-name {
    font-weight: bold;
}

.project-org-name, .project-title, .project-name {
    padding-left: 10px;
    font-size: 10px;
}

.project-title {
    padding-left: 2px;
    font-weight: bold;
}

.proj-status {
    text-align: right;
    font-size: 11px;
    padding-right: 11px;
}
/*.projects { line-height: 10px; }*/
.projectsDiv {
    float: left;
}

.project-Div {
    width: 420px;
}

.legend {
    display: inline-block;
    height: 530px;
    width: 100%;
    margin-left: 10px;
}

.legend-title {
    font-size: 70px;
    font-weight: bold;
}

.legend-subtitle {
    font-size: 35px;
    float: left;
    width: 180px;
    line-height: 70px;
    font-weight: bold;
    text-align: left;
}

.legend-box {
    margin-right: 30px;
}

    .legend-box.hashed_orange, .legend-box.orange, .legend-box.solid, .legend-box.thin {
        margin-bottom: 40px;
    }

.criticalBox, .vhighBox, .highBox {
    float: left;
    width: 285px;
    height: 70px;
    border: 3px solid;
    margin-bottom: 3px;
}

.priority-Div {
    float: left;
    width: 740px;
    margin-top: 38px;
    margin-right: 0px;
    margin-left: 215px;
    margin-bottom: 50px;
}

.squence-box {
    width: 95px;
    border: 2px solid;
    display: inline-block;
    height: 70px;
    text-align: center;
    padding-top: 23px;
    font-size: 26px;
    font-weight: bold;
}

.project-blueBox, .project-pinkBox, .project-whiteBox {
    width: 418px;
    margin-bottom: 83px;
}

.proj-subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 83px;
}

.proj-cat {
    margin-top: 35px;
}

.proj-note {
    width: 700px;
    height: 370px;
    font-weight: normal;
    padding-top: 80px;
    font-size: 20px;
}

.note-title {
    display: inline-block;
    padding-bottom: 20px;
    text-align: center !important;
}

.note-content {
    text-align: left;
    padding-left: 33px;
    font-size: 27px;
    font-family: serif;
}

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

.top-title {
    text-align: center;
    height: 279px;
}

    .top-title h1 {
        margin-bottom: 35px;
    }

    .top-title span {
        display: inline-block;
        width: 1775px;
        line-height: 0px;
        padding-bottom: 10px;
    }

    .top-title img {
        float: left;
        width: 200px;
    }

.ulClimateToolTabs li:last-child {
    display: none !important;
}

.priority-Div .padding10 {
    padding: 10px;
    padding-top: 50px;
    font-size: 30px;
    font-family: none;
    margin-left: -163px;
}

#clear-search {
    background: url(../Content/Images/Core/icons/Clear.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 18px;
    position: absolute;
    right: 4px;
    top: 14px;
    width: 18px;
}

._HelpBox {
    background-color: #fff8de !important;
    color: black !important;
    border: 1px solid #fff8de !important;
}
/*.divHelpHeading{padding-left:0px!important;}*/
/*.node-c div:not(:first-child) {
    padding-left: 0px;
}*/
@media print {
    #PrintView {
        margin-left: 0.5%;
        margin-right: 1%;
    }
}

@page {
    size: 841mm 1189mm;
    margin: 0mm;
}

._sClose a {
    width: 16px;
    height: 16px;
    display: block;
}

._sClose {
    position: absolute;
    background: url(/Content/Images/Core/close.png);
    width: 16px;
    height: 16px;
    right: -9px;
    top: -7px;
}

._HelpBox {
    position: absolute;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 7px;
    border: 1px solid rgb(212, 116, 38);
    color: white;
    font-size: 9pt;
    left: 387px;
    top: 37px;
    right: 44px;
    padding-left: 0px !important;
}

.divHelpHeading {
    margin: 8px;
    position: relative;
    padding-left: 0px !important;
    ;
    padding-right: 5px;
    font-weight: bold;
    font-size: 10pt;
    line-height: 16px;
}

.divHelpContent { /*padding-left:92px!important;*/
}

.sCalloutEdge2 {
    position: absolute;
    left: -25px;
    width: 16px;
    height: 17px;
    background: url(/Content/Images/Core/callout_edge2.png) !important;
    top: 2px;
}

#_helpIcon img {
    vertical-align: middle;
    height: 15px;
}

#ancillaryPopup table {
    padding-left: 10px;
}

#ancillaryPopup p {
    margin-bottom: 2px;
    padding-top: 5px;
}

._allType ._HelpBox {
    left: 336px !important;
    top: -2px !important;
    right: 130px !important;
}

._otherType ._HelpBox {
    left: 378px !important;
    top: 43px !important;
    right: 38px !important;
}

._otherTypeChild ._HelpBox {
    left: 420px !important;
    top: 93px !important;
    right: 38px !important;
}

.DownloadDataSelectionIcon {
    float: right;
    height: 32px;
    padding-left: 24px;
    width: 32px;
    background: url('Images/Core/download icon.png') no-repeat transparent /*#1a82bf*/ 0px 0px;
}
/* span#aSections { display: block !important; } */
.align-left {
    text-align: left;
}

.disabled {
    opacity: 0.65;
    pointer-events: none !important;
    cursor: not-allowed;
    text-decoration: none !important;
    background-color: #c7c7c7 !important;
}

.active-node {
    width: 217px !important;
}
/*GOOGLE MAP CSS*/
button.gm-control-active {
    min-width: 10px !important;
}

.gm-control-active.gm-fullscreen-control {
    left: 0 !important;
    right: auto !important;
    display: none !important;
}

.FullSce {
    cursor: default;
    height: 100% !important;
    left: 0px;
    margin: 0;
    padding: 0;
    position: fixed !important;
    text-align: center;
    top: 0px;
    width: 100% !important;
    z-index: 2011;
}

.StickySearchBar.powertour-hook { /*position: unset;*/
}

.HelpBoxBind {
    border: 1px solid #fff8de !important;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

.divVDSTooltip .HelpBox .sCalloutEdge_r {
    background: url(../../Content/Images/Core/callout_edge2.png) !important;
    transform: scaleX(-1);
}
/*.divFeatureMenuPane{right:88px!important;}*/
.disabled-btn {
    opacity: 0.65;
    pointer-events: none !important;
    cursor: not-allowed;
    text-decoration: none !important;
}
/*SELECTED FILTER CSS*/
.divFilterPane {
    width: 450px;
    height: auto;
    margin-right: 10px;
    overflow: hidden;
    min-width: 300px;
    height: auto;
    right: 0px;
    top: 37px;
    background: url(Images/Core/section_menu_bg.jpg) #fffee5 repeat-x;
    border: 1px solid #ccc;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    position: absolute;
    display: none;
    color: black;
}

.filterButton {
    float: right;
    position: relative;
    line-height: 30px;
    font-size: 9pt;
    height: 30px;
    top: -6px;
    background: none;
    background-color: #fff8e1;
    width: 80px;
    padding-left: 6px;
    border: 1px #e6d18a solid;
    border-radius: 3px;
}

a:hover span.filterButton {
    background-position: 0px -30px;
}

.filterBtn-width {
    width: 92px !important
}

.filterSection {
    padding-left: 10px;
}

.filter-separator {
    margin-bottom: -10px;
    width: 424px;
    color: #eeeeee;
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
}

.filter-helper {
    width: 424px;
    margin-left: 10px;
}

.divFilterPane .divSelectedFilter, .divFilterPane .selectedListOptions li, .selectedListOptions div {
    background: none;
}

.SectionMenuHeading.filterSection {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 30px;
}

#btnShowFilter span {
    float: right;
    position: relative;
    line-height: 30px;
    font-size: 9pt;
    height: 30px;
    top: -6px;
    padding-left: 32px;
    background: url(Images/Core/show_filter_button.png) no-repeat transparent /*#1a82bf*/ 0px 0px;
    width: 105px;
    margin-right: -8px;
}

a:hover span.btnShowFilter {
    background-position: 0px -30px;
}

#imgClearAttribute {
    margin: -5px -3px;
}
/*section timeline hide preview data link for -->> table name is null*/
.noPreviewData_, .noExportData_ {
    display: none !important;
}
/*hide legend icons --> icone label 1,2,3,4*/
.jstree-classic li[classpriority='1'][classtype="ANCILLARY"].jstree-leaf > a .jstree-icon,
.jstree-classic li[classpriority='2'][classtype="ANCILLARY"].jstree-leaf > a .jstree-icon,
.jstree-classic li[classpriority='3'][classtype="ANCILLARY"].jstree-leaf > a .jstree-icon,
.jstree-classic li[classpriority='4'][classtype="ANCILLARY"].jstree-leaf > a .jstree-icon,
.jstree-classic .jstree-leaf a ins.jstree-icon {
    display: none !important;
}

#matchCount {
    background: none;
    color: #767676;
    display: none;
    position: absolute;
    top: 8px;
    right: 107px;
    background-color: white;
    padding-right: 4px;
}

#_count {
    background: none;
    width: 100%;
    right: 17px;
    color: #767676;
}
/*.divSelectedFilter { border-bottom: 1px solid #e9e9e9; width: 724px; margin-left: 10px; }*/
/*---------------------------------- ( End InfoPave 2019 Changes ) ----------------------------------*/

/*SDR33 Changes*/
.btn-sprite {
    background: url(/Content/Images/Core/icons/icons_sprite.png);
    height: 30px;
    width: 25px;
}

.btnDelete {
    background-position: 3px 0px;
    position: absolute;
    right: 95px;
}

.btnSearch {
    background-position: -36px 0px;
}

.btnPrevious {
    background-position: -68px 0px;
}

.btnNext {
    background-position: -100px 0px;
}

.divHelpContent p {
    display: inline-block;
}


/*hide trend analysis pager */
/*.divGraph #pager_sectionsData { display: none !important; }*/
#DistressViewer div#legendTooltipCallout {
    top: 102px !important;
}

.ltppDirStatusActive {
    border: 5px solid green;
    border-radius: 50%;
    display: inline-block;
}

.ltppDirStatusInactive {
    border: 5px solid red;
    /*border-radius: 50%;*/
    display: inline-block;
}

.dirFilterBar {
    background-color: #E2E9F0;
    height: 36px;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid lightgray;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        margin: 6px;
        border: 2px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #fff transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.year-range {
    top: -32px;
    display: inline-block;
    float: right;
    position: relative;
    right: 271px;
    margin: -3px;
}

    .year-range input {
        width: 62px;
        background-color: white !important;
        border: 1px solid #C0C0C0;
        font-size: 10pt;
        padding: 8px;
    }

._HelpBox.divHelpContent {
    display: contents;
}

.outEdge {
    position: absolute;
    left: 255px;
    width: 16px;
    height: 17px;
    background: url(/Content/Images/Core/callout_edge_r.png);
    top: 2px;
}

#noResultsDiv {
    float: left;
}




#dataAnalysis td, #dataAnalysis th {
    border-bottom: 1px solid #fff;
    vertical-align: text-top;
}

#dataAnalysis tr:nth-child(odd) {
    background-color: #f1f1f1;
}

#dataAnalysis tr:nth-child(even) {
    background-color: #f9f9f9;
}

#dataAnalysis tr:hover {
    background-color: #ddd;
}

#dataAnalysis th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

#dataAnalysis a {
    color: #1f78b4;
}

#dataAnalysis tr:nth-child(odd) td:nth-child(2) {
    background: #F1F1F1;
}

#dataAnalysis tr:nth-child(even) td:nth-child(2) {
    background: #F9F9F9;
}

#dataAnalysis tr:nth-child(even) td:first-child {
    background-color: #F0F0F0;
}

#dataAnalysis tr:nth-child(odd) td:first-child {
    background-color: #E9E9E9 !important;
}

#dataAnalysis tr:nth-child(odd) td:nth-child(2) {
    background: #F1F1F1;
}

.iHeadingPaneTwo {
    color: #010101;
    line-height: 40px;
    padding-left: 10px;
    background-color: #e9e9e9;
    font-size: 11pt;
    margin: 25px 0 5px 0;
}

.google-visualization-tooltip {
    z-index: 1000;
}

#RLFilters .divHelpContent {
    padding-left: 0px !important;
}

#RLFilters .divHelpContent {
    padding-left: 0px !important;
}

.ulContentPage li {
    margin-bottom: 10px;
    /* list-style-type: disc!important; */
}
.pv-viewarea-graphview-overlay-buckettitle span:nth-child(1) {
    width: 100px !important;
}

.recommended_citation_ribbon {
    top: 1px;
    width: 1049px;
    background-color: #e2e9f0;
    height: auto;
    position: relative;
    padding: 13px 0px 12px 0px;
}
.recommended_citation_bold_text {
    font-weight: 700;
    font-size: 12px;
    top: -6px;
    position: relative;
}
.citation_text_span {
    position: relative;
    top: 1px;
    font-size:12px;
}
.citation_inner_div {
    padding: 0px 14px;
}
.citations_link {
    font-style: italic;
    font-size: 12.5px;
}