/* Main css */

@import url('font.css');
@import url('header.css?v=2');
@import url('footer.css');
@import url('addbox.css');
@import url('bbcode.css');
@import url('/sf/prototype/css/input_auto_complete_tag.css');

html
{
	position: relative;
	min-height: 100%;
}

body 
{
	margin: 0px 0px 300px;
	padding: 0px;
	font-family: lato, Arial, Helvetica, sans-serif;	
	letter-spacing:0px;
	font-size: 12px;
	background: #fff;
}

a
{
	color: #3bc6db;
}

h1
{
	margin: -4px 0px 10px 0px;
	font-size: 24px;
	font-size: 26px; 
	color: #555; 
	font-weight: normal;
}

h1.main_header a
{
	color: #555;
}

h1.main_header a:hover
{
	text-decoration: none;
	color: #999;
}


h2, h3
{
	margin: 0px 0px 10px 0px;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 13px;
}

h3 img
{
	margin-bottom: -3px;
	margin-right: 3px;
}

h3.graph
{
	font-size: 10px;
	height: 26px;
	overflow: hidden;
	margin-bottom: 0px;
}

h4
{
	font-size: 12px;
	margin: 0px 0px 5px 0px;
}

p
{
	margin-top: 0px;
}

img
{
	border: 0px;
}

form
{
	margin: 0px;
}

input, textarea, button
{
	font-family: lato, Arial, sans-serif;	
}

input:focus, select:focus, textarea:focus, button:focus
{
	outline: none;
}

input.radiobutton
{
	margin-bottom: -3px;
}

