/* Color Palette for Capital Project Network */

h1 { color: #005397; }
h2 { color: #2180f5; }
h3 { color: #f58021; }

hr { border:1px solid #005397; }

a, a.default {
    color: #005397;
}

a:hover, a.over {
    color: #2180f5;
}

a:active, a.down {
     color: #b94848;
}

q {
    background-color: #FAFAFA;
    border-color: #D1D1D1;
    color: #424242;
}

dfn {
    border-color: #539700;
    color: #539700;
}

.instructions{
    font-size:12px;
    color:#b94848;
}

/* Forms */
/*   Buttons */
.button,
input[type="button"],
input[type="submit"] {
    text-shadow: -1px -1px 0 #000097, 
                  1px -1px 0 #000097, 
                 -1px  1px 0 #000097, 
                  1px  1px 0 #000097;
    color: #fafafa;
    border-color: #000097;
    background-color: #005397;
}

input[type="button"].button-loud,
input[type="submit"].button-loud {
    background-color: #f58021;
    border-color: #975300;
    text-shadow: -1px -1px 0 #975300, 
                  1px -1px 0 #975300, 
                 -1px  1px 0 #975300, 
                  1px 1px 0 #975300;
}

input[type="button"].button-cancel,
input[type="submit"].button-cancel,
button.button-cancel {
    border-color: #808080;
    background-color: #949494;
    text-shadow: -1px -1px 0 #808080, 
                  1px -1px 0 #808080, 
                 -1px  1px 0 #808080, 
                  1px  1px 0 #808080;
}

input[type="button"].button-delete,
input[type="submit"].button-delete,
button.button-delete {
    border-color: #d96200;
    background-color: #f58021;
    text-shadow: -1px -1px 0 #d96200, 
                  1px -1px 0 #d96200, 
                 -1px  1px 0 #d96200, 
                  1px  1px 0 #d96200;
}

input[type="button"].button-approve,
input[type="submit"].button-approve,
button.button-approve {
    border-color: #539700;
    background-color: #51b948;
    text-shadow: -1px -1px 0 #539700, 
                  1px -1px 0 #539700, 
                 -1px  1px 0 #539700, 
                  1px  1px 0 #539700;
}
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover {
    border-color: #005397;
    background-color: #2180f5;
    color:#ffffff;
    text-shadow: -1px -1px 0 #005397, 
                  1px -1px 0 #005397, 
                 -1px  1px 0 #005397, 
                  1px  1px 0 #005397;
}

input.button:active,
button.button:active,
input.button-down,
button.button-down,
input.cancel-button:active,
input.cancel-button-down {
    border-color: #539700;
    background-color: #51b948;
    text-shadow: -1px -1px 0 #539700, 
                  1px -1px 0 #539700, 
                 -1px  1px 0 #539700, 
                  1px  1px 0 #539700;
}

input.button-disabled,
button.button-disabled,
input.cancel-button-disabled {
    text-shadow:none !important;
    border-color:#a8a8a8;
    background-color: #d9d9d9;
    color: #a8a8a8;
}
button > img {
    box-shadow: 0px 0px 1px #000097;
}

/* END BUTTONS */

/* Input Fields */

input[type=text],
input[type=password],
select {
    color: #424242;
    border-color: #424242;
    background-color: #FAFAFA;
}

input[required], 
input.required, 
select.required,
input[readonly].required.date {
    border-color: #979700;
    background-color: #e8e8d0;
    color: #979700;
}

input.valid, 
select.valid {
    border-color: #51b948;
    background-color: #e7f5dc;
    color: #539700;
}

input[type="text"]:not([type="submit"]):not([type="button"]):not([readonly]):focus, 
input[type="password"]:focus,
input.focused, select.focused {
    border-color: #009797; /*#48b9b9*/
    background-color: #FFFFFF; /*#e9f5f5*/
    color: #009797; /*#48b9b9*/
}
select:focus {
    border:1px solid #009797 !important;
    color:#009797 !important;
    background-color:#FFFFFF !important; /*#e9f5f5*/
}
span.focused-note {
    color: #48b9b9;
}

input.missing {
    border-color: #975300;
    background-color: #f5e7dc;
    color: #975300;
}

label.missing {
    color: #975300;
}

input.error, select.error {
    border-color: #970000;
    background-color: #f5e7dc;
    color: #970000;
}




input.planned {
    border-color: #005397;
    background-color: #dbe6f4;
    color: #005397;
}

input.actual {
    border-color: #970097;
    background-color: #f5dcf5;
    color: #970097;
}


.missing-note {
    color: #975300;
}


/* Speadsheet / GridView / Data Tables */

table.spreadsheet > thead > tr > th {
    border-color: #005397;
    background-color: #005397;
    text-shadow: -1px -1px 0 #005397, 
                  1px -1px 0 #005397, 
                 -1px  1px 0 #005397, 
                  1px  1px 0 #005397;
    color: #FFF;
}

table.spreadsheet > thead > tr > th:hover, 
table.spreadsheet > thead > tr > th:hover.filter {
    background-color: #2180f5;
    border-color: #005397;
    text-shadow: -1px -1px 0 #005397, 
                  1px -1px 0 #005397, 
                 -1px  1px 0 #005397, 
                  1px  1px 0 #005397;
}
table.spreadsheet > tbody > tr > td {
    border-color:#FFF;
}

table.spreadsheet > tbody > tr:nth-child(even) {
    background-color: #FAFAFA;
}

table.spreadsheet > thead > tr > th.filter {
    background: url(images/filter_indication.png), #005397;
}

table.spreadsheet > thead > tr > th:hover.filter {
    background: url(images/filter_indication.png), #2180f5;
}

/* Dataview */
table.dataview > thead > tr > th,
table.dataview_gridview > tbody > tr > th {
    color: #424242;
    border-color:#808080;
    background-color: #F4F4F4;
}
table.dataview > tbody > tr > td,
table.dataview_gridview > tbody > tr > td {
    border-color: #a8a8a8;
}

#badge { color: #005397; }
#badge > a { color: #005397; }

#badge > div > a:hover {
    color: #fff;
}
#badge > div:hover {
    background-color: #48b9b9;
}

#globalNavigation-wrapper {
    background-color: #005397;
    border-color:#b94848;
}

.globalNavigation li.selected {
    background-color: #b94848;
}

 /*TABS ONLY*/ 

/* SUB NAV TABS */
#subNavigation_wrapper {
    background-color: #b94848;
}

