/* 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;
    }
}

#tailormadePanel { width: 460px; height: 365px; overflow: hidden; }
#offersRotator { background: #7474CB; }

#offersRotator #tabs { display: none;}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Arial", Arial, Verdana, sans-serif;
    font-size: 12px;
}

#rotate { clear: both; display: block; }

#rotate a { cursor: pointer; }

.ui-tabs-panel {
	color:#FFFFFF;
	background: #fff;
	font-weight:normal;
	min-height: 315px;
	height:auto !important;
	height:315px;
	text-decoration:none;
	width:460px;
	position: relative;
	overflow: hidden;
}


.ui-tabs-panel img 
{
    position: absolute; 
    top: 0; 
    right: 22px; 
    border: 0;
}

#jsAlerts { color: Red; }

.ui-tabs-panel a, .ui-tabs-panel a:visited, .ui-tabs-panel a:link { display: block; height: 315px; width: 460px; text-decoration: none; position: relative; color: #000; }

.ui-tabs-panel p { color: #fff; font-size:14px; margin:0; padding:0 0 5px; font-weight: normal; }

.offer-1:hover, .offer-2:hover, .offer-3:hover, .offer-4:hover, .offer-5:hover,
#rotate div.over
{ background-position: right -1268px; }


/** LIVE **/
#fragment-1 a.panelContent { background: #7474CB url(/images/db_image.image?id=13012&crop=true&height=315&width=660) top left no-repeat; }
#fragment-2 a.panelContent { background: #7474CB url(/images/db_image.image?id=13013&crop=true&height=315&width=660) top left no-repeat; }
#fragment-3 a.panelContent { background: #7474CB url(/images/db_image.image?id=13014&crop=true&height=315&width=660) top left no-repeat; }
#fragment-4 a.panelContent { background: #7474CB url(/images/db_image.image?id=13015&crop=true&height=315&width=660) top left no-repeat; }
#fragment-5 a.panelContent { background: #7474CB url(/images/db_image.image?id=13016&crop=true&height=315&width=660) top left no-repeat; }
#fragment-6 a.panelContent { background: #7474CB url(/images/db_image.image?id=13017&crop=true&height=315&width=660) top left no-repeat; }
#fragment-7 a.panelContent { background: #7474CB url(/images/db_image.image?id=13018&crop=true&height=315&width=660) top left no-repeat; }
#fragment-8 a.panelContent { background: #7474CB url(/images/db_image.image?id=13019&crop=true&height=315&width=660) top left no-repeat; }
#fragment-9 a.panelContent { background: #7474CB url(/images/db_image.image?id=13020&crop=true&height=315&width=660) top left no-repeat; }
#fragment-10 a.panelContent { background: #7474CB url(/images/db_image.image?id=13021&crop=true&height=315&width=660) top left no-repeat; }


/** LOCALLY
#fragment-1 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13012&crop=true&height=315&width=660) top left no-repeat; }
#fragment-2 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13013&crop=true&height=315&width=660) top left no-repeat; }
#fragment-3 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13014&crop=true&height=315&width=660) top left no-repeat; }
#fragment-4 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13015&crop=true&height=315&width=660) top left no-repeat; }
#fragment-5 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13016&crop=true&height=315&width=660) top left no-repeat; }
#fragment-6 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13017&crop=true&height=315&width=660) top left no-repeat; }
#fragment-7 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13018&crop=true&height=315&width=660) top left no-repeat; }
#fragment-8 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13019&crop=true&height=315&width=660) top left no-repeat; }
#fragment-9 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13020&crop=true&height=315&width=660) top left no-repeat; }
#fragment-10 a.panelContent { background: #7474CB url(http://studylink.sagittarius-pdp.co.uk/images/db_image.image?id=13021&crop=true&height=315&width=660) top left no-repeat; }
 **/

#leftColumn a.panelContent {
    height: 315px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

#tailormadePanel .header {
    background: #7474CB url(../images/backgrounds/blue.gif) repeat-x top left;
    padding: 5px;
    width: 450px;
    display: block;
    height: 41px;
}

#tailormadePanel .header .topHeader { font-size: 18px; width: 100%; display: block; }
#tailormadePanel .header .bottomHeader { font-size: 24px; padding-left: 30px; display: block;  }
 
.panelContent .details { position: absolute; bottom: 0; left: 0; width: 450px; padding: 5px; background: url(../images/backgrounds/blueOverlay.png) top left; }
 
.panelContent .countryBlock { width: 257px; display: block; float: left; }
.panelContent .countryBlock .country { width: 257px; display: block; font-size: 36px; }
.panelContent .countryBlock .days { width: 252px; display: block; font-size: 22px; text-align: right; padding-right: 5px; }

.panelContent .priceBlock { width: 193px; display: block; float: left; }
.panelContent .priceBlock .price { width: 150px; display: block; float: left; font-size: 66px; }
.panelContent .priceBlock .pp { width: 43px; display: block; float: left; font-size: 26px; margin-top: 32px; } 

.panelContent .introBlock { width: 100%; display: block; clear: both; }
.panelContent .intro { width: 100%; display: block; font-size: 11px; }
.panelContent .viewDetails { text-align: right; width: 100%; display: block; font-size: 11px; font-weight: bold; margin-top: 3px; }

 
.panelContent .details, .panelContent .countryBlock, .panelContent .countryBlock .country, .panelContent .countryBlock .days,
.panelContent .priceBlock, .panelContent .priceBlock .price, .panelContent .priceBlock .pp, .panelContent .introBlock, .panelContent .intro,
.panelContent .viewDetails { cursor: pointer; }
 
.hidden { display: none; }

.ui-tabs-panel h2 {
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:lighter;
	margin:0;
	padding:0 0 5px;
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
	clear: both;
	display: none;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
	font-size:1em;
	font-weight:bold;
	margin:0 0px 0 0;
	display: none;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    display: none;
}

.ui-tabs-nav a {
    display: none;
	padding:6px 0 10px 10px;
	text-decoration:underline;
	float: left;
}

.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #000;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    display: none;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
    display: none;
}

body .ui-tabs-nav .ui-tabs-selected a span { color: #fff; }

*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {

}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {

}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {

}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {

}
.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-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}