/*
  slideout.css
  bwm 2015-09-23
  Styles a tab at top (below Ask Us)
  
  HTML invocation:

  <div id="slideout">
    <div id="slideout_tab"><span id="slideout_label">Label</span></div>
    <div id="slideout_inner">
      Content
    </div>
  </div>
  
*/

#slideout {
  position: fixed;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  top: 285px;
  right: -222px;
  width: 221px;
  z-index: 95;
}
#slideout_tab {
  float: left;
  -webkit-transform-origin: left top 0px;
  -webkit-transform: rotate(-270deg);
  transform-origin: left top 0px; 
  transform: rotate(-270deg); 
  text-decoration: none;
  box-shadow: rgb(204, 204, 204) 0px 0px 5px; 
  display: block; 
  outline: none; 
  background-color: rgb(36, 51, 84);
  z-index: 95;
  cursor: pointer; cursor: hand;
}
#slideout_label {
  padding: 10px; 
  display: block; 
  border-style: solid; 
  border-color: rgb(255, 255, 255); 
  color: rgb(255, 255, 255); 
  margin: 1px; 
  border-width: 0px 4px 4px; 
  background-color: transparent;
  font-family: TimesNewRoman, 'Times New Roman', Times, serif;
  font-size: 16px;
  z-index: 95;
}
#slideout_inner {
  position: fixed;
  top: 285px;
  right: -248px;
  width: 220px;
  height: 240px;
  border: 1px solid transparent;
  padding: 10px;
  box-shadow: rgb(204, 204, 204) 0px 0px 5px;
  font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
  font-size: 12px;
  z-index: 95;
  line-height: 1;
  background-color: rgb(255, 229, 157);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/*
#slideout:hover {
  right: 0;
}
*/