/* adjust tab menu area issues like the gray line 'in front of' tabs  here... */
.tabs {
	list-style:none;
	padding:0px 0 0 10px;
	margin:-24px 0px 0px 0;
	height:23px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.tabs li {display:block; float:left; margin:0 -13px -1px 0;}
.tabs li a {display:block; text-decoration:none;}

.tabs li a em {float:left; padding:0 20px; height:22px; border-top:1px solid #fff; border-bottom:1px solid #999; position:relative; z-index:100; font-style:normal; color:#fff; background:#CCCCCC url(images/tab_d.gif) repeat-x bottom left; font-size:11px; font-family:verdana; line-height:20px; text-decoration: none;}

.tabs li a b {font-size:0; line-height:0; position:relative; border-bottom:1px solid #999; border-top:1px solid #fff; width:1px; display:block; float:left; z-index:300; background:#CCCCCC url(images/tab_d.gif) repeat-x bottom left; text-decoration: none;}

.tabs li b.p1 {height:19px; background:#fff; margin-top:4px; border-top:0; z-index:100;}
.tabs li b.p2 {height:19px; margin-top:2px; border-top:2px solid #fff; border-bottom:1px solid #888; z-index:100;}
.tabs li b.p3 {width:2px; height:21px; margin-top:1px; z-index:100;}
.tabs li b.p5 {height:20px; margin-top:2px;}
.tabs li b.p6 {height:19px; margin-top:3px;}
.tabs li b.p7 {height:18px; margin-top:4px;}
.tabs li b.p8 {height:17px; margin-top:5px;}
.tabs li b.p9 {height:16px; margin-top:6px;}
.tabs li b.p10 {height:15px; margin-top:7px;}
.tabs li b.p11 {height:14px; margin-top:8px;}
.tabs li b.p12 {height:13px; margin-top:9px;}
.tabs li b.p13 {height:12px; margin-top:10px;}
.tabs li b.p14 {height:11px; margin-top:11px;}
.tabs li b.p15 {height:10px; margin-top:12px;}
.tabs li b.p16 {height:9px; margin-top:13px;}
.tabs li b.p17 {height:8px; margin-top:14px;}
.tabs li b.p18 {height:7px; margin-top:15px;}
.tabs li b.p19 {height:6px; margin-top:16px;}
.tabs li b.p20 {height:5px; margin-top:17px;}
.tabs li b.p21 {height:4px; margin-top:18px;}
.tabs li b.p22 {height:3px; margin-top:19px;}
.tabs li b.p23 {height:2px; margin-top:20px;}
.tabs li b.p24 {height:1px; margin-top:21px;overflow:hidden;}
.tabs li b.p25 {width:1px; height:1px; background:#fff; margin-top:22px; border-top:0; overflow:hidden;}
.tabs li b.p26 {width:1px; height:1px; background:#999; margin-top:23px; border:0; overflow:hidden;}

.tabs li em b.shdw {position:absolute; display:block; left:-4px; bottom:0; border:0; width:17px; height:17px; background: #CCCCCC url(images/tab_a.gif) bottom left; z-index:500;}

.tabs li a:hover,
.tabs li a:focus, 
.tabs li a:active 
{white-space:nowrap; color:#000; position:relative; z-index:500; cursor:pointer; text-decoration: none;}
.tabs li a:hover em, 
.tabs li a:focus em, 
.tabs li a:active em 
{color:#333333; background:#dddddd url(images/tab_b.gif) bottom left; border-bottom-color:#aaa; text-decoration: none;}
.tabs li a:hover em b.shdw,
.tabs li a:focus em b.shdw, 
.tabs li a:active em b.shdw  
{visibility:hidden; text-decoration: none;}
.tabs li a:hover b, 
.tabs li a:focus b, 
.tabs li a:active b 
{background:#dddddd url(images/tab_b.gif) bottom left; border-bottom-color:#aaa; text-decoration: none;}
.tabs li a:hover b.p1, 
.tabs li a:focus b.p1, 
.tabs li a:active b.p1 
{background:#fff; border-bottom-color:#aaa; text-decoration: none;}
.tabs li a:hover b.p25, 
.tabs li a:focus b.p25, 
.tabs li a:active b.p25 
{background:#fff; border-bottom-color:#aaa; text-decoration: none;}
.tabs li a:hover b.p26, 
.tabs li a:focus b.p26, 
.tabs li a:active b.p26 
{background:#888; text-decoration: none;}

.tabs li a.selected, 
.tabs li a:hover.selected,  
.tabs li a:active.selected  
{white-space:nowrap; color:#000; position:relative; z-index:600; cursor:default; text-decoration: none;}
.tabs li a.selected em, 
.tabs li a:hover.selected em,
.tabs li a:active.selected em
{color:#444444; background:#fff url(images/tab_c.gif) bottom left; border-bottom-color:#fff; text-decoration: none;}
.tabs li a.selected em b.shdw, 
.tabs li a:hover.selected em b.shdw, 
.tabs li a:active.selected em b.shdw 
{visibility:hidden; text-decoration: none;}
.tabs li a.selected b, 
.tabs li a:hover.selected b, 
.tabs li a:active.selected b 
{background:#fff url(images/tab_c.gif) bottom left; border-bottom-color:#fff; text-decoration: none;}
.tabs li a.selected b.p1, 
.tabs li a:hover.selected b.p1, 
.tabs li a:active.selected b.p1 
{background:#fff; border-bottom-color:#fff; text-decoration: none;}
.tabs li a.selected b.p26, 
.tabs li a:hover.selected b.p26, 
.tabs li a:active.selected b.p26 
{width:1px; height:1px; background:#fff; margin-top:23px; border-top:0; overflow:hidden; text-decoration: none;}
.smallText {
	font-size: x-small;
}
