/* ---------- Component Gallery ---------- */
div.compGallery {
width: 216px;
margin-bottom: 0px;
background-color: #fff;
overflow:hidden;
}

div.compGallery a.startShow{
display: block;
float: left;
background-image: url('../images/sprite_work_icons.gif');
background-repeat: no-repeat;
background-position: -10px -750px;
height: 22px;
padding-top: 3px;
padding-left: 25px;
margin-left:2px;
}

div.compGallery a.startShow:hover{
color:#2d6ea8;
background-position: -10px -800px;
}

div.compGallery a.playing {
background-position: -10px -850px;
}

div.compGallery a.playing:hover {
background-position: -10px -900px;
}

div.compGallery a:hover {
color: #2d6ea8;
}

div.compGallery ul {
margin: 0;
padding: 2px 2px 0 0;
text-align: right;
float: right;
}

div.compGallery ul li {
display: inline;
margin-left: 0.1em;
}

div.compGallery a {
font-size: 11px;
font-family:Tahoma,Arial,Verdana,sans-serif;
color: #181411;
cursor: hand;
}

div.compGallery a.selected {
font-size: 11px;
font-family:Tahoma,Arial,Verdana,sans-serif;
color: #ff0103;
cursor: default;
background: transparent;
}


div.compGallery div.imageStack {
background: #000;
height: 150px;
width: 216px;
margin-bottom: 5px;
overflow: hidden;
}

div.compGallery div.imageStack img {
height: 150px;
width: 216px;
display: none;
}

div.compGallery div.imageStack img.currentImage {
display: block;
}

div.compGallery div.imageStack img.queuedImage {
display: block;
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
}