/* ************************** */
/* CSS STYLES START */
/* ************************** */

/* STANDARD LINKCOLORS FOR THE BETBRAIN SITE. */
a {color: #31659C; text-decoration: underline;}
a:hover {color: #31659C; text-decoration: underline;}

BODY {
 margin: 0pt;
 background-color: #FFFFFF;
}

IMG {
 border: 0px;
}

TABLE{
 empty-cells:show;
 border-collapse: collapse;
 border: 0px;
 padding: 0px;
 border-spacing: 0 0;
}

TD {
 font-size : 8pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color: #333333;
}

TD.leftMenu {
 background-color: #D9E0E0;
 border-right: 10px solid #FFFFFF;
}

EM {
 font-weight: bold;
 font-style: normal;
}

/* Standardise spacing, to replace the paragraphSpacer.gif */
p {
 margin-top: 0;
 margin-bottom: 6px;
}
.padder5px {
 padding-left: 5px;
}

/* less space at the top */
//ul,ol { 
// margin-top: 6px;
// margin-bottom: 0;
//}

ol.compact, ul.compact {
 padding: 0;
 margin-left: 23px;
}

ol.compact li, ul.compact li {
 padding: 0;
 margin-bottom: 3px;
}

/* more spacing */
//li {
// margin-bottom: 6px;
//}

/* the BUY IT! buton*/
.button1 { 
 font-weight : bold;
 font-size: 8pt;
 font-family: Tahoma,Verdana,Arial,Sans-Serif;
 background-color : #F1F7F1;
 color: #000000;
 padding: 5px 7px;
 border: #003333 solid 1px;
 vertical-align: middle;
 }

.contentHeader { 
background-color: #063334;
color: #FFFFFF;
font-weight: bold;
font-size: 8pt;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
 letter-spacing: 1px;
 height:17px;
}

.smallHeadline { 
font-size : 9pt;
font-family : Tahoma,Verdana,Arial,Sans-Serif;
 font-weight : bold;
}

.headline { 
 font-size : 11pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 font-weight : bold;
 line-height: 17px;
 letter-spacing: 1px;
}

.mediumHeadline { 
font-size : 11pt;
font-family : Tahoma,Verdana,Arial,Sans-Serif;
 font-weight : bold;
}

.listDarkHeadline { 
 font-size : 9pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color : #FFFFFF;
 font-weight : bold;
}

.smallText { 
 font-size : 8pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color: #333333;
}

.standardText, .warningText { 
font-size : 9pt;
font-family : Tahoma,Verdana,Arial,Sans-Serif;
line-height: 17px;
color: #333333;
}

.warningText {
 color: red;
}

.text, p.frontPageItem, div.commissionSelector { 
font-size : 9pt;
font-family : Tahoma,Verdana,Arial,Sans-Serif;

color: #333333;
}

.statusText { 
color: #666666;
font-weight: bold;
font-size: 9pt;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
}

.SubBoxHeaderRed { 
background-color: #990000;
color: #FFFFFF;
font-weight: bold;
font-size: 8pt;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
 letter-spacing: 1px;
 height: 25px;
}


.SubBoxHeaderGreen { 
 background-color: #063334;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 8pt;
 font-family: Tahoma,Verdana,Arial,Sans-Serif;
 letter-spacing: 1px;
 height: 25px;
 padding: 1px 3px 1px 7px; 
}

.SubBoxHeaderGreenTag { 
 background-color: #063334;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 8pt;
 font-family: Tahoma,Verdana,Arial,Sans-Serif;
 letter-spacing: 1px;
 height: 25px;
 padding: 1px 3px 1px 0px; 
}

.OddsHeaderGreenTag { 
 font-size : 9pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 height: 25px;
}
.FrontHeaderTag { 
 font-size : 9pt;
font-family : Tahoma,Verdana,Arial,Sans-Serif;
 font-weight : bold;
}

SPAN.jpanel {
 width: 100%;
 height: 100%;
 padding: 0px;
 margin: 0px;
}

SPAN#leftW {
 width: 99%;
 height: 100%;
 padding: 0px;
 margin: 0px;
}

SPAN#rightW {
 width: 100%;
 height: 100%;
 padding: 0px;
 margin: 0px;
}

