/**
 * Theme Stylesheet Template. This CSS overrides the default CSS so the users
 * can customise colours.
 */
body {
    background-color: #ffffff;
}
body.hasnav {
    background-image: url(sidebar-background.png);
}
ul.mf-topapps li {
    background-color: #000061;
    border-color: #00004d #333381 #333381 #00004d;
}
ul.mf-topapps li a {
    border-color: #333381 #00004d #00004d #333381;
}
ul.mf-topapps li a:hover {
    border-color: #6666a1 #00003a #00003a #6666a1;
}

div.main-nav-btn {
    background-image: none;
    background-color: #000061;
    border-color: #00004d #333381 #333381 #00004d;
    box-shadow: 0 1px 1px #00004d inset;
}

.ui-state-default a.main-nav-text, 
.ui-state-default a.main-nav-text:link, 
.ui-state-default a.main-nav-text:visited { 
    color: #ffffff; 
}

#mf-topnav {
        background-image: none;
        background-color: #000061;
    border-top: #000061 solid 1px;
}
div.panelbox > h2, .ui-dialog .ui-dialog-titlebar,
h2.MsgBox-Title {
    background-image: linear-gradient(top, #333381 0%, #000061 100%);
    background-image: -o-linear-gradient(top, #333381 0%, #000061 100%);
    background-image: -moz-linear-gradient(top, #333381 0%, #000061 100%);
    background-image: -webkit-linear-gradient(top, #333381 0%, #000061 100%);
    background-image: -ms-linear-gradient(top, #333381 0%, #000061 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333381', endColorstr='#000061')";
    background-color: #000061;
    border: none;
}
div.panelbox > div.content {
    border-top-color: #e97b00;
}
#mf-topstrip {
    background-color: #000061;
}
#mf-topstrip ul li {
    border-left: #000061 solid 1px;
}
#mf-topstrip ul {
    border-right: #000061 solid 1px;
}
div.slidemenu > div.slide-title > div,
div.slidemenu ul.slide-lvl0 > li > div > a,
div.slidemenu ul.slide-lvl0 > li > div > span {
    color: #ffffff;
}
div.slidemenu a,
div.slidemenu span {
    color: #ffffff;
}
div.slidemenu ul.slide-lvl0 ul > li.slide-sel > div {
    background-color: #e97b00;
}
div.slidemenu ul.slide-lvl0 > li.slide-sel.slide-item > div {
    background-color: #e97b00;
}
/* This needs to be here so only sub menus get shaded when there are multiple levels */
div.slidemenu ul.slide-lvl0 ul > li.slide-menu > div {
    background-color: transparent;
}
div.slidemenu > div.slide-title {
    background-image: url(menuarrow-right.png);
}
div.slidemenu.slide-open > div.slide-title {
    background-image: url(menuarrow-down.png);
}
div.slidemenu li.slide-menu > div > a {
    background-image: url(menuarrow-right.png);
}
div.slidemenu li.slide-open > div > a {
    background-image: url(menuarrow-down.png);
}
tr.ipstable-item_even,
td.ipstable-item_even {
    background: #f4f4f4;
}
tr.ipstable-item_odd,
td.ipstable-item_odd {
    background: #f4f4f4;
}

div.slidemenu2 ul.slide-lvl0 > li > div > a {
    background-color: #000061;
}
div.slidemenu2 ul.slide-lvl0 > li {
    background-color: #000061;
        background-image: none;
    }
div.slidemenu2 a,
div.slidemenu2 span {
    color: #000061;
}
div.slidemenu2 > div.slide-title > div,
div.slidemenu2 ul.slide-lvl0 > li > div > a,
div.slidemenu2 ul.slide-lvl0 > li > div > span {
    color: #000061;
}
div.slidemenu2 > div.slide-title {
    background-color: #000061;    
}

#mf-navigatorbox .jstree a{
    color: #ffffff !important; /*need to override style in jstree plugin*/
}