html{
	height:100%;
	margin: 0;
}

body{
	height: 101%;
	margin: 0;
}

.hide-overflow{
	overflow:hidden;
}

.mini-editor{
	font-family: Helvetica, Arial;
	color: #282828;
}

#errNote{
    position: relative;
    width: 310px;
    top: 180px;
    margin-left: 50%;
    left: -160px;
    padding: 20px;
    background-color: white;
    border: solid 1px lightgrey;
    border-radius: 3px;
    color: black;
}

.yellow-bg{
	background-color: yellow;
}

/* reg additions  */
.pw-first{
	width:80%;
	float: left;
    margin-right: 15px;
}

.pw-sec{
	width:80%;
	float: right;
    margin-right: 15px;
}
.form-text{
	padding-left: 5px;
    text-align: left;
}

.centralize{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;				
}

.agreement-txt{
	clear:both;
	text-align: left;
	font-size: 14px;
	line-height: 18px;		
}
.page_header{
	font-size: 1.3em;
	font-weight:bold;
	padding-top: 8px;
}
.margin_t20{
	margin-top:10px;
	font-size: 14px;
}
.width_95{
	width:93%;
}
.approve_button {
	border: 1px solid grey;
	border-radius: 2px;
	cursor:pointer;
	height:40px;
	min-width:120px;
	padding-top:10px;
	background-color:rgba(255, 0, 0, 0.3);
}
.register_button{
	text-decoration:underline;
	padding-top:20px;
	font-size:20px;
	font-weight: bold;
	color: #0c08af;;
	cursor: pointer;
}
.bg-white{
	background-color:#fafafa;
	color:#0A0A0A;
}
#login,#reset{
	height: 300px;
	max-width: 750px;
}
#register{
	height: auto;
	max-width: 750px;
	min-width: 340px;
	padding-bottom: 20px;
}

.legal-text-link{
	font-weight: bold;
	cursor: pointer;
	font-size: 18px;
	text-align: left;
	margin-top: 25px;
	color: #061dce;
	text-decoration: underline;
	float: left;
	width: 75%;
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px;
}		

.agreement-checked{
	background-image: url(publish-symbol.png);
	background-size:25px;
	background-color: white; 
}

.agreement-unchecked{
	background-color: white;  
}
.menu-on-edit{
	background-color: white;
    border: solid 2px lightcyan;
    color: black !important;
}

.menu-edit-highlight{
    border-bottom: solid 3px;
    border-color:lime !important;
}

.check-status{
	border: 1px solid grey;
	width: 25px;
	height: 25px;
	position: relative;
	margin-left: 3%;
	margin-bottom: 20px;
	margin-top: 20px;
	cursor: pointer;
	float: left;
	margin-right: 20px;
}

.pw-block{
	position: relative;
	width: 42%;
	margin-left: 3%;
	float: left;
}

.pointteri{
	cursor:pointer;
}
.height230{
	height: 230px;
}
.height140{
	height: 140px;
}			

.billunpaid{
	color: red;
}
.billpaid{
	color: blue;
}

.list-invoice-block{
	width:60%;
	height: auto;
	margin-left: 10%;
	margin-right: auto;
	border: solid 1px lightgray;
    padding: 15px;
    margin-bottom: 150px;
    margin-top: 30px;
}

.list-domain-block{
	width:80%;
	height: auto;
	margin-left: 10%;
	margin-right: auto;
	border: solid 1px lightgray;
    padding: 15px;
    margin-bottom: 150px;
}
.account-data{
	width:600px; 
	margin-top:80px; 
	margin-right:auto; 
	margin-left:auto; 
	height:320px; 
	background-color:white; 
	border: 1px solid #dedcdc;
}
.input_freebie, select{
	text-align:center;
	font-size:16px;
	height:20px;
	width:93%;
}
.input_domain{
	text-align:left;
	font-size:16px;
	height:20px;
	width:40%;
}

.left_float{
	position:relative;
	float:left;
}
.right_float{
	position:relative;
	float:right;
}
.bottom-borderi{
	border-bottom-color: red;
	border-style: outset;
	color:red;
	padding-bottom:10px;
}

.hide_element{
	display: none;
}

#registerSuccessSection{
	width: 50%;
	font-size: 1.2em;
	font-weight: bold;
	left: 25%;
	z-index: 1002;
	margin-top: 100px;
	border: 1px solid grey;
	text-align: center;
	padding: 10px;
	opacity: 1;
	position: absolute;   			
}
/* 28102016 */
#freebieRegister, #registeringForm{
	width: 90%;
	min-width: 280px;
	max-width: 600px;
	background-color: white;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 10px;
    margin-top: 40px;
}

.reg-form-descr{
	text-align: left;
	margin-left: 3%;
}

.registration-button {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 20px;
    width: 60%;
    border: solid 1px grey;
    margin-right: 20%;
    margin-left: 20%;
    float: left;
    margin-top: 20px;
    cursor: pointer;
}


.rss-feed-block{
    position: relative;
    margin-left: 10px;
    clear: both;
    background-color: #F6F7F8;
    width: 220px;
    min-height: 220px;
    height: auto;
}

#map {
  height: 100%;
}

/* for FB */
._5pbw, ._5pbx {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
}

