@CHARSET "ISO-8859-1";
body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, sans-serif;
	font-size:14px;
	background-color:#303030; /* 060009 */
	line-height:1.5em;
}

#page {
	width:960px;
	margin:auto;
	background-color:#e8edeb;
	margin-top:15px;
	border-top:3px solid white;
	border-left:3px solid white;
	border-right:3px solid white;
	border-bottom:3px solid white;
	
}

#banner {
	height:150px;
	background-color:#e8edeb;
	text-align:center;
	/*background-image:url('img/color_strip.jpg');
	background-repeat:no-repeat;*/
}

#banner a img {
	border:none;
	}

#banner h1 {
	color:#aa1111;
	margin-top:0px;
	padding-top:8px;
	font-size:3em;
}

.divider {
	clear:both;
	height:4px;
	background-color:#d61818;
}

div.clearer {
	clear:both;
	}

p#message {
	display:block;
	width:65%;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #73a08c;
	padding:5px;
	background-color:#e8dfd6;
	color:#060009;
	text-align:center;
	font-size:0.85em;
	font-variant:italic;
	font-weight:bold;
}

p.error_message {
	color:#d61818;
	}

p.mini_warning {
	padding:0px;
	margin:0px;
	padding-bottom:4px;
	font-size:0.80em;
	color:#d61818;
	}

div#site_stats {
	width:422px;
	height:250px;
	background-image:url('img/ourbiggestloserstats.png');
	background-repeat:no-repeat;
	margin:5px auto;
	}

div#site_stats p {
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	}

div#site_stats_values
	{
	padding-top:80px;
	padding-left:25px;
	font-family:"MS Trebuchet", Arial, sans-serif;
	font-size:24px;
	}

span.stat_name {
	display:inline-block;
	width:250px;
	color:#060009;
	text-align:right;
	margin-right:10px;
	}

span.stat_value {
	color:#d61818;
	}
	
span.site_stat_value_span {
	color:#283831;
	font-size:1.4em;
	font-weight:bold;
	}

div#site_stats_spiel p {
	color:#c45531;
	font-size:1.1em;
	}
p.goodluck {
	text-align:center;
	font-size:2.25em;
	font-variant:small-caps;
	color:#d61818;
	}

a img {
	border:none;
	}

img.img_left {
	float:left;
	padding:5px;
	padding-right:10px;
	
}

img.img_right {
	float:right;
	padding:5px;
	padding-left:10px;
	}

div#content {
	min-height:350px;
	}
	
a, a:visited {
	color:#de6037;
}

a:hover {
	color:#d61818;
}

div.page_content {
	clear:both;
	margin-top:10px;
	}

div#timer {
	width:400px;
	margin:10px auto;
	}

#content a#progress_link img {
	border:none;
	display:block;
	margin:5px auto;
	}

a.sign_up_link {
	font-size:1.25em;
	}

/* * * * * * * * * * * * * * * * * * * * * * */

/* MENU CSS */

#menu a {
	text-decoration:none;
	color:#de6037;
	padding:0px 20px 0px 20px;
}

#menu a:hover {
	color:#d61818;
}

#menu {
	line-height:1.2em;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	background-color:#060009;
	font-weight:bold;
	height:35px;
	font-size:1.3em;
	background-image:url('img/menu_bg.png');
	background-repeat:no-repeat;
	}

#menu ul {
	padding: .3em 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}

#menu li {
	display:block;
	display:inline;
}

#menu li.active a {
	color:white;
	}

div#my_menu {
	float:left;
	width:198px;
	margin-left:10px;
	border:1px solid #cfeade;
	}
	
#my_menu a {
	text-decoration:none;
	color:#de6037;
}

#my_menu a:hover {
	color:#d61818;
}

#my_menu ul {
	padding:0px 5px;
	padding-bottom:10px;
	margin: 0px;
	list-style-type: none;
	background-image:url('icons/user_small.png');
	background-position:90% 10%;
	background-repeat:no-repeat;
}

