html,body{ 

height:101%;
background: url(/images/bg/light.png);
  margin:0;
  font-family: sans-serif;
 font-size: 1em;
  -webkit-text-size-adjust: 100%; 

color:#555;
}
input::-ms-clear {
    display: none;
}
input{
    -webkit-appearance: none;
    -moz-appearance:none;

}
.overlay{
width:100%;
height:100%;
position:fixed;
display:none;
z-index:10000;
background:rgba(0,0,0,0.3);
}
.stdLink{
text-decoration:underline;cursor:pointer;color:#2580aa;
}
.stdSlide{
cursor:pointer;
}
.stdSlide:hover{
text-decoration:underline;
}
.stdSlide.active{
color:#cd5c5c;
}
.stdLink:hover{
text-decoration:none;
}
.quizBox,.logoutWarning{
position:fixed;top:-60%;margin:0 auto;left:0;right:0;
z-index:100001;padding:20px;-moz-border-radius:20px;border-radius:20px;
border:3px solid #616161;
  -webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;
background:#9ab973;
width:420px;
height:330px;
color:#616161;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.logoutWarning{
background:#cd5c5c;
width:200px;
height:200px;
color:#f2f2f2;
}
#logOutTimer,#timer,.timer {
    margin: 20px;
    width: 80px;
    -moz-border-radius:0.7em;
    -webkit-border-radius:0.7em;
    border-radius:0.7em;
    border:2px solid #ccc;
}

.pietimer {
    position:relative;
    font-size: 200px;
    width:1em;
    height:1em;
    float: left;
}
.pietimer > .percent {
    position: absolute;
    top: 1.05em;
    left: 0;
    width: 3.33em;
    font-size: 0.3em;
    text-align:center;
    display: none;
    z-index:10;
    font-weight:bold;
}
.pietimer > .slice {
    position:absolute;
    width:1em;
    height:1em;
    clip:rect(0px,1em,1em,0.5em);
}
.pietimer > .slice.gt50 {
    clip:rect(auto, auto, auto, auto);
}
.pietimer > .slice > .pie {
    position:absolute;
    width:0.8em; /* 1 - (2 * border width) */
    height:0.8em; /* 1 - (2 * border width) */
    clip:rect(0em,0.5em,1em,0em);
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
}
.pietimer > .slice > .pie.fill {
    -moz-transform:rotate(180deg) !important;
    -webkit-transform:rotate(180deg) !important;
    -o-transform:rotate(180deg) !important;
    transform:rotate(180deg) !important;
}
.pietimer.fill > .percent {
    display: none;
}
.pietimer.fill > .slice > .pie {
    border: transparent;
    background-color: #b52424;
    width:1em;
    height:1em;
}
.multipleC.p1.active .mcsel,.ptsWon{
color:#9ab973;
background:#f2f2f2;
text-shadow: 0px 1px 1px #fcfcfc;
}
.mcresult{
position:absolute;
top:0;
left:0;
height:24px;
width:24px;
background-position: center center;
background-repeat:no-repeat;
background-size:24px 24px;
}
.mcresult.win{
background-image:url('/images/whiteTick.png');
}
.mcresult.loss{
background-image:url('/images/delete.png');
}
#topDiv{
position:fixed;top:0;width:100%;left:0;right:0;background:#616161;height:34px;z-index:9000;
}

.centerDir,.innerA{
float:left;width:63%;margin:10px 1% 10px 5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
box-shadow: -50px 0px 100px -90px #000000;
/*, 50px 0px 100px -90px #000000;*/
}
.centerDir .innerSkin{
float:left;padding:0px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;
}
#pageTitle{
float:left;width:100%;background:#8cbcd2;border-top:1px solid #e7e7df;
}
#textTitle{
float:left;color:#616161;padding:10px 0 10px 5%;text-shadow: 0px 0px 2px #fff;font-weight:bold;
}
.myAp{
float:left;color:#f2f2f2;padding:10px;
}
#menuDiv{
position:relative;padding:2px 0 1px 5%;background:#dae3e1;
}
.absTop{
float:right;color:#fff;cursor:pointer;padding:7px;padding-left:35px;position:relative;letter-spacing:-0.0550em;
}


.rightDivi{
float:left;width:26%;margin:10px 5% 10px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
box-shadow: 50px 0px 100px -90px #000000;
}

.pushDiv {    
	max-width:30%;
	bottom:50px;
	z-index:1000;
    	position:fixed;
    	right:-30%;
    	padding:10px 0 10px 10px;
  -webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;

    background: rgba(0, 0, 0,0.7); 
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
    }


.bsTitHead{
clear:both;float:left;font-size:1.9em;width:100%;
}
.bsTitHead.b{
font-size:1em;height:1px;
}

.bsZero{
clear:both;float:left;padding:20px;padding-left:5px;font-weight:bold;
}
.rightDir{ 
 display: none;
 width: 25%;
 position: fixed;
 top: 0;
 right: 0;
 height: 100%;
 overflow:auto;
 background:#eee;
}
.rightDir.active{ 
z-index:9999;
}
#myBetslip{
display:none;
 float:left;
 width:100%;
 position:relative;
  background:#fff url(/images/bg/landing.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
  font-size:.9em;
}
.bsShowConf{
display:none;
}
#myAccount{ 
 float:left;
 height:400px;
 width:100%;
 position:relative;
  background:#fff url(/images/bg/myAccount.jpg) no-repeat right bottom; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}

.slogan{
position:relative;letter-spacing:-0.0550em;font-size:3.0em;font-weight:bold;margin-top:170px;text-align:center;
}
#myAccountContainer{

-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
display:inline-block;
vertical-align: middle;
width:90%;margin:50px 5% 0 5%;
}
.myAccountBox,#myBetslipBox{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
background: rgba(255,255,255,0.6); 
color:#555;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
width:32%;margin-left:1%;
padding:20px;
display:inline-block;
vertical-align: top;
}
#myBetslipBox{
padding:10px;
position:relative;
background: rgba(255,255,255,0.5); 
width:80%;margin:20px 10% 20px 10%;
}
.betSlipData,.betSummary,#myConfData .inner{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
float:left;position:relative;width:100%;
background: rgba(255,255,255,0.5);border-bottom:1px solid #aaa;
}

.betSummary{
margin-bottom:1px;border-bottom:0;
}

.betSlipData.deleting{
opacity:.3; 
}
.betSlipData .inner,.betSummary .inner{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
width:100%;
}
.betSlipData:hover,.betSummary:hover{
background: rgba(255,255,255,0.7); 
}
.betSummary.h{
background: rgba(0,0,0,0.4);color:#fff;
}

