body
{
	font-size:16px;
	line-height:23px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#DDD;
	color:#333;
	overflow-y:scroll;
	padding:0px 0px 0px 0px;
	margin: 24px 0px 0px 0px;
}

/*Pre-defined Elements
----------------------------------------*/
h1
{

	font: 26px/1.25em arial, helvetica, clean, sans-serif;
	line-height:20px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	text-align: left;


	padding-left: 0px;
	padding-bottom: 17px;
	padding-right: 15px;
	margin-bottom:0px;
}

h2
{

	font: 20px/1.25em arial, helvetica, clean, sans-serif;
	line-height:30px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	text-align: left;

    	padding-top: 17px;
			padding-bottom: 17px;
	padding-left: 0px;
	padding-right: 15px;
	margin-bottom:0px;
}

h3
{
	font: 16px/1.25em arial, helvetica, clean, sans-serif;
	line-height:30px;
	color: #CC3300;
	text-decoration: none;
	font-weight: bold;
	text-align: left;

    	padding-top: 10px;
			padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 15px;
	margin-bottom:0px;
}


h4
{ 
	color: #CC3333;
	font-size:16px;
	margin-bottom:0px;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}


h5
{
	font: 12px/1.85em arial, helvetica, clean, sans-serif;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 5px;
	padding-left: 0px;
	font-weight:bold;
}
h6
{
	color:#4d77f0;
	font-size:14px;
	margin-bottom:0px;
	font-weight: bold;
}

p
{
	margin-bottom:15px;
}

