body.soccer {
	margin: 0 0 0 0;
    font: 14px Verdana, Arial, Helvetica, sans-serif;
}

body.popup h1, h3 {
    background: url(../images/basicball.gif) bottom left no-repeat;
}

body.popup {
	margin: 0 0 0 0;
	border-style: outset;
	border-width: thick;
}
.customDraggable {
   background-color : #E0DDB5;
   color            : #5b5b5b;
   border           : 1px solid #5b5b5b;
   filter           : alpha(Opacity=90);
   -moz-opacity     : 0.9;
   padding          : 1px 30px 1px 20px;
   background-image: url(../images/icon/user_icon.gif);
   background-repeat:no-repeat;
   line-height: 20px; 
   
}
div.drop {
    min-height: .8em;
    margin: 0;
    padding: 0;
    width: 200px;
}
* html div.drop {
    height: .8em;
}
div.drop ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}
table {
    margin: 2px 0 5px 0;
    border-collapse: collapse;
    clear: both;
}
th {
    font-weight: bold;
    color: #555;
    vertical-align: middle;
    text-align: left;
    padding: 3px;
    background-color: #d8d8cb;
    vertical-align: middle;
}
h1 {
    font-size: 1.2em;
    font-weight: bold;
    color: #444;
    padding: 12px 20px 3px 0px;
    margin: 10px 0 10px 40px;
    text-indent: 60px;
    clear: both;
    height: 40px;
}
h3 {
    font-size: 1em;
    font-weight: bold;
    color: #444;
    border-bottom: thin dotted #888;
    padding: 12px 20px 3px 0px;
    margin: 10px 0 10px 0;
    text-indent: 60px;
    clear: both;
    height: 40px;
}
table.zebra tr.even td {
    background: #eff7ff;
}
table.zebra tr.ruled td {
    color: #000;
    background-color: #C6E3FF;
    font-weight: bold;
}
table.zebra tr.selected td {
    background: #3d80df;
    color: #ffffff;
    font-weight: bold;
}

input {
	font-size: 0.9em;
}

td {
	font-size: 0.9em;
}

finaltabletd {
	font-size: 0.9em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.large-lightbox {
    overflow: auto;
}
.editor{
	background: #C6E3FF;
	color: #ffffff;
	padding: .5em;

}
.editor label{
	width: 35%;
	color: black;

}
.backgroundright{
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-bottom:
}
.listbar ul{
    background-image: url(/mysoccercafe/images/global/middle.gif);
    width: 234px;
    font-size: 0.9em;
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.paginator {
    margin: 0px 0px 15px 0;
    cell-padding: 25px;
    border-bottom: none;
    border-right: 1px black;
    border-collapse: collapse;
    clear: both;
}

table.plain {
    padding: 3px 3px 3px 3px;
    margin: 1px 1px 1px 1px;
	border-bottom: none;
}

table.plain td {
    padding: 1px 1px 1px 1px;
    margin: 0 0 0 0;
	border-bottom: none;
}

#addteamoverlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9998;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#addteamlightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:420px;
	height:350px;
	margin:-300px 0 0 -300px;
	border:1px solid #000;
	background-color: #FDFCE9;
	text-align:left;
	overflow: hidden;
}

#addseasonoverlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9998;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#addseasonlightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:420px;
	height:350px;
	margin:-300px 0 0 -300px;
	border:1px solid #000;
	background-color: #FDFCE9;
	text-align:left;
	overflow: hidden;
}

#addfinaltableoverlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9998;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#addfinaltablelightbox{
	display:none;
	position: absolute;
	top:0;
	left:0;
	z-index:9999;
	width:800px;
	height:750px;
	margin:50px 0 0 50px;
	border:1px solid #000;
	background-color: #FDFCE9;
	text-align:left;
	overflow: auto;
}

#addfinaltablehwoverlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9998;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#addfinaltablehwlightbox{
	display:none;
	position: absolute;
	top:0;
	left:0;
	z-index:9999;
	width:900px;
	height:750px;
	margin:50px 0 0 50px;
	border:1px solid #000;
	background-color: #FDFCE9;
	text-align:left;
	overflow: auto;
}

.finalTableNumber {
	width:25px;
}

.finalTableName {
	width:300px;
}

#adddivisionoverlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9998;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

#adddivisionlightbox{
	display:none;
	position: absolute;
	top:0;
	left:0;
	z-index:9999;
	width:400px;
	height:400px;
	margin:100px 0 0 100px;
	border:1px solid #000;
	background-color: #FDFCE9;
	text-align:left;
	overflow: hidden;
}

#dlmenu {height:10em;}
#menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:15em; background:#fff; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#d4d8bd url(../images/top_grad_2.gif) center center; color:#ff0; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:20em; background:#b4be9c url(../images/sub_grad.gif);}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 15em; margin: 0; background: #6f9c6f; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#949e7c url(../images/top_grad.gif) center center;}
.gallery dd a, .gallery dd a:visited {color:#fff; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(../images/sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#7aa; color:#ff0;}

/* the bit that does the work */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:120px 0 50px 0; 
  }

#container {
  font-family:arial, verdana, serif;
  font-size: 1.2em;
  position:fixed; 
  top:120px;
  left:0;
  bottom:50px; 
  right:0; 
  overflow:auto; 
  background:#fff;
  padding:20px;
  text-align:left;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:116px; 
  overflow:auto; 
  background:#53829d;
  border-bottom:4px solid #73a2bd;
  }
* html #header {height:120px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:45px; 
  overflow:auto; 
  text-align:right; 
  background:#73a2bd;
  border-top:5px solid #53829d;
  }
* html #footer {height:50px;}

.lft {float:left;}