/* TABLE OF CONTENTS
---------------------------------------
1. Global
2. Wrapper
3. Header
4. Navigation
5. Content
6. Left column
	6.1 Breadcrumb
	6.2 Listing
	6.3 Story
	6.4 Pagination
	6.5 Comments
7. Right column
	7.1 Boxes
	7.2 Newsletters
8. Advertisements
9. Common
10. Homepage
11. Video
12. Forums
13. Downloads
14. Image gallery
15. Search/Tags
16. Labs
17. Franchises
18. RSS Feeds
19. Footer
---------------------------------------*/

/* 1. Global
---------------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,input,textarea,table,tr,th,td { margin:0; padding:0 }
body { background:#e2e2e2 url(../layout/bg_grey_top4.gif) repeat-x; font:11px Tahoma, Arial, sans-serif; color:#4d4d4d }
button, input, select, textarea { font:11px Tahoma, Arial }
button { font-weight:bold }
fieldset,img { border:0 }
hr { color:#cccccc }
ol, ul { list-style:none }
table { border-collapse:collapse; border-spacing:0 }
:focus { outline:0 }
h1 { font-size:19px }
h2 { font-size:12px }
h3 { font-size:11px }
a { /*color:#7f99ae;*/ color:#2b5785; text-decoration:none }
a:hover { text-decoration:underline }

/* 2. Wrapper
---------------------------------------*/
#width { margin:0 auto; padding:0 10px; width:950px; text-align:left }

/* 3. Header
---------------------------------------*/
#masthead #site-logo { float:left; width:302px; background:url(../layout/logo_transp.gif) no-repeat }
	#masthead #site-logo a { display:block; height:45px; text-indent:-9999px }
	
/* 4. Navigation
---------------------------------------*/
#tabs {margin:5px 0 0 0;padding:0 0 0 0;background:url(../layout/bg_orange_tab.gif) repeat-x 0 100%;border-top:4px solid #80abd8} /* BG for top line 5px */
	#tabs ul{position:absolute;display:block;}
	#tabs li{float:left;height:auto;display:inline;background:#34699f url(../layout/gh_blue3.gif) no-repeat} /* BG for menu button line */
	#tabs li ul{visibility:hidden;z-index:100;border-top:1px solid #80abd8} /* Top line on dropdown menu 80abd8 */
	#tabs li li{float:none;display:block;background:#558bbf} /* BG for dropdown menu selection field on hover if bg file not found */
	#tabs a{width:117px;font-weight:bold;color:#fff;line-height:20px;text-align:center;display:block;background:url(../layout/gh_blue3.gif) no-repeat top left;border-right:1px solid #80abd8} /* Background for main buttons BGcolor for border right of button */ 
	#tabs a:hover, #tabs a.selected{background:url(../layout/gh_blue.gif) #4479ad no-repeat top left;color:#fff;text-decoration:none} /* BG for main button on hover */
	#tabs li.l a{width:124px;border:none}
	#tabs ul a{font-weight:normal;color:#fff;line-height:20px;width:116px;background:#78a2ce;border-right:1px solid #80abd8;border-left:1px solid #80abd8;border-bottom:1px solid #80abd8} /* Background for dropdown menu selection field + borders */
	#tabs li li li{background:#ff0000}
	#tabs li li ul{position:absolute;margin:-22px 0 0 117px}
	#tabs ul ul a{background:#ff0000}
	#tabs ul a:hover, #tabs ul a.selected{background:url(../layout/0bg_green_tab.gif) no-repeat bottom left}
	#tabs a.promo, #tabs a.promo:hover{background:url(../layout/bg_orange_tab.gif) #6d889d no-repeat top left;color:#b8d4ea;text-decoration:none} /* Not in use */

#sub-nav #links { float:left; width:500px; line-height:20px; color:#999 }
	#search-bar { float:right; width:380px; text-align:right }
	#search-bar legend { display:none }
	#search-bar input { width:270px; vertical-align:middle }
	#search-bar button { margin:0 0 1px 3px; vertical-align:middle }