#my_menu li {
	display:block;
}

div#group_members {
	float:left;
	width:198px;
	margin-left:10px;
	border:1px solid #cfeade;
	margin-top:10px;
	}

div#group_members p.mini_warning { padding-left:7px; padding-right:5px;}

#group_members a {
	text-decoration:none;
	color:#de6037;
}

#group_members a:hover {
	color:#d61818;
}

#group_members ul {
	padding:0px 5px;
	padding-bottom:10px;
	margin: 0px;
	list-style-type: none;
	background-image:url('icons/users_chat_small.png');
	background-position:90% 10%;
	background-repeat:no-repeat;
	min-height:60px;
}

#group_members li {
	display:block;
}

#bookmarks {
	float:left;
	width:184px;
	margin-left:10px;
	border:1px solid #cfeade;
	margin-top:10px;
	padding:7px;
	}

#bookmarks span {
	font-size:0.85em;
	color:#585858;
	display:block;
	margin-bottom:15px;
	
	}

a.bookmark {
	margin-left:20px;
	}
	
div.box_top {
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	padding:2px 0px;
	}

div#my_groups_top {
	height:25px;
	width:294px;
	}

div#my_groups {
	float:right;
	width:298px;
	margin-right:10px;
	border:1px solid #73a08c;
	padding-bottom:10px;
	margin-bottom:10px;
	background-color:#dce9e4;
	}

div#available_groups_top {
	height:25px;
	width:294px;
	}

div#available_groups {
	float:left;
	width:298px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #73a08c;
	padding-bottom:10px;
	margin-bottom:10px;
	background-color:#dce9e4;
	}

div#available_groups p, div#create_group p, div#my_groups p {
	font-size:0.9em;
	}

div#create_group_form_top {
	height:25px;
	width:314px;
	}
	
div#create_group {
	float:right;
	width:318px;
	margin-right:10px;
	border:1px solid #73a08c;
	padding-bottom:10px;
	margin-bottom:10px;
	background-color:#dce9e4;
	}


div#group_select {
	width:500px;
	margin:0px auto;
	background-color:#de6037;
	margin-bottom:10px;
	color:white;
	padding:5px 0px 5px 10px;
	border:2px solid #d61818;
	font-size:0.9em;
	}

div#group_filter {
	font-size:0.8em;
	padding-left:5px;
	}

div#group_select select {
	width:170px;
	margin-left:10px;
	}

div#group_select form {
	margin:0px;
	padding:0px;
	}

div#statistics {
	float:right;
	width:728px;
	min-height:250px;
	margin:0px 10px 10px 10px;
	border:1px solid #cfeade;
	padding-top:10px;
	}

div#statistics p {
	font-size:0.9em;
	margin-left:14px;
	}
img.statistics_graph_large {
	margin:10px 14px;
	}

h3.statistics_title {
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:1.5em;
	font-family:"MS Trebuchet", Arial, sans-serif;
	text-align:center;
	background-color:#e8edeb;
	}

div#login_box_top {
	height:25px;
	width:280px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:40px;
	padding-bottom:5px;
	}
	
.h3_groups {
	margin:0px;
	padding:0px;
	margin-top:2px;
	font-size:1.4em;
	font-family:"MS Trebuchet", Arial, sans-serif;
	background-color:#59585a;
	color:#de6037;
	}

h3 {
	margin:0px;
	margin:0px 0px 10px 0px;
	color:#060009;
	background-color:#73a08c;
	padding:5px 5px;
	font-size:1.5em;
	font-family:"MS Trebuchet", Arial, sans-serif;
}
	
form ul.login_form {
	margin:0px auto;
	text-align:left;
	width:280px;
	margin-bottom:20px;
	border:2px solid #73a08c;
	padding-top:5px;
	background-image:url('icons/unlock.png');
	background-position:90% 15%;
	background-repeat:no-repeat;
	background-color:#dce9e4;
	}

