﻿/*/////////////////////// TABS!! /////////////////////////*/

/* These are the coloured bars & tabs at the bottom of each template page, and also used in the left and right-hand overview controls /*/

.top_tab_left
{
background-image: url(images/top_tab_left.gif);
background-repeat:no-repeat;
background-position: top;
padding-top: 5px; padding-bottom: 5px;
width:10px;
}

.bottom_tab_left
{
background-image: url(images/bottom_tab_left.gif);
background-repeat:no-repeat;
background-position: bottom;
width:10px;
}

.top_tab_right
{
background-image: url(images/top_tab_right.gif);
background-repeat:no-repeat;
background-position: top;
width:10px;
}


.bottom_tab_right
{
background-image: url(images/top_tab_bottom_right.gif);
background-repeat:no-repeat;
background-position: bottom;
width:10px;
}

.top_tab
{
background-image: url(images/bg_top_tab.gif);
font-family: Century Gothic;
color: #ffffff;
font-size: 11px;
font-weight: bold;
background-repeat: repeat-x;
Padding-top: 5px;
Padding-bottom: 5px;


}

.top_tab_bottom_left
{
	background-image: url(images/top_tab_bottom_left.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 15px;
}

.top_tab_bottom_right
{
	background-image: url(images/top_tab_bottom_right.gif);
	background-repeat:no-repeat;
	width: 10px;
	height: 15px;
}
.accom_border_bottom
{
	background-color: #ffffff;
border-bottom: #b3b3b3 1px solid;
font-size:1px;
}

/*//////////// Red Tabs//////////// */

.top_tab_left_red
{
background-image: url(images/top_tab_left_red.gif);
background-repeat:no-repeat;
background-position: top;
padding-top: 5px; padding-bottom: 5px;
width:10px;
}

.top_tab_right_red
{
background-image: url(images/top_tab_right_red.gif);
background-repeat:no-repeat;
background-position: top;
width:10px;
}
.top_tab_red
{
background-image: url(images/bg_top_tab_red.gif);
font-size: 12px;
font-family: Century Gothic;
COLOR: white; 
font-weight: bold;
font-smoothing: on,5;
Padding-top: 5px;
Padding-bottom: 5px;
letter-spacing: 0px;
}

/*////////////////////Grey tabs of search screens//////////////////*/

.Top_tab_left_grey

{
    background-image: url(images/top_tab_left_grey.gif);
    width: 10px;
    background-repeat: no-repeat;
}
  
  .Top_tab_right_grey

{
    background-image: url(images/top_tab_right_grey.gif);
    width: 10px;
    background-repeat: no-repeat;
}
.Top_tab_grey
{
    border-top: 1px solid #b3b3b3;
    background-color: #e5e5e5;
}

.Top_tab_bottom_left_grey

{
    background-image: url(images/top_tab_bottom_left_grey.gif);
    width: 10px;
    background-repeat: no-repeat;
}
.Top_tab_bottom_right_grey

{
    background-image: url(images/top_tab_bottom_right_grey.gif);
    width: 10px;
    background-repeat: no-repeat;
}  
.Top_tab_bottom_grey
{
    border-bottom: 1px solid #b3b3b3;
    background-color: #e5e5e5;
}

/* These are the coloured vertical bars & tabs that appear on left and right-hand of the detailed Itnerary list /*/


.VtabTopRight /* sets the BG image for the top right-hand corner tab on ITN List*/ 
{
background-image: url(../Cdb/images/VtabTopRight.gif);
}

.VtabBottomRight /* sets the BG image for the bottom right-hand corner tab on ITN List */
{
background-image: url(../Cdb/images/VtabBottomRight.gif);
}

.VtabTopLeft /*  sets the BG image for the top left-hand corner tab on ITN List*/
{
background-image: url(../Cdb/images/VtabTopLeft.gif);
}

.VtabBottomLeft /*  sets the BG image for the bottom left-hand corner tab on ITN List*/
{
background-image: url(../Cdb/images/VtabBottomLeft.gif);

}

.VtabBG /*  sets the BG image for all middle of ALL tabs on ITN List*/
{
background-image: url(../Cdb/images/VtabBG.gif);

}


/*////////////////////////////////////////////////////////*/