SPAN.bettypetab {
 border: solid 1px #fff;
 padding: 2px;
 padding-left: 4px;
 padding-right: 4px;
 float: left;
 color: #fff;
 vertical-align: middle;
 position: relative;
}

DIV.accToggler{
 margin: 1px auto;
 padding: 1px;
 background: #88A299;
 color: #f4f4f4;
 border: 1px solid #fff;
 cursor: pointer;
}

DIV.accContent{
 margin: 0px auto;
}

DIV.accounting {
 border: 1px solid #000;
 background-color:#f1f7f1;
 padding: 5px 7px;
 text-align:center;
 line-height:2;
}

DIV.slimaccounting {
 border: 1px solid #000;
 font-size:8pt;
 background-color:#f1f7f1;
 padding: 5px 7px;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 text-align:center;
 
}

table#sampleBoxBorder {
 border: solid 1px #003333;
}

<!-- start admin tables -->
table.admintables {
 border: 6px solid #003333;
 
}

table.admintables tr {
 font-size : 8pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color: #333333;
 height: 10px;
}

table.admintables th {
 font-size : 9pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 padding: 1px 5px;
 height: 40px;
 white-space: nowrap;
 border: 1px solid #003333;
}

table.admintables tr.odd {
 background-color:#FFFFFF;
}

table.admintables tr.even {
 background-color:#F1F7F1;
}

table.admintables td {
 padding: 1px 5px;
 border: 1px solid #003333;
 font-weight : normal;
 white-space: nowrap;
}

<!-- end admin tables -->

table.odds {
 background-color:#003333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 /*border: 1px solid #003333;*/
 border: none;
 empty-cells:show;
 border-collapse: collapse;
}

table.odds tr {
 font-size : 8pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color: #333333;
 height: 10px;
}

table.odds tr.odd {
 background-color:#FFFFFF;
}

table.odds tr.even {
 background-color:#F1F7F1;
}

table.odds th {
 font-size : 9pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 padding: 1px 5px;
 height: 40px;
 white-space: nowrap;
 border: 1px solid #003333;
}

table.bigodds th {
 font-size : 9pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 padding: 1px 5px;
 height: 40px;
 white-space: nowrap;
 border: 1px solid #003333;
}

table.odds th.normalCenter {
 font-weight : normal;
 text-align: center;
}

table.odds th.lastChange {
 font-weight : normal;
 text-align: center;
 width: 90px;
}

table.odds th.providerCell {
 font-weight : normal;
 width: 100%;
 text-align: left;
}

table.odds th a {
 color : #FFFFFF;
}

.height25 {
 height: 25px;
}

.noneDisplay {
 display: none;
}

table.odds th.group {
 text-align: right;
 font-weight: normal;
}

table.odds th.navOverflow {
 height: 19px;
}

table.odds td {
 padding: 1px 5px;
 border: 1px solid #003333;
 font-weight : normal;
 white-space: nowrap;
}

table.odds td.odds {
 text-align: right;
}

table.odds td.nodeco {
padding: 0px;
margin: 0px;
border: none;
}

table.odds td.summaryFirst {
 height: 15px;
}

table.odds td.summary {
 text-align: right;
}

table.odds td.max {
 background-color: #CCFFCC;
}

table.odds td.groupSeparator{
 background-color: #88A299;
 padding: 0px;
 height: 2px;
 margin:0px;
}

table.odds tr.groupSeparator{
 background-color: #88A299;
 padding: 0px;
 height: 2px;
 margin:0px;
}

table.odds a.hideShow {
 color: #88A299; 
 background: #88A299; 
 margin:0px;padding:0px;
}

table.odds td.provider {
 width: 100%;
 margin: 0px;
 text-align: left;
 vertical-align: middle;
}

table.odds td.lastChange {
 font-weight : normal;
 text-align: right;
 width: 90px;
}

