@charset "UTF-8";

.TabbedPanels {
margin:0px;
padding:0px;
float:left;
clear:none;
width:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
#TabbedPanels1{
width:620px;
}
.tabGroup {
margin:0px;
padding:0px;
}

.tab {
display:inline;
float:left;
font:bold 10px sans-serif;
margin:0px 2px 0px 0px;
position:relative;
top:1px;
background:#eee url(images/tab-left_off.png) top left no-repeat;
list-style:none;
-moz-user-select:none;
-khtml-user-select:none;
cursor:pointer;
color:#2B3CA3;
}
.tab span {
display:block;
height:12px;
padding:6px 16px 6px 6px;
margin:0 0 0 10px;
background: url(images/tab-right_off.png) top right no-repeat;
}

/* For IE 6, you must specify the width of each tab or use fixed-width tabs.

#tab1 {
width:80px;
}

#tab2 {
width:120px;
}

...

*/

.hoverTab {
background:#ccc url(images/tab-left_hover.png) top left no-repeat;
}
.hoverTab span{
background: url(images/tab-right_hover.png) top right no-repeat;
}
.hoverTab:active{
outline:none;
}

.selectedTab {
outline:none;
margin-bottom:-1px;
background:#fff url(images/tab-left_on.png) top left no-repeat;
}
.selectedTab span{
height:13px;
background: url(images/tab-right_on.png) top right no-repeat;
}

.contentGroup {
clear:both;
border:solid 1px #999;
background-color:#fff;
}

.tabContent {
padding:6px;
}
.tabContent h2{
padding:0;
margin:0;
}
.tabContent p{
margin:0;
}
.visibleTab {
}