/* ##############################################
 * Global
 * ############################################## */

body {
	color:							#E5E5E5;
	background-color:				inherit;
	font-family: 					Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 						0.8em;
	background:						url(/pic/design/bg.gif);
}

a:link, a:visited {
	color:							#A5BEF7;
	background-color:				inherit;
	text-decoration:				none;
}

a:active, a:hover {
	color:							#C0C0C0;
	background-color:				inherit;
	text-decoration:				underline;
}

a.admin:link, a.admin:visited {
	color:							#A5BEF7;
	background-color:				inherit;
	text-decoration:				underline;
}

input, textarea, select {
	font-family: 					Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:					normal;
	font-size:						1em;
	border: 						1px solid #999999;
	color:							#A5BEF7;
	background-color:				#394D8C;
}

h1, h2 {
	background-color:				#385789; /* bgcolor1 */
	color:							inherit;
	font-size:						1em;
	margin:							0;
	padding:						2px 5px 2px 5px;
	border:							1px solid black;
}

h1 span, h2 span {
	font-weight:					normal;
	font-size:						0.8em;
}

.frontcolor1 {
	color:							#A5BEF7;
	background-color:				inherit;
}

.bgcolor1 {
	color:							inherit;
	background-color:				#385789; /* bgcolor1 */
}

.bgcolor2 {
	color:							inherit;
	background-color:				#4367A3; /* bgcolor2 */
}

.bgcolor3 {
	color:							inherit;
	background-color:				#547ABA; /* bgcolor3 */
}

.bg1 {
	color:							inherit;
	background-color:				#385789; /* bgcolor1 */
	border-left:					1px solid black;
	border-right:					1px solid black;
	border-bottom:					1px solid black;
	padding:						3px 5px 3px 5px;
}

.bg2 {
	color:							inherit;
	background-color:				#4367A3; /* bgcolor2 */
	border-left:					1px solid black;
	border-right:					1px solid black;
	border-bottom:					1px solid black;
	padding:						3px 5px 3px 5px;
}

.bg3 {
	color:							inherit;
	background-color:				#547ABA; /* bgcolor3 */
	border-left:					1px solid black;
	border-right:					1px solid black;
	border-bottom:					1px solid black;
	padding:						3px 5px 3px 5px;
}

.tooltip {
	position:						absolute;
	color:							inherit;
	background-color:				#385789;
	border:							1px solid black;
	padding:						2px;
	font-size:						0.8em;
}
.tooltip table, .tooltip td {
	margin:							0;
	padding:						0;
	border:							none;
}

span.Won {
	color:							#00C600;
	background-color:				inherit;
}

span.Draw {
	color:							#FF9933;
	background-color:				inherit;
}

span.Loss {
	color:							#FF0000;
	background-color:				inherit;
}

div.quote {
	border:							1px solid black;
	margin:							5px;
	padding:						3px 5px;
	color:							inherit;
	background-color:				#385789; /* bgcolor1 */
}

/* ##############################################
 * layout
 * ############################################## */

/* overall container */
div#container {
	width:							793px;
	margin:							auto;
}

/* layout_header */
div#header {
	background:						url(/pic/design/header.jpg) no-repeat;
	height:							108px;
	padding-bottom:					5px;
}

div#header span {
	position:						relative;
	top:							85px;
	right:							20px;
	font-size: 						0.85em;
	color:							#A5BEF7; /* front_color1 */
	background-color:				inherit;
	float:							right;
}

/* page_menu */
div#menu {
	float:							left;
	width:							125px;
}

/* page_menu head */
div#menu div.head {
	background:						url(/pic/design/menu_top.gif) no-repeat;
	height:							23px;
}

div#menu div.head span {
	font-size:						0.8em;
	float:							right;
	position:						relative;
	top:							5px;
	right:							10px;
	color:							#A5BEF7; /* front_color1 */
	background-color:				inherit;
}

/* page_menu middle */
div#menu div.middle {
	padding-top:					5px;
	background:						url(/pic/design/menu_mid.gif) repeat-y;
}

div#menu div.middle ul {
	padding:						0px 18px 0px 0px;
	margin:							0px;
}

div#menu div.middle li {
	text-align:						right;
	list-style:				 		none;
}

div#menu div.middle li a {
	font-weight:					bold;
}

/* page_menu footer */
div#menu div.footer {
	background:						url(/pic/design/menu_bottom.gif) no-repeat;
	height:							14px;
	padding-bottom:					5px;
}

/* link logout */
div#menu li#logout {
	padding:						10px 0px 0px 0px;
}

div#menu li#logout a {
	font-weight:					normal;
	text-decoration:				underline;
	font-size:						0.85em;
}

/* link userline */
div#menu li#useronline a {
	font-weight:					normal;
	font-size:						0.85em;
}

div#menu li#useronline span {
	font-weight:					normal;
	font-size:						0.85em;
}

/* page_data */
div#data {
	float:							right;
	width:							664px;
}

