@import url("ie.css");


* {
margin: 0;
padding: 0;
}

HTML {
background: #252525;
border: 0;
overflow-y: scroll;
}

BODY {
color: white;
text-align: center;
font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
background: #444343 url(../images/page_b.gif) repeat-x 0 0;
}

H1, H2, H3, H4, H5, H6, A {
color: white;
}

HR {
width: 90%;
}

IMG {
border: 0;
}

#site {
position: relative;
width: 980px;
margin: 0 auto;
text-align: left;
background: transparent url(../images/field_middle.gif) repeat-y 50% 0;
}

#eXtra {
padding: 1px 0 0 0;
background: transparent url(../images/header_b.gif) no-repeat 50% 0;
}

#header {
min-height: 155px;
width: 100%;
}

#banner {
float: right;
margin: 50px 0 10px 0;
padding-right: 20px;
width: 728px;
height: 90px;
}

#socialplugins {
float: left;
margin: 50px 0 10px 0;
padding-left: 20px;
width: 200px;
height: 90px;
}

#socialpluginsInside {
position: relative;
}

#fblikebutton {
position: absolute;
top: 50px;
left: 5px;
}

#glikebutton {
position: absolute;
top: 50px;
right: -5px;
}

#top-top {
width: 100%;
background: transparent;
}

#topmenu {
float: right;
width: 750px;
margin: 40px 0 0 0;
}

#topmenu DIV {
width: 520px;
margin: 5px 0 0 0;
}

#topmenu DIV H1 {
padding: 0;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 1.25em;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
line-height: 1.25em;
color: #84b900;
}

#top-bottom A {
display: block;
float: left;
position: absolute;
left: 60px;
top: 8px;
width: 145px;
height: 80px;
}

#leftcol {
width: 180px !important;
overflow: hidden;
float: left;
position: relative;
margin: 0 15px 0 0;
background: none;
}

#rightcol-broad, #rightcol-normal {
width: 180px !important;
overflow: hidden;
float: right;
position: relative;
margin: 0 0 0 15px;
}



DIV.module {
clear: both;
margin: 0 0 25px 0;
padding: 10px 0 10px 0;
background: url(../images/page_b.gif) repeat-x 0 -300px;
border: 1px solid #c6e47b;
border-width: 1px 0;
}

DIV.module DIV.module_title {
color: black;
font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin: -10px 0 10px 0;
padding: 0.1em 0.1em 0.1em 0.5em;
background: #84b900 url(../images/module_h3_b.gif) no-repeat 100% 0;
border: 1px solid #c6e47b;
border-width: 0 1px 1px 1px;
}

DIV.module A:hover {
color: #84b900;
}

DIV.module A.mainlevel {
display: block;
color: white;
font-weight: normal;
text-decoration: none !important;
text-transform: uppercase;
margin: -3px;
padding: 3px 5px 3px 10px;
background: url(../images/bullet01.gif) no-repeat 95% 50%;
}

DIV.module A.mainlevel:hover {
background-color: #333d1b;
color: white;
}

DIV.module A.mainlevel#active_menu {
font-weight: bold;
background-image: url(../images/bullet02.gif);
}

DIV.module TABLE {
border-top: 1px solid #6f6e6e;
font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
border-collapse: collapse;
}

DIV.module TABLE TD {
padding: 3px;
border: 1px solid #6f6e6e;
border-width: 0 0 1px 0;
}

DIV.module_nt {
margin: 0 0 25px 0;
padding: 0;
border: 0 none;
}

#main {
clear: both;
padding: 0 20px 69px;
background: url(../images/field_bottom.gif) no-repeat 0 100%;
}

#pathway {
margin: 0 0 20px 0;
padding: 2px 0;
border: 1px solid #6f6e6e;
border-width: 1px 0;
}

#pathway H1, #pathway H2 {
color: white;
font-size: 115%;
text-decoration: none;
font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;
}

#maincol-broad-800, #maincol-wide-800 {
float: left;
width: 550px !important;
overflow: hidden;
}

#maincol-broad-800 A:hover {
color: #84b900;
}

SPAN.article_seperator {
display: block;
clear: both;
height: 10px;
margin-top: 30px;
margin-bottom: 50px;
background: url(../images/article_seperator_b.gif) no-repeat 50% 0;
}



