/* -------------------------------------------------------------- Global classes */

.newsletter {
	font-family: Georgia,"Times New Roman",Times,serif;
}

.newsletter input {
	border: 0;
}

.newsletter .field {
	background: transparent url(img/champ-newsletter.png) top left no-repeat;
	display: -moz-inline-block;
	display: inline-block;
}

.newsletter .error-email {
	background: transparent url(img/champ-newsletter-error.png) top left no-repeat;
}

.newsletter .email {
	height:31px;
	width: 285px;
}

.newsletter .textinput {
	height: 21px;
	width:205px;
	border: 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	color: #435e78;
	padding: 5px;
	vertical-align: top;
	background: transparent;
}

.newsletter .okbutton {
	border: 0;
	background: transparent;
	outline: 0;
}

.newsletter .okbutton.bottom {
	float: right;
	margin-right: 25px;
}

.newsletter form fieldset ol {
	margin: 0;
	padding: 0;
}

.newsletter form fieldset li {
	list-style: none;
	padding: 2px;
	margin: 0;
}

.newsletter form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

.newsletter .merci h2 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	color: #df0064;
	font-size: 24px;
	padding-left: 30px;
	line-height: 30px;
}

.newsletter form fieldset {
	border: 0;
}

.newsletter .form label {
	font-size: 16px;
	color: #0d2547;
	float: left;
	text-align: right;
	line-height: 1.8;
	vertical-align: top;
	line-height: 30px;
	cursor: pointer;
}

.newsletter .checkbox {
	float: left;
}

.checkbox input {
	float: right;
}

.newsletter .ddn {
	margin-left: 5px;
	line-height: 30px;
}

.newsletter .clearer {
	height 0;
	border: 0;
	clear: both;
	font-size: 0;
	line-height: 0;
}





/* -------------------------------------------------------------- #top classes */
#deedee-header * {
	border: 0px;
}

#deedee-header span {
	font-size: 11px;
}

#top .email {
	position: absolute;
	top:73px;
	right:60px;	
}

#deedee-header .email {
	position: absolute;
	top:80px;
	right:38px;	
}

#top #newsletter-top-panel {
	top:120px;
	position: absolute;
	height:240px;
	width:810px;
	display: none;
	background: transparent;
}

#deedee-header #newsletter-top-panel {
	left: 10px;
	top:125px;
	position: absolute;
	height:240px;
	width:980px;
	display: none;
	background: transparent;
}

#newsletter-top-panel .bg {
	position: absolute;
	z-index: 1;
	background-color: #fff;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	height:240px;
	display: block;
}

#blog #newsletter-top-panel .bg {
	width:810px;
}

#forum #newsletter-top-panel .bg {
	width:980px;
}

#blog #newsletter-top-panel .inner, #deedee-header #newsletter-top-panel .inner{
	position: absolute;
	z-index: 10;
	width: inherit;
}

#newsletter-top-panel .inner .merci {
	width: 280px;
	float: left;
}

#top #newsletter-top-panel .inner .form {
	width: 500px;
	float: right;
	margin-top: 20px;
}

#deedee-header #newsletter-top-panel .inner .form {
	width: 520px;
	float: right;
	margin-top: 20px;
}

#top .form label, #deedee-header .form label {
	width:180px;
}

#top .form .field, #top .form .nofield, #deedee-header .form .field, #deedee-header .form .nofield {
	width: 305px;
	float: right;
}


#top .checkbox, #deedee-header .checkbox {
	width:180px;
}

#top .form label.accept, #deedee-header .form label.accept, #newsletter-mid .form label.accept {
	float: left;
	text-align: left;
	width: 290px;
	margin-left:10px;
	font-size: 12px;
	width: 290px;
}





/* -------------------------------------------------------------- #newsletter-mid classes */

dl#newsletter-mid {
	width:500px;
	background-image: url("img/comment-newsletter-bottom.png");
	background-position: bottom center;
	position: relative;
}

dl#newsletter-mid dt {
	background-image: url("img/comment-newsletter-top.png");
	height:80px;

}

dl#newsletter-mid dd {
	margin-left: 20px;
	padding-bottom: 50px;
}

#newsletter-mid-panel {
	display: none;
}

#newsletter-mid .email {
	position: absolute;
	top:30px;
	right:10px;	
}

#newsletter-mid .form .field, #newsletter-mid .form .nofield {
	float: right;
	width: 325px;
}

#newsletter-mid .form label {
	width:140px;
}

#newsletter-mid .checkbox {
	width:140px;
}

#merci-mid {
	height: 60px;
}