/**{background-color: red; }*/ /*border:1px solid red;*/
/**************************************/
/* START - Global object type classes */
/**************************************/
/* Webkit (Chrome/Safari) specific hack, to fix http://www.sohtanaka.com/web-design/1px-background-alignment-bug/ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body:nth-of-type(1) {background-position-x: 49.99%; }
}

body {            
    background: #FFFFFF; /*#E5E5E5;*/
    margin:0px;
    margin-top:0px;
    margin-left: -2px;
    padding:0px;
    text-align:center;    
    color: #333333;
    font-family: Arial, Verdana, Helvetica;
    
    background-image: url(/images/background.gif);
    background-position: 50% 0;
    background-repeat: repeat-y;
}



input {font-family:  Arial, Verdana, Helvetica;}
textarea {font-family:  Arial, Verdana, Helvetica;}


h1
{    
    font-weight: bold;
    text-align: left;
    color: #333333;
    margin-top:0px; /* necessary */
    margin-bottom:0px; /* necessary */
    margin-left:-1px; /* necessary */
    margin-right:0px; /* necessary */
    padding: 0px; /* necessary */
    padding-left: 1px; /* Prevents left-edge clipping of font */
}
/*h1.superfeature
{    
    color: #FFFFFF;
}*/
/*h1.multimedia
{    
    color: #FFFFFF;
}*/
h1.sectiontitle
{          
    font-weight:normal;
    margin-bottom:12px;
}

h1.sectiontitle_small
{            
    font-weight:normal;
    margin-bottom:6px;
}
h1.title
{    
    /*font-family:  Arial, Verdana, Helvetica; */    
    /*text-transform:uppercase;*/
    width: 150px; /*same height and width for all small section titles */
    height: 14px;
    clear:left;
    float:left;
    margin-bottom:10px; 
    font-weight: bold;
    /*color: #993300;*/
}
/*
h1.title a{color: #993300;}
h1.title a:active{color: #993300;}
h1.title a:visited{color: #993300;}
h1.title a:hover{color: #993300; text-decoration:underline;}
*/

h2
{    
    font-weight: bold;
    text-align: left;
    /*color: #999999;*/
    margin-top:0px;/*-3px*/ /* necessary */
    margin-bottom:0px; /* necessary */
    margin-left:0px; /* necessary */
    margin-right:0px; /* necessary */
    padding: 0px; /* necessary */
} 
h2.black
{
    color: #333333;
}  

h3
{    
    display: inline; /* removes auto linebreak after h3*/
    font-weight: normal;
    text-align: left;
    /*color: #747474;*/
    margin-top:0px; /* necessary */
    margin-bottom:0px; /* necessary */
    margin-left:0px; /* necessary */
    margin-right:0px; /* necessary */
    padding: 0px; /* necessary */
}    
h3.black 
{
    color: #333333;
}  
h1.feature {
    display: inline; /* removes auto linebreak after h3*/
}

h3 a { font-weight: bold; }

/*Not used*/
h4
{
    font-weight: normal;
    text-align: left;
    /*color: #747474;*/
    margin-top:0px; /* necessary */
    margin-bottom:0px; /* necessary */
    margin-left:0px; /* necessary */
    margin-right:0px; /* necessary */
    padding: 0px; /* necessary */
} 
h4 a { font-weight: bold; }

/* Banish onfocus outlines in Firefox */
:focus {-moz-outline-style: none; }
/* Banish them in IE too */
a {
  outline: none;
}

img 
{
    border: 0px;
}

/************************************/
/* END - Global object type classes */
/************************************/


