#mainDiv {
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0px; 
  left: 0px;
  bottom: auto; 
  text-align: center;
	font-family: arial;
  font-size: 12px;
}

#topDiv {
  position: relative; 
  width: 984px; 
  height: 74px; 
  top: 0px; 
  bottom: 0px; 
  text-align: left;
  margin-left: auto; 
  margin-right: auto; 
}

#topDiv_start {
  position: relative; 
  width: 984px; 
  height: 68px; 
  top: 0px; 
  bottom: 0px; 
  text-align: left;
  margin-left: auto; 
  margin-right: auto; 
  background-color: #000000;
}

#topDiv_start td {
  color: #ccc;
}

#menuDiv {
  position: relative; 
  width: 984px; 

  text-align: left;
	margin: 4px auto 0;
	z-index: 100;
}
#contentDiv {
  position: relative; 
  width: 984px; 
  height: auto; 
  top: 0px; 
  bottom: 0px; 
  text-align: left;
  margin-left: auto; 
  margin-right: auto; 

}

#leaderboard {
  position: relative; 
  width: 984px; 
  height: 100px; 
  top: 0px; 
  bottom: auto; 
  margin-left: auto; 
  margin-right: auto;
  text-align: left;
  background-position: center;
  border: 0px;
  overflow: visible;
}

#leaderboardEmtpy{
  position: relative; 
  width: 984px; 
  height: 0px; 
  top: 0px; 
  bottom: auto; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left;
  border: 0px;
  overflow: visible;
}

#top_start {
  position: relative; 
  width: 984px; 
  height: 5px; 
  top: 0px; 
  bottom: auto; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left;
  overflow: visible;
  background-color: #fff;
}

#skyscraper {
  position: absolute; 
  width: 160px; 
  height: 600px;
  top:5px;
  bottom: auto; 
  border:5px solid white;
  margin-left:1002px;
  margin-right:auto;
}

#debug {
  position: relative; 
  width: 96%; 
  height: auto; 
  top: auto; 
  bottom: auto; 
  margin-left: 10px; 
  margin-bottom: 10px; 
  margin-right: 10px; 
  padding: 10px 10px 10px 10px;
  color: white;
  text-align:left;
}

#login_error_window {
  position: absolute; 
  top: 10px; 
  left: 400px; 
  width: 200px; 
  visibility: hidden;
  z-index:104;
}



#menuDiv ul.topnav { margin: 0 0 0 5px; padding: 0; float: left;  }
#menuDiv ul.topnav li { float: left; margin-right: 5px; list-style: none; z-index: 100; }
#menuDiv ul.topnav li a {
	display: block; 
	padding: 5px 3px; 
	text-decoration: none;
	white-space: nowrap;

  font-weight: bold;
  cursor: pointer;

	width: 144px;
  border-width: 1px;
	border-style: solid;
  text-align: center;
	color: #fff;	

  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;

  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
	margin-top: 0px;
	text-transform: capitalize;
}

#menuDiv ul.topnav li.icon a img {
	width: 15px;
	height: 15px;
}

#menuDiv ul.topnav li a.selected {
  background-image: url(../img/soccer/toptab.jpg);
  background-repeat: repeat;
  background-color: transparent;
  border: none;
  background-position: 0 -6px;
  background-color: #000;
	border-color: #000;
	color: #fff;
}

#menuDiv div.topnavhr {
clear: both;
background-color: #000;
height: 5px;
margin: 0;
padding: 0;
}

#menuDiv div.subnavhr {
clear: both;

height: 10px;
margin: 0;
padding: 0;
}



#menuDiv ul.subnav { margin: 0; padding: 0; background: #ddd; float: left; width: 100%;}
#menuDiv ul.subnav .bg { background: #006633; border-color: #3c6006; }

#menuDiv ul.subnav li { float: left; margin: 0; list-style: none; z-index: 100; background: #ddd;	padding: 0; 
	border-right: 1px solid #eee;
}

#menuDiv ul.subnav li.empty {	border-right: none; }

#menuDiv ul.subnav li a, #menuDiv ul.subnav li p {
	display: block;
  margin: 0;
	padding: 5px 12px;
	text-decoration: none;
	white-space: nowrap;

  font-weight: normal;
  cursor: pointer;

	border: 0;
  text-align: center;
	color: #000;	
	font-size: 12px;
	text-transform: capitalize;
}

