@charset "utf-8";

/* CSS Document */
h3{
	margin-left:10px;
	color:#f54035;
}
h2,h3,h4 { font-family: 'Arial', tahoma, serif; }
h2{
	margin-top:0px;
	color: #f55035;
	margin-left:10px;
	}
h4{
		

	margin-left:10px;
	}
p{	
	line-height: 19px;
	font-size:12px;
	font-family: 'verdana', arial, serif; 
	}
.note{
	color:#f55035;
	font-size:12px
	
}
.error{

	display:none;	
	
	background:#FFE6E6;
	width:100%;
	

	
}
input{
	
	    display: block;
    border: solid 1px #ffa675;
	width:250px;
	margin-left:100px;
	
	
}
 textarea{
	width:450px;
	height:150px;
	    border: solid 1px #ffa675;
	margin-left:100px;
	resize: none;
	
}
#addContest{
	width:150px;
	float:right;
	margin-top:10px;
	padding:10px;
		background:#f55035;
}
#addContest a{
	color:#fff;
	font-size:15px;
	text-decoration:none;
}
#listContests{
	border-collapse:collapse; 
}
#listContests .header{
height:40px;
text-align:center;
	color:#f55035;
	font-size:14px;
	padding-bottom:20px;
}
#listContests td{
	padding-right:40px;
	
}

#listContests dt{
	
	padding-bottom:10px;
}
#listContests dt a{
	font-weight:bold;
	text-decoration:none;
	color:#FD794D;
}
#listContests  #contest td{
border-bottom:1px #f55035 solid;
font-size:13px;	
padding:20px;
}
#listContests dd{
	color:#333;
	
	
}

#single-contest h4{
	margin:0;
	padding-left:10px;
	color:#FFF;
	background:#f55035;
}
#contestImage{
	margin-top:50px;
	margin-left:20px;
	width:300px;
	float:left;
		display:block;
		vertical-align:bottom;
	height:100%;
	
}
#contestDetails{
	margin-top:10px;
	margin-right:20px;
	width:580px;
	float:right;
	
		display:block;

	}
	#contestDescription{
		color:#333;
		font-size:14px;
	margin-left:30px;

	}
#contestDetails a{
	text-decoration:none;
}
#contestDetails li{
	list-style:none;
	color:#f55035;
	margin-bottom:10px;
		font-weight:bold;

}
#contestDetails li p{
	color:#333;
	font-weight:normal;
}

.error p{
		line-height:35px;
	vertical-align:middle;
	font-size:18px;
	text-align:center;
	width:600px;
	margin:auto;
	padding-left:50px;
	background:url(../images/errorIcon.png) no-repeat left;
	color:#E40707;
}
.success{

	display:none;	
	
	background:#68f680;
	width:100%;
	

	
}
.success p{
	line-height:35px;
	vertical-align:middle;
	font-size:18px;
	text-align:center;
	width:600px;
	margin:auto;
	padding-left:50px;
	background:url(../images/checkIcon.png) no-repeat left;
	color:#008616;
}

#CForm{
width:400px;
float:left;	
}
#contactDetails{
	color:#333;
	width:510px;
	float:right;
	padding:10px;

	
}
#contactDetails p{
	font-size:16px;
	
	
}

#contactDetails li{
	list-style:none;
	margin-left:40px;
	font-size:14px;
	margin-top:10px;
	
	
}
#sortTwitter{
	background:url(../images/bgButton.png) no-repeat;
	width:175px;
	height:78px;
	float:right;
}
#sortTwitter a  {
	text-decoration:none;


}
#sortTwitter h3 {
	width:95px;
font-size:20px;
margin:13px 0 0;
padding:0 0 0 20px;


}


#home #top #menu li.home,
#register #top #menu li.register,
#contestsList #top #menu li.contestsList,
#tools #top #menu li.tools,
#help #top #menu li.help,
#about #top #menu li.about,
#contact #top #menu li.contact{ 
	background: url(../images/menuActiveBG.jpg) no-repeat center center;
		height:50px;
