@charset "utf-8";
/* CSS Document */

.tab_active, .tab
{
	float:left;
	margin-right:5px;
}

/* Active Tab */
.tab_active a
{
color: #000;
text-decoration: none;
font-size:11px;
font-weight:bold;
height:24px;
}

.tab_active a .tabMiddle
{
background: url('../images/tabs/activeButton_Middle.png') repeat-x;
float:left;
text-align:center;
padding: 7px 15px 0px 15px;
}

.tab_active a .tabLeft
{
background: url('../images/tabs/activeButton_Left.png') right top no-repeat;
float:left;
height:24px;
width:5px;
}

.tab_active a .tabRight
{
background: url('../images/tabs/activeButton_Right.png') right top no-repeat;
float:left;
height:24px;
width:5px;
}

/* Inactive Tab */
.tab a
{
color: #000;
text-decoration: none;
font-size:11px;
font-weight:bold;
height:24px;
}

.tab a .tabMiddle
{
background: url('../images/tabs/inactiveButton_Middle.png') repeat-x;
float:left;
text-align:center;
padding: 7px 15px 1px 15px;
}

.tab a .tabLeft
{
background: url('../images/tabs/inactiveButton_Left.png') right top no-repeat;
float:left;
height:24px;
width:5px;
}

.tab a .tabRight
{
background: url('../images/tabs/inactiveButton_Right.png') right top no-repeat;
float:left;
height:24px;
width:5px;
}

/*Inactive Tab Hover */
.tab a:hover .tabMiddle
{
background: url('../images/tabs/activeButton_Middle.png') repeat-x;
float:left;
text-align:center;
padding: 7px 15px 0px 15px;
}

.tab a:hover .tabLeft
{
background: url('../images/tabs/activeButton_Left.png') right top no-repeat;
float:left;
height:24px;
width:5px;
}

.tab a:hover .tabRight
{
background: url('../images/tabs/activeButton_Right.png') right top no-repeat;
float:left;
height:24px;
width:5px;
}