.feed-texts{
    margin-left: 5px;
    font-size: 14px;
}

.menu-button2{
    float:  right;
    top: 32px;
	height: 25px;
    width: 25px;
    right: 24px;
    background: transparent;
    background-position: center center;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-image: url(fonts/menu3.png); /* until pic available */
    border-bottom: none;
    z-index: 120;
}
  
.fp-logo{
    position: absolute; 
    height:  100%;
    width: auto;
    max-width: 220px;
    background-repeat: no-repeat;
}
  
.fb-button, .fb-buttonFP{
	position:relative;
	float:left;
	height:18px;
	width:18px;
	margin-bottom:10px;
	margin-right: 15px;
	background-image:url(fb-logo.png);
	background-size:18px;
	cursor: pointer;
}

.tw-button, .tw-buttonFP{
	position:relative;
	float:left;
	height:18px;
	width:18px;
	margin-bottom:10px;
	background-image:url(twitter-logo.png);
	background-size:18px;
	cursor: pointer;
}

#pageDirectAddress{
	border:solid 1px grey; 
	font-size: 12px; 
	padding: 5px; 
	width:auto; 
	bottom: 30px; 
	float: left;
}

#PublishButtonText{
	float: left;
	width: 24px;
	border: 1px solid grey;
}

/* Twitter definitions */
#twitter-widget-0 { 
      height: 330px !important; 
    }

.event-container-header{
	margin-top: 5px;
	font-weight: bold; 
    margin-left: 4px;
	font-size:16px;
}

.event-side-container, .news-side-container{
	margin-top: 20px;
} 

.feed_list_item_events, .feed_list_item_news{
	margin-bottom: 20px;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
}

.feed_list_item_news:hover {
    text-decoration: underline;
}

.feed_list_item_events:hover{
    text-decoration: underline;
}

.event-list-header, .news-list-header{
	font-size:12px; 
	margin-bottom: 2px; 
	font-style:italic;
}

.info-event-text{
	font-size:12px;
	float: left;
	font-style:italic;
	min-width:150px;
	width: 50%;
	margin-bottom: 10px; 
}

.save-button, .close-button{
    position: relative;
    float: right;
    height: 30px;
    margin-top: 10px;
    background-color: #F5F3F3;
    width: 100px;
    cursor: pointer;
    border: 1px solid grey;
    border-radius: 3px;
    text-align: center;
}

.close-button{
  float: left;
}
.event-time{
	float:left;
	position:relative;
	font-size:12px;
	font-style:italic;
}
.join-club{
}

.left_float{
	position:relative;
	float:left;
}
.login{
	text-decoration:underline;
	margin-top:20px;
	font-size:20px;
	font-weight: bold;
	color: #0c08af;;
	cursor: pointer;
}

.freebie_register{
	text-decoration:underline;
	font-size:20px;
	font-weight: bold;
	color: #0c08af;;
	cursor: pointer;
}
.freebie_reg_success{
	margin-top: 70px;
    margin-bottom: 60px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:blue;
}

.freebie_wait_container{
	position: absolute;
	top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.95);
}
/* anim test */
.freebie_wait,
.freebie_wait:before,
.freebie_wait:after {
  background: #c71717;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;

}
.freebie_wait:before,
.freebie_wait:after {
  position: absolute;
  top: 0;
  content: '';
}
.freebie_wait:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.freebie_wait {
  color:#c71717;
  text-indent: -9999em;
  margin: 88px auto;
  top: 30%;
  left: 50%;
  position: absolute;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.del-wait {
  top: 20px;
}

.freebie_wait:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
/* anim test */

.color-submit{
    cursor: pointer;
    border: solid 1px grey;
    border-radius: 2px;
    height: 25px;
    max-width: 160px;
    text-align: center;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 30px;
    background-color: #eeeeee;
    float: left;
}
.shim{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:rgba(255,255,255,0.8);
    border-radius: 2px;
    color: black;
}
.shim-fixed{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:10010;
	background-color:rgba(255,255,255,0.8);
    border-radius: 2px;
    color: black;
}

.hide-text{
	display:none;
}
.edit-membinfo-block, .membinfo-block{
	position: fixed;
    width: 310px;
    height: 280px;
    top: 20%;
    margin-left: 50%;
    left: -160px;
    padding: 10px;
    background-color: white;
    border: solid 1px lightgrey;
    border-radius: 3px;
    color: black;
    z-index:10;
}

.edit-site-block{
	position: relative;
    width: 310px;
    top: 180px;
    margin-left: 50%;
    left: -160px;
    padding: 10px;
    background-color: white;
    border: solid 1px lightgrey;
    border-radius: 3px;
    color: black;

}
.edit-banner-info{
	position: absolute;
    width: 360px;
    top: 110px;
    margin-left: 50%;
    margin-bottom:30px;
    left: -160px;
    padding: 10px;
    background-color: white;
    border: solid 1px lightgrey;
    border-radius: 3px;
    color: black;
    font-size: 14px;
}
.edit-style-block{
    position: absolute;
    width: 510px;
    height: auto;
    top: 180px;
    margin-left: 50%;
    left: -260px;
    padding: 10px;
    background-color: white;
    border: solid 1px lightgrey;
    border-radius: 3px;
    margin-bottom: 50px;
    color: black;
}

#faviconPlaceHolder{
	position: relative;
	border: 1px solid grey; 
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto; 
	height:80px; 
	width:80px; 
	background-color:lightyellow;
}
.favi-size{
	height:32px; 
	width:32px; 
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;	
}

