@charset "utf-8";
/* CSS Document */
@import url("cedric.css");
body {
	margin: 0;
	padding: 0;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #fff;
	background: #000 url(/library/images/background/mainBodyBg.jpg) no-repeat center top;
}

a{outline:none;}
/*reset*/
dl,
dl dt,
dl dd,
ul,
ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img,
form,
img,
table {
	border: none;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
	padding: 0;
	margin: 0;
}

a {
	color: #000;
	text-decoration: none;
}


/*
	Main sections
*/

#siteWrap {
	width: 1110px;
	margin: 0 auto;
}



#header {
	 width: 100%;
	 float: left;
	 clear: both;
	 position: relative;
	 padding: 17px 0 25px 0;
}

#content {
	 width: 100%;
	 float: left;
	 clear: both;
	 position: relative;
	 padding: 0 0 20px 0;
}

#footer {
	 width: 100%;
	 float: left;
	 clear: both;
	 padding: 15px 0 100px;
	 position: relative;
	 background: url(/library/images/background/footerSepBg.gif) no-repeat left top;
}



/*
	Header contents
*/

.mainLogo {
	position: absolute;
	left: 0;
	width: 258px;
	height: 181px;
}

/*subscribe field*/
.signUp {
	float: left;
	display:inline;
	width: 385px;
	margin-left:638px;
	height: 60px;
	background: url(/library/images/background/signupBg.png) no-repeat left top;
}

.signUp form {
	float: right;
	width: 169px;
	padding: 24px 10px 0 0;
}

.signUp form input {
	float: right;
}

.signUp form .button {
	padding: 0 0 0 5px;
}

.signUp form .subField {
	background: url(/library/images/background/subscribeFieldBg.gif) repeat-x left top;
	border: 0;
	font-size: 1em;
	padding: 3px;
	width: 129px;
}

.signUp .fconnect {
	float: right;
	padding: 26px 0 0 10px;
}
.signUp .fconnect a#RES_ID_fb_login{
	float:right;
	margin-right:-25px;
}
/*top banner*/

#header .banner {
	float: left;
	width: 768px;
	clear: both;
	padding: 10px 0 0 258px;
}



/*

content area

*/

/*video player section*/

.playerBackground {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	background: url(/library/images/background/videoPaneBg.png) no-repeat center top;
}

/*bio roll over*/

.alexBio {
	position: absolute;
	width: 259px;
	height: 322px;
	background: none;
}

.alexBio:hover {
	position: absolute;
	background: url(/library/images/text/bioAlex.png) no-repeat center center;
}

.johnBio {
	position: absolute;
	width: 259px;
	height: 322px;
	background: none;
	right: 0;
}

.johnBio:hover {
	position: absolute;
	background: url(/library/images/text/bioJohn.png) no-repeat center center;
}


/**/

.playerbloc {
	margin: 0 auto;
	width: 592px;
	position:relative;
	z-index:2;
}

.playerbloc .video{
	float: left;
	width: 550px;
	padding-top:18px;
}

.playerbloc .socialTools {
	float: left;
	width: 42px;
	padding: 126px 0 0 0;
	
}

.playerbloc .socialTools li {
	float: left;
	clear: both;
	cursor: pointer;
	padding: 15px 0 0 0;
}

.playerbloc .videoUtils {
	float: left;
	clear: both;
	height:23px;
	padding: 10px 0 0 0;
	width: 550px;
}

.playerbloc .videoUtils .comments {
	float: left;
	width: 50%;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
	z-index: 80;
	position: relative;
}

.playerbloc .videoUtils .comments span#totalComments {
	padding: 0 5px 0 16px;
	color: #d01c20;
	background: url(/library/images/icons/rightRedArrow.gif) no-repeat left center;
}

.playerbloc .videoUtils .comments.active span#totalComments {
	background: url(/library/images/icons/downRedArrow.gif) no-repeat left center;
}

.playerbloc .videoUtils .votes {
	float: right;
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
	background: url(/library/images/icons/brasvote.gif) no-repeat left top;
	height:19px;
	margin-top:-15px;
	padding-top:13px;
	z-index:10;
	padding-left:39px;
}

