html, body, #container {
min-height:100%;
height:100%;
background:#222;
color:#fff;
font:normal 11px verdana;
}
html>body, html>body #container {
height:auto;
}
body {
margin:0;
padding:0;
}
a {
color:#00fb1e;
}
a:hover {
color:#00b916;
text-decoration:none;
}
#container {
width:100%;
position:absolute;
top:0;
left:0;
}
#header {
width:100%;
height:73px;
background:#444;
color:#fff;
margin:0 -1px;
padding:3px 0 0 0;
margin-bottom:0.25em;
}
#headercontent {
margin-left:193px;
}
#nav {
}
#content {
height:auto;
width:auto;
margin-left:0.25em;
}
#footer {
width:100%;
clear:both;
position:absolute;
bottom:0 !important;
bottom:-1;
left:0;
background:#444;
border:none;
margin:5px 0 0 0;
padding:2px 0 0px 0;
text-align:center;
font:normal 12px Times, serif;
}
/*h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {
position:absolute;
width:135px;
height:135px;
display:block;
background-image:url(/images/bf2e.jpg);
background-repeat:no-repeat;
text-decoration:none;
overflow:hidden;
}*/
#logo {
background-image: url("/images/bf2e-2.jpg");
width:193px;
height:73px;
position:absolute; /*needed to use z-index */
top:0;
left:0;
overflow:visible;
cursor:hand;
margin:0;
padding:0;
}
/*#logo a {
display:block;
background-position:0% 0% !important;
text-decoration:none;
}*/
#notice {
width:640px;
text-align:center;
background:#6f1111;
padding:0.5em;
margin:0.5em 0 1.5em 0;
color:#fff;
font-weight:bold;
border:1px solid #888;
}
#notice a {
color:#8eb3d2;
}
#update, #cached {
text-align:left;
margin:2px 0 6px 0;
}
#update a:link, #update a:hover, #update a:visited {
color:#ff7800; !important
}
#update a {
padding:2px 0.75em 3px 0.7em;
display:inline;
border:1px solid;
border-color:#aaa #000 #000 #aaa;
background-color:#444;
}
#update a:hover {
padding:2px 0.75em 3px 0.7em;
position:relative;
top:1px;
left:1px;
border-color:#000 #aaa #aaa #000;
color:#c55d00;
}
#cached a:link, #cached a:hover, #cached a:visited {
color:#fff; !important
}
#cached a {
padding:2px 0.75em 3px 0.7em;
display:inline;
border:1px solid;
border-color:#aaa #000 #000 #aaa;
background-color:#444;
text-decoration:none;
}
#cached a:hover {
padding:2px 0.75em 3px 0.7em;
position:relative;
top:1px;
left:1px;
border-color:#000 #aaa #aaa #000;
color:#fff;
text-decoration:none;
 
}
.dots, a.dots {
color:#fff;
text-decoration:none;
border-bottom:1px dotted #ccc;
}
a:hover.dots {
color:#fff;
border-bottom:1px solid #ccc;
}
#smalltext {
font-size:10px;
font-weight:normal;
}
.current {
font-weight:bold;
/*text-decoration:underline;*/
/*color:#00b916;*/
color:#ccc;
}
body {
background:#444;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#lastupdate {
padding:2px 0.75em 3px 0.75em;
background:#999;
border:1px solid #333;
color:#000;
}
div.playerlayout {
width:950px;
padding:4px;
border:1px solid #000;
background:#555;
}
td.online, td.offline {
padding-left:1.25em;
background:#222;
}
div.online, div.offline {
font-family:Courier, "Courier New", monospace;
color:#ccc;
}
span.online#online {
color:#00ff00;
font-weight:bold;
}
span.online#srvn {
color:#ff9900;
font-weight:bold;
}
span.online#srva, .online a {
color:#ff9900;
}
.online a:visited {
color:#cc0000;
}
.online a:hover {
color:#cc6600;
}
.clear {clear:both;}
.progressbar {
background:#474642;
float:left;
border:1px solid #333;
width:98%;
margin:0;
padding:0;
}
#tta .progressbar {
width:800px;
}
.progressbar div {
background:#476642;
font-size:10px;
}
.progressbar div span {
padding:0 5px;
}
.stat-need {
font-style:italic;
}
.qaa {
margin:20px 20%;
padding:0;
}
.qaa dt {
margin:0; padding:0;
font-size:15px;
font-weight:bold;
color:#e2dfd6;
}
.qaa dd {
margin:0;
padding:0 0 30px 0;
}
#trend {
border:1px solid #000;
width:970px;
margin:5px auto;
}
#trendmenu {text-align:center;}
strong.achieved {color:#3f3;}
strong.notachieved {color:#a00;}
div.award-inline {
float:left;
width:42px;
height:42px;
position:relative;
}
table#awards, table#tta, table#award-details {
clear:both;
margin:0 0.5%;
padding:0;
width:99%;
margin-bottom:15px;
}
div.award-inline b {
display:none;
}
div.award-pop p {}
div.award-pop p:first-letter {
font-weight:bold;
}
div.award-pop {
display:none;
position:absolute;
top:35px;
left:0;
z-index:50;
width:400px;
background:#444643;
border:1px solid #ccc;
-moz-opacity:.90;
min-height:140px;
_height:140px;
}
div.dir-left {
left:25px;
right:auto;
}
div.dir-right {
left:auto;
right:25px;
}
div.award-inline:hover div.award-pop {
display:block;
}
div.award-pop p, div.award-pop ul {
padding:5px;
margin:0 0 0 132px;
list-style:none;
}
div.award-pop p.stat-need {
clear:none;
margin:0;
padding:0 0 5px 2px;
font-size:10px;
}
div.award-pop img {
position:absolute;
top:0;
left:0;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.award-inline div ul li {
padding-bottom:10px;
}
table.playerhead {
width:950px;
background:#000;
padding:0.5em 0 0.5em 3em;
}
table.playerhead #text {
vertical-align:super;
color:#fff;
background:#000;
font-size:28px;
padding-left:1.5em;
}
table.section, table.subsection {
width:100%;
font-size:11px;
}
table.section th {
font-weight:bold;
text-align:center;
padding:0.5em;
vertical-align:middle;
background:#000;
color:#fff;
}
table.subsection {
border-collapse:collapse;
border-top:1px solid #8496bc;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-left:1px solid #8496bc;
}
table.subsection th {
height:auto;
background:black url(/images/rowhead.gif) left top repeat-x;
background-attachment:scroll;
font-weight:bold;
vertical-align:bottom;
color:#fff;
padding:5px 0 5px 5px;
text-indent:0.2em;
}
table.subsection th a {
text-decoration:none;
border-bottom:1px dotted #888;
}
table.subsection th a.sortheader:hover, table.subsection th a.sortheader:active {
color:#d5dff5;
border-bottom:1px dotted #d5dff5;
}
table.subsection tr > th, table.subsection a.sortheader tr > th {
font-weight:normal;
font-size:14px;
padding:5px;
}
table.subsection th + th {
font-weight:bold;
font-size:11px;
}
table.subsection a.sortheader {
color:#fff;
text-decoration:none;
display:block;
}
table.subsection tr > td {
border-right:1px solid #333;
background:#414964;
}
table.subsection td + td {
border-right:0;
border-left:0;
background:#595d6b;
}
table.subsection td, table.subsection th {
text-align:left;
}
table.subsection td {
background:#595d6b;
border-collapse:collapse;
padding: 0.25em 0.5em 0.25em 0.5em;
border-bottom:1px solid #333;
}
table.subsection td.subsectionleft {
border-right:1px solid #333;
}
table.subsection td.subsectionright {
border-left:0;
}
table.subsection tr.tot {
border-top:2px solid #8496bc;
border-left:2px solid #8496bc;
border-right:2px solid #222;
}
table.subsection tr.avg {
border-left:2px solid #8496bc;
border-right:2px solid #222;
border-bottom:3px solid #222;
}
table.subsection .tail {
font-size:11px;
text-align:left;
border:1px solid #222;
}
table.subsection th.tail {
font-weight:bold;
text-align:left;
background:#353c55;
border-left:0;
}
table.subsection td.tail {
font-weight:normal;
border-left:none;
border-right:none;
background:#414964;
}
table.subsection span.sortarrow {
color:#fff;
text-decoration:none;
color:#ccc;
}
table.subsection td.fav {
background:#2e4065;
border-top:2px solid #8496bc;
border-bottom:3px solid #222;
border-right:0;
border-left:0;
padding:0.4em;
}
table.subsection tr.fav {
border-right:2px solid #222;
border-left:2px solid #8496bc;
}
table.subsection td.unlocks {
background:#5c5f52;
border:0;
}
table.subsection td.unlocks img {
border:0;
}
img.images {
border:2px solid #000;
}
.sf {
font-weight:normal;
color:#1dd418;
}
hr{display:none;}