body {
  background-color: #CCCC99;
}

/*****************************************/
/*******   SITE HEADER AND MENU    *******/
/*****************************************/
div.site_header {
  position: absolute;
  width: 750px;
  height: 250px;
  top: 0px;
  left: 50%;
  margin-left: -375px;
  background-image: url('images/header_topped.png');
  text-align: center;
}

div.site_title {
  position: absolute;
  top: 57px;
  left: 50%;
  width: 500px;
  height: 60px;
  margin-left: -250px;
  background-color: transparent;
  text-align: center;
  color: #000066;
  font-family: Verdana;
  font-weight: bold;
  font-size: 13px;  
}

div.user_info_header {
  position: absolute;
  top: 190px;
  left: 50%;
  width: 500px;
  height: 60px;
  margin-left: -250px;
  background-color: transparent;
  text-align: center;
  color: #333333;
  font-family: Verdana;
  font-weight: bold;
  font-size: 10px;  
}

div.user_info_left {
  position: absolute;
  top: 202px;
  left: 50%;
  width: 220px;
  height: 40px;
  margin-left: -221px;
  background-color: transparent;
  text-align: right;
  color: #333333;
  font-family: Verdana;
  font-weight: bold;
  font-size: 10px;  
}

div.user_info_right {
  position: absolute;
  top: 202px;
  left: 50%;
  width: 220px;
  height: 40px;
  margin-left: 1px;
  background-color: transparent;
  text-align: left;
  color: #333333;
  font-family: Verdana;
  font-weight: bold;
  font-size: 10px;  
}

div.navigation {
  position: absolute;
  top: 250px;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  height: 35px;
  background-image: url('images/menu_background.png');
  text-align: center;
  color: #E6E0DE;
  background-color: transparent;
  font-family: Verdana;
  line-height: 110%;
  font-size: 10px;  
  padding-top: 2px;
}

div.sanctions {
	position: absolute;
	left: 57%;
	top: 15px;
	width: 50px;
	text-align: center;
}


/*****************************************/
/*******     1 COLUMN OR 2 COLUMN   *******/
/*****************************************/

div.text_onecol {
  position: absolute;
  top: 285px;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  background-image: url('images/text_bg_1col.png');  
}

div.text_2col {
  position: absolute;
  top: 285px;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  background-image: url('images/text_bg_2col.png');  
}

div.left_column {
  float: left;
  width: 479px;
  padding-left: 30px; 
}

div.right_column {
  float: right;
  top: 0px;
  padding-right: 39px;
  width: 198px;
  text-align: left;
  color: #336600;
  background-color: transparent;
  font-family: Verdana, sans-serif;
  line-height: 100%;
  background: transparent;
  font-size: 70%;
}

div.txt_bottom_onecol {
  clear: both;
  overflow: visible;
  height: 10px;
  font-size: 0px; 
  background-image: url('images/txt_bottom_1col.png');
}

div.txt_bottom_2col {
  clear: both;
  overflow: visible;
  height: 10px;
  font-size: 0px; 
  background-image: url('images/txt_bottom_2col.png');
}


/*****************************************/
/*******     TITLES AND SUBTITLES   *******/
/*****************************************/

h1.page_header {
  color: #E6E0DE;
  font-family: Book Antiqua, Palatino, serif;
  margin: 0px;
  padding-top: 15px;
  font-size: 18px;  
  font-weight: bold;
  letter-spacing: 2px;
}

div.big_header_leftcol {
  margin-top: 0px;
  margin-left: 9px;
  width: 460px;
  height: 50px;
  background-image: url('images/bg_header_blue.png');
  text-align: center;
}

h2.sub_header {
  color: #E6E0DE;
  font-family: Book Antiqua, Palatino, serif;
  margin: 0px;
  padding-top: 6px; 
  padding-left: 12px;
  font-size: 16px;
  letter-spacing: 2px;
  padding-bottom: 3px;  
}

div.small_header_leftcol {
  margin-top: 0px;
  margin-left: 9px;
  width: 460px;
  background-image: url('images/bg_header_blue_small.png');
  text-align: left;
}

div.big_header_onecol {
  position: relative;
  margin-top: 0px;
  margin-left: 39px;
  width: 672px;
  height: 50px;
  background-image: url('images/bg_header_brown_big.png');
  text-align: center;
}

div.small_header_onecol {
  position: relative;
  margin-top: 0px;
  margin-left: 39px;
  width: 672px;
  height: 30px;
  background-image: url('images/bg_header_brown_small.png');
  text-align: left;
}

div.header_rightcol {
  position: relative;
  margin-top: 0px;
  margin-left: 0px;
  width: 198px;
  height: 30px;
  background-image: url('images/bg_header_green.png');
  text-align: center;
}