.playerbloc .videoUtils .votes span {
	color: #d01c20;
}

.playerbloc .videoUtils .votes a span{
	color: #d01c20;
	font-weight: normal;

}

#formRegistration {float:left;width:100%; padding-top:10px;}


#commentezFB .fb_profile_pic_rendered {float:left; padding-right:5px; padding-bottom:10px}

.signUp .fb_profile_pic_rendered img{margin-top:-15px;}
.playerbloc .videoUtils .votes a {color:#fff;font-weight:bold;}

/*comments view and add*/

.playerbloc .commentSys {
	clear: both;
	float: left;
	display: none;
	width: 550px;
	padding: 10px 0;
}
/*comments list*/
.playerbloc .commentSys dl {
	float: left;
	clear: both;
	padding: 5px 0;
	width: 100%;
}

.playerbloc .commentSys dl dt {
	color: #d01c20;
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	padding: 0 0 5px 0;
	width: 100%;
}


a#lire{
	display:block;
	width:42px; height:36px;
	background:url(/library/images/btns/lireVideoBtn.gif) no-repeat left top;
}
a#lire:hover{
	background:url(/library/images/btns/lireVideoBtn_hover.gif) no-repeat left top;
}
a.addthis_button{
	display:block;
	width:42px; height:31px;
	background:url(/library/images/btns/videoPartagerBtn.gif) no-repeat left top;
}
a.addthis_button img{visibility:hidden;}
a.addthis_button:hover{
	background:url(/library/images/btns/videoPartagerBtn_hover.gif) no-repeat left top;
}
a#faceBtn{
	display:block;
	width:42px; height:32px;
	background:url(/library/images/btns/facebookPartagerBtn.gif) no-repeat left top;
}
a#faceBtn:hover{
	background:url(/library/images/btns/facebookPartagerBtn_hover.gif) no-repeat left top;
}
a#vidBtn{
	display:block;
	width:42px; height:38px;
	background:url(/library/images/btns/embedVideoBtn.gif) no-repeat left top;
}
a#vidBtn:hover{
	background:url(/library/images/btns/embedVideoBtn_hover.gif) no-repeat left top;
}
.playerbloc .commentSys dl dd {
	float: left;
	width: 100%;
	clear: both;
	font-size: 1.2em;
}

.playerbloc .commentSys dl dd.tubeLink a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.playerbloc .commentSys dl dd.flag {
	color: #d01c20;
	font-size: 1em;
	padding: 15px 0;
	margin: 0 0 15px 0;
	background: url(/library/images/background/commentbottomBg.gif) no-repeat left bottom;
}

.playerbloc .commentSys dl dd.flag a {
	color: #d01c20;
}
/*comment creation*/

.playerbloc .commentSys form {
	float: left;
	clear: both;
	width: 100%;
}

.playerbloc .commentSys form h2 {
	color: #d01c20;
	float: left;
	padding: 0 20px 0 0;
	font-size: 1.5em;
	font-weight: bold;
	width:420px;
}

.playerbloc .commentSys form .facebookConnect {
	float: left;
	cursor: pointer;
}

.playerbloc .commentSys form label {
	float: left;
	clear: both;
	font-size: 1.2em;
	padding: 5px 0 3px 0;
}

.playerbloc .commentSys form input {
	float: left;
	border: 1px solid #8d9099;
	clear: both;
	width: 269px;
	background: #161616;
	color: #fff;
	padding: 2px;
	margin: 0 0 5px 0;
}

.playerbloc .commentSys form textarea {
	float: left;
	clear: both;
	border: 1px solid #8d9099;
	width: 544px;
	background: #161616;
	color: #fff;
	padding: 2px;
	margin: 0 0 5px 0;
}

.playerbloc .commentSys form .fAthorisation {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 5px 0;
}

.playerbloc .commentSys form .fAthorisation input,
.playerbloc .commentSys form .fAthorisation label {
	float: left;
	width: auto;
	clear: none;
	padding: 0;
	border: none;
	margin: 0 5px 0 0;
}

