@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;}
a{color:#000}
a:hover{color:#888}

#black-overlay_start{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:1000;
	display:none;
	text-align:center;
	vertical-align:middle;
}


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

#alert_box{position:absolute; z-index:10; left:50%; top:30%; -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;}

.close_but_small {
	background-color:#fff;
	padding:2px;
	border:solid 1px #aaa;
	border-radius:4px;
	width:20px;
	height:20px;
	box-shadow:1px 1px 2px #aaa;
}

#header{
	text-align:center; 	
	padding-bottom:2px;
	height:115px;
}

#menu{
	border-bottom:solid 2px #fff; 
	border-top:solid 2px #fff; 
	padding: 8px 0 9px 0; 
	font-size:18px;   
	text-align:center; 
	
	color: #fff; 
	font-weight:bold;
	box-shadow:0 10px 10px #aaa;
	position:relative; z-index:1;
}


/*.menu_bg{
	background-color: #7d7e7d;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
}*/

#flag{
	position:absolute;  z-index:2;
	left:20%;
	top:100px;
	width:25px;
	height:25px;
	border:solid 1px #aaa;	
	padding:4px;
	background:#fff;	
	cursor:pointer;
}
#settings_page_opener{
	position:absolute;  z-index:2;
	right:20%;
	top:100px;	
	border:solid 1px #aaa;	
	padding: 4px 5px 0 5px;
	background:#fff;
	color:#fff;	
	cursor:pointer;	
}
#settings_page{position:fixed; top:155px; z-index:2; right:Calc(20% - 20px); width:500px; padding-bottom:20px;  display:none;}
#settings_page_header{text-align:center; font-weight:bold;font-size:large; padding:10px; border-bottom:solid 1px #aaa; }
/*#settings_page_txt_holder{overflow-y:auto;-webkit-overflow-scrolling:touch;}*/
#settings_page_txt{font-size:110%; white-space:pre-line; padding-bottom:10px;padding:15px;max-height:250px; overflow-y:auto; -webkit-overflow-scrolling:touch;}

#flags{
	position:absolute; 
	left:Calc(20% + 50px);
	top:-77px;	
	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:0;	
	cursor:pointer;
	transition:0.6s;
}
#flags div:hover{
	color:#f00;
}

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


.arrow_box { z-index:115;  background: #444; border: 1px solid #444; text-align:center; padding:10px; border-radius:5px; box-shadow:2px 2px 15px #000; font-size:small;} 
.arrow_box:after, .arrow_box:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 20px; left: 50%;  margin-left: -20px; } 
.arrow_box:before { border-color: rgba(68, 68, 68, 0); border-top-color: #444; border-width: 26px; left: 50%; margin-left: -26px; }

.arrow_box2 { z-index:114; background: #fff; border: 1px solid #444;  border-radius:5px; box-shadow:2px 2px 15px #000; font-size:small; } 
.arrow_box2:after, .arrow_box2:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box2:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 20px; left: 93%; margin-left: -20px; } 
.arrow_box2:before { border-color: rgba(68, 68, 68, 0); border-bottom-color: #444; border-width: 21px; left: 93%; margin-left: -21px; }



#theContainer{
	width:100%;		
	padding-top:10px;
	overflow:auto;
	padding-bottom:38px;
	
}
.example{
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #000;
	font-size: 20px;
	font-weight:bold;
	
}

	
section {
  display: block;
}


.reddie{
 background: -webkit-linear-gradient(top, #cc0000, #6B0000);
 background: -moz-linear-gradient(top, #cc0000, #6B0000);
 background: -ms-linear-gradient(top, #cc0000, #6B0000);
 background: -o-linear-gradient(top, #cc0000, #6B0000);
 background: linear-gradient(to bottom, #cc0000, #6B0000);
}




	
input{
	margin-bottom:10px; 
	border:solid 1px #ccc; 
	border-radius:4px/4px; 
	padding:3px 10px; 
	font-size:medium; 
	width:55%;
}


#login_but{border-radius:4px; cursor:pointer; border:none;padding:5px 10px; transition:0.4s }


/*.redbg{
	background-color:#f00;
}*/

input[type=submit]{
	margin-top:15px;
	-webkit-appearance: push-button; 	
	font-size:23px; 
	border:solid 1px #bbb; 	
	border-radius:4px/4px; 	
}





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

#footer a{
	color:#fff
}

#footer #optimized{display:none;}

#terms{cursor:pointer;}
.small_links{display:inline-block; cursor:pointer; }



#terms_panel{ 
	position: fixed;
	left:50%;
	top:50%;
	min-width:45%;
	max-height:60%;
	-webkit-transform:translate(-50%,-50%);		
	transform:translate(-50%,-50%);		
	z-index:5;
	padding:20px;
	background-color:#fff;
	border-radius:4px;
	border:solid 1px #aaa;
	border-bottom:solid 20px #fff;
	overflow-y:auto;
	
	
	display:none;
}
#terms_panel_close{
	margin-top:-10px;
	float:right;
	cursor:pointer;
}


#terms_header_txt{
	font-size:20px; 
	font-weight:bold;
	
}
#terms_txt{white-space:pre-line; text-align:left;font-size:small;  }


#terms_txt_container{	
	margin-bottom:20px;
}
#terms_txt_holder{
	font-size:small; 	
	text-align:center;
	margin-bottom:10px;
}

.close_but {	
	padding:3px 8px;
	font-size:medium;
	cursor:pointer;
}


#register_but {
  	font-size: 120%; 
 	display:inline-block;  	
 	 margin:0 auto;  	
  	padding:5px 15px;	
	margin-top:-10px;
	margin-bottom:10px;
	
	cursor:pointer;
	transition:0.4s;
	border-radius:4px;
}


#register_panel{
	position:fixed;	
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:20; 
	/*top:100px; */
	border-radius:4px;
	background-color:#fff; 
	border:solid 1px #888;  
	
	
}

#register_panel_close{
	float:right; 
	margin-top:5px;	
	margin-right:5px;
}


#register_header_txt{
	padding-top:8px; 
	padding-bottom:7px; 
	border-bottom:solid 1px #ccc; 
	font-size:x-large; 
	font-weight:bold;  
	border-top-left-radius:3px; 
	border-top-right-radius:3px; 	
	text-align:center; 	
}

#landscape_mode{width:100%; margin:0 auto; text-align:center; border-top:solid 8px #f00; border-bottom:solid 8px #f00; padding:10px; box-sizing: border-box; font-weight:bold; border-radius:5px; background-color:#fff; box-shadow: 0 0 10px #000; display:none}

#looking_for{position:absolute; top:250px; margin-left:20px; font-size:90%; padding:2px 8px; background-color:#ccc;}

.small_links{display:inline-block; cursor:pointer;}

@media only screen and (max-width: 1350px){
	#flag{left:20px;}
	#flags{left:70px;}
	#settings_page_opener{right:20px;}
	#settings_page{right:10px;}
}