/***************/
/* TEXT COLOUR */
/***************/
.txt_red{color:Red;}
.txt_orange{color:#FF6600;}
.txt_orange a{color:#FF6600;}
.txt_orange a:active{color: #FF6600;}
.txt_orange a:visited{color: #FF6600;}
.txt_orange a:hover{color: #FF6600; text-decoration:underline;}
.txt_grey{color:#999999;}
.txt_darkgrey{color:#666666;}
.txt_white{color:#FFFFFF;}
.txt_white a{color:#FFFFFF;}
.txt_white a:active { color: #FFFFFF; text-decoration: none; } 
.txt_white a:visited { color: #FFFFFF; text-decoration: none; }
.txt_white a:hover { color: #FFFFFF; text-decoration: underline; }
.txt_black{color:#000000;}
.txt_black a{color:#000000;}
.txt_black a:active{color: #000000;}
.txt_black a:visited{color: #000000;}
.txt_black a:hover{color: #000000; text-decoration:underline;}

/********/
/* FONT */
/********/
.txt_lucida{font-family:Lucida Sans Unicode, Arial, Verdana; letter-spacing:-0.05em;}
.txt_italic{font-style:italic;}

/*************/
/* TEXT SIZE */
/*************/
/*Defaults*/
body{font-size: 12px;}
input{font-size: 12px;}
textarea{font-size: 12px;}
h1{font-size: 18px;}
h2{font-size: 14px;}
h3{font-size: 13px;}
legend{font-size: 9px;}

/*Customs*/
.txt_10px {font-size:10px;}
.txt_11px {font-size:11px;}
.txt_12px {font-size:12px;}
.txt_13px {font-size:13px;}
.txt_14px {font-size:14px;}
.txt_15px {font-size:15px;}
.txt_16px {font-size:16px;}
.txt_18px {font-size:18px;}
.txt_20px {font-size:20px;}
.txt_22px {font-size:22px;}
.txt_24px {font-size:24px;}
.txt_28px {font-size:28px;}
.txt_44px {font-size:44px;}

/***********************************/
/* START - Global unique classes */
/***********************************/
/*div#background{
    width:1020px; 
    height:100%;
    margin:0 auto; 
    background:url(/images/background.gif) repeat-y 0 0;
}*/



/* Overall Page DIV - centred, non-floated */
#divPage {
    width: 996px;
    height: 100%; 
    min-height:100%;
    margin-right:auto;
    margin-left:auto;    
    margin-top:0px;
    padding:0px;
    text-align:center;
    
    /*float:left;
    border:1px solid #000000;*/
}
#divCSSmoveables
{
	/*clear:both;*/
	float:left;
    width:996px;
    position:relative;
    height: 100%;
    min-height:100%;    
    /*background-color:transparent;*/
    /*margin-left:1px;*/ /*Gutters - comment in*/   
}

#divContent
{
    /*
	margin-top: 154px;
    width:100%;
    padding:0px;
    margin-left:1px;
    margin-right:0px;
    clear:both;    
    float:left;    */ 
    /*border:1px solid #000000;*/  
    
    
    margin-top: 154px;
    width:996px;
	clear:both;    
    float:left; 
	margin-left:1px;
    margin-right:0px;
	/*border:1px solid #000000;	*/	 
}

#divGreyBack
{
    float:left;
    width:100%;
    background-color:#EAEAEA;
}


#divNavarea
{
	width:996px;
	position: absolute;
	margin-top:0px;
	top: 0px;
	left: 0px;	
	/*border:1px solid #000000;	*/	
}

#divIE6Warning {
    clear:both;
    float:left;
    background-color: #fffad4;
    padding: 20px;
    /*width:100%;*/
    margin:0px 0px 0px 1px;
    width:954px;
    height:90px;
    font-weight:bold;
    position:relative;
    border:1px solid #000000;
    display:none;
}
#divIE6Warning #closebtn{
    position:absolute;
    width:12px;
    height:12px;
    background: url(/images/btn_close.gif) no-repeat 0 0;
    top:6px;
    right:6px;
}
#divIE6Warning #closebtn a{
    display:block;
    width:12px;
    height:12px;
}

/* At Ian's request, the site header is different on the home page to other pages */
div.menustrip
{
    clear:both;    
    height:31px;
    border-bottom: 1px solid #EAEAEA;
	padding:0px;    
    position:relative;
    text-align:left;
    color: #000000;    
    /*z-index:3;*/
    /*background-color:#CCCCCC;*/
}
div.menuhome
{
    width:957px; /*996px;*/
    margin:0px 20px 0px 19px;
}

div.menuother
{
    width:996px;
    margin:0px 0px 0px 1px;
}

div.menunetwork
{
    z-index:3;
}


div.menustrip h3.title {position:absolute; left:-9999px; font-size:0}  /* hide accessible descriptive text (using px instead of em is required for IE ccompatibility) */

div.menustrip div.leftmenuhome{
    float:left;
    margin: 9px 0px 0px 0px;
    /*background-color:#CCCCCC;*/
}
div.menustrip div.leftmenuother{
    float:left;
    margin: 9px 0px 0px 10px;
    /*background-color:#CCCCCC;*/
}
div.menustrip div.rightmenuhome{
    float:right;
    margin: 9px 0px 0px 0px;
    z-index:2;
    /*background-color:#CCCCCC;*/
}
div.menustrip div.rightmenuother{
    float:right;
    margin: 9px 10px 0px 0px;
    z-index:2;
    /*background-color:#CCCCCC;*/
}
div.menustrip .logo{           
    padding:0px; 
    float:right;
    height:28px; 
    /*width:51px; */
    position:relative; 
    /*margin: 1px 0px 0px 10px;*/
    /*z-index:999;  */          
    /*background: url(/App_Sprites/sprites/logo_ffxmedia.gif) no-repeat 0 0;*/
    /*border:1px solid #000000;*/
}
div.menustrip .logo h3 {text-indent:-9000px;}
div.menustrip .logo h3 a {width: 51px;height: 28px; position:absolute; left:0px; top:0px; display: block;}

div.menustrip .logohome{
    width:51px; 
    margin: 1px 0px 0px 10px;
}
div.menustrip .logohome h3 a {width: 51px;}

div.menustrip .logoother{
    width:53px; 
    margin: 1px 10px 0px 0px;
}
div.menustrip .logoother h3 a {width: 53px;}

ul.simplemenu
{
    text-align:left;
    padding:0px;
    margin: 0px 0px 0px 0px;
    z-index:1;
}
ul.simplemenu li
{
    list-style:none;
    margin:0px;
    padding:0px;
    position:relative;
    float:left;
    /*margin-left:8px;*/
}

/*The asp:panel that hides local weather from regional, renders a div. 
This ensures it floats and doesn't line-break.*/
ul.simplemenu div{     
    float:left;
}
ul.simplemenu .hide{  
    display:none;
}


ul.simplemenu li.pad {
    margin-left:8px;
}

ul.simplemenu li.pad-after {
    margin-right:8px;
}

ul.simplemenu li.pad *{
    float:left;   
}

ul.simplemenu li.pad .text
{
    padding: 2px 3px 0px 3px;
    height:18px;
}

ul.simplemenu li.orangebox
{
    background-color: #FF6800;
    font-weight:bold;  
    margin-top: -3px;  
}

ul.simplemenu li.greybox
{
    background-color: #BEBEBE;
    font-weight:bold;  
    margin-top: -3px; 
}

ul.simplemenu li.sponsor
{     
    margin-top: -2px; 
    margin-right: -1px;
}

.leftcurve{
    /*width:4px;*/
    height:20px;
    padding-left:4px;
    /*float:left;*/
    background: url(/App_Sprites/sprites/curvedlittleboxleft.png) no-repeat 0 0;   
}
.rightcurve{
    height:20px;
    padding-left:4px;
    /*float:left;*/
    background: url(/App_Sprites/sprites/curvedlittleboxright.png) no-repeat 0 0;   
}

div#weathersearch { position: relative; float: left; top:2px; }
div#weathersearch label { color: #ccc; position: absolute; top: 0px; left: -9000px;}/*Keep the label off screen until Jquery applies it as overlay on text box*/
div#weathersearch label.over { color: #ccc; position: absolute; top: -2px; left: 5px; }/*Overlay*/



/* Things inside LIs... */
ul.simplemenu li .divider {
    background-color: #DBDBDC;
    width:1px;
    height:15px;
    float:left;
    margin: 0px 5px 0px 5px;
}
ul.simplemenu li span{
    float:left;
}
ul.simplemenu li span.red{color: #CF1D1D;}
ul.simplemenu li span.green{color: #16B301;}

ul.simplemenu li input.box{
    border:1px solid #CCCCCC;
    margin: -5px 0px 0px 0px;
}
ul.simplemenu li input.button{    
    margin: -5px 0px 0px 0px;
}
ul.simplemenu li img{    
    margin: -6px 0px 0px 0px;
}
ul.simplemenu li a
{
    padding: 0px;
    margin:0px 0px 0px 0px;
    /*text-decoration: none;*/
    float:left;
    /*color: #006699; */
}
/*ul.simplemenu li a:active { color: #006699; text-decoration: none; } 
ul.simplemenu li a:visited { color: #267197; text-decoration: none; }
ul.simplemenu li a:hover { color: #CC3300; text-decoration: underline; }*/

ul.simplemenu a
{
    color: #006699;
}
ul.simplemenu a:active { color: #006699; text-decoration: none; } 
ul.simplemenu a:visited { color: #267197; text-decoration: none; }
ul.simplemenu a:hover { color: #CC3300; text-decoration: underline; }

ul.simplemenu li.orangebox a
{
    color: #FFFFFF;
}
ul.simplemenu li.orangebox a:active { color: #FFFFFF; text-decoration: none; } 
ul.simplemenu li.orangebox a:visited { color: #FFFFFF; text-decoration: none; }
ul.simplemenu li.orangebox a:hover { color: #FFFFFF; text-decoration: underline; }

ul.simplemenu li.greybox a
{
    color: #FFFFFF;
}
ul.simplemenu li.greybox a:active { color: #FFFFFF; text-decoration: none; } 
ul.simplemenu li.greybox a:visited { color: #FFFFFF; text-decoration: none; }
ul.simplemenu li.greybox a:hover { color: #FFFFFF; text-decoration: underline; }



ul.simplemenu li a .arrow{            
    padding:0px; 
    float:right; 
    height:5px; 
    width:9px; 
    margin:5px 0px 0px 3px;           
    background: url(/App_Sprites/sprites/arr_network.gif) no-repeat 0 0;
}
ul.simplemenu li a.more{
    width:40px;
}
ul.simplemenu li ul {
    width:96px;  /* ADJUST MENU WIDTH HERE (AND BELOW) */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	/*z-index:999;*/
}
/* sub-menu LIs */
ul.simplemenu li ul li {    
    float:left;
    text-align:left;   
    margin:0px;
    padding:0px;
    list-style:none;       
	width:90px; /*FF*/
}
/* sub-menu Anchors */
ul.simplemenu li ul li a {
	width: 100%; 
	padding:5px;
}
ul.simplemenu li:hover ul{display:block;z-index:999;top:14px !important;}



/*Padding = Top Right Bottom Left */
/*#divmenustrip .logo {padding:0px; float:left; height:29px; width:95px; position:absolute; left:0px; top:3px; z-index:999;}*/


#divmenustrip .links {float:left; padding:2px 0 0 150px; font:10px Verdana,Arial,Helvetica,sans-serif; color: #999999; font-weight:bold;}
#divmenustrip .links a {color: #004990; text-decoration: none;}
#divmenustrip .links a:active {color: #004990;} 
#divmenustrip .links a:visited {color: #004990;}
#divmenustrip .links a:hover {color: #0066CC;}
#divmenustrip .ad {padding:0px; float:right; width:100px; height:29px;}

#divmenustrip #membershiptabwrapper {position:absolute; left:0px; top:22px; height:14px; width:988px; z-index:1;}
#divmenustrip #membershiptab {height:14px; width:988px; color: #FFFFFF; } /*Z-index lower to prevent it laying on top of Fairfax logo*/
#divmenustrip #membershiptab .outer
{
	width:988px; /*Outer cell at each end of table row will only try to be this wide, but never actually be this wide, and thereby just force inner 3 cells to be centred */
}

#divmenustrip #membershiptab .leftend
{
    height:100%;
    width: 7px;
    background-image:url(/images/tab_member_leftend.gif);
    background-repeat: no-repeat;    
}

#divmenustrip #membershiptab .middle
{
    height:100%;
    background-image:url(/images/tab_member_back.gif);
    background-repeat: repeat-x;  
    text-align:center;
    white-space:nowrap;
}
#divmenustrip #membershiptab .middle .red{color: #FABBBB;}
#divmenustrip #membershiptab .middle .green{color: #B7F9AE;}

#divmenustrip #membershiptab .middle a { color: #FFFFFF; text-decoration: none; } 
#divmenustrip #membershiptab .middle a:active { color: #FFFFFF; text-decoration: none; } 
#divmenustrip #membershiptab .middle a:visited { color: #FFFFFF; text-decoration: none; }
#divmenustrip #membershiptab .middle a:hover { color: #FFCF00; text-decoration: none; }

#divmenustrip #membershiptab .rightend
{
    height:100%;
    width: 7px;
    background-image:url(/images/tab_member_rightend.gif);
    background-repeat: no-repeat;    
}

/*
#divLocalNewsHubBack {
    clear:both;   
    float:left; 
    width:996px;
    height:80px;
    margin:0px 0px 0px 1px;
    background: url(/images/back_localnewshub.gif) repeat-x 0 0;
}
#divLocalNewsHub
{
    clear:both;   
    float:left; 
    width:900px;
    height:60px;
    position:relative;
	margin: 10px 0px 10px 91px;
}
#divLocalNewsHub #divNewsHubLogo
{
    position:absolute;
    left:-80px;
    z-index:4;
    width:103px;
    height:60px;
}
#divLocalNewsHub .LocalGraphic {
    background: url(/images/localnewshub.png) no-repeat 0 0;
}
#divLocalNewsHub .RuralGraphic {
    background: url(/images/ruralnewshub.png) no-repeat 0 0;
}
#divLocalNewsHub .divHubItem {
    width:90px;    
    height:60px;
    float:left;
    position:relative;
    margin:0px 10px 0px 0px;
    background-color:#FFFFFF;
    filter: alpha(opacity=100);
    opacity: 1;
}
#divLocalNewsHub .divHubItem:hover {
    background-color:#F3F3F3;
    filter: alpha(opacity=85); 
    opacity: 0.85; 
}
#divLocalNewsHub .divHubItem a{
    position:absolute;
    display:block;
    top:0px;
    left:0px;    
    height: 60px; 
    width:70px;
    z-index:3;     
}
#divLocalNewsHub .divHubItem a.firstlink{
    left:20px;
    width:70px;
}
#divLocalNewsHub .divHubItem a.regularlink{
    width:90px;
}
#divLocalNewsHub .divHubItem .overlay{
    position:absolute;
    bottom:0px;
    left:0px;
    width:90px;
    height: 20px;
    background-color:#000000;
    font-size:10px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index:1;
    padding: 0px 0px 0px 0px 
}
#divLocalNewsHub .divHubItem .location{
    position:absolute;
    bottom:-3px;
    left:0px;
    width:87px;
    height:20px;    
    font-family:Lucida Sans Unicode, Arial, Verdana;
    text-align:right;    
    color:#FFFFFF;
    z-index:2;
    overflow:hidden;
    white-space:nowrap;
}
#divLocalNewsHub .divHubItem .orange{
    color: #FF6600;
}
#divLocalNewsHub .divHubItem .caption{
    position:absolute;
    top:0px;
    left:0px;
    
    height:42px;    
    text-align:left;
    z-index:2; 
    overflow:hidden;
}
#divLocalNewsHub .divHubItem .regular{   
    width:90px;    
}
#divLocalNewsHub .divHubItem .firstitemnopic{
    left:20px;
    width:70px;
}
#divLocalNewsHub .Sendus {
    width:84px; 
    height:54px;
    border:3px solid #CCCCCC;  
}
#divLocalNewsHub .Sendus{
    background-color:#FFFFFF;
}
#divLocalNewsHub .Sendus:hover{
    background-color:#F3F3F3;
}
#divLocalNewsHub .Sendus .orange{
    position:absolute;
    top:0px;
    left:4px;
    width:76px;
    height:20px;    
    font-family:Lucida Sans Unicode, Arial, Verdana;
    text-align:left; 
    font-weight:bold;
}
#divLocalNewsHub .Sendus .caption{
    position:absolute;
    top:20px;
    left:5px; 
    width:76px;
    height:30px;
    text-align:left;      
}*/

#divMasthead 
{
    clear:both;
    width:100%;
    height:89px;
    padding:0px;
    margin-left:1px;
    margin-right:0px;
    margin-top: 1px;
    position:relative;
    text-align:left;
    vertical-align:middle;
    color: #FFFFFF;
    /*border:1px solid #000000;*/
}

#divMasthead_clouds 
{
    width: 270px;
    height: 58px;
    background-image: url(/images/back_masthead_clouds.jpg);
    position:absolute;
    left: 300px;
    top:43px;
    z-index:1;
}

#divMasthead .bannerad
{
	position:absolute;
    right: 20px;
    /*left: 521px;*/
    top:7px;
    /*z-index:-1;*/
}

/* One Generic class to rule them all? */
/* All Image heights/widths need to be the same for all masthead logos */
#divMasthead_logo
{
    position:absolute;
    height: 75px;
    width:450px;
    left: 18px;
    top:3px;
    z-index:2;
    /*border:1px solid #000000;*/
}
#divMasthead_logo h1 { text-indent:-9000px; }
#divMasthead_logo h1 a {width: 450px;height: 75px;display: block;}

.divSponsoredBox 
{
	border:1px solid #CDCDCD;	
	background-color: #FFFFFF;
	position:relative;	
}
.divSponsoredBox .ads 
{    
    padding:10px;
}
.divSponsoredBox .label 
{    
	background-color: #CDCDCD;	
	width:24px;
	height:170px;
	position:absolute;
	right:0px;
	top:0px;
	text-align: center;
}
.divSponsoredBox .text 
{    
	background:url(/images/ttl_sponsored.png) no-repeat 0 0;
	position:absolute;
	right:1px;
	top:58px;
	width:19px;
	height:50px;
}


/*CSS Image Replacement - refer to http://dustinbrewer.com/css-image-replacement-technique/ */
/*Double buffered to prevent flickering*/
/*IE6 hover-flicker prevention - http://www.fivesevensix.com/studies/ie6flicker/ */
/*
#gbl_site_logo_farmonline
{
    position:absolute;
    height: 14px;
    width:84px;
    left: 10px;
    top:8px;
    z-index:2;
    background: transparent url(/images/farmonline.com.au/logo_farmonline.gif) no-repeat;
}
#gbl_site_logo_farmonline h1 { text-indent:-9000px; }
#gbl_site_logo_farmonline h1 a {width: 84px;height: 14px;display: block; background: transparent url(/images/farmonline.com.au/logo_farmonline.gif) no-repeat;}
#gbl_site_logo_farmonline h1 a:hover { 
  background-position: 0 23px;
}
*/


.gbl_aap_logo
{
    height: 29px;
    width:60px;
}
.gbl_aap_logo h3 { text-indent:-9000px; }
.gbl_aap_logo h3 a {width: 60px;height: 29px;display: block; background: transparent url(/images/logo_aap.gif) no-repeat;}

.gbl_reuters_logo
{
    height: 22px;
    width:100px;
}
.gbl_reuters_logo h3 { text-indent:-9000px; }
.gbl_reuters_logo h3 a {width: 100px;height: 22px;display: block; background: transparent url(/images/logo_reuters.gif) no-repeat;}

.gbl_ap_logo
{
    height: 25px;
    width:100px;
}
.gbl_ap_logo h3 { text-indent:-9000px; }
.gbl_ap_logo h3 a {width: 100px;height: 25px;display: block; background: transparent url(/images/logo_ap.gif) no-repeat;}


.gbl_smh_logo
{
    height: 16px;
    width:100px;
}
.gbl_smh_logo h3 { text-indent:-9000px; }
.gbl_smh_logo h3 a {width: 100px;height: 16px;display: block; background: transparent url(/images/logo_smh.gif) no-repeat;}

.gbl_smh_logo99x15
{
    height: 15px;
    width:99px;
}
.gbl_smh_logo99x15 h3 { text-indent:-9000px; }
.gbl_smh_logo99x15 h3 a {width: 99px;height: 15px;display: block; background: transparent url(/images/logo_smh99x15.gif) no-repeat;}

.gbl_age_logo
{
    height: 19px;
    width:100px;
}
.gbl_age_logo h3 { text-indent:-9000px; }
.gbl_age_logo h3 a {width: 100px;height: 19px;display: block; background: transparent url(/images/logo_age.gif) no-repeat;}

.gbl_age_logo127x21
{
    height: 21px;
    width:127px;
}
.gbl_age_logo127x21 h3 { text-indent:-9000px; }
.gbl_age_logo127x21 h3 a {width: 127px;height: 21px;display: block; background: transparent url(/images/logo_age127x21.gif) no-repeat;}

.gbl_brisbanetimes_logo158x15
{
    height: 15px;
    width:158px;
}
.gbl_brisbanetimes_logo158x15 h3 { text-indent:-9000px; }
.gbl_brisbanetimes_logo158x15 h3 a {width: 158px;height: 15px;display: block; background: transparent url(/images/logo_brisbanetimes158x15.gif) no-repeat;}

.gbl_watoday_logo87x22
{
    height: 22px;
    width:87px;
}
.gbl_watoday_logo87x22 h3 { text-indent:-9000px; }
.gbl_watoday_logo87x22 h3 a {width: 87px;height: 22px;display: block; background: transparent url(/images/logo_watoday87x22.gif) no-repeat;}

.gbl_fdrn_logo
{
	float:left;
    height: 41px;
    width:144px;
    padding:0px;
    margin-top:-8px;    
}
.gbl_fdrn_logo h3 { text-indent:-9000px; }
.gbl_fdrn_logo h3 a {width: 144px;height: 41px;display: block; background: transparent url(/images/logo_fdrn.gif) no-repeat;}


.gbl_btn_placeanad
{    
    height: 70px;
    width:194px;
    padding:0px;   
    margin-left: auto;
    margin-right: auto;     
}
.gbl_btn_placeanad h3 { text-indent:-9000px; }
.gbl_btn_placeanad h3 a {width: 194px;height: 70px;display: block; background: transparent url(/images/btn_placeanad.png) no-repeat;}



div#menubar {
    height: 31px;
    text-align:left;
    vertical-align:bottom;
    clear:both;
    position:relative;
}

div.menubarhome {
    width:957px;
    padding: 1px 0px 0px 0px;
    margin-left:20px; /*1px;*/
    margin-right:20px;
}
div.menubarother {
    width:100%;
    /*height: 32px;*/
    padding: 1px 0px 0px 0px; /*padding:0px;*/
    margin-left:1px;
    margin-right:0px;
}



div#search 
{
    float:right;    
    width:210px;
    text-align:left;
    /*padding: 2px 5px 0px 5px;*/
    margin:4px 7px 0px 0px;
    /*background-color:#CCCCCC;*/
}

div#search *
{
    float:right;
}

div#search input
{
    border-right:2px solid #83B1CB;
    border-top:2px solid #83B1CB;
    border-bottom:2px solid #83B1CB;
    border-left:0px;
    background-color: #FFFFFF;
    width:114px;
    height:16px;    
    /*color:#999999;*/
}

div#search2
{   
    float:left;
    width:170px;
    text-align:left;
    /*padding: 2px 5px 0px 5px;*/
    /*margin:7px 7px 0px 0px;*/
    /*background-color:#CCCCCC;*/
}

div#search2 *
{
    float:right;
}

div#search2 input
{
    border-right:0px;
    border-top:2px solid #83B1CB;
    border-bottom:2px solid #83B1CB;
    border-left:0px;
    background-color: #FFFFFF;
    width:158px;
    height: 20px;
    /*color:#999999;*/
}
div#searchboxendleft{
    width:5px;
    height:22px;
    background: url(/App_Sprites/sprites/cnr_searchboxendleft.png) no-repeat 0 0;    
}
div#searchboxendleftbig{
    width:5px;
    height:26px;
    background: url(/App_Sprites/sprites/cnr_searchboxendleftbig.png) no-repeat 0 0;     
}
div#searchboxendright{
    width:5px;
    height:22px;
    background: url(/App_Sprites/sprites/cnr_searchboxendright.png) no-repeat 0 0;     
}

#gbl_login
{
    float:right;
    padding: 4px 5px 0px 5px;
    color: #333333;
}

#gbl_skiplinks
{
    position:absolute;left:-9000px;width:1px;font-size:1px;line-height:1px;
}

#divAboveFold
{
    float:left;    
    width:100%;
    background-color: #FFFFFF;
    /*padding:0px;
    margin:0px;*/
}

ul#photogalleries2 {
    height:60px;
    margin:0px 0px 5px 0px;
    padding: 0px 0px 0px 0px; /*0px 5px 0px 5px;*/
}
ul#photogalleries2 li.first {
    margin-left: 0px;
}
ul#photogalleries2 li {
    list-style:none;
    height:60px;
    width:90px;
    float:left;
    margin-left: 7px;
}
ul#photogalleries2 li div img{
    height:60px;
    width:90px;
}
ul#photogalleries2 li div a{
    display:block;
    height:60px;
    width:90px;  
}


ul#photogalleries {
    height:62px;
    margin:9px 0px 14px 0px;
    padding: 0px 0px 0px 0px; /*0px 5px 0px 5px;*/
    
}
ul#photogalleries li.first {
    margin-left: 0px;
    background-color: #FF6700;
}
ul#photogalleries li {
    list-style:none;
    height:69px;
    width:92px;
    float:left;
    margin-left: 4px; /*7px;*/
    
    /*background-color: #FF6700;*/
}
ul#photogalleries li img{
    height:60px;
    width:90px;
    border: 1px solid #CCCCCC;
}
ul#photogalleries li a{
    display:block;
    height:69px;
    width:92px;  
}

/* The captions beneath the photo galleries*/
a.hide{
    display:none;   
}
a.show{
    display:block;   
}

div#featurestrip {
    height:125px;
    margin-top: 3px;
    margin-left:1px;
    width:100%;
    float:left;
    /*background-color:#CCCCCC;*/
}
div#featurestrip .item {   
    width: 150px; /*152px;  */
    height:125px;
    float:left;     
    text-align:left;
    position:relative;
    background-color:#CCCCCC;
}
/*div#featurestrip .notlast {   
    margin-right:14px;
}*/
div#featurestrip .notlast12px {   
    margin-right:12px;
}
div#featurestrip .notlast16px {   
    margin-right:16px;
}
div#featurestrip .notlast14px {   
    margin-right:14px;
}
div#featurestrip .item .overlay {   
    position:absolute;
    bottom: 0px;
    left:0px;
    height:32px;
    width:140px;
    background-color:#000000;  
    color:#FFFFFF;
    padding: 5px 5px 1px 5px;
    overflow:hidden;
    /*filter: alpha(opacity=60);*/ /* IE opacity */
    /*opacity: 0.6;*/ /* Other browser opacity */
}
div#featurestrip .item .overlay a{   
    color: #FFFFFF;
}

#divLocalDealsContent a {
    color: #000000;
    /*text-decoration:underline;*/
}
#divLocalDealsContent img{
    margin-right:5px;    
}

#gbl_columns {
    clear:left;
    float:left;
    width:100%;
    margin:0px;
    padding:0px; 
    background: url(/images/back_wholecolumn.gif) repeat-y 0 0;
}