DIV#logos {
width: 100%;
color: #666 !important;
background: #6a6a6a url(../images/logos_b.gif) repeat-y 50% 0;
border: 1px solid #8bba15;
border-width: 1px 0;
}

DIV#logos TABLE#logosO {
width: 100%;
border-collapse: collapse;
}

DIV#logos TABLE#logosO TD {
width: 50%;
}

DIV#logos TABLE#logosHome {
width: 10%;
margin: 15px 15px 0 auto;
border-collapse: collapse;
}

DIV#logos TABLE#logosHome TD {
padding: 5px 0 5px 0;
}

DIV#logos TABLE#logosAway {
width: 10%;
margin: 15px auto 0 15px;
border-collapse: collapse;
}

DIV#logos TABLE#logosAway TD {
padding: 5px 0 5px 0;
}

#logosHomeTD {
text-align: right;
}

#logosAwayTD {
text-align: left;
}

#flagHome {
text-align: center;
padding: 20px 15px 5px 0;
}

#flagAway {
text-align: center;
padding: 20px 0 5px 15px;
}

#flagHome, #flagAway {
font-size: 80%;
}

#flagHome IMG, #flagAway IMG {
width: 72px;
}

TD#nameHome, TD#nameAway {
text-transform: uppercase;
white-space: nowrap;
text-align: center;
color: #666666;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}

#teamHome {
text-align: center;
padding: 10px 15px 5px 0;
}

#teamAway {
text-align: center;
padding: 10px 0 5px 15px;
}

#scoreHome {
text-align: right;
padding: 5px 15px 5px 0;
}

#scoreAway {
text-align: left;
padding: 5px 0 5px 15px;
}

.emptySpace {
padding: 0;
}

.emptySpaceTop {
padding: 10px 0 5px 0;
}

.centerAligned {
text-align: center;
}

DIV.module_center {
margin: 0 auto;
text-align: center;
}

DIV.module_padding {
margin-left: 15px;
}

TABLE#mainMenuTable {
width: 100%;
border-collapse: collapse;
}

TABLE#onlineStatTable {
width: 100%;
margin-top: 5px;
border-collapse: collapse;
}

TABLE#formLoginTable {
width: 100%;
border-collapse: collapse;
}

TABLE#formLoginTable TD {
padding-left: 15px;
}

INPUT {
padding: 0.1em;
}

BUTTON {
color: white;
font-size: 1.1em !important;
padding: 0.2em 0.4em 0.2em 15px !important;
margin: 0.5em 0.2em !important;
background: #4e6c00 url(../images/bullet03.gif) no-repeat 3px 30%;
border: 1px outset #4e6c00;
}


TABLE#calendar {
width: 96%;
border-collapse: collapse;
margin: 2px auto;
font-size: 12px;
font-weight: bold;
}

TABLE#calendar THEAD TD {
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}

TABLE#calendar TD {
width: 14.28%;
padding: 2px;
white-space: nowrap;
text-align: right;
border-bottom: 1px solid #6f6e6e;
border-top: 1px solid #6f6e6e;
}

TABLE#calendar SPAN.disabledLinks {
text-decoration: underline;
color: gray;
}

TABLE#calendar SPAN#calendarNavBar {
display: inline-block;
width: 120px;
}

#footer {
clear: both;
position: relative;
color: white;
text-align: center;
margin-top: 15px;
padding: 40px 0 25px 0;
background: #252525 url(../images/footer_b.gif) repeat-x 0 0;
border-top: 2px solid #92bc2a;
}

#footerInner {
text-align: left;
margin: 0 auto;
padding-left: 100px;
display: inline-block;
white-space: nowrap;
position: relative;
}

#footerInner IMG {
position: absolute;
left: 0;
top: 0;
}

/* Those two lines are for IE */
#footerInner {
zoom: 1;
*display: inline;
}

#footerInner P {
border-left: 1px solid #84b900;
padding-left: 20px;
}

#footerInner A {
color: white;
text-transform: uppercase;
}

#footerInner A:hover {
color: #84b900;
}

#footerInner SPAN {
border-left: 1px solid #84b900;
margin-right: 12px;
margin-left: 11px;
}



HR.separator {
width: 40%;
}

DIV.clr {
clear: both;
}

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix {
display: inline-block;
}

/* Hide from IE Mac \*/
.clearFix {
display: block;
}
/* End hide from IE Mac */

