/*************************************
Add your custom styles here
*************************************/

/*		Box
---------------------------------------------------------------*/

.su-box {
	margin: 0 0 1.5em 0;
	border-width: 2px;
	border-style: solid;
}
.su-box-title {
	display: block;
	padding: 0.5em 1em;
	font-weight: bold;
	font-size: 1.1em;
}
.su-box-content {
	background-color: #fff;
	color: #444;
	padding: 1em;
}
.su-box-style-soft .su-box-title {
	background-image: url('../images/styles/style-soft.png');
	background-position: 0 0;
	background-repeat: repeat-x;
}
.su-box-style-glass .su-box-title {
	background-image: url('../images/styles/style-glass.png');
	background-position: 0 50%;
	background-repeat: repeat-x;
}
.su-box-style-bubbles .su-box-title {
	background-image: url('../images/styles/style-bubbles.png');
	background-position: 0 50%;
	background-repeat: repeat-x;
}
.su-box-style-noise .su-box-title {
	background-image: url('../images/styles/style-noise.png');
	background-position: 0 0;
	background-repeat: repeat-x;
}


.detailbox {
float: right;
background: #f3f3f3;
border: 1px solid#ddd;
padding: 10px;
font-size: 18px;
text-align: center;
margin: 0 0 10px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
}



.detailclaim {background: #AE0D15;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE5959', endColorstr='#860000');
background: -webkit-gradient(linear, left top, left bottom, from(#FE5959), to(#860000));
background: -moz-linear-gradient(top, #fe5959, #860000);
padding: 8px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
margin: 10px 0 5px 0;
font-size: 16px;
text-transform: uppercase;
}

.detailclaim  a {color:#fff;}

.banner {width:728px;margin: 30px auto 20px auto;}

div.featuredcontainer {margin:0 -5px;}
div.featuredbox {
float: left;
width: 212px;
margin: 8px;
padding: 10px;
background: #F3F3F3;
border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #ddd;

}
p.bookmakertitle {background-color: #808080;
color: #fff;
font-size: 18px;
padding: 6px 0;
margin: -10px -10px 20px -10px;
border-radius: 5px 5px 0 0;}
div.featuredbox p {text-align:center;}
p.bettingbonus {
font-weight: bold;
font-size: 19px;
margin: 25px 0 20px 0;
}
div.claimbutton {
background: #AE0D15;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE5959', endColorstr='#860000');
background: -webkit-gradient(linear, left top, left bottom, from(#FE5959), to(#860000));
background: -moz-linear-gradient(top, #FE5959, #860000);
padding: 8px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
margin: 20px 0 10px 0;
font-size: 16px;
text-transform: uppercase;
}
div.claimbutton a {color:#fff;} 

div.bettingsitebox {
border: 1px solid #ddd;
background-color: #F5F3F3;
margin-top: 15px;
border-radius: 5px;
-moz-border-radius
background: #eee;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f3f3');
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#f5f3f3));
background: -moz-linear-gradient(top, #808080, #f5f3f3);
padding:10px;
}

div.claimbox {
float: right;
line-height: 30px;
font-size: 15px;
text-transform: uppercase;
padding: 0px 10px;
height: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
background: #009;
width:180px;
text-align:center;
}

div.claimbox a {color:#ff0;}

div.bettingsiteicon {width: 100px;
margin-right: 10px;
float: left;
}

div.bettingsitetitle {float: left;
font-weight: bold;
line-height: 30px;
font-size: 100%;
}

div.bettingsitedescription {clear: left;
padding-top: 10px;}

div.bettingtitlecontainer {
border-bottom: 1px solid #cecece;
padding-bottom: 10px;
}

div.listcontainer {margin:15px 0;}