/*************/
/* Text */
h3.olHeading /* Heading for popup boxes */
{
  text-align: left;
}

.olTitle
{
  color: #ffffff;
  font-weight: bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

p.olText /* Main body text */
{
  text-align: left;
  color: #000000;
  font-weight: normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  margin: 5px 0px 10px 0px;
}

/***********/
/* FAQ Styles */

p.olFaq
{
   margin: 20px 0px 20px 0px;
}

a.olFaq
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #4D618A;
   TEXT-DECORATION: underline;
   margin: 10px 0px 10px 0px;
}

#faqblock
{
  height: 400px;
  overflow: auto;
  text-align: left;
}

.olFaqText /* Main body text */
{
  text-align: left;
  color: #000000;
  font-weight: normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  margin: 5px 0px 10px 0px;
}


/*************/
/* Container */
.overlayContainer /* Container for the pop-up (box with border)*/
{
   background-color: #ffffff;
   border-width: thick;
   border-style: solid;
   border-color: #4d618a;
   width: 100%;
   position: relative;   
}

#overlay
{
  font-size: 90%;
  background: url( '../images/transparent.gif' ) repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

#container
{
  position: absolute;
  width: 800px;
  z-index: 150;
  margin: 0 auto;
  text-align: center;
}

.overlayTitleBar /* Title Bar for popup */
{
   background: #4d618a;
   text-align: left;
   padding: 5px 0px 0px 5px;
   height: 22px;
   width: 100%; 
}

a.overlayClose
{
   display: block;
   background: url( '../images/close.png' ) no-repeat;
   width: 24px;
   height: 24px;
   text-decoration: none;
   border: none;
   cursor: pointer;
   float: right;
   position: absolute;
   top: 0;
   right: 0;
}

.overlayContent /* Main Content for popup */
{
   padding: 5px;
}

.magicbox
{
  border: 2px solid #4F628C;
  margin: 0 auto;
  padding: 0;
  background: #ffffff;

}


/**********************/
/* Overlay Containers */
#contact
{
  width: 50%;
  height: 1000px;
  margin: 0 auto;
}


#wbpTrial
{
  width: 50%;
  height: 200px;
  margin: 0 auto;
}

#wbpPricing
{
  width: 50%;
  height: 200px;
  margin: 0 auto;
}

#wbpFAQ
{
  width: 50%;
  height: 400px;
  margin: 0 auto;
}