@charset "utf-8";
/* CSS Document */

/* LOTTERY NETWORK - TEMPLATING ENGINE */

body{
background-color:#93100D;
}

/*first container on first page - heres where the background logo is*/
#cont1{
height: 212px;
background-color:#FFFFFF;
background-image:url(http://www.lotterynetwork.net/partners/assets/images/defaulttemplateimages/topbackground_001-Stars.jpg);
background-repeat:no-repeat;
}

/*first container  on all other pages - heres where the background logo is. make sure body id has "innerpage" in other pages*/
#innerpage #cont1{
height: 134px;
background-color:#FFFFFF;
background-image:url(http://www.lotterynetwork.net/partners/assets/images/defaulttemplateimages/topbackground_001-Stars.jpg);
background-repeat:no-repeat;
}


/*header colour h1*/
#cont1 h1{
color: #000000;
font-size: 38px;
float: right;
margin-right: 20px;
font-weight:normal;
}

/*second container background colour*/
#cont2{
margin-top: 2px;
background-color:#F9F499; 
padding: 10px 10px 30px 20px;
}

/*colour of the headings of the content blocks*/
.temgamestop{
height: 26px;
background-color:#93100D; 
color:#FFFFFF;
font-size: 15px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 5px 0px 0px 5px;
}



body{
font-family:Trebuchet MS, arial, Times, serif;
font-size: 13px;
}

/* This is used on the deposit options page for the table elements because the text must be a different colour to the bg*/

.tablerowtextcolour{
color: #FFFFFF;
background-color:#333333;
}

ul, li{
margin: 0px;
padding: 0px;
}

.error {
color:red;
}

.clear{
clear:both;
}


img{
border: none;
}

#container {
width: 900px;
margin: 0 auto ;
}


#header {
width: 900px;
background-color:#E1E1E1;
height: 142px;
}


#blackbar {
background-color:#000000;
height: 21px;
text-align:right;
color:#FFFFFF;
font-size: 12px;
padding: 3px 8px 0px 0px;
}

#blackbar a{
color:#FFFFFF;
text-decoration: none;
}


.logo{
margin: 10px 0px 4px 7px;
float:left;
}


#main {
width: 860px;
background-color:#E1E1E1;
padding: 20px;
margin: 20px 0px 4px 0px;
}

#register #main{
padding: 0px 20px 20px 0px;
width: 880px;
}


h1{
color:#FFFFFF;
font-size:12px;
float:left;
margin: 0px 0px 0px 8px;
}


h2{
color:#FFFFFF;
padding: 7px 70px 7px 13px;
background-color:#BB241C;
float:left;
margin: 0px;
}

#mainleft{
float:left;
width: 560px;
margin: 20px 45px 0px 0px ;
}


#mainright{
float: left;
margin: 20px 0px 0px 0px;
}


#aboutleft{
float:left;
width: 860px;
margin: 20px 0px 0px 0px ;
}



#site {
width: 530px;
background-color:#F3F3F3;
padding: 10px 20px 10px 10px;
margin-bottom: 20px;
color: #333333;
line-height: 22px;
float:left;
}


#siteright {
width: 240px;
background-color:#F3F3F3;
padding: 10px 0px 60px 30px;
margin-bottom: 20px;
color: #333333;
float: left;
}



#innerpage #siteright{
padding: 46px 40px 55px 0px!important;
}


#howleft {
width: 390px;
background-color:#F3F3F3;
padding: 10px;
margin: 0px 20px 20px 0px;
color: #333333;
float:left;
}

#howright {
width: 390px;
background-color:#F3F3F3;
padding: 10px;
margin-bottom: 20px;
color: #333333;
float: left;
}


#register #site{
margin-left: 20px;
}

#site a{
color: #000000;
}


#righthead{
float:right;
margin: 10px 8px 0px 0px;
}


#nav{
float:right;
margin: 60px 12px 0px 0px;
}


#nav ul{
margin: 0px;
padding: 0px;

}


#nav ul li{
color:#FFFFFF;
padding: 3px 10px 3px 10px;
background-color:#D66425;
float:left;
list-style-type:none;
margin-left: 10px;
}

#nav ul li a{
color:#FFFFFF;
text-decoration:none;
}


#benefits ul{
margin: 0px 0px 0px 5px;
padding: 0px;
}


