/**
 * flyout.widget.css
 *
 * styles the flyout widget
 * 
 */

.flyout {
  width             : 296px;
  position          : absolute;
  height            : 32px;
  overflow          : hidden;
  right             : 0;
  top               : 413px;
  background-color  : #7d1993;
  z-index           : 2;
}
/* z-index set between header image (1) and navigation (100) */

.flyout.open {
  top       : 30px;
  height    : 415px;
}

.fly-tab {
  height            : 32px;
  overflow          : hidden;
}

.fly-tab li {
  float : left;
  width : 148px;
  background  : transparent url('../images/flyout/tab-bkg.png') repeat-x;
  height  : 32px;
}

.fly-tab li.fly-current {
  background  : transparent url('../images/flyout/tab-bkg-current.png') repeat-x;
}

.fly-tab h3 {
  color : #a788ae;
  height  : 18px;
  line-height : 18px;
  vertical-align  : middle;
  text-align      : center;
  text-transform  : uppercase;
  font-size       : 12px;
  font-weight     : bold;
  padding         : 10px 0 6px 0;
}

.fly-tab .fly-current h3 {
  color : #FFF;
}

.fly-content {
  padding : 0;
  background  : #7d1993;
  color:#FFF;
  height      : 383px;
  position    : relative;
}

.fly-content a{color:#EAEAEA}
.fly-content p{padding:5px}