/*######### HELPER THIS CLEAR ALL PADDING AROUND THE TABS ########*/

.ui-helper-clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*######### TAB STYLING ########*/

#ctl00_maincontainer .ui-tabs {
padding:0;
}

/*Style the containing ul here*/
#ctl00_maincontainer .ui-tabs .ui-tabs-nav {
list-style:none;
position:relative;
padding:0;
margin:0;
}

/*Style the default tab here*/
#ctl00_maincontainer .ui-tabs .ui-tabs-nav li {
position:relative;
float:left;
border-bottom-width:0 !important;
margin:0 2px 0 0;
padding:0;
background: url(../images/tab.png);
}

/*Style the link text here*/
#ctl00_maincontainer .ui-tabs .ui-tabs-nav li a {
float:left;
text-decoration:none;
padding:5px 0 6px 0;
width: 136px;
color: #fff;
text-align: center;
font-size: 0.95em;
}

/*Style the active tab here*/
#ctl00_maincontainer .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background: url(../images/tab_on.png);
}

/*Style the active text tab here*/
#ctl00_maincontainer .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
}

#ctl00_maincontainer .ui-tabs .ui-tabs-nav li a{
cursor:pointer;
}

/*Style tab hover state here*/
#ctl00_maincontainer .ui-tabs .ui-tabs-nav li a:hover{
cursor:pointer;
background: url(../images/tab_on.png);
}

/*Style the tabbed content here*/
#ctl00_maincontainer .ui-tabs .ui-tabs-panel {
display:block;
background:none;
border-width:0;
padding:0;
}

/*This is needed to hide the none active tabs*/
#ctl00_maincontainer .ui-tabs .ui-tabs-hide {
display:none !important;
}

#redBar {
width: 100%;
height: 13px;
background: url(../images/tab_bar.png);
margin-bottom: 20px;
}