html { min-height: 100%; margin-bottom: 1px; }
body { background:#e5e5e5 url('/images/bg.png') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:.75em;}

h1 {font-size:15pt; letter-spacing:-1px;}

a { color:#006; text-decoration:none;}
a:hover { color:#900;}
a:visited {}

/* PAGE SKELETON */
#page-wrap {position:relative; width:985px; margin-left:auto; margin-right:auto; border:1px #ccc solid; border-top:0; background:#fff;}
#top {background:#333 url('/images/top-bg.png') repeat-x; border-bottom:#000 1px solid; height:30px;}
#banner {background:#01014d url('/images/banner_beta.png') no-repeat;  height:100px;}
#nav-bar {background:#999 url('/images/nav_bg.png') repeat-x; height:24px; border-top:#e4e4e4 1px solid; border-bottom: #900 2px solid;}

#main {position:relative;float:left; background:#fff;}
#hp-left-col {position:relative; float:left; width:410px; padding:10px;}
#left-col {position:relative; float:left; width:720px; padding:10px;}
#middle-col {position:relative; float:left; width:300px; padding:10px 10px 10px 0;}
#right-col {position:relative; float:left; width:235px; padding:10px 10px 10px 0;}
#footer { position:relative; clear:both; background:#eee; border:#eee 1px solid;padding:10px; margin:0 10px 10px 10px; color:#999;}
#footer a {color:#999;}
#footer .left { position: absolute; left:10px; top:10px; width:500px;}
#footer .right { position: absolute; right:10px; top:10px; width:300px;}


/* PRESENTATION STYLES */
#top #dotcomlogo {padding-right:5px;}
#top .left { float: left; padding: 7px 0 0 10px;}
#top .right { float: right; padding: 2px 10px 0 0; line-height: 1px;}
#top #forums {padding-left:5px; text-transform:uppercase; color: #fff; font-size:8pt; text-decoration:none;}
#top #login-id {float: right; color:#fff; padding:7px 10px 0 0;}
#top #login-id a {color:#fff;}
#top #login-id a:hover {text-decoration:underline;}
#top #username {float: left; margin-right:4px;}
#top #password {float:left;}
#top .input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; background-color: #e6e6e6; border: #FFF 1px solid; margin: 0;}
#top .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; background-color: #666; border: #fff 1px solid; margin: 8px 0 0 8px; text-transform: uppercase; color: #fff; padding: 1px;}

#nav-bar ul { margin:0; padding:0; list-style:none; }
#nav-bar li { float:left; margin:0; padding:0; border-left:#bebfbf 1px solid;}
#nav-bar li.first { border-left:0;}
#nav-bar a { display:block; padding:4px 11px; color:#666; text-decoration: none; font-size:14px; text-transform:uppercase; line-height:normal; font-weight:bold; letter-spacing:-1px;}
#nav-bar a:hover { color:#900;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav-bar a {float:none;}
/* End IE5-Mac hack */

.widget { position:relative; margin-bottom:10px;}
.widget h2 { margin-top:0; font-size:1.2em;}

h1.pagetitle {height:41px; color:#fff; font-size:14pt; background: url('/images/page-title-bg-720.png') repeat-x; padding:10px 0 0 15px; letter-spacing:-1px;}

.replaced { display:none;}
.more { color:#900; font-size:.9em; padding:5px 0 5px 10px;}

.tbl-style-1 { font-size:.9em; margin-bottom:15px; border-collapse:collapse;}
.tbl-style-1 tbody {vertical-align:middle;}
.tbl-style-1 th, .tbl-style-1 td {border:1px #ccc solid;}
.tbl-style-1 tr {height:22px; vertical-align:inherit;}
.tbl-style-1 th { background:#dbdadb url('/images/tbl_header_bg.png') bottom left repeat-x; color:#333; vertical-align:inherit; font-weight:bold; text-transform:uppercase;}
.tbl-style-1 .superheader th { background:#4d4d4d url('/images/tbl_super-header_bg.png') bottom left repeat-x; color:#fff;}
.tbl-style-1 th.left, .tbl-style-1 td.left { text-align:left;padding-left:8px;}
.tbl-style-1 th, .tbl-style-1 td { text-align:center;}
.tbl-style-1 td { vertical-align:inherit;}
.tbl-style-1 .oddrow td { background:#fdfdfd url('/images/tbl_cell_bg.png') bottom repeat-x;}
.tbl-style-1 .evenrow td { background:#fff;}
.tbl-style-1 th.sel, .tbl-style-1 td.sel { background:#fdfdfd url('/images/tbl_cell_bg.png') bottom repeat-x; font-weight:bold;}
.tbl-style-1 th a {color:#333; text-decoration:underline;}
.tbl-style-1 th a:hover {color:#900;}
.tbl-style-1 .cutline {border-bottom: #999 2px solid;}
.tbl-style-1 .noLeftBdr {border-left:0;}
.tbl-style-1 .noRightBdr {border-right:0;}
.tbl-style-1 .totalsrow td {font-weight:bold;}

.tbl-style-2 {font-size:.9em;}
.tbl-style-2 .header-row-1 th { background:#666;color:#e0e0e0;font-size:1.1em;font-weight:bold; padding: 2px 0}
.tbl-style-2 .header-row-2 th { background:#ccc;color:#000;font-weight:normal;}
.tbl-style-2 th.left, .tbl-style-2 td.left{text-align:left;padding-left:8px;}
.tbl-style-2 th, .tbl-style-2 td { padding:1px; text-align:center;}
.tbl-style-2 td { border-bottom:#999 1px solid;}
.tbl-style-2 .oddrow td { background:#eee;}
.tbl-style-2 .evenrow td { background:#fff;}

#ratings-table {font-size:.9em; border-collapse:collapse;margin-left: auto; margin-right: auto;}
#ratings-table tbody {vertical-align:middle;}
#ratings-table tr {height:22px; vertical-align:inherit;}
#ratings-table th, #ratings-table td {border:1px #ccc solid; text-align:center; vertical-align:inherit;}
#ratings-table th {background:#dbdadb url('/images/tbl_header_bg.png') bottom left repeat-x; color:#333; vertical-align:inherit; font-weight:bold;}
#ratings-table td {width:25px; background:#fdfdfd url('/images/tbl_cell_bg.png') bottom left repeat-x;}
#ratings-table th.ov {padding:0 2px; background:#000;}
#ratings-table td.ov {font-size:2.5em; background:#fff; letter-spacing:-1px; font-weight:bold; padding:0 7px;}

.awards-list { margin:0; padding:5px 5px 15px 30px; list-style-image: url('/images/stars-1.png'); font-size:.9em;}

#news-archive h3 {padding:5px 0 8px 3px; font-size:15px;letter-spacing:-1px;border-top: #999 dotted 1px;}
#news-archive h3.first {border-top: 0px;}
#news-archive .story {padding:0 0 10px 10px;}
#news-archive .headline {font-size:14px; font-weight:bold;}
#news-archive .preview {color:#333;}

#story h1 {font-size: 15pt; text-transform:uppercase; letter-spacing:-1px;color:#000;background: url('');height:auto;padding:0;}
#story .byline {padding:0 0 10px; letter-spacing:-1px; color:#999;}
#story .writer {font-size: 10pt; font-weight:bold;}
#story .posteddate {letter-spacing:-1px;}
#story .storytext {line-height:18px;}
#story .location {text-transform:uppercase;}

#story-image {border: #ccc solid 1px;}
.image-caption {padding:2px 4px; color:#999; font-weight:bold;}

.player-info {background:#eee; padding:10px; height:124px; line-height:1.4em;}
.player-info img {float:left; margin-right:10px;border:2px #fff solid;}
.player-info h1 {font-size:20px; margin-bottom:2px; line-height:normal; letter-spacing:-1px;}
.player-info label {font-weight:bold;}
.player-info .position {text-transform:uppercase;}

/*TEAM-HEADERS*/
th.ACA-th {background:#030; color:#fc0;}
th.AMS-th {background:#900028; color:#fcb131;}
th.BRN-th {background:#101010; color:#f9b534;}
th.CGY-th {background:#c00; color:#fff;}
th.EDM-th {background:#036; color:#f90;}
th.FRE-th {background:#0c2360; color:#fff;}
th.HBG-th {background:#000; color:#9b8449;}
th.KC-th {background:#333; color:#fff;}
th.LV-th {background:#000; color:#fff;}
th.MIA-th {background:#002231; color:#fff;}
th.MOS-th {background:#de0000; color:#fff;}
th.NS-th {background:#00406e; color:#ccc;}
th.NYE-th {background:#00285d; color:#f47937;}
th.OSL-th {background:#c00; color:#fff;}
th.OTT-th {background:#060; color:#fff;}
th.PHI-th {background:#a60000; color:#fff;}
th.QUE-th {background:#007bb9; color:#000;}
th.RYK-th {background:#000; color:#ccc;}
th.STL-th {background:#000032; color:#dc972a;}
th.STK-th {background:#ff6c00; color:#069;}
th.TOR-th {background:#263b5e; color:#f9a11a;}
th.VAN-th {background:#112750; color:#ffc000;}
th.WHI-th {background:#770678; color:#f3ce00;}
th.WIN-th {background:#002d62; color:#fff;}