#benefits ul li{
padding: 10px 30px 0px 30px;
background-image:url(../images/tick.png);
background-repeat:no-repeat;
list-style-type:none;
margin: 0px 0px 0px 0px;
height: 30px;
}

#benefits ul li a{
color:#FFFFFF;
text-decoration:none;
}



#bluebar{
background-color:#4887D2;
color:#FFFFFF;
padding: 8px;
font-size: 15px;
}

.blue{
color:#3275C7!important;
font-weight:bold;
}

.blue a{
color:#3275C7!important;
}

#footer{
color:#666666;
text-align:center;
}


.field{
width: 230px;
margin-bottom: 11px;
}

.regform{
margin-top: 8px;
}

.button{
background-color:#D66425;
padding: 4px;
border:none;
color: #FFFFFF;
}

.floatleft{
float: left;
margin-right: 10px;
}


.acctnav2{
float: left;
margin: 20px 40px 20px 20px;
}


.acctnav2 li{
list-style-type:none;
background-color: #D1D1D1;
padding: 6px 90px 6px 10px;
margin-bottom: 3px;
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
background-position: 180px 8px;
}


.acctnav2 li a{
color: #000000;
text-decoration:none;
}


.temcontent{
background-color:#FFFFFF;
padding: 10px;
float: left;
}

/* generic non-changing template css */

#topright24
{ 
height: 23px; 
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 11px; 
text-align: center; 
float: left;
width: 570px;
margin-top: 8px;
}

#topright25{
float: right;
width: 350px;
height: 38px;
}


#bottombar{
background-color:#000000;
height: 28px;
font-size:12px;
}


#topright23
{ 
height: 23px; 
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 11px; 
text-align: center; 
}

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
color: #000;

}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
  display:table;         /* ignored by IE */
  text-align: center; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border:0px solid #06a; /* add a border to show size of menu */
  }


.mainitems a{
	display:block;         /* for all browsers except IE */
	padding-left:10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#FFFFFF;
	font-weight:bold;
	border:0px solid #fff; /* add a 1px white border around items */
	text-decoration:none;

}

.mainitems a:hover {
  color:#fff;

}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 2.1em;
left: 0;
background-color: #f7f7f7;
border: 0px solid black;
text-align: left;
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: none;
background-color:#000000;

}

.subuls li a:hover { background-color:#999999; }

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;


}


#containertemp{
width: 950px;
margin: 0 auto;
border: 1px solid #CCCCCC;
}



#blackbartemplate{
background-color:#000000;
width: 950px;
height: 40px;
}

/* This is used on the inner pages and displayes the PLAY button + Background */

#cont1text{
float: left;
width: 400px;
margin: 50px 0px 0px 270px;
height: 67px;
background-image:url(../images/playarrow.png);
background-repeat:no-repeat;
padding: 12px 0px 0px 60px;
font-size:40px;
}

#cont1text a{
color: #000000;
text-decoration:none;
}


#index #cont1text{
background:none;
font-size: 13px;
width: 420px;
padding: 12px 0px 0px 30px;
}



#cont1logo{
float: left;
margin-left: 50px;
}


.submitwhite{
cursor: pointer;
padding: 4px 8px 4px 8px;
background-color:#ffffff;
color: #000000;
border: 0px;
font-size:14px;
margin: 10px 0px 0px 5px;
}

.submitsmallwhite{
cursor: pointer;
background-color:#ffffff;
color: #000000;
border: 0px;
font-size:12px;
font-weight: bold;
margin: 5px 0px 0px 0px;
}

.submitsm{
cursor: pointer;
padding: 2px 8px 4px 8px;
background-color:#D1D1D1;
color: #000000;
border: 0px;
font-size:14px;
margin: 5px;
}

.temgames{
width: 190px;
background-color:#FFFFFF;
margin: 25px 25px 0px 5px;
float: left;
border: 1px solid #999999;
}

.temgamestext{
padding: 8px;
}

.viewall{
width: 850px;
background-color:#FFFFFF;
margin: 25px 0px 0px 5px;
border: 1px solid #999999;
}

.temleft{
width: 350px;
float: left;
margin: 25px 0px 0px 5px;
}

.leftconts{
width: 290px;
background-color:#FFFFFF;
border: 1px solid #999999;
}

