/**
 * screen.css
 *
 * This is the main css document for the application for display on screen.
 *
 * @version			1.0.0
 * @date			2011-12-12
 * @lastmodified	2011-12-12 11:36
 * @project			Lege Batterijen Awareness Actie
 * @link			http://actie.legebatterijen.nl
 * @cssdoc			version 1.0
 * @author			Niels van der Hucht - bitdifferent
 * @author-url		www.bitdifferent.nl
 *
 * @colordef		#000000; black (TEXT)
 * @colordef		#ffffff; white (BACKGROUND)
 * @colordef		#085785; blue
 * @colordef		#9abf0f; green
 * @colordef		#ef4136; red
 * @colordef		#dfdfdf; grey
 * @colordef		#f2f2f2; light grey
 *
 */


/**
 * Import
 *
 * @section			Import of individual stylesheets
 */

@import url("reset.css");
@import url("type.css");

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Global Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~ Body ~~~~~~~~~~ */

.showonprint {
	display:none;	
}
html, body, form { 
	width:100%; min-height:100%; height:auto !important; height:100%; margin:0; padding:0;
}
body { 
	background:#ffffff url('/_images/shade_left.png') no-repeat left top;
}
form {
	min-width:980px;
	background:transparent url('/_images/shade_right.png') no-repeat right top;
}
p {
	padding-bottom:15px;	
}

a, img, li, object, embed, input, label  {
	outline:0 !important;
}

/* ~~~~~~~~~~ Global divisons: Header, Main, Footer ~~~~~~~~~~ */

#container {
	width:100%; min-width:980px;
	height:100%; height:auto !important; min-height:1000px;
	background:transparent url('/_images/stripe.gif') no-repeat center 610px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Global Classes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear {
	clear:both;
}
.small {
	font-size:12px;
}
a.naarboven {
	display:block; text-decoration:none;
	width:145px; height:26px; overflow:hidden;
	text-indent:-9999px;
	background:transparent url('/_images/naar_boven.png') no-repeat 0 0;
}
a.naarlocator {
	display:block; text-decoration:none;
	width:232px; height:26px; overflow:hidden;
	text-indent:-9999px;
	background:transparent url('/_images/naar_locator.png') no-repeat 0 0;
}
a.naarfacebook {
	display:block; text-decoration:none;
	width:300px; height:26px; overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url('/_images/naar_facebook.png');
}
a.naarlegebatterijennl_groot {
	display:block; text-decoration:none;
	width:300px; height:26px; overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url('/_images/naar_legebatterijennl_groot.png');
}
	a.naarlegebatterijennl_groot:hover {
		background-position:0 -26px;
	}
