/* ------------------------ default styles ------------------------------- */
body {
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	padding: 0px
}

img {
	border: 0px
}

form {
	margin: 0px;
	padding: 0px;
}

form input {
	font-family: arial;
	vertical-align: middle
}

a, a:visited {
	color: #210873;
	text-decoration: none;
	font-weight: bold
}

a:hover {
	color: #FF0000;
	text-decoration: underline
}

h1 {
	font-weight: bold;
	font-size: 22px;
	margin: 0px 0px 16px 0px;
	color: #333B4B;
	padding: 0px
}

#content h1 a {
	color: #333B4B;
}

h2 {
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	height: 23px;
	line-height: 10px
}

	h2 span {
		display: none
	}

h3 {
	font-size: 12px;
	margin:0 0 -10px 0;
	padding-top: 10px;
}

p {
	padding: 0px;
	margin: 10px 0 0 0
}
.RedText 
{
	color: #ff0000
}
/* -------------------- common style fixes ------------------------ */

/* h1 styles made invisible so only display for accessibility reasons */
#header h1, #mainNavigation h1, #logon h1, #search h1, #subNavigation h1, #promotionalItems h1, #menulessPromotionalItems h1, #banner h2, #footer h1, #menulessFooter h1 {
	display: none
}

/* clear styles */
.clear {
	clear: both;
	line-height: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.articleImageListing {
	float: right;
	margin: 18px 0px 0px 6px;
	/*border: 1px solid #000000;*/
}

.article {
	clear: both
}

/* -------------- pagination ---------------------------- */

#paginationTop {
	padding-bottom: 5px;
	text-align: right;
	background: url("../images/divider_horizontal.gif") repeat-x bottom;
}

#paginationBottom {
	padding-top: 5px;
	text-align: right;
	background: url("../images/divider_horizontal.gif") repeat-x;
}

#paginationTop strong, #paginationBottom strong {
	color: #999999
}

#paginationTop span, #paginationBottom span {
	margin-right: 20px;
}

/* ------------------------ header of page --------------------------------- */

#logo {
	background: #504F4F url(../images/background_header.gif) repeat-x;
	width: 780px;
	height: 57px
}

	#logo h2 {
		background: url(../images/madlogo.gif) no-repeat;
		width: 250px;
		height: 57px;
		text-indent: 0
	}

	/* hide the text */
	#logo a {
		display: block;
		width: 250px;
		height: 57px;
	}
	
	/* unfortunately span needed for IE5 */
	#logo h2 a span {
		display: none
	}

#header {
	height: 57px;
	width: 523px;
	color: #ffffff;
	position: absolute;
	top: 0px;
	left: 255px;
}

#buttons {
	position: absolute;
	bottom:5px;
	right: 250px;
	width: 290px;
}

#buttons a {
	color: #fff;
}

#buttons a:hover {
	color: #FBA405;
	text-decoration: none
}

#buttons div {
	float: left;
	border: solid 1px #504F4F
}

	#buttons p {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 195px;
	}

#buttons ul {
	float: right;
	height: 38px;
	background: url(../images/background_search.gif) no-repeat right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 140px
}

#buttons span {
	display: none
}

#buttons li {
	float: right;
	display: block;
	padding: 0;
	margin: 15px 0 0 0
}

/* Breaking news dropdown */

	#header .jobs {
		background: url(../images/button_jobs.gif) no-repeat;
	}
	#header .jobsover {
		background: url(../images/button_jobs_over.gif) no-repeat;
	}
	
		#header .jobs a, #header .jobsover a {
			height: 20px;
			width: 45px;
			display: block;
		}
	
	#header .news {
		background: url(../images/button_news.gif) no-repeat;
	}
	#header .newsover {
		background: url(../images/button_news_over.gif) no-repeat;
	}
	
		#header .news a, #header .newsover a {
			height: 20px;
			width: 63px;
			display: block;
			margin-right: 8px;
		}

	#header .logon {
		background: url(../images/button_logon.gif) no-repeat;
	}
	#header .logonover {
		background: url(../images/button_logon_over.gif) no-repeat;
	}
	
		#header .logon a, #header .logonover a {
			height: 20px;
			width: 53px;
			display: block;
		}
	
	#header .subscribe {
		background: url(../images/button_subscribe.gif) no-repeat;
	}
	#header .subscribeover {
		background: url(../images/button_subscribe_over.gif) no-repeat;
	}
	
		#header .subscribe a, #header .subscribeover a {
			height: 20px;
			width: 80px;
			display: block;
		}
		