a
{
	color:#00f;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

textarea
{
	line-height:20px;
	padding:5px;
	width:300px;
	height:100px;
	resize:none;
	border: 1px #CCCCCC solid;
	border-radius:3px;
}


/*Re-usable Classes
---------------------------------------*/
a.poptext
{
	padding-top:10px;
	padding-left:10px;
}

.clear-both
{
	clear:both;
	text-align:center;
}

.barr 
{
	color: #333333;
	margin-left: 20px;
	padding-left:16px; 
	background-image: url(../images/newbullet.gif); 
	padding-bottom: 0px; TOP: 0px;
	background-repeat: no-repeat;

}

.wbarr 
{
	color: #333333;
	margin-left: 12px;
	padding-left:16px; 
	background-image: url(../images/wnewbullet.gif); 
	padding-bottom: 0px; TOP: 0px;
	background-repeat: no-repeat;
	font-size:12px;
}

.popbarr 
{
	color: #333333;
	margin-left: 12px;
	padding-left:16px; 
	padding-bottom: 0px; TOP: 0px;
	background-repeat: no-repeat;
	font-size:11px;
}


.subbarr 
{
	color: #333333;
	margin-left: 36px;
	padding-left:16px; 
	background-image: url(https://www.backlaybettingcalculator.com/images/subnewbullet.gif); 
	padding-bottom: 0px; TOP: 0px;
	background-repeat: no-repeat
}

.embed-holder
{
	text-align:center;
}

textarea.embed-code
{
	font-size: 12px;
	font-family: arial,helvetica,clean,sans-serif; 
	color: #444444;
	text-align: left;
	font-weight: normal;
	background-color: #f1f0ec;
	padding: 7px;
	width:460px;
	height: 70px;
}

textarea.embed-sidebar-code
{
	font-size: 12px;
	font-family: arial,helvetica,clean,sans-serif; 
	color: #444444;
	text-align: left;
	font-weight: normal;
	background-color: #f1f0ec;
	padding: 7px;
	width:280px;
	height: 250px;
}


/*General Layout Elements
---------------------------------------*/
#contain
{
	width:1024px;
	margin:0 auto;
	background-color:#FFF;
	
	
}

#content
{
	margin-bottom:10px;
		padding-top:23px;
}

#main
{
	width:674px;
	height:auto;
	float:left;

	padding-bottom:100px;
	padding-left:35px;
	padding-right:35px;
	border-right: 1px #CCCCCC solid;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:  border-box;
}

#sidebar
{
	width:350px;
	height:auto;
	float:left;
	padding-left:25px;
	padding-right:25px;
	-moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:  border-box;
     font-size:12px;
}



/*Navigation
----------------------------------------*/
#navigation
{
	background-color:#204490;
	height:25px;
	line-height:25px;
	padding-left:25px;
	text-left:center;
    margin-bottom: 16px;
    padding-bottom: 2px;


}

#navigation a
{
	color:#FFFFFF;
	text-transform:none;
	text-decoration:none;
	margin-right:35px;
	font-size:12px;
	font-weight: bold
}

#navigation a:hover
{
	text-decoration:none;
	color:#9EB6FC;
	
}

/*Header
----------------------------------------*/
#ad-header
{
	height:90px;
	background-color:#f1f0ec;
	overflow:hidden;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px #CCCCCC solid;
	vertical-align: center;
}

#logo-header
{
	height:109px;
	background-color:#f1f0ec;
	background-image: url(../images/2022_mastlogo.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	border-bottom: 0px #CCCCCC dotted;
	margin-bottom:0px;
	text-align:right;
		padding-top:0px;
			padding-bottom:0px;
			padding-right:24px;

}


#staging-logo-header
{
	height:50px;
	background-color:#f1f0ec;
	background-image: url(../images/staging_backlaylogo.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	border-bottom: 0px #CCCCCC dotted;
	margin-bottom:0px;
	text-align:right;
		padding-top:24px;
			padding-bottom:0px;
			padding-right:24px;

}

/*Home
----------------------------------------*/
#calculator-container
{
	text-align:center;
	padding-top:0px;
}

/*Webmasters
----------------------------------------*/



/*Sidebar
----------------------------------------*/
#sidebar #ads
{
	margin-bottom:15px;
}



/*Footer
----------------------------------------*/
#footer
{
	display:block;
	height:auto;
	width:auto;
    background-color:#DDD;
	padding:10px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align: center;
}

/*Pop-up calculator
---------------------------------------*/
body.popup
{
	overflow:hidden; 
	background-color:#FFF;
}

#popcontainer
{   width: 320px;
	text-align:center;
	border: 0px #000000 solid;
	font-weight: normal;
	font-size: 11px;
	color: #444444;
	font-family: arial, helvetica, clean, sans-serif;
	text-decoration: none;
}

#webmpopcontainer
{   width: 322px;
	text-align:center;
	border: 0px #000000 solid;
}

.topad-container
{	font-weight: normal;
	font-size: 11px;
	color: #444444;
	font-family: arial, helvetica, clean, sans-serif;
	text-decoration: none;
     text-align:left;
	border-bottom: 1px #999999 solid;
	background-color: #FFFFFF;
	padding-top:20px;
	padding-bottom:0px;
}

.webm-container
{   text-align:center;}

.bottomad-container
{	font-weight: normal;
	font-size: 11px;
	color: #444444;
	font-family: arial, helvetica, clean, sans-serif;
	text-decoration: none;
     text-align:center;
	border-top: 0px #999999 solid;
	border-bottom: 0px #999999 solid;
	border-right: 0px #999999 solid;
	border-left: 0px #999999 solid;
	background-color: #FFFFFF;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	height: 50px;
}

.web_bottomad-container
{	font-weight: normal;
	font-size: 11px;
	color: #444444;
	font-family: arial, helvetica, clean, sans-serif;
	text-decoration: none;
     text-align:center;
	border-top: 0px #999999 solid;
	border-bottom: 0px #999999 solid;
	border-right: 0px #CCCCCC solid;
	border-left: 0px #999999 solid;
	background-color: #FFFFFF;
	padding-top:5px;
	padding-bottom:0px;
}



.boxtext {
	font-weight: normal;
	font-size: 11px;
	color: #444444;
	font-family: arial, helvetica, clean, sans-serif;
	text-decoration: none;
}
a.boxtext:link {
	color: #00f;
	text-decoration: none;
}
a.boxtext:link {
	color: #00f;
	text-decoration: none;
}
a.boxtext:hover {
	color: #00f;
	text-decoration: underline;
}
a.boxtext:visited {
	color: #00f;
	text-decoration: none;
}
a.boxtext:visited:hover {
	color: #00f;
	text-decoration: underline;
}

.bigboxtext {
	font-weight: normal;
	font-size: 12px;
	color: #444444;
	font-family: arial, helvetica, clean, sans-serif;
	text-decoration: none;
}
a.bigboxtext:link {
	color: #00f;
	text-decoration: none;
}
a.bigboxtext:link {
	color: #00f;
	text-decoration: none;
}
a.bigboxtext:hover {
	color: #00f;
	text-decoration: underline;
}
a.bigboxtext:visited {
	color: #00f;
	text-decoration: none;
}
a.bigboxtext:visited:hover {
	color: #00f;
	text-decoration: underline;
}
.etoroboxtext {
	font-weight: normal;
	font-size: 9px;
	color: #444444;
	font-family: arial, helvetica, clean, sans-serif;
	text-decoration: none;
}
.etoroboxtext:link {
	color: #00f;
	text-decoration: none;
}
.etoroboxtext:link {
	color: #00f;
	text-decoration: none;
}
.etoroboxtext:hover {
	color: #FF9900;
	text-decoration: none;
}
.etoroboxtext:visited {
	color: #00f;
	text-decoration: none;
}
.etoroboxtext:visited:hover {
	color: #FF9900;
	text-decoration: none;
}



.padding {
	height: 550px;
}

.contactpadding {
	height: 170px;
}

.box {
	background-color:#204490;
	height:25px;
	line-height:25px;
	padding-left:25px;
	text-left:center;
	width:300px;
	}


textarea#styled {
	width: 287px;
	height: 80px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	background-color:#C8D5F3;
	background-position: bottom right;
	background-repeat: no-repeat;
}




.spdiv { 
margin: 0px; 
padding: 6px; 
} 

#screenshotleftblock {
position: relative;
font-size: 10px;
	font-family: arial, helvetica, clean, sans-serif;
	border-bottom: 0px #dddddd solid;
	border-left: 0px #dddddd solid;
	border-right: 0px #dddddd solid;
	border-top: 0px #dddddd solid;
	width:480px;
	padding:0px;
	background-color:#FFFFFF;
	margin:auto;
	height:200px;
	
	float: center;
	align: center;

}
#flashwarning {
	display: block;
	background: #ffffff;
	padding:6px;
	margin:auto;
	border: 1px solid #cccccc;
	width: 440px;
	background-color:#e4eaef;
	font-size: 8pt;
	font-family: arial, helvetica, clean, sans-serif;
	text-align: left;
}

	.caan-ban {
	height: 185px;
	width: 320px;
	margin-top: 35px;
	}
	
	
	.adsense_small {
	height: 60px;
	width: 320px;
	margin-top: 15px;
	}
	
	
	.adsense_big {
	
	width: 400px;
	}
	
	.adsense_med {
	
	width: 300px;
	height: 600px;
	}
	
.section  { 
width: 470px;
background-color:#e4eaef;
border: 1px dotted #cccccc;
padding-left: 15px;
padding-right: 15px;
padding-top: 15x;
padding-bottom: 13px;
text-align: left;
font-size:14px;
line-height: 18px;

} 

#screenshotleftblock {
position: relative;
font-size: 11px;
	font-family: arial, helvetica, clean, sans-serif;
	border-bottom: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	width:250px;
	padding:8px;
	background-color:#e4eaef;
	margin:auto;
	height:118px;
	
	float: left;

}