.betSummary .bsData{
width:100px;
}
.bsData{
float:left;padding:8px 5px;
}
.bsData.bt{
width:150px;
}
.bsData.p{
color:#2580aa;font-weight:bold;
}
.bsData.p.crossOut{
text-decoration: line-through;
}
.bsData.p2p{
color:#bc5627;font-weight:bold;
}
.bsData.r{
color:#74964b;font-weight:bold;
}
.bsData.e{
color:#aaa;
}
.bsData.i{
width:32px;position:relative;padding:8px 0px;background:#db7f55;border-right:0px solid #ccc;
}
.bsData.i.m{
background:#746cc0;
}
.bsData.stake,.bsData.betsOn{
background:#616161;color:#fff;border-left:1px solid #ccc;min-width:70px;
}
.betsOn{
display:none;
}
.bsData.betsOn{
background:#9ab973;
}
.bsData.stake.pc{
background:#2580aa;
}
.bsData.stake.pp{
background:#db7f55;
}
.bsData.stake.bb{
background:#9ab973;
}
.bsData.i.info{
cursor:pointer;
}
.bsData.i span{
position:absolute;left:0;right:0;top:0;padding:8px 0px;
background-image:url('/images/admin/Information.png');
background-repeat: no-repeat;
background-position: center center;
background-size:23px 23px;
}
.bsData.i.m span{
background-image: url('/images/admin2/Login.png');
}
#hintPointer{
position:absolute;
z-index:1001;
background-repeat: no-repeat;
background-position: center center;
height:12px;
width:24px;
z-index:20;
left:10px;
}
#hintPointer.ontop{
background: url('/images/hint.png');
top:-12px;
}
#hintPointer.ontop.successMsg{
background: url('/images/hintSuccess.png');
}
#hintPointer.onright{
left:auto;right:10px;
}
#hintPointer.onbottom{
background: url('/images/hintBottom.png');
left:15px;bottom:-12px;
}
#hintPointer.onbottom.successMsg{
background: url('/images/hintSuccessBottom.png');
}
.hints{
    position:absolute;
    display:none;
    /*background:#db7f55;*/
    background: rgba(116, 108, 192,0.6); 
    z-index:20;
    padding:7px;
    max-width:280px;
    text-shadow:none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color:#fff;
    font-size:.9em;
}
.hints.successMsg{
    background: rgba(116,150,75, 0.8); 
}
.hints .text{
    float:left;
    /*background:#746cc0;*/
    background: rgba(116, 108, 192,0.6); 
    padding:20px;
    width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;

}
.hints.successMsg .text{
    background: rgba(116,150,75, 0.8); 
}
.myAccountBox .tit{
font-weight:bold;
font-size:1.8em;
}
.diviAc{ /* used in myaccountbox*/
clear:both;padding:10px 0;
}
.tags .qls{
display:none;
}
.semi1100smallOnly,.tags .semi1100largeOnly.qls{
display:none;
}

@media only screen and (max-width: 1100px){
.semi1100largeOnly{
display:none;
}
.semi1100smallOnly{
display:block;
}
.tags .qls{
display:block;
}

.centerDir{
width:67%;margin:10px 1% 10px 1%;
}
.rightDivi{
width:30%;margin:10px 1% 10px 0;
}
#textTitle,#menuDiv{
padding-left:1%
}
}

@media only screen and (max-width: 1000px){

.centerDir{
width:98%;
}
.rightDivi{
display:none;
}
.rightDir{ 
 width: 40%;
}

.listMenu.icons{
/*display:block;*/
}

#myBetslipBox{
padding:5px;
width:96%;margin:20px 2% 20px 2%;
}
}
@media only screen and (max-width: 900px){
.overlay{ 
cursor:pointer;
}
.rightDir{ 
 width: 50%;
}
}
@media only screen and (max-width: 1000px){
#myAccountContainer{
width:98%;margin:50px 1% 0 1%;*/
}
}
@media only screen and (max-width: 800px){

.myAccountBox{
padding:5px 10px;
margin:1%;
width:48%;
}
.myAccountBox.n3{
margin:1%;
width:98%;
}
.myAccountBox .tit{
font-size:1em;
}

#myAccount{ 
 height:620px;
 }
}
@media only screen and (max-width: 600px){
.rightDir{ 
 width: 90%;
}
.myAccountBox .tit{
font-size:1.2em;
}
.myAccountBox{
padding:20px 10px;
/*width:49%;margin-left:1%;*/
}
}

@media only screen and (max-width: 550px){
.centerDir{
box-shadow:none;
width:100%;margin:0;
}
.centerDir .innerSkin{
float:left;padding:10px 5px;
}


.diviAc{
padding:0;
}

#myBetslipBox{
background:#fff;
padding:0;
width:100%;margin:0;
}

}
@media only screen and (max-width: 400px){
.myAccountBox{
padding:5px 10px;
margin:1%;
width:98%;
}
#myAccount{ 
 height:820px;
 }

}
#mainPage{
 width: 100%;
 height: auto;
 display: block;
 min-height: 800px;
 overflow: hidden;
 position: relative;
 z-index: 2;
 background: #fff;
}
#mainPage.active{
position:fixed;
}
.snap.rightopen{
float:right;
display:none;
position:relative;
cursor:pointer;
width:40px;

}




#chatDirectory,#trendingDirectory,#list{
display:none;
}

.chatDirectory,.chatDirectoryHead{ 
clear:both;
float:left;
cursor:pointer;
background:#616161;
color:#fff;
padding:10px 5px;
width:100%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
border-bottom:1px solid #fff;
}
//.missedSomething{ 
//background:#746cc0;
//}
.trend.hide{
display:none;
}
.chatDirectory.active{ 
background:#9ab973;
}
.chatDirectoryHead{ 
background:#2580aa;
position:relative;
cursor:default;
}
.hash,.trend,#list .topMenu.a{
clear:both;
float:left;
padding:7px 5px;width:100%;

background:#fff;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
border-bottom:1px solid #f2f2f2;
}
.trend,#list .topMenu.a{
border:1px solid #f2f2f2;
border-top:0;
}
#list .topMenu.a{
font-weight:bold;
}
.hash:hover,.trend:hover{
text-decoration:underline;color:#2580aa;
}




.clear{
clear:both;
}
a { color: inherit; 
text-decoration:none;
} 
.waiting{
z-index:10;
display:none;
position:fixed;
margin:0 auto;left:0;right:0;
top:40%;
height:128px;
width:128px;
background-image:url('/images/loader128.gif');
background-repeat:no-repeat;
}
#landImage{ 
 float:left;
 height:600px;
 width:100%;
 position:relative;
  background:#fff url(/images/bg/landing.jpg) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}
@media only screen and (max-width: 800px){
#landImage.active{ 
 height:1000px;
}
}
.menuItem{
clear:both;cursor:pointer;padding:5px;
}

.menuItem div{
float:left;padding:8px;
}

.qls .menuItem{
padding:2px;
}
.qls .menuItem div{
float:left;padding:8px 3px;
}

.menuItem .imgCont,.infosSubTitle .imgCont{
position:relative;float:left;width:35px;background:#fcfcfc;border:1px solid #ccc;padding:7px 0;
}



#logo{
    position:absolute;z-index:8;top:20px;left:0;right:0;margin:0 auto;   
    background-image: url("/images/logo_3.png");
    background-repeat:no-repeat;
    background-size:384px 122px;
    width:384px;
    height:122px; 
}
#menuDiv .topMenu{
display:inline-block;cursor:pointer;
vertical-align: middle;
padding:15px 10px;

