﻿html, body {height:100%;}
body {padding:0; margin:0;}
.page {position:relative; width:100%; min-width:1000px; height:100%; min-height:100%; background-repeat:repeat-y;}
html > body .page {height:auto;}

* html .minwidthpadding {padding-left:1000px;}
* html .minwidthmargin {margin-left:-1000px; position:relative;}
/*\*/
* html .minwidthpadding, * html .minwidthmargin, * html .minwidthheight {height:1px;}
/**/
.minwidth {width:1000px;}

.header {position:relative; top:0; left:0; width:100%; height:74px; background-repeat:repeat-x;}
.top {position:relative; top:0px; right:0px; width:auto; height:74px; text-align:right; margin-left:289px; background-repeat:no-repeat; background-position:bottom left;}
.logot {width:129px; height:74px; border:0;}
.logom {width:129px; height:20px; border:0;}
.logob {width:129px; height:110px; border:0;}
.title {position:absolute; top:0; left:0; width:289px; height:74px; background-repeat:no-repeat; background-position:center right;}
.topimagebanner {position:absolute; top:6px; right:6px; width:468px; height:69px;}
.bar {position:relative; top:0; left:0; width:100%; height:20px; z-index:1; background-repeat:repeat-x;}
.curve {position:relative; top:0px; left:0px; width:137px; height:20px; background-repeat:no-repeat; background-position:top right;}
.flare {position:relative; top:0px; left:0px; width:100%; height:63px; height:auto; background-repeat:no-repeat; background-position:top left;}
.stars {position:relative; top:0; left:0; width:100%; height:47px; height:auto; background-repeat:no-repeat; padding:10px 0; float:left;}
.left {position:absolute; top:94px; left:0; width:129px;}
.content {position:relative; top:0; min-height:110px; margin:0 0 0 129px; padding:10px; background-repeat:no-repeat; background-position:top left;}
.bottom {text-align:center; padding:0;}
.bottomimagebanner {position:relative; top:0; left:0; width:468px; height:90px; text-align:center; margin:10px auto;}
.footerclear {clear:both; height:128px;}
.footer {position:absolute; bottom:0; left:0; width:100%; height:128px; margin:0 auto; text-align:center;}
.footerleft {position:absolute; top:0px; left:10%; width:20%; height:118px; text-align:right;}
.footercenter {position:absolute; top:0px; left:30%; width:40%; height:118px; text-align:center;}
.footercenter, .footercenter a {color:#808080; background-color:transparent; font-family:verdana, arial, helvetica, sans-serif; font-size:10px;}
.footerright {position:absolute; top:0px; left:70%; width:20%; height:118px; text-align:left;}
.footerform {width:100%; float:left; margin-right:-50%;}
.footerformlanguage {margin-right:44%; text-align:right;}
.footerformstyles {width:44%; float:right; text-align:left;}
.clear {clear:both;}

.page { background-image:url("../img/styles/blue/bg/left.png"); }
.header { background-image:url("../img/styles/blue/bg/top.png"); }
.top { background-image:url("../img/styles/blue/bg/stars.png"); }
.title { background-image:url("../img/styles/blue/bg/title.png"); }
.bar { background-image:url("../img/styles/blue/bg/bar.png"); }
.curve { background-image:url("../img/styles/blue/bg/curve.png"); }
.logot { background-image:url("../img/styles/blue/bg/logot.png"); }
.logom { background-image:url("../img/styles/blue/bg/logom.png"); }
.logob { background-image:url("../img/styles/blue/bg/logob.png"); }
.content { background-image:url("../img/styles/blue/bg/flare.png"); }

#frmQuickLogoff img {border:0;}

.mainmenu {position:absolute; top:0; left:137px; width:768px; height:auto;}
.mainmenu li a {border-right:outset 1px #555; height:16px;}
.mainmenu li li a {height:auto;}

.gamemenucenter {text-align:center; margin:0; padding:0;}
.gamemenufull, .gamemenushort, .gamemenumatch {position:relative; top:0; text-align:left; margin:0 auto; padding:0;}
.gamemenufull {width:660px;}
.gamemenushort {width:456px;}
.gamemenumatch {width:346px;}
.gamemenufull ul, .gamemenushort ul, .gamemenumatch ul {width:110px;}
.gamemenufull li a, .gamemenushort li a, .gamemenumatch li a {padding:0;}
.gamemenujob { position:absolute; top:96px; left:21px; width:165px; }
.gamemenumatch {text-align:center;}

.box h2 {margin:0; padding:0 10px 0 10px; border-bottom:1px solid #bbb; font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#fff; text-align:left; text-transform:none;}
.box h3 {margin:5px 0 0 0; padding:3px 10px 0 10px; border-top:1px solid #bbb; font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; text-transform:none;}
.box p {margin:0; padding:10px;}
.box {width:100%; margin-top:10px;}
.boxtop, .boxbottom {display:block; font-size:1px;}
.box1, .box2, .box3, .box4 {display:block; overflow:hidden;}
.box1, .box2, .box3 {height:1px;}
.box2, .box3, .box4 {border-left:1px solid #bbb; border-right:1px solid #bbb;}
.box1 {margin:0 5px; color:#fff; background-color:#bbb;}
.box2 {margin:0 3px; border-width:0 2px;}
.box3 {margin:0 2px;}
.box4 {height:2px; margin:0 1px;}
.box2b, .box3b, .box4b {background-color:#e9edee; color:#fff;} 
.boxcontent {background-repeat:repeat-x; background-position:bottom left; display:block; border:0 solid #bbb; border-width:0 1px; height:auto; text-align:left;}
* html .boxcontent {height:1px;}

.box .boxcolour {background:#387ab8; color:#fff;}

.logon {position:relative; top:-12px; left:5px; width:124px;}
.logon label {width:105px;}
.logon input {width:105px; margin:2px 0;}
.logon div div {background-color:#fff; color:#000;}
.logon div div em {display:block; padding:5px; font-style:normal;}
.logon div div div {background-color:Transparent; color:#000;}

.commaward {position:relative; top:-12px; left:5px; width:124px;}
.commaward p {background-color:#fff; margin:0; padding:10px 5px 0 5px;}
/*.commaward .boxtop .box2, .commaward .boxtop .box3, .commaward .boxtop .box4 {background-color:#fff; color:#000;}*/

.ontheball {position:relative; top:-12px; left:5px; width:124px;}
.ontheball p {background-color:#fff; margin:0; padding:10px 5px 0 5px;}
#imgNewsTickPause {position:absolute; top:2px; right:0; width:10px; height:10px; border:0;}

.messageok, .messageerror {font-family:arial, verdana, helvetica, sans-serif; font-weight:bold; font-size:12px; border-spacing:5px;}
.messageok, .messageok a {color:#080;}
.messageok {border:1px dotted #080;}
.messageerror, .messageerror a {color:#f00;}
.messageerror {border:1px dotted #f00;}

/* Tables */
.table {border-spacing:1px; border:0; padding:0;}
.tabletitlecolumn, .tabletitlecolumn a {position:relative; top:0; left:0; height:20px; background-color:Transparent; background-repeat:repeat; color:#fff; font-family:arial, verdana, helvetica, sans-serif; font-weight:bold; font-size:12px; padding:0 2px;}
.tabletitlecolumn {border-left:1px solid #000; border-right:1px solid #000;}
.tablesort {width:100%; height:16px;}
.tablesortup, .tablesortdown {width:100%; height:16px; background-position:center center; background-repeat:no-repeat;}
.tabletitle {position:relative; top:0; left:0; width:100%;}
.tabletitle table {width:100%;}
.tableoddrow, .tableoddrow a, .tableevenrow, .tableevenrow a, .tablerow, .tablerow a, .tabletogglecelloff, .tabletogglecelloff a, .tabletogglecellon, .tabletogglecellon a {font-family:verdana, arial, helvetica, sans-serif; font-size:11px;}
.tableoddrow, .tableevenrow, .tablerow, .tabletogglecelloff, .tabletogglecellon {height:20px; padding:0 2px;}
.tabletogglecelloff, .tabletogglecellon {cursor:pointer;}

.tabletitlecolumn {background-image:url("../img/styles/blue/tbls/title.png");}
.tablesortup {background-image:url("../img/styles/blue/tbls/up.png");}
.tablesortdown {background-image:url("../img/styles/blue/tbls/down.png");}
.tabletogglecelloff a, .tabletogglecellon a {color:#000;}
.tableoddrow, .tableoddrow a {background-color:#eeeef8; color:#000;}
.tableevenrow, .tableevenrow a {background-color:#e7e7f5; color:#000;}
.tabletogglecellon {color:#000; background-color:#c1ceff;}

/* Tabs */
.tabheader {float:left; font-size:93%; line-height:normal;}
.tabheader ul {margin:0; padding:0; list-style:none;}
.tabheader li {float:left; background-repeat:no-repeat; background-position:left top; margin:0; padding:0 0 0 10px; cursor:pointer;}
.tabheader a {float:left; display:block; background-repeat:no-repeat; background-position:right top; padding:2px 12px 2px 0px; text-decoration:none; font-weight:bold; color:#fff;}
    
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.tabheader a {float:none;}
/* End IE5-Mac hack */

.tabheader li a:hover {color:#ff0;}
.tabheader .tabcurrent a:hover {color:#333;}
.tabheader .tabcurrent {border-width:0; }
.tabheader .tabcurrent a {color:#333; padding-bottom:2px;}

.tabheader .tabdisabled, .tabheader .tabdisabled a, .tabheader .tabdisabled a:hover {color:#666; cursor:default;}

.tabheader li {background-image:url("../img/styles/blue/tabs/tleft.png");}
.tabheader a {background-image:url("../img/styles/blue/tabs/tright.png");}
.tabheader .tabcurrent {background-image:url("../img/styles/blue/tabs/thleft.png");}
.tabheader .tabcurrent a {background-image:url("../img/styles/blue/tabs/thright.png");}

/* Text */
.texthigh, .texthigh a {color:#00f;}

.textsmall, .textsmall a, .text, .text a {font-family:verdana, arial, helvetica, sans-serif; color:#000;}
.textsmall, .textsmall a {font-size:10px;}
.text, .text a {font-size:12px; color:#444;}
.textlarge, .textlarge a, .textxlarge, .textxlarge a {font-family:arial, verdana, helvetica, sans-serif; color:#000;}
.textlarge, .textlarge a {font-size:16px;}
.textxlarge, .textxlarge a {font-size:20px;}
.textxsmall, .textxsmall a {font-size:9px;}

.textbold, .textbold a {font-weight:bold;}
.textnormal, .textnormal a {font-weight:normal;}
.textitalic, .textitalic a {font-style:italic;}
.textleft, .textleft a {text-align:left;}
.textcenter, .textcenter a {text-align:center;}
.textjustify, .textjustify a {text-align:justify;}
.textright, .textright a {text-align:right;}
.textucase, .textucase a {text-transform:uppercase;}
.texttop, .texttop a {vertical-align:top;}
.textmiddle, .textmiddle a {vertical-align:middle;}
.textbottom, .textbottom a {vertical-align:bottom;}

/* Form Controls */
form {margin:0; padding:0;}
label, .ctrllabel {font-family:arial, verdana, helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000;}
.ctrllabel {position:relative; top:0; left:0; width:175px; text-align:right; float:left; margin-right:5px;}
.ctrlsidenote, .ctrlsidenote a, .ctrlnote, .ctrlnote a {font-family:arial, verdana, helvetica, sans-serif; font-size:11px; color:#444;}
.ctrlsidenote {padding:0 5px 5px 180px;}
.ctrlnote {padding:5px 0 5px 0;}
.ctrlcontrol {float:left;}
.ctrlclear {clear:both;}
.ctrlmargin {margin-bottom:5px;}

.ctrlinput, .ctrlbutton, .ctrlsubmit {font-family:arial, verdana, helvetica, sans-serif; color:#444; background:#eee url("../img/ctrls/small.gif") repeat top left;}
.ctrlbutton, .ctrlsubmit {font-size:12px; border:outset 1px #ccc; margin:0 2px 4px 2px; padding:1px 4px;}
.ctrlsubmit {font-weight:bold;}
.ctrlinput {font-size:11px; border:inset 1px #ccc; margin-right:10px;}
select.ctrlinput, textarea.ctrlinput {color:#444; background:#eee url("../img/ctrls/large.gif") repeat-x top left;}
button.ctrlinput, button.ctrlinput img {background:none; border:0; cursor:pointer;}

hr {width:98%; height:1px; text-align:center; color:#c0c0c0; background-color:#c0c0c0; padding:0; border:0; overflow:hidden;}