#screenshotblrightblock {
position: relative;
font-size: 11px;
	font-family: arial, helvetica, clean, sans-serif;
	border-bottom: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-top: 1px #dddddd solid;
	width:250px;
	padding:8px;
	background-color:#e4eaef;
	margin:auto;
	height:118px;
	
	float: right;

}

.boxheading  {
    font-style: bold;
	color: #CC0000;
	}

#instructions {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  display: inline-block;
  border: 0px;
  width: 100%;
}

#instructions_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #CC3333;
  text-align: left;
  display: inline-block;
  font-weight: bold;
  border: 0px;
  width: 100%;
}

ol.my-list-style {margin-left: -5px}

ul {
   list-style-type: disc;
   margin-left: 15px;}
	
	
ol {
  display: block;
  font-style: bold;
  color: #333333;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
}

.popbutton {
    display:block;
    flex:1;
    box-sizing:border-box;
    border:1px solid #000000;
	background:#66AA22;
    margin:0;
    padding:0px;
    cursor: pointer;
    user-select:none;
    -webkit-user-select:none;
	-webkit-appearance:none; 
    border-radius:10px 10px 10px 10px;
 
    width:180px;
    line-height:36px;
    font-size:18px;
    font-weight:bold;
    color:#fff;
}

.popbutton:hover { 

 background: orange;
 box-shadow: 0px 0px 1px #777;
}