.freebie-button{
    width: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
    font-weight: bold;
	cursor: pointer;
}

#contentAddArea{
	position: absolute;
    margin-top:  -50%;
    z-index: 200;
    left: 22%;
    width: 72%;
    max-width: 400px;
    height: auto;
    border: 1px solid grey;
    padding: 10px;
    background-color: rgb(255, 250, 255);
    display: none;
    margin-right: auto;
    margin-left: auto;
    line-height: 34px;
}

#imagePlaceHolder{
	width: 60%;
	background-color: #F3FCFF;
}

#galleryImagePlaceHolder{
	width: 270px;
	height: 180px;
	background-color: #F3FCFF;	
    margin-bottom: 20px;
}

#saveGalleryImage{
    margin-left: 55px;
    margin-right: 30px
}    

.TIEditor, .TxtEditor{
	cursor: pointer;
    background-color: lightyellow;
    margin-top: 5px;
}



#saveBlockTypeSelector2, #closeBlockTypeSelector2, #saveForm, #formCancel{
	cursor:pointer;
	height:22px;
	width:80px;
	border:1px solid grey;
	border-radius:2px;
	float:left; 
	margin-top:25px;
    margin-bottom: 20px;
}

#closeBlockTypeSelector2{
	position: absolute;
}

.date_picker{
    position: relative;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    height: 90px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 0;  

}

#eventStartPicker, #eventStopPicker{
    position: relative;
    width: 100%;
    text-align: center;
    height: 90px;
}


.image_and_text_section{
	position:relative;
	width:98%;
	margin-top:20px;
	padding-bottom:20px;
	clear:both;
	min-height: 100px;
}

.lang_selector{
	position:relative;
	float:left;
	text-align:center;
	text-decoration:underline;
	width:30px;
	cursor:pointer;
	padding-right: 3px;
	padding-bottom:10px;
	padding-top: 4px;
}

.redBackground{
	background-color: yellow;
}

#popupEditorContentDiv{
	background-color: white;
	overflow-y: scroll;
}

#pgrStatus3,#pgrStatus4,#pgrStatus5{
    font-size: 12px;
    color: blue;
    margin-top: -40px;
    width: 60px;
    float: left;
    padding-left: 9px;
}

#bannerText0_clone, #bannerText1_clone, #bannerText2_clone, 
#bannerText3_clone, #bannerText4_clone, #bannerText5_clone, 
#bannerText6_clone, #bannerText7_clone, #bannerText8_clone, 
#bannerTextWrapper0_clone, #bannerTextWrapper1_clone, #bannerTextWrapper2_clone, 
#bannerTextWrapper3_clone, #bannerTextWrapper4_clone, #bannerTextWrapper5_clone, 
#bannerTextWrapper6_clone, #bannerTextWrapper7_clone, #bannerTextWrapper8_clone{
	display: none;
}

	