.playerbloc .commentSys form input.submit {
	width: auto;
	float: left;
	clear: both;
	background: none;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
}











/*

////Footer content

*/


#footer .left {
	float: left;
	width: 70%;
}

#footer .right {
	float: right;
	width: 29%;
	text-align: right;
}

#footer .right .bloc {
	float: right;
	padding: 0 0 0 6px;
}

#footer .copyrights{
	float: left;
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #717171;
	font-size: 0.9em;
	width: 100%;
}

#footer .copyrights .left {
	width: 45%;
}

#footer .copyrights .right {
	width: 55%;
}

#footer .copyrights a {
	color: #717171;
	text-decoration: underline;
}

#footer .copyrights span {
	font-size: 1.2em;
}

#footer .content {
	float: left;
	width: 100%;
	clear: both;
	padding: 0 0 15px 0;
}

.logo {
	float: left;
	margin: 0 10px 0 0;
}
.dropDown{
	float: left;
	margin: 0px 0px 0 0;
}

/*drop down*/
.dropDown {
	float: left;
	margin: 32px 10px 0 0;
	position:relative;
}
	.selection .dropDown{margin: 0;float: right; position:relative; z-index:200000; display:inline; margin-right:50px;}
	
.dropDown .dropdownbutton {
	color: #fff;
	width: 134px;
	cursor: pointer;
	
	border: 1px solid #618407;
	float: left;
	background: #1a1a1a url(/library/images/icons/downWhiteArrow.gif) no-repeat 135px center;
	padding: 3px 10px 3px 5px;
}
 .selection .dropdownbutton{
 	padding: 0px 5px 0px 5px;
 	border:none;
 	width: 70px;
 		background: #1a1a1a url(/library/images/icons/downWhiteArrow.gif) no-repeat 67px center;
 	}
	
.dropDown ul {
	border: 1px solid #618407;
	border-top: none;
	background: #1a1a1a;
	position: absolute;
	top: 19px;
	width: 149px;
	left:0;
	display: none;
	
}
	.selection .dropDown ul{top:19px;width:100%;border: none;}
.dropDown ul li {
	width: 100%;
}

.dropDown ul li a {
	padding: 3px  0px;
	width: 100%;
	border: none;
	clear: both;
	color: #fff;
	float: left;
	text-indent:5px;
}

.dropDown ul li a:hover {
	background: #000;
	text-decoration:none;
}



/*drop down*/
.dropDown2 {
	float: left;
	margin: 32px 10px 0 0;
	position:relative;
	z-index:10;
}
	.selection .dropDown2{margin: 0;float: right; position:relative; z-index:200000; display:inline; margin-right:50px;}
	
.dropDown2 .dropdownbutton {
	color: #fff;
	width: 134px;
	cursor: pointer;
	
	border: 1px solid #618407;
	float: left;
	background: #1a1a1a url(/library/images/icons/downWhiteArrow.gif) no-repeat 135px center;
	padding: 3px 10px 3px 5px;
}
 .selection .dropdownbutton{
 	padding: 0px 5px 0px 5px;
 	border:none;
 	width: 70px;
 		background: #1a1a1a url(/library/images/icons/downWhiteArrow.gif) no-repeat 67px center;
 	}
	
.dropDown2 ul {
	border: 1px solid #618407;
	border-bottom: none;
	background: #1a1a1a;
	position: absolute;
	bottom: 19px;
	width: 149px;
	left:0;
	display: none;
	
}
	
.dropDown2 ul li {
	width: 100%;
}

.dropDown2 ul li a {
	padding: 3px  0px;
	width: 100%;
	border: none;
	clear: both;
	color: #fff;
	float: left;
	text-indent:5px;
}

.dropDown2 ul li a:hover {
	background: #000;
	text-decoration:none;
}




/*text blub*/
.blurb {
	border-right:1px solid #222;
	float:left;
	font-size:1em;
	margin-top:19px;
	padding-right:10px;
	text-align:justify;
	width:50%;
}