#search {
	position: absolute;
	bottom:4px;
	left: 270px;
	padding-left: 10px;
	width: 250px;
	
}

#search a {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal
}

#search a:hover {
	color: #FBA405
}

#search #keywords {
	border: solid 1px #cccccc;
	background: #666666;
	width: 105px;
	color: #ffffff;
	margin-right: 5px;
	margin-bottom: 4px;
	margin-top: 1px;
	padding-left: 3px
}

#search #searchButton {
	position: absolute;
	bottom: 4px
}

#title {
	height: 62px;
	border-top: 1px solid #E9EBF0;
	border-bottom: 1px solid #494E5D;
	background: #D3D7E1 url(../images/title.gif) no-repeat 146px 0px;
	width: 780px
}

	#title a {
		display: block;
		width: 780px;
		height: 62px;
	}
	
	/* unfortunately span needed for IE5 */
	
	#title a span {
		display: none
	}
	
	#title h1 {
		margin-bottom: 0;
	}
	
/* ----------------------------- top navigation --------------------------- */

#mainNavigation {
	height: 35px;
	width: 780px;
	clear: both
}
	
	#mainNavigation ul {
		display: none
	}
	
	#loginPage #mainNavigation, #subOptionsPage #mainNavigation
	{
		display: none
	}
	
/* ------------------- template layout and menu styles ------------------------- */

/*restrains width of content floats and provides column divider which is always the 
length of the longest column*/
#body {
	width: 780px;
	background: url(../images/divider.gif) repeat-y 649px 0px;
	margin-bottom: 5px
}

#menulessBody {
	width: 780px;
}

#menulessContainer {
	width: 568px;
	float: left;
}

	#menulessContent {
		padding: 0 10px 0px 10px;
	}

#container {
	float: left;
	width: 635px
}

	#content {
		width: 475px;
		float: right;
		padding-bottom: 20px
	}
	
	#subNavigation {
		width: 145px;
		float: left;
		margin-bottom: 15px
	}
	
		#menu {
			margin: 0px;
			list-style-type: none;
			background: #333B4B;
			padding-left: 7px;
			padding-bottom: 0px;
			padding-top: 4px;
			margin-bottom: 15px
		}
		
		/* Hollyhack to prevent peekaboo bug in IE6 */
		
		/* Hides from IE-mac \*/
		* html #menu {height: 1%;}
		/* End hide from IE-mac */

		
		/* display inline fixes whitespace bug in IE5Win */
		#menu li {
			font-size: 11px;
			margin: 0px;
			padding: 0px;
			display: inline
		}
		
		/* restore display block to get border and mouseover to run full width */
		#menu a {
			display: block;
			color: #ffffff;
			padding: 0px 2px 2px 3px;	
			border-bottom: 1px solid #7A7E87;
			border-top: 1px solid #333B4B;
			border-left: 1px solid #333B4B;
		}
		
		/* using a div for spacer restores display block so border runs full width */
		#menu .spacer {
			height: 19px;
			border-bottom: 1px solid #7A7E87;
		}
		
		/* using a div for instances without the spacer div - restores block  */
		#menu .menuFooter {
			height: 6px;
			line-height: 6px
		}
		
		#menu a:hover {
			color: #333B4B;
			background: #D3D7E1;
			text-decoration: none;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #ACB1BC;
			border-right: 1px solid #ACB1BC
		}
		
		#menu .currentSection {
			background: #8790A3;
			display: block;
			border-top: 1px solid #8790A3;
			border-left: 1px solid #8790A3;
			color: #ffffff;
			border-bottom: 1px solid #ACB1BC
		}
		
		#menu .currentPage {
			display: block;
			color: #ffffff;
			border-bottom: 1px solid #ACB1BC;
			background: #E32028;
			border-left: 2px solid #ffffff;
			padding-top: 1px;
			border-top: 0px none;
			padding-left: 2px
		}
		
		#menu .currentPage:hover {
			color: #333B4B;
			background: #D3D7E1;
			text-decoration: none;
			border-top: 1px solid #fff;
			border-left: 2px solid #fff;
			border-bottom: 1px solid #ACB1BC;
			border-right: 1px solid #ACB1BC;
			padding-top: 0
		}
		
			#subMenu, #subMenu2, #subMenu3 {
				margin: 0px;
				list-style-type: none;
				background: #8790A3;
				padding: 0px;
			}
			
			#subMenu li, #subMenu2 li, #subMenu3 li {
				display: inline;
				font-size: 11px;
				font-weight: normal;
				padding: 0px;
			}
			
			#subMenu {
				border-bottom: 1px solid #7A7E87;
			}
			
			#subMenu a {
				display: block;
				font-weight: normal;
				background: #8790A3;
				border-bottom: 1px solid #ACB1BC;
				border-top: 1px solid #8790A3;
				border-left: 1px solid #8790A3;
				color: #ffffff;
				padding: 0px 2px 2px 10px;	
			}
			
			#subMenu .currentPage {
				padding-left: 9px
			}			
				
				#subMenu2 a {
					padding-left: 20px;	
				}
					
					#subMenu3 a {
						padding-left: 30px;	
					}

