/**
 *	Stream - Build Assist
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <http://natz-doh.com>
 *	@date:		28/06/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. business catalyst overrides
 *
 */
html,body {
	background:					#fff;
	height:						100%;
}

body {
	color:						#4b4b4b;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
	line-height:				20px;
}

p {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
	line-height:				20px;
	margin:						0 0 10px 0;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.jpg) 50% 0 repeat-x;
	min-height:					351px;
}

div#wrapper.l2 {
	background:					url(../images/bg-wrapper-l2.jpg) 50% 0 repeat-x;
	min-height:					351px;
}

div#container {
	margin:						0 auto;
	width:						960px;
}

div#header {
	height:						118px;
}

div#brand {
	float:						left;
	height:						56px;
	padding:					32px 0 0 17px;
	width:						136px;
}

div#logos-top {
	float:						right;
	position:					absolute;
	height:						55px;
	margin:						0 0 0 807px;			
	width:						153px;
}

div#navigation {
	float:						right;
	height:						42px;
	margin:						55px 0 0 0;
	width:						780px;
}

div#feature {
	float:						left;
	height:						192px;
	width:						490px;
	padding:					50px 0 30px 30px;
	font-size:					12px;
	color:						#FFF;
	font-family:				Arial, Helvetica, sans-serif;
}

div#feature.level2 {
	float:						left;
	height:						50px;
	width:						490px;
	padding:					50px 0 30px 30px;
	font-size:					12px;
	color:						#FFF;
	font-family:				Arial, Helvetica, sans-serif;
}

div#weather {
	float:						right;
	text-align:					right;
	height:						230px;
	margin-top:					22px;
	width:						305px;
}

div#content {
	clear:						both;
	/*background:					url(../images/bg-content.gif) repeat-y;*/
}
body.home div#content {
	/*background-image:			url(../images/bg-content-home.gif);*/
}

div#content-inner {
	background:					url(../images/bg-top.jpg) top no-repeat;
	background-color:			#CCE9F7;
	height:						auto;
	min-height:					220px;
	overflow:					hidden;
	width:						960px;
}
body.home div#content-inner {
	background-image:			url(../images/bg-content-inner-home.jpg);
	background-position:		top;
	background-color:			#FFF;
	min-height:					none;
	height:						210px;
}

div#content-main {
	float:						left;
	width:						720px;
}

div#content-main-header {
	background:					url(../images/bg-content-main-header.jpg) no-repeat;
	height:						38px;
	padding:					20px 0 0 22px;
}

div#content-main-inner {
	padding:					30px;
}

div#content-side {
	margin-left:				730px;
}

div#content-side-inner {
	padding:					17px 0 0 0;
}

div#login {
	height:						200px;
	padding:					30px;
	background:					url(../images/bg-login.gif) no-repeat;
}

div.box {
	width:						240px;
	margin:						40px 88px 0 0;
	float:						left;
}

div.second {
	margin:						40px 0 0 0;
}

body.home div.panel {
	float:						left;
	width:						210px;
	padding:					70px 0 0 30px;
	font-size:					11px;
	color:						#205b74;
	line-height:				18px;
}

body.home div.panel-inner {
	padding:					24px 24px 0 24px;
}

body.home div.news {
	clear:						both;
}

body.home div#content-inner-footer {
	clear:						both;
	padding-left:				30px;
	padding-top:				20px;
	overflow:					hidden;
}

div#footer {
	padding:					30px;
	color:						#7ea1b3;
}

div#footer a,
div#footer a:link {
	color:						#7ea1b3;
	text-decoration:			none;
}

div#footer {
	padding:					30px;
	color:						#7ea1b3;
}

div#floods {
	padding:					21px 30px 14px 30px;
	height:						30px;
	margin:						0 0 10px 0;
	width:						900px;
	clear:						both;
	background:					url(../images/bg-flood.gif) no-repeat top left;
	color:						#0076a6;
	font-size:					14px;
	font-weight: 				bold;
}

div#floods a {
	text-decoration:			none;
	color:						#0076a6;
}

div#floods a:hover {
	text-decoration:			none;
	color:						#004967;
}

div#flood-boxes {
	width: 						130px;
	background: 				#ffffff;
	float: 						left;
	margin-right: 				15px;
	border: 					1px solid #becfd8;
	text-transform:				uppercase;
	padding: 					10px;
	color:						#0076a6;
	font-size:					14px;
	font-weight: 				bold;
	height:						170px;
}

div#flood-boxes.end {
	margin-right: 				0;
}