h3.side_header {
  color: #E6E0DE;
  background-color: transparent;
  font-family: Book Antiqua, Palatino, serif;
  text-decoration: none;
  margin: 0px;
  padding: 9px;
  font-size: 13px;
  letter-spacing: 2px;  
}

h3.side_header_bis {
  color: #E6E0DE;
  background-color: transparent;
  font-family: Book Antiqua, Palatino, serif;
  text-decoration: none;
  margin: 0px;
  padding: 4px;
  font-size: 13px;
  letter-spacing: 2px;  
}

/*** MESSAGE.PHP ***/

div.message {
  position: relative;
  left: 50%;
  margin-left: -250px;
  margin-top: 5px;
  width: 500px;
  text-align: left;
  font-family: Comic Sans MS, cursive;
  line-height: 100%;
  background: transparent;
  font-size: 14px;
  border-style: dotted;
  border-width: 2px;
  border-color: #FFFFCC;
}


/*** MATCH.PHP ***/

div.match_top_friendly {
  position: absolute;
  top: 285px;
  height: 47px;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  background-image: url('images/match/friendly_top.png');
}

div.match_top_practice {
  position: absolute;
  top: 285px;
  height: 47px;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  background-image: url('images/match/practicematch_top.png');
}

div.match_top_cup {
  position: absolute;
  top: 285px;
  height: 47px;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  background-image: url('images/match/cupmatch.png');
}

div.match_top_newresult {
  position: absolute;
  top: 285px;
  height: 47px;
  width: 750px;
  left: 50%;
  margin-left: -375px;
  background-image: url('images/match/newresult_top.png');
}

div.match {
  position: absolute;
  top: 332px;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  background-image: url('images/match/match_bg.png');
}

div.match_bottom {
  position: absolute;
  bottom: 139px;
  height: 10px;
  width: 750px;
  left: 50%;
  font-size: 0px; 
  margin-left: -375px;
  background-image: url('images/match/match_bottom.png');
}

div.match_message {
  margin-left: 150px;
  width: 450px;
}

div.match_comment {
  position: relative;
  left: 50%;
  margin-left: -250px;
  margin-top: 5px;
  width: 500px;
  text-align: left;
  font-family: Comic Sans MS, cursive;
  line-height: 100%;
  background: transparent;
  font-size: 14px;
  border-style: dotted;
  border-width: 2px;
  border-color: #FFFFCC;
}

div.user_comment {
  position: relative;
  margin-top: 10px;
  margin-left: 25px;
  margin-bottom: 15px;
  width: 410px;
  text-align: left;
  font-family: Georgia, courier, monospace;
  line-height: 100%;
  background: transparent;
  font-size: 14px;
  border-style: dotted;
  border-width: 2px;
  border-color: #000099;
}

/*****************************************/
/*******              PARAGRAPHS               *******/
/*****************************************/

p.leftcol {
  margin-top: 10px;
  margin-left: 25px;
  margin-bottom: 15px;
  width: 426px;
  text-align: left;
  color: #000099;
  font-family: Georgia, courier, monospace;
  font-size: 13px;
  line-height: 1.8;
}

p.leftcol_little {
  margin-top: 10px;
  margin-left: 25px;
  margin-bottom: 15px;
  width: 426px;
  text-align: left;
  color: #003399;
  font-family: Georgia, courier, monospace;
  font-size: 11px;
  line-height: 1.8;
}

p.onecol {
  margin-top: 10px;
  margin-left: 65px;
  margin-bottom: 15px;
  width: 620px;
  text-align: left;
  color: #663300;
  font-family: Georgia, courier, monospace;
  font-size: 13px;
  line-height: 1.8;
}

p.message_head {
  margin-top: 5px;
  margin-left: 65px;
  margin-bottom: 5px;
  width: 620px;
  text-align: left;
  color: #663300;
  font-family: Georgia, courier, monospace;
  font-size: 13px;
  line-height: 1.4;
}

p.user_bio_details {
  margin-top: 5px;
  margin-left: 25px;
  margin-bottom: 0px;
  width: 420px;
  text-align: left;
  color: #000099;
  font-family: Georgia, courier, monospace;
  font-size: 90%;
  line-height: 14px;
}

p.rightcol {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-right: 10px;
  border-color: #336600;
}

p.match_timeplace {
  color: #CCFFCC;
  font-family: Book Antiqua, Palatino, serif;
  font-weight: 900;
  text-align: center;
  margin-top: 0px;
  line-height: 100%;
  font-size: 12px;  
  letter-spacing: 5px;  
}

