@import url("common.css");
@import url("forum.css");
html, body{
margin: 0px;
padding: 0px;
background: #ffffff url(../images/bg.gif) repeat-y top center;
color: #ffffff;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

#container{
width: 690px;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
background: #2c96d2;
position: relative;
}

/* commented backslash hack \*/
#container {
height: 600px;

}/* end hack */
html>body #container {
min-height: 600px;
height: auto;
}

#header{
padding-top: 10px;
position: relative;
height: 179px;
}

#header .logo{
margin: 0px 0px 0px 30px;
}

#header .custom{
position: absolute;
top: 10px;
right: 20px;
width: 350px;
text-align: center;
}

#adbar{
position: absolute;
top: 30px;
left: 200px;
}

#menu{
background: url(../images/menubg.gif) repeat-y top center;
position: absolute;
left: 10px;
top: 180px;
width: 164px;
height: auto;
}

#menu ul{
background: url(../images/menutop.gif) no-repeat top center;
margin: 0px;
padding: 20px 10px 0px 10px;
}

#menu ul li{
margin: 0px;
padding: 0px;
list-style-type: none;
width: 150px;
display: inline;
height: 20px;
}

#menu ul li.last{
padding-bottom: 30px;
}

#menu li a{
display: block;
clear: both;
width: 150px;
line-height: 20px;
text-indent: 10px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
#menu li a:hover{
color: #a9e0ff;
text-decoration: none;
}
#menu ul li.last a{
padding-bottom: 20px;
background: url(../images/menubtm.gif) no-repeat bottom;
}

#menu .join a{
color: #CCCCCC;
}

#content{
position: relative;
margin: 0px 0px 20px 200px;
width: 450px;
padding-bottom: 120px;
}

#content h3{
font-size: 13px;
font-weight: bold;
}

#footer{
height: 100px;
position: absolute;
left: 20px;
bottom: 0px;
width: 690px;
text-align: center;
}

.error{
color: #ff0000;
font-size: 13px;
font-weight: bold;
}

#page1, #page2 , #page3, #page4, #page5{
display: none;
position: relative;
padding: 0px 20px 10px 10px;
background: #2589c4;
z-index: 99;
border: 1px solid #2c96d2;
color: #ffffff;
overflow: auto;
clear: both;
width: 405px;
}

#optionmenu{

}

#optionmenu ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
width: 100%;
}

#optionmenu li{
margin: 0px;
padding: 0px;
display: inline;
height: 20px;
}

#optionmenu a{
border: 1px solid #2c96d2;
float: left;
text-align: center;
width: 85px;
line-height: 20px;
height: 20px;
background: #2589c4;
}

#optionmenu .current a{
background: #2c96d2;
border: 1px solid #2589c4;
}

#content p{
margin: 12px 0px 12px 0px;
}

.teamdetails{
border-collapse: collapse;
width: 100%;
}
.teamdetails td{
color: #ffffff;
border: 1px solid #ffffff;
}
.teamdetails th{
background: #2589c4;
color: #ffffff;
border: 1px solid #ffffff;
}

.teamdetails tr:hover{
background: #2589c4;
}

.leaguetable{
border-collapse: collapse;
width: 100%;background: #2c96d2;
}

.leaguetable th{
background: #2589c4;
color: #ffffff;
border: 1px solid #ffffff;
}

.leaguetable td{
color: #ffffff;
border: 1px solid #ffffff;
}
.leaguetable td.two{
color: #ffffff;

}


.leaguetable td a{
color: #ffffff;
}
.leaguetable td.two a{
color: #ffffff;
}

.leaguetable td.two a:hover{
color: #ffffff;
}
.leaguetable tr:hover{
background: #2589c4;
}



.ratings, .ratings table{
border-collapse: collapse;
width: 100%;
}

.ratings{
border-collapse:separate;
border-spacing: 5px;
width: 100%;
margin-top: 0px;
}

.ratings td{
color: #ffffff;
border: 0px solid #ffffff;
}

.ratings td td{
color: #ffffff;
border: 1px solid #ffffff;
}
.ratings th{
background: #2589c4;
color: #ffffff;
border: 1px solid #ffffff;
}

.ratings tr tr:hover{
background: #2589c4;
}

.ratings td a{
color: #ffffff;
}