.overlay {
  display:none;
  z-index:99999;
  background-color: #fff;
  border:2px solid #9A9A9B;
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 50px #000;
}

.overlay img{
  margin-bottom:-4px;
}

.overlay .close {
  background-image:url(gfx/status_error_24.png);
  position:absolute; right:-12px; top:-12px;
  cursor:pointer;
  height:24px;
  width:24px;
}
.overlay .details{
  text-align: center;
  padding: 10px 5px 10px;
}

/* root element for tabs  */
.tab_panel{
  margin: 0px -2px 14px 0px;
  padding: 0px 0px 0px 0px;
}

.tab_panel ul.css-tabs {
  margin:0 !important;
  padding:0;
  height:30px;
}

/* single tab */
.tab_panel ul.css-tabs li {
  float:left;
  padding:0;
  margin:0;
  list-style-type:none;
  list-style-image:none;
}

/* link inside the tab. uses a background image */
.tab_panel ul.css-tabs a {
  float:left;
  font-size:13px;
  display:block;
  padding:5px 0px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-bottom:0px;
  height:18px;
  background-color:#efefef;
  color:#777;
  margin-right:2px;
  position:relative;
  top:1px;
  width:162px;
  text-align:center;
}

.tab_panel ul.css-tabs a:hover {
  background-color:#F7F7F7;
  color:#333;
}

/* selected tab */
.tab_panel ul.css-tabs a.current {
  background-color:#ddd;
  /*border-bottom:2px solid #9A9A9B;	*/
  color:#000;
  cursor:default;
}


/* tab pane */
.tab_panel .css-panes > div {
  display:none;
  border:1px solid #ddd;
  min-height:150px;
  padding:15px 20px;
  background-color:#ffffff;
  width: 455px;
  clear:both;
}

.tab_panel .css-panes > div > img{
  width: inherit;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scroll_panel{
  clear:both;
  overflow:hidden;
}
.scroll_panel .nav_panel_prev{
  float:left;
  line-height:128px;
  height:128px;
  width:32px;
  margin:0px 5px 0px 5px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
}
.scroll_panel .nav_panel_next{
  float:left;
  line-height:128px;
  height:128px;
  width:32px;
  margin:0px 5px 0px 5px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
}
.scroll_panel .inner_panel{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
}


*.prev.browse{
  background-image:url('jquery.tools.gfx/icon_action_nav_left_32.png');
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
  height:32px;
}

*.next.browse{
  background-image:url('jquery.tools.gfx/icon_action_nav_right_32.png');
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
  height:32px;
}
*.scroll_panel a.prev.browse.left{
  margin:48px 0px 0px 0px;
}

.scroll_panel a.next.browse.right{
  margin:48px 0px 0px 0px;
}

.scroll_panel a.browse.disabled{
  display:none;
}

.scrollable,
.scrollable_browsable{

  /* required settings */
  position:relative;
  overflow:hidden;
  width: 392px;
  height:128px;

  float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items,
.scrollable_browsable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
  float:left;
}

.items div img{
  vertical-align: middle;  
}


/* position and dimensions of the navigator */
.scroll_panel .navi {
  margin:3px 3px 15px 207px;
  width:200px;
  height:20px;
}


/* items inside navigator */
.scroll_panel .navi a {
  width:8px;
  height:8px;
  float:left;
  margin:3px;
  background:url('jquery.tools.gfx/navigator.png') 0 0 no-repeat;
  display:block;
  font-size:1px;
}

/* mouseover state */
.scroll_panel .navi a:hover {
  background-position:0 -8px;
}

/* active state (current page state) */
.scroll_panel .navi a.active {
  background-position:0 -16px;
}



.scroll_panel .cmd_panel {
  overflow:hidden;
  margin:15px 0px 0px 219px;
}
.scroll_panel .cmd_panel a.icon {

}
.scroll_panel .cmd_panel a.icon img{
  border:0px;
}


/* carousel */
div.carousel_panel{
  overflow:hidden;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

div.carousel_panel .navigation_panel{
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
  text-align:center;
}

div.carousel_panel .navigation_panel img{
  border:0px;
}

div.carousel_panel .navigation_panel .prev.browse{
  background-image:url('jquery.tools.gfx/icon_action_nav_left_32.png');
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
  height:32px;  
  width:32px;
}

div.carousel_panel .navigation_panel img.spacer{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;  
  width:25px;
}

div.carousel_panel .navigation_panel .next.browse{
  background-image:url('jquery.tools.gfx/icon_action_nav_right_32.png');
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
  height:32px;
  width:32px;  
}