#menuDiv ul.subnav li p {
	padding: 5px 0;
	font-size: 12px;
}

#menuDiv ul.subnav li:hover {
  background-color: #eee;
}

#menuDiv ul.subnav li.selected {
  background-color: #fff;
}

#menuDiv ul.subnav li a.selected {
  background-color: #000;
	border-color: #000;
	color: #fff;
	font-size: 20px;
}


ul.leftnav { margin: 0; padding: 0; background: #ddd; float: left; width: 100%; }
ul.leftnav .bg { background: #006633; border-color: #006633; }

ul.leftnav li { margin: 0; list-style: none; z-index: 100; background: #ddd; padding: 0; 
	border: 1px solid #eee;

}
ul.leftnav li a {
	display: block;
	padding: 5px 12px;
	text-decoration: none;

  font-weight: normal;
  cursor: pointer;

	border: 0;
  text-align: left;
	color: #000;	
	font-size: 12px;
	text-transform: capitalize;
}


ul.leftnav li:hover {
  background-color: #eee;
}

ul.leftnav li.selected {
  background-color: #fff;
}

ul.leftnav li a.selected {
  background-color: #000;
	border-color: #000;
	color: #fff;
	font-size: 20px;
}

a.button {

	padding: 3px 10px; 
	text-decoration: none;
	white-space: nowrap;

  font-weight: bold;
  cursor: pointer;

  border-width: 1px;
	border-style: outset;
	border-color: #000;

  text-align: center;
	color: #fff;	
	background: #063;

  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;

  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;

  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;

  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;

/*	text-transform: capitalize; */

}

a.button:hover {
	background-color: #073;
}

a.button:active {
	border-style: solid;


}

#stripes {
 margin: 0 auto;
 border-left: solid 4px #dbdbdb;
 border-right: solid 4px #dbdbdb;
 width: 998px;
 background: #fff;

}

#stripes_start {
}


.start_content {
background-repeat: no-repeat;

background-image: url(../img/start/new_start_bg.jpg);
background-position: center 20px;
height: 487px;
padding: 12px;

font-family: tahoma;
font-size: 22px;
font-weight: bold;
}

.register_content {
background-repeat: no-repeat;

background-image: url(../img/start/no_line2.jpg);
background-position: center 20px;

padding: 12px;

font-family: tahoma;
font-size: 15px;
}

.start_info { font-size: 17px; font-weight: normal; padding: 12px 12px 12px 80px; }
.start_info h1 { margin-top: 40px; font-size: 22px; }
.start_clubhouse { background-image: url(../img/start/start_bg_clubhouse.jpg); }
.start_matches { background-image: url(../img/start/start_bg_matches.jpg); }
.start_office { background-image: url(../img/start/start_bg_office.jpg); }
.start_community { background-image: url(../img/start/start_bg_community.jpg); }
.start_store { background-image: url(../img/start/start_bg_store.jpg); }
.start_help { background-image: url(../img/start/start_bg_help.jpg); }

.start_content #start_join { position: absolute; left: 241px; top: 342px; width: 462px; height: 86px; text-align: center; vertical-align: center; line-height: 86px; text-decoration: none; }
.start_content #start_join span { font-family: verdana; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 36px; font-weight: bold; }

.start_content ul.message {
float: left;
width: 500px;
margin: 24px 12px;
padding: 0 10px;
}

.start_content ul.message li {
padding-left: 24px;
margin-left: 24px;
background-image: url(../img/start/start_bullet.png);
background-repeat: no-repeat;
background-position: 0 0.3em;
list-style-type: none;
padding-bottom: 20px;
font-size: 18px;
}

.start_content dl {
	margin: none none auto none;
  float: bottom;
}


.start_content #start_screenshots { float: left; width: 233px; height: 369px; }
.start_info #start_screenshots { float: right; width: 233px; height: 369px; padding: 10px 30px 10px 100px; }

#site_stats { margin: 0 auto; padding: 0; background: #000; width: 947px; }
#site_stats div { margin: 0 auto; color: #fff; }
#site_stats span { margin: 0 auto; color: #fff; }

