/* @override http://192.168.1.3/graphicdesigner/scripts/Gallery.css */

@charset "UTF-8";


/* Layout Rules
----------------------------------------------- #wrap {
	width: 1000px;
	padding-top: 20px;
	margin: 0 20px;
}*/


.albumDesc	{
	margin-top: -15px;
	color: #666666;

}
.albumBookDesc {
	font-size: small;
	color: #666666;
	margin-top: -13px;
}
.descTitle { font-size: 100%; color: #FFF; }

.albumName {
	font-size: large;
}


/* Form Elements
----------------------------------------------- */
label, select { 
	font-size: 90%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}
select {
	color: #B1B1BC;
	background-color:  #131313;
	border: 1px solid #b1b1bc;
}

/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 200px; }
#controls {	margin:0 auto 10px auto; }
#galleries {	margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; }

#transport { margin: 0; padding: 0; }
#transport li {
	margin: 0;
	padding: 0;
	text-align: center; border-style: none;}
#transport a { text-decoration: none; text-transform: uppercase; font-size: 85%; font-weight: bold; letter-spacing: 0.1em; margin: 0 1px 0 0; padding: 4px 8px; width: 190px; display: block; -moz-user-select: none; -khtml-user-select: none; }
#transport a:link {
	background: none no-repeat;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:visited {
	background: none repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:hover {
	background: #666 none repeat-x;
	color: #000;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#thumbnails img { width: 48px; height: 48px;}

#previews { width: 219px; background-image: url(../images/lighttrans.png); padding: 0 2px 0 10px; margin-top: 0; display: none;}
#thumbnails { clear: both; overflow-x: hidden; overflow-y: auto; margin-left: auto; margin-right: auto; height: 328px; zoom: 1;}
#thumbnails div { position: relative; width: 48px; height: 48px; float: left; margin: 8px; padding: 0; float: left; display:inline; zoom: 1; }
#thumbnails img {
	width: 48px;
	height: 48px;
	position: absolute;
	}
#picture { width: 500px; }
#mainImageOutline { overflow: hidden; margin-left: auto; margin-right: auto; background-color: transparent;}
#mainImage { width: 100%; height: 100%;}
#picture img { border: 0 solid #999; float: none; margin: 0; padding: 0;}
.selectedThumbnail { border: solid 0px #fc0 !important; }
.inFocus { border: solid 0px #fc0 !important; }
.header {margin-top: 0px;}