@charset "UTF-8";

/* Form Elements
----------------------------------------------- */
select {color:#B1B1BC;background-color:#131313;border:1px solid #b1b1bc;}


/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect {width:180px;}

#controls {text-align:center;margin:0 auto 25px 54px;}

#galleries {margin:0 auto 20px auto;}

#galleries label {padding-bottom:2px;}

#transport {list-style:none;}

#transport li {float:left;margin:0;padding:0;text-align:center;}

#transport a {font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;text-transform:uppercase;font-size:.6975em;font-weight:bold;letter-spacing:0.1em;margin:0 1px 0 0;padding:4px 8px;width:70px;float:left;display:block;-moz-user-select:none;-khtml-user-select:none;}

#transport a:link {background:#666 url('../images/bg_grad_gray1.gif') 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:visited {background:#666 url('../images/bg_grad_gray1.gif') 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 url('../images/bg_grad_gray2.gif') 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;}

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

#previews {border:solid 1px #404040;padding:20px 10px;background-image:url('../images/metal042.jpg');width:372px;height:142px;margin:10px auto 30px auto;position:relative;text-align:left;overflow:hidden;}

#thumbnails {clear:both;margin:10px auto 0 auto;padding-left:6px;}

#thumbnails div {position:relative;width:24px;height:24px;float:left;margin:8px;padding:0;display:inline;}

#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;}

#picture {margin:0 auto;}

#mainImageOutline {margin:0 auto;padding:0;background-color:#eee;border-top:solid 1px #999;border-right:solid 1px #404040;border-bottom:solid 1px #333;border-left:solid 1px #404040;padding:1em;overflow:hidden;width:0px;height:0px;}

#mainImage {width:100%;height:100%;}

#picture img {border:1px solid #999;}

.selectedThumbnail {border:solid 2px #fc0 !important;}

.inFocus {border:solid 1px #fc0 !important;}


/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
.clear {visibility:hidden;display:block;clear:both;height:0px;}
	
.ClearAll {clear:both;height:0;font-size:0;line-height:0;}

/*#controls, #picture {display:none;}*/