/* Common CSS */
body {
  margin: 0;
  padding: 0;
  padding-bottom: 1em;
  background-color: black;
  text-align: center;
  font-family: Optima, Verdana, sans-serif; 
  /*Verdana, Times New Roman, Courier; */
  font-size: 75%;
  color: white;
  position: relative;
  z-index: 1;
}

div {
  margin: 0;
  padding: 0;
}
ul {
  margin-left: 0;
  padding-left: 15px;
}
form {
  margin: 0;
  padding: 0;
}
input {
  font-size: 90%;
}
textarea {
  font-size: 1.2em;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  font-size: 180%;
  margin: 0;
  padding: 0;
}      

h3 {
  font-size: 120%;
}

a {
  color: white;
}
a:hover {
  color: #FFC900;
}

div#superdiv {
  width: 996px;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
  border: 1px solid #FFBD00;
  position: relative;
}

div#header {
  width: 996px;
  height: 105px;
  background: url("background2.png") repeat-x 0 78px;
  margin: auto;
  text-align: left;
  position: relative;
}
div#div_middle {
  width: 996px;
  background: url("background_gradient.png") repeat-x 0 0;
  background-color: black;
  margin: auto;
  /*height: 425px;
  overflow: auto;*/
  min-height: 550px;
  _height: 595px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;	/* IE7 requires this to show up email link form correctly */
/*scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #808080;
scrollbar-highlight-color: #808080;
scrollbar-face-color: #FFC900;
scrollbar-shadow-color: #333333;
scrollbar-darkshadow-color: #999999;
scrollbar-track-color: #666666;*/
}
div#main {
  text-align: left;
}
div#content {
  margin-left: 20px;
  _margin-left: 0;
  _padding-left: 20px;
  float: left;
  width: 794px;
  padding-top: 1em;
  text-align: justify;
  position: relative;
}
div#div_bottom {
  background: url("background2.png") 0 -145px repeat-x;
  background-color: black;
  height: 192px;
  width: 996px;
  margin: auto;
  padding: 0;
  text-align: left;  
  position: relative;
  margin-top: 0;
}
div#div_bottom img.logo {
  margin-left: 40px;
  position: absolute;
}
div#div_bottom img.miludo {
  position: absolute;
  right: 20px;
  top: 125px;
}
div#div_bottom a img.miludo {
  border: 0;
}
div#footer {
  /*width: 970px;
  _width: 710px;*/
  width: 996px;
  text-align: center;
  font-size: 0.8em;
  color: gray;
  position: absolute;
  z-index: 3;
  bottom: 5px;
}
div#header a img {
  border: 0;
  margin-left: 20px;
  margin-top: 2px;
}
div#footer a {
  color: gray;
  text-decoration: none;
}
div#footer a:hover {
  color: white;
}
div.horizontal {
  border-bottom: 2px solid #FFBD00;
  height: 1em;
  margin-bottom: 2em;
}

div.spacer {
  clear: both;
  font-size: 0;
}

div#menu {
  background: #FFBD00;
  color: black;
  margin: auto;
  width: 996px;
  padding: 0.2em 0;
  text-align: left;
  border-bottom: 1px solid black;
  border-top: 1px solid #ffd555;
}
div#menu ul {
  margin: 0;
  margin-left: 10px;
  padding: 0;
  display: inline;
}

div#menu li {
  list-style-type: none;
  display: inline;
  margin: 0;
}
div#menu_players, div#menu_about {
	visibility: hidden;
	position: absolute;
	font-family: Century Gothic, sans-serif;
	font-size: 110%;
	top: 126px;
	left: 30em;
	background: #ffbd00;
	border: 1px solid black;
	border-top: 0;
	width: 12em;
	z-index: 2;
	padding: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
	text-align: left;
}
div#menu_about {
  left: 5.7em;
  width: 8em;
}
div#menu_players a, div#menu_about a {
	position: relative;
	padding: 0;
	padding-left: 0.4em;
	display: block;
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-family: Century Gothic, sans-serif;
}
div#menu_players a:hover, div#menu_about a:hover {
	color: white;
}
div#menu a {
  text-decoration: none;
  font-family: Century Gothic, sans-serif;
  font-weight: bold;
  color: black;
  padding: 0 1em;
}

div#menu a:hover {
  
  color: white;
}

span.error {
  color: red;
}

fieldset legend {
  color: white;
}

br.clear {
  clear: both;
}

img.worldmap {
  position: absolute;
  right: 10px;
  top:10px;
}
h5 {
 	margin: 0;
 	margin-bottom: 5px;
 	padding: 0;
 	text-align: center;
 	padding-top: 0px;
 	font-weight: bold;
 	color: black;
 	font-size: 110%;
 	height: 18px;
   /* background: url("item_cal3.png") top center no-repeat; */
 	border-bottom: 0px solid #444444;
 	overflow: hidden;
}
h5 a {
  color: black;
  text-decoration: none;
}
div.border {
 	border: 1px solid #444444;
 	background: url("item_top1.png") top center repeat-x;
 	/* background: url("item_bottom.png") bottom center repeat-x; */
 	padding: 0 5px 10px 10px;
}      
/* ****************************************************
 * login information and advertisement ads - all pages
 * **************************************************** */