#languages { margin:10px 0 0 0; background:#849eb3 url(../layout/0bg_orange_tab.gif) repeat-x; border-top:4px solid #d8e1e9 }
	#languages li { float:left; width:79px }
	#languages li a { display:block; border-right:1px solid #d8e1e9; line-height:20px; text-align:center; color:#FFF }
	#languages li a:hover, #languages a.selected { background:#f7991c url(../layout/0bg_orange_tab.gif) no-repeat; text-decoration:none }
	#languages li.l { width:81px }
	#languages li.l a { border:none }

/* 5. Content
---------------------------------------*/
#clubpage {}

.imgborder2px { padding:2px; border:1px solid #666666 }

.td2px { padding:2px }


.menulink a {
	color:#fff;
	text-decoration: none;
}
.menulink a:hover, menulink a:selected, menulink a:visited {
	color:#fff;
	text-decoration: none;
}


.forminput{
	background-color: #fff;
	color: #000;
	padding: 1px;
	margin-bottom:5px;
	border: 1px solid #666666;
	}
	
.forminput300px{
	background-color: #fff;
	color: #000;
	border: 1px solid #666666;
	padding: 1px;
	width:300px;
	}
	
.profileinput{
	background-color: #fff;
	color: #000;
	padding: 1px;
	margin-bottom:5px;
	border: 1px solid #666666;
	}

.formbtn{ 
	color:#ffffff;
	background:#34699f;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #eee;
	border-top:1px solid #eee;
	height:19px;
	}

/* 5. Content
---------------------------------------*/
#content { padding:0 0 10px 0; background:url(../layout/fade_grey_tab.gif) repeat-x }

#col1 { padding:15px 0; float:left; width:610px }

#col2 { padding:0 0 13px 0; float:right; width:320px; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/bg_right-end.gif) no-repeat 0 100% }
	#col2-top { padding:10px 10px 10px 0; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/bg_right-bottom.gif) no-repeat 0 100% }
	#col2-bottom { padding:5px 10px 0px 9px; background:#f2f2f2 url(http://cdn.cbsiNONO.com.au/builder/i/x/bg_right-top.gif) no-repeat; border-left:1px solid #CCC }

/* 6.1 Breadcrumb
---------------------------------------*/
#breadcrumb { margin:0 0 10px 0; padding:5px 0 0 0 }
	#col1 #breadcrumb { margin-top:-15px }
	#breadcrumb li { padding:0 9px 0 13px; float:left; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/raquo.gif) no-repeat 0 5px }
	#breadcrumb li.first { padding-left:0; background:none }
	#breadcrumb li.last { font-weight:bold }

/* 6.2 Listing
---------------------------------------*/
#listing { padding:0 0 10px 0 }
	#listing .latest-story { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #e5e5e5; line-height:16px }
	#listing .latest-story h2, #listing .latest-story h3 { font:bold 15px Arial, Helvetica, sans-serif }
	#listing .latest-story .story-img { margin:5px 7px 0 0; float:left }
	#listing .latest-story .tags { /*padding:0 0 0 12px; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/icon-tags.gif) no-repeat; color:#999*/ }

#listing .listing-top h2 { font-size:21px }
	#listing .listing-top .latest-story { margin:0; padding:0 10px 0 0; float:left; width:429px; border-right:1px solid #e5e5e5; border-bottom:none }
	#listing .related-stories { padding:0 0 0 10px; float:right; width:160px }
	#listing .related-stories .list { margin:10px 0 }

/* 6.3 Story
---------------------------------------*/
#head { position:relative }
	#head h1 { margin:0 0 3px 0; font:bold 21px/24px Arial, Helvetica, sans-serif }
	#head h3 { font-weight:normal }
	#head h3, #head p { padding:0 150px 0 0; line-height:16px }
	#head #text-change { position:absolute; right:0; bottom:0; line-height:16px; text-align:right }
	#head #text-change a { cursor:pointer }
	#size-1 { font-weight:bold }
	.size-1 { font-size:11px }
	.size-2 { font-size:12px }

.tools { margin:10px 0; padding:6px 0 0 0; height:30px; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/double_grey_dot.gif) repeat-x }
	.tools li { margin:0 5px 0 0; padding:2px 5px 2px 20px; float:left; background-repeat:no-repeat; background-position:0 50%; border-right:1px solid #CCC }
	.tools li.last { border:none }
	.tools li.print { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/printico.gif) }
	.tools li.emailthis { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/emailico.gif) }
	.tools li.leavecomment { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/commentico.gif) }
	.tools li.diggthis { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/b/gl/digg_16x16.gif) }
	.tools li.delicious { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/b/gl/delicious.small.gif) }
	.tools li.clipthis { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/c/clip.gif) }

