.aui .skin-gray .main-content
{
 background: #FFF;
 
 background: -moz-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF5FA), color-stop(4%, #FFF)) 0 4px;
 background: -webkit-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: -o-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: -ms-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;

 -moz-background-size: 100% 26px;
 -webkit-background-size: 100% 26px;
 -o-background-size: 100% 26px;
 -ms-background-size: 100% 26px;
 background-size: 100% 26px;
}


.aui .skin-gray .navbar .navbar-inner {
 background:#393939;
}

.aui .skin-gray  .sidebar , .aui .skin-gray  .sidebar:before {
 background-color:#D6D6D6;
 border-right:1px solid #A4C6DD;
}


.aui .skin-gray .page-content {
 background-color:transparent;/* so that .main-content's background can be seen */
}
.aui .skin-gray .infobox:not(.infobox-dark) {
 border-style:solid;
 background-color:transparent;
}



.aui .skin-gray  .nav-list > li {
 border-color:#F2F2F2;
 border-bottom-width:0;
 position:relative;
}
.aui .skin-gray  .nav-list > li:before {
 display:inline-block; content:"";
 position:absolute; z-index:1;
 left:0; top:0; bottom:0; max-width:0; overflow:hidden;
 border-left:3px solid #444;
}

.aui .skin-gray .nav-list > li.active:before {
 border-left-color:#4D96CB;
}

.aui .skin-gray  .nav-list > li:first-child {
 border-top:1px solid #F2F2F2;
}
.aui .skin-gray  .nav-list > li:last-child {
 border-bottom-width:1px;
}



.aui .skin-gray  .nav-list > li:hover {
 border-left-color:#1963AA;
 border-top-color:#EEE;
}

.aui .skin-gray  .nav-list > li:hover + li {
 border-top-color:#EEE;
}
.aui .skin-gray  .nav-list > li:last-child:hover {
 border-bottom-color:#EEE;
}
.aui .skin-gray  .nav-list > li.active {
 border-left-color:#1A67BD;
 border-top-color:#A4C6DD !important;
}
.aui .skin-gray  .nav-list > li.active + li {
 border-top-color:#A4C6DD;
}
.aui .skin-gray  .nav-list > li.active:last-child {
 border-bottom-color:#A4C6DD;
}


.aui .skin-gray  .nav-list > li > a:hover:before{
 display:none;
}
.aui .skin-gray .nav-list > li > a {
 background-color:#E0E0E0;
 color:#5A5A5A;
}
.aui .skin-gray .nav-list > li:hover > a {
 background-color:#EEE;
 color:#1963AA;
}
.aui .skin-gray .nav-list > li > a:focus{
 color:#1963AA;
}

.aui .skin-gray .nav-list > li.open > a  {
 background-color:#F3F3F3;
 color:#1963AA;
}
.aui .skin-gray .menu-min .nav-list > li.open > a  {
 background-color:#E0E0E0;
 color:#5A5A5A;
}
.aui .skin-gray .menu-min .nav-list > li.open > a > .menu-text {
 color:#1963AA;
}
.aui .skin-gray .menu-min .nav-list > li.active > a > .menu-text {
 border-left-color:#EEE;
}

.aui .skin-gray .nav-list > li.active > a {
 background-color:#EEF8FF;
 color:#4D96CB;
}


.aui .skin-gray .nav-list li.active > a:after{
 border-right-color:#FFF;
 right:-1px; top:0; z-index:12;
 border-width:18px 12px;
}


.aui .skin-gray .nav-list  li.active > a:before {/*the blue one under the white one!*/
 content:""; display:block;
 position:absolute;
 right:0; top:0;  z-index:11;   /**/ left:auto; bottom:auto; width:auto; max-width:auto; background-color:transparent;
 border-style:solid;
 border-width:18px 12px;
 border-color:transparent;
 border-right-color:#A4C6DD;
}

.aui .skin-gray .nav-list > li.active.open > .submenu  li.active > a:before,
.aui .skin-gray .nav-list > li.active.open > .submenu  li.active > a:after {
 border-width:14px 10px;
 top:2px;
}
.aui .skin-gray .nav-list > li.active.open > .submenu .submenu li.active > a:before,
.aui .skin-gray .nav-list > li.active.open > .submenu  .submenu li.active > a:after {
 top:0;
}

.aui .skin-gray .nav-list li.active.open > a:after,
.aui .skin-gray .nav-list li.active.open > a:before  {
 display:none;
}
.aui .skin-gray .nav-list > li.active:after {/* the white border on right */
 display:none;
}

/* extra a:after rules applied to a:before as well for skin-gray */
.aui .skin-gray .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:before {
  display: none;
}
.aui .skin-gray .nav-list li.active > .submenu > li.active > a:before {
  display: none;
}
.aui .skin-gray .nav-list li.active.open > .submenu > li.active > a:before {
  display: block;
}
.aui .skin-gray .menu-min .nav-list li.active.open > .submenu > li.active > a:before {
  display: none;
}



.aui .skin-gray .menu-min .nav-list > li.active > a {
 background-color:#4D96CB;
 color:#FFF;
}
.aui .skin-gray .menu-min .nav-list > li.active > a > .menu-text {
 color:#4D96CB;
}

.aui .skin-gray .menu-min .nav-list  li.active > a:after {
 display:none;
}
.aui .skin-gray .menu-min .nav-list  li.active > a:before {
 display:none;
}

.aui .skin-gray .menu-min .nav-list > li.active > a:after {
 display:block;
 border-width:12px 7px;
 top:5px;
}