width:77px;
	color:#FFF;
	z-index:0;
}

html, body {
	background:#1D1D1D;
font-family:Tahoma, Geneva, sans-serif;
padding: 0; 
margin: 0; 
height:100%;
text-align: center;
} 
.facebookButtons{
	margin-left:20px;
}
.button{
	background: #ffd1c1;
	padding:5px;
	 border:3px solid; 	
	border-color:  #f55035;
	margin-left:20px;
	}
	.button:hover{
		background: #f55035;
	padding:5px;
	 border:0; 	
	  border:3px solid; 
	  border-color:  #f55035;
	 color:#fff;

		}
#msg {
	margin-top: 20px;
	display:none; 
	color:#f55035;
	
	}
#msg p{
	background: url(../images/alertIMG.png) no-repeat;
	width: 128px;
	height:128px;
	margin: auto;
text-align: left;
	
	}
	#load {  
  
   
    display: none;
    
    background: url(../images/ajax-loader.gif) no-repeat;  
    width: 51px;  
    height:  31px;  
    margin:100px 0px 0px 260px;
    
    
   
}  
#page{

	width:950px;
	margin:0px auto;
	text-align:left;

}
#top  {
width:950px;
height:50px;


background:#2d2d2d;
border-bottom:#f55035 solid 3px;


}
#top #menu{
	width:550px;
	float:left;
}
#top #menu  li{
line-height:50px;
width:73px;

border-right:solid 1px #202020;
	list-style:none;
	float:left;
position:relative;

}
 #top #menu li a {
	text-align:center;
	display:block;
	font:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	font-size:14px;
	color:#FFF;
	z-index:20;
	position:relative;

}
#top #menu  li .hover{
	
	background: url(../images/menuActiveBG.jpg) no-repeat center center;
	position:absolute;

		top:0;	
		height:50px;
width:77px;
	color:#FFF;
	z-index:0;
	display:none;
}

#header{
width:950px;



	height:130px;
	background:#FFF;

}
#logo {
	
	padding-top:10px;
	margin-left:15px;
	float:left;
}
#logo a {
	
	text-decoration:none;
	border:0;
}


#followMe{
	width:142px;
	padding:10px 5px 5px 20px;

	float:right;
	border-bottom:5px #f55035 solid;
	
}
#followMe .followIcons{
	width:160px;
	display:block;	
}

#followMe a{
	text-decoration:none;
	border:0;
		float:left;
	margin:2px;

}
#followMe .follow{
	font-size:20px;

	color:#F60;
}
#top #rightSide{
	float:right;
	color:#f55035;
	font-size:13px;
	width:340px;
	height:50px;
	

}

#top #rightSide .loginMessage{
	padding:10px 0px 0px 10px;
	float:left;
	width:140px;
	color:#ea2607;
	display:none;
}
#top #rightSide .membersPage a{
	text-decoration:none;
		color:#f55035;
		margin-right:10px;

}
#top #rightSide .membersPage{
	font-size:14px;
	display:none;
	width:300px;

}
#top #rightSide input{
	margin-left:10px;
	

}
#top #rightSide .language{
width:100px;
float:right;
}
#top #rightSide .language a{
	margin-right:5px;
}

#top #rightSide table {
	width:300px;
	float:right;
	color:#FFF;
}
#top #rightSide table{
	border-collapse: collapse;
}
#top #rightSide .inputField{
	width:120px;
	background:#2d2d2d;
	color:#f55035;
	border:solid 1px #202020;
	
}
#top #rightSide .formButton{
	width:55px;
	height:20px;
	background:#f55035;
	color:#FFF;
	
	border:none;
}
#top #rightSide span{
	font-size:10px;
}
#content{
width:950px;
height:100%;

background:#E5E5E5;