p.match_result {
  color: #FFFFFF;
  font-family: Arial Black, sans-serif;
  font-weight: 100;
  margin-top: 0px;
  line-height: 100%;
  font-size: 15px;  
  letter-spacing: 3px;  
}

p.match_ping {
  color: #CCFFCC;
  font-family: Verdana, sans-serif;
  font-weight: 100;
  margin-top: 0px;
  line-height: 100%;
  font-size: 10px;  
  letter-spacing: 2px;  
}

p.match_condition {
  color: #CCFFCC;
  font-family: Verdana, sans-serif;
  font-weight: 100;
  margin-top: 0px;
  line-height: 100%;
  font-size: 10px;  
  letter-spacing: 1px;  
  text-align: center;
}

p.user_comment {
  margin: 8px;
  font-size: 12px;
  color: #000099;  
  line-height: 100%;
}

p.user_comment_white {
  margin: 8px;
  font-size: 12px;
  color: #ffffff;  
  line-height: 100%;
}

p.match_error_message {
  font: bold 14px Comic Sans MS, cursive;
  color: #FF5555;  
  line-height: 100%;
  text-align: center;
}

p.match_normal_message {
  font: bold 14px Comic Sans MS, cursive;
  color: #666699;  
  line-height: 100%;
  text-align: center;
}

p.left_error_message {
  font: bold 14px Comic Sans MS, cursive; 
  color: #FF5555;  
  line-height: 100%;
  margin-top: 5px;
  margin-left: 25px;
  margin-bottom: 0px;
  width: 420px;
  text-align: left;
}

p.left_normal_message {
  font: bold 14px Comic Sans MS, cursive;
  color: #FFFF00;  
  line-height: 100%;
  margin-top: 5px;
  margin-left: 25px;
  margin-bottom: 0px;
  width: 420px;
  text-align: left;
}

p.match_success_message {
  font: bold 14px Comic Sans MS, cursive;
  color: #663300;  
  line-height: 100%;
  text-align: center;
}


p.match_comment {
  margin: 8px;
  color: #FFFFCC;  
}

p.sign {
  font: bold 36px Impact,Tahoma,Arial;
  color: #0000FF;
  line-height: 100%;
  text-align: center;
}

p.match_comment_head {
  margin: 1px 0 8px 8px;
  color: #FFFF66;  
}

h2.match_comment_head {
  margin: 8px 0 0 8px;
  color: #FFFF66;  
  font-weight: bold;
  font-size: 14px;
}

p.littlenotes {
  color: #663300;
  font-family: Verdana, sans-serif;
  font-weight: 100;
  margin: 10px;
  line-height: 100%;
  font-size: 10px;  
  letter-spacing: 1px;  
  text-align: left;
}

span.match_comment_time {
  font-size: 12px;
  color: #FFFF99;  
  line-height: 100%;
}

.match_entering_form {
  background-color: #336600;
  border: 1px dotted #FFFF99;
  color: #FFFF99;
}

.user_entering_form {
  background-color: #BBEEFF;
  border: 1px dotted #BBEEFF;
  color: #000000;
  font-family: Georgia, courier, monospace;
  font-size: 90%;
  line-height: 18px;
}

.indep_user_entering_form {
  margin-left: 25px;
  background-color: #BBEEFF;
  border: 1px dotted #BBEEFF;
  color: #000000;
  font-family: Georgia, courier, monospace;
  font-size: 90%;
  line-height: 18px;
}

a:link, a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #993300;
}

a:active, a:hover {
  text-decoration: none;
  color: #FF3300;
}

a:hover.anchor {
  color: #E6E0DE;
}

a:link.noscriptmenu, a:visited.noscriptmenu {
  color: #ffffff;
  font-weight: normal;
  font-size: 10px;
}

a:active.noscriptmenu, a:hover.noscriptmenu {
  color: #FF3300;
}