#promotionalItems {
	width: 131px;
	float: right;
	text-align: right;
}

#menulessPromotionalItems {
	width: 212px;
	float: right;
}
	
#footer {
	clear: both;
	height: 130px;
	width: 770px;
	background: url(../images/divider_horizontal.gif) repeat-x;
	margin:5px 0 0 10px; 
}

	#footer span {
		display: none
	}

	#logos {
		padding: 15px 0 15px 10px;
		margin: 0;
		list-style-type: none;
	}
	
	#logos a {
		display: block
	}
	
	#logos li {
		float: left;
		display: block;
		margin: 0
	}

	#footer .mad {
		background: url(../images/logo_mad.gif) no-repeat;
	}
	
		#footer .mad a {
			width: 94px;
			height: 43px;
		}
		
	#footer .dmweekly {
		background: url(../images/logo_dmweekly.gif) no-repeat;
	}
	
		#footer .dmweekly a {
			width: 52px;
			height: 43px;
		}
	
	#footer .techweekly {
		background: url(../images/logo_techweekly.gif) no-repeat;
	}
	
		#footer .techweekly a {
			width: 129px;
			height: 43px;
		}
		
	#footer .tv {
		background: url(../images/logo_televisual.gif) no-repeat;
	}
	
		#footer .tv a {
			width: 90px;
			height: 43px;
			margin-right: -6px
		}
	
	#footer .mw {
		background: url(../images/logo_marketingweek.gif) no-repeat;
	}
	
		#footer .mw a {
			width: 108px;
			height: 43px;
			margin-right: -18px
		}
	
	#footer .pm {
		background: url(../images/logo_precisionmarketing.gif) no-repeat;
	}
	
		#footer .pm a {
			width: 125px;
			height: 43px;
			margin-right: -5px
		}
	
	#footer .dw {
		background: url(../images/logo_designweek.gif) no-repeat;
	}
	
		#footer .dw a {
			width: 72px;
			height: 43px;
			margin-right: -3px
		}
	
	#footer .cr {
		background: url(../images/logo_cr.gif) no-repeat;
	}
	
		#footer .cr a {
			width: 52px;
			height: 43px;
			margin-right: -5px
		}
	
	#footer .is {
		background: url(../images/logo_instore.gif) no-repeat;
	}
	
		#footer .is a {
			width: 84px;
			height: 43px;
			margin-right: -4px
		}
	
	#footer .ds {
		background: url(../images/logo_datastrategy.gif) no-repeat;
	}
	
		#footer .ds a {
			width: 72px;
			height: 43px;
		}

#footer a, #menulessFooter a {
	font-weight: normal
}

#footer p, #menulessFooter p {
	text-align: center
}

#menulessFooter p {
	text-align: center;
	padding-top: 25px
}

#menulessFooter {
	clear: both;
	height: 84px;
	width: 770px;
	margin: 0px 0px 0px 10px;
}

/* ------------------ content heading styles ----------------------- */

#mainContent h2 {
	display: none
}

#subContent h2 {
	background: #D3D7E1 url(../images/background_h2morenews.gif) no-repeat bottom; 
}