.blurb a {
	text-decoration: underline;
	color: #fff;
}

/* ------------------------------------------------------------------------
	Popin (popup modal)
------------------------------------------------------------------------- */

	#overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 100;
		width: 100%;
	}

	.prettyPopin {
		display: none;
		overflow: hidden;
		position: absolute; z-index: 101;
		top: 50%; left: 50%;
		box-shadow:0px 0px 15px #000;
		-moz-box-shadow:0px 0px 15px #000;
		-webkit-box-shadow:0px 0px 15px #000;
		
	}
	
		.prettyPopin a#b_close {
			display: none;
			position: absolute; z-index: 2;
			top: 20px; right: 13px;
			width: 28px; height: 29px;
			text-indent: -10000px;
			outline: none;
			background: url(/library/images/prettyPopin/b_close.png) bottom left no-repeat;
		}
	
		.prettyPopin .prettyContent {
			position: relative;
			width: 100%; height: 100%;
			background: #000000;
		}
		
			.prettyPopin .prettyContent .prettyContent-container {
				display: none;
				
			}
		
			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
			}
			
			
/*Bio pages layout*/

#bioBody {
	background: none;
}

#bioWrapper {
	width: 889px;
	height: 529px;
}

.bioImg {
	width: 444px;
	float: left;
}

.bioTxt {
	float: right;
	width: 380px;
	padding: 85px 25px 0 40px;
}
	.john .bioTxt {
		float: left;
		width: 380px;
		padding: 85px 25px 0 35px;
	}

.bioTxt h1 {
	float: left;
	padding: 0 0 5px 0;
	color: #D01C20;
	font-size: 1.2em;
	width: 100%;
}

.bioTxt #formBio {
	float: left;
	width: 100%;
	clear: both;
	display: none;
}

.bioTxt .toggle {
	display: block;
	width: 100%;
	float: left;
}

.bioTxt p {
	width: 100%;
	float: left;
	margin: 0;
	clear: both;
	padding: 0 0 10px 0;
}
.bioTxt p a{color:#fff; text-decoration:underline;}
.bioTxt div.sendMail {
	float: left;
	clear: both;
	width: 380px;
	display: none;
	padding: 5px 0 5px 0;
	
	
}


#signupWrapper .bioTxt {
	padding-top: 55px;
}

.bioTxt .signUp {
	width: 380px;
	float: left;
	margin-left:0 !important;
	clear:both;
}


.bioTxt .signUp h2 {
	float: left;
	padding: 30px 0 0 115px;
}


.bioTxt h2.sendMailBtn {
	background: url(/library/images/icons/redMailIcon.jpg) no-repeat left top;
	padding: 0 0 10px 28px;
	float: left;
	margin:0;
	cursor: pointer;
	clear: both;
	color: #D01C20;
	font-size: 1.2em;
	width:80%;
}

.bioTxt .sendMail label {
	float: left;
	clear: both;
	padding: 0 0 5px 0;
	width: 100%;
}

.bioTxt .sendMail select {
	font-size: 1em;
}

.bioTxt .sendMail .bdate,
.bioTxt .sendMail .sex,
.bioTxt .sendMail .age {
	float: left;

	padding: 0 0 5px 0;
	width:40%;
}

.bioTxt .sendMail input {
	float: left;
	clear: both;
	width: 184px;
	border: 1px solid #8D9099;
	padding: 3px;
	font-size: 1em;
	color: #fff;
	margin: 0 0 10px 0;
	background: #161616;
}