#story { line-height:16px }
	#story p, #story h1, #story ul, #story ol { margin:0 0 15px 0 }
	#story pre { margin:0 0 15px 0; overflow:auto; width:100% }
	#story ul li, #story ol li { margin:0 0 10px 15px }
	#story ul li { list-style-type:disc }
	#story ol li { list-style-type:decimal }
	#story blockquote { margin:0; padding:0 0 0 30px; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/quote-left.gif) no-repeat }
	#story #prodimg { margin:0 0 15px 0; text-align:center }
	#story .aligncenter { margin:0 0 15px 0; text-align:center }
	#story .alignleft, #story .boxleft, .img_left, .img-left { margin:0 10px 10px 0; float:left; font-size:10px; font-weight:700; text-align:center }
	#story .alignright, #story .boxright, .img_right, .img-right { margin:0 0 10px 10px; float:right; font-size:10px; font-weight:700; text-align:center }
	#story .alignright p, #story .alignleft p, #story .boxright p, #story .boxleft p, #story .aligncenter p { margin:8px 0 0 0; padding:0 }
	#story .boxleft, #story .boxright { padding:8px; background:#f2f2f2; border:1px solid #CCC; text-align:center }
	#story .clarification { padding:5px 10px; background:#ffffeb; border:1px solid #ebe6bc; text-align:center }
	#story .clarification a { color:#bf7300 }
	#story .highlight { color:#6b8499 }
	#story .precode { font:11px courier, monospace }
	#story .pullout thead th, #story .pullout h2 { padding:3px 10px; background:#F8A11B; color:#fff }
	#story .pullout tbody th, #story .pullout ul { background:#F2F2F2; padding:3px 10px; font-weight:normal }
	#story .pullout ul { margin:0 }
	#story .pullout tbody td, #story .pullout h3 { padding:3px 10px; background:#FFE6BF; color:#EF7B1D }
	#story .smdeck { font-weight:bold }
	#story .quote { padding:0 10px 15px 40px; background:url(http://cdn.cbsiNONO.com.au/builder/i/blogs/quote.jpg) no-repeat; font:bold 12px tahoma, arial, sans-serif; color:#999 }
	#story .quote-right { margin:0 0 15px 10px; padding:0; float:right; width:165px; border:none; background:none }
	#story .quote-left { margin:0 10px 15px 0; padding:0; float:left; width:165px; border:none; background:none }
	#story .quote-right p, #story .quote-left p { margin:0; padding:0 0 0 27px }
	#story .quote-right span, #story .quote-left span { font:bold 16px Arial, Helvetica, sans-serif; font-weight:bold; color:#6b8499 }
	#story .quote-right .quotation, #story .quote-left .quotation { position:absolute; margin:-6px 0 0 -27px }
	#story .quote-right .credit, #story .quote-left .credit { margin:5px 0 0 0; color:#666 }
	#story .quote-right img, #story .quote-left img { padding:3px 0 0; vertical-align:top }
	#story .aligncenter p, #story .alignleft p, #story .alignright p {color:#999;}