form ul.enter_password_form {
	margin:0px auto;
	text-align:left;
	width:215px;
	margin-bottom:20px;
	border:2px solid #73a08c;
	padding-top:5px;
	background-color:#dce9e4;
	}

div#enter_email_form_top {
	height:25px;
	width:325px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:40px;
	padding-bottom:5px;
	}


form ul.enter_email_form {
	margin:0px auto;
	text-align:left;
	width:325px;
	margin-bottom:20px;
	border:2px solid #73a08c;
	padding-top:5px;
	background-color:#dce9e4;
	}

div#password_reset ul{
	padding-bottom:10px;
	}

div#enter_password_form_top {
	height:25px;
	width:215px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:40px;
	padding-bottom:5px;
	}

div#group_password ul {
	padding-bottom:10px;
	}


div#register_form_top {
	height:25px;
	width:325px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:40px;
	padding-bottom:5px;
	}
	
form ul.register_form {
	margin:0px auto;
	text-align:left;
	width:325px;
	margin-bottom:20px;
	border:2px solid #73a08c;
	padding-top:5px;
	background-image:url('icons/edit.png');
	background-position:85% 25%;
	background-repeat:no-repeat;
	background-color:#dce9e4;
	padding-bottom:10px;
	}

div#registration_form form {
	padding-bottom:10px;
	}


div#update_details_form_top {
	height:25px;
	width:325px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:40px;
	padding-bottom:5px;
	}
	
form ul.update_details_form {
	margin:0px auto;
	text-align:left;
	width:325px;
	margin-bottom:20px;
	border:2px solid #73a08c;
	padding-top:5px;
	background-image:url('icons/edit.png');
	background-position:90% 80%;
	background-repeat:no-repeat;
	background-color:#dce9e4;
	padding-bottom:10px;
	}

div#update_details_form form {
	padding-bottom:10px;
	}

div#new_message_form_top {
	height:25px;
	width:500px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:20px;
	padding-bottom:5px;
	}
	
form ul.new_message_form {
	margin:0px auto;
	text-align:left;
	width:500px;
	margin-bottom:10px;
	border:2px solid #73a08c;
	padding-top:5px;
	padding-bottom:10px;
	background-image:url('icons/send_mail.png');
	background-position:75% 10%;
	background-repeat:no-repeat;
	background-color:#dce9e4;
	}

div#new_message_form form {
	padding-bottom:10px;
	}

span#to_username {
	font-size:1.75em;
	font-weight:bold;
	}

div#email_preferences_form_top {
	height:25px;
	width:500px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:20px;
	padding-bottom:5px;
	}
	
form ul.preferences_form {
	margin:0px auto;
	text-align:left;
	width:500px;
	margin-bottom:10px;
	border:2px solid #73a08c;
	padding-top:5px;
	background-image:url('icons/settings.png');
	background-position:90% 15%;
	background-repeat:no-repeat;
	background-color:#dce9e4;
	}

div#email_preferences_form form {
	padding-bottom:10px;
	}
	
form ul.weigh_in_form {
	margin:0px auto;
	text-align:left;
	width:200px;
	margin-bottom:20px;
	margin-top:20px;
	border:2px solid #73a08c;
	padding-top:5px;
	background-image:url('img/weigh_in.png');
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#dce9e4;
	}
	
input.login_button {
	margin:0px;
	padding:0px;
	margin-left:28px;
	margin-bottom:10px;
	width:100px;
	}

li.buttons a
	{
	background-color:#73a08c;
	color:#d63a3a;
	padding:5px 10px;
	border:1px solid #585858;
	font-weight:bold;
	}


div#progress_graph {
	margin:10px auto;
	width:800px;
	height:400px;
	padding:0px 5px 5px 0px;
	background-color:black;
	}


div#chatter_top {
	height:25px;
	width:940px;
	margin:0px auto;
	border:2px solid #73a08c;
	border-bottom:none;
	text-align:center;
	color:#de6037;
	background-color:#59585a;
	margin-top:10px;
	padding-bottom:5px;
	}
	