/* BEGIN: Content Structure */

#content-wrapper {
    background-image: url(/images/content-wrapper_bg.png);
 }

/* BEGIN: Footer */
#footer-wrapper {
    background-color: #4b4b4b;
}
#footer > div {
    color: #f4f4f4;
}
#footer > div a {
    color: #d1d1d1;
}
#footer > div a:hover {
    color: #f58021;
}
/* END: Footer*/

/* BEGIN: Section Tabs */
.section .tabs {
    border-color:#d1d1d1;
}

.section .tabs > li {
    border-color:#d1d1d1;
    background-color: #e5e5e5;
}

.section .tabs li.selected,
.section .tabs li.selected:hover {
    border-color: #d1d1d1;
    border-bottom-color: #FFFFFF;
    background-color: #FFFFFF;
    color: #424242;
}

.section .tabs li:hover {
    border-color: #005397;
    background-color: #2180f5;
    color: #FFF;
    text-shadow: -1px -1px 0 #005397, 
                  1px -1px 0 #005397, 
                 -1px  1px 0 #005397, 
                  1px  1px 0 #005397;
}
/* END section tabs*/


/* Dashboard Timeline */


.timeline_border {  
    background-color:#ffffff;
    border:12px solid #f4f4f4;
}

.timeline_icon {
    background: transparent url(../../portal_home/images/timeline_icon.png) no-repeat 0 0;
    background-size:100%;
    height:18px;
    width:18px;
    vertical-align:middle;
}

.timeline_icon:hover {
    background: transparent url(../../portal_home/images/timeline_icon_hover.png) no-repeat 0 0;
    background-size:100%;
    transition: all .2s linear 0s;
    height:18px;
    width:18px;
    vertical-align:middle;
}

.tabular_icon {
    background: transparent url(../../portal_home/images/tabular_icon.png) no-repeat 0 0;
    background-size:100%;
    height:18px;
    width:18px;
    vertical-align:middle;
}

.tabular_icon:hover {
    background: transparent url(../../portal_home/images/tabular_icon_hover.png) no-repeat 0 0;
    background-size:100%;
    transition: all .2s linear 0s;
    height:18px;
    width:18px;
    vertical-align:middle;
}


