/*
=============================================================================
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 --------------------------- */

/* 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 */


.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{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; }
	
	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, .reviews ul li a, 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{background:url(../img/bg_footer.jpg) repeat-x top; height:130px; margin-top:20px;}
	div.foot_cont{ padding-top:33px; width:950px; margin:0 auto; }
	div.foot_cont img{/*position:relative; top:-9px;*/ margin-top:-7px}
	div.foot_cont li{float:left;}
	div.foot_cont a{ float:left; text-decoration: none; margin-right:9px; display:block;}
	div.foot_cont .right{font-size:10px;}

/* -------------- 4. Modules --------------------------- */
.module_306{width:305px;}
.module_160{width:160px;}
.module_635{width:635px; margin-bottom:6px;}
.module_780{width:778px; position:relative;}
.module_maincal{width:950px; position:relative;}
	.module_top_section{height:14px; background: url("../img/mod-top-ww-l.png") repeat-y;}
	.module_top_section_right_corner{height:14px; background: url("../img/mod-top-ww-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: url("../img/mod-mid-w306.png") repeat-y; padding:0 4px;}
	.module_635 .module_middle_section{background: url("../img/mod-mid-w635.png") repeat-y; padding:0 4px;}
	.module_635 img{float:left}
	.module_780 .module_middle_section{background: url("../img/mod-mid-w780.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.png") left bottom no-repeat;}
	.module_bottom_section_right_corner{height:14px; background: url("../img/mod-bot-w-r.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:14px; padding-top:2px;}
	.mod_gradient{background:url("../img/mod_gradient.jpg") repeat-x; font-weight:bold; }
	#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;} */