/* @group Default HTML */
* {
	padding: 0;
	margin: 0;
}

html {
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}

body {
	padding: 0;
	margin: 0;
}

body#home{
	padding: 0;
	margin: 0;
	/*padding: 20px;*/
	color: #4e493e;
	background: #4d493e url(../img/header_texture.jpg) repeat-x;
}

body{
	padding: 0;
	margin: 0;
	/*padding: 20px;*/
	color: #4e493e;
	background: #4d493e;
}

img {
	border: none;
}

li {
	list-style-position: inside;
}

a {
	color: #4e493e;
}
/* @end */

/* @group Generic classes */
.float_right {
	float: right;
}
.float_left {
	float: left;
}
.clear_both {
	clear: both;
}
.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}
.align_leftsp {
	text-align: left;
	font-size: 10px;
}
.centered {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.no_border {
	border-right-style: none;
}
.clear {
	clear: both;
}


/*@end */

/* @group Menu bar */
#menu {
	width: 100%;
	height: 115px;
	background: #4d493e url(../img/header_texture.jpg) repeat-x;
	font-size: 14px;
}

#menu ul.top_menu {
	padding: 0;
	margin-top: 4px;
	height: 26px;
	width: 800px;
}

#menu ul.bottom_menu {
	padding: 0;
	margin-top: 0px;
	height: 25px;
	width: 800px;
}

#menu li {
	padding: 0;
	font-size: 13px;
	display: inline;
	margin-right: 1.4ex;
}

#menu li a {
	padding: 0;
	text-decoration: none;
	color: #d4cdc0;
}

#menu_items {
	padding: 0;
	width: 500px;
}

#header_wrapper {
	width: 920px;
	margin: 0 auto;
}

#dark_triangle { /* 8px per 5px */
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 8px;
	height: 5px;
	left: 80px;
	top: 85px; /*90-5*/
	z-index: 99;
	clear: both;
	float: none;
	display: inline;
	background: url(../img/dark_triangle.gif) no-repeat;
}

#light_triangle { /* 8px per 5px */
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 8px;
	height: 5px;
	left: 80px;
	top: 110px; /*115-5*/
	z-index: 99;
	background: url(../img/light_triangle.gif) no-repeat;
}


#menu .top_menu_item:hover {
	color: white;
}

#contact-area {
	width: 600px;
	margin-top: 5px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}


#session_and_search {
	clear: none;
	/*float: right;*/
	width: 300px;
	margin-top: 10px;
}

.session, .search {
	text-align: right;
}

#session_and_search div.session {
	width: 313px;
	display: block;
	height: 50px;
	overflow: hidden;
}

#session_and_search div.search {
	width: 250px;
	display: block;
	height: 30px;
	overflow: hidden;
}

#search_form {
	padding-top: 6px;
	vertical-align: bottom;

}

#search_form *{
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#search_form input.search_query {
	color: #4e493e;
	font-size: 10px;
	padding: 2px;
	height: 12px;
	border: 1px solid #4d493e;
}

#search_form input.search_button {
	padding-left: 1ex;
}

#session_and_search p{
	padding-bottom: 4px;
}

#session_and_search li a{
	color: #4e493e;
	text-decoration: underline;
}

/* @end */

/* @group Player Profile */

#player_profile {
	background-color: #f0f0e9;	
}

#player_profile h2{
	color: #7f7562;
}

#player_data {
	float: left;
	width: 280px;
	background-color: #e9e9df;
}

.player_data_head {
	color: white;
	height: 65px;
	background-color: #4e493e;
	padding: 10px;
}

.player_data_head h4{
	font-size: 1.2em;
	font-weight: normal;
	color: #d4cdc0;
	font-style: normal;
}
	
.player_data_content {
	padding: 10px;
}

.player_data_content p {
	padding-bottom: 5px;	
}

.player_data_content .date {
	font-weight: bold;
}

.player_data_content table {
	font-size: 1.1em;
	border: none;
}

.player_data_content table th{
	color: #7f7562;
	padding-right: 4px;
}

.player_data_content table td{
	color: #4e493e;
	font-weight: bold;
	padding-right: 4px;
}

.player_data_buttons {
	background-color: #bdb6a8;
	padding: 5px 10px;
	height: 25px;
	font-weight: bold;
	text-align: center;
}

.player_data_buttons img {
	margin: 0 2px 0 0;
}

.player_data_footer img {
	vertical-align: middle;
}

.teammates {
	padding: 10px;
}

.teammates_buttons {
	background-color: #bdb6a8;
	padding: 5px 10px;
	height: 25px;
	text-align: center;
}

#player_content {
	font-size: 1.1em;
	color: #4e493e;
	margin-left: 20px;
	width: 560px;
	float: left;
}