@media all and (min-width: 200px) {
	ul{
		position: relative;  
		width: 95%;
	}
	
	.lang-selectors{
		position:absolute;
		top:2px;
		right:0;
		width:100px;
		height:20px;
		font-size: 14px;
		margin-top: 4px;
	}
	
	.banner-txt{
		height: auto;
		color: black;
		position: absolute;
		text-align: center;
	}
	.legal-text-link{
		font-size: 14px;
		margin-top: 18px;		
	}		
	
	.banner-txt-show{
		height: auto;
		color: black;
		position: absolute;
		text-align: center;
	}
	.memb-login {
		position: absolute;
		right:22px;
		top: 80px;
		min-width: 54px;
		width: auto;
		height: auto;
		font-size: 12px;
		cursor: pointer;
		float: right;
		padding: 2px;
		z-index: 200;
		border-radius: 2px;
		border-style: solid;
		border-width: 1px;
		text-align: center;
		font-style: italic;
	}	
	.memb-logout {
		position: absolute;
		right: 22px;
		top: 80px;
		width: auto;
		height: auto;
		font-size: 12px;
		cursor: pointer;
		float: right;
		padding: 2px;
		z-index: 200;
		border-radius: 2px;
		border-style: solid;
		border-width: 1px;		
		background-color: #f7f7f7;
		color: #7b7474;		
		text-align: center;
		font-style: italic;
	}		

	#floating-panel {
	  display: none;
	}	
	#saveMapData{
		display: none;
	}
	#SlideImages{
		position: relative;
	}

	#flexSlides{
		top: 0;
		margin: 0;
		border: 0;
	}	
	.logo-handling{
		height: auto;
		max-height: 70px;
		width: auto;
		max-width: 180px;
	    margin: 4px;
	}
	.menu-text{
		text-decoration: none;
	}
	.header{
		position: relative;
		height: 100px;
		width: 100%;
		min-width: 280px;
		z-index: 100;
	}
	.lang_selectors{
		position:absolute;
		top:2px;
		right:5px;
		width:100px;
		height:20px;
		font-size: 14px;
	}
	.image_and_text_section_img_right{
		max-width: 98%;
		float: left;
		padding-bottom: 30px;
		padding-left: 1%;
	}
	
	.image-resizing{
		width:98%;
	}	
	
	.fp-name{
		font-size: 20px;
		color: black;
		position: relative;
		top: 77px;
	    background-color: aliceblue;
    	text-align: center;
    }
	.user_name_menu{
		position: relative;
		top: 60px;
		height: 15px;
		text-align: right;
		text-decoration: underline;
		font-size: 14px;
		font-style: italic;
		cursor: pointer;
		float: left;
		padding-left: 2%;
	}
	
	.user_name_login{
		position: absolute;
		top: 35px;
		right: 130px;
		height: 15px;
		width: 15px;
		cursor: default;
		float: right;
		padding-left: 2%;
	}	
    
	.sideblock-text{
    	font-size:  14px;
    	color: black;
    }
    .menubar{
		height: auto;
		width: 100%; 
		margin-top: 12px;
	    margin-left: 0px;;
	}
	
	.some-shares{
		height: 30px;
		width: 150px;
	}
	
	.clear-float{
		clear:both;
	}
	
	.side-blocks{	
		width: 100%;
		position:relative;
		float:left;
		margin-bottom: 10px;
	}
	
	.content-block{
      height: 100%;
      width: 100%;
      min-width: 280px;
      z-index: 10;
      font-size: 14px;
      margin-left: 1%;
    }
    
    .content-container {
      position: relative;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      min-width: 300px;
      margin-top: -14px;
    }
    .form-input{
    	width: 270px;
    } 
    .flex-item {
  	  width: 95%;
  	  height: auto;
  	  margin: 10px;
    }
    .flex-item-side {
		float: left;
		width: 220px;
		height: 330px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
		background-color: #E5FFF4;
		border-radius: 1px;
		margin-top: 20px;
		border-radius: 1px;
		border-width: 1px;
		border-style: solid;
		border-top-color: white;
		border-left-color: lightgrey;
	  }
	  
	  .ts-in-side{
		  width:220px; 
		  height:70px; 
		  margin-top: 20px;
		  background-image: url(emuseo_logo2.png);
		  background-repeat: no-repeat;
		  background-size: 95%;
		  margin-left: 4px;
		  cursor: pointer;
	  }

	  .sideblock-height-scroll-enabled{
		max-height: 250px;
		overflow-y: scroll;
		overflow-x: hidden; 
	  }
	  .flex-item-news-events{
		float: left;
		width: 218px;
		height: auto;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
		background-color: #F6F7F8;
		border-color:grey;
		border-radius: 1px;
		border-width: 1px;
		border-style: solid;
		border-top-color:white;
		border-left-color:lightgrey;
	  }
	  .add-flex-item-side {
		margin-top: 0;
	  }  
	  #PageMap{
		 width: 220px;
		 height: 220px; 
	  }
	.galleryimage-remove-button,.contentblock-move-button-up, .openlock, .closedlock .contentblock-move-button-down,.open-manual,.publ-icon, .memb-icon, .color-icon, .edit-langs, .add-icons, .submenu-remove-button, .image-remove-button, .contentblock-remove-button, #AddButtonContent, .add_image_symbol{
		height:0;
	}
	.time-edit-container{
		display:none;
	}
	
	.lang-checkbox{
		display:none;
	}
}  
@media all and (min-width: 400px) {
	.image_and_text_section_img_right{
		max-width: 42%;
		float: right;
		padding-bottom: 30px;
		padding-right: 10px;
		padding-left: 1%;
	}	   
}

@media all and (min-width: 600px) {
	.legal-text-link{
		font-size: 18px;
		margin-top: 25px;
	}		
}

