body:not(.admin-menu) #tabs { /*overflow: hidden; - this is causing an issue with DCT dropdowns */ border-radius: 5px 5px 0 0; margin-top: -56px; }
#thelist { margin: 0; padding: 0; overflow: hidden; height: 31px; }

#thelist li {
    margin: 0 7px 0 0;
    padding:6px 4px 3px;
    width: 18%;
    box-sizing:border-box;
    background: none repeat scroll 0 0 #232f84;
    border-radius: 5px 5px 0 0;
    display: block;
    font-size:1em;
    color:white;
    float: left;
	vertical-align: middle;
	font-weight: 400;
	text-align: center;
    transition: all 0.25s cubic-bezier(.25,.1,.25,1) 0s;
}

#thelist .invisible { display: none; }
#thelist li.tab1 { margin-left: 2em; }

#thelist li.active { background: #FFF; color:#000; }
#thelist li.active:hover { background: #FFF; color:#000; }
#thelist li:hover { background: #FFF; cursor: pointer; color:#000; }

#tabs>.body { background: #fff; padding: 15px 0; display: none; clear: both; margin: 0 15px; }

#table-area { margin-bottom: 1em; }
#table-area tr.odd { background-color: #DDE2EE; }
#table-area tr.even { background-color: #fff; }

#table-area tr.hd {
	background-color: #788BBD;
	font-weight: bold;
	color: #fff;
}

.hd td { padding: 0 3px; }
#table-area td { vertical-align: top; }
#table-area tr td:first-child { font-weight: bold; }

.tab-mobile-header {
    display: none;
    padding: 5px 15px;
    cursor: pointer;
    border-top: 1px solid #999;
}

.tab-mobile-header h4 {
  color: #0098cd;
}

.tab-mobile-header .icon-right {
    font-size:1.5em;
    padding-top:6px;
    color: #0098cd;
}

.tab-mobile-header .icon-minus {
    display:none;
}

.tab-mobile-header.active .icon-plus {
    display:none;
}

.tab-mobile-header.active .icon-minus {
    display:block;
}

.tab-mobile-header.last {
    border-bottom: 1px solid #999;
}

@media (max-width: 767px) {
    #thelist { display:none; }
    body:not(.admin-menu) #tabs, .admin-menu #tabs { margin-top:0; }
    .tab-mobile-header { 
	display:block;
    	background-color: #e2e2e2;
    	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#e2e2e2), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
    	background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #e2e2e2);
    	background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #e2e2e2);
    	background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #e2e2e2);
    	background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #e2e2e2);
    }
}