@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:660px;
}
.tabGroup {
margin:0px 0 0 40px;
padding:0px;
}

#content .tab {
display:inline;
float:left;
margin:0px 2px 0px 0px;
padding:0px;
position:relative;
top:1px;
background:#fff;
list-style:none;
-moz-user-select:none;
-khtml-user-select:none;
cursor:pointer;
border:1px solid #ccc;
border-bottom:0;
}
.tab span {
display:block;
height:12px;
padding:3px 16px 6px 16px;
margin:0;
background:#eee;
}

/* 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;
}
.hoverTab span{
background:#ccc;
}
.hoverTab:active{
outline:none;
}

.selectedTab {
outline:none;
margin-bottom:-1px;
background:#fff;
}
.selectedTab span{
height:13px;
background:#fff;
}

.contentGroup {
clear:both;
background-color:#fff;
border-top:1px solid #ccc;
padding:10px 20px;
}

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