#player_content .player{
	margin-top: 8px;
}

#player_content p{
	clear: both;
	padding-bottom: 0.5em;
}

h4.the_others {
	color: #7f7562;
}

.friends, .members {
	background: transparent url(../img/small_header_gradient.jpg) repeat-x;
}


#player_content .date {
	font-weight: bold;
	color: #7f7562;
}

#player_content a {
	font-weight: bold;
	text-decoration: underline;
}

#player_profile dt {
	margin: 1em 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #7f7562;
}

#player_profile img{
	vertical-align: -1px;
}

#player_profile dd {
	margin-left: 3px;
	font-size: 1.1em;
	font-weight: bold;
	color: #4e493e;
}

/* @end */

/* @group Main content */
#content_wrapper {
	width: 100%;
	background-color: #f0f0e9;
}

#content {
	width: 880px;
	padding: 20px;
	margin: 0 auto;
}

#home #content {
	/*height: 764px;*/
}

#top_content {
	width: 860px;
	height: 345px;
	
	clear:both;
	overflow:hidden;
	padding: 0;
	margin: 0;
	
	font-size: 12px;
}

#create_easy {
	width: 436px;
	height: 300px;
	float:left;
	position:relative;
	padding: 0;
	margin: 0;
}

#brown_box {
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #f0efea;
}

#easy_as_123 {
	margin: 0;
	margin-top: -4px;
	padding: 0;
	background-color: #83775F;
	color: white;
	font-size: 1.2em;
}

#easy_as_123 p {
	padding-left: 15px;
	/*padding-bottom: 1.5em;*/
}

#easy_as_123 ul {
	list-style-type: none;
	padding-left: 100px;
}

#easy_as_123 li {
	padding-top: 1em;
}
#easy_as_123 li img{
	margin-top: -4px;
	vertical-align: middle;
	margin-right: 2ex;
	width: 25px;
	height: 25px;
}

#screenshot {
	display: inline;
	float: left;
	width: 420px;
	position:relative;
	padding: 0;
	margin: 0;
}

#sign_up {
	float: left;
	padding-left: 1px;
}

.description {
	width: 420px;
}

.start_account {
	float: right;
	padding: 8px 0;
	width: 235px;
	font-size: 12px;
}

/* @end */

/*@group Table of content */

#table_of_content {
	width: 880px;
	height: 430px;
	padding: 10px 0;
	font-size: 10px;
}

#table_of_content p {
	padding-top: 4px;
	
}

#center_column {
	margin-left: 20px;
	width: 200px;
	height: 450px;
	font-size: 1em;
}

#center_column p{
	margin-bottom: 1em;
}

#left_column {
	width: 420px;
	height: 550px;
	font-size: 1.1em;
}



#right_column {
	margin-left: 20px;
	width: 200px;
	height: 450px;
	font-size: 1em;
}


#right_column p {
	margin-bottom: 10px;
}

.toc_left_cell {
	background-image: url(../img/gradient_divider.jpg);
	background-repeat: no-repeat;
	padding-top: 16px;
}

.get_report {
	margin-bottom: 1em;
}

.player_cell {
	margin-bottom: 0;
	height: 50px;
}

.player {
	margin-right: 1ex;
	float: left;
}

/* @end */

/* @group Browser */

#browser form {
	/*margin: 10px 0; */
}

#browser form *{
	vertical-align: top;
}

#browser form select {
	padding: 0;
	margin: 0;
	height: 18px;
	width: 134px;
	margin-right: 2px;
}

#browser table {
	font-size: 12px;
	text-align: center;
	width: 860px;
	border-spacing: 0;
	padding: 0;
}

#browser table a {
	text-decoration: none;
	font-weight: bold;
}



#browser th {
	font-weight: normal;
	background-color: #bdb7a9;
	height: 26px;
}

#browser th img {
	margin-left: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
}

#browser tr.player_entry {
	height: 30px;
}


#browser .player_entry:hover {
	color: #bc5125;
}


#browser .odd {
	
}

#browser .even {
	background-color: #e3e4d8;
}

#browser #add {
	width: 40px;
}

#browser #pos {
	width: 50px;
}




#browser #player {
	width: 210px;
}

#browser #stats {
	width: 300px;
}

#browser #rank {
	width: 90px;
}

#browser #team {
	width: 120px;
}

#browser #addmultiple {
	font-size: 9px;
	width: 50px;
}

#browser #save_mult {
 float: right ;
 margin-right: 17px;   
}

#browser td {
	border-right: 1px solid #d2cfc2;
	padding: 2px 10px 0 10px;
}