input:-webkit-autofill 
{
    -webkit-box-shadow: 0 0 0 30px white inset;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#my_menu
{
	padding: 0px 7px;
}

#menu_column
{
	float: left;
	width: 132px;
	margin: 0px 5px 0px 0px;
}

#content_column
{
	float: left;
	width: 629px;
	margin: 0px;
	padding: 10px;
	border: 1px solid #999;
	background-color: #fff;
}

.expanded
{
	border: 1px dotted #ccc;
	margin: 0px;
	padding: 5px 5px 0px 5px;
}

.expanded td
{
	padding-bottom: 10px;
}

.clear
{
	clear: both;
	height: 0px;
	font-size: 0px;
	padding: 0px; !
	display: inline;
}

.goback
{
	background: url(/images/goback.png) no-repeat;
	padding: 1px 0px 1px 20px;
}

.separator
{
	text-transform: uppercase;
	font-size: 18px;
	color: #222;
}

.separator a
{
	color: #222;
}

.separator a:hover
{
	color: #888;
	text-decoration: none;
}

.showhide
{
	margin: 0px 4px 0px 0px;
}

.form td
{
	padding-bottom: 10px;
}

.form td td
{
	padding-bottom: 3px;
}

.form input.submit, .submit, .small_submit, .fancy_submit_small, .small_nicebutton, .nicebutton, .fancy_submit, .fancy_add, .fancy_add_small, .fancy_cancel_small, .fancy_red, .fancy_disabled, .fancy_cancel, .fancy_blue, .fancy_white, .fancy_blue_mini
{
	display: inline-block;
	border: 2px solid #666;
	border-radius: 3px;
	background: transparent;
	padding: 0px 15px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 30px;
	font-family: lato, Arial, sans-serif;	
	cursor: pointer;
	color: #000;
	margin: 0px;
	vertical-align: bottom;
}

.fancy_blue:disabled, .fancy_blue:disabled:hover
{
	border-color: #aaa;
	color: #aaa;
}

.fancy_add, .fancy_add_small, .fancy_blue_mini
{
	border-color: #3bc6db;
}

.fancy_submit, .fancy_submit_small
{
	border-color: #1cc68e;
}

.fancy_cancel, fancy_cancel_small
{
	border-color: #666;
}

.fancy_disabled
{
	border-color: #888;	
	color: #888;
}

.fancy_white
{
	border-color: #fff;
	color: #fff;
}

.form input.submit:hover, .submit:hover, .fancy_submit_small:hover, .small_submit:hover, .small_nicebutton:hover, .nicebutton:hover, .fancy_submit:hover, .fancy_add:hover, .fancy_add_small:hover, .fancy_cancel_small:hover, .fancy_red:hover, .fancy_disabled:hover, .fancy_cancel:hover, .fancy_blue:hover, .fancy_blue_mini:hover
{
	border-color: #000;
	text-decoration: none;
}

.fancy_submit:hover
{
	border-color: #0d9266;
}

.fancy_white:hover
{
	background: rgba(255,255,255,0.25);
}

.form input.small_submit, .small_submit, .fancy_add_small, .fancy_cancel_small, .fancy_submit_small
{
	padding: 0px 8px;	
	font-size: 12px;
	line-height: 24px;
}

.fancy_blue_mini
{	padding: 0px 5px;	
	font-size: 11px;
	line-height: 15px;
}


.form span.form_error
{
	color: red;
	margin: 0px;
}

.form div.has_errors, div.has_errors
{
	border: 1px solid red;
	padding: 10px;
	padding-left: 35px;
	background: url('/images/icons/exclamation.png') no-repeat 10px 9px;
	font-size: 13px;
}

ul.error_list { padding: 0px 0px 0px 18px; margin: 0px 0px 10px; }
ul.error_list li { list-style-type: disc; margin-bottom: 2px; }

div.success
{
	border: 1px solid #9ccd8d;
	padding: 10px;
	padding-left: 35px;
	background: url('/images/icons/accept.png') no-repeat 10px 8px;
}

.login
{
	margin-bottom: 10px;
}

.login input.input
{
	border: 1px solid #aaa;
	font-size:11px;
	width: 117px;
}

.login input.checkbox
{
	margin: 0px;
}

.login input.submit
{
	border: 2px solid #aaa;
	font-size:12px;
	font-weight: bold;
	background: url('/images/button_bgr.gif');
}

.login input.submit:hover
{
	background: url('/images/button_bgr_hover.gif');
}

.login span.form_error
{
	color: red;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px;
}

.faces
{
	margin: 0px;
}

.faces a
{
	float: left;
	border: 1px dotted #ccc;
	margin: 10px 10px 0px 0px;
}

.faces a:hover
{
	border: 1px dotted #000;
}

.profile_table
{
	background-color: #fff;
}

.fade
{
	background: url('/images/small_fade.jpg') no-repeat;
	padding: 5px;
	border-bottom: 2px solid #fff;
}

.description
{
	margin: 0px;
	font-size: 12px;
}

.interests, .friends
{
	border-top: 1px dotted #aaa;
}

.interests .interest, .friends .friend
{
	padding: 5px;
	background-color: #f6f6f6;
	border-bottom: 1px dotted #aaa;
	color: #666;
}

.friends .selected
{
	background: url('/images/small_fade.jpg') -80px 0px no-repeat;
	font-weight: bold;
}

.friends .selected a
{
	color: #000;
}

.interests .header, .friends .header
{
	padding: 5px;
	background-color: #eee;
	border-bottom: 1px dotted #aaa;
	font-weight: bold;
}

.interest p
{
	margin: 0px 0px 3px 0px;
}

.friends .friend .icon
{
	border: 1px solid #aaa;
	margin-right: 5px;
}

.graph_wrapper
{
	border: 1px solid #ddd;
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	border-radius: 4px;
}

.name
{
	margin: -10px 0px 20px 39px;
}

#friends
{
	margin-top: 0px;
	float: right;
	font-size: 12px;
}

#friends select
{
	border: 1px solid #aaa;
	margin-left: 5px;
	font-size: 10px;
}

.right
{
	float: right;
	margin-left: 3px;
}

.admin_interest
{
	background-color: #eee;
	padding: 5px;
	margin-top: 2px;
}

#loading,#loading_1,#loading_2, .loading
{
	background: url('/images/indicator.gif') no-repeat;
	padding: 3px 0px 3px 25px;
	margin: 0px;
}

/* Guestbooks */

#guestbook_items
{
	float: left;
	width:427px;
	margin-right: 20px;
}

#guestbook_items #items .item
{
	padding: 10px 0px;
	border-top: 1px dotted #ddd;
	font-size: 12px;
}

#guestbook_items #items .item .head
{
	color: #666;
	margin-bottom: 5px;
	font-size: 10px;
}

#guestbook_items #items .item .head a
{
	color: #c24803;
	border-bottom: 1px dotted #aaa;
}

#guestbook_items #items .item .head a:hover
{
	background-color: #eee;
	text-decoration: none;
}

#guestbook_items .action
{
	float: right;
	margin: 0px 0px 3px 3px;
}

#guestbook_items .action a
{
	border-bottom: none;
}

#guestbook_items .action a:hover
{
	background-color: #fff;
}

#guestbook_items .reply
{
	margin-top: 5px;
	background-color: #f5f5f5;
	padding: 10px;
}

#guestbook_items .reply p
{
	margin: 0px 0px 5px 0px;
}

#guestbook_items .reply textarea
{
	border: 1px solid #aaa;
	font-size:11px;
	height: 50px;
	margin-bottom: 10px;
	width: 334px;
}


#guestbook_form
{
	float: left;
	border-left: 1px dotted #ddd;
	padding-left: 20px;
	width: 200px;
}

#guestbook_form h3, #guestbook_items h3
{
	margin: 0px 0px 5px 0px;
}

#guestbook_form h3 img
{
	margin: 0px 5px -3px 0px;
}

#guestbook_form p
{
	margin: 0px 0px 5px 0px;
}

#guestbook_form textarea
{
	border: 1px solid #aaa;
	font-size:11px;
	width: 198px;
	height: 150px;
	margin-bottom: 10px;
}

#guestbook_form input, #guestbook_items .reply input
{
	border: 2px solid #aaa;
	font-size:11px;
	font-weight: bold;
	background-color: #fff;
	letter-spacing: 1px;
}

#guestbook_form input:hover, #guestbook_items .reply input:hover
{
	background-color: #ddd;
}

#guestbook_form #error
{
	margin-top: 10px;
	color: Red;
}

.guestbook_pager
{
	color:#888;
	margin-bottom: 10px;
}

.guestbook_pager a
{
	border-bottom: 1px dotted #aaa;
}

.guestbook_pager a:hover
{
	text-decoration: none;
	background-color: #eee;
}


.action, .send_pm
{
	margin: 0px 0px 10px 0px;
}

.action a, .send_pm a
{
	color: #c24803;
	font-weight: bold;
}

.action a:hover, .send_pm a:hover
{
	color: #aaa;
}

.action a:hover, .send_pm a:hover
{
	text-decoration: none;
}

.action img, .send_pm img
{
	margin-bottom: -4px;	
}

.tinymce
{
	width: 600px;
	height: 300px;
}

.blog_tinymce
{
	width: 600px;
	height: 450px;
}

.small_tinymce
{
	width: 667px;
	height: 100px;
}
	
.hidden
{
	color: #aaa;
}
	
.percent_wrapper
{
	border: 1px solid #888;
	background-color: #eee;
}

.bar_wrapper
{
	border: 1px solid #888;
	background-color: #fff;
	padding: 1px;
	width: 100%;
	font-size: 1px;
	height: 8px;
}

.bar
{
	background-color: #dc191d;	
	font-size: 1px;
	height: 8px;
}

.new_pm, .new_guestbookitem, .new_blogcomment
{
	border: 1px solid #fbe0e0;
	background: #f6f6f6;
	padding: 5px;
	margin-bottom: 10px;
}

.new_pm h3, .new_guestbookitem h3, .new_blogcomment h3
{
	margin: 0px;
}

.gold
{
	border-top: 1px solid #f7f497;
	border-left: 1px solid #f7f497;
	border-bottom: 1px solid #ebe77b;
	border-right: 1px solid #ebe77b;
	background: #fbf9bd;
	padding: 5px;
	margin-bottom: 20px;
}

/* Tags */

ul#tag_cloud
{
  list-style: none;
  padding: 0px 20px 0px 0px;
  margin: 0px;
}
 
ul#tag_cloud li
{
  list-style: none;
  display: inline;
  padding: 0px;
  margin: 0px 5px 0px 0px;;
}
 
ul#tag_cloud li.tag_popularity_1
{
  font-size: 10px;
}
 
ul#tag_cloud li.tag_popularity_2
{
  font-size: 13px;
}
 
ul#tag_cloud li.tag_popularity_3
{
  font-size: 15px;
}
 
ul#tag_cloud li.tag_popularity_4
{
  font-size: 18px;
}
 
ul#tag_cloud li.tag_popularity_5
{
  font-size: 21px;
}
 
ul#tag_cloud li.tag_popularity_6
{
  font-size: 24px;
}
 
ul#tag_cloud li.tag_popularity_7
{
  font-size: 26px;
}
 
ul#tag_cloud li.tag_popularity_8
{
  font-size: 28px;
}

ul#tag_cloud li a
{
	border-bottom: 1px dotted #aaa;
}

ul#tag_cloud li a:hover
{
	text-decoration: none;
	background-color: #ddd;
}

.actionlink
{
	margin-right: 10px;
}

.actionlink img
{
	margin: 0px 3px -3px 0px;
}


.actionlink:hover
{
	text-decoration: none;
	color: #aaa;
}

.free_member
{
	border: 1px solid #75db5f;
	background: #d2f4cb;
	margin-bottom: 20px;
}

.paying_member
{
	position: relative;
	border: 1px solid #e7e932;
	background: #f6f7b7;
	margin-bottom: 20px;
}

#more_info
{
	position: absolute;
	left: 350px;
	top: 100px;
}

.paying_member ul
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
}