img.clicker {
 margin:0px;
 padding:0px;
 cursor: pointer;
 margin-right: 9px;
}

img.spacer {
 margin:0px;
 padding:0px;
 vertical-align: middle;
}

img.linkspacer {
 margin:0px;
 padding:0px;
 vertical-align: middle;
 cursor: pointer;
}

table.oddsTable {
 background-color:#003333;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border: 1px solid #003333;
 empty-cells:show;
 border-collapse: collapse;
}

table.oddsTable tr {
 font-size : 8pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color: #333333;
 height: 24px;
}

table.oddsTable tr.odd {
 background-color:#FFFFFF;
}

table.oddsTable tr.even {
 background-color:#F1F7F1;
}

table.oddsTable th {
 font-size : 9pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 padding: 1px 5px;
 height: 24px;
 border: 1px solid #003333;
}

table.oddsTable th.transOv {
 font-size : 8pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 padding: 1px 5px;
 height: 24px;
 border: 1px solid #003333;
}

table.oddsTable td.nmRight {
border: 1px solid #003333;
 border-style: none none none solid;
}

table.oddsTable td.nmRightLeft {
 border: 1px solid #003333;
 border-style: solid none none solid;
}

table.oddsTable td.nmNoBor {
 border-style: none;
}

table.oddsTable td.nmLeftBor {
 border: 1px solid #003333;
 border-style: solid solid none none;
}

table.oddsTable td.nextMatchesPayout{
border-left: 1px solid #003333;
border-bottom: 1px solid #003333;
}
table.oddsTable td.nextmatchesCell {
 border: 1px solid #003333;
 padding: 1px 5px;
}

table.oddsTable td.nmDateBor {
 border: 1px solid #003333;
 border-style: solid solid none none;
}

table.oddsTable th.nmParamBor, td.nmParamBor {
 border-style: solid none;
}

table.oddsTable td.nmParamBor {
 border-style: solid none;
 border: 1px solid #003333;
}

table.oddsTable th.nmHeadBor {
 border-style: solid none solid solid;
}

table.oddsTable td {
 padding: 1px 5px;
}

<!-- Accounting -->
table.trans {
 background-color:#003333;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border: 1px solid #003333;
 empty-cells:show;
 border-collapse: collapse;
}

table.trans tr {
 font-size : 8pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color: #333333;
 height: 24px;
}

table.trans th.transOv {
 font-size : 8pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 padding: 1px 5px;
 height: 24px;
 border: 1px solid #003333;
}

table.trans th {
 font-size : 9pt;
 color : #FFFFFF;
 font-weight : bold;
 background-color: #88A299;
 padding: 1px 5px;
 height: 24px;
 border: 1px solid #003333;
}

table.trans td {
 padding: 1px 5px;
 border: 1px solid #003333;
}


table.oddsInc {
 font-size : 8pt;
 font-family : Tahoma,Verdana,Arial,Sans-Serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 border: 0px;
}
table.oddsInc td {
 padding: 0px;
 border-width: 0px;
}


h1.SubBoxHeaderGreen, h2.SubBoxHeaderGreen {
 padding: 6px 0 6px 6px;
 height: auto;
}

h1.SubBoxHeaderGreen {
 margin: 0 0 12px 0;
}

h2.SubBoxHeaderGreen {
 margin: 12px 0 6px 0;
}
h1.SubBoxHeaderGreenTag, h2.SubBoxHeaderGreenTag {
 padding: 1px 0 1px 0px;
 height: auto;
}

h1.SubBoxHeaderGreenTag {
 margin: 0 0 0 0;
}
h1.contentHeader { 
background-color: #063334;
color: #FFFFFF;
font-weight: bold;
font-size: 8pt;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
 letter-spacing: 1px;
 height:17px;
}
h2.contentHeader { 
background-color: #063334;
color: #FFFFFF;
font-weight: bold;
font-size: 8pt;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
 letter-spacing: 1px;
 height:17px;
 padding-top: 1px;
}
h1.OddsHeaderGreenTag, h2.OddsHeaderGreenTag {
display: inline;
 padding: 1px 0 1px 0px;
 height: auto;
}

