/*
TVNZ Screen Stylesheet

version:	1.0
date:		9/12/08
website:	www.tvnz.co.nz
author:		Aim Proximity

TABLE OF CONTENTS:
0.1		Import stylesheets

Fundamental Styles:
1.0		Common
1.1		Links
1.2		Tables
1.3		Form Elements
1.4		Primary Colors

Main Templates:
2.0		Header
2.1		Navigation
2.2		Container
2.3		Choose Medium
2.4		Footer

===========================================================*/

/* 0.1	Import stylesheets
===========================================================*/

/* Other imported styles have been removed to minimise HTTP requestes there styles have been added below */

#container ul,
#container ol,
#container ul li,
#container ol li {
	list-style: none;
}

/*====================================================================================================================
   FUNDAMENTAL STYLES (Previously imported)
======================================================================================================================*/

/* Common */
#container p 												{font-size: 1em;}

#container h1, 
#container h2, 
#container h3, 
#container h4, 
#container h5												{font-weight: normal; line-height: normal; border: none;}

#container h1 /* 24px */									{font-size: 2em}
#container h2 /* 20px */									{font-size: 1.67em;}
#container h3 /* 18px */									{font-size: 1.50em; color: #fff}
#container h4 /* 16px */									{font-size: 1.33em}
#container h5 /* 14px */									{font-size: 1.17em}

.bold														{font-weight: bold}
.center														{margin: auto}
.float-left													{float: left}
.float-right												{float: right}
.clear-both													{clear: both}
.clear-left													{clear: left}
.clear-right												{clear: right}
.text-left													{text-align: left}
.text-center												{text-align: center}
.text-right													{text-align: right}
.middle														{vertical-align: middle}
.block														{display: block}
.inline														{display: inline}
.hide														{display: none}
.uppercase													{text-transform: uppercase}
.underline													{text-decoration: underline}
.line-height												{line-height: normal}
.border-zero												{border: 0 none}