#site_stats hr { color: #333; background-color: #333; height: 1px; margin: 0; padding: 0; border: 0; }
#site_stats table { margin: 0 auto 12px auto; font-family: arial; font-size: 13px; text-align: center; }
#site_stats th { color: #8d8d8d; font-weight: normal; padding: 0 10px; }
#site_stats td { color: #fff; padding: 0 10px; }



#links_copy { width: 947px; margin: 0 auto; text-align: center; clear: both; }
#links_copy ul { margin: 0 auto; padding: 0; }
#links_copy li { display: inline; list-style-type: none; padding: 0 5px; font-size: 10px; }
#links_copy a { text-decoration: none; color: #666; font-size: 10px; }
#links_copy a:hover { text-decoration: underline; color: #666; }
#links_copy p { padding: 3px; margin: 0; font-family: arial; font-size: 10px; }


#topDiv .fl { 
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}

#topDiv .fl img {
 width: 196px;
 height: 69px; 
}

#topDiv .bg { background-image: url(../img/top/top_middle.png); background-repeat: repeat-x; width: 777px; height: 69px; float: left; margin: 0; padding: 0; }
#topDiv .bg_end { background-image: url(../img/top/top_end.png); background-repeat: no-repeat; width: 5px; height: 69px; float: left; }

#topDiv form { 
width: 700px;
margin:0; padding: 0;
font-family: verdana;
font-size: 10px;
color: #ccc;
margin: 11px 0 0 20px;
font-weight: bold;
}

#topDiv .login_lang { position: absolute; top: 13px; right: 15px; padding-left: 10px; width: 200px; }
#topDiv .login_help { font-size: 9px; color: #ccc; font-weight: bold; margin-right: 12px; }

#topDiv form #username, #topDiv form #password { 
  width: 80px; 
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  font-size: 10px;
  background-color: #ccc;
	border: 1px solid #999;
	margin: 0 10px;
}
#topDiv form #remember_me { background: none; border: none; }
#topDiv form #password { }
#topDiv form #button_login_button { margin-left: 20px; }
#topDiv form .checkbox {  vertical-align: bottom;	}

#contentDiv { }
.bar { float: left; margin-left: 15px; width: 100%; }
.baz { clear: both; float: left; margin-top: 16px; width: 100%; }
.baz:first-child { margin-top: 0; }

#contentDiv .col_1_of_1 { width: 100%; margin-left: 0px; }
#contentDiv .col_1_of_2, #contentDiv .col_1_of_3 { width: 165px; margin-left: 0px; }
#contentDiv .col_2_of_2 { width: 804px; }
#contentDiv .col_2_of_3 { width: 600px; }
#contentDiv .col_3_of_3 { width: 189px; }

.col_3_of_3 p { padding-right: 8px; margin: 0; }

