/* blue 3f98ee, red ee3e50 */
/* black-blue 031F34, black-red 33030D */
/* mid-blue 739ee3, mid-red E4747E */
/* blue-gray 0067A6, red-gray 9F0A3B */
/* light-blue E1EAFE, light-red FFE4EE */

/*****************************************************
* Note!
* This CSS should be alwyas be called after style.css
* because it overrides some properties i.e. font-family.
* See the bottom of this page.
*********************************************************/

#main-container {
    margin-top: 15px;
}

#user { background-color:#333F48; }
#logout { background-color:#000; }

#header #logo { background: url("/resources/branding/img/header_logo.jpg") no-repeat 0 0; }

#footer #logo { background: url("/resources/branding/img/footer_logo_gray_rgb17x33.png") no-repeat 0 0; }
#footer a:hover { color: #3f98ee; }

#menu { background-color: #333F48; }
#menycontainer ul a:hover { background-color: #194068; }
#menycontainer ul a.active { background-color: #194068;  }
#menycontainer ul a:hover { background-color: #194068;  }

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

.ddsmoothmenu { background: #333F48; }
.ddsmoothmenu ul li a { background: #333F48; border-right-color: white; }

.ddsmoothmenu ul li.active ul li a { background: #333F48;}

/* Active menu */
.ddsmoothmenu ul li.active a { background: #55616a; }
.ddsmoothmenu ul li.active a:hover { background: #55616a; }
.ddsmoothmenu ul li a:hover { background: #55616a; }
.ddsmoothmenu ul li a.selected { background: #55616a; }
.ddsmoothmenu ul li.active ul li a.selected { background: #55616a; }
.ddsmoothmenu ul li.active ul li a:hover { background: #55616a; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
    font-size:11px;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
    font-weight: normal;
}

#breadcrumbs a:hover { color:#333F48; }

h2#extraId{ color:#333F48; }

.brand_color_button { background-color:#333F48; border-color: #333F48; }

#subj_page { background-color: #333F48; }
#sub_subj_page { background-color:#333F48; }
#three_col_forms_first_subj_text, #three_col_forms_second_subj_text, #three_col_forms_third_subj_text{ background-color: #333F48; }


/* Datatables */
.ui-widget-header { background-color: #333F48; background-image:none; border: 1px solid #333F48; }
tr.odd { background-color:#e0e0e0;}
tr.odd td.sorting_1 { background-color:rgba(51, 63, 72, 0.5);}
tr.even td.sorting_1 { background-color:rgba(51, 63, 72, 0.3);}

.odd { background: #e0e0e0; }
.even { background-color:rgba(51, 63, 72, 0.3); }

/* Honey Yellow */
.yellow { background: #FFC658; }
/* Raspberry Red */
.red { background: #E03E52; }
/* Ash Pink*/
.pink { background: #F4C3CC; }
/* Grass Green*/
.green { background: #C2E189; }

ul.errors
{
    color:#E03E52;
    font-size: 12px;
}