@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color: transparent}
body {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	overflow-x:hidden;
}

a{
	color:#000; 
	text-decoration:none;
}

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

#overlay{
	position:absolute; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.2);  
	z-index:8; 
	/*overflow:scroll;
	display:none;*/
}
#overlay2{
	position:absolute; 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0.2);  
	z-index:8; 
	/*overflow:scroll;
	display:none;*/
}
#nav_link_top{text-transform:uppercase;}

#menu_holder{
	width:100%; 
	overflow-x:auto; /* for desktop hidden; */
	overflow-y:hidden;
	box-shadow:0 8px 10px #aaa;
	-webkit-overflow-scrolling:touch;
	background-color:#444;
	border-top:solid 2px #fff; 
	border-bottom:solid 2px #fff;
	text-align:center;
}

#menu{
	width:100%;		
	margin:0 auto;
	
}


/*.menu_div:last-child{
	border-right:solid 1px #888;
}*/

#l-arrow, #r-arrow{
	padding-left:15px; 
	padding-right:15px; 
	min-width:20px;
	visibility:hidden;
	position:fixed; 
	border-right:solid 2px #888;	
}

#l-arrow:hover, #r-arrow:hover{
	box-shadow:inset 3px 3px 3px #000;
}
#l-arrow{left:0;}
#r-arrow{right:0;}

.hover {
	background-color:#fff;
}



#img_holder_holder{
	position:relative;
	width:100%; 
	height:165px; 	
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	/*background: #fff url(../images/bg.jpg) repeat top left; */
	margin-top:10px;
	box-shadow:inset 0 -4px 10px rgba(0,0,0,0.1);
}

#img_holder{ 
	padding:4px 0 0 0; 
	margin-left:20px;
	position:relative;
	transition: all 0.7s ease-in-out;
	/*-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;*/
	-webkit-transform-style: preserve-3d;
}

.item, .item2, .item3 { 
	-webkit-touch-callout:none;
	width:125px; 
	height:135px; 
	border:solid 1px #888; 
	text-align:center; 
	font-size:11px; 
	display:inline-block;  
	background:rgba(255,255,255,1);z-index:1; 
	border-radius:4px;  
	margin:0 3px;
	box-shadow: 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}


.sel-border{	
	border:solid 1px #fc0;	
}

.item table, .item2 table, .item3 table{
	width:125px; 
	height: 115px; 
	margin:0; 
	padding:0
}
.item table td, .item2 table td, .item3 table td{
	text-align:center; 
	vertical-align:middle;
	margin:0; 
	padding:0;
}
.item2{margin-bottom:10px;}

.item3{}

.names{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border:solid 1px #aaa; 
	padding:4px 1px 2px 1px;	
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition:0.4s;
}
.names-sel{	
	font-weight:bold;	
}


#under_panel{border-top:solid 1px  #aaa; width:100%; overflow-x:hidden; }




.large_im{
	box-shadow: 2px 2px 15px rgba(100,100,100,0.5); 
	border-radius:500px/500px;
	margin:40px 50px 30px 50px;
}
.large_im_R{
	box-shadow: 2px 2px 15px rgba(100,100,100,0.5);
	margin:40px 50px 30px 50px; 
}
.large_im_O{
	box-shadow: 2px 2px 15px rgba(100,100,100,0.5); 
	border-radius:500px/340px;
	margin:40px 50px 30px 50px;}

#img_large_holder{
	-webkit-touch-callout:none;	
	position:absolute;  
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:transparent; 
	z-index:10; 
	vertical-align:middle; 
	border:solid 1px #444;
	background-image:url(../images/rz_bg2.png); 
	background-position:center; 
	background-size:cover;
	border-radius:3px; 
	
	display:none;
}

.img_large_holder_txt{
	width:100%;text-align:center; 
	font-size:12px; 
	font-weight:bold;
}
#img_large_holder_warning{
	width:100%;
	text-align:center; 
	font-size:11px; 
	padding:0 10px;
}


#conf_but_delete{
	position:fixed; 
	width:250px; height:100px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:40;
	color:#fff; 
	background-color:#444;
	font-size:25px; 
	font-weight:bold; 
	border:solid 2px #fff; 
	border-radius:3px; 
	
	padding:15px; 	
	text-align:center; 
	
	box-shadow: 0 0 15px #000;
	display:none; 
}
#conf_but_delete_buts{
	width:100%; 
	margin-top:5px;	
}
#conf_but_delete_name{
	color:#fff; 
	font-size:16px; 
	font-weight:normal;
}

#conf_but_delete_buts input{
	-webkit-appearance:none; 
	font-size:20px;
	border:solid 1px #aaa;
	padding:4px 15px;
	border-radius:2px;
	background-color:#f5f5f5;
	cursor:pointer;
}

#conf_but_delete_buts input:hover{background:#fff;}

button{ -webkit-appearance: 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;}*/


#alert_box{position:fixed; z-index:10; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);width:250px; 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;}

/*#alert_box_vast{position:fixed; z-index:10; margin-top:180px; transform:translate(-50%,-50%);width:400px; font-weight:bold; background-color:#000;border:solid 2px #fff; border-radius:10px; color:#fff; padding: 10px; box-shadow: 0 0 15px #000; text-align:center; display:none; }
#alert_vast_txt{text-align:center; white-space:pre-line;}
#close_alert_vast{padding:4px 25px 4px 25px; margin-top:10px;  border-radius:4px; background: linear-gradient(to bottom, #fff, #aaa); color:#000; display:inline-block; text-align:center; cursor:pointer;}*/

#alert_box_confirm{position:fixed; z-index:10; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:250px; font-weight:bold; background-color:#000;border:solid 2px #fff; border-radius:10px; color:#fff; padding: 10px; box-shadow: 0 0 15px #000; text-align:center;display:none;}
#alert_box_confirm button{font-size:medium}

#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; 
	text-decoration:underline
}

#footer #optimized{display:none;}

#make_edit_txt{float:left; font-size:100%;}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#img_holder_holder{height:147px; }
	#img_holder{padding:0 0 0 0;}
	#l-arrow, #r-arrow{position:static;}
	#conf_but_delete{width:270px;}
	
}


/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#img_holder_holder{height:147px; }
	#img_holder{padding:0 0 0 0;}
	#l-arrow, #r-arrow{position:static;}
	#conf_but_delete{width:270px;}
}



/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#img_holder_holder{height:147px; }
	#img_holder{padding:0 0 0 0;}
	#l-arrow, #r-arrow{position:static;}
	#conf_but_delete{width:270px;}
}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
	

}