.ftr {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color:#DDD;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #00f;
}
a.ftr:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #00f;
	font-weight: normal;
	text-decoration: none;
}
a.ftr:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #00f;
	font-weight: normal;
	text-decoration: underline;
}
a.ftr:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #00f;
	font-weight: normal;
	text-decoration: none;
}
a.ftr:visited:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #00f;
	font-weight: normal;
	text-decoration: underline;
}

.adban {
  padding:0px;
  margin:0px;
  position: fixed;
  bottom:0px;
  left:0px;
  z-index: 99;
  width:100%;
  -webkit-transform:translate3d(0,0,0);
}
table.blueTable {
  border: 2px none #333333;
  background-color: #EEEEEE;
  width: 560px;
  text-align: right;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
	padding: 3px 8px;
	border: 1px none #333333;


}
table.blueTable tbody td {
  font-size: 12px;
}
table.blueTable tr:nth-child(even) {
  background: #FFFFFF;
}
table.blueTable thead {
  background: #10144A;
  
  border-bottom: 1px solid #444444;
}
table.blueTable thead th {
  font-size: 12px;
   background: #10144A;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
table.blueTable thead th:first-child {
  border-left: none;
  
  
}
.tablemaintext {
	font: 12px/1.45em arial, helvetica, clean, sans-serif;
	color: #FF0099;
	text-decoration: none;
	border-bottom: 0px #333333 solid;
	border-left: 0px #333333 solid;
	border-right: 0px #333333 solid;
	border-top: 0px #333333 solid;
}
a.tablemaintext:link {
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #00f;
	text-decoration: none;
}
a.tablemaintext:hover {
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #cc3300;
}
a.tablemaintext:visited {
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #00f;
	text-decoration: none;
}
a.tablemaintext:visited:hover {
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #cc3300;
}.BackColumn {
	background-color: #C8D5F3;
	border-right-style: double;
	border-right-color: #333333;
	border-right-width: 3px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;


}
.BackColumnHeading {
	background-color: #6699FF;
	border-right-style: solid;
	border-right-color: #333333;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;


}
.LayColumn {
	background-color: #F2DCED;
	border: none;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	margin-right: 3px;



}
.LayColumnHeading {
	background-color: #FF99CC;
	border: none;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;


}
.TableLine {
	background-color: #FFFFFF;
	width: 2px;
}

#responsive-image {  width: 100%;  height: auto; } 

.mybutton {
    display:block;
    flex:1;
    box-sizing:border-box;
    border:1px solid #000000;
	background:#66AA22;
    margin:0;
    padding:0px;
    cursor: pointer;
    user-select:none;
    -webkit-user-select:none;
	-webkit-appearance:none; 
    border-radius:10px 10px 10px 10px;
 
    width:240px;
    line-height:36px;
    font-size:18px;
    font-weight:bold;
    color:#fff;
}

.mybutton:hover { 

 background: orange;
 box-shadow: 0px 0px 1px #777;
}

.arbbutton {
    display:block;
    flex:1;
    box-sizing:border-box;
    border:1px solid #000000;
	background:#CC3300;
    margin:0;
    padding:0px;
    cursor: pointer;
    user-select:none;
    -webkit-user-select:none;
	-webkit-appearance:none; 
    border-radius:10px 10px 10px 10px;
 
    width:180px;
    line-height:36px;
    font-size:18px;
    font-weight:bold;
    color:#fff;
}

.arbbutton:hover { 

 background: #78799A;
 box-shadow: 0px 0px 1px #777;
}