@charset "UTF-8";

#previews {display:block;
	margin: 0px;
	padding: 0px;
	width: 755px;}
#galleries {margin:5px 0px 0px 0px;}
#galleries label {padding-bottom: 2px 0px;}
#galleryLinks a {text-decoration: none;}
#gallerySelect {border: 1px solid #bbb;
	color: #333;
	background: none;}
#gallerySelect option {padding-right: 5px;}

#thumbnails {margin: 10px auto;
	border: 1px solid #bbb;
	min-height:40px;
	clear:both;}
#thumbnails div {display:inline;
	position: relative;
	margin: 8px;
	padding: 0;
	width: 24px;
	height: 24px;
	float: left;}
#thumbnails img {
	width: 24px;
	height: 24px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;}

#controls {display:block;
	margin:10px 0px;
	padding: 0px;
	width: 755px;
	text-align:center;
	clear:both;}

#transport {display:block;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;}
	
#transport li {display: inline;
	margin: 0;
	padding: 0;
	text-align: center;}
	
#transport a {display:inline;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	-moz-user-select: none;
	-khtml-user-select: none;}
	
#transport a:focus {-moz-user-select: none;
	-khtml-user-select: none;}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;}

#picture {display:block;
	margin: 0px;
	padding: 0px;
	width: 755px;
	text-align:center;
	min-height:600px;}
	
#mainImageOutline {margin: 0 auto;
	padding: 0;
	background-color: #eee;
	border-top: solid 1px #ddd;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ddd;
	padding: 1em; 
	overflow: hidden; 
	width: 0px;
	height: 0px;}
	
#mainImage {width: 100%;
	height: 100%;}

#picture img {border: 1px solid #999;}
.selectedThumbnail {border: solid 2px #09c !important; }
.inFocus {border: solid 1px #09c !important; }