.tab-menu ul, .tab-menu ul li {list-style: none;}
.tab-menu ul {position: relative; padding: 0; margin: 0;}
.tab-menu{ z-index: 10000;}

body #tab .tab-menu{
	font: normal normal normal 12px/15px "Arial", Helvetica, sans-serif;
}
ul.tab-menu, ul.tab-menu a, ul.tab-menu li {
	margin: 0; 
	padding: 0; 
	border: none;
}
ul.tab-menu {
	width: 100%;
	height: 25px; 
	position: relative;
}
ul.tab-menu li { 
	float: left; 
	margin: 0; 
	padding: 0; 
	font-size: 13px; 
}
#tab .tab-menu a{
	 padding: 0 20px;
}
#tab ul.tab-menu li{ 
	border-right: none;
	padding-bottom: 4px;
}
#bar #tab ul.tab-menu > li {
}
#bar_lb #tab ul.tab-menu > li {
}
#tab ul.tab-menu >li{ 
	line-height: 16px;
	background: url(../images/separator-white.gif) no-repeat 0px 3px;
	zoom: 1;
	z-index: 0;
}
#tab ul.tab-menu >li:first-child { 
	background: none;
}
#tab ul.tab-menu >li.active:hover{ 
	background: none !important;
}
#tab ul.tab-menu >li >a{ 
	float: left; 
	display: block; 
	color: #FFF; 
}
#tab ul.tab-menu .submenu >div >div{ 
	height: 100%;
	padding-left: 4px;
	padding-right: 4px;
}
#tab ul.tab-menu .submenu .dyno-column-lines{ /*this is added in .js*/
	border-left: 1px solid #005a8c; 
} 
#tab ul.tab-menu .submenu >div >div:last-child{ 
	border-left: none;
	padding-left: 0px;
	padding-right: 0px;
}
#tab ul.tab-menu .submenu >div >div:first-child{
	border-left: none;
	padding-left: 0px;
	padding-right: 0px;
}
#tab ul.tab-menu .submenu div.msm-close{ 
	border-left: none;
	padding-left: 0px;
	padding-right: 0px;
}
#tab a.active{
	text-decoration: none;	
	color: #000!important;
	background-color: #fff;
	padding-bottom: 8px !important;
	padding-top: 5px;
    margin-top: -5px;
	margin-left:0px;
	padding-left:20px;
	margin-right:-1px;
	padding-right:21px;
}
#tab ul.tab-menu >li >a:hover div{ 
	text-decoration: underline; /*ms - this was changed based on 11/1 doc. */
	color: #FFF!important; /*was 000*/
	background-color: #669cba;  /*was FFF*/
	padding-bottom: 8px;
	padding-top: 5px;
    margin-top: -5px;
	margin-left:-15px;
	margin-right:-16px;
	padding-left:15px;
	padding-right:16px;
}
#bar #tab ul.tab-menu >li >a:active div{
	color: #005a8c !important;
}
#bar #tab ul.tab-menu >li >a.active:active div{
	color: #005a8c !important;
}

#tab ul.tab-menu >li >a.active:hover div{ 
	margin-left:-20px;
	padding-left:20px;
	margin-right:-21px;
	padding-right:21px;
	color: #FFF;
}
#tab ul.tab-menu li.sub-hover >a{	
	/* using this to maintain background highlight when scrolling inside sub area ms */
	text-decoration: none;
	color: #000; 
	background-color: #EEE; 
	padding-bottom: 8px;
	padding-top: 5px;
    margin-top: -5px;
	margin-left:5px;
	margin-right:4px;
	padding-left:15px;
	padding-right:16px;
}
#tab ul.tab-menu li.sub-hover >a.active{	
	/*and when it's active don't show the standard sub-hover*/
	text-decoration: none;	
	color: #000!important;
	background-color: #fff;
	padding-bottom: 8px !important;
	padding-top: 5px;
    margin-top: -5px;
	margin-left:0px;
	padding-left:20px;
	margin-right:-1px;
	padding-right:21px;
}
#tab ul.tab-menu li.sub-hover >a:hover{	
	/*fixes push down bug - hover modifys div on top of a*/
	background:none;
}
#bar_lb #tab ul.tab-menu >li >a:hover div{ 
	/*color: #FFF;
	background-color: #005a8c;*/
}
#bar_lb #tab ul.tab-menu >li.sub-hover >a:hover div{ 
	color: #000 !important; 
	background-color: #EEE; 
}
#bar_lb #tab ul.tab-menu >li >a.active:hover div{ 
	margin-left:-20px;
	padding-left:20px;
	margin-right:-21px;
	padding-right:21px;
	color: #000 !important;
	background-color: #fff;
}
/*#tab .tab-menu-skin ul.tab-menu li a.no-menu:focus div,
#tab .tab-menu-skin ul.tab-menu li a.no-menu:active div{
	text-decoration: none;	
	color: #000!important;
	background-color: #FFF;
	padding-bottom: 7px !important; 
	padding-top: 5px;
    margin-top: -5px;
	
	margin-left:-20px;
	margin-right:-21px;
	padding-left:20px;
	padding-right:21px;
	
}*/
/*#tab ul.tab-menu >li >a.no-menu:hover{
	text-decoration: underline;
}*/
#tab ul.tab-menu >li >a:active div{
 	color: #000 !important; /* ms - 11/1 doc */
}
#bar_lb #tab ul.tab-menu >li >a:active div{
	color: #005a8c !important;
}
#bar_lb #tab ul.tab-menu >li >a.active:active div{
	color: #005a8c !important;
}
.submenu {  
    margin:4px auto;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:18px 30px 24px 7px;  
    border:1px solid #6394b1;
    border-top:none;  
    
    background-color: #eeeeee;
    top:20px; /*was 19*/
   	opacity: 0;
   	-webkit-transition: opacity .5s;
  	-moz-transition: opacity .5s;
 	-o-transition: opacity .5s;
  	-ms-transition: opacity .5s;
   	transition: opacity .5s;	
}  
.submenu-panel {
    margin: 0px auto 0 auto;
    overflow: hidden;
    /*background: transparent url('../images/vert-lines_submenu.png') repeat-y 224px top !important;*/
}
#tab li:hover .submenu {  
    left:-1px;
    opacity: 1;
}  
.colwdth_1,  
.colwdth_2,  
.colwdth_3,  
.colwdth_4,  
.colwdth_5,  
.colwdth_6,
.colwdth_7,
.colwdth_8,
.colwdth_9,
.colwdth_10,
.colwdth_11,
.colwdth_12,
.colwdth_13,
.colwdth_14 {
	display:inline; 
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;
}

