@charset "UTF-8";



#gallery{
min-height:800px;
}
/* Form Elements */
label { 
margin-left: 30px;
}
select {
color: #B1B1BC;
background-color:  #131313;
border: 1px solid #b1b1bc;
}

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

#transport {
margin: 0;
padding: 0;
list-style: none;
font-size: 10px; 
}
#transport li {
float: left;
margin: 0;
padding: 0;
text-align: center;
}
#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: 64px;
float: left;
display: block;
-moz-user-select: none;
-khtml-user-select: none;
}
#transport a:link {
background: #666 url('../picture/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('../picture/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('../picture/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-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 5px 5px 20px 5px;
margin-bottom: 5px;
width: 250px;
float: left;
margin-left: 30px;
margin-right: 5px;
}
#thumbnails {
clear: both;
margin: 10px auto;
}
#thumbnails div {
position: relative;
width: 24px;
height: 24px;
float: left;
margin: 8px;
padding: 0;
float: left;
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 {
padding: 0px;
width: 500px;
float: left;
}
#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; }