/* Main CSS Document */
@charset "UTF-8";
html{height:95% !important;}
body{
	margin:0px;
	padding:0px;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color:#E9E5DF;
	height:95% !important;
	line-height:normal;
}

a:hover
{
	background-color:#E9E5DF;
	color:#111;
} 

#holder{
	width:960px;
	overflow-x:hidden;
	overflow-y:auto;
	clear:both;
	margin: auto;
	position:relative;
	background-color:#fff;
	display:inline-block;
}

#topbar{
	position:absolute;
	z-index:2;
	width:960px;
	float:left;
	height:43px;
	background-color:#000;
	text-transform: uppercase;
}

/* TOP MENUITEMS */
.menuitem{
	color:#fff;
	font-size:14px;
	font-weight:ligther;
	float:left;
	padding: 0px 11px;
	cursor:pointer;
	margin-top:6px;
	height:31px;
	margin-left:12px;
	padding-right:-1px;
	line-height:32px;
	text-indent:1px;
}

.menuitem:hover{
	background-color:#fff;
	color:#000;
}
/* END TOP MENUITEMS */

#content{
	width:960px;
	z-index:1;
	padding-top:50px;
	height:89% !important;
}

#flags_right{
	/*width:280px;*/
	float:right;
	padding:5px;
	margin-right:10px;
	margin-top:0px;
	background-color:#000;	
}

/* LEFT & RIGHT CONTENT */
#content_left{
	text-align: justify;
	font-size:13px;
	float:left;
	width:620px;
	background-color:#fff;
	padding:35px;
	padding-top:0px;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
}

#content_right{
	position:relative; /* new!*/
	z-index:0;
	height:480px;
	float:right;
	width:250px;
	background-color:#fff;
}
/* END LEFT & RIGHT CONTENT */

/* INFO TEXT  SIDEBAR*/
#sidebar_block{
	float:left;
	font-family: Verdana, arial, helvetica, sans-serif;	
	text-transform: uppercase;
	font-size: 13px;
	text-align:left;
	line-height:140%;
	margin-top: 200px;
	margin-left: -20px;
	margin-right:auto;	
	width:210px;
	height:auto;
	padding: 20px;
	display:none;
}
/* END INFO TEXT  SIDEBAR*/

/* sidebar language dropdown */
#lngdropdown{
	float:left;
	font-family: Verdana, arial, helvetica, sans-serif;	
	/*text-transform: uppercase;*/
	font-size: 13px;
	text-align:left;	
	margin-left: 0px;
	margin-right:auto;		
}
/* sidebar language dropdown */

/* WELCOME MESSAGE SIDEBAR */
#welcome{
	float:left;
	font-family: Verdana, arial, helvetica, sans-serif;	
	font-size: 13px;
	text-transform:none;
	margin-top: 20px;
	margin-left: 0px;
	margin-right:auto;	
	width:210px;	
}

/* LOGO IMAGE */
#logo{
	background-image:url(../img/logo210.jpg);
	margin-top:22px;
	margin-right:auto;
	width:210px;
	height:169px;
	display:block;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	z-index:-2; /* new!*/
}

/* USER LOGINFORM */
.menuitem.sidebarregister{
    color:black;
    background:#D8D4CE;
    border-radius:4px;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.4);
}
#login_block{
	position:relative;
	text-align:left;
	font-size: 12px;
	padding:10px;
	float:right;
	width:195px;
	height:184px;
	background-color:#eee;
	border-radius:4px;
	margin-right:11mm;
	margin-left:0mm;

	-moz-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Firefox/Mozilla */
	-webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /*Safari/Chrome */
	box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Opera & hoe het zou moeten */
	  /* Voor IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
  	/* Voor IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');	
	z-index:-3; /* new!*/
}

#login_block > label{
	font-size:12px;
}
#login_block > input{
	width:180px;
}
/* END USER LOGINFORM */

/* FORM */
.formbutton{
	background-color:#D8D4CE;
	border:0px solid #E9E5DF;
	padding: 0px 5px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	border-radius:4px;
	-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.4); /* Firefox/Mozilla */
	-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.4); /*Safari/Chrome */
	box-shadow: 2px 2px 1px rgba(0,0,0,0.4); /* Opera & hoe het zou moeten */
	  /* Voor IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7b7b7b')";
  	/* Voor IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7b7b7b');		
}

.formbutton:active{
	background-color:#F53D46;
	color:#555 !important;
}

.formbutton:hover{
	background-color:#96080F;
	color:#fff;	
}

.formlink{
	color:#96080F;
	font-size:13px;
	float:right;
	margin-top:3px;
}
/* END FORM */

