body { font-family:arial,verdana,geneva,sans-serif; font-size:76%; background:#EAEAEA url(../images/bg-body.gif) repeat-y 50% 0; padding:0; margin:0; }

a:link, a:visited { text-decoration:none; color:#3366FF; font-weight:bold; }
a img { border:none; }
#page { position:relative; width:998px; padding:0 1px; margin:0 auto; }

#page #network-bar {  } 
#page #header { background:url(../images/header-main-bg.png) no-repeat; width:998px; height:131px; }
#page #header #header-logo { background:transparent url(../images/header-main.png) no-repeat; width:181px; height:122px; text-indent:-9000px; position:absolute; top:42px; left:30px; }
#page #header #header-ads { float:right; margin:22px 9px 0 0; }
#page #nav { display:none; }

#skip-links, #stats {
    position: absolute;
    left: -5000em;
    width: 4000em;
    overflow: hidden;
}


/* general group stuff
---------------------------------------------------------------------- */
.group .group-header { display:none; }




/* network bar
---------------------------------------------------------------------- 
#network-bar {position: relative; background:#1b73a4 url('../images/networkbar_bg.gif') repeat-x 0 0; margin: 0; padding: 0;}
#network-bar dl { clear:both; height:20px; line-height:6px; overflow:hidden; width:100px; padding:0; margin:0; float:left; }
#network-bar dl dt { margin-left:-999px; }
#network-bar dl dt {background:url('../images/pipe_bg.gif') right top no-repeat; float:left; font-size:0.83em; height:0.8em; margin:0; padding:5px 0; text-align:center; width:100px; }
#network-bar dl dt.first { margin:0; }
#network-bar dl dt.last { background-image:none; }
#network-bar dl a:link, 
#network-bar dl a:visited { color: #fff; }
#network-bar dl a:focus, 
#network-bar dl a:hover { color: #fc3; }
*/

#network-bar {height:12px; position: relative; background: transparent url("http://resources2.news.com.au/cs/dailytelegraph/images/header-and-footer/networkbar-bg.gif") repeat-x 0 0;}
#network-bar .network-bar-links { margin:0; padding:0; font-family: tahoma, arial, helvetica, sans-serif; clear:both; height:12px; line-height:6px; overflow:hidden; width:998px;}
#network-bar .network-bar-links a:link, .network-bar-links a:visited {color: #fff; text-decoration:none; font-weight:normal;}    
#network-bar .network-bar-links a:focus, .network-bar-links a:hover, .network-bar-links a:active {color: #b81313; text-decoration:none;}    
#network-bar .network-bar-links dt {float:left; margin-left: -999px;}
#network-bar .network-bar-links dd {float:left; font-size:10px; height:10px; margin:0; padding:0 10px; text-align:center; background: transparent url("../images/pipe_bg.gif") no-repeat 100% 50%; line-height: 8px;}  
#network-bar .network-bar-links dd.last {background:none;}   




#content { float:left; width:998px; font-size: 1.08em;} 
#content #content-2 { float:left; width:667px; position:relative; background:transparent; }
#content #content-3 { float:right; width:316px; position:relative; padding:0; margin:18px 0 0 0; }
#content #content-2 .group { float:left; width:650px; margin:0 0 0 0; padding:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:0 8px 0 8px; }
#content #content-4,
#content #content-5 { clear:left; }
#content .module { margin:0 0 20px 0; position:relative; }
#content .module .module-header { position:relative; }
#content .module .module-content p.summary { font-weight:bold; }


/* body.homepage ================================================================================================= */
body.homepage #page { background:url(../images/column1-bg.gif) 8px 124px no-repeat; }


/* body.homepage: all groups in #content-2*/
body.homepage #content #content-2 .group .group-content { float:left;  padding:0; }
body.homepage #content #content-2 .group .group-content .item { width:198px; float:left; }


/* body#homepage: first group in #content-2- three column */
body.homepage #content #content-2 .group.gpos-1 .group-content { background: transparent url(../images/3-col-bg.gif) repeat-y; }
body.homepage #content #content-2 .group.gpos-1 .group-content .item.ipos-1 { margin:0 14px 0 0;  padding-top:150px; }
body.homepage #content #content-2 .group.gpos-1 .group-content .item.ipos-2 { margin:0 14px 0 14px;  }
body.homepage #content #content-2 .group.gpos-1 .group-content .item.ipos-2 .module .module-content p.summary { width:60%; }
body.homepage #content #content-2 .group.gpos-1 .group-content .item.ipos-3 { margin:-10px 0 0 14px;  }


/* body#homepage: second group in #content-2- two column */
#content #content-2 .group.gpos-2 .group-content { background:transparent url(../images/2-col-bg.gif) repeat-y; }
#content #content-2 .group.gpos-2 .group-content .item.ipos-1 { width:424px!important; margin-right:14px; }
#content #content-2 .group.gpos-2 .group-content .item.ipos-2 { margin-left:14px; } 


/* body#homepage: last column in top row needs quote bubbles */
body.homepage #content #content-2 .group.gpos-1 .group-content .item.irpos-1 .module .module-header .heading { background:url(../images/quotes.png) no-repeat; width:257px; height:270px; text-indent:-9000px; position:absolute; left:-67px; top:-255px; } 
body.homepage #content #content-2 .group.gpos-1 .group-content .item.irpos-1 .module { padding-top:240px; }
body.homepage #content #content-2 .group.gpos-1 .group-content .item.irpos-2 .module .module-content  .static-summary { width:60%; }

/* module headers */
/* NOTE: the reason the bg image works on module-header is that the inner heading is used by the quote bubbles graphic */
.module.australias-brightest	.module-header { background:url(../images/h2-australias-brightest.gif) no-repeat; width:188px; height:88px; text-indent:-9000px; } 
.module.letter-from-editor 		.module-header { background:url(../images/h2-letter-from-editor.gif) no-repeat; width:188px; height:58px; text-indent:-9000px; }
.module.advertise-with-us		.module-header { background:url(../images/h2-advertise-with-us.gif) no-repeat; width:188px; height:28px; text-indent:-9000px; } 
.module.competitions 			.module-header { background:url(../images/h2-competitions.gif) no-repeat; width:188px; height:28px; text-indent:-9000px; } 
.module.have-your-say 			.module-header { background:url(../images/h2-have-your-say.gif) no-repeat; width:188px; height:28px; text-indent:-9000px; } 
 
 
/* footer shiz - no actual design */
#footer { clear:left; background:#003A5A; color:#fff; padding:10px; overflow:hidden; width:978px; margin:0; margin:0 auto; }
#footer a:hover { text-decoration:underline; } 
#footer dl { margin:0 0 10px 0; padding:0; overflow:hidden; }
#footer dl dt { display:inline; float:left; margin:0 10px 0 0; padding:0; font-weight:bold; }
#footer dl dd { display:inline; float:left; margin:0 10px 0 0; padding:0;  }
#footer dl dd a { color:#fff; font-weight:normal; }
#footer ul { text-align:center; margin:0 0 10px 0; padding:0; overflow:hidden; }
#footer ul li { display:inline; float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #fff; }
#footer ul li.last { border-right:none; }
#footer ul li a { color:#fff; font-weight:normal; }
#footer p.copyright { display:inline; float:left; }


/* js-tabber */
.js-tab-content {display:none;}
.js-active-content {display:block;}


/* contact-us tabber */
/* contact-us tabber */
.js-tabbed {
    width: 300px;
    }
.js-tabbed .tab-set { 
	position:relative;
	padding:0;
	margin:0; 
	width:300px;
}

.js-tabbed .js-tab {
    display: block;
    background: #ffc261;
    color: #fff;
    width: 100px;
    float: left;
    text-align: center;
    border-bottom: 2px solid #fff;
    }
.js-tabbed .tab-2,
.js-tabbed .tab-3 {
    width: 98px;
    margin-left: 2px;
    }
.js-tabbed .js-tab {
    color: #fff!important;
    font-size: 1.08em;
    padding: 0;
    outline: none;
    display:block;
    height: 30px;
    line-height: 30px;
    }

.js-tabbed .js-tab a {
	color:#fff;
	font-weight:normal;
}

.js-tabbed .js-tab:hover {
    background: #f90;
    color: #fff;
    cursor:pointer;
    }
.js-tabbed .js-active-tab {
    background: #f90;
    border-bottom-color: #f90;
    }
.js-tabbed .module-content {
    border: 2px solid #f90;
    clear: both;
    width: 296px;
    height: 350px;
    overflow: auto;
    }
* html .js-tabbed .module-content {
	padding:10px 0 0 0;
}
.js-tabbed .module-header .heading {
    font-size: 1.17em;
    padding: 0;
    margin: 0;
    }
.js-tabbed .content-item-header .header {
    font-size: 1.17em;
    padding: 0 10px;
    }
.js-tabbed .content-item-content {
    padding: 0 10px 10px;
    }



/* Most popular is added to content-5 without styles... just need to ignore for now */
.module.xmost-popular { display:none; }

/* letter to the editor form */
form.letter-to-editor #form-instructions.error { border:2px solid #fc3717; color:#fc3717; font-weight:700; padding:5px 0 5px 20px; }
form.letter-to-editor fieldset { border:none; }
form.letter-to-editor label { clear:left; display:block; margin-top:5px; font-size:0.76em; color:#999; }
form.letter-to-editor input, 
form.letter-to-editor textarea { font-family:arial,verdana,geneva,tahoma,sans-serif; font-size:1.3em; }
form.letter-to-editor input.error, 
form.letter-to-editor textarea.error { border:2px solid #FC3717; }
form.letter-to-editor input#submit { clear:both; display:block; margin:10px 0; }
form.letter-to-editor textarea { width:390px; height:95px; }
form.letter-to-editor .required-fields { float:left; width:216px; margin-bottom:5px; }
form.letter-to-editor .optional-fields { padding-top:44px; float:left; margin-bottom:5px; }
* html form.letter-to-editor  .optional-fields { padding-top:50px; }



/* privacy module */
.module.privacy { padding:0 10px; }




/* IE6 fixes */
/* ie6 fixes have been moved to screen.css because the ie6 include conditional conflicts with the htc call */
* html #content #content-2 .group.gpos-2 .group-content  {border:none}
* html #content #content-2 .gpos-2 .item-count-2 {height:1%}

* html #content #content-2 .gpos-1 .module-header,
* html #content #content-2 .gpos-2 .module-header,
* html #content #content-2 .gpos-3 .module-header {margin:16px 0; }
* html #content #content-2 .gpos-3 {clear:both; height:1%; position:relative}

* html #footer .footer-legals {clear:both}
* html #footer .footer-legals p {clear:both; margin-top:16px}

* html #page #header #header-logo { behavior:url(/cs/Foundation/images/iepngfix.htc); }
* html body.homepage #content #content-2 .group.gpos-1 .group-content .item.irpos-1 .module .module-header .heading { behavior:url(/cs/Foundation/images/iepngfix.htc); top:-240px; }



/* temp fixes for mx relaunch... to be neatened up later */
#info-bar { display:none; }
.module.js-tabbed .module-content .content-item { padding:0 10px; }
.module.js-tabbed .module-content .content-item .promo-block .promo-heading .heading { font-size:16px; }
.module.js-tabbed .module-header .heading { font-size:18px; font-weight:normal; margin:0 0 10px 0; } 
.module.js-tabbed .module-header .js-tab { height:20px; padding-top:5px; cursor:pointer; }



/* hide most pop module */
.module.most-popular { display:none; }