/*
=============================================================================
Created By: 	Vlad Ilin
Date Created: 	9.28.08
Purpose:		CSS specific to registration pages and their structure.
Comments:		Changed to conform to rail standards. Will not work for the rest of the site.

Modified By:		...
Date Modified:		...
Comments:			...
______________________________________________________________________________
TOC
	1. Structure
	2. Fonts
	3. Left Side
	4. Right Side

=============================================================================
*/ 

/*----------------- 1. Structure -----------------*/
	body{ background: #fff url("../img/topstripe1.gif") repeat-x left top; color: #626262; text-align: center; font:12px "Trebuchet MS", "Lucida Grande", Geneva, Helvetica, sans-serif;}
	
	.wrapper { background: url("../img/backonly.gif") no-repeat center top; width:846px; margin:0 auto; }
	.header { height: 100px; width:838px; margin: 0 auto; text-align: left; }
	.content { width:838px; margin: 0 auto; background-color: #FFF; text-align: left; }
	
	.padding { margin:30px 15px 30px 30px; }

/*----------------- 2. Fonts -----------------*/
	h1 { text-indent:-9999px; padding:27px 0 0 18px; float:left; }
	h1 a { display: block; width:289px; height:73px; background: url("../img/logo-only.gif") no-repeat left top; }
	h2 { font:normal 23px Georgia, "Times New Roman", Times, serif; color:#00a4e1; margin-bottom: 7px; }
	h3 { font:normal 21px Georgia, "Times New Roman", Times, serif; color:#45a856; margin-bottom: 15px; }
	h4 { font:normal 17px Georgia, "Times New Roman", Times, serif; color:#00a4e1; margin:20px 0 7px 0; }
	h5 {font:normal 15px/1.5em Georgia, "Times New Roman", Times, serif; margin:5px 0 15px;}
	h5 strong{font:normal 17px Georgia, "Times New Roman", Times, serif;}
	
	span.larger_first_line { font-size: 120%; }
	li.form_notes { font-style: italic; font-size: 11px; }
	span.form_notes { display: block; padding-top: 4px; font-style: italic; font-size: 11px; }
	
	.ht_80{height:80px;}
	.ht_160{height:160px;}
	.ht_320{height:320px;}
	.ht_480{height:480px;}

/* New Header announcement */
	.header_email_signup { float:right; width: 500px; height: 58px; margin-top: 38px; line-height: 1.5em; background: url(../img/contest-burst.gif) no-repeat 430px -2px; }
	.header_guide_promo { float:right; width: 500px; height: 58px; margin-top: 38px; line-height: 1.5em; text-align: right; }
	.header_email_signup, .header_email_signup form, .header_email_signup form input { color:#45a856; }


/*-----------------.3 Left Side & Forms ----------------- */
.left_side_column{width:225px; padding-right:20px; border-right:1px solid #ccc; min-height:650px; height:auto !important; height:650px; float:left;}
.left_side_column p.underline { color:#474747; font-size: 14px; }

/*------------ Create - Form UPDATED 07/17 -------------- */
	form.rgstr { margin-top: 14px; }
	form.rgstr label {font-size: 12px; font-weight: bold; color:#626262; line-height: 16px;} 
	form.rgstr .fake_label { font:bold 12px Helvetica, Arial, sans-serif; color:#626262; line-height: 16px; display: block; padding-bottom: 4px; }
	form.rgstr li label.sub_label { font-size:11px; font-weight: normal; color:#626262; }

	form.rgstr .text_box {width:153px;}
	form.rgstr .input_box {width:100%; /* new! clear:right; */}
	form.rgstr .input_box input, form.rgstr .input_box textarea { border: 1px solid #CCCCCC; padding: 3px; color:#888; width: 98%; }
	form.rgstr .input_box input_alt, form.rgstr .input_box_alt textarea { border: 1px solid #CCCCCC; padding: 3px; color:#888; width: 350px; margin-left: 20px; }
	form.rgstr li input.check { width:auto; position:static; margin-bottom:-1px; margin-right: 4px; }
	form.rgstr li { margin:0 0 14px 0; }
	form.rgstr .right li { margin:0 14px 14px 0; }
	.long_select{width:219px;} 	
	.rgstr .form_buttons { clear:both; margin:7px 0; padding-bottom: 7px; border-bottom: 1px solid #CCC; }
	.whatzit { display: block; float: right; font-weight: normal; font-size: 11px; }
	.date_drops { padding:4px 0 0 0; }
	
/* REMOVE THESE
	.left_side_column input{width:220px;}
	.left_side_column input.bday {width:60px;}
	.left_side_column input.checkbox{width:auto;}
	.left_side_column li{font:normal 11px Helvetica, Arial, sans-serif; clear:both;}
	.left_side_column p{ margin:7px 0 5px; font-size:14px;}
*/

/* blue box in left column */
	div.bg_blue{background-color:#e9f4ec; border:1px #90cea7 solid; padding:7px 10px; font-weight:bold; font-size:14px; line-height:1.5em; margin:7px 0 5px;}

/*----------------- 4. Right Side & Forms -----------------*/
.right_side_column, .right_side_column2 { float:right; width:525px; position:relative; }

/* yes no box */
	.yes_box{background:#e9f4ec url("../img/icon_yes.png") left top no-repeat; padding:0 10px 0 140px; border: 1px solid #8dcaab; margin:10px 0; height:130px;}
	.no_box{background:#fcf9e8 url("../img/icon_no.png") left top no-repeat; padding-left:140px; border: 1px solid #f0e490; height:130px;}
	div.blue_text{text-align:left; font:bold 25px/26px Helvetica, Arial, sans-serif; padding:8px 0 5px; color:#00A4E1;}
	div.text_yes_no {font:bold 13px/1.5em Helvetica, Arial, sans-serif; padding-right: 20px; }

/* information_box */
	.information_box { float:left; height: 125px; width:250px; margin-bottom: 14px; background: url("../img/floaterback2.gif") no-repeat center top; }
	.leftone { margin-right: 14px; }
	.information_box img { margin:15px 0 0 13px; float:left; }
	.information_box div { margin: 18px 15px 10px 110px; font-size: 12px; line-height: 1.5em; }
	.information_box div span { display:block; font-size:19px; margin-bottom: 3px; font-weight: bold; }

/* step nav */	
	.step{position:absolute; left:130px; top:-90px;}
		.step li{float:left;}
		.step a{width:60px; height:82px; display:block; text-indent:-1000px; background-repeat:no-repeat; background-image:url("../img/steps.png");}
		.step a.step1{background-position:left -83px;}
		.step a.step2{background-position: -60px -83px;}
		.step a.step3{background-position:-120px -83px;}
		.step a.step4{background-position:-180px -83px;}
		.step a.step5{background-position:right -83px;}
		.step a.step1:hover, .step li.on a.step1 {background-position:left top;}
		.step a.step2:hover, .step li.on a.step2 {background-position: -60px top;}
		.step a.step3:hover, .step li.on a.step3 {background-position:-120px top;}
		.step a.step4:hover, .step li.on a.step4 {background-position:-180px top;}
		.step a.step5:hover, .step li.on a.step5 {background-position:right top;}
		.step li.done a.step1 {background-position:left -171px;}
		.step li.done a.step2 {background-position: -60px -171px;}
		.step li.done a.step3 {background-position:-120px -171px;}
		.step li.done a.step4 {background-position:-180px -171px;}
		.step li.done a.step5 {background-position:right -171px;}
		
/* left_names_and_activities_bo*/			
	.left_names_and_activities_box{border:1px solid #ccc; width:260px; margin-top:15px;}
		.left_names_and_activities_box div.row{float:right; width:100%; background-color:#F5F5F5;}
		.left_names_and_activities_box div.left{width:129px; border-right:1px solid #ccc; height:36px;}
		.left_names_and_activities_box div.right{ width:129px;}
		.left_names_and_activities_box img, .left_names_and_activities_box span{float:left;}
		.left_names_and_activities_box .row_gradient{background:transparent url("../img/mod_gradient-large.jpg") repeat-x scroll center top; font-weight:bold; text-align:center; }
		.left_names_and_activities_box .row_gradient .left, .left_names_and_activities_box .row_gradient .right{padding-top:6px; height:30px;}
		
	.pop_up{text-align:center; position:absolute; top:106px; left:-25px;}
		.pop_up .module_middle_section {font-size:14px; padding:0 14px;}
		.pop_up .module_middle_section strong{font-size:16px;}
/* the @ sign background image */		
	.webmail{position:absolute; top:111px; left:160px; padding:2px 40px; background:url("../img/the-at.gif") no-repeat left;}
	.webmail_page9{margin-bottom:18px!important; background:url("../img/the-at.gif") no-repeat bottom right;}
/*floats the sides*/
	.right_float{float:right; width:240px; margin-top:15px;}
	.left_float{float:left; width:230px; margin-top:15px; }
	
/*the select all container*/
	.select_all{margin:15px 8px 5px;}

/* davebias addons */
.edit_profile .module_middle_section_top { padding-bottom: 7px; }
form.profile_info { padding-top:14px; }
.profile_info input.txtfld { border:1px solid #DDE1E2;color:#474747;width:300px; padding:4px 2px; margin-bottom: 7px; font-size: 11px; }
form.pass_word input.txtfld { border:1px solid #DDE1E2;color:#474747;width:250px; padding:4px 2px; font-size: 11px; }
form.pass_word ol { margin:0 0 14px 14px; }
.profile-pic { padding:7px 0 14px 0; border-bottom: 1px solid #CCC; }
.profile-pic img { margin-right:14px; }
.profile-pic form { margin-top:7px; /* float:left; width:370px; */ }
.profile-pic div {margin:7px 0 14px 0; font-size: 11px;}
.login-form { margin-top: 7px; }
.message_to_friends { float:left; width:240px; margin-left: 14px; }
form.login-form .invite_box {height:300px; overflow-x: hidden; overflow-y: auto;}
.profile_info li label {float:left; width:455px; font-weight:bold; padding-right:6px; text-align:right; width:133px; color:#474747; padding:7px 5px 5px 0;}

/* calendar controls styling */
.calcontrolswitch { position: relative; float: right; width:16px; padding-top: 3px; }
.calcontrolswitch a { display: block; }
.calcontrol { float:left; background-color:#FFF; width:225px; border-left: 1px solid #ccc; border-bottom: 3px solid #ccc; border-right: 2px solid #CCC; }
.timecontrol { padding-right: 3px; height: 170px; overflow-y: scroll; }
.calcontroltop { padding: 5px 0; font-weight: bold; font-size: 11px; line-height: 11px; background: url(../img/mod_gradient.gif) repeat-x top left; border-right: 1px solid #ccc; }
.calcontroltop .next_month, .calcontroltop .prev_month { margin:0 3px; padding:0; }
.calcontroldow td { border-top:1px solid #CCC; border-right:1px solid #CCC; text-align: center; }
.calcontroldow td a, .calcontroldow td span, .calcontroltime a { display:block; padding:3px; }
.calcontroldow td a.thisday, .calcontrol td a.thisday:hover { background-color:#00A4E1; color:#FFFFFF; }
.calcontroldow td a:hover, .calcontroltime a:hover { text-decoration: none !important; background-color:#e5f6fd; color:#474747; }
.calcontrolfld { width:232px; float:left; border: 1px solid #CCCCCC; padding: 3px; color:#888; }
.calcontroltime { padding: 3px 0; border-bottom: 1px solid #CCC; text-align: center; border-right: 1px solid #FFF; }
.calcontroltime table td { background-color: #eaeaea; border-right: 1px solid #FFF; }
.calcontroltime a.booked, .calcontroltime a.booked:hover { background-color:#d31717; color:#FFFFFF; }
.calcontroldow a.booked, .calcontrol a.booked:hover { background-color:#8dc469; color:#FFFFFF; }

.input_box textarea { margin-top:7px; border: 1px solid #CCCCCC; padding: 3px; color:#666; width: 230px; font-size: 11px; }
.input_box li { font-size: 11px; line-height: 1.2em; margin-bottom: 14px; }
.input_box li strong { font-size: 12px; margin-bottom: 3px; }

/* new stuff 07/22 */
.group_members_table td { font-size: 12px; color:#474747; padding: 4px; border-bottom: 1px dotted #CCC; }
.group_members_table td.action_col { font-size:11px; width:45px; overflow: hidden; line-height: 16px; }
.group_admins li { color:#474747; font-size: 11px; line-height: 1.5em; }
.group_admins span.group_role { color:#666; font-size: 10px; font-style: italic; }

	form.create { margin-top: 14px; }
	form.create .wideform {width:756px;}
	form.create .left{width:368px;}
	form.create .right{width:368px; }
	form.create .text_box{width:153px;}
	form.create .input_box{width:100%; }
	form.create .plus_checks .input_box input { width:90%; }
	form.create .input_box_narrow{width:60%; }
	form.create .input_box input, form.create .input_box textarea, form.create .input_box_narrow input, form.create .input_box_narrow textarea { border: 1px solid #CCCCCC; padding: 3px; color:#888; width: 98%; }
	form.create .input_box input_alt, form.create .input_box_alt textarea { border: 1px solid #CCCCCC; padding: 3px; color:#888; width: 350px; margin-left: 20px; }
	form.create .input_box input.security_check { width: 15px; display: inline; border: none; }
	form.create li input.check { width:auto; position:static; margin-bottom:-1px; margin-right: 4px; }
	form.create li { margin:0 0 14px 14px; }
	form.create .right li { margin:0 14px 14px 0; }
	form.create li label {color:#474747; font-weight:bold; }
	.long_select{width:219px;} 	
	.sep-blue { background-color:#e5f6fd; padding:3px; font:bold 16px/16px Helvetica, Arial, sans-serif; }
	.invite_box { background-color:#fcfaeb; overflow:auto; border:1px solid #ccc; }
	form.create .invite_box li { font-size: 13px; line-height: 1.5em; padding:7px 0; margin-bottom:0; border-bottom: 1px dotted #CCC; }
	.invite_box li span { display:block; float:left; }
	.invite_box .invite_check { width:30px; }	
	.invite_box .invite_avatar { width:36px; height:26px; }	
	.invite_box .invite_name { width:300px; overflow: hidden; }	
	.invite_box .invite_email { width:300px; overflow: hidden; }
	.final_step_message { font-size: 14px; line-height: 1.5em; padding:28px 56px; }	
	.final_step_message ul { font-size: 13px; margin-left:7px; }	

	
.notifications { font:bold 12px/28px Helvetica, Arial, sans-serif; color: #888; padding: 4px 7px 0 30px; background: #FFFFCC url(../img/btns/tick.png) no-repeat 7px 50%; border-bottom: 1px dotted #CCC; } 
.errors { font:bold 12px/28px Helvetica, Arial, sans-serif; color: #FFF; padding: 4px 7px 0 30px; background: #cc0000 url(../img/btns/error.png) no-repeat 7px 50%; border-bottom: 1px dotted #CCC; }
.system_message { font:bold 12px/28px Helvetica, Arial, sans-serif; color:#00a4e1; padding: 4px 7px 0 30px; background: #ebf8fd url(../img/btns/squares.gif) no-repeat 7px 50%; border-bottom: 1px dotted #CCC; } 

.dismiss {width:16px; text-indent:-9999px; height:18px; margin: 0 2px 0 4px; display:block; padding:0px; float:right;background:url("../img/icons_rsvp.png") no-repeat -48px -18px;}
a.dismiss:hover{background-position:-48px top;}