font-weight:bold;
text-shadow: 0px 1px 1px #fcfcfc;
}
/*
.qls:nth-child(odd) .topMenu{
color:#777;
}
.qls:nth-child(even) .topMenu{
color:#999;
}
*/
.topMenu{
color:#777;background:#f2f2f2;margin-left:1px;
}
.topMenu:hover{
background:#fcfcfc;
}
#menuDiv .topMenu.active{
background:#2580aa;color:#f2f2f2;text-shadow:none;font-weight:normal;
}
#menuDiv .topMenu.menuDrop.alive{
background:#fcfcfc;color:#777;font-weight:bold;text-shadow: 0px 1px 1px #f2f2f2;

}
.infosTitle{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
text-align:center;
font-weight:bold;
font-size:2.0em;
padding:5px;
}

#subMenuBox{
float:right;margin-right:10%;
}
#subMenuButtons{
float:left;margin-left:10px;
}
.menuDropBox{
position:absolute;display:none;border:1px solid #ccc;border-left:0;border-top:0;background:#fcfcfc;z-index:99999;width:262px;font-weight:normal;
  -webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;
font-size:.9em;
}
.menuSlideBox{
right:0;top:0;position:absolute;width:170px;
}
.menuDropSub{
clear:both;float:left;height:132px;width:100%;padding:10px;position:relative;text-shadow:none;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.menuDropSub.l2{
background:#e39b7a;color:#fff;
}
.menuDropSub.l3{
background:#8cbcd2;color:#fff;
}
.menuDropSub.l4{
background:#cd5c5c;color:#fff;
}
.menuDropSub.l5{
background:#2580aa;color:#fff;
}
.menuDropSubs2{
clear:both;float:left;line-height:32px;padding:0 5px;width:100%;cursor:pointer;border-bottom:1px solid #eee;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
/*
.menuDropSub:hover{
background:#e7e7df;color:#616161;
}
*/
.menuDropSubs2:hover{
background:#e7e7df;color:#616161;
}
.menuDropSubs{
clear:both;float:left;color:#616161;padding:8px 3px 8px 39px;width:220px;cursor:pointer;position:relative;border-top:1px solid #eee;text-shadow:none;
}
.menuDropSubs.l5{
background:#cd5c5c;color:#fff;border-top:1px solid #dae3e1;
}
.menuDropSubs.l1{
background:#8cbcd2;color:#fff;border-top:1px solid #dae3e1;
}

.menuDropSubs.l3{
background:#e39b7a;color:#fff;border-top:1px solid #e7e7df;
}
.menuDropSubs:hover{
background:#e7e7df;color:#616161;
}
.menuDropSubs.active{
background:#2580aa;color:#fff;
}
/*
.menuDropSubs.l2:hover{
background:#e7e7df;
}*/
.subMenus{
float:left;color:#616161;padding:10px 3px 6px 24px;margin:0 7px;cursor:pointer;text-shadow: 0px 0px 2px #fff;font-weight:bold;position:relative;
}
.subMenus.active,.subMenus:hover{
border-bottom:3px solid #2580aa;color:#444;
}
@media only screen and (max-width: 550px){
.subMenus{
padding:10px 3px;width:20px;height:15px;
}
.subMenus div{
display:none;
}
.innerA{
width:100%;margin:0;

}
}

.quickLinks{
position:relative;width:110px;
}


#logoBetting{
    background: url("/images/logo_3.png") no-repeat left center;
    background-size:200px 64px;
    width:200px;
    height:64px; 
    /*border:1px solid #ccc;*/
}
#landImage2{ 
  position:absolute;
  background:url(/images/bg/landing3.png) no-repeat left bottom; 
  bottom:0;
  left:0px;
  width:300px;
  height:445px;
}


.refresh{
	background-image: url(/images/admin/reload.png);
	cursor:pointer;
    	background-position: center center;
    	background-repeat:no-repeat;
    	background-size:20px 20px;
    	float:right;
    	width:40px;
}
.refresh:hover{
	background-image: url(/images/admin2/reload.png);
    	background-position: center center;
    	background-repeat:no-repeat;
    	background-size:20px 20px;
}
.icons{
    position:absolute;
    top:5px;
    left:5px;
    height:24px;
    width:24px;
    background-image: url("/images/sports/1.png");
    background-position: center center;
    background-repeat:no-repeat;
    background-size:24px 24px;
    opacity: .8;
}
.subMenus .icons{
    height:20px;
    width:20px;
    background-image: url("/images/admin/Home.png");
    background-size:16px 16px;
    opacity:1;
    top:10px;
    left:0;
}
@media only screen and (max-width: 550px){

.subMenus .icons{
    height:30px;
    width:30px;
    background-image: url("/images/admin/Home.png");
    background-size:26px 26px;
    opacity:1;
    top:5px;

}


}
.icons.w30{
    height:30px;
    width:30px;
    background-image: url("/images/delete.png");
    background-size:30px 30px;
    opacity:1;
}
.icons.w40{
    height:40px;
    width:40px;
    background-image: url("/images/delete.png");
    background-size:40px 40px;
    opacity:1;
}
.icons.w50{
    height:50px;
    width:50px;
    background-image: url("/images/delete.png");
    background-size:50px 50px;
    opacity:1;
}
.icons.close{
    background-image: url("/images/delete.png");
    left:auto;top:17px;right:10px;cursor:pointer;
}

.icons.av,.icons.rd{
    top:0;
    left:0;
    height:40px;
    width:40px;
    background-position: 0 0;
    background-size:40px 40px;
    opacity:1;
}
.icons.rd{
    left:10px;
    height:40px;
    width:40px;
    opacity:.5;
    cursor:pointer;
}
.icons.rd:hover,.rightDivIcons.active .icons.rd{
    opacity:1;
}
.rightDivIcons.active .icons.rd{
    cursor:default;
}
.snap .icons{
    top:0;
    left:0;
    height:40px;
    width:40px;
    background-image: url(/images/admin/LogOut.png);
    background-size:40px 40px;
    opacity:1;
}
.snap.active .icons{
    top:0;
    left:0;
    height:40px;
    width:40px;
    background-image: url(/images/admin/Login.png);
    background-size:40px 40px;
    opacity:1;
}
.icons.viewThread,.icons.viewPosts,.icons.morePosts{
    background-image: url(/images/admin/sort.png);
    top:45px;
    left:10px;
}
.icons.viewThread.more,.icons.viewPosts.more,.icons.morePosts.more{
    top:5px;
    width:120px;
    background-position: 0 0;
    text-align:right;opacity:1;color:#2580aa;text-decoration:underline;
}
.listMenu.icons{
cursor:pointer;
/*display:none;*/
top:25px;
right:5px;
left:auto;
background-image: url(/images/admin/list.png);
}

.icons.nonAb{
    float:left;left:auto;
}
.icons.clickable{
opacity:.5;cursor:pointer;
}
.icons.clickable:hover,.icons.clickable.active{
opacity:1;
}
.toolTipBox,.inviteMatesBox{
clear:both;float:left;border:1px solid #2580aa;padding:25px;margin:10px 0;width:100%;
background:#e7edf4;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.inviteMatesBox{
border:1px solid #74964b;
background:#e3efdd;
}
.toolTipBox.inrun{
border:1px solid #ccc;padding:10px 25px;margin:0;
background:#e7e7df;

}
.keypadContainer{
display:none;position:relative;
border:1px solid #ccc;
clear:both;
float:left;
background:#eee;
width:275px;
padding:10px;
margin-top:10px;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
font-size:.9em;
}
#myBetslipBox .keypadContainer{
position:absolute;z-index:2;
height:200px;
top:25px;left:0;
}