#browser dl *{
	display: inline;
}
#browser dt {
	font-weight: bold;
}
#browser dd {
	padding: 0 20px 0 0;
}

#navigation {
	margin-top: 20px;
	width: 860px;
	height: 18px;
	text-align: center;
}

#navigation img{
	width: 51px;
}

#navigation ul {
	width: 758px;
	list-style-type: none;
}

#navigation ul li {
	text-align: center;
	display: inline;
	padding: 0 1ex 0 0;
}

#legend {
	font-size: 12px;
	font-weight: bold;
	color: #867e6b;
	clear: both;
	display: block;
	margin: 13px 0 0px 0;
}

#legend img {
	opacity: 0.7;
	padding-bottom: 4px;
}

#legend * {
	vertical-align: middle;
}

/* @end */

/* @group Report */

#report {
	text-align: left;
	font-size: 11px;
}

.gradient_title {
	width: 420px;
	background-image: url(../img/small_header_gradient.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
}

#report #left_column {
	width: 450px;
	float: left;
}

#report #right_column {
	width: 390px;
	float: left;
}

#report #right_column #box{
	width: 300px;
	padding: 10px;
	background-color: #83775f;
	font-size: 12px;
}

#report #right_column #box h2{
	color: white;
	margin-bottom: 15px;
}

#report #right_column #box form{
	vertical-align: 2px;
	display: inline;
}

#report #content p {
	font-size: 11px;
	margin-bottom: 10px;
}

/* @end */

/* @group Notebook */
#notebook #positions {
	/*overflow: hidden;*/
	width: 756px;
	height: 26px;
	padding: 0;
	float: left;
}

#notebook #positions img {
	margin-bottom: 6px;
	vertical-align: middle;
}

#notebook #button_bar {
	width: 860px;
	height: 26px;
	margin: 10px 0;
}

#notebook #top_save {
 float: right ;
 margin-right: 17px;
}

#notebook table {
	font-size: 12px;
	text-align: center;
	width: 860px;
	border-spacing: 0;
	padding: 0;
	margin-bottom: 10px;
}

#notebook th {
	font-weight: normal;
	background-color: #bdb7a9;
	height: 26px;
}

#notebook th img {
	margin-left: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
}

#notebook #remove, #notebook #averank, #notebook #projpts, #notebook #aveprojpts, #notebook #movetotop {
	padding: 3px;
	font-size: 9px;
	height: 20px;
	width: 38px;
}


#notebook td {
	border-right: 1px solid #d2cfc2;
	padding: 2px 6px 0 6px;
}

#notebook td.withtier{
	border-right: 1px solid #d2cfc2;
	border-bottom: 1px solid #CC3A0C; 
	padding: 2px 6px 0 6px;
}

#notebook td img {
	margin-left: 2px;
	vertical-align: middle;
}

#notebook td.no_border{
	border-right-style: none;
}

#notebook tr.player_entry {
	/*height: 30px;*/
}

#notebook .even {
	background-color: #e3e4d8;
}

#notebook #add {
	width: 40px;
}

#notebook #rank {
	width: 46px;
}


#notebook #notes{
	width: 340px;
}

#notebook #statspro{
	width: 510px;
}

#notebook #player {
	font-style: normal;
}


#notebook a.edit {
	padding-left: 8px;
	font-size: 10px;
	text-decoration: underline;
}


#notebook .save {
	font-size: 12px;
	text-align: right;
	width: 860px;
	height:20px;
	border-spacing: 0;
	padding: 0;
	margin-top: 6px;
}

input.rank {
	color: #4e493e;
	padding: 2px;
	border: 1px solid #bdb7a9;
	width: 26px;
}

input.spsmall {
	color: #4e493e;
	padding: 2px;
	border: 1px solid #bdb7a9;
	width: 26px;
}
input.splarge {
	color: #4e493e;
	padding: 2px;
	border: 1px solid #bdb7a9;
	width: 36px;
}

input.notes {
	color: #4e493e;
	padding: 2px;
	border: 1px solid #bdb7a9;
	width: 340px;
}

/* @end */

/* @group Community */
#community {
	color: #7b7461;
}

#community #content {
	/*height: 800px;*/
	}

#community_left_column {
	display: block;
	width: 450px;
	float: left;
}

#community_right_column {
	margin-top: 38px;
	float: left;
	display: block;
	width: 390px;
	margin-left: 20px;
}

#community form {
	margin: 0 0 6px 0;
}

#community form *{
	vertical-align: top;
}

#community_left_column table {
	font-size: 12px;
	text-align: center;
	width: 450px;
	border-spacing: 0;
	padding: 0;
}

#community_right_column table {
	font-size: 12px;
	text-align: center;
	width: 390px;
	border-spacing: 0;
	padding: 0;
}

