span.poster {
	color: rgb(150,150,150);
	font-size: 10px;
}
span.data {
	color: rgb(160,160,160);
	font-size: 10px;
	font-style: italic;
}

span.tag {
	padding: 2px 5px 2px 5px;
	border-radius: 5px;
}

body {
	font-family: Georgia;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.set-up {
	background-color: rgba(0,0,0,.5);
	color: white;
	padding: 4px;
	position: absolute;
	top: 0px;
	left: -20px;
}

#notifications {
	height: 0px;
	display: none;
	background-color: red;
	border-bottom: 10px solid rgba(0,0,0,.5);
	position: fixed;
	z-index: 999;
	top: 0px;
}

div#logo {
	position: fixed;
	top: 5px;
	left: 60px;
	background-color: black;
	color: white;
	z-index: 999;
}

	div#logo h1 {
		margin: 0px;
		padding: 5px;
		font-size: 15px;
		line-height: 40px;
	}

div#menu {
	position: fixed;
	top: 5px;
	left: 5px;
}
	
	div#menu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 50px;
	}
		
		div#menu ul li {
			line-height: 40px;
			padding: 5px;
			text-align: center;
			cursor: pointer;
		}
		
			div#menu ul li#not {
				background-color: yellow;
				border-radius: 40px;
				margin-bottom: 5px;
			}
			
			div#menu ul li#img {
				background-color: pink;
			}
			
			div#menu ul li#img:hover {
				background-color: red;
				color: white;
			}
			
			div#menu ul li#tag {
				background-color: cyan;
			}
			
			div#menu ul li#set {
				background-color: lightgray;
			}
			
			div#menu ul li#tag:hover {
				background-color: blue;
				color: white;
			}
			
			div#menu ul li#map {
				background-color: lightgreen;
			}
			
			div#menu ul li#map:hover {
				background-color: green;
				color: white;
			}

ul#filter {
	list-style: none;
	position: fixed;
	top: 5px;
	left: 130px;
}

	ul#filter li {
		margin-right: 10px;
		float: left;
		font-size: 13px;
		line-height: 20px;
	}
	
		ul#filter li span {
			font-size: 10px;
		}

div#content {
	position: absolute;
	top: 100px;
	left: 100px;
	padding-right: 100px;
}
	
	div#content div#upload_form, div#content div#new_collection {
		display: none;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 3px solid black;
	}
	
		div#content div#new_collection h3 {
			font-size: 14px;
			padding: 0px;
			margin: 0px;
			margin-bottom: 10px;
		}
	
		div#content div#upload_form ul#list_of_file {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
	
	div#content div.controller {
		position: fixed;
		top: 5px;
		left: 165px;
		padding: 19px;
		font-size: 11px;
		background-color: rgba(250,250,250,0.9);
		width: 400px;
	}
	
		div#content div.controller h1 {
			line-height: 11px;
			font-size: 11px;
			margin: 0px;
			padding: 0px;
			font-weight: normal;
		}
	
		div#content div.controller a {
			color: black;
		}

			div#content div.controller a#prev, div#content div.controller a#next, div#content div.controller a#setup, div#content div.controller a#upload, div#content div.controller a#newCollection {
				padding: 10px;
				width: 15px;
				text-align: center;
				font-size: 14px;
				font-family: arial;
				text-decoration: none;
				top: 8px;
				position: absolute;
			}
		
			div#content div.controller a#prev {
				color: red;
				background-color: lightpink;
				right: 40px;
			}
			
			div#content div.controller a#next {
				color: green;
				background-color: lightgreen;
				right: 0px;
			}
			
			div#content div.controller a#setup {
				color: black;
				background-color: orange;
				width: 40px;
				right: 0px;
			}
			
			div#content div.controller a#upload {
				color: black;
				background-color: violet;
				width: 40px;
				right: 65px;
			}
			
			div#content div.controller a#newCollection {
				color: black;
				background-color: lightgrey;
				width: 100px;
				right: 0px;
			}
	
	/* Single Images viewer */
	
	div#content div.tags {
		position: fixed;
		top: 100px;
		width: 190px;
	}
	
		div#content div.tags a {
			color: black;
			text-decoration: none;
			line-height: 23px;
		}
	
	div#content div.tags h3, div#content div.notes h3 {
		font-size: 13px;
		font-weight: normal;
		margin-top: 30px;
	}
	
	div#content p.desc_det {}
		
	div#content div.notes {
		padding-top: 10px;
		border-top: 1px solid;
		border-top-color: rgb(200,200,200);
		margin-top: 50px;
	}
		
		h2 {
			font-size: 13px;
		}
		
		div#content div.notes div.note {
			font-size: 12px;
			color: rgb(70,70,70);
			margin-bottom: 20px;
			border-bottom: 1px solid rgba(0,0,0,0.1);
		}
			
			div#content div.notes div.note p {
				font-size: 12px;
				margin-top: 0px;
				padding-top: 5px;
			}
		
			div#content div.notes div.note .poster {
				font-size: 12px;
			}
		
	/* Multi Images viewer */
	
	div#content ul.grid {
		margin: 0px;
		padding: 0px;
		list-style: none;
		-webkit-column-width: 100px; 
		-webkit-column-gap: 5px;
	}
	
	div#content ul.grid_simple {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		div#content ul.grid li.grid_item, div#content ul.grid_simple li.grid_item {
			position: relative;
			margin-bottom: 5px;
		}