.keypadContainer .keyTitle{
font-size:1.2em;
clear:both;float:left;
margin-left:1%;padding-bottom:5px;
}

.Keypad.button{
float:left;
width:32%;
margin:5px 0 5px 1%;
padding:5px 0;
}
.Keypad.button.bs{
display:none;
}
.quickbet .Keypad.button,#myBetslipBox .Keypad.button{
width:24%;
}
.quickbet .Keypad.button.bs,#myBetslipBox .Keypad.button.bs{
display:block;
}
.joinInput .icons{
    top:9px;
    height:30px;
    width:30px;
    background-size:30px 30px;
}
/*
.socialBox .icons{
    top:5px;
    height:25px;
    width:25px;
    background-size:25px 25px;
}
*/
.databox{
position:absolute;width:50%;top:170px;margin:0 auto;left:0;right:0;z-index:2;
}
.databox.loggedIn{
width:65%;top:130px;
}
.databox.log{
top:250px;
}
.databox.sign{
display:none;
}
.logButtons{
position:relative;width:80%;margin:0 auto;
}
@media only screen and (max-width: 1300px){

#menuDiv .topMenu{
padding:15px 8px;
}
#landImage2{ 
display:none
}
.databox.sign{
width:98%;top:150px;
}
.databox.loggedIn{
width:98%;top:120px;
}
}
@media only screen and (max-width: 1100px){
#menuDiv .qls{
display:none;
}
}
@media only screen and (max-width: 768px){
.databox,.logButtons{
width:98%;
}

.slogan{
font-size:2.5em;margin-top:150px;
}

.quizBox,.logoutWarning{
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
width:96%;
margin:0 2%;
}

}
/*
@media only screen and (max-width: 800px){

#logo{ 
  width:100%;
  background-size:290px 90px;
}
}
*/
@media only screen and (max-width: 420px){

#logo{ 
  width:100%;
  background-size:200px 64px;
}
/*
#landImage{ 
 height:900px;
 }
 */
.databox{
top:130px;
}
.keypadContainer{
width:100%;
}
}

.underline{
text-decoration:underline;cursor:pointer;
}
.underline:hover{
text-decoration:none;
}

.sTrig.marketsTrig,.dropPicker,.postFriendsList{
cursor:pointer;float:left;
position:relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.dropPicker.events span{ /* event numbers*/
float:right;background:#616161;color:#f2f2f2;text-shadow:none;padding:0 5px;margin-left:3px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;font-weight:bold;
}
.cutText{
width:70%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.sTrig.marketsTrig{
/*margin-right:1%;background:#74964b;padding:10px;width:32%;color:#fff;border:1px solid #e7e7df;*/
margin-right:1%;background:#74964b;width:32%;color:#fff;
}
.sTrig.marketsTrig.nth2{
padding:11px;

}
.sTrig.marketsTrig .cutText{
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.sTrig.marketsTrig.inactive{
background:#f2f2f2;color:#ccc;cursor:default;
}
/*
.socialBox .sTrig.marketsTrig{
background:#616161;padding:9px 10px;
}
#sports.sTrig.marketsTrig{
text-indent:25px;
}
*/

@media only screen and (max-width: 1000px){
.sTrig.marketsTrig .cutText{
width:70%;
}
}
.smallOnly{
display:none;
}

@media only screen and (max-width: 700px){
.sTrig.marketsTrig{
/*margin:5px 1%;width:98%;*/
width:100%;margin:0;margin-bottom:1px;
/*border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;*/
}

}


#cats{
float:left;padding:5px;cursor:pointer;font-size:.9em;margin:1px 1px 0 0;background:#8cbcd2;color:#fff;
}
#cats:hover,#cats.active{
background:#2580aa;color:#fff;
/*
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
*/
}
.matrixSel.h span{ 
float:left
}
#cats span,.matrixSel.h .circle,.combosNo,.counts{ 
float:right;background:#616161;color:#f2f2f2;text-shadow:none;padding:0 5px;margin-left:3px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;font-weight:bold;
}
.counts.green{ 
background:#9ab973;color:fff;
}
.matrixSel.h .circle{ 
background:#f2f2f2;color:#616161;text-indent:2px;
}
#cats.active span,#cats:hover span{ 
background:#f2f2f2;color:#616161;
}
.postFriendsList{
border:1px solid #ccc;background:#fcfcfc;padding:5px 10px;float:right;margin:1px 1px 0 0;width:100px;
}
.eventsPicker{
cursor:pointer;clear:both;float:left;width:auto;color:#2580aa;padding:5px;margin-left:45px;margin-right:125px;text-align:left;
}
.eventsPicker:hover{
text-decoration:underline;
}
.selectListBox{ 
z-index:3;
position:absolute;
display:none;
background:#ccc;
border:1px solid #ccc;border-left:0;
border-top:0;
  -webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;
}
.dropPicker{
background:#fff;
padding:10px;
border-bottom:1px solid #f2f2f2;
border-right:0;
}
.dropPicker.imgs{
position:relative;width:100%;float:left;background:#fff;border-bottom:1px solid #ccc;padding:0;
}

.dropPicker.imgs div,.sTrig .data div{
float:left;width:40px;background:#e7e7df;position:relative;padding:11px 0;border-right:1px solid #aaa;
}
.friends.dropPicker{
padding:5px 10px;
width:100px;
}
.dropPicker:hover,.dropPicker.active{
background:#e7e7df;

/*
color:#fcfcfc;
border-bottom:1px solid #871b1b;border-right:1px solid #871b1b;
*/
}



.gameBox{
clear:both;
width:100%;
padding:10px;
/*padding-bottom:0;*/
float:left;
position:relative;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
border-top:1px solid #ccc;
background:#fff;

}
.gameBox.direct{
border-top:0;
}

.boxCheck{
position:absolute;
top:0;
left:0;
right:0;
margin:0 auto;
height:24px;
width:24px;
border:1px solid #aaa;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
background:#fff;
}
.boxCheck.error{
background:#d48080;
}
.multiBox.bsData:hover{
background:#f2f2f2;
}
.multiBox .boxCheck,.keepSlip .boxCheck{
border:0;-moz-border-radius:0;border-radius:0;
left:auto;
height:100%;
width:27px;
background:#b52424 url('/images/whiteCross.png');
}

.boxCheck.active {
background:#2580aa url('/images/whiteTick.png');
}
.matrixOddsBox .boxCheck.active,.multiBox .boxCheck.active,.keepSlip .boxCheck.active{
background:#9ab973 url('/images/whiteTick.png');
}

.boxCheck.active,.matrixOddsBox .boxCheck.active,.multiBox .boxCheck,.multiBox .boxCheck.active,.keepSlip .boxCheck,.keepSlip .boxCheck.active{
background-position: center center;
background-repeat:no-repeat;
background-size:16px 16px;
}

textarea { 
outline: none; text-align: justify;border:1px solid #ccc;padding:10px 5px;overflow:hidden;background:#fff;
width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#616161;text-shadow:none;resize:none;
}
textarea:focus { 
border:1px solid #c3d0d9;
}
textarea.active { 
color:#616161;
}

