/* ----- main gallery ----- */

#select li{
display:inline;
color:#888;
font-size:10px;
font-weight:bold;
line-height:20px;
}
.fadecontentwrapper{
position:relative;
width:585px;
height:498px;
}
.fadecontent{
position:absolute;
width:585px;
height:498px;
background:#dee7ec;
visibility:hidden;
}
.fadecontenttoggler{
position:relative;
top:-20px;
width:585px;
height:20px;
z-index:999;
background:#111;
opacity: .8;
filter:alpha(opacity=80);
}
.fadecontenttoggler a{
font-size:10px;
padding:3px 4px;
color:#888;
}
.fadecontenttoggler a:hover{
color:#fff;
}
.fadecontenttoggler a.toc{ /* auto generated! */
}
.fadecontenttoggler a.selected{ /* auto generated! */
color:#fff;
}


/* ----- map ----- */

#map{
position:relative;
top:294px;
left:90px;
width:250px
height:188px;
z-index:1000;
visibility:hidden;
}
#map p{
width:55px;
line-height:20px;
background:#111;
opacity: .8;
filter:alpha(opacity=80);
margin:0 0 0 195px;
text-indent:8px;
}
#map a{
font-size:10px;
}


/* ----- sliding info panel ----- */

#slide{
position:relative;
top:-80px;
left:340px;
width:230px;
height:230px;
z-index:1000;
}
#exampleHeader1{
position:relative;
width:230px;
height:40px;
background:#111;
opacity: .8;
filter:alpha(opacity=80);
text-align:center;
color:#fff;
z-index:1000;
}
#exampleHeader1 p.more{
text-align:right;
font-size:10px;
line-height:20px;
margin:0 6px;
cursor:pointer;
}
#exampleHeader1 h1.title{
font-size:12px;
text-align:left;
line-height:20px;
margin:0 12px;
color:#fff;
font-weight:normal;
}
h1.title span{
font-weight:bold;
font-size:12px;
}
#examplePanel1{
background:#111;
opacity: .8;
filter:alpha(opacity=80);
overflow:hidden;
color:#fff;
}
#examplePanel1 h2{
font-size:11px;
margin:0 4px 0 14px;
line-height:17px;
color:#fff;
font-weight:bold;
}
#examplePanel1 p{
font-size:10px;
margin:0 4px 14px 14px;
line-height:17px;
}
#examplePanel1 > p:first-child{
margin-top:12px;
}
#examplePanel1 a{
color:#fff;
}
#examplePanel1 a:hover{
text-decoration:underline;
}
#scroll{
position:relative;
width:225px;
height:180px;
overflow:auto; /* hidden for scroll pane */
overflow-x:hidden; /* needed for ie */
}


/* ----- scrolling pane ----- */

.jScrollPaneContainer{
position:relative;
overflow:hidden;
z-index:1;
}
.jScrollPaneTrack{
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
background:#333 url(../images/generic/track.gif);
}
.jScrollPaneDrag{
position:absolute;
background:#666;
cursor:pointer;
overflow:hidden;
/*margin:12px 0 0 0;*/
}
.jScrollPaneDragTop{
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.jScrollPaneDragBottom{
position:absolute;
bottom:0;
left:0;
overflow:hidden;
}