.TabbedPanels {
margin:0px;
background:#fff;
padding:0px;
float:left;
clear:none;
width:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanels{
width:100%;
margin:10px 0 0 0;
font-size:12px;
}
.tabGroup {
margin:0 0 0 32px;
padding:0px;
}

.tab {
display:block;
float:left;
width:125px;
margin:0px 2px 0px 0px;
position:relative;
top:1px;
list-style:none;
-moz-user-select:none;
-khtml-user-select:none;
cursor:pointer;
background:url(Images/tab-left_off.png) top left no-repeat;
text-align:center;
}
.tab span {
display:block;
font-weight:bold;
padding:4px 16px 4px 6px;
margin:0 0 0 10px;
background:url(Images/tab-right_off.png) top right no-repeat;
}

.hoverTab {
background:url(Images/tab-left_hover.png) top left no-repeat;
}
.hoverTab span{
background:url(Images/tab-right_hover.png) top right no-repeat;
padding-top:4px;
}
.hoverTab:active{
outline:none;
}

.selectedTab {
outline:none;
color:#fff;
background:#7493b7 url(Images/tab-left_on.png) top left no-repeat;
top:1px;
}
.selectedTab span{
background:url(Images/tab-right_on.png) top right no-repeat;
padding-top:5px;
}

.contentGroup {
clear:both;
background-color:#fff;
}

.tabContent {
display:none;
padding:4px 6px 6px 6px;
color:#fff;
background:#7493b7;
border:1px solid #036;
margin-bottom:0px;

}
/*
div.initial {
display:block;
}
*/
.tabContent input, .tabContent select{
border-color:#7493b7;
}
.tabContent h2{
padding:0;
margin:0;
}
.tabContent p{
margin:0;
}
.visibleTab {
}

#TabsWrapper>div{/* IE hack to get rid of excess bottom padding */
border-bottom:1px solid #fff;
}

/**
 * Color Customization
 */
.selectedTab{
color:#fff;
background-color:#900;
}
.selectedTab span{
background-color:#900;
}
.tabContent{
color:#fff;
background:#900;
border-color:#300;
}
.tabContent input, .tabContent select{
border-color:#7493b7;
}
.tabContent input, .tabContent select{
border:2px solid #300;
border-bottom-color:#c00;
border-right-color:#c00;
}