/*
TVNZ Screen Stylesheet

version:	1.0
date:		03/03/09
website:	www.tvnz.co.nz
author:		Aim Proximity

TABLE OF CONTENTS:

MessageBoards:
0.0		Primary Structure
0.1			Left Column
0.1.1			3 Column Wide
0.1.2			4 Column Wide
0.2			Right Column

MessageBoards -> Threads:
1.1		--

Modules:
2.1		--

Typography:
3.1		--

===========================================================*/


/* 0.0	Primary Structure
===========================================================*/

.messageboards												{margin-top:-10px; background-color: #000; height:435px;}
.messageboards .title h1									{text-indent: -9999px;}
.messageboards .title p										{text-indent: -9999px;}

.messageboards .title #pageTitle							{position:absolute; top:20px; left:5px;}
.messageboards .title #sponsor								{position:absolute; top:10px; right:15px;}

.messageboards .topDetails h2								{display: none}

.messageboards .fullShow .title								{height:60px;}
.messageboards .fullShow #promoTiles						{display: block}
.messageboards .fullShow #showTitle							{display: block}
.messageboards .fullShow .content 							{padding:1px;}

.topicBoard													{padding: 5px;}

.shareMe													{height:22px; line-height:16px; position:absolute; right: 10px; top:2px; width:58px;}
.shareMe p													{display:block; height:18px; background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/icon_share.gif) no-repeat top left; text-align:right}
.shareMe p a												{text-decoration:none; color:#868D94;}
.shareMe p a:hover											{text-decoration:underline; color:#BFBFBF;}

.content .contentInset .topDetails ul#nav					{display: block;}

.content #moduleLeft										{width:620px;}
.content #moduleLeft .top									{width:620px; height:41px; background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/modTitlebackground.jpg') top}

.messageHead												{position:relative;}
.messageHead #messageBoardsLogo								{position:absolute; top:8px; left:10px;}
.messageHead #quickLinks 									{position:absolute; top:20px; left:365px;}
.messageHead #quickLinks li									{display:inline; margin-left:28px;}
.messageHead #sponsorsLogo 									{position:absolute; top:0; right:20px;}

/* 0.1	Left Column
==========================*/

.columnLeft													{margin-top:-375px; background:transparent url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/columnLeftBg.gif') no-repeat scroll left 333px;}
.columnLeft .sortBy											{top:8px;color:#F1B12C; height:21px; position:absolute; right:7px; width:150px;}
.columnLeft .sortBy a#showPage								{background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/btn_gotoshowpage.gif') top no-repeat; width: 144px; display: block; text-indent: -9999px; height: 21px;}
.columnLeft .sortBy a#showPage:hover						{background-position: bottom;}

.columnLeft .contentInset h2								{line-height:16px; padding:10px; width:400px; float: none; position:relative; margin: 0}
/*.searchList .searchResults									{clear:both; margin: 0 3px; position:relative; top: 10px}*/
.searchList .searchResults									{clear:both;  margin:0 3px 0; overflow:hidden; width:610px;}


.breadcrumb													{padding: 5px 0 8px; margin: 8px 0; border-bottom: 1px dashed #BFC5C8;  font-size: 11px; font-weight: normal}
.breadcrumbBtm												{padding: 5px 0 8px; margin: 8px 0 0; border-top: 1px dashed #BFC5C8; font-size: 11px; font-weight: normal}

#details													{margin-top:15px; padding:0 0 0 3px; width:600px;}
#details #lastvisit											{width:300px; display:block; text-align:right; float:right}
/*#topicTable													{width:600px; margin:0px auto; min-height: 400px; height: auto !important; height: 400px;}*/
#topicTable													{height:auto !important; margin:0 auto; min-height:400px; overflow:hidden; width:600px;}


#topicTable	ul												{width:600px; margin:0; padding:0; overflow: hidden}
#topicTable	li												{list-style:none; display:block; float:left; }

ul.topicrow li												{padding:7px 0;}
#topicTable	ul#head											{font-size:10px; color:#FFFFFF; background-color:#677585; overflow: hidden; height:25px; width: 600px}
ul#head li													{padding:0; margin:0; border:none; padding:3px 0 4px 0;}
ul.topicrow													{border-bottom:1px solid #D1D5D7; border-top:1px solid #FFFFFF;}
ul.topicrow li.column1 .col1Title,
.cfba5 h3													{font-family:Arial, Helvetica, sans-serif !important; font-size:16px; color:#1E87AF;}

/* Alternates the colors of rows */
.alt														{background:#E9ECED;}

/* 0.1.1   TABLE 3 Column Wide
==========================*/
#topicTable.threeColWide ul#head li							{padding:0; margin:0; border:none; padding:3px 0 4px 0;}
#topicTable.threeColWide ul#head li#column1					{width:361px; padding:3px 0 4px 5px; background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/boardHeadLeft.gif') no-repeat top left}
#topicTable.threeColWide ul#head li#column2					{width:69px; text-align: right;}
#topicTable.threeColWide ul#head li#column3					{width:155px; padding-right:10px; text-align: right; background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/boardHeadRight.gif') no-repeat top right}

.threeColWide ul.topicrow li.column1						{width:361px; padding:6px 0 0 5px;}
.threeColWide ul.topicrow li.column1 .threadDetail			{margin:-5px 0 0 0; font-size:10px; padding-bottom:4px;}
.threeColWide ul.topicrow li.column2						{width:69px; text-align: right}
.threeColWide ul.topicrow li.column3						{width:150px; text-align: right}

/* 0.1.2   TABLE 4 Column Wide
==========================*/
#topicTable.fourColWide ul#head li#column1					{width:361px; padding:3px 0 4px 5px; background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/boardHeadLeft.gif) no-repeat top left}
#topicTable.fourColWide ul#head li#column2					{width:74px;}
#topicTable.fourColWide ul#head li#column3					{width:57px;}
#topicTable.fourColWide ul#head li#column4					{width:103px; background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/boardHeadRight.gif) no-repeat top right}

.fourColWide ul.topicrow li.column1							{width:361px; padding:6px 0 0 5px;}
.fourColWide ul.topicrow li.column1 .threadDetail			{margin:-5px 0 0 0; font-size:10px; padding-bottom:4px;}
.fourColWide ul.topicrow li.column2							{width:74px;}
.fourColWide ul.topicrow li.column3							{width:57px;}
.fourColWide ul.topicrow li.column4							{width:103px;}

.messageboardRow											{position:relative; height:20px;}
.messageboardRow .colLeft									{position:absolute; top:0px; left:0;}
.messageboardRow .colMiddle									{position:absolute; top:0px; right:230px;}
.messageboardRow .colRight									{position:absolute; top:0px; right:0; width: 480px;}

.messageboardRow .sortSelect								{float: right;}	

.messageboardRow .paginate									{font-weight:bold; color:#99A0A4; float: right; padding: 4px 0 0 10px;}
.messageboardRow .paginate li								{padding:0 8px; border-left:1px solid #99A0A4; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.messageboardRow .paginate li.noborder						{border:none;}

/* Sticky styles */
.imSticky 													{font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; color:#2CB7CA;}

/* 0.2	Right Column
==========================*/

.columnRight												{margin-top:-375px;} /* background:transparent url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/columnLeftBg.gif) no-repeat scroll left 343px;*/
.columnRight .advertising									{margin:0 0 10px; text-align:center;}

.rightModule												{width:298px; margin:0px auto; padding-bottom:4px; border:1px solid #3A373F; background:#030108; min-height:150px; margin-top:16px;}
.rightModule .moduleHead									{height:39px;}
.rightModule .moduleList									{width:290px; margin:0px auto; min-height:150px; background:#F4F7F7;}
/* Right column Episode list */
.rightModule .moduleList .episodeList .cfbA2				{width:289px; height:105px; padding-top:10px; font-size:10px; color:#8A98A8; border-top:1px solid #FFFFFF; }
.rightModule .moduleList .episodeList .cfbA2 img			{margin:0 6px 0 4px;}
.rightModule .moduleList .episodeList .cfbA2 .episode		{width:133px; height:25px; font-size:11px; border-bottom:1px dashed #BBC1C8; float:right;}
.rightModule .moduleList .episodeList .cfbA2 .episodeOver	{width:133px; height:44px; float:right}
.rightModule .moduleList .episodeList .cfbA2 .time			{width:133px; margin:0 0 0 0; padding-top:7px; border-bottom:none;}
.rightModule .moduleList .episodeList .cfbA2 .time span		{top:7px; right:9px;}
.rightModule .moduleFoot									{width:290px; margin:0px auto; height:4px; background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/right_modbottom.gif) no-repeat;}
/* Google ads in the right column */
.columnRight .googleAds										{width:300px; margin:0px auto; margin-top:15px;}
/* Most popular message boards */
.cfba5														{font-size:10px; color:#868D94;}
.cfba5 .messageRow											{padding:9px 11px; border-top:1px solid #FFFFFF;}


/* 1.1	MessageBoards -> Threads
===========================================================*/

.threadRow													{position:relative; overflow:hidden; width:600px;}
.searchResult h2											{color:#99A0A4; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.userPost													{border-bottom:1px solid #D1D5D7; border-top:1px solid #fff; }/*padding-top:11px;*/
.moderatorPost												{border-bottom:1px solid #D1D5D7; border-top:1px solid #fff; background:#1D2634;}
.threadRow .colLeft											{width:130px; float:left; overflow: hidden}
.threadRow .colLeft	.avatar									{width:120px; height:70px; margin:0px auto;}
.threadRow .colLeft	.username								{margin:6px; color:#1E87AF;}
.threadRow .colRight										{width:470px; float:left;}
.threadRow .colRight p										{padding:6px 0 0 13px; color: #666}
.threadRow .colRight .time									{color: #868D94; font-size: 10px}

.threadRow .colRight .extras								{position:relative; width:470px; height:30px; display: block}			
.threadRow .colRight .extras								{margin-top:6px;}
.threadRow .colRight .extras ul.userHelpLinks				{position:absolute; width:250px !important; right:0;}
.threadRow .colRight .extras ul.userHelpLinks li			{display:block;}
.threadRow .colRight .extras ul.userHelpLinks li a			{text-decoration:none; color:#868D94; margin:0; padding:0}
.threadRow .colRight .extras ul.userHelpLinks li a:hover	{color: #BFBFBF; text-decoration: underline}
.moderatorPost .colRight li.linkQuote,
.threadRow .colRight li.linkQuote							{width:58px; text-align:right; background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/icon_quote.gif) left 4px no-repeat; }
.moderatorPost .colRight li.linkQuote						{background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/icon_quote_dblue.gif) left 4px no-repeat;}
.moderatorPost .colRight li.flagSpoiler,
.threadRow .colRight li.flagSpoiler							{width:88px; text-align:right; margin-left:18px; background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/icon_flagspoiler.gif) left no-repeat}
.moderatorPost .colRight li.flagSpoiler						{background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/icon_flagspoiler_dblue.gif) left no-repeat;}
.moderatorPost .colRight li.report,
.threadRow .colRight li.report								{width:61px; text-align:right; margin-left:16px; background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/icon_report.gif) left no-repeat}
.moderatorPost .colRight li.report							{background:url(http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/messageboards/icon_report_dblue.gif) left no-repeat;}
.colMiddle select											{font-size:11px;}

/* HEY! I'm a spoiler so hide me */
.spoiler .colRight p										{background: #fff; padding: 20px 15px; margin: 0; display: block; color: #F1B12C; font-weight: bold;}
.spoiler .colRight p a										{color: #2cb7ca; text-decoration: underline; font-weight: normal;}
.spoiler .colRight p a:hover								{color: #64cedd; text-decoration: underline}

/* 3.1	Typography
===========================================================*/

/* font sizes */
.fontSize12px												{font-size:12px;}
.fontSize11px												{font-size:11px;}
.fontSize10px												{font-size:10px;}

/* colors */
.darkblue													{color:#1E87AF;}
.aqua														{color:#2CB7CA;}
.orange														{color:#F1B12C;}

/* extras */
.removeUnderline,
.threadRow .colLeft	.username a								{text-decoration:none;}
.noBorder													{border:none;}
	.noBorder-top											{border-top:none !important;}
	.noBorder-right											{border-right:none;}
	.noBorder-down											{border-bottom:none;}
	.noBorder-left											{border-left:none;}

/* Message boards */
#topicTable ul.topicrow	li.column1 a,
.rightModule .moduleList .episodeList .cfbA2 .episode a,
.cfba5 h3 a													{font-family:Arial, Helvetica, sans-serif; color:#2cb7ca; text-decoration:none; line-height:105%;}

#topicTable ul.topicrow	li.column1 a:hover,
.rightModule .moduleList .episodeList .cfbA2 .episode a:hover,
.cfba5 h3 a:hover											{color:#64cedd; text-decoration: underline}	

#topicTable ul.topicrow	li.column1 a:hover,
.threadRow .colLeft	.username a			 					{color:#2cb7ca;}

.rightModule .moduleList .episodeColRight .episodeName		{color:#2CB7CA;}

/* Threads */
#topicTable h2,
.threadRow h2												{padding:1px 0 1px 2px; display:block; color:#1E87AF; font-size:18px; line-height:20px; width:530px;}

hr.solid													{background:none !important; height:1px !important; border-top:none !important; border-bottom:1px solid #BBC1C8 !important; margin:0px !important;}

hr.dashed													{background:none !important; height:1px !important; border-top:none !important; border-bottom:1px dashed #BFC5C8 !important; margin:0px !important;}

hr.dashedSpacer												{background:none !important; height:1px !important; border-top:none !important; border-bottom:1px dashed #BFC5C8 !important; margin:8px 0 8px 0 !important; display:block !important;}