.bioTxt .sendMail input:focus {background: #4a4a4a;}
.bioTxt .sendMail textarea:focus {background: #4a4a4a;}
.bioTxt .sendMail input.submit {
	width: auto;
	border: none;
	padding: 20px 0 0 0;
	margin: 0;
	background: none;
}

.bioTxt .sendMail textarea {
	float: left;
	margin: 0 0 10px 0;
	clear: both;
	width: 372px;
	font-size: 1em;
	color: #fff;
	border: 1px solid #8D9099;
	padding: 3px;
	background: #161616;
}

.bioTxt .sendMail #captchabox {
	float: left;
	clear: both;
	width: 100%;
}

.bioTxt .sendMail .capCode {
	float: left;
	width: 170px;
}

.bioTxt .sendMail .capCode input {
	clear: both;
	float: left;
	width: 162px;
}

.bioTxt .sendMail img.captcha {
	float: left;
	padding: 0 10px 0 0;
	width: 200px;
	clear: both;
}

.bioTxt .sendMail .regenerateCaptcha {
	float: left;
	clear: both;
	cursor: pointer;
	width: 100%;
	padding: 5px 0 10px 0;
	color: #D01C20;
}

/*signup newsletter popup uses many of the same styles as the bio one*/

#signupWrapper {
	padding: 0 0 20px 0;
	float: left;
	background: #000 url(/library/images/background/popupBG.jpg) no-repeat left top;
}

#signupWrapper .bioTxt,
#signupWrapper .sendMail {
	width: 480px;
}

#signupWrapper .bioTxt #formRegistration {
	float: left;
	width: 100%;
	clear: both;
}

#signupWrapper .sendMail .leftCol{
	float: left;
	padding: 0 10px 0 0;
	width: 230px;
}

#signupWrapper .sendMail .rightCol{
	float: left;
	padding: 0 0 0 10px;
	width: 230px;
}
#signupWrapper .sendMail .rightCol .bdate{
	width: 170px;
}


.fauthorise {
	padding-left:25px !important;
	background: url(/library/images/icons/facebookIcon.gif) no-repeat left top;
}
#fauthorise{padding:0 !important;width:auto!important; height:auto !important;}
#signupWrapper .sendMail .minibloc {
	float: left;
	padding: 0 5px 0 0;
}


/*account activated message page*/

#signupWrapper.complete {
	float: left;
	margin: 0 0 0 258px;
}


#signupWrapper.complete .bioTxt {
	padding-top: 10px;
}

#signupWrapper.complete .signUp {
	margin-left: 0;
	padding-bottom: 10px;
}

#signupWrapper.complete .bioTxt p a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}



/*comments pager*/

.pager {
	float: left;
	clear: both;
	padding: 0 0 20px 0;
	width: 100%;
}

.pager li {
	float: left;
	padding: 0 5px 0 0;
	font-size: 1.2em;
}

.pager li.selected {
	font-weight: bold;
}

.pager li a {
	color: #fff;
	text-decoration: underline;
}

.pager li.next {
	padding: 0 0 0 10px;
}

.pager li.prev {
	padding: 0 10px 0 0;
}

.pager li.next a,
.pager li.prev a {
	text-decoration: none;
	font-size: 0.8em;
}

.pager li.next a:hover,
.pager li.prev a:hover {
	color: #D01C20;
}



/*
video embed link popup
*/

.vidLink {
	width: 480px;
	padding: 60px 10px;
	float: left;
}

.vidLink h2 {
	float: left;
	font-size: 1em;
	color: #fff;
	padding: 0 0 5px 0;
	
}

.vidLink textarea {
	background: #161616;
	border: 1px solid #8D9099;
	clear: both;
	color: #FFFFFF;
	padding: 3px;
	float: left;
	clear: both;
	width: 472px;
}

/*terms & conditions popup*/

.policy {
	width: 600px;
	padding: 60px 10px;
	float: left;
	background: #000 url(/library/images/background/popupBG.jpg) no-repeat left top;
}

.policy h2 {
	width: 100%;
	float: left;
	clear: both;
	padding: 5px 0 10px 0;
	font-size: 1.2em;
}

.policy p {
	float: left;
	width: 100%;
	clear: both;
	padding: 0 0 5px 0;
}

.policy ol {
	float: left;
	width: 520px;
	clear: both;
	padding: 5px 0 10px 20px;
}

.policy ol li {
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
}

.policy .scroller {
	float: left;
	width: 580px;
	overflow: auto;
	height: 480px;
}