#gbl_maincolumn {
    width: 820px;
    margin-left:40px;
    float:left;
    padding: 0px;
    margin:0px;
    /*background-color:blue;*/
    
    /*Testing rubbish*/
    /*width: 780px;*/ /*820px;*/
    /*margin-left:7px;*/
}

#gbl_maincolumn_noadcol {
    width: 996px; /*820px;*/
    float:left;
    padding: 0px;
    margin:0px;
    /*background-color:blue;*/
}

#gbl_adcolumn {
    width:175px;
    /*background-image: url(/images/back_adcolumn.gif);
    background-repeat: repeat-y;*/
    /*background-color:red;*/
    padding:0px;
    margin-left:1px;
    margin-right:0px;
    float:left;
}


#divMostPopular
{
    clear:left;
    float:left;
    margin-left:1px;
    margin-right:0px;
    width:976px;
    padding:0px 10px 0px 10px;
    background-color: #DFDFDF;
    text-align:left;        
}

#divMostPopular #mainheader
{
    float:left;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
    width:956px;
}   
    
#divMostPopular .heading
{
    float:left;
    text-align:left;
    width: 100%;
    /*margin-top: 14px;*/
    /*margin-bottom: 6px;*/
}
#divMostPopular h3 {margin-top: 10px; color:#494949; font-weight:bold;}
#divMostPopular a:link, a:active {color: #494949;}
#divMostPopular a:visited{color: #494949;}
#divMostPopular a:hover{color: #494949; text-decoration: underline;}


#divMostPopular .listitems{
    float:left;
    margin-left:1px;
    margin-right:0px;
}
#divMostPopular .listitems .digit{
    color: #5A5A55;    
}


#divMostPopular ul
{
    float:left;   
    width:175px;
    /*height:150px;*/
    margin:0px;
    padding: 0px 10px 0px 10px;  
    /*font-family: Arial, Verdana;    */
    /*margin-right:5px;*/
    /*border-right:1px solid #CCCCCC;*/
    position:relative;
    /*background-color:#FFFFFF;*/
}
#divMostPopular ul li.heading
{
    margin-bottom:5px;
    color:#FF6600;    
}

#divMostPopular ul li
{
    margin-bottom:5px;
    list-style-image: none;
    list-style: none;
}

#divFooter
{
    float:left;
    margin-left:1px;
    margin-right:0px;    
    width:976px;
    padding:0px 10px 50px 10px;
    background-color: #006699;
    text-align:left; 
    color: #FFFFFF;
}

#divFooter #mainheader
{
    float:left;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
    width:956px;
}   

#divFooter .col
{
    float:left;   
    width:175px;
    margin:0px;
    padding: 0px 10px 0px 10px;  
    position:relative;
    /*background-color:#FFFFFF;*/
}
#divFooter .col .link
{
    float:left;
    text-align:left;
    width: 100%;
    font-weight:normal;
    color:#FFFFFF;
    margin-bottom:6px;
} 
#divFooter .col .link a{color:#FFFFFF;}

#divFooter .col .btnsearch{margin-top:-2px;}

#divFooter .col .heading
{
    margin-bottom:16px;  
}

#divCopyright
{
    float:left;
    margin-left:1px;
    margin-right:0px;    
    width:976px;
    /*height:50px;*/
    padding:10px 0px 10px 0px;
    background-color: #FFFFFF;
    text-align:left; 
    color: #999999;
    text-align:center;
}
#divCopyright a{color: #999999;}

#gbl_marketsdata table
{
 	
}

#gbl_marketsdata table td.greylite
{
 	background-Color: #cccccc;
}


#gbl_marketsdata table td, #gbl_marketsdata table td.txtsmall
{
	/*padding:5px;	*/
	background-color: #FFFFFF;	
}

#gbl_marketsdata table td.greyVlite
{
	/*padding:5px;	*/
	background-color: #EEEEEE;	
}

#gbl_marketsdata table td.menumarket 
{
	color:#FFFFFF;
	background-color: #666666;		
}

#gbl_marketsdata table th.menusmall, #gbl_marketsdata table td.menusmall  
{
	color:#FFFFFF;
	background-color: #999999;	
	font-weight:bold;	
}

/***********************************/
/* END - Global unique classes */
/***********************************/


/***********************************/
/* START - Global reusable classes */
/***********************************/
.gbl_section /* Vertical padding class to be placed around every section */
{
    clear:left;
    float:left;
    width:100%;
    padding-top:12px;    
    padding-bottom:12px;    
}

.gbl_floatleft { /* General all purpose Float:Left class */
    float: left;
    text-align: left;
}
.gbl_floatright { /* General all purpose Float:Right class */
    float: right;
}

.gbl_middle { /* General all purpose center align class */
    text-align:center;
    display: block; /*for images*/
    margin-left: auto; /*for images*/
    margin-right: auto; /*for images*/
}

.gbl_fullcol 
{
    float:left;
    padding-left:12px;
    padding-right:12px;
    text-align:left;
    width:790px; /*An estimated figure. Just trying to stop anything sitting on the same line something inside a fullcol tag.*/
    /*background-color:Red;*/

}

.gbl_maxcol 
{
    float:left;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
    width:976px; 
    /*background-color:blue;*/
}


.gbl_maxcol_divider
{
    float:left;
    padding-left:12px;
    padding-right:12px;
    text-align:left;
    width:972px; 
    background-color:black;
    height: 5px;
    margin-left:1px;
    margin-right:0px;
}

.gbl_col_300
{
    float:left;
    width:300px; /*436px;*/
    margin-left:0px;
    margin-right:0px;
    text-align:center;    
    /*background-color:Green;*/
}

.gbl_col_300_pad28
{
    float:left;
    width:300px; /*436px;*/
    padding-left:0px;    
    padding-left:28px;
    margin-left:0px;
    margin-right:0px;
    text-align:center;    
    /*background-color:Green;*/
}

.gbl_col_abovefold_nopad
{
    float:left;
    width:300px; /*436px;*/
    padding-left:18px;
    padding-right:10px;    
    margin-left:0px;
    margin-right:0px;
    text-align:center;    
    /*background-color:Green;*/
}

.gbl_superfeaturecol 
{
    float:left;
    width:629px;
    padding-left:19px;
    padding-right:8px;
    margin-left:0px;
    margin-right:0px;
    text-align:left;
    /*background-color:#CCCCCC;*/
}

.gbl_col629
{
    float:left;
    width:629px;
    padding-left:19px;
    padding-right:8px;
    margin-left:0px;
    margin-right:0px;
    text-align:left;
}
.gbl_col305
{
    float:left;
    width:305px;
    margin-left:0px;
    margin-right:0px;
    text-align:left;
}
.margin19px{
    margin-left:19px;
}


.gbl_col 
{
    float:left;
    width:316px; /*436px;*/
    padding-left:12px;    
    margin-left:0px;
    margin-right:0px;
    text-align:center;    
    /*background-color:Green;*/
}

.gbl_col_nopad
{
    float:left;
    width:316px; /*436px;*/
    /*padding-left:12px;    */
    margin-left:0px;
    margin-right:0px;
    text-align:center;    
    /*background-color:Green;*/
}

.gbl_col_last 
{
    float:left;
    width:316px; /*436px;*/
    padding-left:12px;
    padding-right:12px;     
    margin-left:0px;
    margin-right:0px;
    text-align:center;
    /*background-color:#CCCCCC;*/
    /*background-color:Green;*/
}

.gbl_doublecol 
{
    float:left;
    width:644px; /*436px;*/
    padding-left:12px;  
    padding-right:0px;  
    margin-left:0px;
    margin-right:0px;
    text-align:center;    
    /*background-color:Green;*/
}

/*This is only used for an ad on homepage. Kinda specialised for that purpose.*/
.gbl_doublecol_nopad 
{
    float:left;
    width:644px;
    margin-left:0px;
    margin-right:0px;    
    text-align:center;    
}
.gbl_doublecol_nopad img
{
    margin-bottom:12px;
}

.gbl_leftcol 
{
    float:left;
    width:463px; /*436px;*/
    padding-left:12px;
    padding-right:12px;
    margin-left:0px;
    margin-right:0px;
    text-align:left;
}
.gbl_leftcol .subcol50 {float:left; width:50px; text-align:left;} /*Pair 1*/
.gbl_leftcol .subcol413 {float:left; width:413px; text-align:left;} /*Pair 1*/

.gbl_leftcol .subcol100 {float:left; width:100px; text-align:left;} /*Pair 2*/
.gbl_leftcol .subcol363 {float:left; width:363px; text-align:left;} /*Pair 2*/

.gbl_leftcol_bdr .subcol100 /*Specific to the width of the hitwise award*/
{
    float:left;
    text-align:left;     
    padding-right:12px;
    width: 325px;
}
.gbl_leftcol_bdr .subcol363 /*Specific to the width of the hitwise award*/
{
    float:left;
    text-align:left;
    border-left: 1px solid #E3E3E3;
    padding-left:12px;
    width: 113px;
}


/**Needs to overlay the button over the textbox slightly*/
.footer-search-button
{
    margin-top: -2px;
}


.gbl_leftcol_bdr /*Same as gbl_leftcol, but with a right-border. Used by default.aspx*/
{
    float:left;
    width: 463px;
    padding-left:12px;
    padding-right:12px;
    margin-left:0px;
    margin-right:0px;
    text-align:left;
    border-right: 1px solid #E3E3E3;
}

.gbl_rightcol 
{
    float:left;
    width:300px; /*300px;*/
    padding-left:12px;
    padding-right:12px;
    text-align:left;
    /*border: 1px solid #000000;*/
}

.gbl_rightcol_nopad 
{
    float:left;
    width:300px; /*300px;*/
    padding-left:0px;
    padding-right:12px;
    text-align:left;
    /*border: 1px solid #000000;*/
}

.gbl_halfcol
{
    float:left;
    width: 383px;
    text-align: left;
    padding-left:12px;
    padding-right:12px;
    /*border:1px solid #000000;*/
}

.gbl_quartercol
{
    float:left;
    width: 173px;
    text-align: center;
    padding-left:12px;
    padding-right:12px;
    /*border:1px solid #000000;*/
}

.gbl_quartercol_bdr /*Same as gbl_quartercol, but with a right-border.*/
{
    float:left;
    width: 173px;
    text-align: center;
    padding-left:12px;
    padding-right:12px;
    border-right: 1px solid #E3E3E3;
}

.gbl_error
{
	width:100%;
	float: left;
    text-align: left;
    background-color: #E3AEAE;
    color: #740101;
    border: 1px solid #740101;
    padding:5px;
}

/* 
General all purpose IE Bugfix box class.
This was originally created for the AAP Box (but can be reused) which in IE (6 & 7) would
end up under the Weather, and above the dividergreylight, instead
of beside the AudioVideo box. IE does not always handle clear/float accurately.
*/
.gbl_ContentWrapBox 
{
    clear:left;
    float:left;
    width:100%;
    margin:0px;
    padding:0px;    
    /*border:1px solid #000000;*/
}

/* Bullets */
/* Better way...*/
.orangebullet{ 
    background:url(/App_Sprites/sprites/icon_bullet_orange.gif) 0px -1px no-repeat;
    padding-left: 12px;
}
.darkbluebullet{ 
    background:url(/App_Sprites/sprites/icon_bullet_darkblue.gif) 0px -1px no-repeat;
    padding-left: 12px;
}
.timebox{ 
    background:url(/App_Sprites/sprites/timebox.gif) 0px 0px no-repeat;
    padding: 1px 3px 1px 0px;
    width:48px;
    height:15px;   
    float:left;
    margin-right: 4px;
    text-align:right;
}


/* Old way */
.gbl_img_bulletarrow
{
    background:url(/images/icon_bullet_arrow.gif) 0 0 no-repeat;
    width: 6px;
    height: 11px;
    float:left;
}
.gbl_img_bulletarrow_v
{
    background:url(/images/icon_bullet_arrow_v.gif) 0 0 no-repeat;
    width: 7px;
    height: 6px;
    float:left;
}
.gbl_img_bullet
{    
    width: 5px;
    height: 11px;
    float:left;
}
.bulletblue{background:url(/images/icon_bullet_blue.gif) 0 0 no-repeat;}
.bulletdarkblue{background:url(/images/icon_bullet_darkblue.gif) 0 0 no-repeat;}
.bulletred{background:url(/images/icon_bullet_red.gif) 0 0 no-repeat;}
.bulletorange{background:url(/images/icon_bullet_orange.gif) 0 0 no-repeat;}
.bulletwhite{background:url(/images/icon_bullet_orange.gif) 0 0 no-repeat;}
.gbl_img_bulletblack_sml
{
    background:url(/images/icon_bullet_black_sml.gif) 0 0 no-repeat;
    width: 3px;
    height: 9px;
    float:left;
}

.gbl_img_quote
{
    background:url(/images/icon_quote.gif) 0 0 no-repeat;
    width: 22px;
    height: 16px;
    float:left;
    margin-right:3px;
}

.gbl_img_quote_sml
{
    /*background:url(/images/icon_quote_sml.gif) 0 0 no-repeat;*/
    width: 15px;
    height: 14px;
    /*float:left;*/
    margin-right:3px;
    margin-top:0px;
    padding:0;
}

