/* CSS Document - Joinerly - All Apps */

/** SPACER/CLEAR DIVS **/
.spacer, .spacer_lrg, .spacer_sml, .spacer_mini {width:100%}
.spacer, .spacer_inline {height:16px;}
.spacer_sml, .spacer_inline_sml {height:8px;}
.spacer_mini, .spacer_inline_mini {height:4px;}
.spacer_lrg, .spacer_inline_lrg {height:32px;}
.spacer_table {width: 16px;}
.clear {clear:both;}

/** LAYOUT DIVS **/

.padding {padding:4px;}
.padding_div {padding:16px;}
.padding_div_lrg {padding:32px;}
.padding_div_sml {padding:8px;}
.padding_tb_mini {padding:4px 0;}
.padding_tb {padding:16px 0;}
.padding_tb_lrg {padding:32px 0;}
.padding_tb_sml {padding:8px 0;}
.fl_left {float:left;margin-right:16px;}
.fl_right {float:right;}

/** DIVIDERS **/

.divider_vertical_sml{background-image: url(/assets/bg-divider-vertical.png); background-repeat:repeat-y; background-position: center top; width: 2px;height: 100%; margin: 0 8px 0 8px; display: inline;}
.divider_vertical {margin-left: 32px;margin-right: 32px;}
.dotted_divider, .dotted_divider_lrg {width: 100%;height: 2px;text-align: center;background-image: url(/assets/bg-dotted-divider.png); background-repeat:repeat-x; background-position: center top;}

.dotted_divider_lrg {margin-top:16px;margin-bottom:16px;}
.dotted_divider {margin-top:8px;margin-bottom:8px;}

/** BUTTONS **/
.joinerly_special_btn_lrg, .joinerly_special_btn_lrg:hover {padding:8px 0; font-size:14px; text-decoration:none; color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; font-weight:bold; border:none; font-family: MuseoSansCyrl-500, "Museo Sans Cyrl", "Helvetica", Arial, Helvetica, sans-serif;cursor: pointer; display: inline-block; text-align: center;}

