/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(null) fixed no-repeat;
}
.alt {
	display: none;
}
.left {
	float: left;
}
h1 {
	margin: 0px;
}
a img {
	border: none;
}
					/* Shell with the fern watermark keeps container centered */
#shell {
	width: 626px;
	margin: 0px auto;
	padding: 0px 77px;
	background: transparent url(../images/bgFernLeft.gif) 0 15px no-repeat;
}
#container {
	width: 626px;
	margin: 0px;
	padding: 0px;
	background: #FFF url(../images/bgShade.jpg) 0 0 repeat-y;
}

/* ###########################################################################
	Header
*/

#headerFrame {
	padding: 15px 13px 5px 0px;
	background: transparent url(../images/bgShadeTop.jpg) 0 0 no-repeat;
}
#header {
	height: 140px;
	background: transparent url(../images/bgHeadOrange.jpg) 0 0 repeat-x;
}
#header h1 {
	width: 328px;
	height: 140px;
}
h1#home {
	background: transparent url(../images/titHomepage.jpg) 0 0 no-repeat;
}
h1#registerTitle {
	background: transparent url(../images/titRegister.jpg) 0 0 no-repeat;
}
h1#entryTitle {
	background: transparent url(../images/titWellDone.jpg) 0 0 no-repeat;
}
h1#stories {
	background: transparent url(../images/titStories.jpg) 0 0 no-repeat;
}
h1#vote {
	background: transparent url(../images/titVote.jpg) 0 0 no-repeat;
}
h1#thankyou {
	background: transparent url(../images/titThankyou.jpg) 0 0 no-repeat;
}
h1#media {
	background: transparent url(../images/titMedia.jpg) 0 0 no-repeat;
}
h1#about {
	background: transparent url(../images/titAbout.jpg) 0 0 no-repeat;
}

#header img {
	float: right;
	margin-right: -3px;
	 	voice-family: "\"}\""; 
  		voice-family:inherit;
	margin-right: 0px;
}
/* ###########################################################################
	PrivacyPopup
*/
h1#privacy {
	background: transparent url(../images/titPrivacy.jpg) 0 0 no-repeat;
}
#headerPriv {
	height: 165px;
	background: transparent url(../images/bgHeadOrange.jpg) 0 0 repeat-x;
}

/* ###########################################################################
	Global Nav
*/


#globalNavWrapper {
	margin:5px 0 0 13px;
	height:20px;
	background-image:url(../images/bgNavBlack.gif);

	padding:0;
	text-align:center;
}
#navContents {
	text-align:center;
}

/* ###########################################################################
	Content
*/

#contentFrame, #contentFrame td {
	font-size: 11px;
}
#contentFrame {
	line-height: 16px;
	padding: 26px 0px 5px 13px;
	background: transparent url(../images/bgShadeDouble.jpg) 0 0 no-repeat;
}
#content, #storyContent {
	position: relative;
	padding: 0px 22px 11em 75px;
	background: transparent url(../images/bgContentLogo.gif) 0 0 no-repeat; 
}
#storyContent {
	padding-bottom: 20px;
}
#content h2 {
	font-size: 16px;
	margin: 0px 0px 10px;
	padding: 0px;
}
h2#compTitle {
	clear: left;
	width: 169px;
	height: 23px;
	background: transparent url(../images/h2CompTitle.gif) 0 0 no-repeat;
}
#content p {
	margin: 0px 20px 15px 0px;
	padding: 0px;
}
#content .intro {
	width: 352px;
	margin-right: 0px;
}
#content .firstWord, #storyContent .firstWord {
	float: left;
	height: 29px;
	margin-right: 3px;
	padding-right: 2px;
}
								/* First words */
