/*

Naming:

tab_control: The whole tab control

_left: The thin div which makes up the left of the tab and exists only to provide a rounded left edge
_right: The main tab div which contains the tab text

tab0: An unselected tab
tab1: The 'live' tab

tab_content: The div under the line of tabs where the body is displayed

*/


.tab_head
{
height: 10px;
}

.tab_control
{
/* Note: Setting margin here may lift the tabs from the control body in IE */
}

.tab0_left, .tab0_right, .tab1_left, .tab1_right
{
float: left;
margin-bottom: -1px;
background-repeat: no-repeat;
font-size: 8pt;
cursor: pointer;
}

.tab0_right, .tab1_right
{
margin-right: 1px;
}

.tab0_left, .tab0_right
{
background-image: url('images/layout/tab0.png');
border-bottom: 1px solid rgb(221,221,221);
padding: 4px 2px 3px 0px;
}

.tab1_left, .tab1_right
{
background-image: url('images/layout/tab1.png');
padding: 5px 3px 3px 0px;
color: black;
font-weight: bold;
}

.tab0_left
{
background-position: left 3px;
}

.tab0_right
{
background-position: right 3px;
}

.tab1_left
{
background-position: left top;
float: left;
margin-bottom: -1px;
}

.tab1_right
{
background-image: url('images/layout/tab1.png');
background-position: right top;
}

.tab_content
{
background: rgb(241,239,241);
background-image: url('images/layout/tab_bg.png');
border: 1px solid rgb(221,221,221);
border-left: 2px solid rgb(221,221,221);
clear: both;
}