/* Defines styles for reusable modular content */



/* =Tabs
----------------------------------------------------------------------------------------- */

.tabs {float:left;width:100%;background:#fff url(/_img/tabs/bg.gif) repeat-x bottom;}
.relatedTabs .tabs{background:#fff url(/_img/tabs/bg2.gif) repeat-x bottom;}
.tabs ul {margin:0;}
.tabs li {
    float:left;
    background: url(/_img/tabs/left_both.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    border-bottom:1px solid #DADBDC;
    list-style:none;
}
.tabs a {
    float:left;
    display:block;
    width:.1em;
    background:url(/_img/tabs/right_both.gif) no-repeat right top;
    padding:5px 10px 4px 6px;
    text-decoration:none;
    white-space: nowrap;
	font-size: 95%;
}
.tabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */

/** tab colour schemes **/
.relatedTabs .tabs li 
{
	background: url(/_img/tabs/left_both2.gif) no-repeat left top;
	border-bottom:1px solid #bbdaec;
}
.relatedTabs .tabs a {background: url(/_img/tabs/right_both2.gif) no-repeat right top;}

.tabs a:hover {color: #000;}
.tabs li.on{background-position:0 -150px;border-width:0;}
.tabs li.on a{background-position:100% -150px;padding-bottom:5px;font-weight: bold;color: #000;}
.tabs li:hover, .tabs li:hover a {background-position:0% -150px;}
.tabs li:hover a {background-position:100% -150px;}

.tabContent
{
    float: left;
    width: 98%;
	padding: 0 1%;
    border: solid 1px #DADBDC;
    background: #F7F9FB url(/_img/tabs/tab-content-gradient.gif) bottom left repeat-x;
    border-top: 0;
}
.relatedTabs .tabContent{border: solid 1px #bbdaec;border-top: 0;background: #eff8fc url(/_img/tabs/tab-content-gradient2.gif) bottom left repeat-x;}

.tabContent ul{list-style-image: url(/_img/list-blue.gif);}
.relatedTabs .tabContent ul{list-style-image: url(/_img/bullet-related.gif);}
.relatedTabs .vid ul{list-style-image:url(/_img/bullet-vid.gif);}
.alt_sport .relatedTabs .tabContent ul{list-style-image: url(/_img/bullet-related-sport.gif);}
.alt_leisure .relatedTabs .tabContent ul{list-style-image: url(/_img/bullet-related-leisure.gif);}
.alt_sport .tabContent ul{list-style-image: url(/_img/list-sport.gif);}
.alt_leisure .tabContent ul{list-style-image: url(/_img/list-leisure.gif);}
.alt_local .tabContent ul{list-style-image: url(/_img/list-local.gif);}
.tabContent ul li{margin-bottom: 5px;}
.tabContent ul li a{text-decoration: none;}
.relatedTabs .tabContent ul li a{color: #488cc2;}
.tabContent ul li a:hover{text-decoration: underline;}
.tabContent ul li.on, .tabContent ul li.on a{color: #336699;font-weight: bold;text-decoration: underline;}
.rss .tabContent ul{list-style-image: url(/_img/rss-orange-sml.gif);}
.rss .tabContent ul li span{color: #e67622;}

.altColour a{color: #A1519E;} 
.altColour li.on a{color: #82119A;}




/* =General Styles
--------------------------------------------------------------------------- */

.clr{clear:both;}
.floatLeft{float: left}
.floatRight{float: right}

.classifieds .highlight{background: #f7f8fa; padding: 10px 18px;}
.classifieds .highlightText{color: #669acc;}
.classifieds div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #90adcb;clear:both;}
.classifieds div.hr hr{display:none;}

body#divIframe{font-family: arial !important;}
body#divIframe .info img{float:left !important;}
body#divIframe .info .date{}
body#divIframe .info .txt{}