/* page_data head */
div#data div#head {
	background:						url(/pic/design/data_top.gif) no-repeat;
	height:							24px;
}

div#data div#head span {
	color:							#A5BEF7; /* front_color1 */
	background-color:				inherit;
}

div#data span#head_right {
	font-size:						0.8em;
	float:							right;
	position:						relative;
	top:							7px;
	right:							15px;
}

div#data span#head_left {
	font-size:						0.8em;
	float:							left;
	position:						relative;
	top:							7px;
	left:							15px;
}

/* page_data middle */
div#data div#middle {
	background:						url(/pic/design/data_mid.gif) repeat-y;
}

/* page_data middle content */
div#data div#content {
	padding:						4px 16px 4px 17px;
	width:							630px;
}

/* page_data footer */
div#data div#bottom {
	background:						url(/pic/design/data_bottom.gif) no-repeat;
	height:							24px;
}

/* page_footer */
div#footer {
	padding:						3px 3px 7px 0px;
	font-size:						0.85em;
	text-align:						right;
	color:							#A5BEF7; /* front_color1 */
	background-color:				inherit;
}

/* ##############################################
 * content html_message.php
 * ############################################## */

div#message {
	padding:						5px;
}

div#message div {
	margin:							0;
	padding:						3px 5px;
}

div#message h1 {
	border:							1px solid black;
	font-size:						1em;
	padding:						2px 5px 2px 5px;
	font-weight:					bold;
	background-color:				#385789; /* bgcolor1 */
	color:							inherit;
	margin:							0;
}

div#message div {
	border-left:					1px solid black;
	border-right:					1px solid black;
	border-bottom:					1px solid black;
	text-align:						center;
	color:							inherit;
	background-color:				#4367A3; /* bgcolor2 */
}


/* ##############################################
 * content html_fullscreenmessage
 * ############################################## */

div#fullscreenmessage {
    position:						absolute;
    left:							50%;
    top:							50%;
	width:							700px;
    margin-left:					-350px;  /* half of width */
    margin-top:						-100px;   /* half of height */
	padding:						15px;
	color:							inherit;
	background-color:				#4367A3; /* bgcolor2 */
	border:							1px solid black;
	text-align:						center;
	font-weight:					bold;
}

div#fullscreenmessage span {
	font-weight:					normal;
	font-size:						0.8em;
}


/* ##############################################
 * users_global
 * ############################################## */

div.users th {
	padding:						3px 5px 3px 5px;
	border-top:						none;
}

div.users td {
	padding:						3px 5px 3px 5px;
	border-top:						none;
}

/* ##############################################
 * users_loginform
 * ############################################## */


div.users table#login {
	margin:							5px auto;
	border-top:						1px solid black;
}

div.users table#login td {
	padding:						4px;
	font-weight:					bold;
}

div.users table#login a {
	font-size:						0.8em;
	font-weight:					normal;
}

div.users table#login span {
	font-weight:					normal;
}

/* ##############################################
 * users_info
 * ############################################## */

div.users div.info {
	padding-bottom:					7px;
}

/* ##############################################
 * users_useronline
 * ############################################## */

div.users div.useronline span {
	font-weight:					normal;
	font-size:						0.8em;
}

div.users div.useronline th {
	background-color:				#385789; /* bgcolor1 */
	color:							inherit;
}

div.users div.useronline .td1 {
	text-align:						left;
}

div.users div.useronline .td2 {
	text-align:						center;
}

/* ##############################################
 * users_profile
 * ############################################## */

div.users div#profile span {
	font-weight:					normal;
	font-size:						0.8em;
}

div.users div#profile td {
	font-weight:					bold;
}

/* ##############################################
 * comment
 * ############################################## */

div.commenthead {
	padding-bottom: 				10px;
}

div.commenthead table {
	border:							1px solid black;
}

div.commenthead td {
	border:							none;
	vertical-align:					top;
	background-color:				#385789; /* bgcolor1 */
	color:							inherit;
	padding:						3px 5px 3px 5px;
}

div.commenthead textarea {
	width:							400px;
	height:							100px;
}

div.commenthead .name {
	text-align:						right;
	font-weight:					bold;
}

div.commenthead span {
	font-size:						0.8em;
	font-weight:					normal;
}


table.comment {
	margin-bottom:					7px;
}

table.comment .id {
	font-size:						0.8em;
	font-weight:					bold;
	text-align:						center;
	width:							40px;
}

table.comment .name {
	font-weight:					bold;
	width:							460px;
}

table.comment .date {
	font-size:						0.8em;
	text-align:						center;
	width:							130px;
}

table.comment .text {
	padding:						3px 5px 3px 7px;
}

table.comment .function {
	font-size:						0.8em;
	text-align:						right;
	padding-right:					8px;
}

table.comment td {
	background-color:				#385789; /* bgcolor1 */
	color:							inherit;
	padding:						3px 5px 2px 5px;
}