/* COURIER MAIL STORY PAGE
    

	index ->	
			Pop Up Wrap
			Branding
			Button Bar
			Sponsor
			Gallery Image
			Letter to Editor
			Send to Friend
*/

html{
height:100%;
}

body{
background-color: #fff;
}


/* =Pop Up Wrap
----------- */
.pop-up-wrap
{
	text-align: center;
	padding: 0;
	margin: 0;
}

.pop-up-content-wrap
{
	text-align: left;
	padding: 0 15px;
}

/* Sponsored by
----------- */
.content-section-header {background: url(/images/bg-dotted-line.gif) bottom repeat-x; margin-bottom: 15px; padding-bottom: 1px;}
.content-section-header h2 {font-size: 1.3em; float: left; margin: 0; padding: 0; position: relative; top: 25px;}
.section-sponsor {float: right;}
.section-sponsor span {font-size: 0.85em; position: relative; margin-right: 10px; bottom: 15px;}

/* =Branding
----------- */
.branding-small
{
	background: url(/images/wish_header.jpg) top left no-repeat;
	height: 75px;
	background-color: #BCE2F9;
	position: relative;
	text-align: left;
}

.branding-small a
{
	display: block;
	width: 225px;
	height: 46px;
	text-indent: -9999px;
}

/* =Button Bar
----------- */
ul.pop-up-tools
{
	background: url(/images/bg-dotted-line-blue.gif) top repeat-x #0B3E75;
	list-style: none;
	float: left;
	width: 100%;
	text-align: left;
}

ul.pop-up-tools li.pop-up-nav
{
	float: left;
}

ul.pop-up-tools li.pop-up-close
{
	float: right;
	padding: 8px 5px;
}

li.pop-up-back, li.pop-up-page, li.pop-up-next
{
	float: left;
	padding: 8px 5px;
	font-weight: bold;
	line-height: 1.5em;
}

li.pop-up-back a
{
	display: block;
	width: 65px;
	height: 20px;
	background: url(/images/button-back.gif) top left no-repeat;
	text-indent: -9999px;
}

li.pop-up-next a
{
	display: block;
	width: 65px;
	height: 20px;
	background: url(/images/button-next.gif) top left no-repeat;
	text-indent: -9999px;
}
li.pop-up-close a
{
	display: block;
	width: 71px;
	height: 20px;
	background: url(/images/button-close.gif) top left no-repeat;
	text-indent: -9999px;
}

/* =Sponsor
----------- */

.pop-up-sponsor
{
	width: 210px;
	position: absolute;
	top: 5px;
	right: 0;
}

.pop-up-sponsor dt
{
	width: 73px;
	margin-right: 10px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 0.85em;
	color: #fff;
}

.pop-up-sponsore dd
{
	width: 117px;
	float: left;
}

/* =Gallery Image
----------- */