a.naarlegebatterijennl_klein {
	display:block !important;
	width:160px; height:26px !important; overflow:hidden !important;
	text-indent:-9999px !important;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image:url('/_images/naar_legebatterijennl_klein.png');
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#menuContainer {
	width:100%; height:75px;
	position:fixed;
	top:0; left:0; z-index:1000;
	background:transparent url('/_images/bg_menu.png') repeat-x 0 0;
	/*font-family: DiamanteMediumRegular, Arial, Helvetica, sans-serif;*/
	font-size:22px;
	font-weight: normal; font-style: normal;
	line-height: normal; margin: 0; padding:0;
	text-transform:uppercase;
}

	#menuContainer ul {
		width:948px;
		margin:0 auto;
		list-style:none; margin:0 auto; padding:0;
		position:relative;
	}
	#menuContainer ul li {
		float:left;
		margin:0;
		padding:23px 38px 19px 0;
		margin:0 25px 0 0;
		background:transparent url('/_images/bullet.png') no-repeat right center;
	}
	#menuContainer ul li.last {
		float:left;
		margin:0;
		padding:22px 0 20px 0;
		margin:0;
		background:none;
	}
	#menuContainer ul li a {
		text-decoration:none;
		display:block; height:19px; overflow:hidden;
		text-indent:-9999px; border:none;
	}
		#menuContainer ul li #aStart {
			width:73px;
			background:transparent url('/_images/menuitem_start.png') no-repeat 0 0;
		}
		#menuContainer ul li #aPrijzen {
			width:172px;
			background:transparent url('/_images/menuitem_prijzen.png') no-repeat 0 0;
		}
		#menuContainer ul li #aInleveren {
			width:202px;
			background:transparent url('/_images/menuitem_inleveren.png') no-repeat 0 0;
		}
		#menuContainer ul li #aStibat {
			width:97px;
			background:transparent url('/_images/menuitem_ons.png') no-repeat 0 0;
		}
		#menuContainer ul li.active a {
			background-position:0 -19px !important;
		}
	#menuContainer ul li.door_naar_legebatterijen {
		padding:0; margin:0; list-style:none; background:none;
		position:absolute; right:-6px; top:17px; 
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Division: Start ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#division_start {
	width:980px;
	margin:0 auto 120px auto;
	padding:0;
	height:720px;
	position:relative; 
	z-index:3;
}
#division_start h1 {
	position:absolute;
	left:402px; top:125px;
	width:568px; height:62px;
	overflow:hidden;
	text-indent:-9999px;
	background:transparent url('/_images/batterij_leeg.gif') no-repeat 0 0;
	z-index:4;
}
.intro {
	position:absolute;
	left:10px; top:120px;
	padding:36px 36px 0 36px;
	background:transparent url('/_images/bg_intro.png') no-repeat 0 0;
}
.main {
	position:absolute;
	right:4px; top:120px;
	padding:36px 36px 0 36px;
	width:550px; height:400px;  overflow:hidden;
	background:transparent url('/_images/bg_main.png') no-repeat 0 0;
	color:#666666;
}
	.briefje {
		background:transparent url('/_images/bg_main_briefje.png') no-repeat 0 0 !important;
	}
	#division_start h1.reischequesinfo {
		position:static;
		left:auto; top:auto;
		width:auto; height:auto;
		overflow:visible;
		z-index:auto;
		text-indent:inherit;
		background:none;
		font-size:22px;
		font-family: DiamanteMediumRegular, Arial Black, Arial, Helvetica, sans-serif;
		font-weight:normal;
		padding-bottom:15px;
	}
	.intro_col_1 {
		width:220px;
	}
	.intro_col_2 {
		position:absolute;
		right:6px; top:60px;
		width:300px; height:350px; overflow:hidden;
	}
	#schrijf {
		position:absolute;
		left:35px; top:26px;
		width:265px; height:250px; overflow:hidden;
		-moz-transform: rotate(2.0deg);  /* FF3.5+ */
		-o-transform: rotate(2.0deg);  /* Opera 10.5 */
		-webkit-transform: rotate(2.0deg);  /* Saf3.1+, Chrome */
		-ms-transform: rotate(2.0deg);  /* IE9 */
		transform: rotate(2.0deg);
		zoom: 1;
	}
		#schrijf span {
			display:block;
			padding:0 0 10px 0;
			font-size:14px;
			font-family:"Comic Sans MS", Arial, sans-serif; font-weight: normal; font-style: normal;	
			color:#085785;
		}
	#lbPrint {
		display:block;
		width:256px; height:60px;
		overflow:hidden; text-indent:-9999px;
		position:absolute;
		left:20px; bottom:10px;
		background:transparent url('/_images/print.png') no-repeat 0 0 !important;
	}
	
	/* ~~~~~~~~ Intro elements ~~~~~~~~ */
	.intro, #intro_slider_container, .intro_content {
		width:270px; 
		height:525px;
	}
		#intro_slider_container {
			position:relative;
			overflow:hidden;
		}
			.intro_content {
				float:left;
				position:relative;
				padding-right:30px;
			}
			#intro_1 {
				width:260px !important;	
				padding-right:40px !important;	
			}
				#intro_slider {
					position:absolute;
					left:0; top:0;
					width:600px; /* = 2 x intro_content width */
				}
	
	.intro, .intro a {
		color:#666666;
	}
	.intro h3 {
		padding:0 0 15px 3px;
		line-height:28px;
	}
	.intro p, .main p {
		padding:0 0 15px 3px;
	}
	.intro ul, .intro li {
		margin:0; padding:0;
		list-style:none;
	}
	.intro li {
		width:246px; height:30px;
		padding:5px;
		overflow:hidden;
		background:#ffffff url('/_images/field.png') no-repeat 0 0;
		border-bottom:solid 5px #ffffff;
	}		
	.intro input {
		display:block;
		border:solid 1px #ffffff;
		color:#666666;
		background:transparent;
		width:236px; height:20px;
		margin:0; padding:5px;
		border:none;
	}
	.intro input.watermrk {
		color:#AAAAAA;
	}
	.intro input.filled {
		padding-left:35px;
	}
	
	/* ~~~~~~~~ Intro: part 1 ~~~~~~~~ */
	#intro_1 {
		display:block;
	}
		/* ~~ Select winkel ~~ */
		#select_winkel {
			color:#999999;
		}
			#select_winkel li {
				cursor:pointer;
				background:#ffffff url('/_images/field_select.png') no-repeat 0 0;
				border-bottom:solid 2px #ffffff;
			}
				#select_winkel li input {
					cursor:text;
					width:200px;
					color:#666666;
				}
				#select_winkel li input.watermrk {
					color:#666666;
				}
		#intro_1 label {
			display:block;
			font-weight:bold;
			margin:5px 0 5px 3px;
		}
		#select_winkel_options {
			display:none;
			background:#ffffff;
			position:relative;
			z-index:8;
			border:solid 1px #666666;
			width:256px;
			height:250px; /* desired number of visible li's x 40 (40 = height of li) */
			overflow:auto;
		}
			#select_winkel_options li {
				width:150px; height:36px;
				padding:14px 8px 0px 81px;
				background:none;
				border:none;
				cursor:pointer;
				vertical-align:middle;
			}
				#select_winkel_options li:hover {
					color:#000000;
				}
			#select_winkel_options li.first {
			
			}
			#select_winkel_options li.last {
			
			}
			
		/* ~~ DOE MEE start button ~~ */
		.intro a#lbStart {
			display:block; position:absolute;
			border:none; text-decoration:none;
			width:256px; height:60px; overflow:hidden;
			text-indent:-9999px;
			left:0; bottom:165px;
			background:#9abf0f url('/_images/doe_mee.png') no-repeat 0 0;
		}
	
	/* ~~~~~~~~ Intro: part 2 ~~~~~~~~ */
	#intro_2 {
		display:block;
	}	
	
	/* ~~ Deelnemers data form ~~ */
	#flds_deelnemers_data, flds_deelnemers_data li {
		margin:0; padding:0; list-style:none;
	}
	#flds_deelnemers_data li.notValid {
		background-position:0 -40px !important;
	}
	#intro_2 #flds_deelnemers_data #fld_plaats.notValid {
		background-position:5px -40px !important;
	}
	
	#intro_2 #fld_geslacht {
		width:auto; height:auto;
		padding:0;
		overflow:hidden;
		background:none;
		border-bottom:none;
	}
		#intro_2 #rblGeslacht {
			display:block;
			width:100%; height:25px; overflow:hidden;
			line-height:normal;
			position:relative;
			margin:0; padding:2px 0 0 0;
		}
			#intro_2 #rblGeslacht input {
				display:block;
				width:auto; height:auto;
				line-height:normal; margin:3px; padding:0;
				float:left;
			}
			#intro_2 #rblGeslacht label {
				display:block;
				width:auto; height:auto;
				line-height:normal; margin:0; padding:0 20px 0 0;
				float:left;
			}
	#intro_2 #fld_postcode {
		float:left;
		width:76px;
		background:#ffffff url('/_images/field_smallest.png') no-repeat 0 0;
	}	
		#intro_2 #fld_postcode input {
			width:66px;
		}
	#intro_2 #fld_plaats {
		float:left;
		padding-left:10px;
		width:155px;
		background:#ffffff url('/_images/field_small.png') no-repeat 5px 0;
	}	
		#intro_2 #fld_plaats input {
			width:145px;
		}
		
	/* ~~ Voorwaarden ~~ */
	#flds_voorwaarden {
		position:absolute;
		left:0; bottom:65px;
	}
		
		#flds_voorwaarden #fld_nieuwsbrief, #flds_voorwaarden #fld_akkoord {
			width:auto; height:auto;
			padding:0;
			overflow:hidden;
			background:none;
			border-bottom:none;
			position:relative;
		}
			#fld_nieuwsbrief input, #fld_akkoord input  {
				width:auto; height:auto;
				position:absolute; left:3px; top:10px;
			}
			#fld_nieuwsbrief label, #fld_akkoord label {
				width:auto; height:auto;
				display:block; padding:7px 5px 0 25px;
				font-size:11px;
			}
			#fld_akkoord, #fld_akkoord a { 
				color:#666666;
				font-size:11px !important;
			}
			#fld_akkoord label.notValid, #fld_akkoord label.notValid a {
				color:#ef4136;
			}
		
		
	/* ~~ OKE bevestig button ~~ */
		.intro a#lbOke {
			display:block; position:absolute;
			border:none; text-decoration:none;
			width:256px; height:60px; overflow:hidden;
			text-indent:-9999px;
			left:0; bottom:165px;
			background:#9abf0f url('/_images/oke.png') no-repeat 0 0;
		}	
			
	/* ~~~~~~~~ Carousel ~~~~~~~~ */	
	#carousel {
		position:absolute;
		left:402px; top:185px;
		width:535px; height:436px;
		overflow:hidden; z-index:3;
	}
		#carousel_slider {
			margin:0 0 20px 0; padding:0; list-style:none;
			width:1605px; /* 3 x width of carousel item */
			overflow:hidden;
		}
			#carousel_slider li {
				margin:0; padding:0; list-style:none;
				width:535px; overflow:hidden;
				float:left;
			}
		#carousel_slider img {
			display:block;
			border:none; outline:none;
		}
		#carousel_slider h2 {
			width:100%; height:65px;
			overflow:hidden; text-indent:-9999px;
			background:transparent url('/_images/beer_text.gif') no-repeat 0 0;	
		}
			#carousel_slider h2.treintxt {
				background:transparent url('/_images/trein_text.gif') no-repeat 0 0;	
			}
			#carousel_slider h2.afstandsbedieningtxt {
				background:transparent url('/_images/afstandsbediening_text.gif') no-repeat 0 0;	
			}
			#carousel_slider h2.leegtxt {
				background:transparent url('/_images/leeg_text.png') no-repeat 0 0 !important;	
			}
		#carousel_paging {
			width:535px;
			position:absolute;
			left:0; bottom:30px;
		}
			#carousel_paging ul, #carousel_paging li {
				list-style: none;
				margin: 0; padding: 0;
				text-align: center;
			}
			#carousel_paging li { 
				display: inline !important;
			}
			#carousel_paging li a {
				display:inline-block;
				width:auto;
				width:12px; height:12px;
				border:solid 4px #ffffff;
				background-color:transparent;
				background-image:url('/_images/paging.gif');
				background-repeat:no-repeat;
				background-position:0 -12px;
				text-indent:-9999px;	
			}
			#carousel_paging li.selected a {
				background-position:0 0;
			}
			
			
	/* ~~~~~~~~ Sticker & payoff ~~~~~~~~ */	
	#sticker {
		position:absolute;
		left:740px; top:602px;
		z-index:6;
		width:240px; height:240px;
		overflow:hidden;
		text-indent:-9999px;
		background:transparent url('/_images/sticker.png') no-repeat 0 0;	
		margin:0; padding:0;
	}
	#payoff {
		position:absolute;
		left:250px; top:689px;
		z-index:7;
		width:470px; height:90px;
		overflow:hidden;
		text-indent:-9999px;
		background:transparent url('/_images/payoff.gif') no-repeat 0 0;
		margin:0; padding:0;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Division: Prijzen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#division_prijzen {
	width:100%;
	min-width:980px;
	min-height:500px; height:auto !important; height:500px;
	background:transparent url('/_images/bg_gray.png') repeat-y center top;
	padding-bottom:65px; padding-top:80px;
}
#division_prijzen h3 {
	width:948px; height:45px; overflow:hidden;
	margin:0 auto;
	text-indent:-9999px;
	background:transparent url('/_images/wat_kan_ik_winnen.gif') no-repeat left top;
}
#prijzen, #prijzen li {
	margin:0; padding:0; list-style:none; background:none;
}
#prijzen {
	width:980px; height:320px;
	margin:10px auto;
}
	#prijzen li {
		width:240px; height:330px; overflow:hidden;
		float:left;
	}
	#prijzen li#prijs_0 {
		width:249px;
		border-left:solid 8px #f2f2f2;
		background:transparent url('/_images/prijs_intro.png') no-repeat left top;
	}
		#prijs_0 p {
			padding:25px 25px 0 25px;
		}
		#prijzen li#prijs_1 {
			position:relative;
		}
			#prijzen li#prijs_1 small {
				display:block;
				position:absolute;
				left:10px; bottom:0;
				z-index:100;
				font-size:11px;
				color:#999999;
			}
				#prijzen li#prijs_1 small a {
					color:#999999 !important;
				}
		.prijs h4 {
			font-family: DiamanteBoldRegular, Arial Black, Arial, Helvetica, sans-serif;
			font-weight:normal; font-size:22px; color:#ffffff;
			text-align:center;
			width:226px; height:300px; overflow:hidden;
			text-indent:-9999px;
			border:solid 7px #f2f2f2;
			border-top-width:10px; border-bottom-width:10px;
			background:#9abf0f;
		}
		#prijs_1 h4 {
			background:transparent url('/_images/prijs_dierentuin.jpg') no-repeat left top;
		}
		#prijs_2 h4 {
			background:transparent url('/_images/prijs_nsdagkaarten.jpg') no-repeat left top;
		}
		#prijs_3 h4 {
			background:transparent url('/_images/prijs_bioscoopbonnen.jpg') no-repeat left top;
		}
	#division_prijzen h4.reischeques {
		padding:40px 0 15px 0;
		color:#000000; font-size:36px;
		width:948px; overflow:hidden;
		margin:0 auto;
	}
	#division_prijzen h5.reischeques {
		padding:40px 0 15px 0;
		color:#000000; font-size:36px;
		width:948px; overflow:hidden;
		margin:0 auto;
		font-size:24px;
	}
	#inlever_actie, #inlever_actie li {
		margin:0; padding:0; list-style:none; background:none;
	}
	#inlever_actie {
		width:980px;
		margin:0 auto;
	}
		#inlever_actie li.col_1 {
			float:left;
			width:300px;
			padding-left:16px;
			padding-right:27px;
		}
		#inlever_actie li.col_2 {
			float:left;
			width:300px;
		}
		#inlever_actie li.col_3 {
			float:left;
			width:320px;
			padding-left:17px;
			margin-top:-35px;
		}
		#inlever_actie li.col_bottom {
			clear:both;
			padding:20px 16px;
		}
		
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Division: Inleveren ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#division_inleveren {
	width:100%; min-width:980px; height:600px;
	margin:0; padding:0;
	background:#ffffff url('/_images/kaart2.jpg') no-repeat center top;
}
#division_inleveren #inleveren_content {
	width:980px; height:600px;
	background:transparent;
	margin:0 auto;
	position:relative;
}
#division_inleveren h3, #division_inleveren p, #division_inleveren ul {
	position:relative;
	z-index:2;
}
#division_inleveren h3 {
	width:938px; height:45px; overflow:hidden;
	margin:0; padding:80px 0 0 10px;
	text-indent:-9999px;
	background:transparent url('/_images/waar_kan_ik_inleveren.gif') no-repeat 16px 80px;
}
#division_inleveren p {
	width:300px;
	padding:30px 0 30px 16px;
}
#division_inleveren ul, #division_inleveren li {
	margin:0; padding:0; list-style:none; background:none;
}
#division_inleveren ul {
	padding-left:10px;
}
#division_inleveren li {
	padding:0 0 30px 6px;	
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Division: Stibat ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#division_stibat {
	width:100%;
	min-width:980px;
	min-height:500px; height:auto !important; height:500px;
	background:transparent url('/_images/bg_gray.png') repeat-y center top;
	padding:80px 0;
}
#division_stibat h3 {
	width:948px; height:45px; overflow:hidden;
	margin:0 auto; padding:0 0 40px 0;
	text-indent:-9999px;
	background:transparent url('/_images/over_ons.gif') no-repeat left top;
}
#division_stibat ul, #division_stibat li {
	margin:0; padding:0; list-style:none; background:none;
}
	#division_stibat h4 {
		padding:0 0 15px 0;
		color:#666666; font-size:22px;
	}
	#division_stibat ul {
		width:980px;
		margin:0 auto;
	}
		#division_stibat ul li.col_1 {
			float:left;
			width:300px;
			padding-left:16px;
			padding-right:27px;
		}
		#division_stibat ul li.col_2 {
			float:left;
			width:300px;
		}
		#division_stibat ul li.col_3 {
			float:left;
			width:320px;
			padding-left:17px;
			margin-top:10px;
		}
		#division_stibat ul li.col_bottom {
			clear:both;
			padding:40px 16px;
		}
		
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	width:100%;
	min-width:980px;
	background:transparent url('/_images/bg_footer.png') repeat-y center top;
	padding:40px 0 40px 0;
	border-bottom:solid 20px #000;
}
#footer, #footer a {
	color:#666666 !important;
}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