@media all and (min-width: 880px) {
	ul{
		position: relative;   /* list menu fixed position */
		width: 95%;
	}
	
	.form-check{
	    width: 80%;
	    float: left;
	}
	.banner-txt{
		height: auto;
		color: black;
		position: absolute;
		text-align: center;
	}
			
	.banner-txt-show{
		height: auto;
		color: black;
		position: absolute;
		text-align: center;
	}

	.openlock{
		height: 50px;
		width: 50px;
		position: relative;
		cursor: pointer;
		top: 10px;
		background-image: url(openlock.png);
		background-size: 50px;
		background-repeat: no-repeat;
	}
	
	.closedlock{
		height: 50px;
		width: 50px;
		position: relative;
		cursor: pointer;
		top: 10px;
		background-image: url(closedlock.png);
		background-size: 50px;
		background-repeat: no-repeat;
	}
	
	#saveMapData{
	    cursor: pointer;
		right: 16px;
	    top: 230px;
	    position: absolute;
	    display: initial;
	}
	
	#floating-panel {
	  display: initial;
 	  top: 10px;
	  left: 5px;
	  z-index: 5;
	  text-align: center;
	  line-height: 30px;
	}	
	
	.user_name_menu{
		position:absolute;
		right:170px;
		top:40px;
		width:auto;
		height:15px;
		text-align:right;
		text-decoration:underline;
		font-style:italic;
		cursor:pointer;
	}

	#SlideImages{
		position: relative;
		overflow: hidden;
	}	
	
	.banner-addon{
		position: absolute;
		top: 40px;
		margin-left: 10px;
		width: 90px;
		height: 40px;
		background-color: white;
		border: solid 1px grey;
		border-radius: 4px;
		color: black;
	}
	.banner-edit{
		width: 60px;
		height: 30px;
		background-image: url(addBannerTxt.png);
		background-size: 60px auto;
		background-repeat: no-repeat;
		margin-left: 18px;
		margin-top: 4px;
		cursor: pointer;
	}

	
	.lang-checkbox{
		height: 30px;
		display: initial;
	}
	.logo-handling{
		height: auto;
		max-height: 70px; 
		width: auto;
		max-width: 300px;
		margin-top: 8px;
		margin-left: 4px;
	}	


	.add_image_symbol{
		background-image: url(addImage.jpg);
		width: 8%;
		height: 70px;
		background-repeat: no-repeat;
		background-size: 100%;
		cursor: pointer;
	}	
	
	.contentblock-move-button-up, .contentblock-move-button-down{
		width: 22px;
		height: 22px;
		float: right;
		margin-right: 12px;
		margin-top: 10px;
	    background-image: url(nuoli-ylos.png);
        background-size: 22px;
        background-repeat: no-repeat;
        cursor: pointer;
	}	
	
	.contentblock-move-button-down{
	    background-image: url(nuoli-alas.png);	
	}
	
	#blockSelectorList{
		background-color: white;
		border-color: grey;
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		height: auto;
		padding: 10px;
		margin-top: 10px;	
		padding-bottom: 44px;  
	    color: black;
	}
	#newBlockSelectorList{
		background-color: white;
		border-color: grey;
		border-style: solid;
		border-width: 1px;
		border-radius: 3px;
		height: 300px;
		padding: 10px;
		margin-top: 10px;	
		color: black;
	}	
	
	#deleteBlockDialogue, #deleteFileDialogue, #deleteImageDialogue{
		position: fixed;
		top: 200px;
		left: 200px;
		background-color: white;
		padding: 20px;
	    border-color: grey;
	    border-style: solid;
	    border-width: 1px;
	    border-radius: 3px;
	    color: black;
	}
	
	.logout_selection{
		position:absolute;
		right:180px;
		top:53px;
		width:auto;
		text-align:right;
		text-decoration:underline;
		font-style:italic;
		cursor:pointer;
		font-size:12px; 
		padding-left: 2%;
		padding-right:0;
	}	
	
	.open-manual{
		width:70px; 
		height: 19px;		
		position:relative; 
		float:right; 
		margin-right:60px; 
		margin-top: 5px; 
		cursor:pointer; 
		background-color:yellow; 
		border-style:solid; 
		border-color:grey; 
		border-radius:3px;
		border-width:1px;
		font-size:12px;
		font-weight:bold;
		text-align:center;
	    color: black;
	}
	.publish-button-text{
		display: none;
		float: left;
		background-image: url(publish-symbol.png);
		height: 30px;
		width: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
	}
	.event-address{
		width:200px;
	}
	.event-address-edited{
		float: right;
		background-image: url(save-symbol.png);
		background-size: 20px;
		background-repeat: no-repeat;
		border-style: solid;
		border-color: orange;
		border-width: 1px;
		background-color: #F3FFFF;
		border-radius: 3px;
		right: 400px;
		top: 4px;
	    position: relative;
	}
	
	.publish-button-text-edited, .filename-save{
		float: right;
		background-image: url(save-symbol.png);
		height: 30px;
		width: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
		border-style: solid;
		border-color: orange;
		border-width: 1px;
		background-color: #F3FFFF;
		border-radius: 3px;
	}
	
	.menu-controls{
	    padding-left: 6px;
	    padding-bottom: 6px;
	    right:0;   
	    position: absolute;
	}
	
	#subMenuEditor{
		position: relative;
	    float: right;
	    padding-left: 6px;
	    padding-bottom: 2px;
	    margin-right: 32px;
        color: black;
	}
	
	.content-modified, .event-address-modified{
		background-color: pink;
	}
	.form-input{
		width: 400px;
	} 
	
	.add_image_and_text_section{
		position: relative;
		float: left;
		width: 90%;
		height: 55px;
		margin-top: 20px;
		margin-bottom: 40px;
		margin-left: 10px;
		border-style: solid;
		border-color: grey;
		border-width: 1px;
		background-color: #F3FFFF;
		border-radius: 3px;
	}
	
	.add_new_image_placeholder{
		background-image: url(tyhja-kuva.png);
		height: 120px;
		background-position-x: 0 100%;
		background-repeat: no-repeat;
		background-size: 200px 150px;
	}
	
	.menu-text{
		min-width:25px;
		height: 18px;
		text-decoration: none;
	    height: 18px;
	    padding-left: 4px;
	}

	.menu-text-admin{
		position: relative;
		border-bottom: solid 3px white;		
		margin-left: 5px;
		float: left;
		cursor: pointer;
		height: 20px;
		width: 20px;
		background-size: 20px;
		margin-top: 1px;
		margin-left: 10px;
		background-image: url(edit-symbol.png);
	}
    
	.sub-menu-text-admin{
		margin-left: 20px;
	}	
	.add-flex-item-side {
		float: left;
		width: 220px;
		height: 34px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
		margin-top: 20px;
		background-color: #FBFFA9;
		border-style: solid;
		border-color: grey;
		border-width: 1px;
		border-radius: 1px;
	}
	
	.content-publish {
		width: 30px;
		margin-top: 6px;
		margin-left: 4px;
		margin-right: 6px;
		cursor: pointer;
	}
	.add-icons {
		width: 20px;
		height: 20px;
		margin-top: 6px;
		margin-left: 4px;
		margin-right: 6px;
		cursor: pointer;
	}
	.edit-langs{
		position: absolute;
		left:35px; 
		cursor:pointer; 
		top:30px; 
		height: 20px; 
		width:20px;
		background-size:20px; 
		background-image: url(edit-symbol.png);	
	}
	
	.publ-icon{
		width: 34px;
		height: auto;
		margin-top: 28px;
		margin-right: 40px;
		cursor: pointer;
		float: right;
		border-style: solid;
		border-color: lightskyblue;
		border-width: 2px;
		border-radius: 20px;
		padding: 6px;
		z-index: 200;
		position: relative;	
    } 
	.color-icon {
		width: 40px;
		height: auto;
		margin-top: 28px;
		margin-right: 30px;
		cursor: pointer;
		float: right;
		z-index: 200;
		position: relative;
	}	
	.memb-icon {
		width: 38px;
		height: auto;
		margin-top: 29px;
		margin-right: 40%;
		cursor: pointer;
		float: right;
		border-radius: 4px;
		padding: 2px;
		z-index: 200;
		position: relative;
	}
	.memb-login {
		position: absolute;
		right: 93px;
		top: 50px;
		width: auto;
		height: auto;
		font-size: 12px;
		cursor: pointer;
		float: right;
		padding: 4px;
		z-index: 200;
		border-radius: 2px;
		border-style: solid;
		border-width: 1px;
		text-align: center;
		font-style: italic;
	}	
	.memb-logout {
		position: absolute;
		right: 82px;
		top: 50px;
		width: auto;
		height: auto;
		font-size: 12px;
		cursor: pointer;
		float: right;
		padding: 4px;
		z-index: 200;
		border-radius: 3px;
		background-color: #f7f7f7;
		color: #7b7474;
		text-align: center;
		font-style: italic;
	}	
	
	.sh-link{
		color: #1eacda;
		cursor: pointer;
	}
	
	.sh-link:hover {
		color: blue;
		text-decoration: underline;
    }

	
	.edit-account-info{
		height: 230px;
		z-index: 150;
		position: fixed;
		background-color: white;
		width: 310px;
		float: right;
		top: 106px;
		right: 70px;
		padding: 10px;
		border-style: solid;
		border-width: 1px;
		border-color: grey;
		border-radius: 3px;
		display:inherit;
	    color: black;	
	}

	.edit-site-lang, .edit-pw-block, .edit-fb-block, .new-ts-block, .edit-event-block, .edit-flickr-block,  .edit-insta-block, .edit-ts-block, .edit-news-block, .edit-tw-block, .new-fb-block, .new-event-block, .new-news-block, .new-tw-block, .new-flickr-block, .new-insta-block{
		height: auto;
		z-index: 150;
		position: fixed;
		background-color: white;
		width: 310px;
		float: right;
		padding: 10px;
		top: 160px;
		right: 18px;
		border-style: solid;
		border-width: 1px;
		border-color: grey;
		border-radius: 3px;
		display:inherit;
	    color: black;
	}
	
	.edit-site-lang{
		top: 104px;
		right:0;
		position: absolute;
	}
	
	.select-menus{
		height: auto;
		z-index: 150;
		position: fixed;
		background-color: white;
		width: 600px;
		float: right;
		padding: 10px;
		padding-top: 0;
		top: 50px;
		left: 150px;
		border-style: solid;
		border-width: 1px;
		border-color: grey;
		border-radius: 3px;
		display: inherit;
		color: black;
	}
	
	.edit-arch-block{
		height: auto;
		z-index: 150;
		position: fixed;
		background-color: white;
		width: 280px;
		float: left;
		padding: 10px;
		top: 160px;
		left: 18px;
		border-style: solid;
		border-width: 1px;
		border-color: grey;
		border-radius: 3px;
		display:inherit;
		color: black;
	}
	.edit-gallery-block{
		height: auto;
		z-index: 150;
		position: fixed;
		background-color: white;
		width: 300px;
		padding: 10px;
		top: 140px;
		right: 100px;
		border-style: solid;
		border-width: 1px;
		border-color: grey;
		border-radius: 3px;
		display:inherit;
		color: black;
	}	
	.galleryimage-remove-button{
		margin-bottom:10px; 
		cursor:pointer; 
		width: 20px; 
		height: 20px; 
		background-size: 20px; 
		background-image: url(remove-button.png);
		display:inherit;
	}	
	
	.image-move-button-left{
		margin-bottom: 10px;
		margin-right: 10px;
		cursor: pointer;
		width: 20px;
		height: 20px;
		background-size: 20px;
		background-image: url(left.png);
		float: left;
		position: absolute;
	}
	.image-move-button-right{
		margin-bottom: 10px;
		margin-left: 10px;
		cursor: pointer;
		width: 20px;
		height: 20px;
		background-size: 20px;
		background-image: url(right.png);
		float: right;
		position: absolute;
		left: 90px;
	}
	
	.delete-submenu{
		height: auto;
		z-index: 150;
		position: fixed;
		background-color: white;
		width: 280px;
		float: right;
		padding: 10px;
		top: 160px;
		left: 18px;
		border-style: solid;
		border-width: 1px;
		border-color: grey;
		border-radius: 3px;
		color: black;
	}
	.time-edit-container{
		height: auto;
		z-index: 150;
		position: fixed;
		background-color: white;
		width: 450px;
		padding: 10px;
		top: 160px;
		left: 18px;
		border-style: solid;
		border-width: 1px;
		border-color: grey;
		border-radius: 3px;
		display:inherit;
	    color: black;
	}	
	.document-remove-button{
		float: left;
		width: 20px;
		height: 20px;
		margin-right: 15px;
		top: -3px;
		position: relative;
		background-size: 20px;
		background-repeat: no-repeat;
		cursor: pointer;	
	}
	.publish-checkbox{
		position:relative; 
		width:87%; 
		float:left;
		margin-bottom:20px; 
		margin-top:20px;
		padding-top: 10px;	
	}
	.bottom-line{
		border-bottom: solid 1px;
		border-color: #d3d3d3;
		padding-bottom: 15px;		
	}
	
	
	.save-recipient-email{
		float: right;
		background-image: url(save-symbol.png);	
		height: 30px;
		width: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
		background-color: #F3FFFF;
		border-radius: 3px;
		margin-left: 20px;
		margin-top: -4px;	
		cursor: pointer;
	}
	.email-changed{
		background-color: #ffa50085;
	}

	.contentblock-remove-button{
		float: left;
		width: 30px;
		height: 30px;
		background-size: 30px;
		background-repeat: no-repeat;
		cursor: pointer;
		margin-right: 10px;
	}
	.image-remove-button{
		float: right;
		width: 25px;
		height: 25px;
		background-size: 21px;
		background-repeat: no-repeat;
		cursor: pointer;
		left: 34px;
	    top: -22px;
		position: relative;
	}
	
	#AddButtonContent{
		width:30px; 
		height:30px; 
		float:right;
		margin-right: 50%;
		margin-left: 50%;
	}
	.content-block {
		height: auto;
	    width: 70%;
	    z-index: 10;
	    margin-right: 1%;
	    margin-left: 2%;
	    font-size: 16px;		
	}
	  
	.header{
		position: relative;
		height: 82px;
		width: 100%;
		min-width: 300px;
		z-index: 100;
	}
	.lang-selectors{
		position:absolute;
		top:2px;
		right:70px;
		width:100px;
		height:20px;
		font-size: 14px;
		margin-top: 4px;
	}
	  
	.distributor-logo{
		position: absolute;
		right: 0;
		width: 65px;
		height: 65px;
		background-image: url(kotiseutuliitto_jasen_logo.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
		cursor: pointer;
		margin-top: 8px;
        margin-right: 4px;
	}
	  
	.menubar{
		height: 26px;
		width: 100%; 
		height: 26px;
		width: 106%;
    	padding-left: 5px;
	    margin-left: -48px;
	}
	  
	.fp-name{
		font-size:  24px;
		color: black;
		position: absolute;
		align-content: center;
		left: 50%;
		right: 50%;
		top: 20px;   
	}  
	  
	.sideblock-text{
		font-size:  14px;
		color: black;
	}
	  
	.content-container {
		position: relative;
		display: flex;
		  -webkit-box-flex;
		flex-wrap: wrap;
		width: 92%;
		height: 100%;
		min-width: 350px;
		margin-left: auto;
		margin-right: auto;
        margin-top: 0px;
	}
	
	.multi_slider {
		margin-top: -25px;
	}
	
	.side-blocks{	
		width: 220px;
		position:relative;
		float:left;
	}
	
	.flex-item {
		width: 100%;
		height: auto;
		margin: 10px;
		border-width: 0;
	}
	 
	  
	.flex-item-side {
		float: left;
		width: 220px;
		height: 330px;
		margin-right: 10px;
		margin-top: 20px;
	}
	  
	.add-flex-item-side {
		margin-top: 20px;
	} 
	
	.sideblock-edit-container{
		float: left;
		width: 98%;
		height: 35px;
		border-radius: 1px;
		border-width: 1px;
		border-color: grey;
		border-style: solid;
		background-color: #FBFFA9;
		z-index: 1;
		position: absolute;
	}	
		
	.add-arch-file-button, .add-gallery-file-button, .sideblock-edit-fb-button, .sideblock-edit-ts-button, .sideblock-edit-flickr-button, .sideblock-edit-insta-button, .sideblock-remove-button, .sideblock-edit-tw-button, .sideblock-edit-event-button, .sideblock-edit-news-button, .sideblock-remove-button, .sideblock-edit-close {
		float: left;
		cursor: pointer;
		width: 28px;
		height: 28px;
		z-index: 200;                                                                      
		background-size: 28px;
		background-repeat: no-repeat;
		margin-top: 3px;
		margin-left: 4px;
		margin-right: 10px;
	  }	
	  .submenu-remove-button{
		float: right;
		cursor: pointer;
		width: 18px;
		height: 18px;
		z-index: 200;
		background-size: 18px;
		background-repeat: no-repeat;
		padding-right: 5px;
		left: 4px;
		position: absolute;
	  }

	  .submenu-remove-button-old{
	    float: left;
		cursor: pointer;
		width: 18px;
		height: 18px;
		z-index: 200;
		background-size: 18px;
		background-repeat: no-repeat;
		padding-right: 5px;
		left: -20px;
		position: relative;
	  }
	  .arch-file-dropbox{
		background: transparent;
		background-position: center center;
		background-size: 50px auto;
		background-repeat: no-repeat;
		background-image: url(pdf-logo.png); 
		color: transparent;
	  }

	  .editor_pointer{
	  	  cursor: pointer;
	  }
	  .event_time_editor{
		width:80%; 
		position:relative; 
		height: 15px;                          
	  }
}