.gbl_img_bed
{
    background:url(/images/sprites.gif) 0 0 no-repeat;
    width: 17px;
    height: 15px; 
    display:inline-block;  
    margin-right: 6px; 
}
.gbl_img_bathroom
{
    background:url(/images/sprites.gif) -22px 0px no-repeat;
    width: 12px;
    height: 15px; 
    display:inline-block;
    margin-left: 17px; 
    margin-right: 6px; 
}
.gbl_img_car
{
    background:url(/images/sprites.gif) -39px 0px no-repeat;
    width: 17px;
    height: 15px; 
    display:inline-block;
    margin-left: 17px; 
    margin-right: 6px; 
}

.gbl_commentcount
{
    float:none;
    height:13px;
}

.gbl_commentcount .commentsleft
{
    position:relative; 
    top: 2px;
    width:9px;
    height:13px;
    background: url(/images/commentsleft.png) no-repeat 0 0;     
    padding:2px 2px 2px 4px;
    /*margin-top: 2px;*/
}
.gbl_commentcount .comments
{
    position:relative; 
    height:13px;
    background-color: #FF6600;
    color:#FFFFFF;
    /*font-size: 10px;*/
    padding: 0px 3px 0px 1px; 
}
.gbl_commentcount .comments a{color:#FFFFFF;}

.gbl_img_reply
{
    background:url(/images/icon_reply.gif) 0 0 no-repeat;
    width: 8px;
    height: 10px;
    float:left;
    margin-right:5px;
}

.gbl_img_pdf
{
    background:url(/images/icon_pdf.gif) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    float:left;
    margin-right:5px;
}

.gbl_img_external
{
    /*background:url(/images/icon_external.png) 0 0 no-repeat;*/
    width: 10px;
    height: 10px;
    /*float:left;*/
    margin-left:5px;
}




.gbl_img_lock
{
    background:url(/images/icon_lock.gif) 0 0 no-repeat;
    width: 9px;
    height: 12px;
    float:left;
    margin-left: 3px;
    margin-right:9px;
}


.gbl_img_title
{
    width: 150px; /*same height and width for all small section titles */
    height: 12px;
    clear:left;
    float:left;
    margin:0px;
    padding:0px;
    margin-bottom:10px;    
}


/*SAMPLE/REFERENCE ONLY */
/* Some of these are h1 - like section on default.aspx */
/*IE6 hover-flicker prevention - double buffering of each image - http://www.fivesevensix.com/studies/ie6flicker/ */
/*
.gbl_img_title h1 { text-indent:-9000px; }
.gbl_img_title h1 a { width: 150px;height: 12px; display: block;}
.gbl_img_title h1 a:hover { background-position: 0 23px; }
*/
/* Some of these are h3 - like right column headings, like 'most popular' */
/*
.gbl_img_title h3 { text-indent:-9000px; }
.gbl_img_title h3 a { width: 150px;height: 12px;display: block;}
.gbl_img_title h3 a:hover { background-position: 0 23px; }
*/
/*
#img_title_weather {background: transparent url(/images/ttl_weather.gif) no-repeat 0px 0px;}
#img_title_weather h1 a {background: transparent url(/images/ttl_weather.gif) no-repeat 0px 0px;}
*/

/*SAMPLE/REFERENCE ONLY
Height same for all section titles, but width varies

.gbl_img_section_title
{
    height: 31px; 
    float:left;
    margin-bottom:12px;
}
.gbl_img_section_title h1 { text-indent:-9000px; }
#img_title_lrg_postacomment {width:199px; background: transparent url(/images/ttl_lrg_postacomment.gif) no-repeat 0px 0px;}
*/

/* Thin promo */
.gbl_img_specialpromo /*25px height*/
{
    width: 629px; /*976px;*/ /*788px;*/
    height: 25px;
    clear:left;
    float:left;
    margin:0px;
    padding:0px;
}
.gbl_img_specialpromo h3 { text-indent:-9000px;}
.gbl_img_specialpromo h3 a { width: 629px;height: 25px; display: block;}

.gbl_sectionoption  /* e.g. 'Personalise My Weather' link */
{
    float:right;
}

.gbl_spacer6px
{
    float:left;
    width: 100%;
    padding-bottom: 6px;
}

.gbl_spacer12px
{
    float:left;
    width: 100%;
    padding-bottom: 12px;
}

.gbl_spacer12px_vertical
{
    float:left;
    height: 100%;
    margin-left: 12px;
}

.gbl_spacer18px
{
    float:left;
    width: 100%;
    padding-bottom: 18px;
}

.gbl_spacer24px
{
    float:left;
    width: 100%;
    padding-bottom: 24px;
}
.gbl_spacer36px
{
    float:left;
    width: 100%;
    padding-bottom: 36px;
}

.divSectionBox
{
    background-color: #FFFFFF;
    width:100%;
    text-align:left;
    float:left;    
}
.divSectionBox .title
{
    padding: 7px 8px 7px 8px; 
    position:relative; 
}
.divSectionBox .title a
{
    color: #000000;
}
.divSectionBox .title .sponsor
{
    position:absolute;
    top:6px;
    right:6px;
    width:95px;
    height:30px;
    /*background-color: red;*/
}
.divSectionBox .beige
{
    background-color: #C9C7BF;
}
.divSectionBox .grey
{
     background-color: #BFC5C9;
}
.divSectionBox .darkgrey
{
     background-color: #3D4040;
}
.divSectionBox .darkgrey a
{
     color: #FFFFFF;
}
.divSectionBox .menubar
{
    height: 9px;     
}
.divSectionBox .menu
{
    height: 28px;     
}
.divSectionBox .menu a
{
    color:#000000;     
}
.divSectionBox .menu .item
{
    float:left; 
    /*padding:0px 4px 0px 4px;*/
    background-color: Transparent;
    height: 22px;
    position:relative;  
    margin: 6px 0px 0px 6px; 
    color: #666666;
    letter-spacing: -0.05em;
}
.divSectionBox .menu .item a{
    display:block;
    /*width:100%;
    height:100%;*/
    padding:4px 4px 3px 4px;
    /*background-color:Green;*/
}
.divSectionBox .menu .item a:hover{
    background-color:#E7E7E7;
    text-decoration:none;
}
.divSectionBox .menu .item a:active{
    background-color:#FFFFFF;
    text-decoration:none;
}
/*
#gbl_sharesavesend_img a {background-color: #FFFFFF;}
#gbl_sharesavesend_img a:active {background-color: #FFFFFF;} 
#gbl_sharesavesend_img a:visited {background-color: #FFFFFF;}
#gbl_sharesavesend_img a:hover {background-color: #cccccc;}
*/


.divSectionBox .menu .item p
{
    margin-top:0px; 
}
.divSectionBox .menu .white
{
    background-color: #FFFFFF;
    /*font-weight: bold;*/
    color: #000000;
}

.divSectionBox .menu .white a:hover{
    background-color:#FFFFFF;
}

.divSectionBox .content
{
    padding: 10px 8px 10px 8px;
    float:left;
    position:relative;
    width:300px;
}
.divSectionBox .nopad
{
    padding-top:0px;
}
.divSectionBox .opinion
{
    background: url(/images/opinion.png) no-repeat 0 0;
}
.divSectionBox .content .bubbletext
{
    position:absolute;
    width: 203px;
    height:auto;
    left: 92px;
    top:11px;
    background-color: #999999;
    padding:4px 6px 4px 6px;
    color: #FFFFFF;    
}
.divSectionBox .content .bubbletext a{
    color:#FFFFFF;
}

/* STORY TYPES */

/* #1 TOP STORY */
.gbl_topstory 
{
    float:left;
    text-align:left;
    width: 100%;
}
.gbl_topstory .image
{
    float:left;
    margin-left:0px;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 8px;
    width:135px;
    height:90px;
}
.gbl_topstory .headlinewithpic 
{
    text-align:left;
    margin-left: 143px; /*No wrapping beneath thumbnail*/
}


/* #2 REGULAR STORY */
.gbl_regularstory 
{
    float:left;
    text-align:left;
    width: 100%;
}
.gbl_regularstory .headline
{
    float: left;
    margin-bottom: 0px;
    margin-left: -1px;
    width: 100%;
}
.gbl_regularstory .headline_lrg
{
    float: left;
    margin-bottom: 0px;
    width: 100%;
}
.gbl_regularstory .category 
{
    text-transform: uppercase;
    color: #747474;
    margin-top: 2px;
}
.gbl_regularstory .category a, .gbl_regularstory .category a:link, .gbl_regularstory .category a:visited, .gbl_regularstory .category a:active, .gbl_regularstory .category a:hover
{
    color: #747474;
}
.gbl_regularstory .image
{
    float:left;
    margin-left:0px;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 8px;
    height:60px;
    width:90px;
    border:1px solid #CCCCCC;
}
.gbl_regularstory .imagemedium
{
    float:left;
    margin-left:0px;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 8px;
    height:110px;
    width:165px;
    border:1px solid #CCCCCC;
}
.gbl_regularstory .imageright
{
    float:right;
    margin-left:8px;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 0px;
    height:60px;
    width:90px;
    border:1px solid #CCCCCC;
}
.gbl_regularstory .summarydate 
{
    color: #747474;
}
.gbl_regularstory .summaryprefixred {color: #C50101;}
.gbl_regularstory .summaryprefixredbold {color: #C50101; font-weight:bold;}
.gbl_regularstory .summaryprefixgrey {color: #747474;}
.gbl_regularstory .summaryprefixgreybold {color: #747474; font-weight:bold;}
.gbl_regularstory .summaryrelated 
{	
    color: #F56B00;
}
.gbl_regularstory .credits 
{
    color: #1E5F04;
    font-weight:normal; /*Prevents inheritance of bold from H1, H2 etc)*/
    margin-left: 10px;
}
.gbl_regularstory .summary
{
    text-align:left;     
}
.gbl_regularstory .summarywithpic 
{
    text-align:left;
    margin-right: 98px; /*No wrapping beneath thumbnail*/
}


/* #3 REGULAR STORY SMALL */
.gbl_regularstory_sml 
{
    float:left;
    text-align:left;
    width: 100%;
}
.gbl_regularstory_sml .headline
{
    float: left;
    margin-bottom: 0px;
    width: 100%;
}
.gbl_regularstory_sml .image
{
    float:left;
    margin-left:0px;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 8px;
}
.gbl_regularstory_sml .summary
{
    text-align:left;
}

/* #4 MULTIMEDIA STORY */
.gbl_multimediastory
{
    float:left;
    text-align:left;
    width: 100%;
    color:#FFFFFF;    
}
.blackfill { /*Feature multimedia item doesn't use this.*/
    background-color:#000000;
}    

.gbl_multimediastory .image
{
    float:left;       
}

.gbl_multimediastory .divFeatureImage
{
    float:left;
    position:relative;
    /*border:2px solid #FFFFFF; */
    width:300px;
    height:200px;   
}
.gbl_multimediastory .divFeatureImage .featuretext
{
    position:absolute;
    width:288px;
    height: 18px;
    color: #FFFFFF;
    background: url(/images/back_sfoverlay.png) repeat-x 0 0;
    padding: 6px; /*8px 10px 8px 10px;*/ 
    left:0px;
    top:170px;
    white-space:nowrap;
    overflow:hidden;      
}

.gbl_multimediastory .text
{
    margin-left: 90px;
    padding: 6px;
    width:198px;    
}
.gbl_multimediastory .headline
{
    margin-bottom: 5px;
}
.gbl_multimediastory .summary
{
    text-align:left;
}

/* #4 SPECIAL FEATURES STORY */
.gbl_featurespecialstory
{
    float:left;
    text-align:left;
    width: 100%;
    background-color:#E6E6E6;
}
.gbl_featurespecialstory .image
{
    float:right;    
}
.gbl_featurespecialstory .text
{
    margin-right: 133px;
    padding: 6px;
    width:138px;
}
.gbl_featurespecialstory .text a {
    color:#005078;
}


/* #5 DAILY FUN STORY */
.gbl_dailyfunstory
{
    float:left;
    text-align:left;
    width: 100%;
}
.gbl_dailyfunstory .image
{
    float:left; 
    width:90px;
    height:60px;    
}
.gbl_dailyfunstory .text
{
    margin-left: 90px;
    padding: 6px;
    width:198px;
    background-color:#E6E6E6;
    /*font-weight:bold;*/
}

/* gbl_regularstory_greyback is a simple copy of gbl_regularstory.
But with grey background, padding, and fixed width. It was created for Competitionlist.aspx. */
.gbl_regularstory_greyback 
{
    float:left;
    text-align:left;
    width: 439px;
    padding: 10px;    
    background-color:#F8F8F8;
}
.gbl_regularstory_greyback .headline
{
    float: left;
    margin-bottom: 0px;
    width: 100%;
}
.gbl_regularstory_greyback .image
{
    float:left;
    margin-left:0px;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 8px;
}
.gbl_regularstory_greyback .summary
{
    text-align:left;
}



/* START - REGULAR POLL */
.gbl_regularpoll 
{
	float:left;
    text-align:left;
    width: 100%;
}
/*
.gbl_regularpoll .title
{
    float: left;
    width: 100%;
}*/

.gbl_regularpoll .question
{
    float: left;
    width: 100%;
    margin-bottom:5px;
}
.gbl_regularpoll .total 
{
	float: left;
    width: 100%;
    color: #747474;
    margin-top:10px;
}
.gbl_regularpoll .answer
{
	clear:left;
    float: left;
	text-align:left;
	margin-top:5px;	
}
.gbl_regularpoll .bar
{		
	clear:left;
    float: left; 
    height:12px;
    /*border: 1px solid #000000;*/
    margin-right: 5px;
    margin-top: 2px;
    text-align:left;
    filter: alpha(opacity=60); /* IE opacity */
    opacity: 0.6; /* Other browser opacity */
}
.gbl_regularpoll .barvalue
{
	float: left;
	text-align:left;
	margin-top: 2px;
}
/* END - REGULAR POLL */



.gbl_articlelink /* General all purpose Article links class */
{
    /*color: #747474;*/
    float:left;
    text-align:left;
    /*margin-top: 7px;*/
    /*margin:0px;*/
    margin-bottom: 6px;
    width: 100%;
    /*background-color:#CCCCCC;*/
    
    /*padding:0px;*/
    margin-right: -13px; /*Counteracts potential use of orange bullets with this class, which add 12px padding, and IE7 starts throwing space underneath.*/
}

.gbl_articlelink .credits 
{
    color: #1E5F04;
    margin-left: 10px;        
}

.gbl_articlelink .author 
{
    color: #747474;    
    /*float:left;*/
    text-align:right;
}

.gbl_articlelink_sml /* General all purpose Article links class */
{
    color: #747474;
    float:left;
    text-align:left;
    margin-bottom: 3px;
    width: 100%;
    /*border:1px solid #000000;*/
}

.gbl_articlelink_sml .date 
{
    color: #747474;
    width:75px;
    float:left;
    text-align:right;
}







.gbl_morelink  /* General all purpose "more..." links class */
{
    float:left;
    text-align:left;
    /*margin-top: 7px;*/
    /*margin-bottom: 6px;*/
    width: 100%;
}
.gbl_morelink a{font-weight:bold;}
.gbl_morelink a:hover{text-decoration: underline;}

/*
.gbl_morelink a:link, a:active {color: #993300;}
.gbl_morelink a:visited{color: #97502C;}
.gbl_morelink a:hover{color: #FFFFFF; text-decoration: underline;}
*/

.gbl_disclaimer
{
    clear:left;
    float:left;
    font-style:italic;
    color:#666666;
    width:100%;
    text-align:left;
    margin-left:15px;
}

.gbl_disclaimergrey
{
    clear:left;
    float:left;
    font-style:italic;
    color:#666666;
    width:290px;
    text-align:left;
    margin-top:3px;
    margin-left:8px;
    padding:5px 5px 5px 5px;
    background-color:#C9C7BF;
}

/* Labels as background images! Labels only appear when the adserver img tag
is written (when there's an ad), otherwise they're not visible */
.gbl_advertisementgrey {
    background:url(/images/title_advertisementgrey.gif) no-repeat 0 0;        
    float:left;
    margin:3px 0px 0px 8px;
}
.gbl_advertisementgrey img {
    margin-top:25px;    
}
.gbl_advertisementgrey .flash {
    margin-top:25px;  
    margin-bottom:-26px;
}
.gbl_advertisementgrey .flashfloater {
    margin-top:25px;  
    margin-bottom:-26px;
}
.gbl_advertisement {
    background:url(/images/title_advertisement.gif) no-repeat 0 -10px;    
    float:left;    
    margin:0px 0px 0px 8px;
    display: inline;
}

.gbl_advertisement iframe {
    margin-top:15px;
    /*margin-bottom:24px;*/
}

.gbl_advertisement img {
    margin-top:15px;
    margin-bottom:24px;   
}
.gbl_advertisement .flash {
    margin-top:15px;
    margin-bottom:-20px;
}
.gbl_advertisement .flashfloater {
    margin-top:15px;
    margin-bottom:-20px;
    
    /*margin-bottom:12px;
    padding-bottom:12px;*/
}

.divEditorialBox iframe {
    background-color: #FFFFFF;
    float: left;
    margin-bottom: 12px;
    width: 100%;
}

.gbl_jumpmenu
{
    width:300px;
}

.gbl_jumpmenu .title
{
    background-color:#F0F0F0;  
    float:left; 
    padding: 5px 10px 5px 10px;
    /*font-weight:bold;*/
    width:100%;
    text-transform: uppercase;
    border:1px solid #F0F0F0;
}

.gbl_jumpmenu .content
{
    clear:left;
    float:left; 
    background-color:#F6F6F6;
    padding: 5px 10px 5px 10px;
    width:100%;
    border-bottom:1px solid #F0F0F0;
    border-left:1px solid #F0F0F0;
    border-right:1px solid #F0F0F0;
}

.gbl_classified 
{    
    border-bottom: 1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC;      
    margin-bottom: 15px;
}
.gbl_classified .Colour1 {background-color:#F6F6F6; padding:5px;}
.gbl_classified .Colour2 {background-color:#EEEEEE; padding:5px;}
.gbl_classified .AdInfo {color:#767676;}

div.dividergreydark
{
    width: 100%;
    clear:left;
    float:left;
    height:1px;
    background-color:#B2B2B2;
}
div.dividergreylight
{
    width: 100%;
    clear:left;
    float:left;
    height:1px;
    background-color:#EAEAEA;
}

.gbl_tabbox
{
    clear: left;
    float: left;
    width: 300px;
}
.gbl_tabbox .tab
{
    float: left;
    width: 300px;
    height: 19px;
    text-align: left;
    background-color: #F9F9F9; /*#EBF0F8;*/ /*#F2F2F2;*/
}
.gbl_tabbox .tabtitleblue
{
    float: left;
    width: 68px;
    height: 19px;
    padding-left:10px;
    background-color: #7290B5;
}
.gbl_tabbox .tabtitleblue h2 {text-indent:-9000px;}
.gbl_tabbox .tabtitleblue h2 a {width: 68px; height: 19px; display: block;}
#img_tabtitle_multimedia h2 a {background: transparent url(/images/tab_ttl_multimedia.gif) no-repeat 0px 0px;}
#img_tabtitle_blogs h2 a {background: transparent url(/images/tab_ttl_blogs.gif) no-repeat 0px 0px;}
#img_tabtitle_poll h2 a {background: transparent url(/images/tab_ttl_poll.gif) no-repeat 0px 0px;}

.gbl_tabbox .tabendblue
{
    float: left;
    width: 13px;
    height: 19px;
    background-image: url(/images/tab_blue_end.gif);
}
.gbl_tabbox .tabtitleburgundy
{
    float: left;
    width: 61px;
    height: 19px;
    padding-left:10px;
    background-color: #5F2F2F;
}
.gbl_tabbox .tabendburgundy
{
    float: left;
    width: 13px;
    height: 19px;
    background-image: url(/images/tab_burgundy_end.gif);
}
.gbl_tabbox .content
{
    clear: left;
    float: left;
    width: 278px;
    padding: 7px 10px 10px 10px; /*Top Right Bottom Left */
    border: 1px solid #C9C7C7;
    background-color: #F9F9F9; /*#F2F2F2;*/
}

.gbl_rssbox
{
    clear: left;
    float: left;
    width: 300px;
    background:url(/images/back_rssbox.gif) 0 0 no-repeat;
    padding: 20px 0px 0px 8px;
}

.gbl_specialfeaturebox
{
    width: 160px; 
    text-align: center;
}

.gbl_specialfeaturebox .content
{
    width: 160px;
}

.gbl_specialfeaturebox .headline
{
    float: left;
    margin-top: 2px;
    width: 100%;
    /*border: 1px solid #000000;*/
}

.gbl_specialfeaturebox .image
{
	clear:left;
	float: left;
    /*height: 200px;*/
    /*border: 1px solid #000000;*/
}

table.specialfeatureslist
{
    /*padding:25px;*/
    background-color: #F9F9F9;
    width:100%;
    margin-bottom:20px;
}
table.specialfeatureslist td
{
    width:160px;
    /*background-color:#CCCCCC;*/
    /*margin:20px;*/
    
}
table.specialfeatureslist td.image
{
    vertical-align:bottom; 
    padding:15px 15px 0px 15px;
       
}
table.specialfeatureslist td.image img
{
    border:1px solid #D0D0D0;
}
table.specialfeatureslist td.details
{
    vertical-align:top;
    padding:10px 15px 15px 15px;
}



#gbl_sharesavesend_img
{
    background:url(/images/icon_sharesavesend.gif) 0 0 no-repeat;
    width: 138px;
    height: 20px;
    float:left;
}
#gbl_sharesavesend_img a {background-color: #FFFFFF;}
#gbl_sharesavesend_img a:active {background-color: #FFFFFF;} 
#gbl_sharesavesend_img a:visited {background-color: #FFFFFF;}
#gbl_sharesavesend_img a:hover {background-color: #cccccc;}

/*Specific popup css*/
#gbl_sharesavesend_pop
{
	position:absolute;
	width: 232px;
}
/*Generic popup css */
.gbl_pop
{	
    border:1px solid #B3B3B3;
    background: #ffffff;
    visibility: hidden;
    display:none;
    padding: 1px;
    text-align: left;
}
.gbl_pop .header
{
	background: #EEEEEE;
	padding: 2px 0px 2px 0px;
	clear:left;
	float:left;
	width:100%; /*116px;*/
	color: #666666;
}
.gbl_pop .items
{
	margin-top:1px; /*necessary to prevent 1px shifting on hover of menu items*/
	width:100%; /*232px;*/
}
.gbl_pop .items .clearfloat
{
	width:111px;
	height:17px;
	clear:left;
	float:left;
}
.gbl_pop .items .float
{
	width:111px;
	height:17px;
	float:left;
}
.gbl_pop .items a {padding:1px 0px 0px 5px; display:block; height:17px; width:100%; background-color: #FFFFFF; color:#333333;}
.gbl_pop .items a:active {background-color: #FFFFFF;} 
.gbl_pop .items a:visited {background-color: #FFFFFF;}
.gbl_pop .items a:hover {background-color: #F5F5F5;text-decoration:none;}

.gbl_pop .items img
{		
	float:left;
    margin-right:3px;
    margin-top:0px;
    width:16px;
    padding:0px 0px 0px 0px;
}

div.sharelink{
    float:left;
    text-align:left;
    width: 120px;
    position:relative;    
    margin-right:20px; 
    /*background-color:#CCCCCC;*/
}
div.last{  
    margin-right:0px;
}
div.sharelink img{
    float:left;
    margin-right: 8px;  
    width:33px;
    height:33px;     
}


.gbl_pagehide
{
	display:none;	
}

table.gbl_calendar
{
    border:1px solid #999999;
    /*width:300px;*/
    background-color: #F3F3EB;
}
table.gbl_calendar td
{    
    text-align: center;
    border:1px solid #CCCCCC;
    background-color: #FFFFFF;  
}
table.gbl_calendar td.empty
{    
    text-align: center;
    border:1px solid #CCCCCC;
    background: transparent;
}
table.gbl_calendar td a
{
    padding:5px;
    display:block;
    background-color: #FFFFFF;    
    text-decoration: none;
}
table.gbl_calendar td a:hover
{
    background-color: #EEEEEE; /*#D6D6D6;*/ /*#7290B5;*/ /*#003399;*/
    color: #000000;
    text-decoration: none;
}

.gbl_caldate 
{
    width:38px;
    height:51px;
    background:url(/images/back_caldate.jpg) 0 0 no-repeat;
    clear:left;
    float:left;
}
.gbl_caldate .day
{
    width:100%;
    text-align:center;
    /*font-family: Arial;*/
    color: #2C2C2C;
    height:9px;  
    line-height:9px;
    margin-top:3px;
    margin-left: -1px;
    /*background-color:Orange;*/
}
.gbl_caldate .date
{
    width:100%;
    text-align:center;
    /*font-family: Arial;*/
    font-weight:bold;    
    color: #FFFFFF;
    height:24px;
    line-height:24px;
    margin-top:-1px;
    margin-left: -1px;    
    /*margin-bottom:2px;*/
}
.gbl_caldate .month
{
    width:100%;
    text-align:center;
    /*font-family: Arial;*/
    font-weight:bold;    
    color: #FFFFFF;    
    height:9px;
    line-height:9px;
    margin-left: -1px;
    /*border:1px solid #000000;*/
    /*background-color:Purple;*/
}



.gbl_caldatedouble 
{
    width:91px;
    height:51px;
    background:url(/images/back_caldatedouble.jpg) 0 0 no-repeat;
    clear:left;
    float:left;
}
.gbl_caldatedouble .day1
{
    width:38px;
    text-align:center;
    /*font-family: Arial;*/    
    color: #2C2C2C; 
    height:9px;  
    line-height:9px;
    margin-top:3px;
    margin-left: -1px;
    float:left;
}
.gbl_caldatedouble .day2
{
    width:38px;
    text-align:center;
    /*font-family: Arial; */   
    color: #2C2C2C; 
    height:9px;  
    line-height:9px;
    margin-top:3px;    
    float:left;
    margin-left:16px;
}
.gbl_caldatedouble .date1
{
    width:38px;
    text-align:center;
    /*font-family: Arial;*/
    font-weight:bold;    
    color: #FFFFFF;
    height:24px;
    line-height:24px;
    margin-top:-1px;
    margin-left:-1px;
    clear:left;
    float:left;
}
.gbl_caldatedouble .date2
{
    width:38px;
    text-align:center;
    /*font-family: Arial;*/
    font-weight:bold;    
    color: #FFFFFF;
    height:24px;
    line-height:24px;
    margin-top:-1px;
    float:left;
    margin-left:16px;
}
.gbl_caldatedouble .month1
{
    width:38px;
    text-align:center;
    /*font-family: Arial;*/
    font-weight:bold;    
    color: #FFFFFF;
    height:11px;
    line-height:11px;
    margin-left:-1px;
    clear:left;
    float:left;
}
.gbl_caldatedouble .month2
{
    width:38px;
    text-align:center;
    /*font-family: Arial;*/
    font-weight:bold;    
    color: #FFFFFF;
    height:11px;
    line-height:11px;
    float:left;
    margin-left:16px;
}

.gbl_submit
{
    clear:left;
    float:left; 
    width:100%;
}

.gbl_submit img{float:left; margin: 0px 5px 5px 0px;}

.gbl_daintydate /*Float allows you to put asterisk to the right of date picker, when they are a required field.*/
{
    float:left;   
    margin-left: -5px;
}



.gbl_grey 
{
    color:#999999;
}

.gbl_searchtext
{
    font-weight: bold;
    background-color: #FBF3B1;
    font-style:normal;
    padding:0px 3px 0px 3px;
}



/* FEATURESTORY */
/*Old Method - 300x300 image with taller images masked by caption beneath */
/*
#divFeatureStory 
{
    float:left;
    text-align: left;
    width:100%;
    background-color:#2B2B2B;
}

#divFeatureStory .image
{
    float:left;    
    width:300px;
    height:300px;
    background-color:#CCCCCC;    
}
#divFeatureStory .image a{
    display:block;
    width:300px;
    height:300px;
}

#divFeatureStory .FeatureText
{
    position:relative;
    float:left;
    width:286px;
    height:71px;
    color: #FFFFFF;
    padding: 5px 7px 7px 7px;   
    overflow:hidden;
    line-height: 1.55em;
}
#divFeatureStory .FeatureText .summaryprefixred {color: #C50101;}
#divFeatureStory .FeatureText .summaryprefixredbold {color: #C50101; font-weight:bold;}
#divFeatureStory .FeatureText .summaryprefixgrey {color: #747474;}
#divFeatureStory .FeatureText .summaryprefixgreybold {color: #747474; font-weight:bold;}
*/

/*New Method - 300width image, and let height be whatever it wants, with caption underneath */
#divFeatureStory 
{
    float:left;
    text-align: left;
    width:300px;
    background-color:#2B2B2B;
}

#divFeatureStory .image
{
    float:left;    
    width:300px;
    /*height:300px;*/
    /*background-color:#CCCCCC;*/
}
/*#divFeatureStory .image a{
    display:block;
    width:300px;
    height:300px;
}*/

#divFeatureStory .FeatureText
{
    position:relative;
    float:left;
    width:286px;
    /*height:71px;*/
    color: #FFFFFF;
    padding: 5px 7px 7px 7px;   
    overflow:hidden;
    line-height: 1.55em;
    background-color:#2B2B2B;
}
#divFeatureStory .FeatureText .summaryprefixred {color: #C50101;}
#divFeatureStory .FeatureText .summaryprefixredbold {color: #C50101; font-weight:bold;}
#divFeatureStory .FeatureText .summaryprefixgrey {color: #747474;}
#divFeatureStory .FeatureText .summaryprefixgreybold {color: #747474; font-weight:bold;}

/* END - FEATURESTORY */

/* SUPERFEATURESTORY */
#divSuperFeatureStory 
{
    float:left;
    text-align: left;
    width:100%;
    background-color:#000000;
    position: relative;
    height:383px;
    width: 629px;
    /*border:1px solid #000000;*/
}

#divSuperFeatureStory .image
{
    float:left;    
    width:629px; /*525px;*/
    height: 350px; /*419px;*/ /*350px;*/  
    /*border:1px solid #FFFFFF;*/
    /*overflow:hidden; */
}

#divSuperFeatureStory .text
{
    position:absolute;
    width:609px;
    height: 64px;
    color: #FFFFFF;
    background: url(/images/back_sfoverlay.png) repeat-x 0 0;
    padding: 8px 10px 8px 10px; 
    left:0px;
    top:319px;
    white-space:nowrap;
    overflow:hidden;
}
#divSuperFeatureStory .text .summaryprefixred {color: #C50101;}
#divSuperFeatureStory .text .summaryprefixredbold {color: #C50101; font-weight:bold;}
#divSuperFeatureStory .text .summaryprefixgrey {color: #747474;}
#divSuperFeatureStory .text .summaryprefixgreybold {color: #747474; font-weight:bold;}

#divSuperFeatureStory .thumbnailbar
{
    width: 104px;
    height:319px;
    
    /*height: 42px;*/
    position: absolute;
    top: 0px;
    right: 0px;
    background-color:#000000;
    
    filter: alpha(opacity=65); /* IE opacity */
    opacity: 0.65; /* Other browser opacity */ 
    z-index:1;
}

#divSuperFeatureStory .thumbnails {
    /*float:left;   */
    width: 104px;
    position: absolute;
    top: 7px;
    right: 0px; 
    z-index:2; 
}

#divSuperFeatureStory .thumbnails .thumb {
    float:left;
    width:90px;
    height:50px;
    padding:0px;
    margin:0px 0px 13px 6px;  
    border: 1px solid #FFFFFF;  
}

#divSuperFeatureStory .thumbnails .pale {
    filter: alpha(opacity=70); /* IE opacity */
    opacity: 0.7; /* Other browser opacity */ 
    border: 1px solid #CCCCCC; 
}


#divSuperFeatureStory .thumbnails .thumb:hover { 
    filter: alpha(opacity=100); /* IE opacity */
    opacity: 1; /* Other browser opacity */
    border: 1px solid #FFFFFF; 
}

#divSuperFeatureStory .thumbnails a {
    display:block;
    width:90px;
    height:50px;
}
/* END - SUPERFEATURESTORY */


#gbl_articleimage 
{
	clear:left; /* Doing this fixed this: http://www.positioniseverything.net/explorer/dup-characters.html */
    float:left;
    text-align: left;
    width:100%;
}
#gbl_articleimage .image
{
    float:left;
}
#gbl_articleimage .summary
{
	float:left;
	background-color: #EAEAEA;
	width:290px;
	padding:5px;
}

.gbl_pageoptions /* A reusable class used by email, print, font and article page links*/
{
    /*float:right;*/
    height: 19px;
    /*margin:5px;*/
    vertical-align:text-bottom;
}


.gbl_pageoptions .gbl_floatleft
{
	padding:3px 5px 2px 5px; 
}

.gbl_pageoptions .selectedbutton
{
	display:block;
    text-decoration: none;
    background-color:#FFFFFF;    
    padding:3px 5px 2px 5px; /*Top Right Bottom Left */ 
    border-right: 1px solid #EEEEEE; /*#C7C7C7;*/
    /*font-weight:bold;*/
    background-color:#EEEEEE;
    color: #000000;
}

.gbl_pageoptions .greybutton a
{
    display:block;
    color: #4D4D4D; /*#000000;*/
    text-decoration: none;
    background-color:#FFFFFF;    
    padding:3px 5px 2px 5px; /*Top Right Bottom Left */    
}

.gbl_pageoptions .greybutton a.border
{
	border-right: 1px solid #EEEEEE; /*#C7C7C7;*/
}

.gbl_pageoptions .greybutton a:hover
{
    color: #000000;
    background-color: #EEEEEE; /*#D6D6D6;*/ /*#7290B5;*/ /*#003399;*/
}

.gbl_pageoptions .darkgreybutton a
{
    display:block;
    color: #FFFFFF; /*#000000;*/
    text-decoration: none;
    background-color:#383838;    
    padding:3px 5px 2px 5px; /*Top Right Bottom Left */    
}

.gbl_pageoptions .darkgreybutton a.border
{
	/*border-right: 1px solid #EEEEEE;*/ /*#C7C7C7;*/
}

.gbl_pageoptions .darkgreybutton a:hover
{
    color: #FFFFFF;
    background-color: #747474; /*#D6D6D6;*/ /*#7290B5;*/ /*#003399;*/
}

.gbl_pageoptions #divLink
{
    float: left;  
}
/******************************************/
/* END - Items unique to #gbl_rightcol */
/******************************************/

/*******************************************/
/* START - Items unique to article.aspx */
/*******************************************/
#article_options
{
	position: absolute;
	top:0px;
	right:0px;
	margin:0px;
	margin-top:5px;	
}

#article_pages
{
	float:right;
}

/*******************************************/
/* END - Items unique to article.aspx */
/*******************************************/

/******************************************/
/* START - Items unique to #gbl_leftcol */
/******************************************/

.gbl_leftcol #story
{
    float:left;
    text-align:left;
    width: 100%;
}

.gbl_leftcol #story .minheight
{    
    /* CSS Min-height hack - http://www.dustindiaz.com/min-height-fast-hack/ */
    min-height:300px;
	height:auto !important;
	height:300px;
}

.gbl_leftcol #story .headline
{
    margin-bottom: 2px;
    margin-left: -1px; /* Large font text needs to be pulled back 1px */
}

.gbl_leftcol #story .byline
{
    /*text-transform: uppercase;*/
    color: #747474;
}

.gbl_leftcol #story .date
{
    color: #747474;
}

/*
.gbl_leftcol #story .summary
{
    margin-top: 20px;
}
*/
.gbl_leftcol #story .summary
{
    position:relative;
}
.gbl_leftcol #story .summarytext
{
    padding-top: 30px;
    list-style-position:inside; /*Makes sure bullets are indented, not sitting in the margin*/
}


.gbl_leftcol .stories
{
    float:left;
    text-align:left;
    width: 100%;
}
.gbl_leftcol .stories .headline 
{
    margin-bottom: 2px;
    margin-left: -1px; /* Large font text needs to be pulled back 1px */
}
.gbl_leftcol .stories .byline
{
    color: #747474;
}
.gbl_leftcol .stories .date
{
    color: #747474;
}
.gbl_leftcol .stories .summary
{
    position:relative;
}
.gbl_leftcol .stories .summarytext
{
    padding-top: 30px;
}




.gbl_leftcol .comment
{
    float:left; 
    width:443px;
    padding: 10px;
    background-color: #F4F4F4; /*#F9F9F9;*/ /*Darker #F4F4F4;*/
    background-image: url(/images/comment_bdr_right.gif);
    background-position: 460px;
    background-repeat: repeat-y;
    text-align:left; 
    /*border:1px solid #000000;*/
    
    /*word-break: break-all;*/
    word-wrap: break-word;
}

.gbl_leftcol .comment .commentbyline
{
    float:left;
    margin-top:10px;
    text-align:left;
    color: #747474;
}

.gbl_leftcol .comment .reportline
{
    float:right;
    text-align:right;
    color: #747474;
}

.gbl_leftcol .admincommentwrapper
{
	padding-left:20px;
}

.gbl_leftcol .admincomment
{
    float:left; 
    width:419px; /*429px;*/ /*444px;*/
    padding: 10px;
    background-color: #E1E8F0; /*#EAEAEA;*/ /*Darker #F4F4F4;*/
    /*background-image: url(/images/comment_bdr_right.gif);
    background-position: 460px;*/ /*460px;*/
    /*background-repeat: repeat-y;*/
    border: 1px solid #9DB3CE;
    text-align:left; 
    
    word-wrap: break-word;
}

.gbl_leftcol .admincomment .commentbyline
{
    float:left;
    margin-top:10px;
    text-align:left;
    color: #000000;
}

.gbl_leftcol .admincomment .reportline
{
    float:right;
    text-align:right;
    color: #747474;
}


.gbl_leftcol .bdr_bottomleft
{
    clear:left;
    float:left;  
    width:3px;
    height:3px;
    background-image: url(/images/comment_bdr_bottomleft.gif);
}

.gbl_leftcol .bdr_bottom
{
    float:left;
    height:3px;
    width:457px;
    background-image: url(/images/comment_bdr_bottom.gif);
    background-repeat: repeat-x;
}

.gbl_leftcol .bdr_bottomright
{
    float:left;  
    width:3px;
    height:3px;
    background-image: url(/images/comment_bdr_bottomright.gif);
}

.gbl_leftcol .rightoptions
{
	float:right;
	margin-right:2px;
}

li.facetedsearchlink{
    list-style-image:url('/images/icon_bullet_plus.gif'); 
    list-style-type:square;
    font-weight:bold;
    margin-bottom:10px;
    
}
li.facetedsearchlink a{
    color:#0A8D00;
}

/* Global FORM classes. Use this for all simple submission forms.
It is assumed that all such forms will be contained in a table. */
table.gbl_submissionform
{
    float:left;
    /*width:100%;   */
    /*border:1px solid #333333;*/
    text-align:left;
}

table.gbl_submissionform .leftcol 
{
    width:25%;
    white-space:nowrap;
}

table.gbl_submissionform .leftcol_sml
{
    width:100px;
    white-space:nowrap;
}
table.gbl_submissionform .leftcol125
{
	width:125px;
}
table.gbl_submissionform .leftcol175
{
	width:175px;
}
table.gbl_submissionform .leftcol200
{
	width:200px;
}
table.gbl_submissionform input.text
{
    border:1px solid #CCCCCC;
    background-color: #F9F9F9;
}

table.gbl_submissionform input.protect /*hidden antispam field class*/
{
    display:none;
    visibility: hidden;
}

table.gbl_submissionform textarea.large
{
    border:1px solid #CCCCCC;
    background-color: #F9F9F9;
    height:300px;
    width:300px;
    
}

table.gbl_submissionform td 
{
    padding:3px;
    vertical-align: top;
}

table.weather{
    border:1px solid #999999;
}

table.weather tr.header td{
    /*border-top: 1px solid #43726C;*/
    border-bottom: 1px solid #CCCCCC;
}
table.weather tr.header2 td{
    /*border-top: 1px solid #43726C;*/
}
table.weather tr.info td{
    background-color:#EAF4FD;
    border-bottom: 1px dotted #CCCCCC;
}

/******************************************/
/* END - Items unique to #gbl_leftcol */
/******************************************/
/*********************************/
/* END - Global reusable classes */
/*********************************/


/*******************************************/
/* START - Items unique to default.aspx */
/*******************************************/
/*
.gbl_leftcol_bdr 
{
    float:left;
    width: 463px;
    padding-left:12px;
    padding-right:12px;
    margin-left:0px;
    margin-right:0px;
    border-right: 1px solid #E3E3E3;
}
*/

.gbl_relatedcoveragebox
{
	clear:left;
    float:left;
    width:300px;    
}
.gbl_relatedcoveragebox_top
{
	clear:left;
    float:left;
    height:27px;
    width: 290px;
    margin:0px;
    padding: 7px 0px 0px 10px; /*Top Right Bottom Left */
    font-weight:bold;
    text-shadow: -1px -1px 0px #909090; /*IE8 doesn't support it yet*/   
    color:#FFFFFF;
    background:url(/images/back_relatedcov_top.jpg) 0 0 no-repeat;    
}
.gbl_relatedcoveragebox_divider
{
	clear:left;
	float:left;
    width:290px;
    height:18px;
    padding:0px;
    margin:0px;  
    padding:3px 0px 0px 10px; /*Top Right Bottom Left */
    font-weight:bold;
    color:#6F6F6F; 
    background:url(/images/back_relatedcov_divider.jpg) 0 0 repeat-y;    
}

.gbl_relatedcoveragebox_datedivider /* Note: In order to show up as height 1px in IE, "<!-- -->" is necessary in between <DIV></DIV>.*/
{
    width: 280px; /*759px;*/ /*765px;*/
    float:left;
    height:1px;
    margin-top:4px;
    /*margin-left:5px;*/
    margin-bottom:4px;
    background-color:#EBEBEB;
    /*background-image: url(/images/datedivider_grey.gif);   
    background-repeat: repeat-x;*/
}

.gbl_relatedcoveragebox_content
{
	clear:left;
	float:left;
    /*height:30px;*/
    width:280px;
    padding:10px 10px 8px 10px; /*Top Right Bottom Left */
    margin:0px;  
    text-align: left;    
    background:url(/images/back_relatedcov.gif) 0 0 repeat-y;
    /*background-color:#CCCCCC;*/
    /*border:1px solid #000000;*/
}

.gbl_relatedcoveragebox_date
{
	/*clear:left;*/
	float:left;
	width: 100%;
    /*height:30px;*/
    /*width:300px;*/
    /*padding:10px 10px 6px 10px;*/ /*Top Right Bottom Left */
    /*margin:0px;  */
    text-align: left;   
    margin-bottom: 3px;
    color: #969696;    
    /*border:1px solid #000000;*/
}

.gbl_relatedcoveragebox_bottom
{
	clear:left;
    float:left;
    height: 11px; /*17px;*/
    width: 300px;
    padding:0px;
    margin:0px;
    background:url(/images/back_relatedcov_bottom2.gif) 0 0 no-repeat;
}

.gbl_linklist
{
    float:left;
    width:100%;
    margin-bottom:12px;    
}
.gbl_linklist .title
{
    float:left; 
    font-weight:bold;
    width:100%;
    margin-bottom:3px;
}
.gbl_linklist .content
{
    clear:left;
    float:left; 
    width:100%;
    
}

.gbl_breadcrumbs
{
	float:left;
	height: 19px;
    margin-top:15px; 
}

.gbl_pageoptions *
{
    float:left;
    text-align: center;   
}

.greyborderbox
{
	clear:left;
    float:left;
    width:316px;    
}
.greyborderbox_edge
{
	clear: left;
    float: left;
    height:7px;
    width: 316px;
    padding:0px;
    margin:0px;  
    /*border:1px solid #000000; */
}
.greyborderbox_edge .cnr{
    height:7px;
    width: 7px;
    float: left;
}
.greyborderbox_edge .topleft
{
    float:left;
    background:url(/images/cnr_grey_topleft.png) no-repeat 0 0;  
}
.greyborderbox_edge .topright
{
    float:right;
    background:url(/images/cnr_grey_topright.png) no-repeat 0 0;
}

.greyborderbox_edge .bottomleft
{
    float:left;
    background:url(/images/cnr_grey_bottomleft.png) no-repeat 0 0;
}

.greyborderbox_edge .bottomright
{
    float: right;
    background:url(/images/cnr_grey_bottomright.png) no-repeat 0 0;
}

.greyborderbox_edge .middle
{
    height:6px;
    width: 302px;
    float: left;
    vertical-align:middle;
    text-align:left;
    margin:0px;
    padding:0px;    
    line-height: 0px;
    background-color:#FFFFFF;
}
.greyborderbox_edge .top {
    /*background: url(/images/dot_grey.png) repeat-x top;*/
    border-top: 1px solid #B3B3B3;
}
.greyborderbox_edge .bottom {
    /*background: url(/images/dot_grey.png) repeat-x bottom;*/
    border-bottom: 1px solid #B3B3B3;
}
.greyborderbox_content 
{
	clear:left;
	float:left;   
    width: 284px; /*314px;*/
    padding:0px 15px 0px 15px; /*Top Right Bottom Left */
    margin:0px;  
    text-align: left;    
    border-left: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    background: #FFFFFF;
    /*background-color:#CCCCCC;*/
}



#divFacetedSearch {
    padding-left:20px; 
    padding-right: 20px; 
    margin-top:20px; 
    background-color: #F9F9F9; 
    height:100%; 
    width:260px; 
    float:right;
}


/*******************************************/
/* END - Items unique to default.aspx */
/*******************************************/

/*Competition images are floated right within the competition text*/
#CompetitionImages
{
    width:165px;
    float:right;  
    margin: 0px 0px 10px 10px;
}

#CompetitionImages img
{
    width:165px;
}

#CompetitionImages .caption
{    
    clear:right;
    float:right; 
    /*width:110px;*/
    width:155px;
    padding: 5px;
    background-color: #EAEAEA;
}

.divCurrentPage {
    padding:2px;
    border:1px solid #000000;
    width:15px;
    height:15px;
    margin: 0px;    
}



/*********************************/
/* START 3RD PARTY OBJECT STUFF */
/*********************************/
table.gbl_daintydate
{
	margin:-8px; /*Wrap <ccf:DaintyDate objects in a table, then this negative margin will remove their intrinsic padding */
	border: 0px;
}
table.gbl_daintydate .gbl_daintydate_text
{
	padding-top:10px; /* Forces "to" wording between FROM and TO dates, to be vertically centred. */
}
/*
table.PhotoCrop 
{
    font-family: Arial, Verdana;
    font-size:11px;
    color: #FFFFFF;
}
table.PhotoCrop td
{    
    background-color: #000000;
    padding: 10px;
}
table.PhotoCrop td input.button
{
    font-size:10px;
}
table.PhotoCrop td input.text
{
    border:1px solid #CCCCCC;
    font-size:10px;
}
table.PhotoCrop td.image
{    
    background-color: Transparent;
    padding: 0px;
}
table.PhotoCrop tr.controls1 td a
{    
    display:block;
    padding: 10px;
    background-color: #343434;
    color: #FFFFFF;    
}
table.PhotoCrop tr.controls1 td a:hover
{    
    background-color: #5E5E5E;
    text-decoration:none;
}
table.PhotoCrop tr.controls2 td
{    
    padding: 10px;
    background-color: #343434;
}
table.PhotoCrop tr.controls1 td table.tblSizeButtons td{ 
    background-color: #000000;
    width:20px;
    padding: 0px;
}
table.PhotoCrop tr.controls1 td table.tblSizeButtons td a
{    
    display:block;
    padding: 10px;
    background-color: #343434;
    color: #FFFFFF;    
}
table.PhotoCrop tr.controls1 td table.tblSizeButtons td a:hover
{    
    background-color: #5E5E5E;
    text-decoration:none;
}
table.PhotoCrop tr.controls1 td table.tblCustomCrop td {
    padding:3px;
}
*/

/* Gutter Ads */ 
/*.hasGutter-full{position:relative;}*/
/*.hasGutter-full{width:auto;margin:0;background:none;}
.hasGutter-full .wrap{padding:0 26px;}*/
.gutter-full{position:absolute;top:0;left:0;width:100%;height:100%;}
.gutter-full a{display:block;width:100%;height:100%;text-indent:-9999em;outline:0;}
.gutter-full #divider1 {position:absolute; top:100px; left:133px; width:1px; height:800px; background-color:#CCCCCC; z-index:10;}
.hasGutter-hide .cA-gutter{display:none;}

/*Flashwrapper*/
/*Wraps flash ads, and forces custom URL over them to make them clickable*/
div.flashfloater{
    float:left;
    width:100%;
    /*border: 1px solid blue;*/
    /*margin-bottom:50px;*/
}
div.flashwrapper{
    position:relative;  
    text-align:center;  
    float: none;    
    /*border: 1px solid red; */
}
div.flashlink{    
    position:absolute; 
    z-index: 2; 
    
    /*Just setting background to transparent is ok in FF.
    But wasn't in IE7/8 - the Flash file underneath would become the clickable thing, 
    not the anchor inside flashlink.
    A colour fill would fix this in IE (but that was no good as it would cover the ad)
    So I tried a 1px transparent, repeated background image... */
    background: transparent url(/images/1pxclear.gif) 0 0 repeat; /*This works*/
    
    /*centre align absolute div inside relative div of 100% width*/    
    /*margin: 0 auto;*/
    left: 0;
    right: 0;
}
div.flashlink a{    
    display:block; 
    width:100%; 
    height:100%;    
}
div.flashfile{    
    position:absolute; 
    /*top:0px; */
    /*left:auto;
    right:auto;*/
    z-index: 1;
    background: #FFFFFF; 
    
    /*centre align absolute div inside relative div of 100% width*/
    /*margin: 0 auto;*/
    left: 0;
    right: 0;
    
    /*border: 1px solid green;*/    
    /*margin-left: auto;
    margin-right: auto;*/
}

/* Global div show/hide classes. Might be preferable instead of using ASP:Panels, that render divs you can't control */
div.show{
    display:block;
    width:100%;
    float:left;  
    margin:0px; 
}
div.hide{
    display:none;
}/* 6:12:07 removed the max-width and change the width of the float from PX to EM */

/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menu.asp.asp
****/
/* zeroing padding/margin for all elements */

/**********************
CSS Image Replacement - RS 24/01/07 - refer to http://dustinbrewer.com/css-image-replacement-technique/ 
***********************/
#SubMenu_DomainRural{width: 138px;}
#SubMenu_DomainRural div { text-indent:-9000px; }
#SubMenu_DomainRural div a {width: 138px;display: block; background: transparent url(/images/logo_domainrural.gif) no-repeat;}
#SubMenu_Domain{width: 138px;}
#SubMenu_Domain div { text-indent:-9000px; }
#SubMenu_Domain div a {width: 138px;display: block; background: transparent url(/images/logo_domain.gif) no-repeat;}
#SubMenu_Drive{width: 46px;}
#SubMenu_Drive div { text-indent:-9000px; }
#SubMenu_Drive div a {width: 138px;display: block; background: transparent url(/images/logo_drive.gif) no-repeat;}
#SubMenu_MyCareer{width: 138px;}
#SubMenu_MyCareer div { text-indent:-9000px; }
#SubMenu_MyCareer div a {width: 138px;display: block; background: transparent url(/images/logo_mycareer.gif) no-repeat;}
#SubMenu_Jobs{width: 138px;}
#SubMenu_Jobs div { text-indent:-9000px; }
#SubMenu_Jobs div a {width: 138px;display: block; background: transparent url(/images/logo_jobs.png) no-repeat; height: 20px !important;}

#TJK_dropDownMenu, #TJK_dropDownMenu * 
{
    margin:0;
    padding:0;
    z-index:9000; /*Keep it above everything else*/    
}

/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu 
{
    position:relative;    
    max-width:100%;
    float:left;    
    
    margin:4px 0px 0px 10px;
    /*background-color:#000000;*/
    /*margin-bottom:3.5em;*/
    /*border-bottom:1px solid #666;*/
}


/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	/*max-width:16.5%;*/
	/*cursor:pointer;*/
	float:left;
	list-style-type:none;
	
	/*HACK - Sometimes there's an inexplicable 1px gap underneath a root item (only ones that have bold text, oddly),
	where the hover state doesn't extend to, and so the submenu disappears as you slide down from the root 
	to the sub. This bridges the gap.*/
	border-bottom:1px solid transparent; /*Part 1 of 2*/
	

}

/*HACK - Stop that border cascading into submenu LIs*/
#TJK_dropDownMenu li ul li{
    border-bottom: none; /*Part 2 of 2*/
}


#TJK_dropDownMenu li div.cnrtopleft{
	position:absolute;
	top:0px;
	left:0px;		
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_topleft.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) 0px 0px no-repeat;
}
#TJK_dropDownMenu li div.cnrtopright{
	position:absolute;
	top:0px;
	right:0px;	
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_topright.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) -5px 0px no-repeat;	
}
#TJK_dropDownMenu li div.cnrbottomleft{
	position:absolute;
	bottom:0px;
	left:0px;	
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_bottomleft.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) -10px 0px no-repeat;	
}
#TJK_dropDownMenu li div.cnrbottomright{
	position:absolute;
	bottom:0px;
	right:0px;	
	width:4px;
	height:3px;
	/*background: transparent url(/images/cnr_menu_bottomright.png) no-repeat 0 0;*/
	background:url(/images/sprites.png) -15px 0px no-repeat;
}

