#header #mainMenuBar, #header #mainMenuBar .x-panel-body {
    background: #5fa2dd !important;
}

#header #subMainMenuBar, #header #subMainMenuBar .x-panel-body {
    background: #5fa2dd !important;
}

#header #subMenuBar {
    background: #49535e !important;
}

#header #subMenuBar {
    border-top: 2px solid #1287BB !important;
    overflow: visible;
}

#header #subMenuBar .x-btn-default-toolbar-small-focus {
	background-color: #49535e;
	background-image: none;
}

#header #schedmanMenuBar {
    background: #1688B6 !important;
    border-top: 2px solid #1287BB !important;
    overflow: visible;
}

#header, #footer {
    box-shadow: 0 0 7px #003055;
}

/* -------------------- HEADER & Software title -------------------- */
#header {
    font-family: Sans-Serif;
    color: #FFFFFF;
    line-height: 2.4em;
    position: relative;
    z-index: 2000;
}

#header a,#header a:link,#header a:active,#header a:visited,#header a:focus {
    text-decoration: none;
    color: #FFFFFF;
}

#header h1 a:before {
	content: "";
    position: relative;
    display: inline-block;
    
	background: url('../imgs/dps-logo.svg') no-repeat center;
    background-size: cover;
    width: 85px;
    height: 25px;
    margin-right: 25px;
    top: 6px;
}

#header h1 {
    font-family: Sans-Serif;
    font-size: 1.3em;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
}

#header #subMenuBar .x-btn-default-toolbar-small-over {
	background-color: #49535e;
	background-image: none;
	border-color: white;
	color: white;
}

/* -------------------- HEADER Toolbars -------------------- */
#header .x-toolbar {
    color: white;
    line-height: 2.4em;
    font-size: 1.2em;
    padding: 0 2em 0 0;
}

#header #subMenuBar {
    padding: 2px 0;
}

#header #schedmanMenuBar {
    padding: 2px 0;
}

/* -------------------- HEADER SubMenuBar -------------------- */

.mymenuitem-link, .mymenuitem-link {
    padding: 6px 2px 3px 6px;
    line-height: 16px;
    display: block;
}

.x-menu .x-box-inner {
    background-color: #5fa2dd;
}

#header .x-toolbar-item {
    margin-left: 1em;
}

.x-menu-body {
    background-color: #5fa2dd;
}

.x-menu-item-text {
    color: white;
}

.x-menu-item-separator {
    border-color: #5fa2dd;
}

.x-menu-item-active {
    background-image: none;
    border-color: white;
    background-color: #5fa2dd;
}

.x-menu-item-arrow {
    background-image: url("../extjs/4.2.1/resources/themes/images/access/menu/menu-parent.gif");
}

#header .x-btn-split-right {
    background-image: url("../extjs/4.2.1/resources/themes/images/default/button/s-arrow-light.gif");
}

#header .x-form-item-label, #header .x-btn-default-toolbar-small .x-btn-inner {
    color: white;
    font-size: 12px;
}

#header .x-btn-default-toolbar-small-over .x-btn-inner, #header .x-btn-default-toolbar-small-menu-active .x-btn-inner {
    color: white;
    text-shadow: none;
}

#header .x-btn-default-toolbar-small-over .x-btn-split-right, #header .x-btn-default-toolbar-small-menu-active .x-btn-split-right {
    background-image: url("../extjs/4.2.1/resources/themes/images/default/button/s-arrow-noline.gif");
}

/*------------------ Panels & toolbars ------------------------------*/
.x-panel-header-default {
	background-image:none;
	background: #eaeaea;
    color: #555555;
    border-color: #eaeaea;
}

#main_panel .x-panel-body-default {
	border-color: #eaeaea;
}

#main_panel .x-btn-default-toolbar-small {
	background-color: #f6f6f6;
	border-color: #d1d1d1;
}

#main_panel .x-btn-default-toolbar-small-over {
	background-image: none;
	background-color: #eaeaea;
	border-color: #d1d1d1;
	
}

.x-panel-body-default {
	border-color: #5fa2dd;
}

.x-panel-header-text-container-default {
	color: #555555;
}

.x-toolbar-default {
	background-image:none;
	background: #eaeaea;
    color: #555555;
    border-color: #eaeaea;
}

.x-tbar-loading {
	background-image: url("../extjs/4.2.1/resources/ext-theme-gray/images/grid/refresh.gif")
}

/*---------------------------- Grids ----------------------------------*/
/*-------------------------- EXTJS GRID COLUMN ------------------------*/
.x-grid-header-ct, .x-column-header {
	/*background : url("../extjs-4.2.1/resources/ext-theme-classic/images/grid/column-header-bg.gif");*/
	background-color: white;
	
}

.x-column-header-trigger {
	background-image: none;
	background-color: white;
}

.x-column-header-over, .x-column-header-sort-ASC, .x-column-header-sort-DESC {
  /*background-image: url("../extjs-4.2.1/resources/ext-theme-classic/images/grid/column-header-over-bg.gif");*/
  background-color: white;
  background-image: none;
}

.x-grid-header-ct {
	border-color: #eaeaea;	
}

/* -------------------- FOOTER -------------------- */
#footer p {
    background-color: #5fa2dd;
    color: white;
    text-align: center;
    font-size: 0.9em;
    line-height: 2em;
    box-shadow: 0 0 5px black;
}

#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a:focus {
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
    margin: 0 5px;
}

/* ------------------- ALERT -------------------- */
.x-message-box .x-window-body {
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #A2B1C5;
}

/* ------------------- HEADER PLACEHOLDER -------------------- */
/* override sk.css */
html {
	margin: 0 !important;
    padding: 0 !important;
}

body {
	margin: 0;
    padding: 0;
    /* override sk.css */
    background: white !important;
}

/* This is for non extjs pages */
#skxmlbox-body {
	padding: 12px;
}

#headerPlaceHolder {
	margin: 0;
	padding: 0;
	box-shadow: 0 0 7px #003055;
}

#mainMenuBarPlaceHolder {
	height: 35px;
	background: none repeat scroll 0 0 #5fa2dd !important;
}

#subMenuBarPlaceHolder {
	height: 26px;
	border-top: 2px solid #1287BB !important;
	background: none repeat scroll 0 0 #49535e !important;
}