.aui .skin-gray .menu-min .sidebar-shortcuts {
 border-left:none;
}
.aui .skin-gray .sidebar.menu-min  > .nav-search {
 border-left:none;
}

.aui .skin-gray .menu-min .nav-list > li > .submenu,
.aui .skin-gray .menu-min .nav-list > li.active > .submenu {
 border-left-color:#CCC;
}


.aui .skin-gray .nav-list > li > a  > .arrow {
 right:10px;
}




.aui .skin-gray .sidebar-collapse {
 background-color:#D0D0D0;
 border-color:#FFF; 
}
.aui .skin-gray .sidebar-collapse:before {
 border-color:#FFF;
}
.aui .skin-gray .sidebar-collapse > [class*="icon-"] {
 background-color:#FFF;
 border-color:#999;
 color:#999;
}


.aui .skin-gray .sidebar-shortcuts {
 background-color:#E0E0E0;
 border-bottom:none;
 border-color:#FFF;
 min-height:40px;
 border-left:3px solid #444;
}
.aui .skin-gray .sidebar > .nav-search {
 background-color:#E0E0E0;
 border-bottom:none;
 border-color:#FFF;
 border-left:3px solid #444;
}

.aui .skin-gray  .sidebar-shortcuts-mini {
  background-color:#E0E0E0;
}
.aui .skin-gray  .sidebar-shortcuts-mini > .btn {
 opacity:1;
}
.aui .skin-gray  .menu-min .sidebar-shortcuts-large {
 background-color:#F5F5F5;
 top:-1px;
}



.aui .skin-gray .breadcrumbs  {
 border:none;
 border-radius:4px;
 background-color:#E7F2F8;

 margin:8px 8px 0;
}
.aui .skin-gray .nav-search-input {
 border-radius:4px;
}
.aui .skin-gray .page-content > .page-header:first-child {
 border-bottom-color:#C9C9C9;
}
.aui .skin-gray .hr {
 border-color:#D5D5D5;
}


@media only screen and (max-width: 979px) {

.aui .skin-gray  .sidebar,
.aui .skin-gray  .nav-list > li ,
.aui .skin-gray .sidebar-shortcuts {
 border-left:none;
}
.aui .skin-gray .sidebar {
 border-color:#A4C6DD;
}

.aui .skin-gray .breadcrumbs  {
 border-radius:0;
 margin:0;
}

.aui .skin-gray .menu-toggler {
 background-color:#62A8D1;
 color:#FFF;
}
.aui .skin-gray .menu-toggler:after , .aui .skin-gray .menu-toggler:before {
 border-color:#FFF;
}
.aui .skin-gray .menu-toggler > .menu-text {
 border-top-color:#62A8D1;
}
.aui .skin-gray .menu-toggler > .menu-text:after {
 color:#FFF;
}



.aui .skin-gray .nav-list  li.active > a:before,
.aui .skin-gray  .nav-list  li.active > a:after {
 display:none;
}
.aui .skin-gray .menu-min .nav-list  li.active > a:before,
.aui .skin-gray .menu-min .nav-list  li.active > a:after {
 display:none;
}

.aui .skin-gray .nav-list li.active.open > .submenu > li.active > a:before {
 display:none;
}

.aui .skin-gray .menu-min .nav-list > li.active.open:hover > a:after {
 display:block !important;
}

}
.rtl.aui .skin-gray  .sidebar , .rtl.aui .skin-gray .sidebar:before {
 border-right:none;
 border-left:1px solid #A4C6DD;
}
.rtl.aui .skin-gray  .nav-list > li:before {
 left:auto;
 right:0;

 border-left:none;
 border-right:3px solid #444;
}
.rtl.aui .skin-gray .nav-list > li.active:before {
 border-left:none;
 border-right-color:#4D96CB;
}
.rtl.aui .skin-gray  .nav-list > li:hover {
 border-left-color:#F2F2F2;
 border-right-color:#1963AA;
}
.rtl.aui .skin-gray  .nav-list > li.active {
 border-left-color:#F2F2F2;
 border-right-color:#1A67BD;
}
.rtl.aui .skin-gray .menu-min .nav-list > li.active > a > .menu-text {
 border-left-color:#CCC;
 border-right-color:#EEE;
}
.rtl.aui .skin-gray .nav-list li.active > a:after{
 border-right-color:transparent;
 border-left-color:#FFF;
 left:-1px;
 right:auto;
}
.rtl.aui .skin-gray .nav-list  li.active > a:before {
 right:auto;
 left:0;
 border-right-color:transparent;
 border-left-color:#A4C6DD;
}

.rtl.aui .skin-gray .menu-min .sidebar-shortcuts {
 border-right:none;
}
.rtl.aui .skin-gray .sidebar.menu-min  > .nav-search {
 border-right:none;
}

.rtl.aui .skin-gray .menu-min .nav-list > li > .submenu,
.rtl.aui .skin-gray .menu-min .nav-list > li.active > .submenu {
 border-right-color:#CCC;
}

.rtl.aui .skin-gray .nav-list > li > a  > .arrow {
 right:auto;
 left:10px;
}

.rtl.aui .skin-gray .sidebar-shortcuts {
 border-left:none;
 border-right:3px solid #444;
}
.rtl.aui .skin-gray .sidebar > .nav-search {
 border-left:none;
 border-right:3px solid #444;
}

@media only screen and (max-width: 979px) {
.rtl.aui .skin-gray  .sidebar,
.rtl.aui .skin-gray  .nav-list > li ,
.rtl.aui .skin-gray .sidebar-shortcuts {
 border-right:none;
}
}