.partners
{
	border: 1px solid #ccc;
	background: #fff;
}

.partners span
{
	display: block;
}

.compare
{
	background: #e7e932;
	margin-bottom: 20px;
}

.compare .header td
{
	background: #f6f7b7;
	font-weight: bold;
}

.compare .topic td
{
	background: #fff;
	font-weight:bold;
	font-size: 12px;
}

.compare .even td
{
	background: #f5f5f5;
}

.compare .odd td
{
	background: #eee;
}




.sidemenu
{
	border-top: 1px solid #ccc;
}

.sidemenu div
{
	background-color: #f6f6f6;
}

.sidemenu div.header
{
	display: block;
	padding: 5px;
	border-bottom: 1px solid #ccc;	
	font-weight: bold;
	background-color: #ddd;
}

.sidemenu a
{
	display: block;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	color: #c24803;
	margin-top: 1px;
}

.sidemenu div.selected
{
	background: #fff url('/images/small_fade.jpg') -80px 0px no-repeat;
	font-weight: bold;
}
.sidemenu div.selected a
{
	color: #000;
}

.sidemenu a:hover
{
	color: #000;
	text-decoration: none;
	background: #fff url('/images/small_fade.jpg') -80px 0px no-repeat;
}





.new_sidemenu
{
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 13px;
}