#extraContent h2 {
	background: #D3D7E1 url(../images/background_h2poll.gif) no-repeat bottom;
	font-size: 12px;
	line-height: 1.2em;
	padding-right: 5px;
	text-align: right
}

#subscribeNow h2 {
	background: #FBBF58 url(../images/background_h2subscribenow.gif) no-repeat bottom;
}

/* ---------------------- content more links -------------------------*/

/* IE5win hack as doesn't recoginise padding and margins on inline items - remove background image of arrow on more buttons */
.more {
	background: url(../images/background_arrow.gif) no-repeat 0px 4px;
	margin:0 0 0 5px; 
	padding:0 0 0 7px; 
}

/*------------------------- main content area ------------------------------ */

#mainContent span, #subContent span {
	margin-right: 1px;
	color: #989797;
	white-space: nowrap;
}

#mainArticle h3 {
	font-size: 18px;
	padding: 0
}

#mainContent .articleImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	/*border: 1px solid #000000*/
}

#mainColumn1 {
	margin-bottom: 10px
}

#mainColumn1 .articleImage {
	/*display: none;*/
	float: right;
	clear: both;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 15px;
	/*border: 1px solid #000000*/
}

#mainColumn2 {
	display: none;
}

/*------------------------- sub content area ------------------------------ */

#subContent {
	margin-bottom: 15px;
	background-position: 320px 0px
}

#subColumn1 {
}

#subColumn1 .articleImage {
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 13px;
	/*border: 1px solid #000000*/
}

#subColumn2 {
	display: none;
}

/*----------------------------- extra content -------------------------------------- */

#extraContent {
	background: #EAEDF3 url(../images/background_poll.gif) no-repeat bottom;
}

#extraContent h2 span.more {
	display: block;
	background: url(../images/background_arrowpoll.gif) no-repeat 358px 8px;
	padding:5px 0 0 10px; 
}

#extraContent h3 {
	padding: 0;
	margin-left: 5px;
	margin-bottom: 0
}

#extraContent form {
	padding: 5px 10px 10px 5px;
	border: solid 1px #D3D7E1;
	background: #EAEDF3
}

#extraContent form span {
	float: left;
	clear: both;
	display: block;
	width: 200px;
}

#extraContent form p {
	line-height: 20px;
	margin: 0
}

/*#extraContent div {
	display: none
}*/

div#submitVote {
	clear: both;
	display: block;
	text-align: right;
	margin-top: -28px
}

/*------------------------- subscribe now and other left side box ------------------------------------ */

#subscribeNow {
	background: #EAEDF3 url(../images/background_belowmenuboxes.gif) no-repeat bottom;
	font-weight: bold;
	margin-bottom: 15px;
	width: 145px
}

#subMenuBox p {
	display: none
}

#subscribeNow h3, #subMenuBox h2 {
	display: none
}

#subscribeNow div {
	padding: 10px 8px 0px 10px;
	border: 1px solid #333B4B;
	border-top: 0px
}

#subscribeNowImage, #subMenuBoxImage {
	display: block;
}

#subscribeNow ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 7px 0px;
	font-size: 11px
}

#subscribeNow li {
	background: url(../images/background_arrow.gif) no-repeat 0px 4px;
	padding-left: 10px;
	margin: 0
}

#subscribeNow p, #subMenuBox p {
	display: none
}

/*------------------------------- special items --------------------------- */

#specialItem1 {
	display: none
}

#specialItem2 {
	display: none
}

/*------------------ divider ------------------------*/

.divider {
	background: url(../images/divider_horizontal.gif) repeat-x 0px 10px;
	height: 20px
}

/*----------- advertising ------*/

.smallAd {
	width: 131px;
	height: 92px;
	margin-bottom: 8px
}

.adslot {
	width: 131px;
	height: 80px;
	margin-bottom: 8px
}

#advertisingSlots {
	position: absolute;
	top: 156px;
	left: 810px;
}

#advertisingSlots div 
{
	margin-bottom: 10px;
}

#advertisingSlots center
{
	text-align: left
}

#banner {
	clear: both;
	margin-bottom: 15px;
	padding-top: 5px
}

/* ------------------ common news style ----------------------- */

