/*   
Theme Name: FreeBetExplorer
Theme URI: http://www.freebetexplorer.com
Description: FreeBetExplorer Theme
Author: Marius Mihaila
Author URI: http://www.mariusonlinemedia.ro
Version: 1.0
.
All right for this theme are reserved to the author. Reproducing the entire theme or only certain design parts of it it strictly forbidden.
.
*/

/* 
	Background-Styles 
*/
ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background-color:#e7e7e7;
}

img {
	border: 0;
} 

#claimnow {
height:46px;
width:176px ;
background-image: url(images/claimnow.jpg);
background-repeat:no-repeat;
margin:0 auto;
display:block;
padding:0px;
}


#claimnow a{
background-image: url(images/claimnow.jpg);
background-repeat:no-repeat;
width:176px;
height:46px;
display:block;
}
#claimnow a:hover{
background-image: url(images/claimnow.jpg);
background-repeat:no-repeat;
background-position: 0 -46px;
width:176px;
height:46px;
display:block;
}

.rightsidebartarget {
background-image: url(images/target.png);
background-repeat: no-repeat;
width:48px;
height:48px;
	float:right;
	padding-bottom:0px;
	padding-top:3px;
	padding-right:10px;
}

.rightsidebarmail {
background-image: url(images/mail.png);
background-repeat: no-repeat;
width:48px;
height:48px;
	float:right;
	padding-bottom:0px;
	padding-top:3px;
	padding-right:10px;
}	



.rightsidebarusers {
background-image: url(images/users.png);
background-repeat: no-repeat;
width:48px;
height:48px;
	float:right;
	padding-bottom:0px;
	padding-top:3px;
	padding-right:10px;
}	

.rightsidebarhelp {
background-image: url(images/help.png);
background-repeat: no-repeat;
width:48px;
height:48px;
	float:right;
	padding-bottom:0px;
	padding-top:3px;
	padding-right:10px;
}	

#main {
	width:960px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.container {
	width:100%;
	padding:1px;
	overflow:hidden;
}
#lefttop {
	float:left;
	margin-left:10px;
}
#lefttop h1 {
		padding:5px;
		margin:0px;
		font-size:12px;
}
#righttop {
	float:right;
	margin-right:10px;
	
}
.red {
	color:#900;
}

.prelist {
	line-height:20px;
}
.text {
	text-align:left;
	padding-left:30px;
}
.offer {
	text-align:left;
	margin-top:10px;
	margin-bottom:5px;
	border:1px  #9E9E9E solid;
	background-color: #f2f2f2;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:490px;
	margin-left:20px;
	height:50px;
	line-height:16px;
	-moz-border-radius:5px;
}
.topclaim a{
	color:#900;
	font-weight:bold;
}
.topclaim a:hover {
	color:#900;
	text-decoration:none;
	font-weight:bold;
}
.offer img {
	vertical-align:middle;
}




.link a {
	color:#06C;
	text-decoration:underline;
}
.link a:hover {
	color:#06C;
	text-decoration:none;
}



.flagcountry {
	padding-bottom:0px;
	padding-top:0px;
	padding-right:3px;
}
#header {
	background-color:#fff;
	-moz-border-radius:5px;
	overflow:hidden;
	width:100%;
}
.logo {
	padding:15px;
	border:0px;
}

#menu {
	width: 100%;
	background: url(images/menu.gif) repeat-x;
	height: 50px;
	-moz-border-radius: 5px;
	margin-top:10px;
	line-height:50px;
}

#menulink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #fff;
	margin:0px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	
}
#menulink li {
	list-style:none;
}
#menulink ul {
	padding:0px;
	margin:0px;
}
#menulink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #fff;
	background-image:url(images/menu_hover.gif);
	background-repeat:repeat-x;
	margin:0px;
	float:left;
	padding-left:15px;
	padding-right:15px;

}

.bookmark {
	background-image:url(images/menu_left.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:50px;
	width:63px;
	float:left;
	display:block;
}
.allbets {
	float:right;
	background-image:url(images/menu_right.gif);
	background-position:right;
	background-repeat:no-repeat;
	color:#FFF;
	padding-right:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	list-style:none;
}
.allbets ul{
	list-style:none;
}
#allbetslink a {
	text-decoration:none;
	color:#fff;
}
#allbetslink a:hover {
	text-decoration:underline;
	color:#fff;
}
.headleft {
	float:left;
	overflow:hidden;
	background-image:url(images/headlogo.jpg);
	background-repeat:no-repeat;
	background-position: right;
width:418px;
height:120px;
display:block;

}
.headright {
	float:right;
	padding-right:15px;
}

.headright h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	text-indent:20px;
}
#searchform {
	padding-top:10px;

	}
.headred {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-indent:20px;
	color:#900;
	font-style:italic;
	float:left;
	padding-right:15px;
}
.toplogo {
	padding:2px;
	float:left;
	margin-right:20px;
}
.toptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}

#searchform #s {
	width: 340px;
	background-image:url(images/search_submit_form.gif);
	background-repeat:no-repeat;
	border:0px;
	height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	color:#006599;
	font-weight:bold;
	vertical-align:top;
	margin-top:2px;
	margin-left:20px;
	padding:5px;
	}

