body{
	background: black;
	color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 87.5%; /*14px;*/
}
*{
	margin: 0px;
	padding: 0px;
}
img{
	border: none;
	display: block;
}
#allpage{
	max-width: 1024px;
	min-width: 300px;
	margin: 9px auto;
	background: #2C303C;
	color: #E0E0E0;
}
.allpage-border{
	border: 2px solid #8d98a0;
	padding: 5px 20px;
}

#header{
	overflow: hidden;	
	margin-bottom: 8px;
}
#logo{
	width: 265px;
	margin-top: 5px;
	float: left;	
}
#logo a{
	display: block;
}
#tbanner{
	margin-left: 275px;
}
#tbanner a{
	display: block;
	float: right;
}
#tbanner img, #logo img{
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}

#mobile-nav{
	display: none;
}
#mobile-nav a{
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #2C303C;
	padding: 7px 10px;
	background: #f79b05;
	color: #000000;
	text-decoration: none;
}
#mobile-nav .mobile-nav-str{
	display: block;
	float: left;
	font-size: 0.9285714em; /*13px*/
	font-weight: bold;
	text-transform: uppercase;
	line-height: 22px;
}
#mobile-nav .mobile-nav-btn{
	display: block;
	float: right;
}
#mobile-nav a:hover{
	background: #D50000;
	color: white;
}
#mobile-nav a:hover .mobile-nav-btn{
	background: #eeeeee;
}

#nav table{
	width: 100%;
	border-spacing: 0px;	
	font-size: 0.9285714em; /*13px*/
	font-weight: bold;
}
#nav td{
	padding: 0px;
	border-left: 1px solid #2C303C;
	text-align: center;
}
#nav td:first-child{
	border-left:none;
}
#nav a, #mcurrent div{
	display: block;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #2C303C; 
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background:  #f79b05;
	color: black;
	text-decoration: none;
}
#nav span{
	display: block;
}
#mcurrent a, #mcurrent div{
	border-bottom: 1px solid #f5f5f5; 
	background: #f5f5f5;
	color: black;
}
#nav a:hover{
	border-bottom: 1px solid #2C303C; 
	background: #D50000;
	color: white;
}


#middle-area{
	padding-top: 30px;
	background: #f5f5f5;
	color: black;
	overflow: hidden;	
}
#content{
	width: 63%;
	margin-left: 4%;
	float: left;
}
#content p{
	line-height: 1.3;
	margin-bottom: 0.7em;
}
#content h2{
	color: #404040;
	font-size: 1.2857143em; /*18px*/
	font-weight: bold;
	text-align: left;
	margin: 25px 0px;
}
#content ul, #content ol{
	margin-left: 3em;
	line-height: 1.5;
	margin-bottom: 0.7em;
}
#content a{
	color: inherit;
	text-decoration: underline;
}
#content a:hover{
	text-decoration: none;
}
h1{
	color: #404040;
	font-size: 1.5714286em; /*22px*/
	font-weight: bold;
	text-align: left;
	margin-bottom: 25px;
}

.information{
	margin-bottom: 25px;
}

#content .crev-s img{
	width: 100%;
	height: auto;
	margin: 25px 0px;
}
#content .crev-s a{
	display: block;
	background: #ED9300;
	color: #000000;
	margin: 25px 0px;
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
	font-weight: bold;
}
#content .crev-s a:hover{
	background: #b00000;
	color: #ffffff;
}

#content .crev-b{
	background: #ffffff;
	color: #000000;
	margin-bottom: 25px;
	border: 1px solid #2C303C;
	border-bottom: 3px solid #2C303C; 
}
#content .crev-b h3{
	background: #2C303C;
	color: #f5f5f5;
	font-size: 1.1428571em; /*16px*/
	font-weight: bold;
	padding: 10px 20px;
}
#content .crev-b dl{
	display: block;
	padding: 10px 20px 2px 20px;
}
#content .crev-b dt{
	display: inline;
	font-weight: bold;
}
#content .crev-b dd{
	display: inline;
}
#content .crev-b dd:after{
	display: block;
	content: '';
	margin: 8px;
}
#content .crev-b ol,#content .crev-b ul{
	display: block;
	width: auto;
	margin: 0px;
	padding: 10px 20px 2px 20px;
}
#content .crev-b ol li,#content .crev-b ul li{
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}
#content .crev-b ol{
	counter-reset: li;
}
#content .crev-b ol li{
	list-style: none;
}
#content .crev-b ol li:before{
	content: counter(li);
	counter-increment: li;
	background: #2C303C;
	padding: 2px 5px;
	color: #f5f5f5;
	margin-right: 7px;
}
#content .crev-b ul li{
	list-style: inside;
}

#recommtab{
	margin-bottom: 25px;
}
#recommtab table{
	width: 100%;
	border:  1px solid #2E3238;
	border-bottom-width: 2px;
	border-collapse: collapse;
}
#recommtab caption{
	color: #404040;
	font-size: 1.2857143em; /*18px*/
	font-weight: bold;
	text-align: left;
	margin-bottom: 25px;
}
#recommtab tr:hover td{
	background: #dddddd;
}
#recommtab th{
	padding: 9px 3px;
	text-align: center;
	font-size: 0.9285714em; /*13px*/
	font-weight: bold;
	color: white;
	background: #313642;
	background: linear-gradient(to bottom, #646C88 0%, #646C88 1px, #495063 1px, #24282F 100%);
}
#recommtab td{
	color: black;
	background: #eeeeee;
	text-align: center;
	border-bottom: 1px solid #2E3238;
	font-size: 0.9285714em; /*13px*/
	line-height: 1;
	padding: 6px 3px;
}
#recommtab td:first-child{
	text-align: left;
	padding-left: 20px;
}
#recommtab td.v a{
	border: 1px solid #cccccc;
	display: inline-block;
	padding: 3px 19px;	
	font-size: 0.9230769em; /*12px*/
	text-decoration: none;
	color: black;
	background: #e8e8e8;
	background: linear-gradient(to top, #cdcdcd 0%, #f8f8f8 100%);
}
#recommtab td.v a:hover{
	background: #d0d0d0;
	background: linear-gradient(to top, #f8f8f8 0%, #b7b7b7 100%);
}