h1.OddsHeaderGreenTag {
 margin: 0 0 0 0;
}

h1.FrontHeaderTag, h2.FrontHeaderTag {
display: inline;
 padding: 1px 0 1px 0px; 
 height: auto;
}

.SubBoxContent { 
 background-color: #D9E0E0;
 color: #88A299;
 font-weight: bold;
 font-size: 8pt;
 font-family: Tahoma,Verdana,Arial,Sans-Serif;
}

A.BoxLinkOn,A.BoxLinkOn:visited,A.BoxLinkOn:active { 
color:#649A04;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
font-size: 8pt;
 text-decoration:none;
}

A.BoxLinkOff,A.BoxLinkOff:visited,A.BoxLinkOff:active { 
color:#003333;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
font-size: 8pt;
 text-decoration:none;
}

A.BoxLinkOn,A.BoxLinkOff:hover { 
color:#990000;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
font-size: 8pt;
 text-decoration:none;
}


/* TABLE BOX START */
table.box {
 border-style: solid;
 border-color: #003333;
 margin: 0px 0px 5px 0px;
 font-size : 8pt;
 font-family: Tahoma,Verdana,Arial,Sans-Serif;
}

table.box th { 
 background-color: #063334;
 color: #FFFFFF;
 font-weight: bold;
 letter-spacing: 1px;
 height: 25px;
 padding: 1px 3px 1px 7px; 
 text-align: left; 
}

table.box td {
 background: #D9E0E0;
 padding: 1px 3px 1px 7px; 
}

table.box td.mpLeft {
 background: #D9E0E0;
 padding: 1px 3px; 
}

table.box td.light {
 background: #EDEFEF;
 color: #333333;
}

table.box td.lightPro {
 background: #EDEFEF;
 color: #333333;
 padding: 1px 3px; 
}

table.box td.white {
 font-size : 9pt;
 background: #FFFFFF;
 color: #333333;
 padding: 3px 3px; 
}

table.box td.title { 
 background-color: #D9E0E0;
 color: #063334;
 font-weight: bold;
 letter-spacing: normal;
 padding: 1px 3px;
 
}

table.box tr.left {
 border-width: 0px 0px 1px 0px;
 margin:0px 0px 0px 0px;width:135px;
}

/* TABLE BOX END */

/* TABLE BOX SUREBETS START */
table.boxSure {
 border-style: solid;
 border-color: #003333;
 margin: 0px 0px 5px 0px;
 font-size : 8pt;
 font-family: Tahoma,Verdana,Arial,Sans-Serif;
}

table.boxSure th { 
 background-color: #063334;
 color: #FFFFFF;
 font-weight: bold;
 letter-spacing: 1px;
 height: 25px;
 padding: 1px 3px 1px 7px; 
 text-align: left; 
}

table.boxSure td {
 background: #D9E0E0;
 padding: 1px 3px 1px 7px; 
}

table.boxSure td.mpLeft {
 background: #D9E0E0;
 padding: 1px 3px; 
}

table.boxSure td.light {
 background: #EDEFEF;
 color: #333333;
 padding: 1px 3px 1px 7px; 
}

table.boxSure td.lightPro {
 background: #EDEFEF;
 color: #333333;
 padding: 1px 3px; 
}

table.boxSure td.white {
 font-size : 9pt;
 background: #FFFFFF;
 color: #333333;
 padding: 3px 3px; 
}

table.boxSure td.title { 
 background-color: #D9E0E0;
 color: #063334;
 font-weight: bold;
 letter-spacing: normal;
 padding: 1px 3px;
 
}

table.boxSure tr.left {
 border-width: 0px 0px 1px 0px;
 margin:0px 0px 0px 0px;width:135px;
}

/* TABLE BOX SUREBETS END */
p.frontPageItem {
 font-weight: bold;
 color: #669900;
}

/* SureBets page */

div.sureBetExplanation {
 padding-left: 15px; 
 margin-left: 15px; 
 border-left: 1px solid #EDEFEF;
}