#storyContent .below {
	width: 72px;
	background: transparent url(../images/below.gif) 0 0 no-repeat;
}
#content .the {
	width: 38px;
	background: transparent url(../images/the.gif) 0 0 no-repeat;
}
#content .you {
	width: 41px;
	background: transparent url(../images/you.gif) 0 0 no-repeat;
}
#content .youve {
	width: 73px;
	background: transparent url(../images/youve.gif) 0 0 no-repeat;
}
#content .newzealand {
	width: 142px;
	background: transparent url(../images/newzealand.gif) 0 0 no-repeat;
}
#content .if {
	width: 20px;
	background: transparent url(../images/if.gif) 0 0 no-repeat;
}
#content .thanks {
	width: 80px;
	background: transparent url(../images/thanks.gif) 0 0 no-repeat;
}
#content .spread {
	width: 77px;
	background: transparent url(../images/spread.gif) 0 0 no-repeat;
}
#content .what {
	width: 62px;
	background: transparent url(../images/what.gif) 0 0 no-repeat;
}
#content .to {
	width: 27px;
	background: transparent url(../images/to.gif) 0 0 no-repeat;
}
#content .join {
	width: 45px;
	background: transparent url(../images/join.gif) 0 0 no-repeat;
}
#content .joining {
	width: 77px;
	background: transparent url(../images/joining.gif) 0 0 no-repeat;
}
#content .thankyou {
	width: 111px;
	background: transparent url(../images/thankyou.gif) 0 0 no-repeat;
}
#content .media {
	width: 67px;
	background: transparent url(../images/media.gif) 0 0 no-repeat;
}
#content .NZbookMonth {
	width: 161px;
	background: transparent url(../images/bookMonth.gif) 0 0 no-repeat;
}

/* ###########################################################################
	Register Box
*/

#regiserFrame {
/*	float: right; */
	position: absolute;
	top: 0px;
	right: 20px;  
	width: 162px;
	background: transparent url(../images/bgShadeRegister.jpg) 0 0 repeat-y;
}
#register {
	line-height: 14px;
	padding: 18px 20px 12px;
	background: transparent url(../images/bgShadeRegisterTop.jpg) 0 0 no-repeat;
}
#register p {
	margin: 0px 2px 10px;
	padding: 0px 0px;
}
#registerBase {
	height: 11px;
	background: #FFF url(../images/bgShadeRegisterBase.jpg) 0 0 no-repeat;	
}

/* ###########################################################################
	Story Scroll Frame
*/

#storyCaption {
	color: #666;
	text-align: center;
}
#storyFrame {
	position: relative;
	width: 516px;
	height: 470px;
	overflow: scroll;
}
#storyFrame .story {
	margin-bottom: 3px;
	background-color: #DDF1F4;
	border: 1px solid #54B7C6;
}
#storyFrame .titleRow {
	text-align: right;
	padding: 0px;
}
#storyFrame a.title {
	float: left;
	color: #D3065E;
	font-size: 12px;
	padding: 5px 10px;
}
#storyFrame a.title:hover {
	text-decoration: none;
}
#storyFrame .synopsis {
	padding: 5px;
	border-top: 1px solid #54B7C6;
}

/* ###########################################################################
	Forms
*/

.colOne {
	color: #D3065E;
	font-weight: bolder;
	text-align: right;
	vertical-align: bottom;
	padding-right: 5px;
}
.colTwo input {
	width: 138px;
}
.colSpan {
	padding-left: 37px;
}
tr.rule {
	background: transparent url(../images/formRule.jpg) 0 5px no-repeat;
}
.rulecell  {
	padding-top: 25px;
}

/* ###########################################################################
	Footer
*/

#footerFrame {
	font-size: 11px;
	text-align: center;
	padding: 26px 13px 5px 13px;
	background: transparent url(../images/bgShadeDouble.jpg) 0 0 no-repeat;
}
#footer {
	height: 30px;
	padding: 8px 0px 0px 0px;
	background: transparent url(../images/bgFooter.jpg) 0 0 repeat-x;
	 	voice-family: "\"}\""; 
  		voice-family:inherit;
	height: 22px;
}
#footer a:link, #footer a:visited {
	color: #FFF;
}
#footer a:hover {
	text-decoration: none;
}
#base {
	height: 6px;
	background: #FFF url(../images/bgShadeBase.jpg) 0 0 no-repeat;
}

/* ###########################################################################
	Media and About Controls
*/
#content h3 {
	font-size: 14px;
	color:#53AC1E;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#downloadTable {
	margin: 5px 0px 10px 0px;
		line-height:12px;	
}
#DownloadCopy {
	margin: 5px 0px 0px 0px;
	line-height:13px;	
}
#downloadTD {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}
#downloadTD a:link, #downloadTD a:visited {
	color: #000;
	text-decoration: none;
}
#downloadTD a:hover { 
	text-decoration:underline;
}
#downloadContent {
 	vertical-align:top;
	font-size:10px;
}
#downloadIcon {
	vertical-align:top;
}
#downloadDate {
	font-size:10px;
	line-height:10px;
}
#downloadLead {
	padding: 10px 0px 5px 0px;
	line-height:12px;
}
#CelebTd {
	padding: 0px 10px 0px 15px;
	line-height:12px;
}
#contactEmail {
	color:#000000	
}