#subSections 
{
	padding-bottom: 20px
}

#subSections h3 {
	padding-top: 15px;
	margin-bottom: 0px;
	font-weight: normal
}

#subSections .subDivider {
	padding-top: 30px
}

#subSections p {
	padding: 0px 0px 0px 0px;
	margin: 0px
}

#subSections span, #column1 span {
	margin-right: 1px;
	color: #989797;
	white-space: nowrap;
}

#subSections h2 {
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	height: 17px;
	background: #D3D7E1 url(../images/background_h2.gif) no-repeat bottom; 
	margin:30px 0 0 0; 
	padding:6px 0 0 0; 
}

#subSections h2.contrast {
	background: #504F4F url(../images/background_h2.gif) no-repeat bottom;
	color: #ffffff
}

#subSections h2#eventsResults {
	margin-top: 10px
}


#subSections h2 span {
	margin-right: 1px;
	white-space: nowrap;
	font-weight: bold;
	display: inline;
	color: #333B4B
}

#subSections h2 .ReportTitle {
	margin-right: 1px;
	white-space: nowrap;
	font-weight: bold;
	display: inline;
	margin-left: 7px;
	color: #333B4B
}

#subSections h2 .more a:hover, #subSections h2 a:hover {
	font-weight: bold;
	color: #000
}

#subSections h2 a, #subSections h2 .more a {
	display: block;
	float: right;
	margin-right: 5px;
	font-weight: bold
}

/* ------------------ Report Detail Page ----------------------- */

#reportDetails {
	padding-top: 9px;
	line-height: 1.3em;
	font-weight: bold;
}

#reportDetails span {
	font-weight: normal;
	width: 180px;
	display: block;
	float: left;
	color: #000000
}

#contentHeader {
	background: url(../images/divider_horizontal.gif) repeat-x bottom;
	color: #000000;
	padding-bottom: 5px
}

.articleLinksBottomContainer {
	background: url(../images/divider_horizontal.gif) repeat-x top;
	color: #000000
}

#contentHeader span {
	color: #989797;
	font-weight: normal
}

#contentHeader p {
	font-weight: bold;
}

.articleLinks {
	padding: 3px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
	list-style-type: none
}

.articleLinksBottom {
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
	list-style-type: none
}

.articleLinks li, .articleLinksBottom li {
	display: inline;
	color: #747373;
}

/* IE5win hacks follow as doesn't recoginise padding and margins on inline items so removed background image */
.articleLinks .printerVersion, .articleLinksBottom .printerVersion {
	padding-left: 13px;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	background: url(../images/background_printerversion.gif) no-repeat left 3px;
}

html>body .articleLinks .printerVersion, html>body .articleLinksBottom .printerVersion {
	background: url(../images/background_printerversion.gif) no-repeat left 3px;
} 

.articleLinks .printerVersion a, .articleLinksBottom .printerVersion a {
	padding-right: 5px;
	font-weight: normal
}

.articleLinks .emailArticle {
	padding-left: 20px;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	background: url(../images/background_emailarticle.gif) no-repeat 7px 4px;
}

html>body .articleLinks .emailArticle {
	background: url(../images/background_emailarticle.gif) no-repeat 7px 4px;
} 

.articleLinks .emailArticle a {
	font-weight: normal
}
/* hacks end */

/*------------------------------------- forms ---------------------------
div floats the label to the left
p spaces the form items vertically
*/

.form {
	width: 468px;
}

.form form {
	margin-left: 50px;
}

.form p {
	margin: 20px 0px 0px 20px
}

.form form span {
	float: left;
	width: 130px;
	padding-top: 5px;
}

/* mozilla hack - IE is putting 3px margin on floated span - 3px jog bug */
html>body .form form span {
	width: 133px
}

.form form span label 
{
	padding-right: 10px;
	display: block
}

.form form p {
	padding: 0px 0px 8px 0px;
	margin: 0;
}



.form .clear {
	float: none;
	padding: 0px
}

.form .input {
	width: 200px;
}

.form .issue {
	width: 40px;
}

.form select {
	width: 207px;
}

.form textarea {
	width: 200px;
	height: 100px
}

.form p.time select {
	width: 40px
}

.form select.month {
	width: 90px
}

.form select.year {
	width: 60px
}

