.rel {
position:relative;
display:inline-block;
}

a.user-hover, a.user-hover:focus, a.user-hover:active, a.user-hover:visited, a.user-hover:link {
color:#000;
text-decoration:none;
cursor:default;
padding:1px 3px 1px 1px;
}

a.user-hover div{
display:none;
}

a.user-hover:hover div {
display:block;
position: absolute;
left:2px;
top:-13px;
padding:8px;
background:#2B0000;
border:2px solid #EC5C8F;
color:#999;
margin:0;
width:125px;
min-height:30px;
}

a.user-hover:hover {
text-decoration:none;
background-color:#EC5C8F;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: url('outer-bg.jpg') repeat-y center top #222;
margin:0;
padding:0;
}


#outer {
width: 520px;
position:relative;
padding:10px;
margin:0 auto;
text-align:left;
background:url('west_cutout.png') 8px 15px no-repeat;
min-height:410px;
}

/**/

#header {
border: 0;
width:520px;
text-align:left;
}

#inner {
opacity:0.8;
filter:alpha(opacity=80);
margin:7px 0 7px 0;
color:#333;
padding:5px;
background:#FFF;
/*text-align:left;*/
min-height:10px;
}

#nav {
opacity:0.8;
filter:alpha(opacity=80);
padding:4px;
background:#FFF;
height:20px;
margin-top:6px;
}

#nav a, #nav a:active, #nav a:link, #nav a:visited {
display:block;
float:left;
height:15px;
color:#FF0000;
padding:2px 4px;
margin-right:5px;
}

#nav a:hover {
background-color:#000;
text-decoration:none;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #FF0000;
}
a:hover {
text-decoration: underline;
}
#login {
height: 100%;
width: 130px;
float:left;
border: 1px solid #FF0000;
margin-right: 10px;
}
#text {
margin-left: 3px;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 0px;
width: 124px;
}
form {
margin: 0px;
padding: 0px;
}
h3 {
margin: 0px;
}
#player {
margin: 3px;
padding: 2px;
padding-bottom:10px;
margin-right:3px;
width: 145px;
height: 100%;
float: left;
border-right: 1px dotted #FF0000;
border-bottom: 1px dotted #FF0000;
}
a.pn1:link, a.pn1:visited, a.pn1:active {
text-decoration: none;
text-align:left;
display:block;
width:130px;
height:21px;
color:#666666;
border-left:5px solid #E0E0E0;
border-top:1px solid #FFFFFF;
margin-bottom:2px;
padding-left:4px;
font-weight:bold;
padding-top:7px;
margin-top:2px;
margin-left:3px;
}
a.pn1:hover {
color:#FF0000;
border-left:5px solid #FF3300;
}
a.pn2:link, a.pn2:visited, a.pn2:active {
text-decoration: none;
text-align:left;
display:block;
width:130px;
height:21px;
color:#666666;
border-left:5px solid #E0E0E0;
margin-bottom:2px;
padding-left:4px;
font-weight:bold;
padding-top:7px;
margin-left:3px;
border-top:1px solid #FFFFFF;
}
a.pn2:hover {
color:#FF0000;
border-left:5px solid #FF9900;
}
a.pn3:link, a.pn3:visited, a.pn3:active {
text-decoration: none;
text-align:left;
display:block;
width:130px;
height:21px;
color:#666666;
border-left:5px solid #E0E0E0;
margin-bottom:2px;
padding-left:4px;
font-weight:bold;
padding-top:7px;
margin-left:3px;
border-top:1px solid #FFFFFF;
}
a.pn3:hover {
color:#FF0000;
border-left:5px solid #FFFF00;
}
a.pn4:link, a.pn4:visited, a.pn4:active {
text-decoration: none;
text-align:left;
display:block;
width:130px;
height:21px;
color:#666666;
border-left:5px solid #E0E0E0;
margin-bottom:2px;
padding-left:4px;
font-weight:bold;
padding-top:7px;
margin-left:3px;
border-top:1px solid #FFFFFF;
}
a.pn4:hover {
color:#FF0000;
border-left:5px solid #99FF00;
}
a.pn5:link, a.pn5:visited, a.pn5:active {
text-decoration: none;
text-align:left;
display:block;
width:130px;
height:21px;
color:#666666;
border-left:5px solid #E0E0E0;
margin-bottom:2px;
padding-left:4px;
font-weight:bold;
padding-top:7px;
margin-left:3px;
border-top:1px solid #FFFFFF;
}
a.pn5:hover {
color:#FF0000;
border-left:5px solid #00FFFF;
}
a.pn6:link, a.pn6:visited, a.pn6:active {
text-decoration: none;
text-align:left;
display:block;
width:130px;
height:21px;
color:#666666;
border-left:5px solid #E0E0E0;
margin-bottom:2px;
padding-left:4px;
font-weight:bold;
padding-top:7px;
margin-left:3px;
border-top:1px solid #FFFFFF;
}
a.pn6:hover {
color:#FF0000;
border-left:5px solid #0099FF;
}
.indent {
margin:0px;
text-indent:10px;
display:block;
}
#indent2 {
padding-left:27px;
}
#line {
height:1px;
border-bottom:1px solid #FF0000;
margin-top:6px;
margin-bottom:6px;
width:100%;
}
#float {
float:right;
margin-right:4px;
margin-top:4px;
margin-left:0;
margin-bottom:0;
padding:0;
width:66.5%;
height:100%;
}
#fixture, #fixture2 {
color:#FF0000;
font-size:16px;
font-weight:bold;
margin-bottom:8px;
padding-bottom:3px;
width:100%;
border-bottom:1px solid #CCC;
text-align:center;
}
.btn { 
border:0;
border-bottom:1px;
margin:0;
cursor:pointer;
padding:0;
text-align:center;
padding-right:3px;

}
.btnintable { 
border:0;
border-bottom:1px;
margin:0;
cursor:pointer;
padding:0;
text-align:center;
}
#done {
width:100%;
height:100%;
background-color:#DFFFDF;
padding:2px;
}
#notdone {
width:100%;
height:100%;
background-color:#FFE6E6;
padding:2px;
}
#chat {
width:100%;
clear:both;
}
#margins {
padding-left:35px;
padding-right:35px;
height:100%;
}
.underline{
text-decoration:underline;
}