div#flood-boxes:hover {
	background: 				#f3fbff;
}

div#flood-boxes a {
	text-decoration:			none;
	color:						#0076a6;
}

div#flood-boxes a:hover {
	text-decoration:			none;
	color:						#004967;
}


/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

small {
	font-size:					10px;
}

span {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					inherit !important;
	line-height:				inherit !important;
}

strong {
	font-weight:				bold;
}

div#content {
	font-size:					1.1em;
	line-height:				165%;
}

div#content p {
	margin-bottom:				1.65em;
}

div#content-main-header h3 {
	color:						#fff;
	font-size:					16px;
}

div#content-main-inner h2 {
	border-bottom:				1px solid #b4c8d6;
	color:						#0076a6;
	font-size:					14px;
	font-weight: 				bold;
	margin-bottom:				10px;
	padding-bottom:				15px;
}

div#content-main-inner h3 {
	color:						#000000;
	font-size:					13px;
	font-weight: 				bold;
	padding-bottom:				5px;
}

div#content-main-inner h4 {
	color:						#0076a6;
	font-size:					13px;
	font-weight: 				bold;
	padding:					15px 0 5px 0;
}

div#content-main-inner a, a:hover, a:visited {
	color:						#00729E;
	text-decoration:			none;
	border-bottom: 				1px solid #B4C8D6;
}

div#content-side h5 {
	background:					url(../images/h5s/h5-bg.jpg) no-repeat;
	height:						58px;
	text-indent:				-9999px;
}

div#announcement {
	height:						100px;
	overflow:					hidden;
	text-align:					justify;
}

div#announcement img {
	float:						right;
	border:						3px solid #b4c8d6 !important;
	margin:						0 0 10px 20px;
	background:					#FFF;
	max-height: 60px;
    max-width: 140px;
    padding: 5px;
}

div#announcement-full {
	text-align:					justify;
}

div#announcement-full img {
	float:						right;
	max-width:					150px;
	border:						3px solid #b4c8d6 !important;
	margin:						0 0 10px 20px;
	background:					#FFF;
	padding:					10px;
}

div#content-side-inner #announcement p,
div#content-side-inner #announcement img,
div#content-side-inner #announcement h5 strong {
	display:					none;
}

div#content-side-inner #announcement {
	height:						auto;
	overflow:					hidden;
	text-align:					left;
	width:						200px;
}

div#content-side-inner #announcement h5 {
	background:					none;
	text-indent:				0;
	height:						auto;
	font-size:					12px;
}

div#content-side-inner #media-shortlist li {
	list-style:					none;
	margin-bottom:				5px!important;
}

body.home div#welcome h3 {
	background:					url(../images/h3s/h3-welcome.jpg) no-repeat;
	height:						58px;
	text-indent:				-9999px;
}
body.home div#footy-tipping h3 {
	background:					url(../images/h3s/h3-footy-tipping.jpg) no-repeat;
	height:						58px;
	text-indent:				-9999px;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#brand h1 {
	height:						56px;
}

div#brand h1 a,
div#brand h1 a:link {
	display:					block;
	text-indent:				-9999px;
}

div#feature h2 {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					14px;
	color:						#FFF;
	font-weight:				normal;
	margin:						10px 0 10px;
	line-height:				22px;
}

div#content-main ul {
	margin-bottom:				1.65em;
}

div#content-main ul li {
	background:					url(../images/icons/icon-arrow-0076a6.gif) 0 6px no-repeat;
	padding-left:				1.65em;
}

div#content-main ol {
	list-style:					decimal;
	margin-bottom:				1.65em;
	padding-left:				1.65em;
}

div#content-main ol li {
	background:					none;
	padding-left:				0;
}

div#content-main ul ul,
div#content-main ul ol {
	margin-bottom:				0;
	padding-left:				1.65em;
}

div#content-main ol ul {
	margin-bottom:				0;
}

div#content-main ol ol {
	list-style-type:			lower-alpha;
}

div#content-main ol ol ul,
div#content-main ol ul ul {
	list-style-type:			square;
}



div#content-side ul {
	margin-bottom:				1.65em;
}

div#content-side ul li {
	background:					none !Important;
	padding-left:				0 !important;
}

div#content-side ul li ul li {
	background:					url(../images/icons/icon-arrow-0076a6.gif) 0 6px no-repeat !important;
	padding-left:				1.65em !important;
	margin-top: 3px;
}