/* All anchors */
#TJK_dropDownMenu li a {
	/*color:#666;*/
	text-decoration:none;
	display:block;	
	float:left;
	background-color:#CCCCCC;
	/*padding:0 .4em;*/
    /*  uncomment the declaration below if you want to go "full width" */
    /*	width:7.47em; */
    /*border-left:1px solid #333;*/
    /*cursor:default;*/
    /*TESTING!*/
	/*height:2em; 
	line-height:2em;*/
	/* A style for this class is now in farmonline_mac.css */
}

/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	/*width:10em !important;*/ /* leaves room for padding */
	width:152px;  /* ADJUST MENU WIDTH HERE (AND BELOW) */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:0px;
	top:23px;
	/*padding:1px 10px 10px 10px;*/
	/*background:url(/images/space.gif);*/ /* trick to keep'em open */
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;

}

/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	/*width:100%;*/ /*FF*/
	width: 142px; /* ADJUST MENU WIDTH HERE (AND BELOW) */
	/*padding:0;*/
    /*max-width:120%;*/
    
	/*border:1px solid #CCCCCC;*/
	border-top:none;
	
	
	
	/*Inactive menu items - the stuff below can be removed once there are no non-link menu items */
	
	/*color: #B55454;*/
	line-height:1.5em;
	/*font-weight:normal;*/ /*here*/

}