#searchsubmit {
	background-image: url(images/search_submit.gif);
	background-repeat:no-repeat;
	margin:0px;
	border:0px;
	width:153px;
	height:37px;

}
#container {
	width:100%;
	overflow:hidden;
}
#containerright {
	float:right;
	width:310px;
}
#containerleft {
	float:left;
	width:640px;
}
#news {
	background-color:#fff;
	-moz-border-radius:5px;
	overflow:hidden;
	width:100%;
	margin-top:10px;
}
#news h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	margin:0px;
	padding:10px;
}
#news h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	font-weight:normal;
	padding:10px;
	padding-bottom:0px;
}
#news h3 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px;
	text-decoration:none;
	color:#000;
}
#news h3 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0px;
	text-decoration:none;
	color:#06C;
}
#news p {
	padding:5px;
	padding-left:10px;
	padding-top:0px;
}
.line {
	width:100%;
	height:1px;
	border-top:1px black solid;
}
.bluelink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006599;
	padding:10px;
	float:right;
}
.bluelink a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006599;
	text-decoration:none;
}
.bluelink a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-decoration:none;
}

.col1 {
	float:left;
	width:28%;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:550;
	

}
.col1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-decoration:none;

}
.col1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #069;

}
.col2 {
	float:left;
	width:14%;
	text-align:center;
	position: relative;

	
}
.col2 img{
	padding-top:5px;
	
}

.col3 {
	float:left;
	width:40%;
	position:relative;
	font-style:italic;


}
.col3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #900;
	text-decoration:none;

}
.col3 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #900;
	text-decoration: underline;

}
.col4 {
	float:left;
	width:18%;
	position:relative;

}
.col4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-decoration:none;

}
.col4 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #069;

}



.sepbet {
	overflow:hidden;
	width:100%;
	margin:0 auto;
	margin-left:5px;
	margin-right:5px;
	background-image:url(images/list_sep.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
}

.right {
	float:right;
	padding:10px;
	padding-top:22px;
	padding-bottom:0px;
}
.left{
		float:left;
}
.red {
	color:#900;
}
.sidebarbox {
	padding:10px;
	text-align:justify;
	line-height:17px;
}
.rightsidebar {
	float:right;
	padding-bottom:0px;
	padding-top:3px;
	padding-right:10px;

}
.quickboxright {
	float:left;
	width:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;

}

.quickboxleft {
	float:left;
	width:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#footer {
	background-color:#fff;
	-moz-border-radius:5px;
	overflow:hidden;
	width:960;
	margin-top:10px;
	padding:10px;
	line-height:20px;
}
#footer a{
	color:#069;
	text-decoration:none;
}
#footer a:hover{
	color: #000;
	text-decoration: none;
}
.social {
	float:left;
	padding:12px;
	padding-top:7px;
	padding-bottom:0px;
}
.socialsep {
	background-image:url(images/social_sep.gif);
	background-repeat:no-repeat;
	height:70px;
	width:5px;
	float:left;
}
.sidebarcom {

	padding-bottom:5px;
	padding-top:5px;
}
.sidebarcom a{
	color: #666;
	text-decoration: none;
	font-size:10px;
}
.sidebarcom a:hover{
	color:#000;
	text-decoration: none;
	font-size:10px;

}
.sidebarcom li {
	list-style:none;
	background-image: url(images/list_sep.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	margin-top:5px;
	padding-bottom:5px;
	

}
.sidebarcom img {
	float:left;
	padding-right:5px;
	
}
.rightsingle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#900;
	float:right;
	padding-right:20px;
	line-height:46px;
	padding-top:4px;
}
.rightsingle img{
	padding-right:7px;
	float:left;
	vertical-align:middle;
}
.footerright {
	float:right;
        vertical-align:middle;
}
.footerleft {
	float:left;
}


.bluelinkfaq {
	color:#069;
	padding:10px;
}
.bluelinkfaq a {
	color:#069;
	text-decoration:none;
}
.bluelinkfaq a:hover{
	color: #000;
	text-decoration: none;
}


#offer {
	background-image:url(images/free_bet_guy.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	float:right;
	height:480px;
	width:240px;
	border-left: 1px #CCC dotted;
	margin-top:10px;
	margin-left:5px;
}
.inlogo {
	height:73px;
	width:125px;
	margin-top:160px;
	margin-left:85px;
}

.description {
	line-height:18px;
	color:#044666;
	padding-right:8px;
	padding-bottom:5px;
	
}
.descriptiong {
	line-height:18px;
	padding-right:8px;
	padding-bottom:5px;
	
}
.claim {
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	text-align:center;
}
.claim a{
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
}
.claim a:hover{
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:underline;
}





.block {
	background-color:#fff;
	-moz-border-radius:5px;
	overflow:hidden;
	width:100%;
	margin-top:10px;
}
.block h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	margin:0px;
	padding:10px;
}
.block h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	margin:0px;
	color:#000;
	text-decoration:none;
}
.block h2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	margin:0px;
	color:#06C;
	text-decoration:none;
}
.block h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	font-weight:normal;
	padding:10px;
	padding-bottom:0px;
}





.block p {
	padding:5px;
	padding-left:10px;
	padding-top:0px;
}



.description ul {
	margin-left:40px;
}

.description h3 {
	text-decoration:underline;
	padding-bottom:15px;
}
.description table {
	border:1px solid black;
	-moz-border-radius:5px;
	margin:10px;
	border-collapse:collapse;
	
}
.description td {
	border-collapse:collapse;
	border:1px solid black;
	padding:5px;

}



.verified {
	margin-top:150px;
	margin-left:40px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	line-height:48px;
}

		.verified img {
			float:left;
		}

@charset "UTF-8";

/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	overflow: hidden;
	outline:none;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	background-color: #FFF;
	border-top: solid 1px black;
	margin: 0px;
	padding: 5px;
	background-image:url(images/add.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 170px;
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #FFF;
	background-image:url(images/remove.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;

}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #000;

}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #000;

}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #FFF;
	background-image:url(images/add.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #FFF;
	background-image:url(images/remove.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}