div#login_and_ads {
  width: 160px;
  float: right;
  position: relative;
}
div#logindiv {
  
  /*background: url("item_top2.png") bottom repeat-x;*/
  background-color: #FFBD00;
  color: black;
  padding-left: 2px;
  padding-bottom: 2px;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}
div#logindiv_logged {
  border-left: 2px solid #FFBD00;
  border-bottom: 2px solid #FFBD00;
  color: white;
  padding-left: 2px;
  padding-bottom: 2px;
}
div#logindiv table {
  border-collapse: collapse;
  margin:0;
}
div#logindiv td.title {
  text-align: right;
  font-size: 90%;
}      
div#logindiv td.button {
  text-align: center;
}
div#logindiv a {
  color: black;
  text-decoration: underline;
  font-weight: normal;
}
div#logindiv a:hover {
  color: white;
  text-decoration: underline;
}
div#logindiv_logged a {
  color: #FFBD00;
  text-decoration: underline;
  font-weight: normal;
}
div#logindiv_logged a:hover {
  color: white;
  text-decoration: underline;
}
div#logindiv_logged a.new_messages {
	font-weight: bold;
	color: #ffee00;
}
div#advertisement {
  margin-top: 9em;
  text-align: center;
  position: relative;
  z-index: 1;
}
div#advertisement_logged * {
  margin-top: 1em;
  text-align: center;
  position: relative;
  z-index: 1;
}
span.connect {
  color: #FFBD00;
  font-weight: bold;
}      

div#cwf_grs_logos {
  text-align: center;
}
div#cwf_grs_logos img {
  margin-top: 30px;
  border: 0;
}

/* **********************************
 * photos.php, connect.php
 * ********************************** */ 
div.photos_thumb {
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 82px;
  height: 82px;
  text-align: center;
}
div.videos_thumb {
  float: left;
  margin-left: 20px;
  width: 82px;
  text-align: center;
}
div.videos_thumb a {
  display: block;
  border: 1px solid gray;
  width: 80px;
  height: 25px;
  padding-top: 10px;
  padding-bottom: 15px;
  background: url('camera.png') center no-repeat;
  font-family: Arial;
  font-size: 80%;
  overflow: hidden;
}
div.videos_thumb a:hover {
  border: 1px solid #FFC900;
  color: white;
}
div.photos_thumb img {
  border: 0px solid gray;
}
div.photos_thumb a img {
  border: 1px solid gray;
  padding: 0;
}
div.photos_thumb a:hover img {
  border-color: #FFC900;
}

/* **********************************
 *
 * ********************************** */
div#progress_bar {
  visibility: hidden;
  display: none;
  position: absolute;
  width: 300px;
  /*top: 0;
  left: 0;*/
  background: black;
  z-index: 100;
  padding: 30px;
  border: 2px solid #FFBD00;
}
div#progress_bar span {
  font-weight: bold;
  color: white;
  background: #e00;
  font-size: 130%;
  text-decoration: underline;
  padding: 5px;
}


/* **********************************
 * CALENDAR
 * ********************************** */
table.calendar {
  border-collapse: collapse;
  color: rgb(235,235,235);
  margin: auto;
  font-size: 0.8em;
}
table.calendar td,th {
  border: 1px solid black;
  text-align: center;
  background: #555555;
}
table.calendar th {
  width: 28px;
}
table.calendar td.event {
  background: #FFC900;
  color: black;
}
table.calendar td.bold {
  font-weight: bold;
  background: gray;
}
table.calendar tr.header th {
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  color: gray;
}
table.calendar tr.header td.link {
  width: 15px;
  background: transparent;
  border: 0;
}
table.calendar tr.header td.link a {
  display: block;
  background: #444444;
  vertical-align: bottom;
  font-weight: bold;
  text-decoration: none;
}
table.calendar tr.header td.link a:hover {
  color: #ffbd00;
  background: #555555;
}
table.calendar tr.header td.month {
  letter-spacing: 0.3em;
  text-align: center;
} 

/* **********************************
 * LIGHTBOX - photo showing effect
 * ********************************** */
#lightbox{
	background-color:#333;
	padding: 10px;
	border: 1px solid #444;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption{ float: left; color: white; font-weight: bold;}
#lightboxCaption a {
	text-decoration: none;
}

#keyboardMsg{ float: right; color: gray; }
#keyboardMsg a { color: gray; text-decoration: none; }
#keyboardMsg a:hover { color: gray; }
/* #closeButton{ top: 5px; right: 5px; }*/

#lightbox img{ border: 1px solid #aaa; clear: both;} 
#overlay img{ border: none; }

#overlay {
	background-image: url(overlay.png);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}