* {-moz-box-sizing: border-box; box-sizing: border-box;}
body {background: #ecf2f6; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; color:#4e515e;}

h1 { font-size: 2.2em; font-weight: 800; letter-spacing: -.02em; line-height: 1.5em; margin: 0; padding: .5em 0 0;}

h2 { font-size: 1.8em; font-weight: 700; letter-spacing: -.02em; line-height: 1.5em; margin: 0; padding: .5em 0 0;}

h3 { font-size: 1.6em; font-weight: 400; letter-spacing: -.02em; line-height: 1.5em; margin: 0; padding: 0 0 .8em 0;}
h4 { font-size: 1.2em; font-weight: 700; letter-spacing: -.02em; line-height: 1.5em; margin: 0; padding: 0 0 .8em 0;}
    h4 span { font-weight:800; display:block;}
        h4 span a { font-weight:400; font-size:.8em; }

hr { padding-bottom: 0; border-bottom:.09em solid #e5e5e5 ; border-top:0; margin:20px 0; display:block; }

a { color:#00bdce; }
a:hover { color:#212a3a; }

header { background:#212a3a; height: 75px; border-bottom: 1px solid #ccc; position: relative; z-index: 1; min-width: 300px;}
.logo { float:left; padding: 15px 0 0 15px;}

/*
.outerNavContainer {background: #333; width: 100%;  z-index: 1; -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,9);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,9); display:none; }
.navContainer a { display: block; float:left; background: #00bdce; width: 23%; margin-right: 2%; text-align: center;
                   margin-bottom: 2%;  padding: 40px 20px; font-size: 2em; color:#fff; 
                   text-decoration:none;}
    .navContainer a span {font-weight: 400; font-size: .6em; display: block;}
    .navContainer a:hover { background: #0393a0;}
*/
.outerNavContainer {background: #212A3A; width: 100%;  z-index: 1; -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,9);
box-shadow: 0 10px 20px 0 rgba(0,0,0,9); display:none; }
.navContainer a { display: block; float:left; background: #313a4b; width: 23%; margin-right: 2%; text-align: center;
                   margin-bottom: 2%;  padding: 40px 20px; font-size: 1.2em; color:#fff; 
                   text-decoration:none; border: 1px solid #445068;}
    .navContainer a span {font-weight: 400; font-size: .6em; display: block;}
    .navContainer a:hover { background: #0393a0; color:#fff; border: 1px solid #0393a0;}


.profileLink {font-size: 1.2em; text-decoration:none; font-weight: 800; display: inline-block; height: 74px; padding: 15px 20px 0 65px; background: url(../images/user.png) 17px 50% no-repeat #354052; color:#ecf2f6;  float:left;}
    .profileLink span { display:block; font-size: .8em; color:#ecf2f6; font-weight: 400;}
    .profileLink:hover { color:#00bdce; }


.applicationMenu { background: url(../images/menu.png) no-repeat 10px 50% #00bdce; color: #fff; display: inline-block; margin: 0; font-size: 1.2em; font-weight: 800; text-decoration: none; padding: 15px 20px 15px 50px; text-transform: uppercase; margin: 10px 20px 0 0; }
    .applicationMenu:hover { color:#fff;}

.subNavLnk {display:none;}

.sectionHeader { padding: 0 1em; position:relative; z-index: 0; border-bottom: 1px solid #ccc; background: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); }
    .sectionHeader ul { list-style:none; margin: 0; padding: 0;}
        .sectionHeader ul li { float:left;}
        .sectionHeader ul li a {color:#8a95a5; font-weight: 700; padding: 15px 0 12px; margin-right: 20px; border-bottom: 3px solid #fff; text-transform: uppercase; text-decoration: none; display:block;}
        .sectionHeader ul li a:hover {  color:#707885}
            .sectionHeader ul li a.active { color:#354052; border-bottom: 5px solid #00bdce;}

.menuBar {}
.menuBarLnk {background: #212a3a;    color: #fff;    text-decoration: none;    padding: 10px;    display: block;    border-right: 1px solid #b4bfd4;}
.menuBarLnk:hover {background:#445471; color:#fff;}

.subMenuContainer {}
.subMenu { }
.subMenu ul {padding: 0; margin: 0; list-style: none;}
        .subMenu ul::after { content: ""; clear:both; display:block;}
        .subMenu ul li { float:left; margin-right: 3px;}
        .subMenu ul li a, .subMenu ul li input[type="button"] { display: block; padding: 10px 20px;  color:#8a95a5; text-decoration:none; font-weight: 700; border-bottom: 0 solid #ccc; -webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0; background:#fafafa; border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; font-size:.8em;}
        .subMenu ul li a:hover {background:#354052; color:#fff;}        
        .subMenu ul li.subMenuActiveTab a { background: #00bdce; border: 1px solid #00bdce !important; color:#fff;}
				
.borderBottom {border-bottom: 1px solid #ccc;}				
				
.mainContainer { min-width: 960px;}


/* ICIP-Capital Styles */
.addNewLnk { display:block; background: url(../images/icon-add.png) no-repeat 17px 50% #00bdce;  color:#fff; text-decoration: none; padding: 15px 10px 15px 60px; border-radius:4px; -webkit-border-radius: 4px;
                    font-size: 1.4em;
}
    .addNewLnk span { display:block; font-size: .8em; font-weight: 400; }
    .addNewLnk:hover { background-color:#0393a0; color:#fff; }


.pageDetailsContainer { padding: 20px;    border: 1px solid #b4bfd4;    margin: 0;    background: #dfe3ea;}
    .pageDetailsContainer::after { content: ""; clear:both; display: table;}
    .pageDetailContainer { margin-right: 50px; float:left; font-style:italic;}
    .pageDetailContainer span {display:block; font-size: 1.5em; font-weight: 700; font-style: normal; }
        .pageDetailContainer select { }
        .pageDetailContainer td { padding-right: 50px;}

.pageDetailsLastUpdated {font-size: .8em; font-style:italic; margin: 1.2em 0;}

.sectionTitle { font-size: 1.7em;    background: url(../images/title.png) repeat-x 50% 50%;    padding: 0;    margin: 0 0 1em 0;}
    .sectionTitle span { display: inline-block; background:#ecf2f6; padding-right: 20px;}

.saveContainer { background: #212a3a; color:#fff; border-bottom: 1px solid #ccc; padding: 20px; color:#fff;}

.ICIPTree { list-style:none; margin: 0; padding: 0;}
    .ICIPTree ul { list-style: circle; margin: 0;}
    .ICIPTree ul li { font-style: italic; padding-bottom: .5em;}

/* Tabbed Content */
.tabNav { }
.tabNav ul {padding: 0; margin: 0; list-style: none;}
        .tabNav ul::after { content: ""; clear:both;}
        .tabNav ul li { float:left; margin-right: 3px;}
        .tabNav ul li a { display: block; padding: 10px 20px;  color:#8a95a5; text-decoration:none; font-weight: 700; border-bottom: 1px solid #ccc; -webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0; background:#fafafa; border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc; font-size:.8em;}
        .tabNav ul li a:hover {background:#354052; color:#fff;}        
        .tabNav ul li a.tabLnkActive { background: #00bdce; border: 1px solid #00bdce !important; color:#fff;}

.tabContent { display:none; padding: 30px; border: 1px solid #ccc; margin-top: -1px; min-height: 200px; background:#fff;}
.tabContent001 { display:block;}

/* Accordion Content */
 .accLnk { display: block; padding: 10px 20px; color:#8a95a5; text-decoration:none; font-weight: 700; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background:#fafafa;}
 .accLnkFirst { -webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;  border-top: 1px solid #ccc;}
 .accLnk:hover {background:#354052; color:#fff;}        
 .accLnkActive, .accLnkActive:hover { background: #00bdce; border-bottom: 1px solid #00bdce; color:#fff;}

.accContent { display:none; padding: 30px; background:#fff; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin-top: -1px; min-height: 200px;}


/* Sortable Table Styles */
table.display {border: 1px solid #ccc;  }    
    table.display th { background-color:#212a3a; padding: 10px; color:#fff; text-align:left;}
    table.display th:hover { background-color:#354052; cursor: pointer;}
    table.dataTable thead .sorting_asc {background-image: url("../images/icon-ascend.png"); background-repeat: no-repeat; background-position: 95% 50%;}
    table.dataTable thead .sorting_desc {background-image: url("../images/icon-decend.png"); background-repeat: no-repeat; background-position: 95% 50%;}

    table.display tr {border-top: 1px solid #ccc; }
    table.display tr.odd { background-color:#fafafa; }
    table.display tr.even { background-color:#e5e5e5; }
    table.display td { padding: .8em; vertical-align: top; border-bottom: 1px solid #e7ecef !important;}

    table.display tr.odd td.sorting_1 { background: #fafafa;}
    table.display tr.even td.sorting_1 { background: #e5e5e5;}

table.display .subTd { padding-left: 3em !Important; font-style: italic;}        

table.display span.k-widget, table.display span.k-widget span {}
table.display input:disabled, table.display span.k-widget span.k-state-disabled {background:#ddd !Important;}

table.left {border: 1px solid #ccc;  }
    table.left th { color: #8f9da7;   background: #e7ecef !important;    padding: .6em !important;    text-transform: uppercase;    font-size: .8em;    border: 0 !important;}
    table.left th:hover { }
    table.dataTable thead .sorting_asc {background-image: url("../images/icon-ascend.png"); background-repeat: no-repeat; background-position: 95% 50%;}
    table.dataTable thead .sorting_desc {background-image: url("../images/icon-decend.png"); background-repeat: no-repeat; background-position: 95% 50%;}

    table.left tr {border-top: 1px solid #ccc; }
    table.left tr:nth-child(even) {background: #fbfcfd !important;}
    table.left tr:hover {background: #edf2f7 !important;}
    table.left td { padding: .4em .6em;; text-align: left;}    

    table.left tr.odd td.sorting_1 { background: #fafafa;}
    table.left tr.even td.sorting_1 { background: #e5e5e5;}

        table.left td:nth-child(1) { text-align: left;}
        table.left td:nth-child(2) { text-align: left;}
        table.left td:last-child { text-align: left;}
        table.left td.dataTables_empty { text-align: left;}

table.left td input[type=button] {font-size: 1em; padding: 5px 15px;}

table.left span.k-header, .k-grid span.k-header {border: 0 !important;}
.k-grid input, .left input {height: auto !important;}
table.left span {}


.tblRequestedBudget input, .tblRequestedBudget .k-numerictextbox {width: 100% !important;}


.dashboardLnkCol1 a {display:block;}
.dashboardLnkCol1 b, .dashboardLnkCol1 span {font-style:italic; font-size: .8em; font-weight: 400;}

        
table.center {border: 1px solid #ccc;  }
    table.center th { color: #8f9da7;   background: #e7ecef !important;    padding: .6em !important;    text-transform: uppercase;    font-size: .8em;    border: 0 !important;}
    table.center th:hover { }
    table.dataTable thead .sorting_asc {background-image: url("../images/icon-ascend.png"); background-repeat: no-repeat; background-position: 95% 50%;}
    table.dataTable thead .sorting_desc {background-image: url("../images/icon-decend.png"); background-repeat: no-repeat; background-position: 95% 50%;}

    table.center tr {border-top: 1px solid #ccc; }
    table.center tr:nth-child(even) {background: #fbfcfd !important;}
    table.center tr:hover {background: #edf2f7 !important;}
    table.center td { padding: .4em .6em; text-align: center;}

    table.center tr.odd td.sorting_1 { background: #fafafa;}
    table.center tr.even td.sorting_1 { background: #e5e5e5;}

        table.center td:nth-child(1) { text-align: center;}
        table.center td:nth-child(2) { text-align: center;}
        table.center td:last-child { text-align: center;}
        table.center td.dataTables_empty { text-align: center;}

    .dataTables_filter { padding: 0 0 10px 0;}
        .dataTables_filter input { margin-left: 5px;}
    .dataTables_length { float:right;}

    .dataTables_info { float:right;  padding-top: 10px;}
    .dataTables_paginate { padding-top: 10px;}
        .dataTables_paginate a { color: #00bdce; padding: 3px 8px; display:inline-block;}
            .dataTables_paginate a:hover { cursor:pointer;}
            .dataTables_paginate a.current { background:#212a3a; color:#fff; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
        

/* Kendo Data Grid */
.k-grid {border: 1px solid #e7ecef !important;}
.k-grid-header {border-color: #e7ecef !important;}
.k-grid-header th.k-header {background: #e7ecef !important;    padding: .6em .6em .6em 0 !important;    text-transform: uppercase;    font-size: .8em;    border: 0 !important;}
.k-grid-header th.k-header a.k-link {color:#8f9da7;  padding: .5em 1.1em !important;}
.k-header>.k-grid-filter {margin: -.5em 1em -.4em !important;}

.k-alt {background:#fbfcfd !important;}
.k-grid tr:hover {background:#edf2f7 !important;}

.k-grid .k-grid-content td {border-right: 1px solid #e7ecef !important;}

.k-pager-wrap {background:#e7ecef !important; border-color: #e7ecef !important; font-size: .8em !important; padding: 20px 0 !important;}
.k-pager-sizes.k-label {white-space: nowrap;}
.k-pager-wrap .k-dropdown-wrap {height: auto !important;    padding: 0 0px 0 !important;    border: 1px solid #c5c5c5 !important;    background: #fff !important;}
.k-pager-wrap .k-dropdown-wrap .k-icon {margin-top: -4px;}
.k-pager-wrap .k-dropdown-wrap span.k-input {font-size: 1em !important; padding: 0 !Important;    text-transform: none !important;    font-weight: 400 !important;}
.k-pager-wrap .k-link {border: 0 !important;}

.k-grid-toolbar {background: #e7ecef !important; border: 0 !important;}
.k-grid-toolbar .toolbar {float:none; position:relative !important; margin-right: 0; }
.k-grid-toolbar .toolbar input[type=search] {    background: url(../images/search.png) no-repeat 10px 50% #fff;    padding-left: 100px; width: 100% !important;}
.k-grid-toolbar .toolbar label {position: absolute;    top: 15px;    left: 40px;    text-transform: uppercase;    font-size: .8em;    color: #848294;    font-weight: 700;}

.k-grid .k-dropdown-wrap span.k-input {font-size: 1em !important;}

/* Form Properites */
table.form td { padding-bottom: 10px; padding-right: 10px;}
input[type=text], input[type=number], input[type=date], input[type=search], input[type=password], textarea, select { padding: 10px;  font-family: 'Open Sans', sans-serif; border: 3px solid #ccc; box-shadow: none;}
input[type=search] { background: url(../images/search.png) no-repeat 97% 50% #fff; padding-right: 40px;}
input[type=search]:focus { background: url(../images/search.png) no-repeat 97% 50% #fafafa;}
textarea { min-height: 100px;}

input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #fafafa; }

input[type=checkbox], input[type=radio] { margin-right: 5px;}
input[type=submit] {margin: 0; border: 0; display:inline-block; padding: 10px 15px; font-size: 1.2em; font-weight: 800; font-family: 'Open Sans', sans-serif; color:#fff; background:#00bdce; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; text-transform: uppercase; -webkit-border-radius: 4px; border-radius: 4px;}
    input[type=submit]:hover { background:#0393a0;}
input[type=button] {margin: 0; border: 0; display:inline-block; padding: 10px 15px; font-size: 1.2em; font-weight: 800; font-family: 'Open Sans', sans-serif; color:#fff; background:#00bdce; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; text-transform: uppercase; -webkit-border-radius: 4px; border-radius: 4px;}
    input[type=button]:hover { background:#0393a0;}

.formContainer { min-height:75px;}
.formContainer > span {display: block;text-transform: uppercase; font-size: .8em; color:#848294;font-weight: 700; margin-bottom: .5em;}
.formContainer input[type=text], .formContainer input[type=number], .formContainer textarea, .formContainer select { margin-bottom: 5px; width: 100%;}

input.k-textbox {height: auto !important; padding: 10px !important;}

span.k-header {font-size: 1em !important; border-radius: 0 !Important; -moz-border-radius:0 !important; border: 3px solid; }
.formContainer span.k-header { width: 100%;}
.formContainer span.k-header.k-dropdown {border: 0;}
.formContainer span.k-header.k-datepicker {border: 0;}
.formContainer span.k-header input {padding: 10px; height:auto; text-indent: 0; margin-bottom: 0;}
.formContainer span.k-header .k-i-close {display:none;}

.formContainer span.k-header.rtsCatalog {border: 0;}

.k-datepicker .k-picker-wrap {border: 3px solid #ccc;}
.k-datepicker .k-picker-wrap .k-input {padding: 10px !important; height: auto !important;}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox>input {text-indent: 0 !important;}



.k-widget * {box-sizing: border-box !important; -moz-box-sizing: border-box !important; border-radius: 0 !important; -moz-border-radius: 0 !important;}

.k-dropdown {width: 100% !Important;}
.k-dropdown-wrap {height: auto !important;
    padding: 4px 10px 13px !important;
    border: 3px solid #c5c5c5 !important;
    background: #fff !important;}
.k-dropdown-wrap span.k-input {
    text-transform: none !important;
    font-weight: 400 !important;}

.k-dropdown-wrap .k-icon {margin-top: 13px;}

/* Calendar Picker*/

.ui-datepicker { width: 189px; background:#fff; font-size: .8em; position: relative;}
    .ui-datepicker .ui-datepicker-prev { position: absolute; left: 5px; top:5px; cursor: pointer}
    .ui-datepicker .ui-datepicker-next { position: absolute; right: 5px; top:5px; cursor: pointer}


.ui-datepicker-title { text-align:center; padding: 5px 0;}
.ui-datepicker-calendar { width: 100%;}
    .ui-datepicker-calendar td { text-align: center; padding: 5px 0;}
        .ui-datepicker-calendar td a { text-decoration:none;}
        .ui-datepicker-calendar td.ui-datepicker-current-day, .ui-datepicker-calendar td.ui-datepicker-current-day a  { background:#354052; color:#fff;}


/* Dash Icons */
.dashIcons { padding: 5em 0 !important;}
    .dashIcons a { padding: 3em 0; text-align:center; display: inline-block; background:#00bdce; color:#fff; width: 20%; font-size: 2em;text-transform: uppercase; text-decoration: none; margin-bottom: 4px;}
        .dashIcons a:hover { background: #354052;}
        .dashIcons a span { display:block; text-align: center;  font-size: .5em; letter-spacing: .4em;}

/* Chapter Images */
.colFifty { width: 50%; padding-right: 3em;}
.chapImageTOC td { vertical-align: top; }
.chapterProfileLnk { display:block; border-top: 1px solid #ccc; padding: .5em 0; }


.chapterProfileContent { display:none;}


/* Par Styles */
.parTotalTitle { display:block; font-size: 1em; font-weight: 800; border-bottom: 1px solid #ccc; color:#00bdce; text-transform: uppercase; padding-bottom: .5em;}
.parTotals { font-size: 4em; font-weight: 800; display:block;}
    

/* Navajo Profile Styles */
.navajoProfileTitleContainer { position: relative}
    .navajoProfileTitle { width: 100%; padding: 3em;  position: absolute; z-index: 2; color:#fff;}
        .navajoProfileTitle h1 { font-size: 4em;}
        .navajoProfileTitle p { font-size: 1.5em;}

    .navajoProfileTitleContainer img { width: 100%; height: auto; display:block;}

.greyBG { width: 100%; height: 100%; position: absolute; background: url(../images/grey.png);}

.navajoProfileMainContentContainer {  padding: 3em;}

.navProfileDDLink { display:block;  font-style: italic; color:#4e515e;  text-decoration: none; padding: 2em 2em 2em 6em; font-weight: 400; background:url(../images/ddArrow.png) no-repeat 2em 50%; }
    .navProfileDDLink span {display: block; font-weight: 700; font-size: 1.5em; color:#00bdce;}
    .navProfileDDLink:hover { background-color: #f5f5f5;}

.generalBtn { display: inline-block; background:#00bdce; padding: .5em 1em; color:#fff; font-weight: 700; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; }
    .generalBtn:hover { color:#fff; background:#4e515e;}

.npImgBtn { opacity: .8;}
.npImgBtn:hover { opacity: 1;}

.padding1em { padding: 1em;}
.padding2em { padding: 2em;}
.padding3em { padding: 3em;}

.entityOverviewContainer { background: #fff; padding: 1em 3em;     border-bottom: 1px solid #ccc;    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}
.entityOverviewTitle { display:inline-block; font-weight: 400; font-size: 1.2em; font-style: italic; margin-right: 3em;}
    .entityOverviewTitle span { display:block; font-size: 2em; font-weight: 800; font-style: normal;}

.navajoAgencyProfileTitle { width: 100%; padding: 3em;  position: absolute; bottom: 0; z-index: 2; color:#fff;}
        .navajoAgencyProfileTitle h1 { font-size: 4em; padding: 0;}
        .navajoAgencyProfileTitle p { font-size: 1.5em;}

    .navajoAgencyProfileTitle img { width: auto; height: auto; float:left; padding-right: 1em;}
    .navajoAgencyProfileTitle .agencyTitleDetails { font-size: 1.5em; font-style: italic;}
        .navajoAgencyProfileTitle .agencyTitleDetails span { display: block; font-size: .8em; padding-top: .5em;}

.chapterLnk { background-color:#fff; border: 1px solid #ccc; position: relative; background: no-repeat 2em 50% #fff;}
.number { position: absolute; right: 3em; top:50%; margin-top: -15px; background:#00bdce; padding: .5em 0; width: 60px; border-radius: 5px; -moz-border-radius: 5px; color:#fff; font-weight: 800; text-align: center;}

.chapterLnk001 { background-image: url(../images/npIcon001.png); }
.chapterLnk002 { background-image: url(../images/npIcon002.png); }
.chapterLnk003 { background-image: url(../images/npIcon003.png); }
.chapterLnk004 { background-image: url(../images/npIcon004.png); }
.chapterLnk005 { background-image: url(../images/npIcon005.png); }
.chapterLnk006 { background-image: url(../images/npIcon006.png); }
.chapterLnk007 { background-image: url(../images/npIcon007.png); }
.chapterLnk008 { background-image: url(../images/npIcon008.png); }
.chapterLnk009 { background-image: url(../images/npIcon009.png); }
.chapterLnk010 { background-image: url(../images/npIcon010.png); }
.chapterLnk011 { background-image: url(../images/npIcon011.png); }
.chapterLnk012 { background-image: url(../images/npIcon012.png); }
.chapterLnk013 { background-image: url(../images/npIcon013.png); }

/* 164 Tracker*/
.redBG { background: red; color:#fff;}
.yellowBG { background: #ffff00;}
.greenBG { background: #00ff00;}

.sponsorBG { display: inline-block; background: #e5e5e5; border-radius: 3px; font-size: .8em; margin-left: 1em; padding: .5em 1em;}

.rightWindow {width: 600px; background: #fff; padding: 3em; right: -600px; position:fixed; top: 0; height: 100%; overflow: auto; z-index: 9999;     -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.1); box-shadow: 0 0 50px 0 rgba(0,0,0,.1); display:none;}
.rightWindowClose {background:#00bdce; position: fixed; right: 16px; top: 0; display:none;}
    .rightWindowClose a { display:block; color:#fff; text-decoration: none; padding: .7em 1em; font-size: 1.4em;}
.locationInfo, .locationLog { display:none;}
    



/* Login Container */
.loginContainer { width: 500px; margin: 100px auto; background:#fff; overflow:hidden;}
.loginHeader {background: #fff; margin: 0px 0px 30px auto; padding: 30px; }
.loginContainterText { padding: 0 15px 30px;}
.loginLnks { float:right; padding-top: 10px; font-weight: bold;}


/* Modal Window */
.modalBtns { list-style: none; padding: 0; margin: 0;}
    .modalBtns li { float:left;  }
        .modalBtns li a { background: #00bdce; color:#fff; text-decoration: none; padding: .5em 1em; margin-left:.3em; display:block;}

.modalWindow { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9); z-index: 5;}
.innerModalWindow { position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; background: #fff; border: 1px solid #ccc; overflow: auto;}
.modalFixedTitle { position: absolute; background:#fff; z-index: 5; width: 100%;}
.modalTitleContainer { border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 1em;}

.modalCloseContainer { position: absolute; top:0; right: 0;}
.modalCloseContainer a {padding: .5em 1em; background: #fff; color:#354052; text-decoration:none;  display:block; font-size: 2em;}
    .modalCloseContainer a:hover { background:#00bdce; color:#fff;}


/* Global Styles */
.whiteContainer { background: #fff;  border: 1px solid #ccc; overflow-x: scroll; overflow: auto;}
.blueContainer { background: #354052; color:#fff; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; padding: 10px; margin: 0 20px; border: 1px solid #ccc;}

.red { color: red;}

.padding { padding: 3em;}
.padding20 {  padding: 20px;}
.paddingBot20 { padding: 0 0 20px 0;}
.vertPadding { padding: 1em 0;}

.marginBot20 { margin: 0 0 20px 0;}
.marginRight20 { margin: 0 10px 0 0;}

.floatLeft { float:left;}
.floatRight { float:right;}
.clearBoth { clear:both; }

.shadow { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.3); box-shadow: 0 0 20px 0 rgba(0,0,0,.3);}
.rounded {  -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;}

.stretch { width: 100%;}
.medium { width: 115px }
.small { width: 75px }
.long { width: 500px; }

.relative { position: relative;}
.absolute { position: absolute;}

.width75 {width: 75%; }
.width50 { width: 50%;}
.width25 { width: 25% !important; }
.widthMax1200 { max-width: 1200px; margin: 0 auto;}

.margBot20 {margin-bottom: 1em;}

.textarea { min-height: 100px; width: 500px;  }
.smallFont {font-size: 12px;}
.col50right { float: right; padding: 0 15px; }

.top {vertical-align: top; }
.head { text-transform:uppercase; text-align:left; }
.headCtr { text-transform:uppercase; text-align:center; }
.left { text-align:left; }
.title { font-size: 1.2em; font-weight: 400; letter-spacing: -.02em; line-height: 1.5em; margin: 0; padding: .5em 0 0;}

.bold { font-weight:bold;}

.whiteBG { background:#fff}

table.display th.txtCenter, .txtCenter { text-align: center;}
.txtRight { text-align: right;}




.filterContainer {    background: rgba(238, 245, 249, 0.54);    padding: 1em;    border-radius: 7px;    -moz-border-radius: 7px;    margin-bottom: 1em;}

.subSectionTitle {font-size: 1.2em;    font-weight: 700;    letter-spacing: -.02em;}

a {-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; font-weight: bold;}

/* Style Guide Styles */
.demo .unit div { background:#ccc;}


.wizzard { list-style: none; padding: 0; margin: 0;}
    .wizzard li {float:left; font-size: 1.3em; padding: 0 1em 0 3em; margin-right: 1em; border-right: 1px solid #ccc; font-weight: 700; position: relative; color:#a6b7c2;}
        .wizzard li span { display: block; font-size: .7em;}

        .wizzard li { background: no-repeat 0 50%;}

            .wizzard li.wizStep1 { background-image: url(../images/wizzard001.png);}
            .wizzard li.wizStep2 { background-image: url(../images/wizzard002.png);}
            .wizzard li.wizStep3 { background-image: url(../images/wizzard003.png);}
            .wizzard li.wizStep4 { background-image: url(../images/wizzard004.png);}
            .wizzard li.wizStep5 { background-image: url(../images/wizzard005.png);}
            .wizzard li.wizStep6 { background-image: url(../images/wizzard006.png);}

            .wizzard li.wizStep1Active { background-image: url(../images/wizzard001-active.png); color:#4e515e;}
            .wizzard li.wizStep2Active { background-image: url(../images/wizzard002-active.png); color:#4e515e;}
            .wizzard li.wizStep3Active { background-image: url(../images/wizzard003-active.png); color:#4e515e;}
            .wizzard li.wizStep4Active { background-image: url(../images/wizzard004-active.png); color:#4e515e;}
            .wizzard li.wizStep5Active { background-image: url(../images/wizzard005-active.png); color:#4e515e;}
            .wizzard li.wizStep6Active { background-image: url(../images/wizzard006-active.png); color:#4e515e;}

        .wizzard li.wizComplete { background-image: url(../images/WizComplete.png); color:#4e515e;}

.widthddFS {
    width:130px
}

.errorMsg {
    color:red;    
}


input.ro {
    color:#AAA;
    border: 1px solid #e5e5e5;
}


/*#region SPINNER*/
 
/* SPINNER */
 
.spinners {
  margin: 60px auto;
}
.spinners .spinnerrow {
  height: 50px;
  padding: 10px 0;
}
 
/* ============================ */
/* VARIABLES                    */
/* ============================ */
/* ============================ */
/* SPINNER GENERAL              */
/* ============================ */
.spinner, .spinner:before, .spinner:after {
  width: 12px;
  height: 60px;
  background-color: #00bdce;
  border-radius: 8px;
}
 
.spinner {
  display: inline-block;
  position: relative;
}
.spinner:before, .spinner:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
}
.spinner:before {
  left: -18px;
}
.spinner:after {
  left: 18px;
}
 
 
/* ============================ */
/* SPINNER BOUNCE MIDDLE        */
/* ============================ */
@-webkit-keyframes bounce-middle {
  0% {
    height: 4px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
  50% {
    height: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  100% {
    height: 4px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
@keyframes bounce-middle {
  0% {
    height: 4px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
  50% {
    height: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  100% {
    height: 4px;
    margin-top: 28px;
    margin-bottom: 28px;
  }
}
.spinner-bounce-middle {
  -webkit-animation: bounce-middle 0.6s ease 0.1s infinite;
          animation: bounce-middle 0.6s ease 0.1s infinite;
}
.spinner-bounce-middle:before, .spinner-bounce-middle:after {
  top: 50%;
  -webkit-transform: translateY(-30px) translateZ(0);
          transform: translateY(-30px) translateZ(0);
}
.spinner-bounce-middle:before {
  -webkit-animation: bounce-middle 0.6s ease 0s infinite;
          animation: bounce-middle 0.6s ease 0s infinite;
}
.spinner-bounce-middle:after {
  -webkit-animation: bounce-middle 0.6s ease 0.2s infinite;
          animation: bounce-middle 0.6s ease 0.2s infinite;
}
 
/*#endregion SPINNER*/


/*#region preloaderKENDO */

.preloaderKENDO 
{
    position: absolute;
    top: 400px;
    left:50%;
}

/*#endregion preloaderKENDO */


/*#region jQUERY VALIDATOR */
.error {
    color: red;
    font-size: 1em;
}

input.error, select.error, textarea.error {
    border-color: red;
    font-size: 1em;
    color: inherit;
}

.error-k-datepicker{
    /*color: green;*/
    border: 1px solid red !important;
    background: #fff;
    margin:0px;
    display: block;
    line-height:6px;
}

.error-k-datepicker label{
    position: relative;
    top: -5px;
    left: 0px;
    right: 50px;
    bottom:20px;
    color: red;
    border: 1px solid white !important;
    background: white !important;
    width:100%;
    padding: 5px;
    margin:0px;
    height:20px;
}

.k-widget label.error {
    margin-left:0px !important;
}
/*#endregion jQUERY VALIDATOR */

input[type=button] { margin: 0; border: 0; display: inline-block; padding: 7px 15px; font-size: 1em; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #fff; background: #212a3a; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; text-transform: uppercase; -webkit-border-radius: 4px; border-radius: 4px; }
  input[type=button]:hover { background: #354052; }
  input[type=button]:disabled { background: #0393a0; cursor: not-allowed;}

.btnSec {text-transform: none !important; background: #00bdce !important; border: 1px solid #00bdce !important;}
  
  
  /*#region User Menu */

#primary_nav_wrap
{
	margin-top:0px;        
    z-index:10;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0 ;
    z-index:10;  
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
    z-index:10;
}

#primary_nav_wrap ul a span.spanEntityName
{ display:block; font-size: .8em; color:#ecf2f6; font-weight: 800; }

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#354052;
	padding:0;
    border-top: solid 1px #777;
    width:140px;
    z-index:10;
}

#primary_nav_wrap ul ul li
{
	float:none;
}

#primary_nav_wrap ul ul a
{	
	padding:10px 15px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:400;	
	line-height:32px;	
    text-align:center;
    z-index:10;
}

/*#endregion User Menu */


.capitalize {
    font-weight:bold;
    text-transform: capitalize;
}


textarea.whole1 { 
                 height:20em;
}


.subAppLnk {display:none;}


/*Related Projects Styles */

#ulProjectList {list-style:none; margin: 0; padding: 0;}
#ulProjectList li {display: inline-block; margin-right: 5px;}
#ulProjectList li:first-child:before {content:"Current Related Projects:"; display: inline-block;margin-right: 5px; font-weight: 700;}
#ulProjectList li a:after {content:","; display: inline-block; }


/*Content Sections */

.contentSection {border-bottom: 1px solid #ccc;}
.contentSection:nth-child(even) {
    background: #f5f5f5;
}

.saveContainer { background:#d8d8d8;}

/*RealFile Upload Styles*/

.rfUploadContainer {
    max-width: 1200px !important;
}


#windICIPModalPopup .k-state-selected {color:#333 !important; background: #edf2f7 !important; font-weight: 700 !important;}

#divProperties #properties {width: 100% !important;}

.rfuiGrid  {width: 100% !important;}

.rfSearchCategories {list-style:none; padding: 0; margin: 0 0 30px;}
.rfSearchCategories li {display:inline-block;}
.rfSearchCategories li a {background-color: #fff; border: 1px solid #008CBA;   color: #008CBA;    padding: 7px 15px;    text-align: center;    text-decoration: none;    display: inline-block;    border-radius: 6px;    font-size: 16px;    margin: 0 5px 10px 0px;}
.rfSearchCategories li a.active {background:#008CBA; border: 1px solid #0393a0; color:#fff;}

.rfSearchCat {display:none;}
.rfSearchCat001 {display:block;}

.rfToggle  {font-size:12px; border: 1px solid #ccc; padding: 5px; 10px; border-radius: 3px; -moz-border-radius: 3px; text-decoration:none;}
.activeSearchTag {background:#00bdce; color:#fff;}

#divFilePreview iframe {height: 400px !important;}
#divFilePreview img {max-width: 400px;}

/*Responsive Styles*/

@media only screen and (max-width: 960px) 
{
#primary_nav_wrap {display:none;}
.applicationMenu {font-size: 1em; padding: 10px 10px 10px 45px; margin: 16px 20px 0 0;}
.navContainer a {width: 100%; margin-right: 0;padding: 20px;} 

.subAppLnk { background: url(../images/menu.png) no-repeat 10px 50% #00bdce; color: #fff; margin: 0; font-size: 1em; padding: 10px 10px 10px 45px; font-weight: 800; text-decoration: none; display:block; margin-top: 16px;}
    .subAppLnk:hover { color:#fff;}

.sectionHeader {padding: 0 1em 1em 1em;}
#ulMainMenu {border: 1px solid #ccc; display:none;}
#ulMainMenu li {float:none;}
#ulMainMenu li a {padding: 10px;}


.k-grid, table.left {min-width: 1200px !important;}
.k-grid-content {min-width: 1200px; max-height: 5000px !important;}

/*Form Elements*/
input[type=button] {width: 100%; white-space: normal; margin-bottom: 10px;}
table.left input[type=button] {width: auto; white-space: normal; margin-bottom: 10px;}

.pageDetailContainer { margin-right: 0; margin-bottom: 20px; float: none; font-style: italic;}

.grid .unit {padding-left: 0 !Important; padding-right: 0 !Important;}


}