/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	/*width:100%;*/ /*FF*/
	width: 142px; /* ADJUST MENU WIDTH HERE */
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	/*white-space:normal;*/
	
	
	line-height:1.5em;
	height:1.5em;

	/*border:1px solid #fff;*/
	color:#404040; /*#666;*/
	background-position:0 50% !important;
	padding: 2px 5px 2px 5px;
    
	/*border:1px solid #40A503;*/
}

/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a.notreadyyet {
	/*width:100%;*/ /*FF*/
	width: 142px; /* ADJUST MENU WIDTH HERE */
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	/*white-space:normal;*/
	
	line-height:1.5em;
	height:1.5em;
	/*font-weight:normal;*/ /*here*/
	border:1px solid #fff;
	color:#B55454;
	background-position:0 50% !important;
	padding: 0 0 0 0px;
	/*border:1px solid #40A503;*/
}

/* :hover and stuff - RS 25/01/07 Commented out as the grey on hover 
was covering the underlayed double-buffered image (see: line 16 onwards of this file)*/

/* ORIGINAL
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#000; background-color: #ECECEC;}
*/

#TJK_dropDownMenu li a.root {padding: 3px 6px 3px 6px; font-family:Lucida Sans Unicode, arial, verdana;} /*#ECECEC*/ 

