/**
 * @file
 * Custom styles.
 *
 * @author Shannon M. Rause <shannon.rause@creativeflavor.com>
 * @version $Revision: 1.137 $
 * @version $Name: REFERENCES-ONLINE_2009-03-20_5 $
 * @version $Id: main.css,v 1.137 2008/11/03 16:11:48 bfinch Exp $
 *
 * These files are copyrighted to Creative Flavor Inc. and are
 * subject to the terms of the applicable Service Agreement.
 * If no service agreement is available you must contact us at
 * legal@creativeflavor.com or 303-379-9450.
 * 
 * These files may be watermarked to ensure traceability.
 */
html,
body
{
   background: url(/images/en/background.gif);
   background-color: #efeff1;
   font: 85%/1.35em verdana,arial,helvetica,sans-serif;
   color: #464646;
   margin: 0px;
   padding: 0px;
}
img
{
   border: none;
}
td
{
   text-align: left;
   vertical-align: top;
}
li
{
   line-height: 1.25em;
   padding-bottom: 4px;
}
a:link,
a:active,
a:visited
{
   text-decoration: underline;
}
a:hover
{
   text-decoration: underline;
   color: #004683;
}
#mainTable
{
   width: 815px;
   margin: 0px auto;
}
   .shadowLeft
   {
      background: url(/images/en/back_shadowLeft.jpg) repeat-y;
      width: 15px;
   }
   .shadowRight
   {
      background: url(/images/en/back_shadowRight.jpg) repeat-y;
      width: 15px;
   }
   .wrapper
   {
      position: relative;
   }
   ul.news
   {
      margin-top: 0px;
      line-height: 1.25em;
   }
   ul.news li
   {
      margin: 0px 10px 10px 0px;
      list-style-position: outside;
      list-style-image: url(/images/en/bullet.gif);
   }
   #header
   {
      background-color: #fff;
      height: 89px;
   }
   #logo
   {
      position: absolute;
      top: 19px;
      left: 0px;
   }
   #contactInfo
   {
      position: absolute;
      top: 0px;
      right: 15px;
      text-align: right;
      font-size: 10px;
      text-transform: uppercase;
      color: #044273;
   }
   #tagline
   {
      position: absolute;
      top: 19px;
      left: 277px;
   }
   #navigation
   {
      background: url(/images/en/back_navigation.jpg) no-repeat;
      height: 33px;
   }
   #bodyContentFront
   {
      background-color: #fff;
      padding: 5px 1px 10px 1px;
   }
   #bodyContent
   {
      background-color: #fff;
      padding: 0px 1px 10px 1px;
   }
      #leftCol
      {
         float: left;
         width: 175px !important;
         margin: 0px;
         padding: 0px;
         background-color: #dadadb;
         color: #464646;
      }
         .navMenu
         {
            float: left;
            width: 175px;
            margin: 0px;
            padding: 0px;
            margin-bottom: 10px;
            font-size: 11px;
         }
         .navMenu li
         {
            float: left;
            display: block;
            background: url(/images/en/backNav.jpg) no-repeat;
            width: 100% !important;
            height: 26px !important;
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            color: #fff;
            line-height: 18px;
         }
         .navMenu li a
         {
            float: left;
            display: block;
            text-decoration: none;
            width: 100% !important;
            height: 26px !important;
            padding: 3px 0px 0px 15px;
            /* IE6 hack to fix double-padding bug */
            _height: 90%;
            _width: 92%;
         }
         .navMenu li.active,
         .navMenu li a:hover
         {
            float: left;
            background: url(/images/en/backNav_on.jpg) no-repeat;
            text-decoration: none;
            list-style-type: none;
            cursor: pointer;
         }
         .navMenu a:link,
         .navMenu a:active,
         .navMenu a:visited
         {
            color: #fff;
         }
         .navMenu a:hover
         {
            color: #fff;
         }
      #pageContent
      {
         float: left;
         width: 585px;
         padding: 10px;
      }
         #bioInfo
         {
            float: left;
            width: 300px;
            line-height: 1.25em;
         }
         #bioPhoto
         {
            float: left;
            width: 175px;
         }
         #bioPhoto img
         {
            border: 2px #666 solid;
            padding: 5px;
         }
         #bioPlayer
         {
            border: 1px solid #000;
            float: left;
            height: 277px;
            margin: 10px;
            text-align: center;
            width: 320px;
         }
         #bioPlayList
         {
            clear: both;
            float: left;
            width: 230px;
         }
         #bioPlayListItems
         {
            margin-left: 15px;
         }
         #bioPlayListTitle
         {
            background: #e5e5e5;
            padding: 0px 5px;
            margin: 10px 0px;
            text-align: left;
            font-weight: bold;
            font-variant: small-caps;
            border: 1px #333 solid;
         }
      #pageContentCompany
      {
         width: 585px;
         padding: 10px;
         margin: 10px auto;
      }
      #leftColFront
      {
         float: left;
         width: 547px;
         margin: 0px;
      }
         #block_banner
         {
            float: left;
            width: 547px;
            height: 190px;
         }
         #block_explore
         {
            float: left;
            width: 547px;
            height: 97px;
            margin-bottom: 10px;
         }
         #block_reference
         {
            float: left;
            width: 243px;
            height: 214px;
            margin-bottom: 10px;
         }
         #block_tabs
         {
            float: left;
            width: 295px;
            height: 214px;
            margin-left: 9px;
         }
            #tabsFront
            {
               float: left;
               width: 295px;
               margin: 0px;
               padding: 0px;
            }
            #tabsFront li
            {
               float: left;
               list-style-type: none;
               margin: 0px;
               padding: 0px;
            }
            #tabsFront li#first
            {
               background: url(/images/en/tab_sales_on.gif) no-repeat;
               width: 92px;
               height: 30px;
               margin-right: 1px;
            }
            #tabsFront li#second
            {
               background: url(/images/en/tab_marketing.gif) no-repeat;
               width: 98px;
               height: 30px;
               margin-right: 1px;
            }
            #tabsFront li#third
            {
               background: url(/images/en/tab_refManagers.gif) no-repeat;
               width: 103px;
               height: 30px;
            }
            #tabsFront li#first a,
            #tabsFront li#second a,
            #tabsFront li#third a
            {
               float: left;
               width: 100% !important;
               height: 30px !important;
            }
            #tabsFront li a:hover
            {
               float: left;
               list-style-type: none;
               cursor: pointer;
            }
            #tabsFront li#first a:hover
            {
               background: url(/images/en/tab_sales_on.gif) no-repeat;
               color: #f68424;
               width: 92px;
               height: 30px;
            }
            #tabsFront li#second a:hover
            {
               background: url(/images/en/tab_marketing_on.gif) no-repeat;
               color: #f68424;
               width: 98px;
               height: 30px;
            }
            #tabsFront li#third a:hover
            {
               background: url(/images/en/tab_refManagers_on.gif) no-repeat;
               color: #f68424;
               width: 103px;
               height: 30px;
            }
            #tabContent
            {
               float: left;
               background-color: #fff;
               color: #464646;
               font-size: 10px;
               line-height: 12px;
               width: 275px;
               height: 162px;
               border: 10px #f68424 solid;
            }
            #tabContent li
            {
               padding-bottom: 4px;
            }
      #rightColFront
      {
         float: right;
         width: 215px;
         margin: 0px;
      }
         #block_freeTrial
         {
            float: left;
            margin-bottom: 10px;
         }
         #block_takeAction
         {
            float: left;
            margin-bottom: 10px;
         }
         #block_flash
         {
            float: left;
            margin-bottom: 0px;
            text-align: left;
         }
         #block_news
         {
            float: left;
            width: 216px;
            height: 124px;
         }
   .content
   {
      
   }
   .pageTitle
   {
      display: none;
   }
   #footer
   {
      background: url(/images/en/back_footer.jpg) no-repeat;
      width: 815px;
      height: 58px;
      font-size: 11px;
      color: #fff;
   }
   #footerCopy
   {
      text-align: center;
      padding-top: 10px;
   }
   #footer a:link,
   #footer a:active,
   #footer a:visited
   {
      color: #fff;
   }
   #footer a:hover
   {
      color: #fff;
   }
   
#eula div
{
   font-size: 10px;
   height: 400px;
   _height: 400px;
   min-height: 400px;
   overflow: auto;
}
#textAbove
{
   padding: 5px 0px;
}
#questions .question
{
   padding: 5px;
   margin-left: 25px;
}

/* interview popups */
#interviewPopup
{
   width: 580px;
   margin: 0px auto;
   margin-top: 100px;
}
#interviewLink,
#interviewSwf
{
      text-align: center;
}