/**
 * CSS below taken from core.css of the rubik theme. The goal here to get 
 * description boxes below is to get field descriptions on formatted-text-feilds 
 * on forms to behave like every other description block in the rubik theme; i.e. 
 * to appear above and to the right of the field on hover.
*/

.page-content .field-type-text-long {
  position:relative;
}

.page-content .field-type-text-long .description {
  position:absolute;
  bottom:100%;
  right:-15px;
  z-index:5;
  
  color:#687;
  background:url(images/popup.png) 50% 100% no-repeat;
  border-top:1px solid #d8e4e0;
  
  width:240px;
  margin:0px 0px -15px;
  padding:9px 10px 20px;
  display:none;
}

.page-content .field-type-text-long:hover {
  z-index:1;
  height:auto; /* Fix for flicker in IE7 */
}

.page-content .field-type-text-long:hover .text-format-wrapper > .description { 
  display:block;
}