.hide {
display: none;
}


DIV#descGame {
width: 100%;
margin: 20px auto;
}

DIV#descGame P {
text-align: justify;
margin: 15px 0;
line-height: 190%;
}

DIV#noGamesData {
margin: 80px auto;
text-align: center;
font-size: 150%;
font-weight: bold;
color: #666666;
}

DIV.bookie DIV.bookieBanner {
text-align: center;
margin: 0 auto;
}

DIV.centeredContent {
text-align: center;
margin: 0 auto;
}

DIV.middleAds {
text-align: center;
margin: 30px auto 0 auto;
}

DIV.bookie P {
text-align: justify;
margin: 15px 0 15px 25px;
text-indent: -25px;
}

DIV.bookie P.normal {
text-align: justify;
margin: 25px 0 15px 0;
text-indent: 25px;
}

DIV.bookie P.center {
text-align: center;
margin: 25px 0;
text-indent: 0;
}

TABLE#bookies {
width: 99%;
border-collapse: collapse;
margin: 0 auto;
border: 1px solid #6f6e6e;
}

TABLE#bookies TD {
padding: 5px;
border: 1px solid #6f6e6e;
white-space: nowrap;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

TABLE#bookies THEAD TD {
text-align: center;
padding: 4px 0;
background: black;
font-weight: bold;
white-space: nowrap;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

P.centeredLink {
text-align: center;
font-weight: bold;
font-size: 115%;
margin: 0 0 20px 0;
padding-bottom: 10px;
border-bottom: 1px solid #6f6e6e;
}

TABLE#actionFormTable {
width: 5%;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 20px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

TABLE#actionFormTable TD {
padding: 2px 0;
}

TABLE.gamesList {
width: 99%;
border-collapse: collapse;
margin: 0 auto;
border: 1px solid #6f6e6e;
}

TABLE.gamesList TD {
padding: 5px 3px;
border: 1px solid #6f6e6e;
width: 5%;
white-space: nowrap;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

TABLE.gamesList THEAD TD {
text-align: center;
padding: 5px 0;
background: black;
font-weight: bold;
white-space: nowrap;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

TABLE.gamesList THEAD TD SPAN.resHeader {
width: 35px;
display: inline-block;
}

TABLE.gamesList THEAD TD SPAN.imgHeader {
width: 22px;
display: inline-block;
}

TABLE.gamesList TD.gnTD {
width: 80%;
white-space: normal;
}

TABLE.gamesList TD.cenTD {
text-align: center;
}

TABLE.gamesList TD.imgTD {
padding: 0 3px;
}

TABLE.gamesList TD.bookieTD IMG {
height: 16px;
width: 75px;
}

TABLE.gamesList TD.tourTD {
border-right: 0;
padding: 0 5px;
text-align: center;
}

TABLE.gamesList TD.tourNameTD {
border-left: 0;
font-weight: bold;
color: #84b900;
}

TABLE.gamesList IMG.countryTournament {
width: 22px;
height: 12px;
}

TABLE.gamesList IMG.internationalTournament {
width: 22px;
height: 12px;
background: white;
}

TABLE.gamesList TD.lv {
font-weight: normal;
color: #E67E22;
}


TABLE.profit {
border-collapse: collapse;
margin: 25px 0 20px auto;
border: 0;
}

TABLE.profit TD {
padding: 5px 3px;
white-space: nowrap;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}

TABLE.profit TD.moneyTD {
width: 2.8em;
}

TABLE#profitHome {
width: 100%;
border-collapse: collapse;
border: 0;
}

TABLE#profitStat {
border-collapse: collapse;
margin: 10px auto;
border: 0;
}

TABLE#profitStat TD {
padding: 5px 3px;
white-space: nowrap;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}

TABLE#profitStat THEAD TD {
text-align: center;
font-weight: bold;
font-size: 115%;
}

TABLE#profitStat TBODY TD {
color: #84b900;
}

TABLE#profitStat TD.moneyTD {
width: 2.8em;
font-weight: bold;
color: red;
}

TABLE#profitStat TD.space {
width: 5em;
}

TABLE#checkCode {
border-collapse: collapse;
border: 0;
margin: 0 auto;
}

TABLE#checkCode TD {
padding: 3px;
font-size: 115%;
font-weight: bold;
}