#contentsBox { margin:0 15px 15px 0; padding:10px; float:left; width:130px; border:1px solid #CCC; background:#f8f8f8 }
	#contentsBox p { margin:0 0 5px 0 }
	#contentsBox p.title { text-transform:uppercase }
	#contentsBox ul { margin:0 }
	#contentsBox ul li { margin:0; padding:0 0 4px 15px; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/arrow-grey.gif) no-repeat 0 3px; list-style:none; font-weight:bold }

#related-links, .comments, .leavecomment { margin:0 0 20px 0 }
	#col2-top .comments { margin:10px 0 }

#forum-tie-in, #franchise-tie-in { margin:15px 0; padding:5px; border:2px solid #e5e5e5; text-align:center }
	#forum-tie-in img, #franchise-tie-in img { margin:0 10px 0 0; vertical-align:middle }

.bootstrapper-opinion { font-size:1.6em }
	.bust span { color:#C00 }
	.boom span { color:#093 }



/* 9. Common
---------------------------------------*/

.center { margin:0 auto; text-align:center }

.error { font-weight:bold; color:#E00 }
	.error-msg, .confirm-msg { margin:0 0 10px 0; padding:10px 10px 10px 50px; border:1px solid #FCC; background:#fff5f5 url(http://cdn.cbsiNONO.com.au/builder/i/x/icon-error.gif) no-repeat 10px 50% }
	.confirm-msg { background-color:#F2FFE3; background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/icon-confirm.gif); border-color:#BFF2A5 }

.fl { float:left }
	.fr { float:right }

.form {margin:5px 0 10px 0}
	.form h2{margin:15px 0 5px 0}
	.form p{margin:0 0 5px 0}
	.form input{float:left;width:190px;margin:0 5px 0 0}
	.form textarea{float:left;width:350px;height:100px;margin:0 5px 0 0}
	.form input.checkbox{width:15px}
	.form button{float:left;width:auto;margin:0 5px 0 0}
	.form select{float:left;width:195px;margin:0 5px 0 0}

.grid-2-col { float:left; width:305px }
	.grid-3-col { float:left; width:203px }
	.grid-4-col { float:left; width:152px }

.hide, .builder-hide, .trdeck { display:none }

.list li { margin:0 0 7px 0; padding:0 0 0 15px; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/arrow-grey.gif) no-repeat 0 3px }
	.list a { font-weight:bold }


.timestamp { font-size:10px; white-space:nowrap; color:#999 }

.btnBlue 
{ 
	font-family:verdana,arial,helvetica;
	font-size:10px;
	color:#ffffff;
	background:#4E6B91;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #eee;
	border-top:1px solid #eee;
	height:19px;
}

.btnOrange
{ 
	font-family:verdana,arial,helvetica;
	font-size:10px;
	color:#ffffff;
	background:#ff7300;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #eee;
	border-top:1px solid #eee;
	height:19px;
}

.btnGreen
{ 
	font-family:verdana,arial,helvetica;
	font-size:10px;
	color:#ffffff;
	background:#8ac300;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #eee;
	border-top:1px solid #eee;
	height:19px;
}

span.download, span.login, span.rss, span.tag, span.thumb-down, span.thumb-up { padding:2px 0 2px 20px; background:url(http://cdn.cbsiNONO.com.au/builder/i/x/feedico.gif) no-repeat 0 50% }
	span.download { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/downloadico.gif) }
	span.login { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/loginico.gif) }
	span.rss { padding-left:16px }
	span.tag { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/c/tag-add.gif) }
	span.thumb-down { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/thumb_down.gif) }
	span.thumb-up { background-image:url(http://cdn.cbsiNONO.com.au/builder/i/x/thumb_up.gif) }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block }
/* Hides from IE-mac \*/
.clearfix { display:block }
/* End hide from IE-mac */