/*
=============================================================================
Created By: 	Vlad Ilin
Date Created: 	9.28.08
Purpose:		Common/Shared Elements by all of sites pages.
Comments:		Changed to conform to rail standards 

Modified By:		...
Date Modified:		...
Comments:			...
______________________________________________________________________________
TOC
	1. Default
	2. Fonts
	3. Footer
	4. Modules
	5. Forms

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

/* -------------- 1. Defaults --------------------------- */

/* omariedwards changes 02.17.11 */

/* davebias changes 01.15.09 */


*{margin:0;padding:0;}
	/* mod2008 */
	/* _old body{background:url("../img/bg_wrapper.jpg") repeat-x top; font:12px Helvetica, Arial, sans-serif; color:#888888;}*/
	/* 
	body{ background:url("../img/bg_wrapper_mod2.gif") repeat-x top; font:12px Helvetica, Arial, sans-serif; color:#474747;} 
	body.public { background:url(../img/bg_wrapper_public.gif) repeat-x top; }
	*/
	/* -mod2008 */
	body{ background: url(../img/v3bg2.gif) repeat-x left -10px; font:12px Helvetica, Arial, sans-serif; color:#474747; background-color:#3c2815;} 
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:focus { -moz-outline-style: none; }
a { outline: none; }


/* davebias changes 01.15.09 */
	
	a img{border:0;}
	
	a.unm { font-weight: bold; color:#00a4e1; }
	
	a:hover, .grey a{ text-decoration:underline !important;}
	a, div.top_nav li a, div.bot_nav a, .reviews ul li a, .small_nav a:hover, .calendar_navigation a:hover, h3 a:hover, .right_box div a:hover, ul.grid_container_large li a, .calendar_widgets li a, body .name_small a, .day_calendar .grid_large div a:hover, .review_detail a, .module_header_nav a:hover {text-decoration:none !important;}
	fieldset{border:none; color:#888; }
	ul, ol{list-style-type:none;}
	
	.clear{clear:both; height:0;}
	.left{float:left;}
	.right{float:right;}
	
	.mr_6{margin-right:7px;}
	.mb_8{margin-bottom:8px}
	.mb_10{margin-bottom:10px}
	.mr_14{margin-right:14px}
	.mt_10{margin-top:10px;}
	.ml_10{margin-left:10px;}
	.padder { padding:0 14px 14px 14px; }
	.padder2 { padding: 14px; }
	option{padding:2px 2px 0;}
	.inline{display:inline;}
	 .underline, .module_160 .module_middle_section_top {border-bottom:1px #ccc solid;}
	 .border_top{border-top:1px #ccc solid; height:8px;}
 
 
 	a.reply{background:url("../img/btn_reply-off.png") left top no-repeat; display: block; width:56px; height:16px; text-indent:-9999px;}
	a.reply:hover, a.reply.on{background:url("../img/btn_reply-on.png") left top no-repeat;}
/* -------------- 2. Fonts --------------------------- */
/*-------- font colors ----------*/
/*blue*/
	a, h4, .today .cal_txt, .user_name, .module_160 .module_middle_section_top, .small_nav a:hover, .module_middle_section_header .name_small a, .right_side_column2 ul.grid_container_large li span.box_row span.right a{color:#00a4e1;}
/*reg grey*/
	div.top_nav li a, div.bot_nav a, form.search_cal input, .module_middle_section_bottom a, .small, .grey a, form.pass_word .input_field, div.foot_cont div.right, .grid_small, .grid_large, .module_middle_section_header a, .calendar_navigation a, .module_middle_section_sub_header .grid_calendar, div.breadcrumbs a {color:#888;}
/*mid grey*/
	div.top_nav li a:hover, .cal_txt, .module_middle_section_header, .small_nav a, .text, ul.grid_container_large li a, .calendar_widgets li a, .my_events_details .module_middle_section_right_column a span, .review_detail a {color:#626262;}
/*dark grey*/ 
	.grid_calendar ul li a, .date, .module_635 .module_bottom_section a, .sub_box p a, .day_calendar .grid_large div a, .module_middle_section_top, .grid_container_large .grid_large {color:#393939;}
	.light_grey {color:#ccc;}
	.green{color:#70bb80 !important;}
	.red, .right_side_column2 ul.grid_container_large li span.box_row span.right{ color:#C00 !important;}
	.gold {color:#dbb01a !important;}

	body form{color:#474747;}

 .small, .text span, ul.grid_container_large li, div.top_nav li a {font-weight:bold;}

/*-------- font size --------- */
	p{line-height:1.5em; font-size:13px; padding-bottom:7px;}
	.user_name span, .blueleo_family .module_top_section, .large_font, .grid_container_large .grid_large, .text_box .red, ul.grid_container_large li, .my_events_details .module_middle_section_right_column a span {font-size:16px;}
	.right_box div, .my_events_details .module_middle_section_right_column{font-size:14px;}
	.right_box ul, .module_306 .module_middle_section_content, .module_160 .module_middle_section_content, .module_635 .module_middle_section_content, module_306 .module_middle_section_content, .module_middle_section_right, .text, .module_306 div, .date {font-size:12px;}
	.grid_calendar ul li a, .quote_box .box1 strong, .invite_box strong, div.top_nav li a, div.bot_nav a, .quote_box ul li, .my_events_details  .module_middle_section_header a { font-size:11px;}
	.ten-px, .quote_box .box1, div#foot_cont div.right, .module_middle_section_bottom a, .module_306 .module_middle_section_sub_header .grid_calendar, .week, .text span, .module_780, .module_maincal, .module_306, .module_160, .module_635, .review_detail .light_grey{font-size:10px;}

/* -------------- 3. Footer --------------------------- */
div.footer{ repeat-x top; height:130px; margin-top:20px;}
	div.foot_cont{ padding-top:33px; font-size: 11px; color:#888; width:950px; margin:0 auto; }
	div.foot_cont img{/*position:relative; top:-9px;*/ margin-top:-7px}
	div.foot_cont li{list-style-type:none; float:left; margin:0 15px 0 0;}
	div.foot_cont ul a { float:left; color:#888; text-decoration: none; padding:0 3px; display:block; }
	div.foot_cont ul a:hover { background-color:#00A4E1; color:#FFF; text-decoration: none; }
	div.foot_cont .right{font-size:10px;}
	
/* -------------- 4. Modules --------------------------- */
.module_306{width:305px; background: url(../img/mod-bot-305-NEW.png) no-repeat center bottom; padding-bottom: 30px; }
.module_160{width:160px;}
.module_635{width:635px; margin-bottom:6px; background: url(../img/mod-bot-635-NEW.png) no-repeat center bottom; padding-bottom: 30px; }
.module_780{width:780px; position:relative; background: url(../img/mod-bot-780-NEW.png) no-repeat center bottom; padding-bottom: 30px; }
.module_maincal{width:950px; position:relative;}
	.module_top_section{height:14px; background: url("../img/mod-top-br-l.png") repeat-y;}
	.module_top_section_right_corner{height:14px; background: url("../img/mod-top-br-r.png") repeat-y; width:13px; float:right;}
	#masterhead .module_306 .module_top_section{background: url("../img/mod-top-w-l.png") repeat-y;}
	#masterhead .module_306 .module_top_section_right_corner{background: url("../img/mod-top-w-r.png") repeat-y;}
	.module_780 .module_middle_section_top{height:33px;}
	.module_maincal .module_middle_section_top{height:24px;}
	.module_160 .module_middle_section{background:url("../img/mod-mid-w160.png") repeat-y; padding:0 4px;}
	.module_306 .module_middle_section{background-color: #FFF; padding:0 4px;}
	.module_635 .module_middle_section{background: url("../img/mod-mid-w635-br.png") repeat-y; padding:0 4px;}
	.module_635 img{float:left}
	.module_780 .module_middle_section{background: url("../img/mod-mid-w780-br.png") repeat-y; padding:0 4px;}
	.module_maincal .module_middle_section{background: url("../img/mod-mid-w950.png") repeat-y; padding:0 4px;}
	.module_bottom_section{height:14px; background: url("../img/mod-bot-w-l-br.png") left bottom no-repeat;}
	.module_bottom_section_right_corner{height:14px; background: url("../img/mod-bot-w-r-br.png") bottom right no-repeat; width:13px; float:right;}
	
	.module_780 .module_bottom_section, .module_635 .module_bottom_section, .blueleo_family .module_bottom_section{ height:24px;}
	.module_780 .module_bottom_section_right_corner, .module_635 .module_bottom_section_right_corner, .blueleo_family .module_bottom_section_right_corner{height:24px;}

	.module_maincal .module_bottom_section, .module_635 .module_bottom_section, .blueleo_family .module_bottom_section{ height:24px;}
	.module_maincal .module_bottom_section_right_corner, .module_635 .module_bottom_section_right_corner, .blueleo_family .module_bottom_section_right_corner{height:24px;}
		
/*
	.module_middle_section_top{height:24px; padding-bottom: 11px;}
*/
	.module_middle_section_bottom{height:14px; position:relative; top:5px;}
	
	.module_middle_section_bottom a{ margin-left:8px;}
	.module_middle_section_bottom a img{position:relative; top:5px;}
	
	.module_middle_section_header{height:16px; border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding-left:7px; padding-top:2px;}
	.mod_gradient{background:url("../img/mod_gradient.jpg") repeat-x; }
	#masterhead .week .module_middle_section_sub_header{background-color:#ccc;}
	#masterhead .module_middle_section_sub_header{background-color:#fff;}
/*tables and grids */
	.table_row{ position:relative; border-bottom:1px #ccc solid; width:686px; }
	.week_calendar .table_row{ background:#FFFFFF url(../img/week_dow_bg.gif) repeat-y scroll left top; }
	.grid_small, .grid_large{min-height:17px; height:auto !important; height:17px; float:left; background-color:#fff; font-weight:bold;  padding-top:7px;} 
	.grid_small{width:49px;}
	.grid_large{padding-left:10px; width:219px;  border-left:1px #ccc solid;}
	
	.grid_container_large{overflow-x:hidden; overflow-y:auto; height:300px; width:100%; display:block; border-top: 1px solid #CCC; margin-top: 7px;}
	.grid_container_large .grid_small, .grid_container_large .grid_large{background-color:#f5f5f5; border-right:none; height:38px; border-top:#fff 1px solid;}
	
/* davebias changes 01.15.09 */

.skyscrpr { margin-top: 10px; }
/* davebias changes 01.15.09 */

	
/*invite box contains the invite names*/
	.right_side_column .grid_container_large, .right_side_column2 .grid_container_large, .invite_box{ border-top:1px #ccc solid; border-bottom:1px #ccc solid}
	.right_side_column ul.grid_container_large, .right_side_column ol.invite_box {width:254px; height:450px; position:relative;}
	.right_side_column2 .grid_container_large {width:400px; height:300px; margin-top:15px;}
	
	.right_side_column ul.grid_container_large li a{display:block; background-color:#f5f5f5; height:38px; border-top:#fff 1px solid; border-bottom:1px solid #ccc; padding:5px 0 0 10px;}
	.right_side_column ul.grid_container_large li a:hover, .calendar_widgets li a:hover, .review_detail a:hover, .address_book ul.grid_container_large li a:hover{background-color:#fcfaeb;}
	.right_side_column ul.grid_container_large li a span{ margin:-30px 0 0 40px; display:block;}
	
	ul.grid_container_large li span.box_row, .address_book ul.grid_container_large li a{display:block; background-color:#f5f5f5; height:38px; border-top:#fff 1px solid; border-bottom:1px solid #ccc; padding:5px 0 0 10px;}
	ul.grid_container_large li span.box_row{float:left; width:100%;}
	.right_side_column ul.grid_container_large li span.box_row span{position:relative; top:-9px; left:-15px}
	 .address_book ul.grid_container_large li span{display:block; margin:-30px 0 0 40px;}
	.right_side_column ul.grid_container_large li span.box_row input.check{position:relative; right:-163px; top:-9px;}
	.right_side_column2 ul.grid_container_large li span.box_row span.left{width:190px; }
	 span.box_row span.left img, span.box_row span.left span{float:left; padding-right:5px;}
	.right_side_column2 ul.grid_container_large li span.box_row span.right{width:160px; padding-right:30px;}
	 span.box_row span.right, span.box_row span.left span{display:block; margin:6px 0 0 0;}
	
	.calendar_widgets li a{display:block; border-bottom:1px solid #ccc; padding:5px 0 0 10px; height:25px;}
	.calendar_widgets li a span{ margin:-19px 0 0 25px; display:block;}
	
	.module_160 .grid_small{width:34px; border-right:none; padding-bottom:2px;}
	.module_160 .grid_large{width:115px; padding-bottom:2px; padding-left:3px;}
	 
	.module_160 .module_middle_section_top{ padding-left:0px;}
	
	#masterhead .module_middle_section_content{border-bottom:1px solid #ccc;}
	
/* -------------- 5. Forms --------------------------- */
	form.search input{width:120px; height:22px; margin:6px 0 0 12px;}
	form.create_event_form{ float:right; margin-right: 15px; }
/* new!
	.input_box textarea{width:210px; height:80px;}
*/
	form.pass_word .module_middle_section_top{height:auto; line-height:20px;}
	form.pass_word .input_field{ padding:8px 0 0 20px;}
	form.pass_word .input_field input{width:253px;}
	input.create_group{ background:url("../img/btn_create-group.jpg") no-repeat; width:89px; height:21px; border:none; position:absolute; left:155px; cursor:pointer;}
	input.upload_pic{background:url("../img/btn_update-pic.png") no-repeat; width:91px; height:23px; border:none; cursor:pointer; }
	input.change_pass_word{background:url("../img/btn_update-pass.png") no-repeat; width:105px; height:23px; border:none; cursor:pointer; float:right; position:relative; left:-5px; top:2px;}
	input.update_profile{background:url("../img/btn_update-profile.png") no-repeat; width:88px; height:23px; border:none; cursor:pointer; float:right; position:relative; left:-5px; top:2px;}
	input.add_addy{background:url("../img/btn_add-these-addy.png") no-repeat; width:127px; height:22px; border:none; cursor:pointer; float:right; margin-bottom:7px;}
	input.send_inv{background:url("../img/btn_send-invite.png") no-repeat; width:113px; height:26px; border:none; cursor:pointer; float:right;}
	input.find_review{background:url("../img/btn_find_review.png") no-repeat; width:95px; height:22px; border:none; cursor:pointer; margin:-1px 0 0 6px;}
	
	/* davebias changes 01/19/09 */
	
	input.newbtn { background:transparent url("../img/btnback.gif") repeat-x right top; padding: 0 7px 2px 7px; height: 24px; font:bold 13px Helvetica, Arial, sans-serif; cursor:pointer; color:#FFF; border: none; float: right; }
	
	input.newgraybtn { background:transparent url("../img/btnback2.gif") repeat-x right top; padding: 0 7px 2px 7px; height: 24px; font:bold 13px Helvetica, Arial, sans-serif; cursor:pointer; color:#FFF; border: none; float: right; }
	
	input.mid_mod_search { padding: 5px 7px 0 7px; margin-right: 7px; height: 17px; font:normal 11px/22px Helvetica, Arial, sans-serif; border:1px solid #DDE1E2; color:#888; /* width: 150px; */ }

/* registration pages forms and buttons	*/
	form#member-form{margin-bottom:50px;}
	
	form.search_for_friends {margin:10px 0;}
	form.search_for_friends div {width:225px; float:left; line-height:1.5em;}
	form.search_for_friends fieldset {width:205px; float:left; margin-left:45px;}
		
/* new!
	fieldset label { display:block; }
*/
	label{font:normal 12px/16px Helvetica, Arial, sans-serif; /*new! padding:10px 0 5px; position:relative; */ }
	label.left{padding:1px 5px;}
	
	input.search, input.login, input.sign_up, input.skip, input.import, input.invite, input.add{height:21px; width:55px !important; border:none; display:block; cursor:pointer;}
	input.search{background:url("../img/btn_search.png") no-repeat; margin-top:5px;}
	input.login{background:url("../img/btn_login.png") no-repeat; margin:15px 0; float:right;}
	input.sign_up{background:url("../img/btn_sign-up.png") no-repeat; margin-top:5px; float:right; border:none !important}
	input.skip{background:url("../img/btn_skip.jpg") no-repeat; margin-left:5px; float:left;}
	input.import{background:url("../img/btn_import.jpg") no-repeat; float:left;}
	input.invite{background:url("../img/btn_invite.jpg") no-repeat; float:left;}
	input.add{background:url("../img/btn_import.jpg") no-repeat; float:left;}
	input.large_refresh{background:url("../img/btn_refresh.jpg") no-repeat; height:26px; width:90px; border:none; display:block; cursor:pointer;}
	input.large_search{background:url("../img/btn_search.jpg") no-repeat; height:26px; width:90px; border:none; display:block; cursor:pointer;}

	.button_container{padding:14px 0; }
	
	.small_form input{width:185px;}
	.small_form li{ margin-bottom:10px;}
	
/*------------ .rating_stars --------------*/	
	li div.rating_stars{ margin-bottom:3px;}
	li div.rating_stars span { display: block; margin-bottom: 3px; }
	li div.rating_stars a{display:block; float:left; background:url(../img/btns/star_roll.png) no-repeat right top; width:16px; height:16px; margin-left: 2px; text-decoration: none!important;}
	li div.rating_stars a:hover, li div.rating_stars a.on {background:url(../img/btns/star_roll.png) no-repeat left top; }
	.module_middle_section_right_column li.nl .rating_stars a, .right_box li.nl .rating_stars a{ padding:0px; border-bottom:none;}
/*------------ Create - Something --------------*/	
/*
	.invite_box{background-color:#fcfaeb; overflow:auto; border:1px solid #ccc; padding:7px 6px 0;}
*/
	.ht_160{height:160px;}
	.ht_320{height:320px;}
	.ht_310{height:310px;}
/* 	.invite_box div, ol.invite_box li {padding-bottom:7px; display:block;} */


.app_popup		{width:600px; 
				 background-color:#ffffff;
				 padding:10px;
                 height:auto;
				 }

.app_popup	.progress_bar  
				{background: url(../img/progress.gif) no-repeat; 
				 width:125px; 
				 height:40px;}
		
.popup_input	{width: 250px;}


.headwrap { width:100%; height: 150px; }
.top_menu .dropdown{ height:26px; line-height: 26px; margin-top:2px;}

.top_menu ul li a { font-size:12px;}
.top_menu ul li a:hover { font-size:12px; text-decoration: none; }
.top_menu ul li ul li a { font-size:12px;}
.top_menu ul li ul li a:hover { font-size:12px; text-decoration: none; }


/*   NEW 01-08-11  */
.module_header_780 { width: 780px; height: 50px; background: url("../img/mod-top-NEW.png") no-repeat center top; border-bottom: 1px solid #CCC; }
.module_header_635 { width: 635px; height: 50px; background: url("../img/mod-top635-NEW.png") no-repeat center top; border-bottom: 1px solid #CCC; }
.module_header_305 { width: 285px; padding:10px; color:#000; background: url("../img/mod-top305-NEW.png") no-repeat center top; font:bold 16px/16px Helvetica, Arial, sans-serif;}
.module_header_780_expando { width: 780px; background: url("../img/mod-top-NEW.png") no-repeat center top; border-bottom: 1px solid #CCC; }
.module_header_title { float: left; font:bold 17px/50px Helvetica, Arial, sans-serif; height: 50px; width: 150px; overflow: none; }
.module_header_title_wider { float: left; font:bold 17px/50px Helvetica, Arial, sans-serif; height: 50px; width: 200px; overflow: none; }
.module_header_title_wide { float: left; font:bold 17px/50px Helvetica, Arial, sans-serif; height: 50px; }
.module_header_950 .module_header_title { height: 47px; width: 100%; padding-top:3px; overflow: none; }
.module_header_nav { float:left; }
.module_header_nav ul { font-size: 13px; color:#503a25; font-weight: bold; margin-top:3px; height: 47px; line-height: 47px; border-left: 1px solid #CCC; }
.module_header_nav li { display: block; float: left; padding: 0 7px; border-right: 1px solid #CCC; }
.module_header_nav li a { color:#503a25; }
.module_header_nav li a:hover { color:#00A4E1; }
.module_header_nav li input.searchlistings { border: 1px solid #ccc; font-size: 12px; padding: 2px 3px; background: url(../img/inputback.gif) no-repeat right top; color:#a79e96; width: 150px; }
.module_header_post { float: right; background:transparent url("../img/redbuttonleft.png") no-repeat left top; margin: 12px 7px 0 0; padding: 0 0 0 12px; }
/*input.redbtn { background:transparent url("../img/redbuttonback.png") no-repeat right top; padding: 0 12px 4px 0px; line-height: 30px; height: 30px; font:bold 13px Helvetica, Arial, sans-serif; cursor:pointer; color:#FFF; border: none; float: right; }*/

/*omari fix*/
input.redbtn { width:130px; text-align:center; align:center;  background:transparent url("../img/redbuttonback.png") no-repeat right top; padding: 0px 10px 4px 0px; line-height: 30px; height: 30px; font:bold 13px Helvetica, Arial, sans-serif; cursor:pointer; color:#FFF; border: none; float: left; }

#nav { border-left:1px solid #d9d9d9; height: 28px; }
.list_item img.thumb { border: 1px solid #dcdcdc; padding: 3px; background:url(../img/thumbback.gif) repeat-x left bottom; margin-right: 7px; }
.housekeeping { float:right; text-align: left; background: url(../img/hskp-left.gif) no-repeat left top; }
/*.email_signup, .hskpnav { float:right; background: url(../img/hskp-right.gif) no-repeat right top; padding:5px 10px; height: 30px; line-height: 20px; }*/
.email_signup { float:right; background: url(../img/hskp-right.gif) no-repeat right top; padding:5px 10px; height: 30px; line-height: 20px; }

/*omari fix*/
.hskpnav { float:left; background: url(../img/hskp-right.gif) no-repeat right top; padding:5px 10px; height: 30px; line-height: 20px; }

.email_signup input.emailsignupbox { border: 1px solid #ccc; font-size: 11px; padding: 3px; height: 14px; background: url(../img/inputback.gif) no-repeat right top; color:#a79e96; width: 160px; }
a.submitemailsignup { float:right; display: block; width:27px; height:22px; }
.logged_in, logged_out { float:left; line-height:20px; }
.logged_in span.welcome { font-weight: bold; color: #00A4E1; font-size: 12px; display:block; padding:5px 0 5px 10px; }
.hskpnav a { font-size: 10px; color:#AAA; }
.hskpnav a:hover { color: #00A4E1; }

.searchbox {float:right; position: relative; width:257px; }
.searchbox form { }
.searchbox .topsearch {width:200px;height:23px;position:absolute; top:1px; left:0px;padding:2px 2px 3px 5px;border-top:none;border-bottom:none;border-left:1px solid #DDE1E2;border-right:1px solid #DDE1E2;border-top:1px solid #eaeaea;color:#a79e96;background: url(../img/inputback.gif) no-repeat right top; }
.searchbox a.submitusersearch { display: block; position:absolute; top:0px; right:0px; }
* html .searchbox input {margin:0; padding:3px 2px 0 2px}/* vlad */

.module_header_780_expando h3 {font:bold 16px/22px Helvetica, Arial, sans-serif; padding: 14px; margin:0; }
.whitewrap { background-color:#FFF; padding-top:7px; }

.topad { position: absolute; top:40px; right:30px; }

/* Giveaway Ad */
.giveaway_ad { width: 160px; height: 260px; position: relative; background: #00a4e1 url(../img/ipad2.gif) no-repeat top left; }
.giveaway_txt { display: block; width: 150px; height: 45px; position: absolute; top:187px; left:5px; font:bold 12px/18px Helvetica, Arial, sans-serif; color:#FFF; text-align: center; overflow: hidden; }
.giveaway_txt span { border-bottom: 1px dashed #FFF; }
.giveaway_ad form input { position: absolute; top:233px; left:5px; border: none; background: none; color:#333333; font-size:12px; font-weight: bold; height: 22px; line-height: 22px; width:115px; }
.giveaway_ad form a { display: block; position: absolute; top:233px; left:121px; width:34px; height: 22px; }
.giveaway_ad form a:hover { background-color:#e41c38; }