.peekaboo,.bsButton{
float:left;width:190px;position:relative;text-indent:35px;padding:8px 0;color:#bbb;background:#fff;letter-spacing:-0.0650em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.peekaboo.log{
width:100%;padding:16px 0;text-indent:60px;background:rgba(255,255,255,0.5);color:#555;
}

.bsButton{
padding:8px 0;color:#fff;cursor:pointer;width:230px;background:#616161;
}
/*
.bsButton.bsMoreOptions{
float:right;width:auto;background:#f2f2f2;color:#2580aa;border:0;border-top:1px solid #2580aa;padding:7px 5px;text-indent:30px;
}
.quickbet .bsButton.bsMoreOptions{
border:1px solid #2580aa;padding:8px 5px;
}
*/
.bsButton.marketsMore{
width:auto;padding:8px 10px;text-indent:30px;letter-spacing:0;margin-left:7%;background:#dae3e1;color:#616161;text-shadow: 0px 1px 1px #fcfcfc;
}
.enterGame{
float:right;margin-right:7%;width:160px;
}
.bsMoreOptions{
float:right;width:125px;cursor:pointer;
}
.enterGame span,.bsMoreOptions span{
float:left;width:50px;padding:7px 0;border:1px solid #ccc;border-right:0;background:#fcfcfc url(/images/admincolour/more.png) no-repeat center center;background-size:41px 30px;
}
.bsMoreOptions span{
width:40px;background:#fcfcfc url(/images/chips.png) no-repeat center center;background-size:30px 30px;
}
.enterGame div,.bsMoreOptions div{
padding:8px;background:#cd5c5c;color:#fff;text-indent:10px;
}
/*
.extraBetting div{
background:#746cc0;
}
*/
.pcShowPosts:hover,.pcShowPosts.active{
left:154px;background:url(/images/Chat_bubbles.png) no-repeat center center;background-size:35px 35px;
}
.bsBCount{
position:absolute;right:0;top:0;background:#db7f55;color:#fff;padding:8px 10px;text-indent:0px;
}

.quickLinks .point{
position:absolute;right:0px;top:1px;width:32px;padding:8px 0;background:url(/images/nav-white-right.png) no-repeat center center;background-size:20px 20px;
}
.quickLinks .point.d{
display:none;
}
.bsButton .point{
position:absolute;left:0px;top:0px;width:32px;padding:8px 0;background:#db7f55 url(/images/nav-white-right.png) no-repeat center center;
background-size:20px 20px;
}

.bsButton.marketsMore .point{
padding:8px 0 8px 0;background:#2580aa url(/images/nav-white-right.png) no-repeat center center;
background-size:20px 20px;
}
.bsButton .point.d{
background:#db7f55 url(/images/nav-white-down.png) no-repeat center center;background-size:20px 20px;display:none;
}
.bsButton.marketsMore .point.d{
background:#2580aa url(/images/nav-white-down.png) no-repeat center center;background-size:20px 20px;
}
.bsButton.active .point.r{
display:none;
}
.bsButton.active .point.d{
display:block;
}
.peekaboo .innerBox{
position:absolute;left:0;top:0;border:1px solid #999;padding:7px 0 8px 0;border-left:0;border-bottom:0;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.betOfferBox .peekaboo,.quickbet .peekaboo .innerBox,.socialBox .peekaboo .innerBox{
border-left:1px solid #ccc;border-bottom:1px solid #ccc;
}
.betOfferBox .peekaboo .innerBox{
border-top:0;padding:8px 0 8px 0;
}
.peekaboo.log .innerBox{
padding:15px 0 16px 0;
}

.peekaboo input,#autocomplete{
position:absolute;left:0;right:0;top:0;padding:8px 35px 9px 35px;border:0;background:none;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.socialBox .peekaboo input{
padding:9px 35px 9px 35px;
}
.peekaboo.log input,#autocomplete{
padding:17px 10px 17px 60px;
}
.betOfferBox input{
padding:10px 35px 10px 35px;
}
.iconsInput{
position:absolute;left:1px;top:1px;width:30px;padding:7px 0 8px 0;background:#eee url(/images/admin/UsDollar.png) no-repeat center center;
background-size:23px 23px;border-right:1px solid #999;z-index:1;
}
.log .iconsInput{
width:50px;padding:15px 0 16px 0;background:rgba(255,255,255,0.2) url(/images/admin/MyAccount.png) no-repeat center center;
background-size:40px 40px;
}
.settingUpdate .iconsInput{
background:#eee url(/images/admin/UsDollar.png) no-repeat center center;
background-size:28px 28px;
}

