/* @override http://www.control.nl/css/dropdown.css */

/* 
Document   : dropdown
Created on : 9-mrt-2009, 17:00:19
Author     : Michael Voeten % m.voeten@artform.nl
Description:
Stylesheet for dropdown
*/
.background {
  background:#000;
  position:absolute;
  top:0;
  left:0;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
  z-index:10001;
}
.tellafriend h1 {
  color: #ff7200;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 0;
  padding-top: 8px;
}
.tellafriend td {
  padding:1px;
}

/* Styles for scrollbar */
.holder {
  padding-right:10px;
  overflow:hidden;
}
.scroller {
  width: 240px;
  padding-right:100px;
  overflow: hidden;
}
.jScrollPaneContainer {
  height:430px;
}
.jScrollPaneTrack, .jScrollPaneDragTop, .jScrollPaneDragBottom {
  background:#fff url(/images/windows_track.gif) repeat-y;
}
.jScrollPaneDragTop, .jScrollPaneDragBottom {
  height:10px;
}
.jScrollPaneDrag {
  background:#ff7200;
}


#pane1_trigger,
#pane2_trigger,
#pane1_link,
#pane2_link {
  background-color: #ff7200;
  bottom: 0;
  color: #fff;
  display: block;
  height: 14px;
  padding-top: 2px;
  position: absolute;
  text-align: center;
  width: 110px;
}
#pane1_trigger,
#pane1_link {
  right: 80px;
}
#pane2_trigger,
#pane2_link {
  right: 241px;
  width:80px;
}
#pane1_panel,
#pane2_panel {
  background:#fff;
  border-left:1px solid #ff7200;
  border-bottom:1px solid #ff7200;
  border-right:1px solid #ff7200;
  display:none;
  position:absolute;
  width:241px;
  z-index:999;
}
#pane1_panel {
  right:200px;
  z-index:2000;
}
#pane2_panel {
  right:441px;
}
#pane1, #pane2{
  width:232px;
  background:#fff;
}
#pane1 h1, #pane2 h1,
#pane1 h3, #pane2 h3,
#pane1 h4, #pane2 h4 {
  color: #ff7200;
  font-size: 12px;
  font-weight: bold;
}
#pane1 h4, #pane2 h4 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.holder {
  max-height:439px;
}
.holder ul {
  font-size:11px;
  line-height:15px;
  list-style:none;
  margin-bottom:20px;
  margin-left:10px;
}

.holder li {
  padding-left: 12px;
  background: url(/images/list-plus.gif) left 3px  no-repeat;
}