@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{
margin-top:10px;
margin-bottom:15px;
margin-left:15px;
width:675px;
}
.tabGroup {
margin:0px;
padding:0px;
}

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

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

#tab1 {
width:80px;
}

#tab2 {
width:120px;
}

...

*/

.hoverTab {
border-top:solid 1px #e9d5aa;
border-collapse:collapse;
background:#fff;
}
.hoverTab span{
background:#fff;
}
.hoverTab:active{
outline:none;
}

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

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

.tabContent {
padding:6px;
}
.tabContent h2{
font-size:12px;
color:#137baf;
padding:0;
margin:0;
}
.tabContent p{
line-height:16px;
margin:0;
}
.visibleTab {
}