#TJK_dropDownMenu li a.sub {font-size:11px; font-family:Lucida Sans Unicode, arial, verdana; }
#TJK_dropDownMenu li a.sub:hover,
#TJK_dropDownMenu li a.sub:focus,
#TJK_dropDownMenu li a.sub:active {color:#000; background-color: #E6E6E6;} /*#C8C8C8;}*/


/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
/*#TJK_dropDownMenu ul li.hov a:hover,
#TJK_dropDownMenu ul li.hov a:focus,
#TJK_dropDownMenu ul li.hov a:active {color:#000 !important;background:#9CA9B6;}*/

/* display and z-index for the sub-menus */

#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:100;} /*top:2em !important;*/

/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu_ li.msieFix a {}
/*This stylessheet will load the optional usage of Lucida.*/

/* Any text to which this class is assigned */
.txt_font{font-family:  Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Arial, Verdana, Helvetica; letter-spacing:-0.05em;}

/* Fairfax Compare & Save heading */
#divCompareSave h2 {font-family:  Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Arial, Verdana, Helvetica; letter-spacing:-0.05em;}

/* Section headings*/
.divSectionBox .title {
    font-family:  Lucida Sans Unicode, Lucida Grande, Lucida Sans, Lucida, Arial, Verdana, Helvetica; 
    letter-spacing: -0.10em;
}

h3.small{font-size: 11px;}
/*h4{font-size: 13px;}*/

.gbl_regularstory .headline_lrg {font-size: 18px;}
.gbl_regularstory .summary, .gbl_regularstory .summarywithpic {line-height: 1.40em;}
.gbl_regularstory .category {font-size: 11px;}
/*.gbl_regularstory .summarydate {font-size:10px;}*/
.gbl_regularstory .summaryrelated {font-size:11px;}
.gbl_regularstory .credits {font-size:10px;}

.gbl_regularstory_sml .summary {font-size:11px; line-height: 1.40em;}
.gbl_regularstory_sml .category {font-size: 11px;}
/*.gbl_regularstory_sml .summarydate {font-size:10px;}*/
.gbl_regularstory_sml .summaryrelated {font-size:11px;}
.gbl_regularstory_sml .credits {font-size:10px;}

.gbl_regularstory_greyback .summary {line-height: 1.40em;}
.gbl_regularstory_greyback .compstatus {font-size:10px;}

.gbl_articlelink_sml {font-size:11px;}
.gbl_articlelink_sml .date {font-size:10px;}

.gbl_articlelink .credits {font-size:10px;} 
.gbl_articlelink .author {font-size:9px;}
.gbl_regularpoll .answer {font-size:11px;}
.gbl_regularpoll .barvalue {font-size:10px;}
.gbl_regularpoll .total {font-size:10px;}
.gbl_sectionoption {font-size: 10px;}
.gbl_caldate .day{font-size: 9px;}
.gbl_caldate .date{font-size: 24px;}
.gbl_caldate .month{font-size: 11px;}
.gbl_caldatedouble .day1{font-size: 9px;}
.gbl_caldatedouble .day2{font-size: 9px;}
.gbl_caldatedouble .date1{font-size: 24px;}
.gbl_caldatedouble .date2{font-size: 24px;}
.gbl_caldatedouble .month1{font-size: 11px;}
.gbl_caldatedouble .month2{font-size: 11px;}