div#content-side ul li.title {
    border-bottom: 1px solid #B4C8D6;
    color: #0076A6;
    font-size: 14px;
    font-weight: bold;
	margin-bottom: 20px;
}

div#content-side ul li.last {
    border-bottom: none !important;
	margin-bottom: -10px!important;
}

div#content-side ul li.title ul li {
    border-bottom: none;
    color: #0076A6;
    font-size: 12px;
    font-weight: normal;
}

div#content-side ul li.title a {
    border-bottom: 1px solid #B4C8D6;
    color: #0076A6;
}

div#content-side a, a:hover, a:visited {
    color: #4B4B4B;
	text-decoration:none;
}

div#content-side a, a:hover, a:visited ul li a {
    color: #00729E !important;
	text-decoration:none;
}

body.home div#footy-tipping ul {
	line-height:				200%;
	margin-bottom:				1.65em;
}

body.home div#footy-tipping ul li {
	background:					url(../images/icons/icon-circle-arrow.gif) 0 50% no-repeat;
	padding-left:				26px;
}

body.home div#news h4 a,
body.home div#news h4 a:link {
	display:					block;
	height:						58px;
	width:						160px;
}

body.home div#news ul#news-tabs {
	background:					url(../images/h4s/h4-news.jpg) no-repeat;
	height:						58px;
}

body.home div#news ul#news-tabs li {
	float:						left;
	height:						58px;
	width:						160px;
}

body.home div#news ul#news-tabs li a,
body.home div#news ul#news-tabs li a:link {
	display:					block;
	height:						58px;
	text-indent:				-9999px;
	width:						160px;
}

body.home div.news ol {
	
}

body.home div.news ol li,
body.home div.news ul li {
	background:					url(../images/bg-news.gif) left bottom repeat-x;
	margin-bottom:				1.65em;
	padding-bottom:				1.65em;
}

body.home div.news ol li.last {
	background:					none;
	margin-bottom:				0;
}

body.home div#news ol li h5 a,
body.home div#news ol li h5 a:link,
body.home div#news ul li span.headline a,
body.home div#news ul li span.headlink a:link {
	color:						#00729a;
	font-weight:				bold;
	text-decoration:			none;
}

body.home div#content div.news ol li p {
	margin-bottom:				0;
}

body.home div#content div.news ol li p.date,
body.home div#content div.news ul li p.date {
	color:						#a1a1a1;
	font-size:					10px;
	line-height:				1em;
	margin-bottom:				0.5em;
}

body.home div#content-inner-footer a,
body.home div#content-inner-footer a:link {
	float:						left;
	margin-right:				107px;
}
body.home div#content-inner-footer a.last,
body.home div#content-inner-footer a.last:link {
	margin-right:				0;
}
/** images
------------------------------------------------------------------ */
img.float-right {
	float:						right;
}
img.float-left {
	float:						left;
}
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

form#login-form fieldset input.text,
form#search-form fieldset input.text {
	border:						0;
	color:						#a0a0a0;
	height:						16px;
	float:						left;
	font-size:					10px;
	padding:					6px 6px 0 6px;
	margin-right:				2px;
	width:						105px;
}

form#search-form fieldset input.text {
	width:						121px;
}

form#login-form fieldset input#login-submit,
form#search-form fieldset input#search-submit {
	float:						left;
}

/** new zealand
------------------------------------------------------------------ */
body.home div#content-inner-nz {
	background-image:			url(../images/bg-content-inner-home-nz.jpg);
	background-position:		top;
	background-color:			#FFF;
	min-height:					none;
	height:						420px;
}

body.home div.panel-nz {
	float:						left;
	width:						290px;
	padding:					70px 0 0 30px;
	font-size:					11px;
	color:						#205b74;
	line-height:				18px;
}

body.home div#content-inner-footer-nz,
body.home div#content-inner-footer-nzs {
	clear:						both;
	padding-left:				30px;
	padding-top:				20px;
	overflow:					hidden;
}

body.home div#content-inner-footer-nz a,
body.home div#content-inner-footer-nz a:link,
body.home div#content-inner-footer-nzs a,
body.home div#content-inner-footer-nzs a:link{
	float:						left;
	margin-right:				187px;
}
body.home div#content-inner-footer-nz a.last,
body.home div#content-inner-footer-nz a.last:link,
body.home div#content-inner-footer-nzs a.last,
body.home div#content-inner-footer-nzs a.last:link{
	margin-right:				0;
}

div#login-nz {
	height:						530px;
	padding:					30px;
	background:					url(../images/bg-login-nz.gif) no-repeat;
}