/* SCREEN STYLES //////////////////////////////////////////////////////*/

body { width: 100%; font-family: Trebuchet MS, Arial, sans-serif; color: #000; font-size: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }
body > img:first-child { position: absolute; } /* Fix for white gap appearing at top of page due to Marin tracking pixel */
body > img:nth-child(3) { position: absolute; }



/* HEADINGS //////////////////////////////////////////////////////*/

h1 { font-size: 1.8em; line-height: 1.5em; font-family: 'ChunkFiveRoman'; color: #2E8B57; }
	/*h1 .location { color: #2E8B57; }*/
h2 { font-size: 1.8em; line-height: 1.5em;  font-family: 'ChunkFiveRoman'; color: #2E8B57; }
	#banner h2 { font-size: 1.5em;  line-height: 1em; margin: 1em 0 0.7em 0; }
h3 { font-family: 'ChunkFiveRoman'; color: #2E8B57; font-size: 1.2em; line-height: 1.5em; }
h4 {  }
h5 {  }
h6 {  }
em { font-style: italic; }
	

	
/* PARAGRAPHS & LISTS //////////////////////////////////////////////////////*/
	
p { color: #3d3d3d; font-size: .8em; line-height: 1.5em; margin-bottom: 2em; }



/* LINKS //////////////////////////////////////////////////////*/

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

a:hover, a:active {
	text-decoration: none;
	color: #ff9233;
	font-weight: bold;
}

#success-stories a:hover {
	text-decoration: none;
	color: #2E8B57;
	font-weight: bold;
}



/* PAGE STRUCTURE & CONTENT //////////////////////////////////////////////////////*/



/****
// LIGHTBOX CODE //
****/


.black_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.85;opacity: .80;filter: alpha(opacity=85);overflow: hidden;}

#sticky-wrapper {width: 100%;height: auto;position: absolute;top: 100px;z-index: 1003;}

#sticky {width: 508px;height: 275px;margin-top:-137.5px;top:50%;margin-left:-254px;left:50%;background: #fff;border: 10px solid #ff7900;box-shadow:0px 0px 20px 6px #000;position: fixed;}
#sticky a.close_button{float:right; margin:5px 8px;}
img.small_logo{float:left;margin:100px 10px;}
.breakline{width:1px; height:186px; float:left; background:#ff7900; margin:50px 10px 0 10px;}
#sticky p{width:308px; float:left; margin:60px 0 0 20px; font-family:'ChunkFiveRoman'; color:#929292; font-size:20px;}
#sticky p span{color:#ff7900;}
#sticky a.visit_button{width:168px; height:35px; float:left; margin:20px 0 0 74px; background:url(../../_img/JG-visit_button.png) no-repeat;}
#sticky a.visit_button:hover{opacity:.9;}
#sticky a.visit_button img{margin:1px 0 0 1px;}



/****
// END LIGHTBOX CODE //
****/




#wrap { margin: 0 auto; width: 100%; height: 100%; background: repeat-x top center; }
#header { width: 100%; height: 147px; }
	#logo-menu-wrap { width: 960px; height: auto; margin: 0 auto; position: relative; }
		#logo { float: left; width: 158px; height: 96px; margin-top: 20px; }
		#flags { position: absolute; right: 0px; }
			#flags ul li { float: left; margin: 0; padding: 5px; width: 52px; height: 39px; text-align: center;  }
			#flags ul li.current, #flags ul li:hover { margin: 0; padding: 5px; width: 50px; height: 37px; text-align: center; background: url('../../_img/JG-bg-flags.png') repeat-x; border: 1px solid #c2c2c2; }
		#top-menu { float: right; position: relative; top: 99px; right: 0; height: 47px; text-align: right; background: rgba(255,255,255,0.35); border-top: 1px solid #d7d7d7; }
			#top-menu ul li {
				float: left;
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				padding: 16px 15px 15px 15px;
				border-right: 1px solid #fff;
				border-left: 1px solid #ddd;
			}
			#top-menu ul li:last-child { border-right: 1px solid #ddd; }

#form-banner-wrap { width: 100%; height: 640px; }
	#form-banner { width: 960px; height: 639px; margin: 0 auto; position: relative; }
		#form {
			position: absolute; top: -15px; left: 90px; width: 290px; padding: 25px 20px 0 30px;
			background: url('../../_img/JG-bg-form.png') repeat-x;
			-webkit-box-shadow: 0px 0px 25px #fff inset, 0px 0px 10px #cfc5b3; 
			-moz-box-shadow: 0px 0px 25px #fff inset, 0px 0px 10px #cfc5b3;
			box-shadow: 0px 0px 10px #cfc5b3, 0px 0px 25px #fff inset; 
			}
			#suggestedEmail { background: #cfc5b; font-size: 12px; display: block; width: 184px; position: relative; top: -3px; left: 86px; line-height: 20px; padding-left: 4px; }
			#suggestedEmail a:hover { font-family: Trebuchet MS; cursor: pointer; color: #2E8B57; }
			#intro { font-family: 'ChunkFiveRoman'; font-size: 1.1em; line-height: 1.2em; color: #929292; margin: 5px 0 15px 0; }

				.emphasis { color: #2E8B57; }

				#cta { background: url('../../_img/JG-bg-ribbon.png') no-repeat; width: 310px; height: 48px; position: relative; left: -40px; padding: 13px 0 3px 30px; font-family: 'ChunkFiveRoman'; font-size: 1.6em; letter-spacing: -1px; color: #fff; }
				#tell-us { font-family: 'ChunkFiveRoman'; color: #f57603; font-size: 1.2em; margin: 10px 0; }
				div.row { margin-bottom: 5px; }
				label { display: inline-block; width: 80px; font-size: 0.8em; color: #db6800; }
				select { border: 1px solid #d7d7d7; padding: 5px; }
				input { border: 1px solid #d7d7d7; padding: 5px; width: 178px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
				select.wide { width: 190px; }
				select.narrow { width: 59px; margin-right: 1px; }
				.btn-text { display:none; }

				#btn-continue { background: url('../../_img/JG-btn-continue.png') no-repeat; height:48px; width:212px; margin: 7px 0 0 72px; }
				button#btn-join-now { background: url('../../_img/JG-btn-join-free.png') no-repeat; border: none; height:48px; width:212px; margin: 7px 0 0 72px; cursor: pointer; }

				.more, .hide { display: none; }
				#dating-register-form-expandable { margin-bottom: 0px; }
				#dating-form-bottom { margin-top: 13px; position: relative; left: -30px; width: 294px; height: 20px; padding: 18px 15px 12px 30px; background: #fff9e6; border-top: 1px dashed #ff7900 }
				#odp { position: absolute; top: 9px; left: 25px;}
				p#note { font-size: 0.6em; left: 145px; position: absolute; top: 12px; }

                                p#strip { position: absolute; top: 543px; left: 49px; width: 700px; color: #2E8B57; font-weight: bold; }

				#sticker { position: absolute; top: 430px; right: 60px; background: url('http://sw.wldcdn.net/_img/JG-sticker.png') no-repeat; width: 147px; height: 147px; }
		#banner { width: 960px; height: 640px; margin: 0; box-shadow: 0px 0px 50px #444; -webkit-box-shadow: 0px 0px 50px #444; moz-box-shadow: 0px 0px 50px #444; }

#content-wrap { width: 100%; }
	#content { width: 960px; margin: 0 auto; padding: 50px 0 20px 0; }
		#page-menu table { font-size: 0.8em; color: #2E8B57; }
		#page-menu table tr td { padding: 15px 0 15px 30px; }
		#page-menu table tr td a { color: #2E8B57; width: 100px; height: 30px; background: url(http://www.justteachersdating.com/*'/_img/JG-favicon.png'*/) no-repeat; background-position: 0px 12px; padding: 15px 0 15px 20px; }
		#page-menu table tbody tr:nth-child(even) { background: #f7f7f7; }
#footer-wrap { width: 100%; padding: 35px 0; }
	#footer { width: 960px; margin: 0 auto; }
		#footer-left { float: left; width: 270px; margin: 30px 60px 0 0; }
		#footer-centre { float: left; width: 270px; margin: 30px 60px 0 0; }
		#footer-right { float: left; width: 270px; margin: 30px 0 0 0; }
			ul#nav-links-footer li { display: inline; margin-right: 15px; position: relative; top: 12px; }
#footer-bottom-wrap { width: 100%; height: 52px; }
		#footer-bottom { width: 960px; height: 20px; position: relative; top: 20px; font-size: 0.75em; margin: 0px auto; }
			#footer-bottom-right { position: absolute; right: 0; top: 0px; text-align: right; }
				#footer-bottom-right li { display: inline; margin-right: 15px; position: relative; top: 3px; }
				#footer-bottom-right a { margin-left: 10px; font-family: Trebuchet MS, Arial, sans-serif; }


/*.button_outer, a#example-show {
width: 214px;
margin-left: 70px;
margin-bottom: 5px;
height: 51px;
background-color: #2E8B57 !important;
background: url('../../_img/JG-cream_overlay.png') 0px 0px no-repeat;
color:white;
text-align:center;
text-decoration:none;
font-size:24px;
font-family:'ChunkFiveRoman';
text-shadow:0 1px 1px rgba(0,0,0,.4);
display: block;
border:none;
outline:none;
position:relative;
}


#dating-form-submit-jsp, .button_outer_link {
width: 214px;
height: 51px;
background:url('../../_img/JG-white_overlay.png');
color:white;
text-align:center;
text-decoration:none;
font-size:24px;
font-family:'ChunkFiveRoman';
text-shadow:0 1px 1px rgba(0,0,0,.4);
line-height:48px;
letter-spacing:1px;
display: block;
border: none;
cursor: pointer;
position:relative;
}


.button_outer_link{line-height:54px;}
#dating-form-submit-jsp:hover, .button_outer_link:hover{opacity:.9;}
#dating-form-submit-jsp:active, .button_outer_link:active{background:none !important;}*/

#continue-btn, #form button {
	position: relative;
	top: 5px;
	left: 77px;
	width: 202px;
	border: 0;
	cursor: pointer;
	background-color: #2E8B57;
	/*background: url(http://www.justteachersdating.com/_img/CMR-bg-button.png) repeat-x;*/
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	border-bottom: 1px solid #c5c5c5;
	text-align: center;
	font-family: 'ChunkFiveRoman';
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
	text-shadow: 1px 1px #333;
	color: #fff;
	font-size: 24px;
	line-height: 0.9em;
	padding: 10px 0 8px 0;
}

#continue-btn:active, #form button:active {
	-webkit-box-shadow: inset 0px 0px 4px #333;
        -moz-box-shadow: inset 0px 0px 4px #333;
        box-shadow: inset 0px 0px 4px #333;
	border-bottom: none;
	position: relative;
	top: 9px;
}



/* ETC. //////////////////////////////////////////////////////*/

::-moz-selection { background: #FFF; color: #000; }
::selection { background: #FFF; color: #000; }

.clearfix { clear: both; }



/* FONT-FACE //////////////////////////////////////////////////////*/

@font-face {
	font-family: 'ChunkFiveRoman';
	src: url('../../_fonts/chunkfive-webfont.eot');
	src: local('☺'), url('../../_fonts/chunkfive-webfont.woff') format('woff'), url('../../_fonts/chunkfive-webfont.ttf') format('truetype'), url('../../_fonts/chunkfive-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}