.new_sidemenu li
{
	margin: 0px 0px 1px;
	padding: 0px;	
}

.new_sidemenu li:last-child
{
	margin: 0px;
}

.new_sidemenu li a
{
	display: block;
	padding: 8px 10px;
	background-color: #f6f6f6;
}

.new_sidemenu li a:hover
{
	background-color: #eee;
	text-decoration: none;
	color: #000;
}

.new_sidemenu li.info
{
	padding: 8px 10px;
	background-color: #eee;
}

.new_sidemenu li.selected a
{
	color: #000;
	background: #ddd url('/images/sidemenu_selected_arrow.gif') no-repeat right center;
}

.new_sidemenu li.grey a
{
	color: #666;
}

.new_sidemenu li:first-child a, .new_sidemenu li.header:first-child
{
	border-top-left-radius: 3px; 
	-webkit-border-top-left-radius: 3px; 
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topright: 3px;
}

.new_sidemenu li:last-child a, .new_sidemenu li.header:last-child, .new_sidemenu li.info:last-child
{
	border-bottom-left-radius: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px; 
	-moz-border-radius-bottomright: 3px;
}

.new_sidemenu li.header
{
	background: #121451;
	color: #fff;
	text-transform: uppercase;
}

.new_sidemenu li h3
{
	margin: 0px;
	padding: 8px 10px;
	font-size: 13px;
	font-weight: normal;
}





.bmi
{
	font-size: 13px;
}

.bmi .header
{
	font-weight: bold;
	background-color: #eee;
}

.bmi .row1
{
	background-color: #f6f6f6;
}

.bmi .row2
{
	background-color: #eee;
}

.results
{
	background-color: #f3f3f3; 
	border-left: 1px solid #bfbfbf; 
	border-bottom: 1px solid #bfbfbf; 
	border-right: 1px solid #bfbfbf; 
	padding: 5px 9px 0px 9px;	
}

.results a:hover
{
	text-decoration: none;
	color: #aaa;
}