#footer ul, #footer li {
	margin:0; padding:0; list-style:none; background:none;
}
	#footer ul {
		position:relative;
		width:948px;
		margin:0 auto;
	}
	#footer ul#footer_list_1 {
		height:60px;
	}
		#footer ul#footer_list_1 li {
			float:left;
			padding:0 25px 0 38px;
			background:transparent url('/_images/bullet_gray.png') no-repeat 0 5px;
		}
		#footer ul#footer_list_1 li.first {
			float:left;
			padding:0 25px 0 0;
			background:none;
		}
		#footer li.door_naar_legebatterijen {
			position:absolute;
			right:-6px; top:0;
			background:none !important;
			padding:0 !important;
		}
		#footer li.copyright {
			position:absolute;
			right:-6px; top:22px;
		}
		
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Error page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#errorpage {
	width:980px;
	margin:0 auto 120px auto;
	padding:120px 0 40px 0;
	min-height:600px; height:auto !important; height:600px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Fancybox ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -21px;
	margin-left: -21px;
	width: 42px;
	height: 42px;
	background: url('/_images/fancybox_loading.gif');
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/_images/fancybox_sprite.png');
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-prev, .fancybox-next {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('/_images/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-prev span, .fancybox-next span {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
}

.fancybox-prev span {
	background-position: 0 -36px;
}

.fancybox-next span {
	background-position: 0 -72px;
}

.fancybox-prev:hover, .fancybox-next:hover {
	visibility: visible;
}

.fancybox-prev:hover span {
	left: 20px;
}

.fancybox-next:hover span {
	left: auto;
	right: 20px;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/* System messages */

#noscript {
	position:absolute;
	left:10px; top:120px;
	z-index:1;
}
	#noscript p {
		font-size:14px;
		font-weight:normal;
		width:256px; 
		height:500px;
	}
	#noscript img {
		display:block;
		border:none; padding:0; margin:0; outline:none;
		width:256px; height:300px;
		position:absolute;
		left:36px; top:36px;
		z-index:1000;
	}
	
	.statusMessage {
		position:absolute;
		left:0; top:120px;
		padding:36px 36px 0 36px;
		background:transparent url('/_images/bg_intro.png') no-repeat 0 0;
		z-index:1;
	}
	.statusMessage span {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:black;
		width:256px; 
		height:500px;
	}
	
	
	
	#like {
		width:100%; height:1px;
		position:fixed; left:0; top:0;
		z-index:1001;
	}
		#like ul, #like li {
			margin:0; padding:0; list-style:none; background:none;	
		}
		#like ul {
			width:980px; height:1px;	
			margin:20px auto 0 auto; position:relative;
		}
		#like ul li {
			float:right;
		}
		#like ul li#likeOnFacebook {
			width:145px; height:25px;
			overflow:hidden;	
		}
		#like ul li#tweetLink {
			padding:0 7px 0 0;
		}
		#like ul li#tweetLink a {
			display:block;
			width:59px; height:20px; overflow:hidden;
			text-indent:-9999px; font-size:11px; text-decoration:none;
			background:#ffffff url('/_images/tweet.png') no-repeat 0 0;
		}