.betOfferBox .iconsInput{
padding:8px 0 8px 0;top:0px;
}
.showHidePw,.showAddressLg,.hideAddressLg{
position:absolute;right:1px;top:1px;bottom:0;width:60px;padding:16px 0;background:#b52424;color:#fff;font-size:.9em;cursor:pointer;z-index:1;text-indent:0;border-left:1px solid #999;
}
.showAddressLg,.hideAddressLg{
width:140px;
}
.showHidePw.show,.showAddressLg.show{
background:#9ab973;
}
.showHidePw span,.showAddressLg span,.hideAddressLg span{
width:100%;text-align:center;float:left;
}
.iconsInput.launchKeypad{
cursor:pointer;left:auto;right:0px;border-left:1px solid #ccc;background:#eee url(/images/admin/Keypad.png) no-repeat center center;background-size:23px 23px;
}
.iconsInput.launchKeypad:hover,.iconsInput.launchKeypad.active{
background:#ccc url(/images/admin/Keypad.png) no-repeat center center;background-size:23px 23px;
}
.bsMore{
display:none;position:relative;float:left;border:5px solid #cd5c5c;width:100%;padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

@media only screen and (max-width: 550px){

/*
.bsButton.bsMoreOptions{
float:left;border-right:1px solid #2580aa;
}
*/

/*
.peekaboo{
width:160px;
}

.peekaboo input{
padding:9px 35px 8px 35px;
}
*/
}
input:focus{
border:0;
-webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;
}
select.error,input.error,textarea.error{
background:#b52424;
opacity:.4; 
color:#fff;
}

input.OK,textarea.OK{
background:#e3efdd;
color:#333;
}

input.bb{
background:rgba(154,185,115,0.5);color:#333;
pointer-events: none;
}
input.pp{
background:rgba(219,127,85,0.5);color:#333;
}
input.pc{
background:rgba(36,128,170,0.5);color:#333;
/*pointer-events: none;*/
}
input.pc.noFlex{
pointer-events: none;
}
.peekaboo.active{
text-align:right;color:#ccc;padding-right:10px;
}

.peekaboo.keypad.active{
padding-right:35px;
}
.peekaboo.focus{
color:#f2f2f2;
}
.peekaboo.log.focus{
color:#999;
}
.peekaboo.log.active{
color:rgba(255,255,255,0);
}
.settings .peekaboo.log.active{
color:#ccc;
}
.matesButton,.extrasButton{
float:left;border:1px solid #ccc;margin:0 5px 5px 0;background:#fcfcfc;cursor:pointer;
}
.matesButton span,.extrasButton span{
float:right;line-height:40px;padding:0 5px;color:#555;
}
.matesButton .avCont,.extrasButton .avCont{
float:left;position:relative;width:40px;padding:0;
}
.matesButton .icons,.extrasButton .icons{
top:0;left:0;height:40px;width:40px;
}
.matesButton:hover{
border:1px solid #db7f55;
}
.extrasButton.bonusbet:hover{
border:1px solid #9ab973;
}
.extrasButton.pcbet:hover{
border:1px solid #2580aa;
}
.matesButton.active{
background:#db7f55;
}

.extrasButton.bonusbet.active{
background:#9ab973;
}
.extrasButton.pcbet.active{
background:#2580aa;
}
.matesButton.used span,.matesButton.active span,.extrasButton.active span{
color:#fff;
}
.matesButton.used{
background:#9ab973;border:1px solid #9ab973;cursor:default;
}
.extrasButton.used{
opacity:.2;cursor:default;
}
.button{
	cursor:pointer;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	float:left;
        background: #f9f9f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
     	/*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;*/
    	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	padding:10px;
	width:100%;
	text-align:center;
	color:#555;

  text-shadow:0px 1px 0px #fcfcfc;
  border: solid #ccc 1px;
  text-decoration: none;
}
.button:hover {
        background: #e9e9e9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  text-decoration: none;
  -webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;
}
.button.active{
  -webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;
}

.button:active {
	position:relative;
	top:1px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.button.blue{
  background: #2e9fd2;
  background-image: -webkit-linear-gradient(top, #2e9fd2 5%, #2580aa);
  background-image: -moz-linear-gradient(top, #2e9fd2 5%, #2580aa);
  background-image: -ms-linear-gradient(top, #2e9fd2 5%, #2580aa);
  background-image: -o-linear-gradient(top, #2e9fd2 5%, #2580aa);
  background-image: linear-gradient(to bottom, #2e9fd2 5%, #2580aa);

	color:#f0f0f0;
text-shadow: 0px 1px 0px #111; 



}
.button.blue:hover{
  background: #2580aa;
  background-image: -webkit-linear-gradient(top, #2580aa 5%, #2e9fd2);
  background-image: -moz-linear-gradient(top, #2580aa 5%, #2e9fd2);
  background-image: -ms-linear-gradient(top, #2580aa 5%, #2e9fd2);
  background-image: -o-linear-gradient(top, #2580aa 5%, #2e9fd2);
  background-image: linear-gradient(to bottom, #2580aa 5%, #2e9fd2);

}
.button.orange{
	color:#f0f0f0;
        background: #db7f55;
text-shadow: 0px 1px 0px #111; 

}

.button.orange:hover{
        background: #ff7f50;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7f50), color-stop(1, #db7f55));
	background:-moz-linear-gradient(top, #ff7f50 5%, #db7f55 100%);
	background:-webkit-linear-gradient(top, #ff7f50 5%, #db7f55 100%);
	background:-o-linear-gradient(top, #ff7f50 5%, #db7f55 100%);
	background:-ms-linear-gradient(top, #ff7f50 5%, #db7f55 100%);
	background:linear-gradient(to bottom, #ff7f50 5%, #db7f55 100%);
}
.button.green{
	color:#f0f0f0;
        background: #9ab973;
	text-shadow: 0px 1px 2px #74964b;

}
.button.green:hover{
        background: #9ab973;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ab973), color-stop(1, #74964b));
	background:-moz-linear-gradient(top, #9ab973 5%, #74964b 100%);
	background:-webkit-linear-gradient(top, #9ab973 5%, #74964b 100%);
	background:-o-linear-gradient(top, #9ab973 5%, #74964b 100%);
	background:-ms-linear-gradient(top, #9ab973 5%, #74964b 100%);
	background:linear-gradient(to bottom, #9ab973 5%, #74964b 100%);
}
.button.red{
	color:#f0f0f0;
        background: #b52424;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b52424), color-stop(1, #d73737));
	background:-moz-linear-gradient(top, #b52424 5%, #d73737 100%);
	background:-webkit-linear-gradient(top, #b52424 5%, #d73737 100%);
	background:-o-linear-gradient(top, #b52424 5%, #d73737 100%);
	background:-ms-linear-gradient(top, #b52424 5%, #d73737 100%);
	background:linear-gradient(to bottom, #b52424 5%, #d73737 100%);
text-shadow: 0px 1px 0px #111; 

}
.button.red:hover{
        background: #d73737;

}
.button.purple{
	color:#f0f0f0;
        background: #746cc0;
text-shadow: 0px 1px 0px #111; 

}
.button.purple:hover{
        background: #948dce;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #948dce), color-stop(1, #746cc0));
	background:-moz-linear-gradient(top, #948dce 5%, #746cc0 100%);
	background:-webkit-linear-gradient(top, #948dce 5%, #746cc0 100%);
	background:-o-linear-gradient(top, #948dce 5%, #746cc0 100%);
	background:-ms-linear-gradient(top, #948dce 5%, #746cc0 100%);
	background:linear-gradient(to bottom, #948dce 5%, #746cc0 100%);
}
.button.inActive {
opacity:.2;
  -webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}


.createSocial .button,.createPunters .button,.createComp .button{
padding:15px 0;font-size:1.1em;
}
.dataLine{ 
float:left;position:relative;width:100%;padding:9px;border:1px dotted #616161;border-left:0;border-bottom:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.dataLine.sub{ 
border:0;
}
.betOfferBox{ 
border-bottom:1px solid #999;
}
.betOfferBox .dataLine{ 
border:1px solid #999;border-top:0;border-right:0;padding:0;
}
.p2pConfCont{
display:none;clear:both;float:left;width:100%;
}
.dataLine.clickable{
cursor:pointer;
}
.dataLine.clickable:hover{
background:#dae3e1;
}
.dataLine.active{
background:#dae3e1;border:10px solid #2580aa;padding:0;border-left:9px solid #2580aa;
}
.dataLine .inner{ 
padding:0 0 0 30px;
}

.l1{ 
background:#fcfcfc;
}
.l0{ 
background:#fff;
}
.bsData.i{
background:#9ab973;
}
.dataLine.inactive .bsData.i{
background:#871b1b;
}
.dataLine.inactive .bsData.i.l,.bsData.i.l{
background:none;
}
.bsData.s{
color:#2580aa;
}
.bsData.un{
color:#2580aa;font-weight:bold;
}

.dataLine.In .bsData.i,.dataLine.sub.WinningBet .bsData.i{
background:#9ab973;
}
.dataLine.In .status,.dataLine.sub.WinningBet .status{
color:#9ab973;
}
.dataLine.sub.pending .bsData.i{
background:#2580aa;
}
.dataLine.sub.refund .bsData.i,.dataLine.sub.void .bsData.i{
background:#aaa;
}
.dataLine.Out .bsData.i,.dataLine.sub.LosingBet .bsData.i{
background:#b52424;
}
.dataLine.Out .status,.dataLine.sub.LosingBet .status,.dataLine.sub.void .status{
color:#b52424;
}
.dataLine.void .bsData{
text-decoration: line-through;
}
.dataLine.cashedOut .bsData.i{
background:#db7f55;
}
.dataLine.sub .status{
font-weight:bold;color:#ccc;
}
.bsData.at{
color:#aaa;font-size:.8em;padding:9px 0;
}
.bsData.bet{
font-weight:bold;
}
.bsData.l{
color:#b52424;
}
.dataLine.inactive{
opacity:.7;background:#f0cab9;border-bottom:1px solid #ccc;
}
.bsData.pm{
color:#871b1b;font-weight:bold;
}
.bsData.right{
float:right;
}
.bsData.pointer{
float:right;width:20px;
}
.transMore,.subTransMore{
clear:both;float:left;width:100%;display:none;background:#dae3e1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.showMultiBetPending{
float:right;color:#2580aa;font-weight:bold;text-decoration:underline;
}
.showMultiBetPending:hover{
color:#616161;text-decoration:none;
}
.bsData.mCount{
float:right;
}


@media only screen and (min-width: 551px){
.gameDisplay{
clear:both;font-weight:bold;padding:5px;padding-left:35px;
}

}

.eventDisplay,.suspended{
clear:both;float:left;padding:5px;padding-left:35px;
}
.bettypeDisplay{
clear:both;float:left;width:auto;margin-left:7%;color:#db7f55;padding:5px;padding-left:0;font-weight:bold;
}
a.eventDisplay{
color:#2580aa;
}
.timeDisplay,.BetslipCD,.sportsCD{
position:absolute;top:45px;right:10px;text-shadow: 0px 1px 1px #fcfcfc;text-align:right;
}
.sportsCD{
color:#74964b;font-weight:bold;font-size:1.5em;top:10px;
}
.sportsCD.direct{
font-size:2.2em;top:15px;
}
.sportsCD.small.direct{
color:#fff;font-size:1.2em;top:-30px;font-weight:normal;text-shadow:none;
}
.BetslipCD{
color:#74964b;font-weight:bold;top:8px;right:30px;
}
.catIndex{
float:left;background:#fff;width:100%;margin-bottom:10px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;top:-3px;
}
.catIndex.mm{
border:1px solid #2580aa;padding:10px 5px;
-webkit-box-shadow: 0 8px 7px -7px black;
-moz-box-shadow: 0 8px 7px -7px black;
box-shadow: 0 8px 7px -7px black;
}
.marketOptions{
float:right;padding:8px 5px;color:#2580aa;text-decoration:underline;cursor:pointer;margin-right:7%;
}

.marketOptions:hover{
text-decoration:none;
}
/*
.marketOptions.active{
background:#2580aa;text-decoration:none;border:1px solid #2580aa;color:#f2f2f2;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
*/

.marketsOuter{
float:left;width:86%;margin:0 7%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
.selectionDisplay{
clear:both;float:left;padding:10px 5px 9px 5px;text-shadow: 0px 1px 1px #fcfcfc;
}
.riskDisplay{
float:right;padding:11px 5px 10px 5px;color:#aaa;font-size:.9em;text-shadow: 0px 1px 1px #fcfcfc;
}
.betSelection{
float:left;width:100%;background:#dae3e1;border-bottom:1px solid #fff;font-size:.9em;
}
.betSelection.direct{
padding:10px 0 9px 0;
}
.suspended{
color:#b52424;
}
.icons.clickable{
top:10px;
}
@media only screen and (max-width: 700px){
.timeDisplay{
clear:both;float:left;padding:5px;padding-left:35px;position:relative;top:auto;right:auto;
}



.marketsOuter{
width:100%;margin:0;
}

.marketOptions{
margin-left:4%;
}

.bsButton.marketsMore{
margin-left:0;
}
.enterGame{
margin-right:0;
}

.bettypeDisplay{
margin-left:0;padding-left:35px;
}
}
.marketHeader{
clear:both;float:left;padding:10px 0;background:#616161;color:#fff;position:relative;width:100%;margin-bottom:1px;letter-spacing:-0.0650em;
}
.marketHeader span{
float:left;padding:0 5px;
}


.betOption{
/*float:right;width:100px;letter-spacing:-0.0650em;margin-right:10px;padding:5px 0;*/
float:right;width:80px;letter-spacing:-0.0650em;border-left:1px solid #fff;padding:10px 0;text-align:center;background:#c0cfcc;cursor:pointer;position:relative;
}
.matrixContainer{
overflow:hidden;white-space:nowrap;width:100%;display:block;position:relative;
}
.matrixSel{
clear:both;float:left;font-size:.9em;width:230px;padding:10px 0;background:#dae3e1;margin:0 1px 1px 0;
text-align:left;text-indent:5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.matrixSelSmall{
position:absolute;top:3px;left:5px;z-index:1;background:#dae3e1;font-size:.9em;
}
.matrixSel.h{
background:#616161;color:#fff;
}
.matrixSel.scr{
color:#ccc;
text-decoration:line-through;
}
.quickbet{
display:none;float:left;width:100%;position:relative;background:#fff;

}
.quickbet .data{
float:left;border:1px solid #ccc;border-top:0;width:100%;padding:10px;background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position:relative;
}
.quickbet.matrix{
display:none;clear:both;float:none;position:relative;top:0;left:0;z-index:1;
}
.quickbet.decoys span{
float:left;height:261px;
}
.tiplog{
float:left;padding:0;width:142px;position:relative;display:none;
}
.tiplog .i{
width:35px;background:#eee;padding:7px 1px;float:left;
}
.tiplog .icons{
background-image:url(/images/admin/Ratings.png);top:5px;left:6px;
}
.tiplog span{
padding:7px 6px;float:left;
}
/*
.betPlacement{
float:left;padding:10px 0;width:100px;text-align:center;background:#2580aa;color:#fff;cursor:pointer;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
.betPlacement:hover{
background:#1968b1;
}
*/
#stake.peekaboo{
width:150px;
}
.matrixOddsBox{
clear:both;float:left;background:#dae3e1;position:relative;width:100%;margin-bottom:1px;font-size:.9em;padding:10px 0;
}
.matrix.betOption{
/*position:absolute;top:4px;width:90%;margin:0 auto;left:0;right:0;*/
float:left;width:100%;font-size:.9em;margin-bottom:1px;border-left:0;
}
.betOption:hover{
background:#dae3e1;
}
.betOption.taken{
background:#c3d0d9;
}

.betOption.placed{
background:#b52424;
color:#f0f0f0;
text-shadow:none;
}
.betOption.active,.matrix.active.betOption{
background:#9ab973;
color:#f0f0f0;
text-shadow: 0px 1px 2px #74964b;
}
.betOption.pausing,.matrix.pausing.betOption{
background:#b52424;
color:#f0f0f0;
text-shadow:none;
}
.scrollBoxOuter{
clear:both;float:left;width:100%;position:relative;
}
.scrollBoxOuter .dir{
    cursor:pointer;
    position:absolute;
    bottom:0;
    top:0;
    background:#2580aa;
    background-repeat: no-repeat;
    background-position: center center;
    width:39px;

}
.scrollBoxOuter .left.dir{
    left:-39px;
    background-image: url(/images/scrollLeft.png); 
}
.scrollBoxOuter .left.dir:hover{
    background:#f2f2f2;    
    background-repeat: no-repeat;
    background-position: center center;    
    background-image: url(/images/scrollLeft2.png); 
}
.scrollBoxOuter .right.dir{
    right:-39px;
    background-image: url(/images/scrollRight.png); 
}
.scrollBoxOuter .right.dir:hover{
    background:#f2f2f2;    
    background-repeat: no-repeat;
    background-position: center center;    
    background-image: url(/images/scrollRight2.png);   
}
.dir{
    cursor:pointer;
    position:absolute;
    bottom:0px;
    top:0;
    background:#2580aa;
    background-repeat: no-repeat;
    background-position: center center;
    width:45px;
    right:-46px;
    background-image: url(/images/scrollRight.png); 
}
@media only screen and (max-width: 700px){
.matrixContainer{
overflow:auto;
}
}

.multiBox,.keepSlip{
position:relative;width:70px;padding:7px 27px 8px 0;border:1px solid #aaa;border-bottom:0;border-left:0;background:#fcfcfc;cursor:pointer;text-align:center;
}
.keepSlip{
width:auto;padding:10px 32px 10px 5px;margin:10px 5px 10px 0;border:1px solid silver;
}
@media only screen and (max-width: 550px){
.multiBox{
width:20px;
}
.multiBox .qb{
float:left;width:20px;overflow:hidden;
}

.pushDiv{
max-width:98%;right:100%;bottom:5px;
}

}

/*
#singlesShow.bsShowBets{
display:none;
}
*/
.matrixContainer.noTouch{
overflow:hidden;
}

/* ribbon style */

 .ribbon-wrapper {
	position: absolute;
}

  .ribbon-front {
	background-color: #9ab973;	height: 50px;
	width: 60px;
	position: relative;
	left:-30px;
	z-index: 2;
}
  .ribbon-front.comps {
	background-color: #cd5c5c;	
}
  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 50px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -30px;
	border-color: transparent #74964b transparent transparent;
}
  .ribbon-edge-bottomleft.comps {
	border-color: transparent #871b1b transparent transparent;
}
  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 60px;
	border-color: transparent transparent transparent #74964b;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

  .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 0px;
	height: 50px;
	background-color: #9ab973;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 50px;
		z-index: 0;
}

.onoffswitch {
    position: relative; width: 86px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #aaaaaa; border-radius: 16px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #9ab973; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color:#b52424; color: #ffffff;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 13px; margin: 6px;
    background: #FFFFFF;
    border: 1px solid #aaaaaa; border-radius: 16px;
    position: absolute; top: 0; bottom: 0; right: 57px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}


.goU{
    /*display:none;*/
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    margin:0 auto;
    cursor:pointer;
    height:100%;
    width:40px;
    background: rgba(255,255,255,0.1) url("/images/up-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size:16px 16px;
    z-index:1;     
		
}
.goU.top{
    display:none;
    position:fixed;
    z-index:9999;
}
.goPost{
position:absolute;margin:0 auto;z-index:1;cursor:pointer;
}
.goU.top,.goPost,.goPost.T,.goPost.B{
    bottom:0px;
    left:0;
    right:0;
    height:40px;
    width:80px;
    background: rgba(0,0,0,0.2) url("/images/up-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size:16px 16px;     
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
.goPost.T{
    background: rgba(205,92,92,0.2) url("/images/up-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size:16px 16px;
}
.goPost.B{
    background: rgba(205,92,92,0.2) url("/images/down-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size:16px 16px;
    bottom:auto;top:0;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
}

.spotGo{
position:relative;
}
.spotGo.active{
color:#f2f2f2;background:#74964b;text-shadow:none;width:100%;
}

.tipHide,.tipShow{
cursor:pointer;text-decoration:underline;color:#2580aa;
}
.tipHide:hover,.tipShow:hover{
text-decoration:none;color:#555;
}
.tipShow{
display:none;color:#616161;font-weight:bold;
}
.clubTitle{
padding:5px 0;background:#9ab973;color:#fff;font-size:2em;
}

.sbTitle,.pcTitle,.sbTitle.right{
float:left;
font-weight:bold;
font-size:2em;
padding:5px 0;
}
.pcTitle{
padding-left:200px;
}
.sbTitle.right{
float:right;
color:#aaa;
font-size:2em;
}

.checkBoxContainer{
float:left;width:47%;line-height:24px;border:1px solid #aaa;background:#fcfcfc;cursor:pointer;padding:7px;text-align:left;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.checkBoxContainer.disabled,.keypadOption.disabled{
opacity:.3;cursor:default;
}
.checkBoxContainer.triple{
width:29.33%;
}
.or{
float:left;width:6%;text-align:center;line-height:24px;padding:10px 0;color:#2580aa;font-weight:bold;
}
.notifContainer{
cursor:pointer;
}
.checkBoxContainer .boxed,.notifContainer .boxed{
background:#fff;
float:right;
width:22px;
height:22px;
border:1px solid #aaa;
-moz-border-radius:3px;
border-radius:3px;
}
.notifContainer .boxed{
float:left;
}
.checkBoxContainer .boxed.active,.notifContainer .boxed.active{
background:#9ab973;
background-position: center center;
background-repeat:no-repeat;
background-size:18px 18px;
background-image:url('/images/whiteTick.png');
}
.qbPos{
float:right;width:auto;margin:10px 0;
}
.clearSlip,.placeBets{
float:left;width:auto;margin:10px 5px;
}

@media only screen and (max-width: 550px){
.checkBoxContainer,.checkBoxContainer.triple{
width:90%;
}
.or{
width:10%;
}
.qbPos{
float:left;
}
.clearSlip{
width:30%;margin:10px 1%;
}
.placeBets{
float:right;width:66%;margin:10px 1%;
}
.bsTitHead{
background:#2580aa;color:#fff;padding:10px 0;text-indent:5px;
}
.bsTitHead.sub{
background:#8cbcd2;padding:5px 0;font-size:1.0em;
}
.bsZero{
background:#fff;width:100%;text-indent:5px;padding:0;padding-top:20px;
}
.bsBottom{
float:left;width:100%;padding:20px 0;background:#f2f2f2;
}
.largeOnly{
display:none;
}
.smallOnly{
visibility:visible;
display:block;
}
.peekaboo{
width:180px;background:#fcfcfc;
}
.peekaboo.b2{
clear:both;
}
.peekaboo input{
padding:9px 5px 9px 35px;
}
.peekaboo.keypad.active{
padding-right:5px;
}
.iconsInput.launchKeypad{
display:none;
}
.gameBox{
padding:0 0 10px 0;
border-top:1px solid #333;
}
.marketIcon{
width:50px;height:50px;position:relative;background:#9ab973;float:left;
}
.marketIcon span{
position:absolute;left:0;top:0;width:50px;height:50px;
background-image:url('/images/sports/white/1.png');
background-repeat: no-repeat;
background-position: center center;
background-size:40px 40px;
}
.smallScreenOnly{
height:50px;display:table;padding-right:50px;
}
.gameDisplay{
  display: table-cell;
  vertical-align: middle;
  padding:5px;font-weight:bold;
}
.eventDisplay,.timeDisplay,.bettypeDisplay{
padding:5px;
}
.bsData.t{
clear:both;
}
.betSummary.h{
display:none;
}
.betSummary .bsData{
clear:both;padding:5px 0;text-indent:5px;width:100%;
}
.betSummary .bsData.bt{
background:#616161;color:#fff;width:100%;border-top:1px solid #ccc;
}
.betSummary .bsData.nos:before {
  content: "Bets: ";
}
.betSummary .bsData.sss:before {
  content: "Stake: ";
}
.betSummary .bsData.rrr:before {
  content: "Return: ";
}
}