/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
  /* dimensions */
  display: none;
  width: 760px;
  height: 31px !important;
  margin: 0 0 0 7px !important;
  padding: 0;  
  /* IE6 specific branch (prefixed with "_") */
  _margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
  float: left;
  list-style-type: none;
  margin: 0; 
  padding: 0;
  text-indent: 0;  
  width: 220px;
  border: 1px solid #D0D0D0;
  border-style: ridge;
  margin-right: 5px;
  margin-bottom: 5px;

}

/* a- tag inside single tab */
#flowtabs li a {
  /*background: url(/tools/img/tabs/blue_panes.jpg) no-repeat;*/
  background: url("../everpics/scrollableH300.png") repeat-x scroll 0 0 transparent;
  display: block;
  height: 31px;   
  width: 220px;
  padding: 0px;
  margin: 0px;
  
  /* font decoration */
  color: #000;
  font-size: 12px;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 { background-position: 0 0; }
#flowtabs #t2 { background-position: -189px 0; }
#flowtabs #t3 { background-position: -378px 0; }
#flowtabs #t4 { background-position: -567px 0; }
#flowtabs #t5 { background-position: -756px 0; }
#flowtabs #t6 { background-position: -945px 0; }
 
/* mouseover state */
#flowtabs a:hover   { color:#fff;  }
#flowtabs #t1:hover { background-position:      0 -33px; }
#flowtabs #t2:hover { background-position: -189px -33px; }
#flowtabs #t3:hover { background-position: -378px -33px; }
#flowtabs #t4:hover { background-position: -567px -33px; }
#flowtabs #t5:hover { background-position: -756px -33px; }
#flowtabs #t6:hover { background-position: -945px -33px; }

/* currently selected tabs */
#flowtabs a.current   { cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }
#flowtabs #t5.current { background-position: -756px -66px; }
#flowtabs #t6.current { background-position: -945px -66px; }

/* panes */
#flowpanes {
  /*background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;*/
  /*background: url("../everpics/scrollableH300.png") repeat scroll 0 0 transparent;*/
  background-color: #FFF;
  width: 710px;
  position: relative;
  overflow: hidden;
  /*margin-top: 60px;*/
  /*clear: both;*/
}

/* single pane */
#flowpanes div {
  /*display: block;*/
  display: inline-block;
  overflow: hidden;
  /*background-color: #FFFFFF;*/ 
  width: 710px;
  /*font-size: 14px;*/
  /*vertical-align: top;*/
  /*float: left;*/
}

/* additional wrapper element for the items */
#flowpanes .items {
  width: 20000em;
  /*position: absolute;
  clear: both;*/
  margin: 0;
  padding: 0;
}

#flowpanes .less, #flowpanes .less a {
  color: #999 !important;
  font-size: 11px;
}

/* some decorations for elements inside single pane */
/*
#flowpanes div h2 {
  font-weight: normal;
  color: #ddd;
  letter-spacing: 1px;
  margin: 10px 0 0 0;
  font-size: 22px; 
}

#flowpanes a {
  color: #cc9;   
  font-size: 14px;
}

#flowpanes p, #flowpanes samp {
  color: #ccc;   
}
*/
#flowpanes .narrow {
  padding-right: 160px;    
}