TABLE#checkCode INPUT {
font-size: 115%;
font-weight: bold;
}

DIV.navTable {
width: 100%;
margin: 25px auto;
font-size: 115%;
font-weight: bold;
text-align: center;
}

DIV.navTable SPAN.navTablePrev {
display: inline-block;
width: 160px;
text-align: right;
}

DIV.navTable SPAN.navTableCenter {
display: inline-block;
width: 180px;
text-align: center;
}

DIV.navTable SPAN.navTableNext {
display: inline-block;
width: 160px;
text-align: left;
}

P.centeredTitle {
text-align: center;
font-weight: bold;
font-size: 115%;
margin: 0 0 5px 0;
}

H2.freeGamesH2, H2.vipGamesH2, H2.newsH2 {
font-size: 115%;
font-weight: normal;
margin: 40px 10px 10px 10px;
}

H2.newsH2 {
font-weight: bold;
}

IMG#smsPhone {
float: left;
margin-right: 15px;
margin-bottom: 0;
}

P.smsDesc, P.contentDesc {
text-align: justify;
text-indent: 20px;
margin-top: 10px;
margin-bottom: 5px;
}

H2.contentTitle {
font-size: 15px;
text-align: justify;
text-indent: 20px;
margin-top: 15px;
margin-bottom: 5px;
}

UL.contentList {
list-style: circle inside;
margin: 10px 0;
line-height: 175%;
text-align: justify;
text-indent: 20px;
}

UL.contentList LI {
list-style: circle inside;
}


.clearImage {
clear: both;
}

P.doNotSendSMS, P.sendSMS {
text-align: justify;
text-indent: 20px;
margin-top: 15px;
margin-bottom: 15px;
font-size: 115%;
font-weight: bold;
}

P.doNotSendSMS {
color: red;
}

P.sendSMS {
color: #84b900;
}

H3.notActiveSMS, H3.activeSMS {
text-align: center;
margin-top: 5px;
margin-bottom: 10px;
font-size: 150%;
font-weight: bold;
}

H3.notActiveSMS {
color: red;
}

H3.activeSMS {
color: #84b900;
}

P.smsSend {
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
font-size: 115%;
color: red;
font-weight: bold;
}

H2.contentHeader {
padding: 5px 0;
font-weight: bold;
font-size: 115%;
border-bottom: 1px solid #6f6e6e;
}

DIV#statisticsArchiveList {
width: 15%;
margin: 10px auto;
}

DIV#statisticsArchiveList P {
margin: 5px 0 5px 0;
text-align: center;
font-size: 115%;
font-weight: bold;
color: #84b900;
}

DIV#gameDescription {
margin-top: 10px;
}

DIV#gameDescription P {
text-indent: 20px;
}

/*
* Some common styles
*/
SPAN.italic {
font-style: italic;
}

SPAN.bold {
font-weight: bold;
}

SPAN.red {
color: red;
}

SPAN.green {
color: #84b900;
}

SPAN.upper {
text-transform: uppercase;
}

SPAN.vmiddle {
vertical-align: middle;
}

IMG.floatDesc {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.rightAlign {
text-align: right;
}

P.recommendedGame {
margin: 20px 0 -15px 15px;
}

/*
* Styles about error and info messages
*/
DIV.infoMessage, DIV.errorMessage {
margin: 30px auto;
padding: 35px 25px;
text-align: center;
font-weight: bold;
font-size: 125%;
position: relative;
border-width: 2px;
border-style: solid;
border-color: #6f6e6e;
}

DIV.infoMessage {
color: #84b900;
}

DIV.errorMessage {
color: red;
}

DIV.systemMessageCloseButton {
position: absolute;
top: 5px;
right: 4px;
}

DIV.systemMessageCloseButton IMG {
border-width: 0;
}

P.actionSuccessfulMessage {
text-align: justify;
margin: 15px 0;
text-indent: 25px;
font-weight: bold;
font-size: 125%;
color: #84b900;
}



#switch {
margin: 3.2em auto 3.2em auto;
text-align: center;
}

#switch a {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
border-radius: 5px 5px;
padding: 0.6em 1.2em;
background: #4e6c00;
border: 1px solid #4e6c00;
}

#switch a:visited {
color: #ffffff;
}

#switch a:hover {
color: #ffffff;
}