div#chatter {
	width:940px;
	border:2px solid #73a08c;
	min-height:85px;
	margin:0px auto;
	margin-bottom:10px;
	}

div.chat {
	background-color:#d2e0da;
	margin-bottom:5px;
	font-size:0.9em;
	}

div.chat p {
	margin:0px;
	padding:5px;
	}
span.chat_by {
	color:#d61818;
	}

span.chat_comment {
	color:#060009;
	}

div#chatter_input {
	margin-bottom:10px;
	}
div#chatter_input input {
	margin-left:10px;
	margin-right:10px;
	border:1px solid #73a08c;
	color:#060009;
	font-size:1.4em;
	}

a#show_comments {
	display:block;
	text-align:center;
	font-size:0.9em;
	}

h2 {
	margin:0px;
	margin:0px 10px 10px 5px;
	color:#060009;
	background-color:#e8a964;
	padding:7px 5px;
	font-size:2em;
	font-family:"MS Trebuchet", Arial, sans-serif;
	}
	
p {
	margin-left:10px;
	margin-right:10px;
	color:#060009;
	}

div#footer
{
	color:white;
	background-color:#060009;
	font-size:0.8em;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:2px solid white;
	
}

div#footer p
	{
	margin:0px;
	padding:0px;
	color:white;
	}

p#small_thanks_link {
	size:0.8em;
	font-variant:small-caps;
	padding-bottom:10px;
}
#thanks_to {
	display:none;
	text-align:justify;
	width:850px;
	margin-left:auto;
	margin-right:auto;
	}


ul li.dotpoint {
	background-image:url(img/dotpoint.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type: none;
	padding-left:20px;
	margin-bottom:10px;
	}

/***** TABLE CSS ********/

.row_odd {
	background-color:#e7e7e7;
	padding:1px 5px 0px 5px;
	border-bottom:1px solid #c1c1c1;
	}
	
.row_odd:hover, .row_even:hover {
	background-color:white;
	}

.row_even {
	background-color:#d5d5d5;
	padding:1px 5px 0px 5px;
	border-bottom:1px solid #c1c1c1;
	}	

td.message_options {
	font-size:0.9em;
	}

tr.message_unread {
	}
	
tr.message_read {
	font-size:0.85em;
	}
td.centered, th.centered { text-align: center; }

td.stat_na { background-color:#e8edeb; }

table.statistics_table { width: 95%; margin-left: 14px; margin-bottom:10px;}

table {width:96%; font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7; margin-left:auto; margin-right:auto;}

table a, table a:visited {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

/* table a:visited {color: #777;} */

table a:hover {color: #d61818; border-bottom: 1px solid #d61818;}  

table caption {text-align: left; text-transform: uppercase;  padding-bottom: 10px; font: 200% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;}

table thead th {background: #4f6d60; padding: 8px 12px; color: #fff; text-align: left; font-weight: normal;}

table thead th.center { text-align:center; }

tr th {background: #4f6d60; padding: 8px 12px; color: #fff; text-align: right; font-weight: normal;}

table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

table tbody {border-bottom: 1px solid #EAECEE;}
                      
table tbody td, table tbody th {padding: 10px; text-align: left;}

table tbody td.center { text-align:center; }

table tbody tr {background: #e8edeb;}

table tbody tr.odd {background: #F0F2D4;}

table tbody  tr:hover {background: #EAECEE; color: #111;}

table tfoot td, table tfoot th, table tfoot tr {text-align: left; font: 120%  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}

a.alert_title, a.alert_title:visited {
	color: #fa4b00;
	text-decoration: none;
	border:none;
	font-weight:bold;
	font-size:0.8em;
	padding-left:2px;
}

span.form_instructions {
	font-size:0.8em;
	color:#585858;
}

span.close_message_box {
	display:block;
	font-size:0.8em;
	text-align:right;
}