/*this gets set in javascript*/
/*.colwdth_1 {width:70px;}  	
.colwdth_2 {width:140px;}
.colwdth_3 {width:210px;}	
.colwdth_4 {width:280px;}
.colwdth_5 {width:350px;}
.colwdth_6 {width:420px;}
.colwdth_7 {width:490px;} 
.colwdth_8 {width:560px;} 
.colwdth_9 {width:630px;} 
.colwdth_10 {width:700px;}
.colwdth_11 {width:770px;}
.colwdth_12 {width:840px;} 
.colwdth_13 {width:910px;} 
.colwdth_14 {width:980px;} */

.colwdth_1 {width:210px;}  	
.colwdth_2 {width:210px;}
.colwdth_3 {width:210px;}	
.colwdth_4 {width:210px;}
.colwdth_5 {width:210px;}
.colwdth_6 {width:210px;}
.colwdth_7 {width:210px;} 
.colwdth_8 {width:210px;} 
.colwdth_9 {width:210px;} 
.colwdth_10 {width:210px;}
.colwdth_11 {width:210px;}
.colwdth_12 {width:210px;} 
.colwdth_13 {width:210px;} 
.colwdth_14 {width:210px;} 

#tab ul.tab-menu .submenu div div li {
	list-style: none;
	float: none; 
	font-size: 1em; 
	font-weight: normal;
	width:100%;
}
#tab ul.tab-menu .sub-col-hdr{
	margin: 0 0px 5px 3px; 
	float: left;
}
#tab ul.tab-menu .submenu a {
	background: none; 
	border: none; 
	padding: 7px 10px; 
	display: block; 
	float: none;
	text-decoration: none; 
}
#tab ul.tab-menu .sub-col-hdr > a {
	padding: 5px 5px 0px 18px; 
	margin-bottom: 7px; 
	font-weight: bold; 
	color: #005a8c !important; 
}
#tab ul.tab-menu .submenu h5 > a:hover {
	text-shadow: none;
	color: #003c5e !important; 
	/*comment out this line if you don't want the sub column headers to underline*/
	/*text-decoration:underline; */
}
#tab ul.tab-menu .submenu .sub-col-hdr > a.hdr-link:hover {
	color: #003c5e !important; 
	text-decoration:underline;
}
#tab ul.tab-menu .submenu .sub-col-hdr > a.hdr-link:active{
 	color: #000 !important; /* ms - 11/1 doc  they didn't specify this one but it seems to follow to be consistent*/
}
#tab ul.tab-menu .submenu div div li a {
	padding: 0 0 0 28px !important;
	color: #005a8c;	
	font-size: 12px;
	line-height: 13px; 	
	background: url(../images/tab-menu-bullet.png) no-repeat 18px 5px; 
	font-weight: normal;
}

#tab ul.tab-menu .submenu div div li a:hover {
	color: #005a8c !important;
	text-decoration: underline;
	/*if we ever want to add back that right arrow*/
	/*background: #efefef url(skin_images/arrow_on.png) no-repeat 17px 5px;*/
	
}
#tab ul.tab-menu .submenu div div li a:active{ 
 color: #669cba !important; /* RG - was told by Cristina  */
}

#tab .msm-close{
	display: inline;
	position: absolute;
}
#tab .msm-close a{
	color: #005a8c;
	font-size: 12px;
	margin: -10px 0 0 0;
}
#tab .msm-close a:hover{
	color: #005a8c !important;
	text-decoration: underline;
}
img.close-icon{
	margin-left: -10px; /*use 16 when showing close text*/
	padding-right: 3px;
	padding-top: 0px
}