border-top:#f55035 solid 3px;
padding:0 0 10px 0;
}
#content #briefInfo{
	background:#FFF;
	width:600px;
	
	margin:0px  0px 0px 0px;
	padding:5px;
	float:left;

}
#content #briefInfo li{
	list-style:none;
	line-height:26px;
	color:#666;
	font-size:14px;
	margin-left:70px;
	padding-left:20px;
	background:url(../images/bullet.jpg) no-repeat left;

}
#content #briefInfo li a{
	text-decoration:none;
	color:#F63;
	font-weight:bold;

}
#content #briefInfo img{

	margin:10px 10px 0px 25px;

	
}
#content #briefInfo #scheme{
	margin-left:20px;
	background:url(../images/scheme.png) no-repeat left;
	height:128px;

	
}



#content #briefInfo h3{
	color:#FF852B;
}
#content #briefInfo  .p1{
	color:#333;
	margin-left:10px;
}
#content #briefInfo  .p2{
	color:#4D4D4D;
	margin-left:25px;
}
#content #general{
	
background:#FFF;
	
	width:310px;
	height:350px;
	margin:13px 10px 0px 0px;
	float:right;
	
}
#content #featured{
	margin:0px 10px 0px 0px;
	float:right;
	padding:5px;
	background:#f55035;
	width:300px;
	height:280px;
}

#content #featured h4{
	margin:5px;
	color:#FFF;
}
#content #slide a{
	text-decoration:none;
		vertical-align:middle;

}

#center{
margin:20px 0 0 10px;
	}
	/*/////////////////////////Login Page ///////////////////////////////*/
	#login{
	text-align:center;
	
}
	#loginForm {
	margin:auto;
	padding-right:100px;
	text-align:left;
	width:380px;
	
	
}
#loginForm label{
	line-height:0;
	margin-left:70px;
	height:15px;
	display:block;
	width:140px;
	
	
}

	/*//////////////////////////Register Page////////////////////////////////*/
	#registerForm {
	width:300px;
	margin-left:40px;
	
}
#registerForm label{
	margin-left:80px;
	
}
	#registerForm input{
	width:200px;
	
	
	
}
#registerForm .button{
	width:100px;
	float:right;
	
	
	
}
/*//////////////////////////////Raffle Page////////////////////////////////*/
#mainBox {
background:#FFF;
	
	width:930px;
	height:458px;
margin:20px 0 0 10px;
text-align: left;

	text-align:left;
}

#mainBox #toolList {
	background: #fafafa;
	padding-left: 10px;
	float:right;
	width:280px;
	height: 100%;
	
}
#mainBox #toolList h3{
	background:url(../images/toolsIMG.png) no-repeat;
	padding:10px 0px 0px 48px;
	height: 48px;
	
}


#mainBox  #toolList li {
	margin-bottom:1px; 
	margin-right: 20px;
	background: #ffad7b;
	list-style:none;
	position: relative;
	top: 0;
	right: 0;
	width: 260px;
	z-index: 20;
	
}
#mainBox #toolList li a{
	color: #fff;
	display:block;
	padding-right: 10px;
	line-height: 60px;
	text-align:right;
	text-decoration:none;
	

}
#mainBox #toolList li .hover{
	
	background: #ff6508;
	width:260px;
	position:absolute;	
	right: 0;
		top:0;	
		height:60px;
	color:#FFF;
	z-index:-1;
	display:none;
}
#mainBox #toolList li .selected{
	background: #ff6508;
}
#toolList li #sortingOptions{
background:url(../imgs/tools/sortingOptions.png) no-repeat left;
margin-left:20px;
}
#toolList li #randomNumbers{
background:url(../imgs/tools/randomNum.png) no-repeat left;	
margin-left:20px;
}
#toolList li #euroMillions{
background:url(../imgs/tools/euroMillions.png) no-repeat left;	
margin-left:20px;
}
#toolList li #lotto{
background:url(../imgs/tools/lotto.png) no-repeat left;	
margin-left:20px;
}
#mainBox #leftPane #resources li {
	margin-bottom: 10px;
	
}
#mainBox #leftPane {
	float:left;
	width:610px;
	
}
#results #utilities {
	
	margin-right:10px;
	display:block;
	float:right;
	
	
	
}
#results #utilities li{
	display:block;
	padding:5px 0px 0px 0px;
	text-align:center;
	list-style:none;
	float:right;
	font-size:16px;
	
}
#results #utilities li a{
	background:#f55035;
	color:#fff;
	text-decoration:none;
	padding:5px;
	width:120px;
	
}
#utilities li a:hover{
	
	background:#f55035;
	color:#fff;
	text-decoration:none;
	padding:5px;
	width:120px;
	

	
}