.gallery-image{text-align: center; clear: both;}
.gallery-image table{width: 1%; margin: 0 auto; padding: 0; text-align: left;}
.gallery-image img{padding: 2px; border: 1px solid #CFCFCF; margin-bottom: 10px;}
.gallery-image h4, .gallery-image p{margin-left: 10px; margin-right: 10px;}

/* =Pop up Footer
----------- */

ul.pop-up-footer
{
	list-style: none;
	margin-top: 20px;
	padding: 0 15px;
	font-size: 0.85em;
}

.pop-up-footer li.pop-up-copyright
{
	float: left;
}

.pop-up-footer li.pop-up-newsphotos
{
	float: right;
}

.pop-up-adspace
{
	clear: both;
	background: url(/images/bg-dotted-line.gif) left -2px repeat-x #E5F0F6;
	padding: 8px;
}

/* =Letter to Editor 
----------- */
.letter-to-editor
{
	background-color: #E5F0F6;
	margin-top: 15px;
}

.letter-to-editor dt, .letter-to-editor dd
{
	margin-bottom: 10px;
}

.letter-to-editor dl
{
	width: 360px;
	margin: 10px;
}

.letter-to-editor dt
{
	width: 150px;
	float: left;
	font-weight: bold;
}

.letter-to-editor dt.comment-title
{
	float: none;
	width: 360px;
	clear: left;
}

.letter-to-editor dd
{
	width: 210px;
	float: left;
}

.letter-to-editor dd.comment-letter
{
	float: none;
	width: 360px;
}

.letter-to-editor dd.comment-submit
{
	float: none;
	width: 360px;
	text-align: right;
}


.letter-to-editor input.textinput
{
	width: 200px;
}

.letter-to-editor dd textarea
{
	width: 350px;
	height: 100px;
}

/* =Privacy Note
----------- */

.privacy-note
{
	background: url(/images/bg-dotted-line.gif) left -2px repeat-x;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 0.85em;
}

.privacy-note strong
{
	text-transform: uppercase;
}

/* =Poll 
----------- */
dl.pop-up-poll
{
	width: 360px;
	margin: 10px 0;
	/*background: url(/images/bg-dotted-line.gif) 20px top repeat-y;*/
}

.pop-up-poll dt
{
	width: 32px;
	float: left;
	clear: left;
}

.pop-up-poll dt input
{
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
}

.pop-up-poll dt, .pop-up-poll dd
{
	margin-bottom: 2px;
	padding: 3px 0;
}

.pop-up-poll dd
{
	width: 328px;
	float: left;
	font-weight: bold;
	font-size: 0.95em;
}

.pop-up-submit
{
	text-align: right;
	background: url(/images/bg-dotted-line.gif) bottom repeat-x;
	padding-bottom: 10px;
}

/* =Poll Results
----------- */

.poll-results
{
	padding-bottom: 40px;
	background: url(/images/bg-dotted-line.gif) bottom repeat-x;
}

.poll-results dl
{
	width: 400px;
	clear: both;
	float: left;
	background: url(/images/bg-dotted-line.gif) 100px top repeat-y;
}

.poll-results dt
{
	width: 90px;
	margin-right: 10px;
	float: left;
	font-size: 0.85em;
	font-weight: bold;
	clear: left;
}

.poll-results dd
{

	width: 160px;
	float: left;
}

* html .poll-results dd {
	float: none;
}

.poll-results dt, .poll-results dd
{
	padding: 3px;
}

.poll-results dd span
{	
	position: relative;
	display: block;
	height: 14px;
	background: url(/images/bg-poll-results.gif) top repeat-x;
	width: 100%;
}

.poll-results dd b
{
	position: absolute;
	background-color: #FFF;
	display:block;
	width: 140px;
	right: -140px;
	font-size: 0.85em;
	font-weight: normal;
	text-align: right;
}

/* =Daily Quiz
----------- */

body.inactive
{
	background: url(/images/bg-quiz-inactive.gif) 0 bottom no-repeat;
}

img.quiz-prize
{
	float: right;
	background: url(/images/bg-dotted-line.gif) top left repeat-y;
	padding-left: 20px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.daily-quiz 
{
	background-color: #E5F0F6;
	clear: both;
	padding: 10px;
	margin-bottom: 15px;
}

.daily-quiz dl
{	width: 380px;
	margin: 0 0 15px 0;
}

.daily-quiz dt, .daily-quiz dd
{
	margin-bottom: 10px;
}


.daily-quiz h4
{
	background-color: transparent;
	margin: 0 0 5px 0;
	padding-top: 0;
}

.daily-quiz dt.quiz-radio-button, .daily-quiz dd.quiz-radio-answer
{
	float: left;
}

.daily-quiz dt.quiz-radio-button
{
	width: 30px;
	height: 16px;
	clear: left;
}

.daily-quiz dt.quiz-radio-button input 
{ height: 16px; }

.daily-quiz dd.quiz-radio-answer
{
	width: 350px;
	height: 16px;
	line-height: 16px;
	font-size: 0.85em;
	font-weight: bold;
}

dl.quiz-details
{
	width: 400px;
}
.quiz-details dt, .quiz-details dd
{
	margin-bottom: 5px;
	}

.quiz-details dt
{
	float: left;
	width: 150px;
}

.quiz-details dd
{
	float: left;
	width: 250px;
}

.quiz-details dt.terms-conditions 
{
	width: 30px;
	height: 16px;
	margin-top: 10px;
}

.quiz-details dt.terms-conditions  input
{
	height: 16px;
}
 
.quiz-details dd.terms-conditions 
{
	width: 370px;
	height: 16px;
	line-height: 16px;
	margin-top: 10px;
}

.quiz-submit
{
	margin: 15px 0;
	padding-bottom: 15px;
	text-align: right;
}

.quiz-timer
{
	padding: 0;
	margin-bottom: 15px;
	background: #eee url(/images/bg-quiz-timer-topright.gif) top right no-repeat;
	clear: both;
}

.quiz-timer ul
{
	padding: 0;
	margin: 0;
	background: transparent url(/images/bg-quiz-timer-topleft.gif) top left no-repeat;
}

.quiz-timer ul li
{
	padding: 0;
	margin: 0;
	background: url(/images/bg-quiz-timer-bottomleft.gif) bottom left no-repeat;

}

.quiz-timer ul li p
{
	margin: 0;
	padding: 18px 10px 18px 70px;
	background: transparent url(/images/bg-quiz-timer-bottomright.gif) bottom right no-repeat;
}
	
/* =Send to Friend
----------- */

dl.send-to-friend-form
{
	width: 400px;
}

.send-to-friend-form dt, .send-to-friend-form dd{
	margin-bottom: 10px;
	}

.send-to-friend-form dt{
	float: left;
	clear: left;
	font-weight: bold;
	width: 130px;
	}

.send-to-friend-form dd{
	float: left;
	width: 270px;
	}
	
.send-to-friend-form dd input.textinput{
	width: 260px;
	}
	
dd.send-submit, dd.send-reset{
	float: none;
	width: 400px;
	text-align: right;
	margin-bottom: 5px;
	}