/* ************************** */
/* FORM ELEMENTS */
/* ************************** */

FORM { 
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border: 0px;
}

input.commonMisc, SELECT,INPUT.commonFields, input.commonNumericalFields {
 font-family: Tahoma,Verdana,Arial,Sans-Serif;
font-size: 8pt;
 font-weight: normal;
 color: #000000;
 vertical-align: middle;
}

span.plainnormal{
text-decoration: none;
cursor: text;
color: #000000;
}

td.betslip{
text-decoration: underline;
cursor: pointer;
color: #31659C;
}



SELECT,INPUT.commonFields, input.commonNumericalFields { 
background-color: #EEEEEE;
border : #88A299 solid 1px;
 z-index: -1;
}

input.commonNumericalFields {
 text-align: right;
}

INPUT.buttonCommit { 
font-weight: bold;
font-size: 8pt;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
background-color: #EEEEEE;
color: #000000;
border : #003333 solid 1px;
 vertical-align: middle;
}

INPUT.button { 
font-weight : bold;
font-size: 8pt;
font-family: Tahoma,Verdana,Arial,Sans-Serif;
background-color : #EEEEEE;
color:#000000;
border : #003333 solid 1px;
vertical-align: middle;
}

TEXTAREA { 
font-family: Tahoma,Verdana,Arial,Sans-Serif;
background-color: #EEEEEE;
color: #000000;
border : #88A299 solid 1px;
 overflow: auto;
}

tr.odd {
 color: #333333;
}

tr.even {
 color: #666666;
}

/* Tooltip definitions */

span.priceTooltip {
 display: none;
 position: absolute;
 color: #333333;
 top: 4em;
 left: -12em;
 width: 20em;
 border: 1px solid black;
 background-color: #F1F7F1;
 text-align: left;
 padding: 5px 7px;
 font-family:Tahoma,Verdana,Arial,Sans-Serif;
 font-size:8pt;
 text-decoration: none;
}


/* Styles for the exchanges header */

a.exchangesHeader {
 float: left; 
 color: #FFFFFF;
}

.commissionSelector {
 margin-top: 6px;
 float: left;
}

.commissionSelector .chooser {
 float: left;
}

.commissionSelector .explanation {
 float: left;
}

.commissionSelector img {
 vertical-align: middle;
}

/* Display the currency below the exchange */

.exchangeCurrency {
 padding-left: 40px;
}

/* Pagination controls */

div#pagination {
 padding-top: 2em;
 padding-bottom: 2em;
}

a.paginatorButtonPrev, a.paginatorButtonNext,
a.paginatorButtonPrev:link, a.paginatorButtonNext:link,
a.paginatorButtonPrev:hover, a.paginatorButtonNext:hover,
a.paginatorButtonPrev:active, a.paginatorButtonNext:active,
a.paginatorButtonPrev:visited, a.paginatorButtonNext:visited {
 display: block;
 text-decoration: none;
 width: 100px; 
 height: 18px;
 line-height: 18px;
 color: black;
 border: 1px solid #003333;
 text-align: center;
 font-weight: bold;
 font-size: 8pt;
 background-color: #EEEEEE;
 color: #000000;
}

a.paginatorButtonPrev {
 float: left;
}

a.paginatorButtonNext {
 float: right;
}


/** Text pages */

div#textPageContainer {
 width: 600px;
}

/* ########TOOLTIP */
.tipper {
 background-color: #AAA;
 color: #222;
 font-weight: bold;
 padding: 0.2em;
 margin: 0.5em;
 }
 .tool-tip {
 color: #fff;
 width: 139px;
 z-index: 13000;
 }
 
 .tool-title {
 font-weight: bold;
 font-size: 11px;
 margin: 0;
 color: #9FD4FF;
 padding: 8px 8px 4px;
 }
 
 .tool-text {
 font-size: 11px;
 padding: 4px 8px 8px;
 }
/* ########TOOLTIP */
/* ************************************************************************************************** */
/* STYLE DEFINITIONS END */
/* ************************************************************************************************** */