body.popup													{background: #fff}

/* 1.1	Links
===========================================================*/
#container a:link, 
#container a:active, 
#container a:visited										{color: #4A5F75}
#container a:hover											{color: #4A5F75; text-decoration: underline}

/* Button */
a.button													{background: url('http://images.tvnz.co.nz/tvnz_site_images/images/button.gif') top left no-repeat; color: #fff; display: inline-block; height: 21px; line-height: 21px; text-decoration: none; font-weight: normal}
a.button span												{background: url('http://images.tvnz.co.nz/tvnz_site_images/images/button.gif') top right no-repeat; display: block; padding: 0 20px 0 0; margin: 0 0 0 20px; white-space: nowrap; cursor: pointer; cursor: hand; font-size: 11px; color: #fff; font-weight: bold}
a:hover.button												{background-position: bottom left; text-decoration: none;}
a:hover.button span											{background-position: bottom right; text-decoration: none; color: #fff; text-decoration: none;}

#container .newsPanel a.moreNews							{font-size: 11px; color: #E5997F; padding: 0 0 0 18px; margin: 0; display: block}
#container .showPanel ul li a								{color: #CDCCCF; text-decoration: none;}

#container a.custom:link, 
#container a.custom:active, 
#container a.custom:visited									{color: #4A5F75; font-weight: normal; text-decoration: none}
#container a.custom:hover									{color: #4A5F75; font-weight: bold;	text-decoration: none}

/* 1.2	Tables
===========================================================*/
.table														{background-color: #000; margin: 0; padding: 0; border: 1px solid #1F2F46; border-top: none}
.table th,
.table td													{color: #65b2ff; margin: 0; padding: 1px 2px; border: 1px solid #1F2F46}
table.custom												{margin: auto; width: 80%; border: 1px solid #999; border-collapse: collapse}
table.custom td												{border: 1px solid #999}
table.custom th.col1,
table.custom th.col2										{width: 120px}
table.custom th.col3										{width: auto}
table.custom th.col4										{width: 50px}
table.custom th.col5										{width: 50px}

/* 1.3	Form Elements
===========================================================*/
div#read div#feedback										{display : none;}
div#read div#suggest										{display : none;}
div#read div#share											{display : none;}
div#read div#nominate										{display : none;}

/* 1.4	Primary Colors
===========================================================*/
.black 														{color: #000}
.blackBG													{background-color: #000}
.white														{color: #FFF}
.whiteBG													{background-color: #FFF}
.red														{color: #F00}
.redBG														{background-color: #F00}

/* Shades of Gray */
.veryLightGrey 												{color: #CCC}
.veryLightGreyBG 											{background-color: #CCC}
.nobel														{color: #999}
.nobelBG													{background-color: #999;}
.dimGray													{color: #666;}
.dimGrayBG													{background-color: #666;}
.nightRider													{color: #333;}
.nightRiderBG												{background-color: #333}

/* Custom Colours */
.carmine													{color: #8A0917}
.carmineBG													{background-color: #8A0917}
.supernova													{color: #FFB03B}
.supernovaBG												{background-color: #FFB03B}
.hillary													{color: #A7A37E}
.hillaryBG													{background-color: #A7A37E;}
.scotchMist													{color: #EFECCA}
.scotchMistBG												{background-color: #EFECCA;}
.darkGreen													{color: #002F2F}
.darkGreenBG												{background-color: #002F2F}
.blueLagoon													{color: #046380}
.blueLagoonBG												{background-color: #046380}


/*====================================================================================================================
   MAIN STRUCTURE
======================================================================================================================*/

/* 2.2	Container
===========================================================*/
#container													{width: 100%; position: relative}
#container #main											{background-color: #fff; width: 960px; margin: 0 auto; padding:0; position: relative}
/* Every style that should be used within #main should be in extras.css */
#container #main hr											{border: none; border-top: 1px dashed #E8EDEC; height: 1px; margin: 6px 0; clear: both;}
#container #main hr.hrWidth									{margin: 5px 10px}

/* 2.3	Choose Medium (How would you like your news?)
===========================================================*/
#chooseMedium												{padding: 10px 0; border-top: 1px dashed #E8EDEC; border-bottom: 1px dashed #E8EDEC; clear: both; overflow: hidden; width: 940px; margin:10px 10px 0}
#chooseMedium h4											{background: url('http://images.tvnz.co.nz/tvnz_site_images/images/chooseMediumTitle.gif') no-repeat; color: #D2BD46; text-indent: -9999px; display: block; width: 283px; height: 24px}
#chooseMedium hr											{border: none; border-top: 1px dashed #E8EDEC; height: 1px}
#chooseMedium .box											{display: block; float: left; width: 180px; padding: 0 4px 0 3px; font-size: 10px; color: #727B87; line-height: 1.2em; border-left: 1px solid #E8EDEC}
#chooseMedium .first										{border: none}
#chooseMedium .box a.img									{border-right: 1px solid #E8EDEC; margin: 0 6px 0 0; float: left; display: block; height: 55px; width: 40px; text-align: center}
#chooseMedium .box h6										{padding: 0 0 4px 0}
#chooseMedium .box h6 a										{color: #D96640; font-size: 11px; text-decoration: none}
#chooseMedium .box h6 a:hover								{text-decoration: underline}
#chooseMedium .box p a										{text-decoration: none; color: #727567}

#idTracking													{position: absolute; top: -9999px; left: -9999px}

.main_nav_container {
	overflow:hidden;
	height: 40px;
	background: #527173;
}
.portable_main_nav {
	height: 20px;
	background: #527173;
	font: 10px Arial;
	color: #BDCBC8;
}
.portable_nav {
	padding: 3px 4px;
}
.portable_nav a {
	color: #BDCBC8;
}
.portable_nav_highlight {
	padding: 3px 4px;
}
.portable_nav_highlight a {
	color: #FFF;
}