/*
	Nutritter Splash CSS
*/

* { margin: 0; padding: 0; }
body {
	color:#333333;
	font-size:12px;
	background:#589059 url(img/splash/bg_gradient.gif) top center repeat-x;
	font-family:"Arial Unicode MS", Arial, Helvetica, Verdana; font-size:14px;
}
#wrap {
	height:560px;
	background:url(img/splash/bg_landscape.jpg) top center no-repeat;
	text-align:center;
}
#content {
	width:576px;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
a img { border:medium none; }
.logo {
	padding:10px 0px 5px 15px;	
}
.logged_out .logo div { 
	font-size:24px;
	font-weight:bold;
	margin-right:50px;
	text-align:right;
}
.logged_out .logo a:hover { text-decoration:none; }
.black_box {
	background-color:#000000;
	margin:20px auto;
	width:499px;
	color:#ffffff;
}
.black_box img.top { margin-top:-20px; }
.black_box img.bottom {
	margin-bottom:-30px;
	margin-left:-32px;
}
.black_box .inside {
	margin:-90px 0 -31px 0;
	padding:0 15px;
	min-height:122px;
	position:relative;
}
.black_box h2 {
	float:left;
	font-size:24px;
	font-weight:normal;
	padding-left:15px;
	background:transparent url(/img/green_arrow.png) no-repeat scroll 0 center;
}
.black_box form {
	clear:both;
	background:transparent url(/img/splash_line.png) no-repeat scroll center bottom;
}
.black_box form .text {
	border:medium none;
	color:#333333;
	float:left;
	padding:3px;
	width:8em;
}
.black_box form .select {
	color:#333333;
	float:left;
	padding:3px;
	width:8.6em;
}
.black_box form input.bttn { 
	border:medium none;
	background-color:#aebc2d;
	height:30px;
	padding:0 7px;
	cursor:pointer;
}
.black_box label { cursor:pointer; }


/* Splash Page */
#splash_page {	font-size:16px; }
#splash_page h2 { padding:0; float:none; background:transparent; }
#splash_page p.login { margin:0 0 52px 0; }
#splash_page p.request { font-size:14px; }
#splash_page a { text-decoration:none; }
#splash_page form { height:35px; padding-bottom:30px; }
#splash_page form div { width:330px; margin:15px auto 0px; border:2px solid #ffffff; }
#splash_page .black_box a { color:#b7c228; border-bottom:1px dotted #b7c228; }
#splash_page .black_box .inside { margin-top:-80px; }
#splash_page .black_box .bottom { background-image:url(/img/splash_apples.png); }
#splash_page .black_box form input.bttn { padding:0px; width:68px; float:left;}
#splash_page .black_box form .text {
	height:27px; 
	width:255px;
	font-size:16px;
	color:#969696;
	padding:3px 0 0 7px;
	float:left;
}
#requested p { text-align:left; font-size:14px; margin:15px 0 20px; } 
#requested h2 { 
	float:none;
	padding-left:15px;
	background:transparent url(/img/green_arrow.png) no-repeat scroll 0 center;
	display:inline;
}
#splash_page .black_box .inside { margin-top:-90px; }

/* Login Page & Join */
#login_page .inside, #join_page .inside { margin-top:-90px; }
.logged_out h2 { margin-bottom:10px; }

#login_page #form-login { height:85px; padding-top:4px; }
.logged_out .field { float:left; margin:5px 0; }
#login_page .field { margin-right:10px; }
#login_page #field-username-id { margin-right:25px; }
#login_page .field-submit { float:left; }
.logged_out label { 
	float:left;

	text-align:left;
	width:5em;
}
.logged_out .text { height:18px; }
.logged_out .field-submit .bttn {
	border:medium none;
	width:50px;
	height:24px;
	margin-top:5px;
	padding:0px;
}
.logged_out p { font-size:16px; }
.logged_out p a { border-bottom:1px dotted #B7C228; }
.logged_out p a:hover { text-decoration:none; }

#join_page { position:relative; }
#join_page h2 { margin-bottom:10px; }
#join_page .top_right { top:10px; }
.left { width:47%; clear:both; float:left; }
.right { width:47%; float:right; }
#join_page .right { float:right; width:53%; }
#join_page .right label, #join_page .left label  { width:5.5em; margin-right:5px; }
#join_page .right label  { width:8.5em; }
#join_page form { padding-bottom:15px; }
#join_page .request { text-align:left; }
#join_page #login_lnk { float:left; margin:11px 0 0 10px; }
#join_page .field-submit {
	margin-right:12px;
	text-align:right;
	height:29px;
	clear:both;
}
#join_page .star {
	margin-left:5px;
	float:left;
	font-weight:bold;
	color:#aebc2d;
}
.top_right {
	position:absolute;
	top:10px;
	right:15px;
	z-index:10;
}
.logged_out a { color:#B7C228; text-decoration:none; }
.logged_out a:hover { text-decoration:underline; }
.logged_out #desc { clear:both; text-align:left; padding:10px; }
.logged_out #desc p { font-weight:bold; margin-bottom:5px; }
.logged_out #desc div { clear:both; }
.logged_out .black_box form .reverse_field label { width:auto; margin-left:10px; }
.logged_out .black_box form .reverse_field .checkbox { margin-top:3px; float:left; }
.logged_out .black_box form .reverse_field { clear:both; margin-left:1.5em; width:100%; }
.logged_out #field-other { margin-left:10px; width:18em; } 
.logged_out .black_box form .radio_field { float:left; margin-right:5px; }
.logged_out .black_box form .radio_field input { width:12px; }
.logged_out .black_box form .radio_field label {
	float:none;
	width:auto;
	margin-left:3px;
}
.logged_out #field-gender-id .star { margin-left:-5px; }

.form-field-error-message {
    color: #FF0000;
}

#howto_page .links { text-align:left; padding:20px 40px 0px; }
#howto_page .links p { line-height:200%; }

#form-notifs { padding-left:25px; text-align:left; background:transparent; }
#form-notifs table { margin-top:15px; }
#form-notifs table td { padding:5px 0px; }
#form-notifs .table-labels td { text-align:center; }
#form-notifs .notif-type-description { width:11em; text-align:right; }
#form-notifs .notif-checkbox { width:5em; text-align:center; }
#form-notifs .field-submit { background:transparent url(/img/splash_line.png) no-repeat scroll center top; padding-top:10px; margin-top:10px; }

#join_page #twitter_join form { font-size:12px; }
#join_page #twitter_join .left { width:50%; }
#join_page #twitter_join .right { width:48%; }
#join_page #twitter_join label { width:9em; margin-top:4px; margin-right:0px; }
#join_page #twitter_join .reverse_field label { width:auto; margin-top:2px; }
#join_page #twitter_join input.text { width:7.5em; }
#join_page #twitter_join .twitter_conflict_message { clear:both; }

#join_page #question { font-size:18px; clear:both; padding:20px; }
#join_page #question div { margin:20px 0px; }
#join_page #question div a { background-color:#aebc2d; color:#333333; padding:5px 15px; }
#join_page #question div a:first-child { margin-right:50px; }
#join_page #question div a:hover { text-decoration:none; }
#join_page #hidden #twitter_join, #join_page #hidden #normal_join { display:none; }