#utilities textarea#share {
	background:#FFF;
	color:#666;
	border:#CCC 1px solid;
	
	display:none;
	font-size:12px;
	resize:none;

	z-index:10;
	
}
#socialShare #directLink {
	margin-top:10px;
	

	display:none;
	font-size:12px;
	
	z-index:10;
	
}
#socialShare h4, #socialShare p{
	color:#FFF;
	
}
#socialShare h4{
	
	padding:10px 5px 20px 10px ;
	margin:0px;
	
}
#results{
		
		background: #fff;
}

#results #data{
	padding-bottom:15px;
	margin-top:50px;
	background:url(/images/stamp.png) repeat;
	display:block;
	
}


 #dataTop{
	text-align:center;
	display:block;
	
	
}
#data #calendar{
	text-align:left;
	margin:auto;
	padding:18px 0px 0px 80px;
	height:70px;
	background:url(/images/calendar.png) no-repeat ;
	font-size:23px;
	width:100px;
	
	
}

#results #socialShare{
	position: absolute;
    width: 400px;
    height: 80px;
	padding: 5px 20px;
    left: 49%;
    top: 50%;
    margin-left: -180px;
    margin-top: -180px;

		background:url(images/overlay.png);
		display:none;
		z-index:2000;
		
		
	
}
#bgOverlay { background:#000; position:absolute; left:0; top:0; display:none; overflow:hidden; z-index:100;}

#results #socialShare #cross{
		float:right;
		height:34px;
		width:34px;
		border:0;
		text-decoration:none;
		
	
}
#results #socialShare img{
		border:0;
		text-decoration:none;
}
#results #data #sortedList{
	margin-left:40px;
	font-size:16px;
	text-align:left;
	
}
#showResults{
	width:930px;
}
#results #data .numeration{
	font-size:20px;
	color:#333;
	
	
}
#tool{
	background: #fff;
	}
#tool h2{
	color:#f55035;
	}
	#tool h3{
	color:#f54035;
	}
#tool strong {
	color: #787878;
	}
#tool p{
	margin-left:20px;
}
table#euroNumbers td{
	font-size: 20px;
	width: 70px;
	height: 64px;
	text-align: center;
	background:url(../images/square.png) no-repeat center;
	}
	table#totoNumbers td{
	font-size: 20px;
	width: 70px;
	height: 64px;
	text-align: center;
	background:url(../images/square.png) no-repeat center;
	}
table#euroStars td{
	font-size: 20px;
	width: 70px;
	height: 64px;
	text-align: center;
	background:url(../images/star.png) no-repeat center;
	}

#sorterForm textarea{
	resize:none;
	
	width:400px;
	height:200px;

}


#sorterForm select{
width:200px;
}
#sorterForm {
	
	width:610px;
	position:relative;
	z-index:1;
}

#sorterForm p{
	
	font-size:18px;
	color:#f55035;
	margin-bottom:20px;
}
#sorterform h5{
margin:0;
	
}
#sorterForm img{
	vertical-align:top;
	float:right;
	margin:0px 200px 5px 0px;
	text-decoration:none;
	border:0;
}