.iconfade
{
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.icongold
{
	border: 1px solid #d5ca1e;
}

.position_link, .position_link:hover
{
	font-size: 24px; 
	line-height: 24px; 
	font-weight: bold; 
	color: #fff; 
	padding: 8px 0px 8px 0px; 
	text-decoration: none;
	display: block;
}

.transparent
{
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.profile_menu
{
	background-color: #e7e7e7;
	margin-bottom: 15px;
	padding: 7px;
	font-size: 12px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.profile_menu img
{
	margin: 0px 0px -3px 5px;
}

.profile_menu span
{
	font-weight: bold;
}

.profile_menu a
{
	margin: 0px 10px;
	text-decoration: none;
}

.profile_menu a:hover
{
	text-decoration: none;
	color: #222;
}

.profile_menu a.selected
{
	color: #000;
	padding: 0px 0px 13px;
	background: url('/images/profile_menu.png') no-repeat center 21px;	
}

.profile_menu a.grey
{
	color: #666;
}

.helptopic
{
	border: 2px solid #d5d5d5; 
	padding: 8px; 
	background-color: #ebf2f9; 
	width: 250px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.helptopic h3
{
	margin: 0px 0px 5px;
	font-size: 11px;
}

ul.user_comments
{
	margin: 0px;
	padding: 0px;
}

ul.user_comments li
{
	list-style-type: none;
	background: #fff url('/images/icons/star.png') no-repeat 5px 7px;
	padding: 5px 5px 5px 30px;
	font-size: 12px;
}

.user_hover
{
	float: left; 
	margin: 0px 1px 2px 1px; 
	border: 1px solid #aaa;
}

.user_hover:hover
{
	border: 1px solid #000;
}

.scrollable
{
	overflow: auto;
}

fieldset
{
	border: 1px solid #ccc;
	padding: 5px 10px 10px 10px;
	margin: 0px;
	border-radius: 3px;
}

legend
{
	font-size: 13px;
	font-weight: bold;
}

a.module_button
{
	background: url('/images/button_bg.png') no-repeat;
	height: 53px;
	width: 119px;
	display: inline-block;
	text-align: center;
	line-height: 53px;
	color: #fff;
	font-size: 18px;
}

a.module_button:hover
{
	background: url('/images/button_bg_hover.png') no-repeat;
	text-decoration: none;
	color: #69c1f1;
}


/* Fancy stats tables */

.stat_table
{
	background-color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.stat_table tr th
{
	text-align: left;
	border-bottom: 3px solid #2bb7cc;
	background: url('/images/fade_gym.jpg') repeat-x top;
}

.stat_table tr.grey td
{
	color: #666;
	background-color: #f6f6f6;
}

.stat_table tr td
{
	background-color: #eee;
	font-size: 12px;
}

.stat_table tr:hover td
{
	background-color: #ddf3ff;
}	

.stat_table tr td.n, .stat_table tr th.n
{
	background-color: #f6f6f6;
}

.stat_table tr td.c, .stat_table tr th.c
{
	text-align: center;
}

.stat_table tr td.r, .stat_table tr th.r
{
	text-align: right;
}	

.stat_table tr td.b, .stat_table tr th.b
{
	border-top: 3px solid #bbb;
	background-color: #f2f2f2;
}

.stat_table tr td.nw
{
	white-space: nowrap;
}



/* FANCY INPUTS AND BUTTONS */

.fancy_input, input.input, select.select, textarea.textarea
{ 
	margin: 4px 0px 0px; 
	border: 1px solid #ccc; 
	border-radius: 3px; 
	padding: 0px 3px; 
	background: url('/images/input_bg.jpg') repeat-x bottom; 
	font-size: 14px;
	line-height: 26px;
	height: 28px;
	box-sizing: border-box;
	font-family: lato, Arial, sans-serif;	
}

.fancy_input:focus, input.input:focus
{
	border: 1px solid #83c6eb;
}

.fancy_error 
{
	border: 1px solid #f19090; 
	background: #fff0f0;
}

/*

.fancy_submit 
{
	cursor: pointer; 
	border: 1px solid #6fa427; 
	background: url('/images/fancy_save.jpg') repeat-x center; 
	padding: 6px 25px; 
	font-size: 15px; 
	color: #fff; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	font-weight: bold;
}

.fancy_submit_small 
{ 
	cursor: pointer; 
	border: 1px solid #6fa427; 
	background: url('/images/fancy_save.jpg') repeat-x center; 
	padding: 5px 5px 4px; 
	font-size: 11px; 
	line-height: 11px; 
	color: #fff; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	font-weight: bold;
}

.fancy_submit:hover, .fancy_submit_small:hover 
{ 
	text-decoration: none; 
	background: url('/images/fancy_save_hover.jpg') repeat-x center;
}

.fancy_add 
{
	cursor: pointer; 
	border: 1px solid #d6830d; 
	background: url('/images/fancy_add.jpg') repeat-x center; 
	padding: 3px 15px; 
	font-size: 15px; 
	color: #fff; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	font-weight: bold;
}

.fancy_add_small 
{ 
	cursor: pointer; 
	border: 1px solid #d6830d; 
	background: url('/images/fancy_add.jpg') repeat-x center; 
	padding: 5px 5px 4px; 
	font-size: 11px; 
	line-height: 11px; 
	color: #fff; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	font-weight: bold;
}

.fancy_add:hover, .fancy_add_small:hover
{
	text-decoration: none;
	background: url('/images/fancy_add_hover.jpg') repeat-x center;
}

.fancy_red, .fancy_red_small 
{ 
	cursor: pointer; 
	border: 1px solid #8b3838; 
	background: url('/images/fancy_red.jpg') repeat-x center; 
	padding: 5px 5px 4px; 
	font-size: 11px; 
	line-height: 11px; 
	color: #fff; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	font-weight: bold;
}

.fancy_red:hover, .fancy_red_small:hover
{ 
	text-decoration: none;
	background: url('/images/fancy_red_hover.jpg') repeat-x center;
}

.fancy_disabled, .fancy_disabled:hover { cursor: default; border: 1px solid #666; padding: 3px 15px; font-size: 15px; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: bold; background: url('/images/fancy_cancel_hover.jpg') repeat-x center; color: #ddd; }

.fancy_blue { cursor: pointer; border: 1px solid #2393e9; background: url('/images/fancy_blue.jpg') repeat-x center; padding: 3px 15px; font-size: 13px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: bold; }
.fancy_blue_mini { cursor: pointer; border: 1px solid #2393e9; background: url('/images/fancy_blue.jpg') repeat-x center; padding: 2px 5px; font-size: 11px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.fancy_blue:hover, .fancy_blue_mini:hover { text-decoration: none; background: url('/images/fancy_blue_hover.jpg') repeat-x center; }

.fancy_cancel 
{
	cursor: pointer; 
	border: 1px solid #777; 
	background: url('/images/fancy_cancel.jpg') repeat-x center; 
	padding: 6px 25px; 
	font-size: 15px; 
	color: #fff; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	font-weight: bold;
}

.fancy_cancel_small 
{ 
	cursor: pointer; 
	border: 1px solid #777; 
	background: url('/images/fancy_cancel.jpg') repeat-x center; 
	padding: 5px 5px 4px; 
	font-size: 11px; 
	line-height: 11px; 
	color: #fff; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	font-weight: bold;
}

.fancy_cancel_tiny, .stat_table .fancy_cancel_tiny
{ 
	cursor: pointer; 
	border: 1px solid #666; 
	background: url('/images/fancy_cancel.jpg') repeat-x center; 
	padding: 2px 5px; 
	font-size: 10px; 
	line-height: 10px; 
	color: #fff; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	font-weight: bold;
}

.fancy_cancel_tiny img
{
	margin: 0px 3px -1px 0px;
}

.fancy_cancel:hover, .fancy_cancel_small:hover, .fancy_cancel_tiny:hover
{ 
	text-decoration: none; 
	background: url('/images/fancy_cancel_hover.jpg') repeat-x center;
}

.fancy_smaller { padding: 3px 15px; font-size: 13px; }

*/

.gray_table tr td
{
	background-color: #eee;
	border-top: 1px solid #fff;
}

.gray_table tr:hover td
{
	background-color: #e9e9e9;
}

.gray_table tr:first-child td
{ 
	border: none; 
}

.gray_table tr.sum td
{
	background-color: #ddd;
}

.gray_table tr.highlight td
{
	background-color: #daefff;
}

.gray_table tr:first-child td:first-child 
{ 
	border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px; 
	-moz-border-radius-topleft: 6px;
}

.gray_table tr:first-child td:last-child 
{  
	border-top-right-radius: 6px; 
	-webkit-border-top-right-radius: 6px; 
	-moz-border-radius-topright: 6px;
}

.gray_table tr:last-child td:first-child 
{ 
	border-bottom-left-radius: 6px; 
	-webkit-border-bottom-left-radius: 6px; 
	-moz-border-radius-bottomleft: 6px;
}

.gray_table tr:last-child td:last-child 
{ 
	border-bottom-right-radius: 6px; 
	-webkit-border-bottom-right-radius: 6px; 
	-moz-border-radius-bottomright: 6px;
}


/* New startpage */

.startpage_box
{
	background: #eee;
	padding: 8px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #eee;
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ccc;
	font-size: 12px;
}

.startpage_box .fancy_input
{
	border-color: #000;
}

.startpage_box .fancy_input:focus
{
	border-color: #000;
	box-shadow: 0px 0px 8px #fff;
	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
}

.startpage_list
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.startpage_list li
{
	background: #fff;
	padding: 6px 8px 8px;
	margin-bottom: 1px;
}

.startpage_list li:hover
{
	background: #f6f6f6;
}

.startpage_list li .icon
{
	float: left; 
	margin: 2px 7px 3px 0px;
}

.startpage_list li div
{
	margin: 0px 0px 1px;
}

.startpage_list li span
{
	font-size: 10px;
}

.startpage_list li:first-child
{
	border-top-left-radius: 2px; 
	-webkit-border-top-left-radius: 2px; 
	-moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; 
	-webkit-border-top-right-radius: 2px; 
	-moz-border-radius-topright: 2px;
	
}
.startpage_list li:last-child
{
	margin: 0px;
	border-bottom-left-radius: 2px; 
	-webkit-border-bottom-left-radius: 2px; 
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; 
	-webkit-border-bottom-right-radius: 2px; 
	-moz-border-radius-bottomright: 2px;
}

.slide
{
	position: relative;
	height: 319px;
	width: 980px;
	overflow: hidden;
}

.slide h1
{
	color: #2be7a9;
	font-size: 40px;
	text-shadow: 0px 1px 0px #fff, 0px 2px 1px #ccc;
}

.black_hover
{
	position: absolute;
	top: -25px;
	left: -5px;
	z-index: 100;
	white-space: nowrap;
	background: url('/images/hover_bg.png') no-repeat top left;
	color: #fff;
	padding: 2px 6px 8px;
	font-size: 11px;
}


#image_selector
{
	margin: 0px;
	padding: 0px;
	width: 400px;
}

#image_selector li a
{
	display: block;
	padding: 10px;
	background-color: #eee;
	border-bottom: 2px solid #fff;
	font-size: 16px;
}

#image_selector li a.selected
{
	background: #eee url('/images/ok24.png') no-repeat 365px 8px;
	color: #000;
}

#image_selector li a:hover
{
	background-color: #ddd;
	text-decoration: none;
}

#image_selector li:first-child a
{
	border-top-left-radius: 6px; 
	-webkit-border-top-left-radius: 6px; 
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px; 
	-webkit-border-top-right-radius: 6px; 
	-moz-border-radius-topright: 6px;
}

#image_selector li:last-child a
{
	border-bottom-left-radius: 6px; 
	-webkit-border-bottom-left-radius: 6px; 
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px; 
	-webkit-border-bottom-right-radius: 6px; 
	-moz-border-radius-bottomright: 6px;
}

#picture_standard a
{
	float: left;
	border: 1px solid #ddd;
	margin: 0px 5px 0px 0px;
}

#picture_standard a:hover
{
	border: 1px solid #aaa;
	box-shadow: 0px 0px 20px #888;
	-moz-box-shadow: 0px 0px 20px #888;
	-webkit-box-shadow: 0px 0px 20px #888;
}

a.prefs_link
{
	color: #ccc;
	float: right;
	font-size: 12px;
	margin-left: 10px;
}

a.prefs_link img
{
	filter: alpha(opacity=4);
	-moz-opacity: 0.4;
	opacity: 0.4;
	margin: 0px 4px -3px 0px;
}

a.prefs_link:hover
{
	color: #3bc6db;
	text-decoration: none;
}

a.prefs_link:hover img
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#header a.facebooklogin, a.facebooklogin
{
	display: inline-block;
	padding: 0px 16px;
	font-size: 14px;
	color: #fff;
	background: #3b5998;
	border: 1px solid #5975b2;
	line-height: 36px;
	border-radius: 18px;	
}

#header a.facebooklogin:hover, a.facebooklogin:hover
{
	background-color: #32508f;
}

a.shapelinklogin
{
	display: inline-block;	
	padding: 0px 16px;
	font-size: 14px;
	color: #fff;
	background: linear-gradient(to right, #5a3bdb, #75c6ec);
	line-height: 36px;
	border-radius: 18px;
}

.diary_icon
{
	display: inline-block;
	margin: 2px;
	background: #555;
	border: 1px solid #222;
	border-radius: 16px;
	padding: 3px;
	width: 21px;
	height: 21px;
}

.diary_icon img
{
	width: 21px;
	height: 21px;
	border-radius: 3px;
}

.header_icon
{
	display: inline-block;
	margin: -10px 0px -10px 6px;
	background: #555;
	border: 1px solid #333;
	border-radius: 25px;
	padding: 7px;
	width: 30px;
	height: 30px;
	box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.7);
	-moz-box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow: 0px 0px 0px 2px rgba(255,255,255,0.7);
}

.header_icon img
{
	height: 30px; 
	width: 30px; 
	border-radius: 8px;
}

.icon_strength
{
	background: #d24747;
	border-color: #940e0e;	
}

.icon_cardio
{
	background: #3a79b9;
	border-color: #0b4887;
}

.icon_cardiogym
{
	background: #33c76f;
	border-color: #01953d;	
}

.icon_class
{
	background: #985bcf;
	border-color: #691cb0;	
}

.icon_sport
{
	background: #ff8141;
	border-color: #d04701;	
}

.alpha_link
{
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.alpha_link:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* Startpage blocks */

.startpage_block
{
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	padding: 50px 0px;
	position: relative;
	box-sizing: border-box;
	z-index: 100;
	overflow: hidden;
	font-size: 16px;
}

.startpage_block .content
{
	display: table-cell;
	margin: 0px auto;
	padding: 0px 50px;
	vertical-align: middle;
	width: 50%;
	box-sizing: border-box;	
}

.startpage_block .image
{
	display: table-cell;
}

.startpage_block .image img
{
	max-width: 100%;
}

.startpage_block .image, .startpage_block .mobile_image
{
	text-align: center;
}

.startpage_block .mobile_image
{
	display: none;
}

.startpage_block .content h2
{
	background: url('/images/pt/startpage_h1_bg.jpg') no-repeat left bottom;
	padding-bottom: 30px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 24px;
	color: #000;
	font-family: lato-light;
	font-weight: normal;
}

.startpage_block .content h2.white
{
	background: url('/images/pt/startpage_h1_bg_white.png') no-repeat left bottom;	
	color: #fff;
}

.startpage_block .content h2 span
{
	display: block;
	margin-bottom: -5px;
	font-size: 25px;	
	font-family: lato-bold;	
}

.startpage_block ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.startpage_block ul li
{
	list-style-type: none;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;	
	background: url('/images/pt/startpage_check.png') no-repeat left top;
	background-size: 20px;
}

.gradient_button
{
	padding: 0px 25px;
	background-image: linear-gradient(to right, #5a3bdb, #75c6ec);
	color: #fff;
	border: none;
	border-radius: 25px;
	font-size: 18px;
	line-height: 50px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.gradient_button:hover
{
	cursor: pointer;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);	
}

.startpage_block .border_button
{
	position: relative;
	padding: 0px 25px;
	background: rgba(0,0,0,0.15);
	color: #fff;
	border: none;
	font-size: 18px;
	line-height: 46px;
	border-radius: 25px;
	border: 2px solid #75c6ec;	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);	
}

.startpage_block .border_button:hover
{
	cursor: pointer;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);	
}

.startpage_block ul.icon_table
{
	display: block;
	margin: -10px;
}

.startpage_block ul.icon_table li
{
	float: left;
	display: table;
	width: calc(33.3333% - 20px);
	background: none;
	padding: 0px;
	margin: 10px 10px 30px;
	box-sizing: border-box;
	font-size: 14px;
	min-height: 125px;
}

.startpage_block ul.icon_table li h3
{
	text-transform: uppercase;
	margin: 0px 0px 2px;
	font-size: 16px;
}

.startpage_block ul.icon_table li div
{
	display: table-cell;
	vertical-align: top;
}

.startpage_block ul.icon_table li div:first-child
{
	width: 65px;
}

.startpage_block ul.icon_table li span.icon
{
	display: block;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-image: linear-gradient(to bottom, #5a3bdb, #75c6ec);
	margin: 0px;
	padding :10px;
}

.startpage_block ul.icon_table li span.icon img
{
	height: 30px;
	width: 30px;
}


@media (max-width: 1199px)
{
	.startpage_block ul.icon_table li
	{
		width: calc(50% - 20px);
	}	
}