/* STANDARD HTML ELEMENTS */
body{
	background:#ddd;
	font-family:Trebuchet MS;
	font-size:0.9em;
}
a{
	color:#00167F;
}



/* UNIVERSAL ELEMENTS */
.center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.highlight{
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
}
.title{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	background:#eee;
}
.error{
	background:#EF952C;
	border: 1px solid #fff;
	padding:3px;
	color:#fff;
	font-weight:bold;
}
.success{
	background:#2EBF00;
	border: 1px solid #fff;
	padding:3px;
	color:#fff;
	font-weight:bold;
}
.note{
	font-size:0.8em;
	font-style:italic;
	color:#3F3F3F;
}



/* TEMPLATE */
div#container{
	background:#fff;
	border-width:0 1px 1px;
	border-style:solid;
	border-color:#000;
	width:966px;
	position:relative;
}
div#headerTitle{
	position:relative;
	text-align:left;
	background:#CFCFCF;
	padding: 5px;
	font-weight:bold;
}
span#headerLogin{
	position:absolute;
	right:3px;
	top:3px;
	padding: 3px;
	font-size:0.8em;
	text-align:right;
}

div#header{
	background:#eee;
	padding: 5px;
	width:150px;
	float:left;
	text-align:left;
}
div#header li a{
	text-decoration:none;
	line-height:2em;
}
div.content{
	padding:10px;
	float:left;
	text-align:left;
	width: 786px;
}
div#footer{
	text-align:right;
	font-size:0.8em;
	color:#8F8F8F;
	padding:3px;
	clear:both;
}



/* PAGES */
div#admin_images div#upload{
	margin:5px 0 15px;
	text-align:center;
}
div#admin_images div#dirs{
	width:32%;
	float:left;
}
div#admin_images div#files{
	margin-left:15px;
	width:32%;
	float:left;
}
div#admin_images div#keywords{
	margin-left:15px;
	width:32%;
	float:left;
}
div#admin_images div#img{
	position:relative;
	clear:both;
	margin-bottom:15px;
	background:#eee;
	padding: 5px;
	width:100%;
}
div#admin_images div#img div#imgInfo{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #000;
}
div#admin_images div#img div#imgInfo a{
	text-decoration:none;
}
div#admin_images div#img img{
	float:left;
	margin-right:10px;
}
div#admin_images div#img .tooltip{
	font-size:0.8em;
	font-weight:bold;
	color:red;
	cursor:pointer;
	padding:4px;
}
div#admin_images div#img img.imageList{
	float:left;
	margin-right:0px;
}
div#admin_images div#img div#fileKW{
	margin:0 0px 30px 10px;
	float:right;
	width:200px;
}
div#admin_images div#img div#fileKW .title{
	border-bottom:1px solid #000;
	margin-bottom:3px;
}
div#admin_images form#rename{
	text-align:center;
	display:block;
	position:relative;
	border-bottom:1px solid #000;
	margin-bottom:4px;
	padding-bottom:4px;
}
div#admin_images form#rename div.note{
	display:none;
	position:absolute;
	background:#fff;
	padding:5px;
	border: 1px dashed gray;
	top:25px;
	width:200px;
}
div#admin_images form#rename input[type="text"]{
	width: 65%;
}
div#admin_images form#delete input{
	position:absolute;
	bottom:5px;
	right:5px;
	font-size: 0.8em;
	background: #FF0000;
	border:2px solid #FFA200;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

div#admin_images .thumbnail{
	position: relative;
	z-index: 0;
}
div#admin_images .thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}
div#admin_images .thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	visibility: hidden;
}
div#admin_images .thumbnail:hover span{ /*CSS for enlarged image on hover*/
	background-color: lightyellow;
	padding: 5px;
	border: 1px dashed gray;
	color: black;
	text-decoration: none;
	padding: 2px;
	visibility: visible;
	top: 10px;
	left: 60px; /*position where enlarged image should offset horizontally */
}

div#admin_login form{
	text-align:right;
	margin-right:25%;
}

div#admin_gallerySettings div{
	margin-bottom:15px;
}
div#admin_gallerySettings div p.highlight{
	text-transform:none !important;
}
div#admin_gallerySettings div p{
	margin-bottom:5px;
}
div#admin_gallerySettings div p.note{
	margin-left:20px;
}