.completeList li{
	display: inline-block;
	width: 33.3%;
	line-height: 1.8;
	text-align: left;
}
.completeList a{
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
}
.completeList a:hover{
	text-decoration: none;
}

#snav{
	width: 28%;
	margin-right: 1%;
	float: right;
}
.snavi{
	border: 1px solid #8d98a0;
	margin-bottom: 15px;
}
.snavi div{
	padding-right: 3px;	
	color: #f79b05;
	background: #364157;
	background: linear-gradient(to top, #465266 0%, #364157 10%, #364157 90%, #465266 100%);
}
.snavi div span{
	display: block;
	padding: 10px 35px 10px 17px;
	text-align: left;
	font-size: 1em; /*14px*/
	line-height: 1em;
	font-weight: bold;
}
.snavi ul{
	list-style: none;
}
.snavi ul li{
	border-top: 1px solid #283347;
	background: #364157;
	background: linear-gradient(to top, #465266 0%, #364157 15%, #364157 85%, #465266 100%);
	color: #fba920;
}
.snavi ul li a{
	display: block;
	text-decoration: none;
	color: #E0E0E0;
}
.snavi ul li span{
	display: block;
	background: url(https://www.allcasino.info/img/sarr.gif) no-repeat 8px 50%;
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: inherit; 
	font-size: 0.9285714em; /*13px*/
}
.snavi ul li a:hover{
	color: #E0E0E0;
	background: #2d3548;
	background: linear-gradient(to top, #465266 0%, #2d3548 15%, #2d3548 85%, #465266 100%);
}


#footer{
	padding: 13px 0px;
	text-align: center;
	font-size: 0.9285714em; /*13px*/
	line-height: 0.9285714em;
	color: #E0E0E0;
	background: #2C303C;
	border-top: 4px solid #f79b05; 
}
#footer span:after{
	content: " \2022";
	margin: 0px 10px;
	color: #abafb6;
}
#footer a{
	color: inherit;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}


@media screen and (max-width: 1000px){
	html{
		-webkit-text-size-adjust: 100%; 
		-ms-text-size-adjust: 100%;		
	}
	body{
		font-size: 100%;
	}
	#nav a, #mcurrent div{
		height: 30px;
		line-height: 30px;
	}
	.snavi ul li span{
		padding-top: 9px;
		padding-bottom: 9px;
	}
	#recommtab td{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.completeList li{
		width: 50%;
	}
}
@media screen and (max-width: 800px){
	.allpage-border{
		padding: 5px 10px;
	}
	#content{
		width: 67%;
		margin-left: 2%;
	}
}
@media screen and (max-width: 750px){
	#content, #snav{
		width: auto;
		margin-left: 4%;
		margin-right: 4%;
		float: none;
	}
	.snavi ul{
		background: #364157;
	}	
	.snavi ul li{
		display: inline-block;
		width: 50%;	
		vertical-align: top;	
	}
	.snavi ul li:nth-child(odd) span{
		border-right: 1px solid #8d98a0; 
	}
}

@media screen and (max-width: 700px){
	#logo{
		width: 40%;
	}
	#tbanner{
		width: 59%;
		float: right;
		margin-left: 0;
	}
}

@media screen and (max-width: 570px){
	#mobile-nav{
		display: block;
	}
	#nav{
		display: none;
	}
	#nav table, #nav tbody, #nav table tr, #nav table td{
		display: block;
		width: auto;
		border: none;
	}
	#nav a, #mcurrent div{
		height: 35px;
		line-height: 35px;
	}
	
	#mobile-nav a{
		border-bottom: 1px solid #2C303C; 
	}
	#nav table{
		border-top: 3px solid #2C303C; 
	}
	
	#nav a, #mcurrent div{
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		text-align: left;
		padding-left: 10px;
	}
	#nav a, #mcurrent a, #mcurrent div{
		border-bottom: 1px solid #2C303C; 
	}
	#content, #snav{
		margin-left: 10px;
		margin-right: 10px;
	}
	#recommtab td:first-child{
		padding-left: 10px;
	}
}
@media screen and (max-width: 500px){
	#logo{
		width: 200px;
	}
	#tbanner{
		display: none;
	}
	#recommtab th:nth-last-child(2){
		display: none;
	}
	#recommtab td:nth-last-child(2){
		display: none;
	}	
}
@media screen and (max-width: 450px){
	#content ul, #content ol{
		margin-left: 1em;
	}
	.snavi ul li{
		width: 100%;	
	}
	.snavi ul li:nth-child(odd) span{
		border-right: none; 
	}
	#recommtab th:nth-last-child(3){
		display: none;
	}
	#recommtab td:nth-last-child(3){
		display: none;
	}	
	.completeList li{
		display: block;
		width: auto;
	}
}