/**{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 *{
    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_leftcol_divider
{
    float:left;
    padding-left:12px;
    padding-right:12px;
    text-align:left;
    width:780px; 
    background-color:black;
    height: 5px;
    margin-left:5px;
    margin-right:5px;
}

.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 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;
}



/* RSVP Header Template Hacks */
div.menuRSVP {
    margin: 0 50px 0 1px;
    width: 959px;
}

#divRSVPNavarea {
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 959px;
}

.RSVPbody {

    background: none;
}