.form .divider {
	height: 5px;
	line-height: 4px;
	margin-right: 50px;
	background-position: 0 0;
	display: block
}

.form .mandatory {
	background: url("../images/reddot.gif") no-repeat;
	background-position: 124px 9px;
}

.form h3 {
	padding-top: 20px;
	clear: both
}

.form .submit {
	padding-top: 7px;
}

.option input {
	float: left;
	width: 18px;
}

.option label {
	float: left;
	width: 220px;
	padding-top: 2px;
}

/* email to a friend --------------------------- */

.emailArticleTitle {
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	height: 23px;
	line-height: 1em
}

#relatedArticles 
{
	background: url(../images/divider_horizontal.gif) repeat-x bottom;
}

#relatedArticles ul
{
	margin: 15px 0px 10px 20px;
	padding: 0px 0 20px 0;
}

#relatedArticles a
{
	font-weight: normal
}

/*-------------------------- Static Content ------------------------------*/

.StaticH1
{
 	margin: 0px 0px 0px 0px;
 	color: #333B4B
}

.StaticH2
{
	margin: 10px 0px -10px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 20px;
	color: #8790A3
}

.StaticH3
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #8790A3
}

.AbcLogo
{
	float: left;
	margin: -4px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#RatesTable {
	width: 470px;
	background: #fff;
	margin-bottom: 18px;
	margin-top: 10px;
}

#RatesTable th {
	text-align: left;
	background: #D3D7E1;
	padding: 3px 0 3px 5px;
}

#RatesTable td {
	border-bottom: 1px solid #D3D7E1;
	background: #fff;
	padding: 3px 0 3px 5px
}

#RatesTable .SubTitle
{
	background: #CCCCCC;
	font-weight: bold;
}

.TableSubHeader
{
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

#RateCard
{
	margin: 0px 0px 10px 20px;
	padding: 0px;
}

#BreakdownTable {
	width: 470px;
	margin-bottom: 18px
}

#BreakdownTable th {
	display: none;
}

#BreakdownTable td {
	border-bottom: 1px solid #fff;
	padding: 3px 0 3px 5px
}

#allDetails {
	padding-top: 0px;
	line-height: 1.3em;
	font-weight: bold;
}

#allDetails span {
	font-weight: normal;
	width: 140px;
	display: block;
	float: left;
	color: #000000
}
div.first img {
	padding: 5px
}
div.second img {
	padding: 5px
}
/*---------------- subscriptions -------------------------*/

#loginPage, #subOptionsPage {
	background: url(../images/divider_subscriptionbackground.gif) repeat-y 779px 0;
	
}

/*mad styled */
.subOptionMad, .renewOptionMad, .renewOption {
	background: url(../images/background_subboxesmad.gif) no-repeat;
}

/* Peekaboo bug hollyhack - Hides from IE-mac \*/
* html .subOptionMad {height: 1%;}
/* End hide from IE-mac */

/* Peekaboo bug hollyhack - Hides from IE-mac \*/
* html .renewOptionMad {height: 1%;}
/* End hide from IE-mac */

/* Peekaboo bug hollyhack - Hides from IE-mac \*/
* html .renewOption {height: 1%;}
/* End hide from IE-mac */

.subOptionFooterMad, .renewOptionFooterMad, .renewOptionFooter {
	clear: both;
	height: 25px;
	background: #ffffff url(../images/background_subboxesfootermad.gif) no-repeat;
}

/* publication style */

#subOptionsPage #menulessContent {
	background: url(../images/dotteddivider.gif) repeat-y right;	
	margin-top: 12px
}

#menulessBody h1 {
	margin-top: 20px;
	padding-left: 10px;
	font-family: Trebuchet MS, Arial;
	font-size: 24px;
	margin-bottom: 0;
}

#menulessBody h3 {
	margin:0;
	padding-top: 0px;
}

.subOption {
	background: url(../images/background_subboxes.gif) no-repeat;
}

/* Peekaboo bug hollyhack - Hides from IE-mac \*/
* html .subOption {height: 1%;}
/* End hide from IE-mac */

.subOptionFooter {
	clear: both;
	height: 25px;
	background: #ffffff url(../images/background_subboxesfooter.gif) no-repeat;
}