#tool #facebookForm select{
width:200px;
}
#tool #facebookForm {
	
	width:610px;
	position:relative;
	z-index:1;
}

#tool #facebookForm p{
	
	font-size:18px;
	color:#f55035;
	margin-bottom:20px;
}
#tool #facebookForm h5{
margin:0;
	
}
#tool #facebookForm img{
	vertical-align:top;
	float:right;
	margin:0px 200px 5px 0px;
	text-decoration:none;
	border:0;
}

#tool #facebookForm {
	margin:0px 0px 0px 40px;
}
#tool #facebookForm  input#groupID{
	width:300px;;
}
#tool #facebookForm  select{
	width:300px;;
}

 .tipTwitter{
	 font-size:10px;
	 
	background:#FFE8DD;
	color:#FF6D0D;
	vertical-align:top;
	
	
	display:none;
	width:200px;
	height:60px;
	opacity:0.77;
	position:absolute;

	z-index:200;
	

}
 .tip1{
	 font-size:10px;
	 
	background:#FFE8DD;
	color:#FF6D0D;
	vertical-align:top;
	
	
	display:none;
	width:200px;
	height:60px;
	opacity:0.77;
	position:absolute;
top:0;
	right:0;
	z-index:2;
	

}
 .tip2{
	font-size:10px;
	 
	background:#FFE8DD;
	color:#FF6D0D;
	vertical-align:top;
	display:none;
	width:200px;
	height:75px;
	opacity:0.7;
	position:absolute;
	top:15%;
	right:0;
	z-index:2;
	

}
 .tip3{
	  font-size:10px;
	 
	background:#FFE8DD;
	color:#FF6D0D;
	vertical-align:top;
	display:none;
	width:200px;
	height:60px;
	opacity:0.7;
	bottom:9,8%;
	right:0;
	position:absolute;
	z-index:2;
	

}
.tipExamples{
	  font-size:10px;
	 
	background:#FFE8DD;
	color:#FF6D0D;
	vertical-align:top;
	display:none;
	width:200px;
	height:120px;
	opacity:0.7;
	bottom:9,8%;
	right:0;
	position:absolute;
	z-index:2;
	

}
	#info{
		margin: 10px;
		}
	
	#about #mainBox img{
	padding:5px;
	}
	

		#tools #mainBox #leftPane li{
			color: #6b6b6b;
		list-style: none;
		margin: 0px 0px 10px 20px;
		font-size: 12px;
		}
		#tools #mainBox #leftPane li span{
		color:#000;
		}
		#contactForm {
	width:200px;
	
}
#contactForm input{
	width:250px;
	margin-left:50px;
	
	
}
#contactForm textarea{
	resize:none;
	width:350px;
	height:200px;
	margin-left:50px;
	
}
#v1, #v2, #v3, #v4, #v5, #v6

{
float:right;
margin-left:50px;
background:no-repeat;
padding-left: 20px;

width: 200px;

height: 16px;

}


#sorterOptions{
width:600px;
margin:50px 0px 0px 5px;
text-align:left;	
}
#sortAList{
background:url(../images/sortListIcon.png) no-repeat;
width:180px;
height:90px;
margin-left:10px;
float:left;
}
#sortAList h4{
padding-top:10px;
padding-left:70px;
color:#333;
}
#sortFacebook{
background:url(../images/sortFBIcon.png) no-repeat;

width:180px;
height:90px;
margin-left:10px;
float:left;


}
#sortFacebook h4{
padding-top:10px;
padding-left:70px;
color:#333;
}
#sortMyFollowers{
margin-left:10px;
background:url(../images/sortMFIcon.png) no-repeat;
width:180px;
height:90px;
float:left;

}
#sortMyFollowers h4{
padding-top:10px;
padding-left:70px;
color:#333;
}
#footer{
	font-size: 12px;
	background: #f55035;
	height: 20px;
	padding-top: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: right;
	}