/* ###########################################################################
	Privacy
*/
.PrivacyContainer {
	width:100%;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
/*----------------------STYLES FOR MICROSITE CONTROLS----------------------*/



/*All controls are contained within a table. Each table is linked to this style*/

.MicrositeTable

{

	width: 360px;

        text-align: left;

}



/*The width of the first column (the column with the labels for the textboxes in it)

The top left cell of each user control table is linked to this style*/

.MicrositeWidthOfFirstColumn

{

	width: 150px;



}



/*The width of the column that contains the error markers when invalid input is submitted*/

.MicrositeWidthOfErrorColumn

{

	width: 15px;

}

/*Input textboxes*/

.MicrositeTextbox

{

	font-size: 8pt;

	width: 150px;

    	color: #333333;

    	background-color: #ffffff;

    	font-family: Arial, Helvetica, sans-serif;

    	padding: 0px; 0px;

}



/*Textbox for phone numbers*/

.MicrositePhoneNumberTextbox

{

	font-size: 8pt;

	width: 90px;

    	color: #333333;

    	font-family: Arial, Helvetica, sans-serif;

}



/*The labels for the textboxes, drop-down lists etc*/

.MicrositeLabel

{

    	color: #D3065E;

    	font-weight: bolder;

        text-align: left;

    	vertical-align: bottom;

	padding-right: 5px;

}



/*drop down list*/

.MicrositeList

{

	font-size: 8pt;

	width: 154px;

    	color: #333333;

    	font-family: Arial, Helvetica, sans-serif;

}



/*The style for the phone prefix drop down lists*/

.MicrositePhonePrefixList

{

	font-size: 8pt;

	width: 45px;

    	color: #333333;

    	font-family: Arial, Helvetica, sans-serif;

}



/*Submit entry button*/

.MicrositeSubmitButton

{

	background-color: #4066b3;

	text-decoration: none;

	border-style: outset;

	border-left-color: #88b6ec;

	border-bottom-color: #1b579e;

	border-right-color: #1b579e;

	border-top-color: #88b6ec;

	color: #ffffff;

	font-family: Arial Narrow, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	font-weight: bold;

        valign: center;

}



/*When a user attempt to submit an entry with invalid data, error messages

are displayed in a validation summary control. The appearance of the messages

can be modified here*/

.MicrositeValidationSummary

{

	width: 450px; /*The height/width of the summary can also be controlled*/

	font-size: 8pt;

	font-weight:bold;

    	color: #D3065E;

    	font-family: Arial, Helvetica, sans-serif;

    	background-color: #ffffff;

}



/*The symbol (doesn't have to be an asterix) that appears next to form controls which contain invalid data*/

.MicrositeErrorAsterix

{

	font-size: 8pt;

	font-weight:bold;

    	color: #FF0000;

    	font-family: Arial, Helvetica, sans-serif;

}



/*The asterix that appears next to fields that are mandatory */

.MicrositeMandatoryAsterix

{

	font-size: 8pt;

	font-weight:bold;

    	color: #FF0000;

    	font-family: Arial, Helvetica, sans-serif;

}



/*Radio buttons*/

.MicrositeRadioButton

{

}



/*Checkboxes*/

.MicrositeCheckbox

{

}



/*Free text*/

.MicrositeFreeText

{

	font-size: 8pt;

    	color: #333333;

    	font-family: Arial, Helvetica, sans-serif;

}



/*The div used to display an error message when javascript isn't enabled (in the image submit button control). The div should be positioned so it covers the submit button.*/

.MicrositeJavascriptDiv

{

	Z-INDEX: 20; 

	RIGHT: 2px; 

	WIDTH: 300px; 

	POSITION: relative; 

	TOP: -75px;	

}



/*The table used to display an error message when javascript isn't enabled (in the image submit butotn control). The message is displayed under or on top of the submit button.*/

.MicrositeJavascriptMessage

{

	font-size: 10pt;

	color: #dd3333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #ddddff;

	border-style: solid;

	border-width: 5px;

	border-color: Navy;

}



/*The text within the email verification message control. If you have not included this control, you do not need to use this style*/

.MicrositeEmailVerificationMessage

{

	font-size: 8pt;

        color: #000000

}



/*Hyperlinks*/

.MicrositeLink

{

	font-size: 8pt;

    	color: #003399;

    	font-family: Arial, Helvetica, sans-serif;

}

.MicrositeLink:link {color:#003399;}

.MicrositeLink:visited {color:#003399;}

.MicrositeLink:hover {text-decoration: underline; color:#003399;}



.farefindertext {

	font-size: 9px;

	color: #003399;

}