﻿/* +++++++++++++++++++++++++++++ TABS  */




.tabs { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: <%=LinkTextColor%>;
	font-size: 11px;
	line-height: 130%;	
	padding: 5px 0 0 0; 
	margin: 0;  
	list-style-type: none; 
	text-align: left; 
	}
.tabs ul { border-top: none !important; border-bottom: none !important; }
.tabs li{ display: block; float: left; margin: 0 2px 0 0;}
.tabs li a { background: url(/Style/css/tabs/tab_BG.gif) repeat-x top left; border: 1px solid #ccc; border-bottom: none; color: <%=FormBGColor%>; font-size: 10px; line-height: 100%; font-weight: bold; display: block; padding: 6px 9px; position: relative; text-decoration: none; z-index: 1; }
.tabs li a:hover{ background:url(/Style/images/index_nav_back_dn.gif) repeat-x top left; color: <%=LinkHoverColor%>; text-decoration: none; }
.tabs li.first a { background: url(/Style/css/tabs/tab_left_crn.gif) no-repeat!important; border-top: none; border-left: none; padding: 7px 9px 6px 12px; } 
.tabs li.first a.selected { background-image: url(/Style/css/tabs/tab_left_crn_sel.gif) !important;}
.tabs li a.selected {  background-color: #fff; background-image: none; color: <%=LinkActiveColor%>; position: relative; top: 0px; margin-bottom: -1px; padding-bottom: 7px; }
.tabs li a.selected:hover { text-decoration: none; }

#tablepad { padding: 5px 5px 4px 10px; margin: 0; }
#tabcontent {border:1px solid <%=TableBorderColor%>; border-bottom: none; clear: both; color: <%=LinkActiveColor%>; width:978px; margin: 0; } 
#tabcontent770 {border:1px solid <%=TableBorderColor%>; border-bottom: none; clear: both; color: <%=LinkActiveColor%>; width:768px; margin: 0; } 
#tab2content, #tab3content, #tab4content, #tab5content, #tab6content, #tab7content, #tab8content, #tab9content, #tab10content, #tab11content, #tab12content, #tab13content, #tab14content, #tab15content, #tab16content, #tab17content, #tab18content, #tab19content { display: none; }



/* New tops & bottoms are 7px tall. Corners are 7px square (radius 4px). Left & right edges are 7px wide.  Top & bottom edges are 7px tall */

/* proposed for BlyConnect: 

.tabRndCrnrBtm810 { background: url(/Style/css/tabs/index_tabboxBtm810p7_4px_radius_corner.gif) no-repeat 0 0; height: 7px; width: 810px; margin: 0 0 0 0;
} 

.tabRndCrnrBtm770 { background: url(/Style/css/tabs/index_tabboxBtm770p7_4px_radius_corner.gif) no-repeat 0 0; height: 7px; width: 770px; margin: 0 0 0 0;
}


*/


.tabRndCrnrBtm { background: url(/Style/css/tabs/index_tabboxbtm980p13.gif) no-repeat 0 0; height: 25px; width: 980px; margin: 0 0 0 0;
} 


.tabRndCrnrBtm770 { background: url(/Style/css/tabs/index_tabboxbtm770p13.gif) no-repeat 0 0; height: 25px; width: 770px; margin: 0 0 0 0;
}

.smallgray {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #585858;
	line-height: 11px;
}
.tablink {
	color: #145d6f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
a.tablink:hover {text-decoration: underline;
}

a.tabelement {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #336;
	line-height: 15px;
}
a.tabelement:hover {text-decoration: underline;
}


.thumb a {
color: black;
display: block;
right: 0;
width: 100%;
text-decoration: none;
padding: 0.15em 0.0em 0.15em 0.0em;
border-bottom: 1px #999999 dotted;
}
.thumb a:hover {
color: black;
display: block;
right: 0;
width: 100%;
text-decoration: none;
background-color: #F4F4F4; 
padding: 0.15em 0.0em 0.15em 0.0em;
border-bottom: 1px #999999 dotted;
}