table.on_training_camp { margin: 0; padding: 0; width: 100%;}
table.on_training_camp td { }
table.on_training_camp h3 { margin: 0; padding: 0; font-size: 12px; }
table.on_training_camp hr { color: #999; background-color: #999; height: 1px; border: 0; margin: 5px; padding: 0; }
table.on_training_camp dl { margin: 0; padding: 0; }
table.on_training_camp dl dt { float: left; clear: both; }
table.on_training_camp dl dd { float: left; margin: 0 0 0 6px; }


h4 { margin: 1em 0 0.5em 0; font-size: 12px; }

.sponsor { padding: 5px; }
.sponsor hr { clear: both; color: #999; background-color: #999; height: 1px; border: 0; margin: 0; padding: 0; }
.sponsor dl dt a { color: #fff; }
.sponsor p { padding: 0 0 12px 0; margin: 0; }
.sponsor dl { float: right; margin: 0 0 12px 12px; }
.sponsor dl dd { margin: 0 auto; padding: 0; text-align: center; }
.sponsor dl dd a { color: #000; font-weight: bold; text-decoration: none; }
.sponsor dl dt { margin: 0; padding: 0; }

#infobar { color: #ff0; font-weight: bold; margin: 14px 0; padding: 0; }
#infobar h4 { font-size: 11px; margin-left: 14px; }
#infobar h5 { font-size: 11px; margin-top: 19px; padding: 0; color: #fff; }


#logout_etc { position: absolute; right: 12px; top: 8px; font-size: 10px; color: #fff; text-align: right; }
#logout_etc a { font-size: 10px; }

#logout_etc ul { clear: both; float: right; margin: 0; padding: 0; }
#logout_etc ul li { float: left; list-style-type: none; margin: 0; padding: 0; }


#raf_link_content { font-weight: bold; text-align: center; padding-top:5px; cursor:pointer; border-top: 1px solid #999; margin-top: 2px; }
#raf_link_content img { vertical-align: middle; padding: 2px; }


ul#buddy_list { margin: 0; padding: 2px 0; float:left; }
ul#buddy_list li { list-style-type: none; margin: 0; padding: 0; }
ul#buddy_list dl { margin: 0; padding: 0; }
ul#buddy_list li dl dt { clear: both; float: left; list-style-type: none; margin: 0; padding: 0 2px; }
ul#buddy_list li dl dd { float: right; list-style-type: none; margin: 0; padding: 0 2px; }
ul#buddy_list img.status { width: 17px; height: 12px; margin-right: 2px; }
ul#buddy_list img.challenge { width: 15px; height: 15px; cursor: pointer; }

ol.ranklist { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px solid #666; }
ol.ranklist li { }
ol.ranklist li a { clear: both; float: left; }
ol.ranklist li img { float: right; }
.clear { clear: both; }

#lightbox_old img, #lightbox_ajaxLoading img { display: block; }
.matchlist { padding: 5px 3px; vertical-align: top; }
.matchlist input { padding: 0; margin: 0; }

#shortcut { background-color: #5f8a1e; color: #fff; padding: 0; margin: 12px 0 0 0; width: 100%; clear: both; float: left; }
#shortcut { background-color: #ddd; color: #000; text-align: center; }
#shortcut h3 { font-size: 12px; font-weight: normal; text-decoration: none; margin: 5px; }
#shortcut div.inner { margin: 2px; padding: 5px 12px 5px 5px; background: #fff; color: #000; cursor: pointer; }

#shortcut .button { display: inline-block; vertical-align: middle; }
#shortcut .button * { float: left; }
#shortcut .button_left { background-image: url(../img/btn/account_left.gif); background-repeat: no-repeat; width: 6px; height: 24px; }
#shortcut .button_middle { background-image: url(../img/btn/account_middle.gif); background-repeat: repeat-x; height: 24px; }
#shortcut .button_middle img { width: 15px; height: 15px; vertical-align: sub; padding-top: 4px; }
#shortcut .button_right { background-image: url(../img/btn/account_right.gif); background-repeat: no-repeat; width: 6px; height: 24px; }

.shortcut_off { background: url(../img/sml_silver_star.png); background-repeat: no-repeat; width: 15px; display: inline-block; }
.shortcut_on  { background: url(../img/sml_gold_star.png); background-repeat: no-repeat; width: 15px; display: inline-block; }

.supporter_icon_large { border: none; width: 50px; height: 52px; }
.supporter_icon_small { border: none; width: 12px; height: 12px; }

#tactics_availability_content .crd { margin-right: 1px; }
#tactics_availability_content .pitch { position: relative; width: 216px; height: 330px; background-image: url(../img/pitch.png); background-repeat: no-repeat; border: 1px solid #999; }
#tactics_availability_content .pitch div.formation { font-size: 20px; font-weight: bold; color: #347235; text-align: center; padding-top: 25px; }
#tactics_availability_content .pitch div.fieldpos { position: absolute; background: #fff; border: 1px solid black; width: 12px; height: 12px; -moz-border-radius: 50%; }
#tactics_availability_content .pitch div.goalkeeper { background: grey; }
#tactics_availability_content .pitch div.defender { background: red; }
#tactics_availability_content .pitch div.midfielder { background: yellow; }
#tactics_availability_content .pitch div.forward { background: blue; }
#tactics_availability_content .pitch div.highlighted { background: white; }

.tooltip { border: 1px outset black; background: #fff; color: #000; font-family: verdana; font-size: 12px; padding: 4px; -moz-border-radius: 4px; }

.tooltip h1 { margin: 0 0 8px; padding: 0; font-size: 13px; }
.tooltip p { margin: 0; padding: 0; }

#tactics_availability_content .tactic_players { border: 1px solid #bbb; float: left; }
#tactics_availability_content .tactic_players th { border-bottom: 1px solid #bbb; }

.age_restricted_game { background-color: #ffffcc;}
.age_restricted_game_secondary { background-color: #ffee99;}