/* All
tags in the menu including the first level */
.menulist, .menulist ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Submenus ( tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
z-index:5;
visibility: hidden;
position: absolute;
top: 1.25em; /* I'm using ems rather than px to allow people to zoom their font */
left: 0px;
width: 120px;
}
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
z-index: 5;
top: 0px;
left: 120px;
width: 120px;
}
/*
All menu items (- tags). 'float: left' lines them up horizontally, and they are
positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
float: left;
position: relative;
background-image: url('../images/gradient-slice.gif');
background-repeat: repeat-x;
border: 0px solid #FFF;
margin-right: -1px;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
float: none;
margin-right: 0;
background: #F5F5F5;
border: 1px solid #00246D;
padding-left:0px;
padding-right:0px;
text-decoration: none;
margin-bottom: -1px;
}
.menulist ul>li:last-child {
margin-bottom: 1px;
color: #FFFFFF;
border: 1px solid #00246D;
}
/* dhtml tooltip */
#dhtmltooltip{
position: absolute;
width: 250px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 1000;
}
a.botlinks
{
color: #FFF;
font-size: 14px;
text-decoration: none;
padding-left: 4px;
padding-right: 4px;
border: 0px solid #00246D;
}
a.botlinks:hover
{
color: #FFF;
font-size: 14px;
text-decoration: underline;
padding-left: 4px;
padding-right: 4px;
border: 0px solid #00246D;
}
/* Sortable tables css */
table.sortable a.sortheader{
font-weight:bold;
text-decoration: none;
}
a.sortheader:hover{
text-decoration: underline;
}
table.sortable span.sortarrow{
color: black;
}
table thead td
{
font-weight:bold;
cursor:pointer;
}
img.images
{
margin: 0px;
padding:0px;
display: block;
border: 0px;
}
a.newlinks
{
background-color: #00246D;
color: #000;
text-decoration: none;
border: 1px solid #00246D;
}
a.newlinks:hover
{
color: #FFF;
background-color: #ff6600;
text-decoration: underline;
border: 4px solid #00246D;
}
/* Links inside the menu */
.menulist a {
display: block;
padding-left: 5px;
padding-right: 0px;
color: #303030;
font-size: 14px;
padding-top: 3px;
text-decoration: none;
}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
color: #fff;
background-color: #ff6600;
}
.menulist a.highlighted {
color: #FFF;
background-color: #868686;
}
a.implink:hover, a.implink:focus
{
color: #fff;
background-color: #ff6600;
}
form{
margin: 0px;
}
div.rightcol
{
z-index: 1;
position: absolute;
top: 126;
right: 0px;
width: 200px;
padding: 0px;
margin: 0px;
}
div.recentresults
{
z-index: 1;
position: relative;
width: 200px;
border-top: 1px solid #00246D;
border-left: 1px solid #00246D;
border-right: 1px solid #00246D;
border-bottom: 1px solid #00246D;
margin-bottom: 6px;
}
div.encap1
{
padding: 2px;
margin-bottom: 6px;
border: 0px solid #00246D;
}
div.advert
{
width: 200px;
margin-bottom: 6px;
}
div.standings
{
z-index: 1;
position: relative;
width: 200px;
border-top: 1px solid #00246D;
border-left: 1px solid #00246D;
border-right: 1px solid #00246D;
margin-bottom: 6px;
}
div.fire
{
position: relative;
width: 200px;
border-top: 1px solid #00246D;
border-left: 1px solid #00246D;
border-right: 1px solid #00246D;
margin-bottom: 6px;
}
div.ice
{
position: relative;
width: 200px;
border-top: 1px solid #00246D;
border-left: 1px solid #00246D;
border-right: 1px solid #00246D;
margin-bottom: 6px;
}
div.bannerholder
{
position: absolute;
top: 0px;
height: 80px;
margin: 0px;
padding: 0px;
width: 100%;
background-color: #00246D;
}
div.upperlinkholder
{
z-index:5;
position: absolute;
left: 0px;
top: 80px;
height:21px;
background-image: url('../images/gradient-slice.gif');
background-repeat: repeat-x;
width: 100%;
border-top: 1px solid #00246D;
border-bottom: 1px solid #00246D;
border-right: 0px solid #00246D;
}
div.sublinkholder
{
z-index:1;
padding-left: 0px;
padding-top: 0px
padding-bottom: 0px;
position: absolute;
top: 101px;
height: 21px;
left: 0px;
width: 100%;
background-image: url('../images/gradient-slice-b.jpg');
background-repeat: repeat-x;
}
div.contentholder
{
position: absolute;
top: 126px;
left:6px;
right: 208px;
border: 0px solid #000;
}
/* A CSS hack \*/
* html div.contentholder {
right: 212px;
}
/* Another CSS hack */
div.mpnews
{
float: right;
width: 34%;
border: 0px solid #00246D;
padding: 0px;
z-index:0;
}
div.floatright
{
float: right;
width: 34%;
}
div.mpLL
{
float: left;
width: 65%;
padding: 0px;
border: 0px;
}
div.leaderpic
{
padding-top: 4px;
height: 170px;
}
div.leadertitle
{
padding: 2px;
padding-left: 4px;
position: relative;
border-bottom: 1px solid;
right: 0px;
background-image: url('../images/gradient-slice-b.jpg'); background-repeat: repeat-x;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #FFFFFF;
}
tr.header-grey
{
font-size: 12px;
background-image: url('../images/gradient-slice.gif');
background-repeat: repeat-x;
font-weight: bold;
color: #303030;
padding-left: 4px;
}
tr.header-blue
{
font-size: 12px;
background-image: url('../images/gradient-slice-b.jpg');
background-repeat: repeat-x;
font-weight: bold;
color: #FFFFFF;
padding-left: 4px;
}
tr.header-grey2
{
font-size: 12px;
background-image: url('../images/gradient-slice40.gif');
background-repeat: repeat-x;
font-weight: bold;
color: #303030;
padding-left: 4px;
}
tr.header-orange
{
font-size: 12px;
background-image: url('../images/gradient-slice-orange.gif');
background-repeat: repeat-x;
font-weight: bold;
color: #FFF;
padding-left: 6px;
}
div.error
{
position: relative;
font-size: 12px;
background-image: url('../images/gradient-slice-orange.gif');
background-repeat: repeat-x;
font-weight: bold;
color: #FFF;
padding: 2px;
border: 1px solid #00246D;
margin-bottom: 4px;
}
div.confirm
{
position: relative;
font-size: 12px;
background-image: url('../images/gradient-slice.gif');
background-repeat: repeat-x;
font-weight: bold;
color: #303030;
padding: 2px;
border: 1px solid #00246D;
margin-bottom: 4px;
}
div.msgbox
{
position: relative;
align: center;
border: 1px solid #00246D;
padding: 4px;
width: 300px;
}
div.msgholder
{
position: relative;
background-color: ;
align: center;
border: 1px solid #00246D;
padding-left: 2px;
color: #303030;
}
tr.header-primary
{
font-size: 12px;
background-image: url('../images/gradient-slice-b.jpg');
background-repeat: repeat-x
font-weight: bold;
color: #FFF;
padding-left: 2px;
padding-right: 2px;
}
tr.fire
{
background-image: url('../images/fire.jpg');
background-repeat: repeat-x
}
tr.ice
{
background-image: url('../images/ice.jpg');
background-repeat: repeat-x
}
tr.header-secondary
{
font-size: 12px;
background-color: #D1D1D1;
font-weight: bold;
color: #303030;
padding-left: 2px;
padding-right: 2px;
}
tr.regrow
{
font-size: 12px;
color: #000;
padding-left: 2px;
padding-right: 2px;
border: 0px solid #00246D;
}
td.trbl{
border: 1px solid #00246D;
padding: 2px;
}
td.tbl{
border: 1px solid #00246D;
border-right: 0px solid #00246D;
padding: 2px;
}
td.trb{
border: 1px solid #00246D;
border-left: 0px solid #00246D;
padding: 2px
}
td.tb{
border-top: 1px solid #00246D;
border-bottom: 1px solid #00246D;
padding: 2px
}
td.rl{
border-right: 1px solid #00246D;
border-left: 1px solid #00246D;
padding: 2px
}
td.tr{
border-top: 1px solid #00246D;
border-right: 1px solid #00246D;
padding: 2px
}
td.tl{
border-top: 1px solid #00246D;
border-left: 1px solid #00246D;
padding: 2px
}
td.rb{
border-right: 1px solid #00246D;
border-bottom: 1px solid #00246D;
padding: 2px
}
td.rbl{
border: 1px solid #00246D;
border-top: 0px solid #00246D;
padding: 2px
}
td.bl{
border-bottom: 1px solid #00246D;
border-left: 1px solid #00246D;
padding: 2px
}
td.t{
border-top: 1px solid #00246D;
padding: 2px
}
td.b{
border-bottom: 1px solid #00246D;
padding: 2px
}
td.botline
{
border-bottom: 1px solid #00246D;
padding: 2px;
}
td.botline-pad
{
border-bottom: 1px solid #00246D;
padding: 3px;
}
td.botline-padding
{
border-bottom: 1px solid #00246D;
padding: 2px;
}
td.grey
{
font-size: 12px;
background-image: url('../images/gradient-slice.gif');
background-repeat: repeat-x;
color: #303030;
padding-left: 2px;
padding-right: 2px;
border-bottom: 1px solid #00246D;
border-left: 1px solid #00246D;
border-right: 1px solid #00246D;
width: 30px;
}
table.LL
{
border: 1px solid #00246D;
border-bottom: 0px;
margin-bottom: 6px;
}
a.link
{
text-decoration: none;
}
a.link:hover
{
color: #00246D;
text-decoration: underline;
}
table
{
font-size: 12px;
color: #000;
}
p
{
margin: 0px;
text-align: left;
}
img.crop{
z-index: 1;
}
/* A CSS hack \*/
* html img.crop {
z-index: -1;
}
table.crop{
z-index: 1;
}
/* A CSS hack \*/
* html table.crop {
z-index: -1;
}
input.logtext
{
background: #F5F5F5;
color: #303030;
border: 1px solid #00246D;
padding: 2px;
width: 200px;
height: 20px;
margin: 2px;
}
input.submit
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-top: 3px;
background-color: #FFFFFF;
background-image: url('../images/gradient-slice.gif');
background-repeat: repeat-x;
color: #303030;
font-size: 75%;
font-weight: bold;
}
#submit
{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-top: 3px;
background-color: #FFFFFF;
background-image: url('../images/gradient-slice.gif');
background-repeat: repeat-x;
color: #303030;
font-size: 75%;
font-weight: bold;
}
/* Only style submenu indicators within submenus. */
.menulist a .subind {
display: none;
}
.menulist ul a .subind {
display: block;
float: right;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
float: left;
}
.menulist ul a {
float: none;
}
/* \*/
.menulist a {
float: none;
}
/* */
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist ul li {
float: left;
height: 1%;
}
* html .menulist ul a {
height: 1%;
}
/* End Hack */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}