@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,urrent
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;	*/
}
body{font-family:Arial, Helvetica, sans-serif;-webkit-transform:translate3d(0,0,0);}
a{color:#000}
a:hover{color:#888}



#trans_overlay{position:absolute; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.0); display:none;}

#settings_page_opener{position:absolute;z-index:2; right:10px; border:solid 1px #000; margin-top:-15px; border-radius:2px; background-color:#fff; padding:4px 5px 0 5px;}

#settings_page{position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background-color:#444; box-sizing:border-box; font-size:small; transition:ease-in-out 0.4s; transform: translate(-100%, 0px) }
#settings_page_closer{ }
#settings_page_header{padding:10px; color:#fff; font-weight:bold;font-size:140%;   border-bottom:solid 1px #ccc; }
#settings_page_header_txt_mob{}
#settings_page_txt_holder{overflow-y:auto;-webkit-overflow-scrolling:touch;color:#fff;}
#settings_page_txt{padding:20px 10px; line-height:1.5;white-space:pre-line; }

.slide_out{transform: translate(-100%, 0);}
.slide_in{transform: translate(0,0);}

.pijltje{position:absolute; margin-left:85%; margin-top:-4px;z-index:100; padding:10px;}


#terms_panel{ 
	position: absolute; 
	top:0;
	left:0;
	z-index:3;
	width:100%;
	height:100%;	
	background-color:#444;
	color:#fff;
	line-height:1.5;	
	overflow-y:auto;
	transition:ease-in-out 0.4s; 
	/*transform: translate(-100%, 0px);*/
}
#terms_panel_close{ 
	
}

#terms_txt{
	font-size:small; 
	white-space:pre-line;
	padding:10px;box-sizing:border-box;
}
#terms_header_txt{
	font-size:20px; 
	font-weight:bold;
	padding:10px; 
}


#register_panel{
	position:absolute;
	box-sizing:border-box;
	border-right:solid 1px #ccc;
	width:100%;	
	z-index:3; 
	top:0; 
	left:0;
	background-color:#f5f5f5;
	transition:ease-in-out 0.5s;
	transform: translate(-100%, 0px);
}

#register_panel_close{}

#register_header_txt{
	padding-top:8px; 
	padding-bottom:7px; 
	padding-left:10px;
	
	font-size:x-large; 
	font-weight:bold;  
	background-color:#444;
	color:#fff;
}





#header{
	text-align:center; 
	background:#444;
	padding:12px 0 0 0;
	border-bottom: solid 1px #000;
	
}

#black-overlay{
	position:absolute;
	width:100%;
	height:100%;
	font-size:large; 
	color:#fff;
	background-color:#000;
	z-index:20;	
	text-align:center;
	vertical-align:middle;
	padding-top:40px;
	display:none;
}

#alert_box{position:absolute; z-index:10; left:50%; top:40%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:200px; font-weight:bold; background-color:#000;border:solid 2px #fff; border-radius:10px; color:#fff; padding: 10px; box-shadow: 0 0 15px #000; display:none;}
#alert_txt{text-align:center; white-space:pre-line;}



#flag{
	position:absolute; 
	z-index: 2;
	left:10px;
	
	width:25px;
	height:25px;
	border:solid 1px #444;
	border-radius:2px;
	padding:4px;
	background:#fff;
	
}

/*#flags{
	position:absolute; 
	left:60px; 
	top:20px;	
	text-align:center;
	border:solid 1px #aaa;	
	border-radius:4px;
	padding:15px;
	background:#444;
	z-index:2;
	display:none;

	box-shadow: 
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.17), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}

#flags img{
	margin-bottom:15px;
	box-shadow: 0 0 5px #fff;
}*/

#flags{
	position:absolute; 
	left:60px;
	top:20px;	
	text-align:left;
	border:solid 1px #aaa;	
	border-radius:4px;
	padding:15px;
	background:#444;
	z-index:2;
	display:none;
	
	font-weight:normal;
	font-size:small;
}

#flags div{
	margin-bottom:5px;	
	cursor:pointer;
	color:#fff;
}






#theContainer{
	padding-top:20px;
	width:100%;
	overflow:auto;	
	
}

.example{	
	font-size: medium;
	font-weight:bold;
}


#form_holder {
	width: 200px;
	height: 200px;
	box-sizing:border-box;
	padding-top:38px;	
	margin: 0 auto;
	-webkit-border-radius:200px;
	border-radius:200px;
	/* background-color:#f90;*/
	background-image:url(../../images/button.png); background-size:contain; background-repeat:no-repeat; background-position:center;

}



.reddie{
 background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#6B0000));
 background-image: -webkit-linear-gradient(top, #cc0000, #6B0000);
 background-image: -moz-linear-gradient(top, #cc0000, #6B0000);
 background-image: -ms-linear-gradient(top, #cc0000, #6B0000);
 background-image: -o-linear-gradient(top, #cc0000, #6B0000);
 background-image: linear-gradient(to bottom, #cc0000, #6B0000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cc0000, endColorstr=#6B0000);
}

#register_but {
  	font-size: medium;   	
 	display:inline-block;
  	border:none;
 	 margin:0 auto;
	
  	
  	padding:7px 15px 7px 15px;
	color:#fff;
 	border-radius:4px;
 	
	margin-top:5px;
	background-color:#FF9900;
	font-weight:bold;
}




	
input{
	margin-bottom:10px; 
	border:solid 1px #ccc; 
	border-radius:4px/4px; 
	padding:3px 10px; 
	font-size:medium; 
	width:55%;
}
.redbg{
	background-color:#f00;
}
#login_but{
	color:#fff;	
	font-weight:bold;
	background-color:#444
}
input[type=submit]{
	margin-top:15px;
	-webkit-appearance: push-button; 
	padding:2px 5px; 
	font-size:23px; 
	border:solid 1px #bbb; 	
	


}




#footer{
	position:fixed;
	bottom:0;
	
	box-sizing:border-box;
	padding:5px 10px 10px 10px; 	
	border-top:solid 1px #444; 
	width:100%; 
	color:white; 
	text-align:center; 
	font-size:x-small;
	
}

#footer a{
	color:#fff
}



/*#credits_panel{ 
	position: absolute;
	left:51%;
	bottom:54px; 
	width:300px; 
	display: none;
}
#credits_panel_close{
	float:right; 
	margin-top:-5px;
}*/