.tab
{
    cursor:pointer;
}

.unselectedTab
{
    background-color:#eeeeee;
}

.selectedTab
{
    background-color:White;
}

.tabs
{
    position:relative;
    top:2px;
    left:0px;  
}

.selectedTab .leftTabSide
{
	background: url(images/idcardgroupmenuleft.gif) repeat-y left;	
}

.selectedTab .rightTabSide
{
	background: url(images/idcardgroupmenuright.gif) repeat-y right;
}

.selectedTab .centerTab
{
	background: url(images/idcardgroupmenucenter.gif);
    margin: 0 3px 0 3px;
    height:28px;
}

div.centerTab span
{
	color:white;
	padding-top:5px;
	display:block;
	width:100%;
	text-align:center;
	font-size: 13px;
	font-weight:700;	
}

/** rounded corners **/

div.tabsContent {
  background: #fff;
}

div.tabContentBottom {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

div.tabContentBottom {
  height: 6px;
}

div.tabContent {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 0 8px;
}

div.tabsContent div.tabContent {
  padding: 5px 10px;
}

div.tabsContent div.tabContentBottom {
  background: url( images/j_border.png) 0 100% repeat-x;
}

div.tabsContent div.tabContentBottom div.tabContentBottom {
   background: url( images/j_crn_br_light.png) 100% 0 no-repeat;
}

div.tabsContent div.tabContentBottom div.tabContentBottom div.tabContentBottom {
   background: url( images/j_crn_bl_light.png) 0 0 no-repeat;
}

.selectedTab { white-space: nowrap; }
.selectedTab h6 { height: 28px; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(images/head_blue_right.gif); background-position: right; background-repeat: no-repeat; text-indent: 10px; padding-right: 10px; }
.selectedTab h6 span { z-index: 500; display: block; width: 100%; height: 100%; background-position: left; background: url(images/head_blue_left.gif); background-repeat: no-repeat; }

.unselectedTab { white-space: nowrap; }
.unselectedTab h6 { height: 28px; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; background: url(images/head_white_right.gif); background-position: right; background-repeat: no-repeat; text-indent: 10px; padding-right: 10px;}
.unselectedTab h6 span { z-index: 500; display: block; width: 100%; height: 100%; background-position: left; background: url(images/head_white_left.gif); background-repeat: no-repeat; }