/* 
project : NZBDMDR
agency  : pixelfusion
author  : sandrine perenes
date    : 08.09.2009
version : 0.1 
*/


/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ' " ';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img { display: block; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px 0;
}
table th, table td { border: 1px solid #ddc; padding: 5px 10px; }
table th { color: #aa1116; }

sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }


/* Default style */
	/* Base font-size 
		14px 
	*/
	/* Fonts replacement 
		Helvetica LTStd : Lucida Sans Unicode, Lucida Grande
	*/

body {
	color: #7f7d6d;
	font: 0.875em Tahoma, Geneva, sans-serif;
	margin: 20px 0;
}
small { font-size: 11px; padding: 0 10px; }
	/* titles */
h1, h2, h3, h4, h5, h6, blockquote, pre {
	margin: 10px 0;
}
h3 { margin: 10px 0 0; }

h2 { color: #DDC; font: 28px Lucida Sans Unicode, Lucida Grande, sans-serif; margin: 0; }
h1, h3, h4, h5, h6 { color: #aa1116; }

.title { color: #aa1116; font-size: 26px; font-weight: normal; margin: 20px 0 20px; }
h1 { font-size: 30px; line-height: 120%; margin: 20px 0 20px; font-family: 'Arial Black', Gadget, sans-serif; /* font-style: italic;*/ }
.faq h1 { font-size: 20px; margin: 20px 0 0; }
/* Style added via jQuery */
.faq h1.slideshow { margin-left:-13px; padding-left: 13px; background: url('../img/bg-faq.gif') no-repeat 0 11px; cursor: pointer; }
.faq h1.open { background-position: 0 -45px; }


h3 { font-weight: bold; }

#footer { overflow: hidden; width: 100%; }
#footer p { margin: 0; float: left; padding: 8px 20px; color: #DDC; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
#footer ul { float: right; }
#footer ul li { list-style: none; padding: 8px 20px; color: #DDC; font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
#footer ul li a { text-decoration: none; color: #DDC !important; }
#footer ul li a:hover { text-decoration: underline; color: #DDC !important; }

	/* text */
p, ul, ol, dl { margin: 25px 0; }
.faq p { margin: 0; }
a:link, a:active, a:visited { color: #7f7d6d !important; }
a:hover { color: #aa1116 !important; }
blockquote { margin: 10px 20px; font-style: italic; }
	
.overview 		{ color: #616253; font-size: 23px; line-height: 120%; font-family: Arial, Helvetica, sans-serif; }
.big		 	{ color: #aa1116; font-size: 57px;  line-height: 110%; display: block; }
.intro			{ font-size: 18px; line-height: 140%; }
p.alt 			{ margin: 0; padding: 5px 10px; background: #d6d6ce; font: italic 13px Arial, Helvetica, sans-serif; }
p.alt a			{ color: #aa1116 !important; text-decoration: none; }
p.alt a:hover	{ text-decoration: underline; }

	/* list */
ul, ol { margin: 0; }
ul { padding: 0 15px; }
ol { padding: 0 20px; }
ul li { margin: 0; padding : 0 0 0 20px; list-style-image: url('../img/li-red.gif'); }
ol li { margin: 0; padding : 0 0 0 15px; }

	/* forms */
	form 				{ overflow: hidden; width: 100%; }
	form fieldset 		{ margin-bottom: 10px; }
	form legend 		{ color: #aa1116; font-size: 20px; font-family: 'Arial Black', Gadget, sans-serif;/* font-style: italic; */ margin: 0; text-transform: lowercase; }
	form dl				{ /* float: left;  clear: both;*/ overflow: hidden; width: 100%;  text-align: left; margin: 10px 0; }
	form .formbox dl, 
	form .doubleFields dl 	{ float: left; clear: both; width: auto; }
	form dt, form dd 	{ float: left; margin: 0; }
	form dt { margin-right: 20px; }
	form p 				{ margin: 15px 0; clear: both;}

	
	form .formbox { overflow: hidden; width: 100%; position: relative; }
	form .formbox dl { float: left; margin-left: 0; position: relative; }
	form .formbox dt, form .formbox dd 	{ 
	/*	float: right; */
		margin: 0;
		padding: 0;
		border: 0;
		 position: relative;
	}
	form .formbox dt { width: 523px ; }
	form .formbox dt input.text { width: 515px !important ; }
	form .formbox dd { width: 30px; margin-right: 25px; }
	
    form .boxinline 	{ margin: 30px 0 10px;}
 	form .boxinline dl { clear: none; margin-right: 20px; }
	form .boxinline dt { width: auto; }
	form .boxinline dd { margin-right: 15px; }
    form dd .boxinline 	{ margin: 0; }
    form dd .boxinline dl	{ margin-top: 0; }

	form .doubleFields dl { margin: 5px 0; }
	form .doubleFields dt { width: 230px !important; margin-left: 20px; }
	form .doubleFields .formbox { width: auto !important; margin-right: 0; }
	form .doubleFields .text { width: 300px !important; }
	form .doubleFields .formbox dd {  width: auto; margin-right: 0; }
	
	label 				{ width: 100px; }
	.submit { float: right; background: none; padding: 0; border: 0; margin: 0; font-size: 20px; font-family: 'Arial Black', Gadget, sans-serif; font-style: italic; color: #aa1116; cursor: pointer; }
	.text, textarea { padding: 1px 3px; border: 1px solid #827766; font: 12px Arial, Helvetica, sans-serif; color: #7f7d6d; background: #F5F5F5; }
	.text:focus, textarea:focus, .focus { color: #666; background: #FFF; border: 1px solid #555; }
	.dob { width: 60px !important; }

	.required		{ border-color: #aa1116; color: #aa1116; }
	
		
	#contact-us dt { width: 65px; }
	#contact-us input.text, #contact-us textarea { width: 510px;}
	#contact-us p, #contact-us dl, #contact-us dt, #contact-us dd { margin: 0; }
	
	#consent-form dt { width: 115px; }
	#consent-form .formbox dt { width: 523px ; }
	#consent-form .boxinline dt { width: auto; }
	#consent-form input.text, #consent-form textarea { width: 440px;}
	
	#update-form dt { width: 115px; }
	#update-form input.text, #update-form textarea { width: 440px;}

/*	#consent-form .formbox dt { width: 530px;} */
/* sections */
#bg-top 	{ width: 920px; margin: 0 auto; padding-top: 17px; background:  url('../img/bg-global-top.gif') no-repeat top left; }
#bg-bottom	{ width: 920px; margin: 0 auto; padding-bottom: 17px; background:  url('../img/bg-global-bottom.gif') no-repeat bottom left; }
#bg-side	{ width: 920px; margin: 0 auto; background: #FFF url('../img/bg-global-side.gif') repeat-y top left; }

#global { width: 880px; margin: 0 auto; }
#header { background: #910B0F url('../img/bg-header.gif') no-repeat top left; height: 90px; padding: 70px 20px 0; }
#content { background: #EEEEE5 url('../img/bg-content.gif') no-repeat top left; overflow: hidden; width: 100%; }
#footer { background: #910B0F url('../img/bg-header.gif') no-repeat top left; clear: both; }

#main, #sidebar { float: left; }
#main { width: 583px; padding: 15px 21px; }
#main.wide { width: auto; float: none; }

#sidebar { width: 255px; }

#main.about { background: url('../img/bg-content-about.gif') no-repeat bottom right; padding-bottom: 425px; }

#navigation { 
	background: url('../img/bg-nav.gif') top left; 
	width: 880px; 
	overflow: hidden; 
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li { float: left; margin: 0; padding: 0; list-style: none; }
#navigation li a { color: #aa1116 !important; display: block; font: bold 12px Arial, Helvetica, sans-serif; padding: 10px 18px; text-decoration: none; }
#navigation li a:hover, #navigation li.active a { background: #aa1116; color: #ddc !important;; }

.pdf { margin: 2px 0; }
.pdf a, a.pdf { background: url('../img/ico-pdf-small.gif') no-repeat 100% -17px; padding-right: 15px; }
.pdf a:hover, a:hover.pdf { background-position: 100% 0; color: #aa1116; }

ol li { color: #aa1116; }
ol li a, ol li span, ol li p { color: #7f7d6d; }

.style-1 h2 {  font-family: Arial, Helvetica, sans-serif; margin-top: 40px; }
.style-1 p, .style-1 li { margin-bottom: 0; font-size: 15px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }
.style-1 ul, .style-1 ol { margin: 0; }	
.style-1 img { float: right; margin-top: -10px; }


ul.listThumbnails { overflow: hidden; width: 100%; }
ul.listThumbnails, ul.listThumbnails li { margin: 0; padding: 0; list-style: none; }
ul.listThumbnails li { margin: 20px 100px 30px 0; float: left; }
ul.listThumbnails li.last { margin-right: 0; }
ul.listThumbnails li a { font-size: 20px; text-decoration: none; }
ul.listThumbnails li a:hover { text-decoration: underline; }
ul.listThumbnails li img { margin-top: 5px;}


#sidebar ul, #sidebar li { margin: 0; padding: 0; list-style: none !important; }
#sidebar li a, #sidebar li .box { 
	background: #f5f5f5 url('../img/bg-side-93.gif') repeat-x bottom left;
	color: #a0a08c !important;
	display: table-cell;
	font-family: 'Arial Black', Gadget, sans-serif; 
	font-size: 18px;
	font-style: italic;
	height: 88px;
	line-height: 24px;
	padding: 0 18px 5px;
	position: relative;
	text-align: center; 
	text-decoration: none;
	vertical-align: middle;
	width: 219px; 

}
#sidebar li.h300 .box {
	padding: 0 0 5px;
	width: 255px;
}


#sidebar .joinNow li a { font-size: 30px; }
#sidebar li a.active, #sidebar li a:hover { color: #b53436 !important; background-image: url('../img/bg-side-93-on.gif'); }
#sidebar li a img { margin: 0 auto; }
#sidebar li.h130 a, #sidebar li.h130 .box {
	background: #f1f2eb url('../img/bg-side-130.gif') repeat-x bottom left;
	height: 125px;
}



#sidebar li.h130 a.active, #sidebar li.h130 a:hover { background-image: url('../img/bg-side-130-on.gif'); }
#sidebar li .box select {
	display: block;
	margin: 10px auto 5px;
} 

/*#sidebar li img { margin: 5px 0 5px -18px; }*/



#sidebar li.related-stories a, #sidebar li.related-stories .box { 
	text-align: left; 
	color: #b53436;
	background: #f1f2eb url('../img/bg-side-195.gif') repeat-x bottom left;
	height: 190px; 
	width: 215px; 
	padding: 0 20px 5px;
}
#sidebar li.related-stories a img, #sidebar li.related-stories .box img { margin: 5px 0 10px; }
#sidebar li.related-stories a.active, #sidebar li.related-stories a:hover { background-image: url('../img/bg-side-195-on.gif'); }

#sidebar li a .content span { display: block; margin-top: 8px; font-size: 11px; line-height: 120%; font-style: italic; font-family: Verdana, Geneva, sans-serif; }
#sidebar li select { margin-top: 15px; display: block;
width: 180px;
float: left; }

#sidebar .fanClub a { display: block; background: #a90000 url('../img/bg-fanclub.gif') repeat-x top; color: #DDC !important; padding-top: 10px; padding-bottom: 10px; font-size: 45px; line-height: 100%; height: auto !important; }
#sidebar .fanClub a:hover { background: #dcdccb url('../img/bg-fanclub-on.gif') repeat-x top; color: #a90000 !important; }
#sidebar .fanClub a em { font-size: 40px; }
#sidebar .fanClub a span
{ display:block;
font-size:12px;
line-height:170%;
margin:20px 0;
font-family: Arial, Verdana, sans-serif; }


.consent { clear: both; padding: 20px 0; }
.consent p, .consent ul { margin: 0; font-size: 11px; }

/* tools */
.inline 	{ display: inline; }
.block		{ display: block; }
.fleft		{ float: left; }
.fright 	{ float: right; }
.overflow 	{ overflow: hidden; width: 100%; }
.clear 		{ clear: both; }
.clnone 	{ clear: none !important; }

.coAA1116	{ color: #aa1116; }
.co7f7d6d	{ color: #7f7d6d; }

.size18		{ font-size: 18px; font-weight: bold; }

.pushupleft 		{ margin-left: -21px; }
.pushupright 		{ margin-right: -21px; }
.pushupbottom 		{ margin-bottom: -15px; }
.pushupcornerleft	{ margin-left: -21px; margin-bottom: -15px; }

.top0		{ margin-top: 0 !important; }
.top5		{ margin-top: 5px !important; }
.top10		{ margin-top: 10px !important; }
.top15		{ margin-top: 15px !important; }
.top20		{ margin-top: 20px !important; }
.left0		{ margin-left: 0 !important; }
.left5		{ margin-left: 5px !important; }
.left10		{ margin-left: 10px !important; }
.left15		{ margin-left: 15px !important; }
.left20		{ margin-left: 20px !important; }
.bottom0	{ margin-bottom: 0 !important; }
.bottom5	{ margin-bottom: 5px !important; }
.bottom10	{ margin-bottom: 10px !important; }
.bottom15	{ margin-bottom: 15px !important; }
.right20	{ margin-bottom: 20px !important; }
.right0		{ margin-right: 0 !important; }
.right5		{ margin-right: 5px !important; }
.right10	{ margin-right: 10px !important; }
.right15	{ margin-right: 15px !important; }
.right20	{ margin-right: 20px !important; }