#topright25 ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}

#topright25 ul li{
margin: 0px;
padding: 0px;
}

#topright25 a{
color:#000000;
text-decoration:none;
}

 .loginbg{  
	 background:url(../images/tab1.jpg) no-repeat left;
	 width:58px; 
	 height:26px; 
	 padding:19px 0px 0px 2px!important; 
	 float: right;
 } 
 
 .register{  
	 background:url(../images/tab2.jpg) no-repeat left; 
	 width:76px;
	 height:26px; 
	 padding:19px 0px 0px 2px!important; 
	 float: right; 
 }  


#footer{
background-color:#FFFFFF;
text-align: center;
padding: 10px;
}

#innerpage #cont1text{
margin: 0px 260px 0px 0px;
height: 67px;
}


.online{
color:#000000;
font-size:18px;
font-weight: bold;
}



#temnav ul{
margin: 10px 0px 0px 0px;
padding: 0px;
}

#temnav li {
list-style-type:none;
float: left;
background-color:#D1D1D1;
padding: 6px;
margin-right: 10px;
margin-top:10px
}

#temnav li a{
color:#000000;
text-decoration:none;
}


.depleft{
width: 150px;
float: left;
margin: 0px 20px 0px 0px;
}

.depleft2{
width: 150px;
float: left;
margin: 0px 15px 20px 0px;
}


.depright{
float: left;
width: 600px;
}


.profileleft{
width: 200px;
float: left;
}


.profilelefttxt{
width: 187px;
margin: 4px 4px 10px 4px;
border: 1px dashed #666666;
padding: 4px;
font-size:13px;
}

.profilelefttxt a{
color: #000000;
text-decoration:underline;

}

.profileright{
width: 600px;
float: right;
}


.profilerighttxt{
width: 585px;
margin: 4px 4px 10px 4px;
border: 1px dashed #666666;
padding: 4px;
}


.greytxt{
font-size: 11px;
color: #666666;
}

.greytxt a{
color: #666666;
text-decoration: none;
}


.submit{
cursor: pointer;
padding: 4px 8px 4px 8px;
background-color:#D1D1D1;
color: #000000;
border: 0px;
font-size:16px;
margin: 5px;
}


.temleft3{
width: 400px;
float: left;
margin: 25px 45px 0px 5px;
}



.temright3{
width: 400px;
float: left;
background-color:#FFFFFF;
margin: 25px 0px 0px 0px;
}

.temright{
width: 500px;
float: left;
background-color:#FFFFFF;
margin: 25px 0px 0px 0px;
border: 1px solid #999999;
}

#connecting{
background-color:#FFFFFF;
padding: 10px 10px 30px 20px;
}

.facebook {
margin-top:10px;
}

h3{
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.tablegray{
background-color: #EBEBEB;
}
.numbera{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight:bold;
background-image:url(../images/number2.png);
background-repeat:no-repeat;
width: 38px;
height: 28px;
float:left;
color: #333333;
padding: 0px 0px 0px 0px;
line-height: 22px;
margin: 0px 4px 0px 260px;
}

.number{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight:bold;
background-image:url(../images/number2.png);
background-repeat:no-repeat;
width: 38px;
height: 28px;
float:left;
color: #333333;
padding: 0px 0px 0px 0px;
line-height: 22px;
margin: 0px 4px 0px 0px;
}

.numberb{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 28px;
font-weight:bold;
background-image:url(../images/number3.png);
background-repeat:no-repeat;
width: 38px;
height: 36px;
float:left;
color: #333333;
padding: 8px 0px 0px 6px;
line-height: 22px;
margin: 0px 15px 0px 0px;
}

.starlist{
list-style-image:url(../images/star2.png);
margin: 20px 0px 20px 30px;
}

.numberstar{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-weight:bold;
background-image:url(../images/star3.png);
background-repeat:no-repeat;
width: 51px;
height: 35px;
float:left;
color: #333333;
padding: 10px 0px 0px 4px;
line-height: 22px;
margin: -8px 4px 0px 0px;
}

.starlist li{
margin-top: 14px;
}

.playbutton{
cursor: pointer;
padding: 4px 8px 4px 8px;
background-color:#D2AC13;
color: #ffffff;
border: 0px;
font-size:14px;
margin: 10px 0px 0px 5px;
}