.subDescription {
	float: left;
	width: 370px;
	padding-bottom: 6px;
	padding-left: 15px;
}

.subDescription p {
	margin: 0px;
	padding-left: 0px;
}

.subPrice {
	float: right;
	width: 150px;
	height: 117px;
	font-family: Trebuchet MS, Arial;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
}

.subPrice p {
	padding-top: 40px;
	margin: 0px
}

.subPricePromo {
	float: right;
	width: 150px;
	height: 117px;
	font-family: Trebuchet MS, Arial;
	font-weight: normal;
	font-size: 14px;
	text-align: center
}

.subPricePromo span, .subPrice span 
{
	padding-left: 10px;
	padding-right: 10px;
	display: block
}

.subPricePromo p {
	padding-top: 25px;
	margin: 0px
}

.subDescription h2 {
	font-weight: bold;
	font-size: 20px;
	padding-top: 11px;
	margin-bottom: 5px;
	font-family: Trebuchet MS, Arial;
	line-height: 1em;
	height: auto
}

.subDescription h2.alt {
	font-size: 18px;
	font-weight: normal;
}

.subDescription img {
	float: right;
	margin-top: 1px;
	margin-bottom: -10px
}

#subFeatures {
	margin-left: 10px;
	margin-top: 60px;
}

/*------------- logon page -------------------------*/

#subHeader {
	background: url(../images/dotteddivider_horizontal.gif) repeat-x bottom;
	width: 755px; 
	margin:20px 0 12px 14px; 
}

#subHeaderText {
	float: left;
	width: 420px;
	padding-bottom: 12px
}

#menulessBody #subHeaderText h1 {
	margin-top: 0;
	padding:0;
	margin-bottom: 5px
}

#subHeaderImage {
	float: right;
	width: 325px;
	margin-top: 10px;
	margin-bottom: 6px;
	background: url(../images/dotteddivider.gif) repeat-y;
	text-align: right
}

#floatedHeading {
	width: 765px
}

#floatedHeading h2 {
	float: left;
	width: 370px;
	height: 30px;
	background: url(../images/background_h2suboptions.gif) no-repeat 14px 0;
	text-indent: -1000em;
	line-height: 1em
}

#subscriptionLinks {
	float: right;
	padding-top: 4px;
	width: 300px;
	text-align: right
}

/*----- login and activate boxes ---------------*/

.logonForm p, #activateBox .logonForm p {
	margin: 0px 0px 5px 0px;
}

.logonForm span {
	float: left;
	width: 72px;
	padding-top: 5px;
	display: block;
	clear: both;
	font-weight: bold
}

/* mozilla hack - IE is putting 3px margin on floated span */
html>body .logonForm span {
	width: 76px
}

.logonForm label {
	padding-left: 10px;
	display: block
}

.logonForm .input {
	width: 108px;
	border: solid 1px #D3D7E1
}

#logonBox {
	background: url(../images/background_logonbox.gif) no-repeat bottom;
	width: 197px
}

#activateBox {
	background: url(../images/background_activatebox.gif) no-repeat bottom;
	width: 197px;
	padding-bottom: 10px
}

#logonBox h2 {
	background: url(../images/background_h2logonbox.gif) no-repeat top left;
	width: 197px;
	height: 28px
}

#activateBox h2 {
	background: url(../images/background_h2activatebox.gif) no-repeat top left;
	width: 197px;
	height: 28px
}

#activateBox h2 span, #logonBox h2 span {
	text-indent: -1000em;
}

#activateBox p {
	margin: 0px 10px 0px 10px
}

#logonSubmit, #activateSubmit {
	clear: both;
	margin-left: 75px
}

#logonBox .forgottenPassword {
	height: 24px;
	margin-top: 12px;
}

#activateBox .forgottenNumber {
	height: 20px;
	margin-top: 5px;
}

#logonBox .forgottenPassword, #activateBox .forgottenNumber {
	background: url(../images/black.gif) no-repeat 0px 4px;
	display: block;
	margin-left: 10px
}

#logonBox .forgottenPassword a, #activateBox .forgottenNumber a {
	display: block;
	padding-left: 7px;
	font-weight: normal;
	color: #000000
}

#logonBox .forgottenPassword a:hover, #activateBox .forgottenNumber a:hover {
	color: #ff0000
}