/* USER PHOTOS */
#photoholder{
	margin-top:17px;
	border:1px solid rgba(0,0,0,0.2);
	height:550px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:rgba(0,0,0,0.02);
	box-shadow:inset rgba(0,0,0,0.2) 0px 0px 3px 1px;
}

.photoholder_active{
	box-shadow:inset rgba(0,0,0,0.2) 0px 0px 3px 1px, rgba(51,204,255,0.3) 0px 0px 10px 1px !important;
}
	#photo_details{
		height:90px;
		width:700px;
		margin-top:-15px;	
	}
		#photo_details > input{
			border:none;
			outline:none;	
		}
		#photo_details > input:hover{
			border:1px solid #000;
			margin:1px;
			outline:none;	
		}

.removeimg{
	float:left;
	margin-top:16px;
	margin-left:-39px;
	width:20px;
	height:20px;
	background-color:#fff;
	border-radius:20px;
	border:2px solid #000;
	color:#000;
	text-align:center;
	text-indent:1px;
	cursor:pointer;
	display:none;
	font-size:10px;
	line-height: 22px;
}

/*
#save_photo_detailsX{
	float:right;
	width:80px;
	margin-right:-40px;
	margin-top:-39px;
	border:1px solid #000 !important;
}

#save_photo_details:hoverX{
	margin-top:-39px !important;
	float:right;
	margin-right:-40px !important;
}

#photo_descriptionX{
	outline:none;
	border:none;
	resize: none; 
	position:relative;
	top:-38px;
	left:43px;
	height:70px;
	width:222px;
}

#photo_descriptionX:hover{
	top:-37px;
	margin-top: -2px;
	left:42px;
	border: 1px solid #000;
}
*/

/*  END USER PHOTOS  */


/* EMAILFORM */
#email_block{
	text-align:left;
	background-color:#eee;	
	padding:5px;
	float:left;
	width:620px;
	height:395px;
	-moz-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Firefox/Mozilla */
	-webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /*Safari/Chrome */
	box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Opera & hoe het zou moeten */
	  /* Voor IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
  	/* Voor IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');	
}
/* END EMAILFORM */

/* REGISTERFORM */
#register_block{
	font-size:12px;
	text-align:left;
	background-color:#eee;	
	padding:5px;
	float:left;
	width:620px;
	height:350px;
	-moz-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Firefox/Mozilla */
	-webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /*Safari/Chrome */
	box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Opera & hoe het zou moeten */
	  /* Voor IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
  	/* Voor IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');	
}
/* END REGISTERFORM */

/* FORGOTPASSWOTD */
#forgot_password_block{
	/*margin-top:6px;
	margin-left:55px;*/
	font-size:12px;
	text-align:left;
	line-height:150%;
	background-color:#eee;	
	padding:5px;
	float:left;
	width:620px;
	height:240px;
	-moz-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Firefox/Mozilla */
	-webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /*Safari/Chrome */
	box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Opera & hoe het zou moeten */
	  /* Voor IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
  	/* Voor IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');	
}
/* END FORGOTPASSWOTD */

/* USER ACCOUNTFORM */
#account_block{
	text-align:left;
	font-size:12px;
	line-height:150%;
	background-color:#eee;	
	padding:5px;
	float:left;
	width:620px;
	height:400px;
	-moz-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Firefox/Mozilla */
	-webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /*Safari/Chrome */
	box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Opera & hoe het zou moeten */
	  /* Voor IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
  	/* Voor IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');	
}
/* END USER ACCOUNTFORM */

/* FOOTER */
#footer {
	clear: left;
	width: 930px;
	font-size: 11px;
	background: #000;
	height: 55px;
	min-height: 55px;
	padding: 15px;
	padding-bottom:0px;
	padding-top:0px;
	color: #fff;
	background:#000;
}
#footer > div{
	margin-left:-15px;
}
#footerX {
	clear: left;
	float: left;
	width: 930px;
	font-size: 11px;
	background: #000;
	height: 25px;
	padding: 15px;
	color: #fff;
}
#copyinfo {
	width: 180px;	
	float: left;
	margin-top:21px;
	margin-left:140px;
}
#social {
	/*width:920px;*/
	/*height:40px;*/
}
#socialicons {
	float:right;
	height:25px;
	margin-top:15px;
}
#socialicons .facebook {
	width: 25px;
	height:25px;
	display:block;
	background:black url('../img/socialicons/facebookbw.gif') center top no-repeat;
}
#socialicons .facebook:hover {
	background:black url('../img/socialicons/facebookcolor.gif') center top no-repeat;
}

