/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

#rotate{
	clear:both;
	float:left;	
	padding:2px;
	margin:6px 0 0px 15px;
	width:527px;
	font-size:100%;
}

/*safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #rotate{
		margin-left:3px;
	}
}

#rotate h2{
	font-size:1em;
	padding:0;
	color:#252525;
	float:left;
}
#rotate h2.hidden{
	clear:both;
	display:block;
	width:100%;
	margin-bottom:0}
#rotate p{
	clear:both
}
#rotate p a.getquote{
	color:#333333;
}
.ui-tabs-nav, 
.ui-tabs-panel {
	float:left;
	
}
.ui-tabs-nav {
    list-style: none;
    padding: 5px 0 0;
	margin-bottom:0;
	width:160px;
	display:none;
	clear:both;
}

.ui-tabs-panel a{
	display:block;
	float:left;
}

.ui-tabs-nav li {
	clear:both;
    margin: 0 0 -5px 0;
	display:block;
	background:url('/tfl-templates/cycling/images/tabLT.gif') no-repeat top left;
	padding:0
}


.ui-tabs-nav a span {
    display: block;
    padding: 0px;
	color:#262626;
}

	
.ui-tabs-nav a {
    margin: 1px 0 0; 
    padding: 8px 0 1px 0px;
    color: #777;
    font-weight: bold;
    text-decoration: none !important;
    outline: 0;
	display: block;
	background:url('/tfl-templates/cycling/images/tabLB.gif') no-repeat 0 46.5px;	
}

.ui-tabs-nav li a:hover, 
.ui-tabs-nav li a:hover span{
	text-decoration:underline !important;
	color:#000;
}
#rotate .ui-tabs-nav .ui-tabs-selected{
	background:url('/tfl-templates/cycling/images/onTabLT.gif') no-repeat 0px 0;
}
#rotate .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 1px;
    color: #252525;
	background:url('/tfl-templates/cycling/images/onTabLB.gif') no-repeat 0px 48.5px;
	text-decoration: none !important;
}

#rotate .ui-tabs-nav .ui-tabs-selected a:hover,
#rotate .ui-tabs-nav .ui-tabs-selected a:hover span {text-decoration: none !important;}

#rotate .ui-tabs-nav .ui-tabs-selected.first{
	background:url('/tfl-templates/cycling/images/onTabLT-first.gif') no-repeat top left;
	*background-position:0px 1px;
}
.ui-tabs-nav li.last{
	margin-bottom:0
}
.ui-tabs-nav li.last a{
	background:url('/tfl-templates/cycling/images/tabLB-last.gif') no-repeat 50px left;
}
.ui-tabs-nav li.first{
	background:url('/tfl-templates/cycling/images/tabLT-first.gif') no-repeat top left;
}
#rotate .ui-tabs-nav .ui-tabs-selected.last a {
	background:url('/tfl-templates/cycling/images/onTabLB-last.gif') no-repeat 100% 46px;
}

.ui-tabs-nav a span.txtContainer {
	display:block;
	margin-left:10px;
	padding:2px 0 8px 0;
	font-weight:bold;
	text-align:left;
	padding-left:0;
	font-family:Arial,Helvetica,sans-serif;
  	font-size:1.25em;
  	line-height: 1.33em;
}


.ui-tabs-nav a span.subtxt {
	color:#585858;
	margin-left:12px;
	margin-top: -8px;
	display:block;
	font-weight:normal;
	padding:0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
}
	

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;	
}

.ui-tabs-panel {
    clear:both;
	padding:10px 0px 10px 5px;
	margin-top:7px;
	width:361px;
    background:url('/tfl-templates/cycling/images/tabContentBg.gif') no-repeat -20px 0;
}
.ui-tabs-panel p{
	margin-bottom:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ui-tabs-nav a span.txtContainer {
	padding-bottom:10px;	
	line-height: 1.22em;
	}
	
	#rotate{
		margin:6px 0 0px 12px;
		width:527px;
	}		
}