/* Main css */

@import url('header.css');

html
{
	height: 100%;
}

body 
{
	margin: 10px 0px;
	padding: 0px 0px 1px 0px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size: 11px;
	height: 100%;
	padding-bottom: 1px;
	background: #fff;
}

a
{
	color: #bc2326;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	margin: -4px 0px 10px 0px;
	font-size: 24px;
	color: #666;
	line-height: 24px;
}

h2,h3
{
	margin: 0px 0px 10px 0px;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 13px;
}

h3 img
{
	margin-bottom: -3px;
	margin-right: 5px;
}

h3.graph
{
	font-size: 10px;
	font-family: Verdana, Sans-Serif;
	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;
}

textarea
{
	font-family:Arial, Helvetica, sans-serif;
}

select.select
{
	border: 1px solid #aaa;
	font-size:11px;
}

input.input
{
	border: 1px solid #aaa;
	font-size:11px;
	width: 200px;
}

input.radiobutton
{
	margin-bottom: -3px;
}

textarea.textarea
{
	border: 1px solid #aaa;
	font-size:11px;
	height: 60px;
}

#my_menu
{
	padding: 0px 7px;
}

#footer
{
	margin: 0px 8px;
}

#footer a
{
	color: #bc2326;
	border-bottom: 1px dotted #aaa;
}

#footer a:hover
{
	background-color: #eee;
	text-decoration: none;
}

#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
{
	border-left: 3px solid #bc2326;
	padding: 4px 0px 4px 6px;
	background: url('/images/separator.jpg') no-repeat;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}

.separator a
{
	color: #000;
}

.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.input
{
	border: 1px solid #aaa;
	font-size:11px;
}

.form textarea.textarea
{
	border: 1px solid #aaa;
	font-size:11px;
	width: 450px;
	height: 200px;
}

.form textarea.small_textarea
{
	border: 1px solid #aaa;
	font-size:11px;
	width: 450px;
	height: 50px;
}

.form input.radio
{
	margin: 0px 0px -2px 0px;
}

.form input.check
{
	margin: 0px;
}

.form input.submit, .submit
{
	border: 2px solid #808080;
	font-size:12px;
	font-weight: bold;
	background: url('/images/button_bgr.gif');
}

.form input.submit:hover, .submit:hover
{
	background: url('/images/button_bgr_hover.gif');
}

.form select.select
{
	border: 1px solid #aaa;
	font-size:11px;
}

.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 8px;
}

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;
	overflow: hidden;
}

.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 dotted #aaa;
	background-color: #fff;
	overflow: hidden;
}

.name
{
	margin: -10px 0px 20px 39px;
}

#friends
{
	margin-top: 0px;
	float: right;
}

#friends select
{
	border: 1px solid #aaa;
	margin-left: 5px;
	font-size: 9px;
}

.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: #bc2326;
	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: #bc2326;
	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: 667px;
	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 dotted #aaa;
}

.sidemenu div
{
	background-color: #f6f6f6;
}

.sidemenu a
{
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #aaa;
	color: #bc2326;
	overflow: hidden;
}

.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;
}

.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;
}

.friskis
{
	border: 1px solid #bc6162;
}

.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: 5px;
	font-size: 12px;
}

.profile_menu img
{
	margin: 0px 0px -3px 5px;
}

.profile_menu span
{
	font-weight: bold;
}

.profile_menu a
{
	margin: 0px 10px;
	color: #bc2326;
	text-decoration: none;
}

.profile_menu a:hover
{
	text-decoration: none;
}

.profile_menu a.selected
{
	color: #999;
	padding: 0px 0px 11px;
	background: url('/images/profile_menu.png') no-repeat center 20px;	
}

.helptopic
{
	border: 1px solid #ddd; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
	padding: 7px; 
	background-color: #ebf2f9; 
	width: 250px;
}

.helptopic h3
{
	margin: 0px 0px 5px;
	font-size: 11px;
}

.nicebutton
{
	display: block;
	height: 50px;
	width: 189px;
	background: url('/images/button.jpg');
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	color: #bc2326;	
	font-weight: bold;
}

.nicebutton:hover
{
	text-decoration: none;
	background: url('/images/button_hover.jpg');
}

.small_nicebutton
{
	display: block;
	height: 32px;
	width: 186px;
	background: url('/images/small_button.jpg');
	text-align: center;
	line-height: 32px;
	font-size: 13px;
	color: #bc2326;	
	font-weight: bold;
}

.small_nicebutton:hover
{
	text-decoration: none;
	background: url('/images/small_button_hover.jpg');
}

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;
}

.blogimages
{
	margin: 10px 0px 0px;
	padding: 5px 5px 0px 5px;
	background-color: #eee;
	border: 1px solid #d5d5d5;
}

.blogimages .image
{
	float: left;
	border: 5px solid #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 56px;
	height: 56px;
	overflow: hidden;
	background-color: #fff;
	text-align: center;
}

.blogimages .image:hover
{
	border: 5px solid #ccc;
	background-color: #ccc;
}

fieldset
{
	border: 1px solid #ccc;
	padding: 5px 10px 10px 10px;
	margin: 0px;
}

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;
}