.no_pointer{
  cursor: default;
}


.date-width{
/*	width: 54%;*/
	max-width: 300px;
	float: left;
}
.content-element-image{
    max-width: 100%;
    height: auto;
    vertical-align:middle;
}

.content-text{
	width: 48%;
	float: left;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: solid 1px;
}

.content-text-modified{
	width: 49%;
}



.content-element-header-text{
    width: 54%; 
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    vertical-align:top;
    text-align:left;
    min-width: 300px;
    margin-left: 35%;
    margin-top: -20%;
}

.content-element-text{
    width: auto;
    height: 100%;
    vertical-align:top;
    text-align:left;
    min-width: 180px;
    min-height: 150px;
    overflow: hidden;
    margin-left: 35%;
    margin-top: 10px;
}

#newVideoHeader{
	width:100%;
}
/* Image gallery additions */

* {
  box-sizing: border-box;
}
.row > .column {
  padding: 0 ;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


.column1 {
  float: left;
  width: 22%;
  margin-right: 10px;
  margin-bottom: 10px;
}


/* The Modal (background) */
.modal {
  display: none;
  position: fixed;

  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  color: white;
  z-index: 1000;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: black;
  margin: auto;
  padding: 0;
  width: 63%;
  max-width: 700px;
  
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}



.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  width: auto;
  padding: 16px;
  top: 320px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  border-radius: 25px;
  user-select: none;
  -webkit-user-select: none;
}