/************************
    Timeline Navigation
*************************/

.timelineNav {
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}

table.timeline {
    border:1px solid #cccccc;
}

/* END Timeline Navigation */

table.timeline > tbody > tr > th {
}

table.timeline > tbody > tr:first-child {
    color:#FFFFFF;
    background-color:#005397; 
}

a.timeline_link {
    color:#ffffff;
}

.timeline_cell_noborder {
    border-right:solid 1px #cccccc;
}
.timeline_cell_border {
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}
.timeline_spacer {
    color:#FFFFFF;
    background-color:#005397;     
}

.timeline_ta {
    background-color:#ffffff;
}


/**************
    Custom Filter
 ****************/
#radioFilter {
    border:1px solid #dddddd;
    background-color:#ffffff;
}

/**************
    DEFINITIONS
 ****************/
#definitions {
    border:1px solid #dddddd;
    background-color:#ffffff;
}

/**************
    Tabular
 ****************/
.tabular_header {
    color:#FFFFFF;
    background-color:#005397;
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;    
}
.enterprise_tabular_main_container {
    border:12px solid #cccccc;
}


.timeline_ta {
    color:#000000;
    background-color:#ffffff;
}

DIV.enterprise_overall_popup {
    border:double 3px #000000;
    background-color:#ffffff;
}
DIV.enterprise_ta_popup {
    border: 1px solid #005397;
    background-color: #ffffff;
}

TD.phase_open { color:#48b9b9;}
TD.phase_upcoming {color:#b9b900;}
TD.phase_overdue {color:#b94848;}
TD.phase_closed {color:#a8a8a8;}

TD.enterprise_ta_popup_header {
    color: #FFFFFF;
    background-color: #005397;
}

.complexity_high {color:#ff0606;}
.complexity_medium {color:#ffa706;}
.complexity_low {color:#068306;}
.complexity_ultralow {color:#838383;}

div.compliance_status_green {
    color:white;
}
div.compliance_status_red {
    color:White;
}
div.compliance_status_yellow {
    color:Black;
}
div.compliance_status_grey {
    color:#000000;
}

.enterprise_tabular_container {
    border:solid 1px #cccccc;
}

.enterprise_tabular TD {
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}
TD.enterprise_tabular_header {
    color:#FFFFFF;
    background-color:#005397;
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;    
}
.enterprise_tabular_link {
    color:#FFFFFF;
}
a.enterprise_tabular_link {
    color:#FFFFFF;
}

a.enterprise_tabular_link:hover {
    color:#FFFFFF;
}
a.enterprise_tabular_link:active {
    color:#FFFFFF;
}
a.enterprise_tabular_link:visited {
    color:#FFFFFF;
}
a.enterprise_tabular_link:link {
    color: #FFFFFF;
}
/**************
  PYRAMID COLORS
*****************/
.eval_breadcrumb_container{
    background-color:#f4f4f4;
}
.question_row {
    background-color:#f4f4f4;
}
.question_row:hover {    
    background-color:#2180f5;
    color:white;
}
.question_row_on {
    background-color:#b94848;
    color:white;
}
.question_row_off {
    background-color:#f4f4f4;
}
.question_row_on:hover {
    background-color:#2180f5;
    color:white;
}
.question_row_off:hover {
    background-color:#2180f5;
    color:white;
}

/********************
  Navitrack COLORS
*********************/
.controldoc_main_container table {
    width: 100%;
}

.controldoc_main_container th {
    color: #424242;
    border-color:#808080;
    background-color: #F4F4F4;
}

.controldoc_main_container td {
    border-bottom: 1px solid #a8a8a8;
    height: 36px;
    vertical-align: middle;
    line-height: 18px;
}

.controldoc_main_container table table {
    width: 100%;
    border:none;
}

/********************
  Risk Manager COLORS
*********************/

.nav_container {

}
.rm_icon {
    background-color:#cccccc;
}

.rm_icon:hover {
    background-color:#2180f5;
}

.rm_icon_on {
    background-color:#005397;
}
.rm_icon_on:hover {
    background-color:#2180f5;
}

.rm_icon_off {
    background-color:#cccccc;
}
.rm_icon_off:hover {
    background-color:#2180f5;
}

/********************
  Portal Home Admin COLORS
*********************/

div.vcard {
    background-color: #FFF;
    border: 1px solid #CCC;
}