.trans_10{
	transition: all 10ms;
	-webkit-transition: all 10ms;
	-moz-transition: all 10ms;
}

.unselectable {
   -moz-user-select: -moz-none;
   -ms-user-select: none;
   -khtml-user-select: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

.fullscreen_photo_overlay{
	display: none;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 100;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC45MSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjMiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.91) 0%, rgba(0,0,0,0.63) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.91)), color-stop(100%,rgba(0,0,0,0.63))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.91) 0%,rgba(0,0,0,0.63) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.91) 0%,rgba(0,0,0,0.63) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.91) 0%,rgba(0,0,0,0.63) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.91) 0%,rgba(0,0,0,0.63) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8000000', endColorstr='#a1000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

	.fullscreen_photo{

	}
	
.holder{
	width: 620px;
	height: 623px;
	border: 1px solid #0a0a0a;
	font-family: verdana;
	font-size: 11px;
	margin-top: 20px;
}
.header_bar{
	height: 32px;
	line-height: 32px;
	float: left;
	width: 100%;
	background-color: #0a0a0a;
}

.header_bar > div{
	height: inherit;
	line-height: inherit;

	color: #fefefe;
	font-size: 14px;
	text-indent: 6px;
}
	.cat_header{
		float: left;
		height: inherit;
		line-height: inherit;
		width: 150px;
		border-right: 1px solid rgba(255,255,255,0.8);
	}
	.series_header{
		float: left;
		width: 234px;
		height: inherit;
		line-height: inherit;
		border-right: 1px solid rgba(255,255,255,0.8);
	}
	.serie_header{
		float: left;
		height: inherit;
		line-height: inherit;
		width: 232px;
	}
		.help_button{
			float: right;
			width: 32px;
			height: inherit;
			margin-right: 5px;
			background-image: url("../img/icons/help.png");
			background-clip: content-box;
			cursor: pointer;
		}

		.finalize_button{
			float: right;
			width: 32px;
			height: inherit;
			margin-right: 5px;
			background-image: url("../img/icons/finalize.png");
			background-clip: content-box;
			cursor: pointer;
		}