#community_right_column table {
	width: 390px;	
}

#community_right_column table td{
	padding: 5px;
	border: none;
}

#community table a {
	font-weight: bold;
	text-decoration: underline;
	color: #4b483f;
}

#community_left_column #top_ranked_table td{
	padding: 5px;
	height: 20px;
}

#community_left_column #top_ranked_table td img{
	vertical-align: middle;
}

#community_left_column #top_ranked_table #pos{
	width: 50px;;
}

#community_left_column #top_ranked_table td.no_border{
	border-right-style: none;
}

#top_ranked_table a {
	font-weight: bold;
	text-decoration: none;
	color: #4b483f;
}

#community_left_column th {
	font-weight: normal;
	background-color: #bdb7a9;
	height: 26px;
}

#community_left_column th img {
	margin-left: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
}

#community_left_column tr.player_entry {
	height: 30px;
}

#community_left_column td {
	border-right: 1px solid #d2cfc2;
	padding: 2px 10px 0 10px;
	height: 30px;
}

#community .odd {
	
}

#community .even {
	background-color: #e3e4d8;
}

#community_left_column #add {
	width: 40px;
}

#community_left_column #player {
	width: 190px;
}

#community_left_column #averank {
	font-size: 9px;
	width: 38px;
}

#community_left_column #team {
	width: 190px;
}

#community_left_column #similar_taste {
	margin-top: 20px;
	width: 450px;
	background: transparent url(../img/small_header_gradient.jpg) repeat-x;
}

#community_left_column #similar_taste img.subtitle {
	margin-top: 15px;
}

#community_left_column .members_table {
	margin-top: 5px;
	background-color: #f0f0e9;
	/*border-spacing: 10px;*/
}

#community_left_column .members_table td{
	padding: 0;
	border: none;
	text-align: left;
	width: 235px;
	height: 65px;
}

#community_left_column .members_table td.right_cell{
	width: 215px;
}

#community_left_column .members_table p {
	font-size: 20px;
	font-weight: bold;
}

.member {
	margin: 0 1ex 0 0;
	float: left;
}

.member_cell {
	padding: 5px;
	width: 205px;
	height: 50px;
	background-color: #e3e4d8;
}

.rank {
	font-weight: bold;
	color: #e37b48;
}

.rank_up {
	font-weight: bold;
	color: #00ac53;
}

.rank_down {
	font-weight: bold;
	color: #da5448;
}

#community_right_column #recent_activity {
	margin-top: 10px;
}

#community_right_column #top_three td {
	padding: 5px;
	height: 38px;
}

#community_right_column #top_three td img {
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

#community_right_column #top_members {
	margin-top: 20px;
	width: 390px;
	background: transparent url(../img/small_header_gradient.jpg) repeat-x;
}

#community #top_members img.subtitle {
	margin-top: 15px;
}

#community #top_members table {
	padding: 0;
	width: 390px;
}

#community_right_column #top_members table td{
	padding: 2px;
	margin: 0;
	height: 30px;
}

#community #legend {
	padding-top: 20px;
}
/* @end */

/* @group Bubble */

#bubble {
	border: 1px solid #83775f;
	background-color: #d4cdc0;
	position: absolute;
	z-index: 99;
	width: 300px;
	display: none;
}

#bubble_head {
	color: white;
	height: 50px;
	background-color: #4e493e;
	padding: 10px;
}

#bubble_head h4{
	font-size: 1.2em;
	font-weight: normal;
	color: #d4cdc0;
	font-style: normal;
}
	
#bubble_content {
	padding: 10px;
}

#bubble_content p {
	padding-bottom: 5px;	
}

#bubble_content .date {
	font-weight: bold;
}

#bubble_footer {
	background-color: #bdb6a8;
	padding: 5px 10px;
	height: 25px;
	font-weight: bold;
}

#bubble_footer img {
	vertical-align: middle;
}
/* @end */

/* @group Footer */

#footer_wrapper {
	clear: both;
	background-color: #4d493e;
	color: #bdb7ab;
	width: 100%;
}
#footer {
	width: 880px;
	padding: 20px;
	margin: 0 auto;
	background-color: #4d493e;
	padding-top: 1em;
	color: #bdb7ab;
}

#footer p{
	padding-bottom: 0.5em;
}

#footer a{
	padding-right: 1ex;
	color: #bdb7ab;
}







textarea{
	width: 300px;
	height: 12px;
	/*border: 3px solid #464646;*/
	border: 1px solid #bdb7a9;
	font-family: arial;
	font-size: 13px;
	/*padding: 5px;*/
	color:#464646;
	overflow: visible;
}








/* @end */