/*
 ____  ____              _____ __  __ 
|___ \|  _ \  __ _ _   _|  ___|  \/  |
  __) | | | |/ _` | | | | |_  | |\/| |
 / __/| |_| | (_| | |_| |  _| | |  | |
|_____|____/ \__,_|\__, |_|   |_|  |_|
                   |___/              
File:     print.css - styles for printing
Author:   Jens Korff - Fairfax Digital
Born:     February 2008
Modified: 

DO NOT MODIFY THIS FILE! 
Make any changes only to the version which is in version control.
-------------------------------------------------------------------------------------------------- */
/* Global reset: */
* {margin:0;padding:0}

/* Don't print: */
.skiplinks,.advert,#navigation,#secondary,#footer,div#primary div#highlights div.highlight div.heading,
div#primary div#highlights div.highlight,#sub_highlights,div.rounded-1 h4 span,span.hot,.smallCol,.showheader ul,
#adSpot-628x46,.player,div.hColour h2 span,.frmSearch,.pagination,.podcast,.frmVideoSearch,.prevNext,#thumbnails,
#scrollPrev,#scrollNext,#gallery .options,#gallery .navBottom,.dialogue,.aboutScreen
{display:none}

img,fieldset {border:0}
.cfix:after {content: ".";display:block;height:0;clear:both;visibility: hidden}/*Credit: http://www.positioniseverything.net/easyclearing.html */
div.panel h4 {margin-bottom:.5em}
div.panel h5 {margin-bottom:.2em}
div.panel .wof {margin-bottom:1em}

/* Rotating Feature Highlights */
div#primary div#highlights div.active {display:block}
div#primary div#highlights div.highlight div.teaser h5 {font:bold 40px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase}
div#primary div#highlights div.highlight div.teaser h6 {font:bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif}
div#primary div#highlights div.highlight div.teaser p {margin:0 0 0 7px;font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;width:515px}
div#primary div#highlights div.highlight div.teaser ul {margin:1em 0}
div#primary div#highlights div.highlight div.teaser li {float:left;margin:0 15px 0 .7em}

/* Rounded corner box 1 */
div.rounded-1 h4,.smallCol h4,.mainCol h3 {clear:both;padding:2em 0 .3em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border-bottom:1px solid #ccc}
div.hColour h2 {font-size:180%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
div.rounded-1 div.group {width:200px;float:left;margin:8px 0 7px 1em}
	div.group h6,.wof h6 {font-size:130%;font-weight:normal;margin-bottom:.7em}
	div.group ul {line-height:1.55}
div.group p.teaser {padding:1px 3px 2px 3px;line-height:1.3;font:bold 130% "Trebuchet MS", Arial, Helvetica, sans-serif}
div.rounded-1 div.large {width:300px;margin-bottom:8px;margin-right:6px}
div.blogBubble h4 {border:0;clear:none}
.featureImage img {margin-bottom:1em}

/* Wofs */
div.wof p {font:normal 100% Arial, Helvetica, sans-serif;margin-bottom:.7em}
	div.wof h5 {font:bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif}
	div.wof img {float:left;padding:2px;border:1px solid #dfdfdf;margin:0 5px 5px 0}
	div.wof ul {list-style-type:none}
	div.wof li {float:left;margin-right:50px;padding-left:0.7em}
	div.wof ul.vertical {margin-bottom:0.7em}
	div.wof ul.vertical li {float:none;margin-right:0}
	div.wof img.floatRight {float:right}
	div.wof.last {margin-bottom:1em}
div.showHighlights div.small {width:623px}
	div.showHighlights .small .wof {width:91px;margin:0 16px 0 16px;float:left}
	div.showHighlights .small .wof img {margin:0 0 5px 0}
	div.showHighlights .small .wof h5 {font-weight:normal}
	div.showHighlights .small .wof h5 {clear:both}

.showheader h1 {height:155px;text-indent:-9000px;width:636px}
.r2 .mainCol hr {margin:1em 0}

/* Poll */
div.poll h4,div.newsletter h4 {font-size:140%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-top:1em;border-bottom:1px solid #ccc}
	.poll ul.fRows {margin:0}
	.poll ul.fRows li {padding:.2em 0 .2em .2em}
	.poll ul.fRows input {width:auto}
	.poll ul.fRows li.last {padding-top:0}
	/* Result bars */
	.poll dl {color:#666;margin:0 0 0 6px}
	.poll dt {clear:left;float:left;width:45%;border-right:1px solid #ebebeb}
	.poll dd {width:40%;margin-left:45%;padding-left:39px}
	.poll dd p {background-color:#c00;line-height:1.1;float:left}
	.poll dd span {position:relative;margin-left:-31px;float:left}
	.poll .btnVote {margin:5px 0 0 275px}

/* Coloured boxes */
.orangeBox,.pinkBox,.purpleBox {width:auto;margin:1em 0}
	div.orangeBox h4,div.pinkBox h4,div.purpleBox h4 {font-size:135%;text-transform:none}
	div.orangeBox div.small,div.pinkBox div.small,div.purpleBox div.small {width:auto}

.sitemap .smallCol,.sitemap .mainCol {display:block;width:48%;margin-left:1%;float:left}
	.sitemap ul,.sitemap ul ul {margin-left:1em;list-style-type:disc}

/* Forms */
ul.fRows {list-style-type:none;margin:10px 0}
	ul.fRows li {clear:left;padding:0.5em 0}
	ul.fRows li span {float:left}
	ul.fRows label{width:111px;float:left;margin-right:5px;text-align:right}
	ul.fRows label.lblRadio {width:auto;margin-right:60px}
	ul.fRows input {width:220px}
	ul.fRows input.large {width:480px}
	ul.fRows input#remember,ul.fRows input#forget {width:auto}
	ul.fRows input#scode {width:140px}
	ul.fRows textarea {width:220px}
	ul.fRows img {float:left;padding-right:1em;margin:0}
	ul.fRows li.last {border:0;padding-top:2em;background-color:transparent}
	ul.fRows select.small {width:80px}
    ul.fRows select.expanded.small {width:110px;}
    ul.fRows select.large {width:480px}
.frmDetails ul.fRows input {float:left;width:180px}
	.frmDetails ul.fRows input.large {width:480px}
	.frmDetails ul.fRows input.small {width:37px;margin-right:143px}
	.frmDetails ul.fRows textarea {width:386px}
	.frmDetails ul.fRows p {margin:.3em 0 .7em}
	.frmDetails ul.fRows label.large {height:50px}/*Make it span two rows*/
	.frmDetails ul.fRows #updates,.frmDetails ul.fRows #terms {width:auto;float:none}
.podcast select {float:left;width:170px;margin-right:75px}
	.podcast .button {float:left;width:88px}

/* Photo galleries */
#galNavScroll li {float:left;list-style-type:none;margin:5px 5px 0 0}