#gbl_login{font-size:10px;}
/*#divFeatureStory .summary{line-height: 1.40em;}*/
#gbl_articleimage .summary{line-height: 1.40em; font-size: 11px;}

.greencurvebox_content {font-size: 13px;}
.greencurvebox_content .title{font-size: 18px;}
.greencurvebox_content .blurbwhite, .greencurvebox_content .blurbwhite a{font-size: 11px;}

.browncurvebox_content {font-size: 17px;}

.gbl_leftcol #story .byline{font-size: 11px;}
.gbl_leftcol #story .date{font-size: 9px;}
.gbl_leftcol .stories .byline{font-size: 11px;}
.gbl_leftcol .stories .date{font-size: 9px;}
#gbl_rightcol_textoptions {font-size: 10px;}
.gbl_leftcol .comment .commentbyline {font-size: 10px;}
.gbl_leftcol .comment .reportline {font-size: 10px;}
.gbl_leftcol .admincomment .commentbyline {font-size: 10px;}
.gbl_leftcol .admincomment .reportline {font-size: 10px;}
.gbl_leftcol .rightoptions{font-size: 10px;}
.gbl_pageoptions {font-size: 11px;}
.gbl_pageoptions .bluebutton a.large {font-size: 14px;}
.gbl_pageoptions .bluebutton a.small {font-size: 9px;}
.gbl_breadcrumbs {font-size: 11px;}
/*.gbl_blogname {font-size: 11px;}
.gbl_blogcomments {font-size: 11px;}*/
#divmenustrip #membershiptab{font-size:10px;}
#divMostPopular ul li.heading{font-size:18px;}
#divMostPopular .listitems .digit{font-size:18px;}
#divFooter .col .heading{font-size:18px;}
/*#divFooter {font-size: 11px;}
#divFooter h3 {font-size: 11px;}*/
.gbl_pop .header{font-size: 10px;}
.gbl_pop .items{font-size: 11px;}
.gbl_relatedcoveragebox{font-size: 11px;}
.gbl_relatedcoveragebox_top{font-size: 15px;}
.gbl_relatedcoveragebox_divider{font-size: 10px;}
.gbl_relatedcoveragebox_date{font-size: 9px;}

#CompetitionImages .caption {line-height: 1.33em; font-size: 11px;}
/*
#TJK_dropDownMenu_Red {font-size: 11px;}
#TJK_dropDownMenu_Blue {font-size: 11px;}
*/
#TJK_dropDownMenu {font-size: 13px;}

#divEventSearch .title {font-size: 22px;}

#divMMInformation .maintitle{}
#divMMInformation .title{}
#divMMInformation .description{font-size: 11px;}
#divMMInformation .credits{font-size:10px;}
.divMMSectionHeader {font-size:14px;}
.divMultimediaStory {font-size:10px;}

#divLocalNewsHub .divHubItem .location{font-size:11px;}
#divLocalNewsHub .divHubItem .caption{font-size:11px;}
#divLocalNewsHub .Sendus .orange{font-size:14px;}#divFeatureStory .FeatureText {line-height: 1.45em;} 

.divSectionBox .menu {font-size: 11px;} 
#divCompareSaveWrapper {
    clear:both;
    float:left; 
    width:976px;
    margin-left:1px;
    margin-right:0px;
    padding:0px 10px 0px 10px;
    /*background-color:red;*/
}

#divCompareSave {  
    clear:both;
    float:left;  
    font-size:11px; 
    /*background-color:blue;*/
    /*padding:0px 10px 0px 10px;*/
    width:976px;
    /*margin-left:1px;
    margin-right:0px;*/
    /*margin-top:24px;*/
}
#divCompareSave a{color: #0376B5}

#divCompareSave h2 {
    float:left;
    margin:0px 0px 0px 10px;
    color: #000000;
    font-size: 28px;    
    font-weight:normal;   
}

#divCompareSave ul{
    float:right;  
    font-family: Arial, Verdana;  
    margin: 15px 10px 0px 0px;
}

#divCompareSave ul li{ 
    float:right; 
    list-style-image: none;
    list-style: none;
    padding: 0px 4px 0px 5px;
    border-left: 1px solid #E3E3E3;  
}

#divCompareSave ul li.last{ 
    border-right: none;  
}

#divCompareSave span{
    display:block;
    clear:both;
    /*float:left;*/
    /*width:100%;*/
    height:6px;
    margin:0px 10px 0px 10px;
    /*background-color:#999999;*/
    border-top:1px solid #E3E3E3;
}

#divCompareSave .divSection{ 
    float:left;   
    width:174px;
    height:100px;
    padding: 10px;  
    font-family: Arial, Verdana;    
    border-right:1px solid #E3E3E3;   
    position:relative;
    /*background-color:#999999;*/
}

#divCompareSave .last{
    border:none; 
}

#divCompareSave .divSection h3 a{
    /*float:left; */
    display:block;
    color: #000000;
    font-weight: bold;  
    font-family: Arial, Verdana;
    font-size:12px;
    width:174px;
    text-align:left;
    /*background-color:green;*/
}

#divCompareSave .divSection img{ 
    float:left;
    margin: 10px 10px 0px 0px;
    /*background-color:blue;*/
}

#divCompareSave .divSection p{ 
    /*float:left;
    display: inline;*/
    margin: 10px 0px 0px 70px;
    text-align:left;
    
    /*background-color:#CCCCCC;*/
    /*width:50px;*/    
}
#divCompareSave .divSection p a{ 
    color:#000000;  
}


#divCompareSave .divSection p.links{ 
    clear:both;
    margin-left:0px;
    position:absolute;
    /*width:100%;*/
    bottom:0px;
    left:10px;
    /*width: 174px;*/ /*98px;*/
    text-align:center;
    font-weight:bold;
    font-size:12px;
    background:url(/images/icon_bullet_orange.gif) 0px -1px no-repeat;
    padding-left: 12px;
    /*left: 70px;*/
    /*background-color:Red;*/
}

#divCompareSave .divSection p.links a{ 
    color:#006699;
}
/*CSS of only the colour related settings for the menu - to allow alternate colour sets to be created in future.*/

/*Global link colour*/
a { color: #006699; text-decoration: none; }
a:active { color: #006699; text-decoration: none; } 
a:visited { color: #267197; text-decoration: none; }
a:hover { color: #006699; text-decoration: underline; }

/* Whole menu bar */
div#menubar { 
    /*background-color: #006599;*/
    background: url(/images/back_menu_blue.png) repeat 0 0;
}

/*Note: Had to use PNGs as background colour fills.
Reason: Overlayed corner pngs used to create rounded corners on hover, were having their
semi-transparency multiply with the menu background colour, causing them to appear visible and darker than 
the menu background colour, especially in IE8. Only solution was to make background be png based colour too.*/

/*Root menu items*/
#TJK_dropDownMenu li a.root 
{
    color:#FFFFFF; 
    background: url(/images/back_menu_blue.png) repeat 0 0;    
    /*background-color: #006699; */
}
#TJK_dropDownMenu li a.root:hover,
#TJK_dropDownMenu li a.root:focus,
#TJK_dropDownMenu li a.root:active {color:#FFFFFF; background: url(/images/back_menu_blue_hover.png) repeat 0 0; /*background-color: #01476B;*/}


/*Root menu home item*/
#TJK_dropDownMenu li a.home 
{
    color:#FFFFFF; 
    background: url(/images/back_menu_blue_home.png) repeat 0 0; /*#365A98;*/ /*#1E8702;*/
    /*border-right:1px solid #5C78A9;*/ /*#53B438;*/
}
#TJK_dropDownMenu li a.home:hover,
#TJK_dropDownMenu li a.home:focus,
#TJK_dropDownMenu li a.home:active {color:#FFFFFF; background: url(/images/back_menu_blue_hover.png) repeat 0 0;} /*#165E02;*/  

/*Submenu item font colour*/
#TJK_dropDownMenu li a.sub {color: #3F83AA; font-weight:bold; background-color: #EAEAEA;}
#TJK_dropDownMenu li a.sub:hover,
#TJK_dropDownMenu li a.sub:focus,
#TJK_dropDownMenu li a.sub:active {color:#FFFFFF; background-color: #006599;} /*#C8C8C8;}*//************************/
/* Hub carousel on home */
/************************/
.jcarousel-skin-hubnews .jcarousel-container {
    width: 286px; /*316px;*/
    float:left;  
    color:#000000;  
}

.jcarousel-skin-hubnews .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-hubnews .jcarousel-container-horizontal {
    width: 286px; /*316px;*/
}

.jcarousel-skin-hubnews .jcarousel-clip-horizontal {
    width:  284px; /*245px;*/
    height: 105px;
    margin: 7px 0 0 0px; /*7px 0 0 15px;*/
    background: #FFFFFF;
}

.jcarousel-skin-hubnews .jcarousel-item {
    width: 284px; /*75px;*/
    height: 105px;
    
}

.jcarousel-skin-hubnews .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
    
}

.jcarousel-skin-hubnews .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}


.jcarousel-skin-hubnews .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/*Added classes*/
.jcarousel-skin-hubnews ul {
    /* Control height and LIs during page load, before css/js kicks in */
    height:105px;
    overflow:hidden;
    list-style:none;
}
.jcarousel-skin-hubnews ul li{
    /*background-color:blue;*/
    width:100%;
}
.jcarousel-skin-hubnews ul li img{
    float:right;
    border:1px solid #CCCCCC;
    /*margin-top: -1px;*/
}
.jcarousel-skin-hubnews ul li div.csl_head{
    float:left;
    /*background-color:Red;*/
}
.jcarousel-skin-hubnews ul li div.csl_summary{
    float:left;
    margin: 8px 0px 0px 0px;
    width:100%;
}
.jcarousel-skin-hubnews ul li div.csl_location{
    float:left;
    margin: 8px 0px 0px 0px;
    /*background-color:Red;*/
    width:100%;
}
.jcarousel-skin-hubnews ul li div.setwidth{ /*applied only when text needs to sit beside img*/
    width:130px;
}

/* Additional styles for the controls. */
.jcarousel-control {
    margin: 0px 0px 10px 0px;
    /*text-align: center;*/
    float:right;
    /*background-color:Aqua;*/
}

.jcarousel-control a {
    /*font-size: 75%;*/
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    width:10px;
    height:10px;
    text-indent:-9000px; 
    float:left;
    margin: 5px 3px 5px 0px;
    /*border: 1px solid #fff;*/
    color: #eee;
    /*background-color: #4088b8;*/
    background: #B5B5B5 url(/App_Sprites/sprites/carouseldot.png) no-repeat 0 0;

    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}
.jcarousel-control a:hover {
    background: #FB6F0B url(/App_Sprites/sprites/carouseldot.png) no-repeat 0 0;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}



/*******************************************************/
/* Simple carousel - e.g. email/send/subscribe on home */
/*******************************************************/
.jcarousel-skin-simple .jcarousel-container {
    /*height:100px;*/
    float:left; 
    width:316px;
    background-color:#FFFFFF;
    color:#000000;
    
    /*background-color:#000000;*/
}

.jcarousel-skin-simple .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-simple .jcarousel-container-horizontal {
    width: 316px;
    /*height:33px;*/     
}

.jcarousel-skin-simple .jcarousel-clip-horizontal {
    width:  300px;
    /*height: 33px;*/
    margin: 0px 0px 0px 8px;
}

.jcarousel-skin-simple .jcarousel-item {
    width: 100px;
    /*height: 33px;*/
}

.jcarousel-skin-simple .jcarousel-item-horizontal {
	width: 100px; /*75px;*/
    /*height: 33px;*/
}

.jcarousel-skin-simple .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-simple .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-simple .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 8px;
    height: 33px;
    cursor: pointer;
    background: url(/App_Sprites/sprites/carouselright.gif) no-repeat 0 0;
}

.jcarousel-skin-simple .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/App_Sprites/sprites/carouselleft.gif);
}

.jcarousel-skin-simple .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-simple .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-simple .jcarousel-next-disabled-horizontal,
.jcarousel-skin-simple .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-simple .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-simple .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 8px;
    height: 33px;
    cursor: pointer;
    background: url(/App_Sprites/sprites/carouselleft.gif) no-repeat 0 0;
}

.jcarousel-skin-simple .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/App_Sprites/sprites/carouselright.gif);
}

.jcarousel-skin-simple .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-simple .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-simple .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-simple .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-simple .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* Additional styles */
.jcarousel-skin-simple ul {
    /* Control height and LIs during page load, before css/js kicks in */
    /*height:33px;*/
    overflow:hidden;
    list-style:none;
}



/*
.jcarousel-skin-simple ul li div{
    float:left;    
    width:33px;
    height:33px;
    position:relative;
}
.jcarousel-skin-simple ul li div h3 {text-indent:-9000px;}
.jcarousel-skin-simple ul li div h3 a {width: 33px;height: 33px; position:absolute; left:0px; top:0px; display: block;}

.jcarousel-skin-simple ul li div#mail{
    background: url(/App_Sprites/sprites/icon_mail.gif) no-repeat 0 0;
}

.jcarousel-skin-simple ul li div#send{
    background: url(/App_Sprites/sprites/icon_send.gif) no-repeat 0 0;
}

.jcarousel-skin-simple ul li div#subscribe{
    background: url(/App_Sprites/sprites/icon_subscribe.gif) no-repeat 0 0;
}
*/

.jcarousel-skin-simple ul li img{
    float:left;    
    width:33px;
    height:33px;
    position:relative;
    border:0px;
}


.jcarousel-skin-simple ul li div.label{
    float:left;
    width: 59px;
    margin:3px 3px 0px 5px;  
    text-align:left;
}
.jcarousel-skin-simple ul li div.label a{
    color:#000000;    
    font-weight:bold;
}
ul#photogalleries2 div.caption {
	margin: 0 10px 10px 10px;
	/*border: 1px solid #ccc;*/
	padding: 5px;
}

ul#photogalleries2 div.right {margin-right: 0;}
ul#photogalleries2 div.left  { margin-left: 0;}

ul#photogalleries2 div.caption img {
	margin: 0;
	padding:0;
}

ul#photogalleries2 div.caption p {
	margin: 5px 0 0 0;
	padding: 5px;
	border-top: 1px #ddd dotted;
	font-size: .9em;
}

ul#photogalleries2  div.caption {
	margin: 0;
	padding:0;
	position: relative;
}

ul#photogalleries2 div.caption p {
	position: absolute;
	margin: 0; padding: 2px;
	font-size: .9em;
	
	bottom: 0;
	left: 0;
	background:black;
	color: white;
	opacity: .7;
}

ul#photogalleries2 div.caption img {
	margin: 0; padding: 0;
}