a:link.winner, a:visited.winner {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

a:link.loser, a:visited.loser {
  text-decoration: none;
  color: #FF6600;
  font-weight: bold;
}

a:link.draw, a:visited.draw {
  text-decoration: none;
  color: #FFFF00;
  font-weight: bold;
}

a:link.commenter, a:visited.commenter {
  text-decoration: none;
  color: #336600;
  font-weight: bold;
}

a:link.comment, a:visited.comment {
  text-decoration: none;
  color: #336600;
  font-weight: normal;
}

a:active.winner, a:hover.winner, a:active.loser, a:hover.loser, a:active.draw, a:hover.draw, a:active.commenter, a:hover.commenter {
  text-decoration: none;
  color: #FF3300;
  font-weight: bold;
}

a:link.result, a:visited.result {
  text-decoration: none;
  color: #003399;
}

a:active.result, a:hover.result, a:active.comment, a:hover.comment {
  text-decoration: none;
  color: #FF3300;
}

a:hover img {
  border-color: #FF3300;
}


/*****************************************/
/*******              SITE FOOTER               *******/
/*****************************************/

div.site_footer {
  height: 140px;
  background-image: url('images/footer_bottomed.png');
  text-align: center;
  color: black;
  font-family: Verdana, sans-serif;
  line-height: 150%;
  font-size: 9px;
}

p.site_footer {
  position: relative;
  top: 16px;
  margin-top: 0px;
  margin-bottom: 0px; 
  margin-left: 50px;
  margin-right: 50px;
}


/*****************************************/
/*******              SITE HEADER               *******/
/*****************************************/

img.side_header {
  margin-top: 6px;
}

p.site_header, a:link.site_header, a:visited.site_header, a:active.site_header, a:hover.site_header {
  color: #000066;
  font-family: Book Antiqua, Palatino, serif;
  font-weight: 900;
  margin-top: 0px;
  line-height: 100%;
  font-size: 22px;  
  letter-spacing: 2px;
}


/*****************************************/
/*******                   TABLES                     *******/
/*****************************************/

table.leftcol {
  margin-top: 10px;
  /* margin-left: 55px; */
  margin-bottom: 15px;
  width: 426px;
  overflow: visible; 
  color: #000099;
  font-family: Georgia, courier, monospace;
  font-size: 13px;
  line-height: 1.8;
}

table.rightcol {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 5px;
  margin-right: 5px;
  border-color: #336600;
}

td {
  color: #000099;
  font-family: Verdana, sans-serif;
  line-height: 100%;
  background: transparent;
  font-size: 10px;
  padding: 1px;
}

td.rankingsheader {
  font-weight: bold;
  color: #336600;
}

td.rankings2 {
  color: #336600;
}

td.rankings1 {
  color: #336600;
  font-family: Verdana, sans-serif;
  line-height: 100%;
  background: transparent;
  font-size: 12px;
  padding: 1px;
  width: 196px;
  font-weight: bold;
}

td.rankingspoints {
  color: brown;
}

td.big_header_blue_back {
  background-image: url('images/bg_header_blue.png');
  text-align: center;
}

td.unclesam_back {
  background-color: #EEEEEE;
  text-align: center;
}

td.main_popup_back {
  background-color: #CC9999;
  text-align: center;
}

/* DIFFERENT VERSIONS */
table.difver {
  width: 624px;
  margin-top: 10px;
  margin-left: 46px;
  margin-bottom: 15px;
  text-align: center;
  color: #336600;
  background-color: transparent;
  font-family: Georgia, courier, monospace; /* Verdana; */
  font-size: 14px;
  line-height: 18px;
}

td.difver_hdr {
  width: 122px;
  height: 18px;
  font-weight: bold;
  letter-spacing: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #990000;
  background-color: #990000;
  color: #CC9966;
}

td.difver {
  /*width: 122px;
  font-weight: none;*/
  border-width: 1px;
  border-style: solid;
  border-color: #990000;
  color: #990000;
}

img.difver_thumb {
  width: 120px;
  height: 75px;
  border: 1px;
  border-color: black;
}

td.tablehdr {
  background-color : #CCCCCC;
  letter-spacing: 2px;
  font : bold 14px  Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #000080;
}

td.grayhdr {
  background-color : #E0E0E0;
  font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color : #000080;
}

td.gray {
  background-color : #C0e0FF;
  font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.win {
  background-color : Lime;
  font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.lose {
  background-color : #CCCCCC;
  font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.draw {
  background-color : #99FFFF;
  font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*****************************************/
/*******                   LISTS                     *******/
/*****************************************/

ul.ball_list {
  list-style: disc;
  margin-top: 3px;
  margin-right: 5px;
  margin-bottom: 0px;
}

li {
  margin-bottom: 5px;
}

ul.ball_list_onecol {
  list-style: disc;
  margin-left: 130px;
  margin-top: 3px;
  margin-bottom: 0px;
}


/*****************************************/
/*******             SCREENSHOTS             *******/
/*****************************************/

img.screenshot_right {
  width: 175px;
  height: 141px;
  border-style: solid;  
  border-width: 2px;
  border-color: #336600;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: -9px;
  margin-right: -9px;
}

img.screenshot-red_right {
  text-align: center;
  width: 175px;
  height: 118px;
  border-style: solid;  
  border-width: 2px;
  border-color: #336600;
  margin-left: -9px;
  margin-right: -9px;
}