/*
 * Splitter container. Set this to the desired width and height of the combined left and right panes. 
 */
#main_MySplitter {
	border: 0px solid #6599CB;
	height: 100%;
	/* No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the min-width and max-width; 
 * the splitter plugin parses them to determine the splitter movement limits. 
 * Set the width to the desired initial width of the element; 
 * the plugin changes the width of this element dynamically.
 */
#main_LeftPane {
	background: #F2FBFF;
	overflow: hidden;     /* Scroll bars appear as needed */
	width: 230px;		/* optional, initial splitbar position */
	/* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#main_RightPane {
	background: #BBDFF7;
	overflow: auto;
	min-width: 0px;
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the mouse is over the splitter 
 * or the splitter is focused via the keyboard taborder or an accessKey. 
 */
#main_MySplitter .vsplitbar {
	width: 6px;
	background: #6599CB url("./images/vgrabber2-normal.gif") repeat-y left;
	cursor: e-resize;	/* in case col-resize isn't supported */
	cursor: col-resize;
}
#main_MySplitter .vsplitbar.active, #MySplitter .vsplitbar:hover {
	width: 12px;
	background: #6599CB url("./images/vgrabber2-active.gif") repeat-y left;
}
#main_MySplitter .hsplitbar {
	height: 6px;
	background: #669 url("./images/hgrabber.gif") no-repeat center;
}
#main_MySplitter .hsplitbar.active, .hsplitbar:hover {
	background: #c66 url("./images/hgrabber.gif") no-repeat center;
}

.splitterMask
{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url("./images/spacer.gif");
	z-index: 20000;
}

.pane_content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#portal_sidebar2 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
  background: #A1D3F8;
  background-image: url("images/menu_bg2.png");
  
  background-repeat: no-repeat;
  background-position: bottom left;
}

#portal_sidebar2 ul li {
    position: relative;
}

#portal_sidebar2 .sub-menu > .sub li  {
    padding-left: 20px;
}

#portal_sidebar2 .sub-menu > .sub li:last-child {
    padding-bottom: 1px;
}

.my-navbar {
  background-color: #004080;
  border-color: #425766;
  border-bottom: 0px solid #F0F8FB;
  background: #5EB3E9 url("images/bg_header.jpg") no-repeat top left fixed;
}
.my-navbar .navbar-brand {
  color: #006AA6;
  font-size: 20px;
}
.my-navbar .navbar-brand:hover, .my-navbar .navbar-brand:focus {
  color: #337AB7;
}
.my-navbar .navbar-text {
  color: #d7e2e9;
}
.navbar-nav li > a {
    font-size: 12px;
}
.navbar-nav > li > a {
    color: #666666;
    font-size: 16px;
}
.my-navbar .navbar-nav > li > a:hover, .my-navbar .navbar-nav > li > a:focus {
  color: #fff;
  background-color:#C8CFD3;
}
.my-navbar .navbar-nav > li > .dropdown-menu {
  background-color: #D4EAF8;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > a {
  color: #333;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > a:hover,
.my-navbar .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #004182;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #69899f;
}
.my-navbar .navbar-nav > .active > a, .my-navbar .navbar-nav > .active > a:hover, .my-navbar .navbar-nav > .active > a:focus {
  color: #e5dbdb;
  background-color: #C8CFD3;
}
.my-navbar .navbar-nav > .open > a, .my-navbar .navbar-nav > .open > a:hover, .my-navbar .navbar-nav > .open > a:focus {
  color: #e5dbdb;
  background-color: #425766;
}
.my-navbar .navbar-toggle {
  border-color: #425766;
}
.my-navbar .navbar-toggle:hover, .my-navbar .navbar-toggle:focus {
  background-color: #425766;
}
.my-navbar .navbar-toggle .icon-bar {
  background-color: #d7e2e9;
}
.my-navbar .navbar-collapse,
.my-navbar .navbar-form {
  border-color: #d7e2e9;
}
.my-navbar .navbar-link {
  color: #d7e2e9;
}
.my-navbar .navbar-link:hover {
  color: #e5dbdb;
}

@media (max-width: 767px) {
  .my-navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #d7e2e9;
  }
  .my-navbar .navbar-nav .open .dropdown-menu > li > a:hover, .my-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e5dbdb;
  }
  .my-navbar .navbar-nav .open .dropdown-menu > .active > a, .my-navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .my-navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e5dbdb;
    background-color: #425766;
  }

    .navbar-nav li > a {
        font-size: 16px;
    }

    .navbar-nav > li > a {
        color: #666666;
        font-size: 16px;
    }
}

.no-collapse.navbar-toggle {
  float: left !important;
  margin-left: 15px;
}

.no-collapse.navbar-header.navbar-right.pull-right {
  margin-right: 15px;
}

.no-collapse.navbar-right > li {
  float: left;
}