#socialicons .twitter {
	width: 25px;
	height:25px;
	display:block;
	background:black url('../img/socialicons/twitterbw.gif') center top no-repeat;
}
#socialicons .twitter:hover {
	background:black url('../img/socialicons/twittercolor.gif') center top no-repeat;
}

#socialicons .youtube {
	width: 25px;
	height:25px;
	display:block;
	background:black url('../img/socialicons/youtubebw.gif') center top no-repeat;
}
#socialicons .youtube:hover {
	background:black url('../img/socialicons/youtubecolor.gif') center top no-repeat;
}

#socialicons .rss {
	width: 25px;
	height:25px;
	display:block;
	background:black url('../img/socialicons/rssbw.gif') center top no-repeat;
}
#socialicons .rss:hover {
   background:black url('../img/socialicons/rsscolor.gif') center top no-repeat;
}

#socialicons .su {
	width: 25px;
	height:25px;
	display:block;
	background:black url('../img/socialicons/subw.gif') center top no-repeat;
}

#socialicons .su:hover {
   background:black url('../img/socialicons/sucolor.gif') center top no-repeat;
}

#support {
	width:960px;
	float:left;
	margin: 0px;
	background:#fff;
	text-align:center;
	margin-top:15px;
	padding-bottom:20px;
}

#support ul {
	margin-top:10px;
	margin-left:-40px;
}

.supporttext {
	font-family: Verdana, arial, helvetica, sans-serif;	
	font-size: 13px;
	text-align:center;
	color:#333;
	padding-top:7px;
	padding-bottom:7px;
}

#support li{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	list-style:none;
	width:175px;
	height: 50px;
}

#support li img{
	width: auto;
	height: 100%;
	border: none;
}

#socialicons li {
	list-style-type:none;
	margin-left:10px;
	float:left;
	margin-top:-10px;
}
/* END FOOTER */

/* Register Email*/
#emailbody{
	margin:0px;
	padding:0px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background-color:#ffffff;
	line-height:normal;
}

#confirm_lost_password{
	margin-top:23px;
	text-align:left;
	background-color:#eee;	
	padding:5px;
	float:left;
	width:620px;
	height:310px;
	-moz-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Firefox/Mozilla */
	-webkit-box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /*Safari/Chrome */
	box-shadow: 5px 5px 2px rgba(0,0,0,0.2); /* Opera & hoe het zou moeten */
	  /* Voor IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac')";
  	/* Voor IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#acacac');	
}

#contact_error_message{
	color: #f00;
}

#login_error{
	/*margin-top: 379px;
	position: absolute;
	right: 104px;
	font-size: 12px;
	color: #f00;
	font-weight:600;*/

	float:left;
	font-family: Verdana, arial, helvetica, sans-serif;	
	font-size: 12px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right:auto;	
	width:210px;
	font-weight:600;
	color: red;		
}

#error_message{
	color: red;		
}
#serie_holder{
	position: absolute;
	height: 400px;
	width: 620px;
	display: block;
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
}
#uncategorized_photo_holder{
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	display: block;
	height: 150px;
	width: 620px;
	position: absolute;
	top: 468px;
	left: 35px;
	right: 0px;
	box-shadow: inset rgba(0,0,0,0.4) 0px 0px 3px 1px;
	background: rgba(0,0,0,0.6);
}

.serie{
	display: block;
	width: 620px;
	height: 220px;
	float: left;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

	.serie > select{
		position: absolute;
		left: 0px;
		width: 120px;
	}

.photomanager_input{
	background-color: transparent;
	border: none;
	outline: none;
}

.serie_name{
	position: absolute;
	left: 120px;
	height: 22px;
	width: 150px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	text-indent: 2px;
}

.photo{
	float: left;
	margin: 13px;
	margin-top: 37px;
}

.selectedphoto{
	border:2px solid rgba(51,153,255,1);
	margin:23px;
	box-shadow:rgba(51,153,255,0.5) 0px 0px 10px 1px;
	overflow:visible;
	
}