@media all and (min-width: 200px) {
.prev,
.next {
  top: 140px;
}
.thumb_imgs{
    height: 60px;
    width: 80px;
    overflow: hidden;
    margin-bottom: 5px;
	object-fit: cover;
	max-height: 80px;  
	float:left;
}
.empty_thumb_img{
    height: 60px;
    width: 80px;
    overflow: hidden;
    margin-bottom: 5px;
	object-fit: cover;
	max-height: 80px;  
	float:left;
	font-size: 28px;
	text-align: center;	
    opacity: 0.5;
    background-size: 80px 60px;
}

.thumb_imgs_hidden{
    height: 60px;
    width: 0;
    overflow: hidden;
    margin-bottom: 5px;
	object-fit: cover;
	max-height: 80px;  
	float:left;
}
.column {
  float: left;
  width: 90px;
  margin-bottom: 16px;
  margin-right: 8px;
}
.extra-images{
	font-size: 18px;
	line-height:1;margin-top: 28%;
	font-weight: bold; 
	color: white;  
	text-shadow: 2px 2px 2px #000000;
}
}
@media all and (min-width: 400px) {
.prev,
.next {
  top: 145px;
}}
@media all and (min-width: 500px) {
.prev,
.next {
  top: 175px;
}
.thumb_imgs{
    height: 90px;
    width: 120px;
    overflow: hidden;
    margin-bottom: 10px;
	object-fit: cover;
	max-height: 120px;  
	float:left;
}
.empty_thumb_img{
    height: 90px;
    width: 120px;
    overflow: hidden;
    margin-bottom: 10px;
	object-fit: cover;
	max-height: 120px;  
	float:left;
	font-size: 28px;
	text-align: center;	
    opacity: 0.5;
    background-size: 120px 90px;
}

.thumb_imgs_hidden{
    height: 90px;
    width: 0;
    overflow: hidden;
    margin-bottom: 10px;
	object-fit: cover;
	max-height: 120px;  
	float:left;
}
.column {
  float: left;
  width: 120px;
  margin-bottom: 16px;
  margin-right: 8px;
}
.extra-images{
	font-size: 22px;
	line-height:1;margin-top: 28%;
	font-weight: bold; 
	color: white;  
	text-shadow: 2px 2px 2px #000000;
}
}
@media all and (min-width: 600px) {
.prev,
.next {
  top: 210px;
}
}

@media all and (min-width: 800px) {
.prev,
.next {
  top: 250px;
}

}
@media all and (min-width: 1000px) {
.prev,
.next {
  top: 320px;
}}

/* Position the "next button"to the right */
.next {
  right: -50px;
  border-radius: 25px;
}
.prev{
    left: -55px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:active ,.next:active {
  background-color: rgba(220, 220, 220, 0.9);
}

.gallery-view{
	max-height: 570px;
	overflow: scroll;
	overflow-x: hidden;	
}
.hide-thumb-img{
	display:none;
}
.gallery-separator{
	position:relative; 
	clear:both; 
	border-bottom:solid 1px; 
	width:100%; 
	height:10px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  text-align: center;
}

img {
  margin-bottom: -8px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}
                                                       
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}