.browser{
	height: 300px;
	width: 100%;
	border-bottom: 1px solid #b8b8b8;
	float: left;
}

	.addbutton{
		height: 20px;
		width: 20px;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		color: rgba(0,0,0,0.7);
		cursor: pointer;
		border-left: 1px solid rgba(0,0,0,0.3);
		float: right;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.addserie{
		background-image: url("../img/icons/new_serie.png");
	}
	
	.addphototocategory{
		background-image: url("../img/icons/upload_photo.png");
		/*margin-left: 340px;
		margin-top: 229px;*/
	}
	.addphototoserie{
		background-image: url("../img/icons/upload_photo.png");
		/*margin-left: 598px;
		margin-top: 229px;	*/
	}
	.categories{
		float: left;
		height: 100%;
		width: 150px;
		background: #d7dde4;
		border-right: 1px solid #b8b8b8;
		overflow-x: hidden;
		overflow-y: auto;
	}
		.category{
			cursor: pointer;
			color: #000000;
			font-size: 14px;
			text-indent: 6px;
			height: 21px;
			line-height: 21px;
			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
		}

		.selected_category{
			background: #74bae8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0YmFlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzNiODlkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #74bae8 0%, #3b89d0 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74bae8), color-stop(77%,#3b89d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #74bae8 0%,#3b89d0 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #74bae8 0%,#3b89d0 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #74bae8 0%,#3b89d0 77%); /* IE10+ */
background: linear-gradient(to bottom,  #74bae8 0%,#3b89d0 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74bae8', endColorstr='#3b89d0',GradientType=0 ); /* IE6-8 */
		color: #fefefe;
		text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
		border-top: 1px solid #5fa5dd;
		border-bottom: 1px solid #5fa5dd;
		}

	.series{
		float: left;
		width: 234px;
		height: 100%;
		border-right: 1px solid #e0e0e0;
		overflow-x: hidden;
		overflow-y: hidden;
	}
		.series_content{
			float: left;
			height: 280px;
			width: 100%;
			overflow-x: hidden;
			overflow-y: auto;
		}

	.serie{
		float: left;
		width: 233px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		border-bottom: none !important;
	}
		.serie_content{
			height: 280px;
			width: 100%;
			overflow-x: hidden;
			overflow-y: auto;
		}
		.button_bar{
			border-top: 1px solid rgba(0,0,0,0.1);
			background: #f2f2f2; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #f2f2f2 0%, #afafaf 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f2f2f2 0%,#afafaf 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f2f2f2 0%,#afafaf 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f2f2f2 0%,#afafaf 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f2f2f2 0%,#afafaf 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#afafaf',GradientType=0 ); /* IE6-8 */
			
			float: left;
			height: 20px;
			width: 100%;
		}
		.column_upload_hover{
			box-shadow: inset 0px 0px 0px 2px #b1d5fd;
		}


	.item{
		cursor: pointer;
		float: left;
		width: 100%;
		color: #0a0a0a;
		height: 32px;
		border-radius: 32px;
	}

	.selected_item{
		background-color: #3b77d4;
		color: #fffffb;
	}

		.item_icon{
			float: left;
			margin-left: 10px;
			height: 32px;
			width: 32px;
			background-size: 100% auto;
			background-repeat: no-repeat;
			background-position: center;
		}
			.photo_icon{
				/*background-image: url("../img/icons/image_file.png");*/
				background-image: url("../img/icons/image_file2.png");
			}

			.serie_icon{
				background-image: url("../img/icons/serie.png");
			}

		.item_name{
			font-size: 13px;
			line-height: 32px;
			float: left;
			margin-left: 10px;
		}

		.item_delete{
			float: right;

			margin-right: 8px;
			margin-top: 8px;

			height: 16px;
			width: 16px;
			
			line-height: 14px;
			text-align: center;
			font-size: 12px;
			color: rgba(0,0,0,0.5);

			border-radius: 16px;

			background-color: rgba(255,255,255,0.5);
		}

		.item_delete:hover{
			background-color: rgba(255,255,255,0.6);
		}

		.item_delete:active{
			background-color: rgba(255,255,255,0.8);
			color: rgba(0,0,0,0.6);
		}
	
	.progressbar{
		float: left;
		opacity: 0;
		height: 2px;
		width: 100%;
		background-color: #3b77d4;
		
	}

	.progressbar > div{
		margin-left: -20px;
		position: relative;
		top: -15px;
		height: 30px;
		width: 40px;
		display: block;
		color: #fefefe;
		margin-top: 10px;
	}

	.progressbar > div > div{
		position: relative;
		top: 10px;
		text-align: center;
		line-height: 20px;
		width: 100%;
		height: 20px;
		background-color: #282828;
	}

	.progressbar > div > span{
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #282828;
		margin-left: 12px;
		position: relative;
		top:2px;
	}

	.details{
		height: 298px;
		width: 100%;
		float: left;
	}
	.photomanager_error{
		margin-top: 7px;
		font-weight: bold;
		float: left;
		color: #f00;
		font-size: 13px;
		text-align: center;
		width: 100%;
		height: 13px;
		line-height: 13px;

	}

	.preview{
		float: left;
		height: 190px;
		width: 238px;
		margin-left: 10px;
		margin-top: 55px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	.preview_portrait{
		background-size: auto 100%;
	}

	.details > table{
		display: none;
		margin-top: 30px;
		float: right;
		width: 50%;
		margin-right: 10px;
	}

	.details > table textarea{
		resize: none; 
		height: 130px;
	}
	.details > table textarea, .details >  table input{
		width: 223px;
	}
	.details > table td{
		text-align: right;
	}
	.details > table label{
		font-size: 13px;
	}