.joinerly_special_btn_sml, .joinerly_special_btn_sml:hover, .joinerly_special_btn_sml_grey, .joinerly_special_btn_sml_grey:hover, .joinerly_special_btn_tiny, .joinerly_special_btn_tiny:hover {padding:5px 16px 4px 16px; font-size:12px; text-decoration:none; color:#FFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; font-weight:bold; border:none; font-family: font-family: MuseoSansCyrl-500, "Museo Sans Cyrl", "Helvetica", Arial, Helvetica, sans-serif;cursor: pointer;}
/* BLUE to RED */
.joinerly_special_btn_lrg, .joinerly_special_btn_sml, .joinerly_special_btn_tiny {text-shadow:#007ACC 0px -1px; background-color:#0099FF/*#5388ED*/; border: 1px solid #007ACC;-moz-box-shadow: 0px -1px 0px #007ACC; -webkit-box-shadow: 0px -1px 0px #007ACC; box-shadow: 0px -1px 0px #007ACC; font-weight:normal;border-top: 1px solid #32ADFF;}

.joinerly_special_btn_lrg:hover, .joinerly_special_btn_sml:hover, .joinerly_special_btn_tiny:hover {-moz-box-shadow: 0px -1px 0px #CA5228; -webkit-box-shadow: 0px -1px 0px #CA5228; box-shadow: 0px -1px 0px #CA5228;text-shadow:#CA5228 0px -1px; background-color:#FD6632;border: 1px solid #CA5228;border-top: 1px solid #FD9E7D;font-weight:normal;}

.joinerly_special_big_btn, .joinerly_special_big_btn:hover {padding:8px 32px; font-size:14px; text-decoration:none; color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; font-weight:bold; border:none; font-family: MuseoSansCyrl-500, "Museo Sans Cyrl", "Helvetica", Arial, Helvetica, sans-serif;cursor: pointer; display: inline-block; text-align: center;}

.joinerly_special_big_btn {text-shadow:#007ACC 0px -1px; background-color:#0099FF/*#5388ED*/; border: 1px solid #007ACC;-moz-box-shadow: 0px -1px 0px #007ACC; -webkit-box-shadow: 0px -1px 0px #007ACC; box-shadow: 0px -1px 0px #007ACC; font-weight:normal;border-top: 1px solid #32ADFF;}

.joinerly_special_big_btn:hover {-moz-box-shadow: 0px -1px 0px #CA5228; -webkit-box-shadow: 0px -1px 0px #CA5228; box-shadow: 0px -1px 0px #CA5228;text-shadow:#CA5228 0px -1px; background-color:#FD6632;border: 1px solid #CA5228;border-top: 1px solid #FD9E7D;font-weight:normal;}


/** OVERALL LAYOUT **/

.container, .container_clear, .container_sml {
overflow:hidden;
margin: 0 auto;
}
.container, .container_sml {
background-color:#FFF;
-moz-box-shadow: 0px 2px 6px #E8E8E8; -webkit-box-shadow: 0px 2px 6px #E8E8E8; box-shadow: 0px 2px 6px #E8E8E8;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.container, .container_clear {max-width: 848px;}
.container_sml {max-width: 632px;}

#left {float:left;width:632px;margin: 0px;}
#right {float:right;width:200px;}


/** USER MENU **/

#joinerly_special_user_pic {
	-moz-border-radius:100px!important;
	-webkit-border-radius:100px!important;
	border-radius:100px!important;
	float: left;
	background-color: #FFF;
	
	/*-moz-box-shadow: 0px 2px 5px #777; 
	-webkit-box-shadow: 0px 2px 5px #777;
	box-shadow: 0px 2px 8px #BBB;*/
}

#joinerly_special_close_menu {
	-moz-border-radius:100px!important;
	-webkit-border-radius:100px!important;
	border-radius:100px!important;
	border: 2px solid #D4D4D4!important;
	position: absolute;
	z-index:3; 
	/*background-image: url(/assets/bg-clear-white.png); background-repeat:repeat; background-position: center top; */
	/*background-color: #FFF;*/
	width: 32px;
	height: 32px;
	margin-top: -2px;
	margin-left: -2px;
}

#joinerly_special_user_widget {
	position: fixed!important;
	left: 5px!important;
	top: 5px!important;
	
}

#joinerly_special_user_menu {
	border: 1px solid #CCC!important;
	padding: 3px 24px!important;
	-moz-border-radius:0 100px 100px 0!important;
	-webkit-border-radius:0 100px 100px 0!important;
	border-radius:0 100px 100px 0!important;
	width: auto!important;
	margin-top: 4px!important;
	margin-left: 22px!important;
	background-color: #FCFCFC!important;
}

#joinerly_special_tip {
	background-color: #EEE!important;
	padding: 4px 24px!important;
	-moz-border-radius:0 100px 100px 0!important;
	-webkit-border-radius:0 100px 100px 0!important;
	border-radius:0 100px 100px 0!important;
	width: auto!important;
	margin-top: 4px!important;
	margin-left: 22px!important;
}

#joinerly_special_preview_mode {
	background-color:#EBEAE7;
	background-image:url(/assets/bg-toolbars-grey.png); background-position:top left;
	background-repeat:repeat-x;
	/*border-left: 1px solid #CECECB;
	border-right: 1px solid #CECECB;*/
	border-bottom: 1px solid #CECECB;
	padding: 3px 0;
	text-shadow: #FFF 0 1px;
	color: #333;
	opacity: 0.5;
	filter: (opacity=50);
	position: fixed;
	-moz-border-radius:0 0 100px 100px!important;
	-webkit-border-radius:0 0 100px 100px!important;
	border-radius:0 0 100px 100px!important;
	width: 160px;
	margin-left: -80px;
	left: 50%;
}

.joinerly_special_pop {position:fixed; top:0px; left: 0px; width:100%; height: 100%; z-index:999999; background-image: url(/assets/bg-clear-grey.png); background-repeat:repeat; background-position: center top; font-size:12px;}