@charset "utf-8";
/* CSS Document */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#333333;
  background-color:#64656c;
}

img {border:0px;}


form, ul, dl, dt, dd, li, h1, h2, h3, h4, h5, h6  {
  margin:0px;
  padding:0px;
}

a {
  text-decoration: none;
  color:#666666;
  font-weight:bold;
}

a:hover {
  text-decoration: underline;
  color:#999999;
}

/* LAYOUT ******************************************************************************************************** */
div#wrap {
  text-align: left;
  width: 990px;
  margin-right: auto;
  margin-left: auto;
  position:relative;
}

div#head {
  /*background-color:#999;*/
  position:relative;
  height:60px;
  margin-top:10px;
  margin-bottom:10px;
}

div#vivid-associates-logo {
  position:absolute;
  left:0px;
  bottom:0px;
  
}
div#client-logo {
  position:absolute;
  right:0px;
  bottom:0px;
}
div#client-logo img {
  border:0px;
}

/** TITLE BAR ******************************************************************************************************** */

div#title-wrap {
  background-image:url(/images/stats/title-bg2.gif);
  background-repeat:repeat-x;
  height:42px;
  margin:0px;
  padding:0px;
  position:relative;
  /*border:1px solid #777777;*/
}
div#title-wrap div#title_help {
  background-image: url(/images/stats/help.gif);
  background-repeat: no-repeat;
  margin: 0px;
  padding: 9px 15px 0px 40px;
  height: 27px;
  width: 30px;
  float: right;
}

div#title-wrap div#title {
  background-repeat:no-repeat;
  margin:0px;
  padding:9px 15px 0px 45px;
  height:27px;
  /*border:1px solid #777777;*/
}

div#title-wrap span.title_help, span.title_help a {
  font-size :18px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color:#ffffff;
  cursor: pointer;
}
div#title-wrap span.title-title, span.title-title a {
  font:18px Arial, Helvetica, sans-serif;
  color:#ffffff;
}
div#title-wrap span.title-separator {
  font:18px Arial, Helvetica, sans-serif;
  color:#ffffff;
  padding: 0px 10px;
}
div#title-wrap span.title-module-name {
  font:18px Arial, Helvetica, sans-serif;
  color:#ffffff;
}

/** /TITLE BAR ******************************************************************************************************** */

/** TOP MENU ******************************************************************************************************** */

div#topMenu {
  background-image:url(/images/stats/top-menu-bg.gif);
  background-repeat:repeat-x;
  h/eight:23px;
  m/argin:0px;
  p/adding:0px;
  font:11px/23px Arial, Helvetica, sans-serif;
  font-weight:bold;
}

div#topMenu a {
  color:#000000;
}

.yui-skin-sam div#topMenu.yuimenubarnav .yuimenubaritem {
  border-right:1px solid #999999;
}

/** /TOP MENU ******************************************************************************************************** */

div#lines {
  /*height:84px;*/
  margin:4px 0px 0px 0px;
  padding:0px;
  border-top:2px solid #ffffff;
  border-bottom:3px solid #cccccc;
}
div#content {
  /*height:84px;*/
  margin:0px;
  padding:5px;
  background-color:#ffffff;
}


/* Below is stuff from old css file which may still be needed - may need to get some more as well. ******************** */
div#ClearingDiv, div.clearingDiv {
    margin:0px;
    padding:0px;
    font-size:0.0em; 
    clear:both; 
    height:0px; 
    overflow: hidden;
    display:table;
    background:none;
}

div#content a {
    color:#F7931D;
}
div#content h1 {
    font-size: 26px;
    color:#FFFFFF;
    text-decoration: none;
}
div#content h2 {
    font-size: 14px;
    font-weight: bold;
    f#ont:14px/18px Verdana, Arial, Helvetica, sans-serif;
    /*f#ont:14px/18px Verdana, Arial, Helvetica, sans-serif;*/
    text-transform: uppercase;
    background-color:#F7931D;
    color:#ffffff;
    padding:2px;
    width:160px;
    f#loat:left;
    /*f#loat:left;*/
    margin:0px 0px 10px 0px;
}

div#linesOut {
    margin: 8px 0px 0px 0px;
    border-top:6px solid #666666;
    border-bottom:3px solid #cccccc;
}
div#linesIn {
    m#argin: 8px 0px 0px 0px;
    /*m#argin: 8px 0px 0px 0px;
    b#order-top:5px solid #666666;
    b#order-bottom:3px solid #cccccc;
    b#order-bottom:3px solid #cccccc;*/
    height:2px;
}
div#lightGrey {
    m#argin: 8px 0px 0px 0px;
    b#order-top:6px solid #666666;
    /*m#argin: 8px 0px 0px 0px;
    b#order-top:6px solid #666666;*/
    border-bottom:2px solid #ffffff;
    background-color:#e5e5e5;
    h#eight:25px;
    /*h#eight:25px;*/
    padding:2px;
}
div#orange {
    m#argin: 8px 0px 0px 0px;
    b#order-top:6px solid #666666;
    /*m#argin: 8px 0px 0px 0px;
    b#order-top:6px solid #666666;*/
    border-bottom:2px solid #ffffff;
    background-color:#F7931D;
    min-height:35px;
    _height:35px;
    padding:2px;
    font-size: 12px;
    font-weight: bold;
    color:#ffffff;
}

.videoFrame43907205702253452 {
  background: rgb(0, 0, 0);
}


.newFormLeft {
  padding:2px 10px 2px 5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
}
.newFormRight {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
}
.dataPro {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;
}

.formLabel
{
  background-color: #F5F5F5;
}

.formInput
{
  background-color: #F5F5F5;
}


/* Table - can delete below as it is in tables.css */
table.fullWidthTable tr td, table.fullWidthTable tr th {
  padding:4px;
  text-align: left;
}
table.fullWidthTable tr {
  color:#999999;
}
td.devide-line {
  height:3px;
  padding:0px !important;
  background-color:#999999;
}
/* Table - can delete above as it is in tables.css */

/** FOOTER *************************************************************************************************************/
div#footerTxt {
  background-color:#64656C;
  color:#CCCCCC;
  font-size:9px;
  padding:10px 10px 10px 10px;
}
div#footerTxt a {
  color:#CCCCCC;
  font-size:9px;
  text-decoration:none;
}
div#footerTxt a:hover {
  text-decoration:underline;
}
div#footerLeft {
  float:left;
  margin-left:0;
}
div#footerRight {
  float:right;
  margin-right:10px;
}
/** /FOOTER *************************************************************************************************************/
 
.required {
  font-weight: bold;
  color: #FF0000;
}

/** NOTES **************************************************************************************************************/

#notesList td {
  padding:4px;
}

#notesList .authorColumn .authorColumn_name {
  font-weight: bold;
  padding: 4px 0px 10px 2px;
}

#notesList .authorColumn .authorColumn_timestamp {
  padding: 0px 0px 0px 2px;
}

#notesList .contentColumn .contentColumn_subject {
  font-weight: bold;
  padding: 4px 0px 10px 2px;
}

#notesList .contentColumn .contentColumn_text {
  padding: 0px 0px 0px 2px;
}


/** CONTENT SELECTION ******************************************************************************************************** */

div#content-selection-wrap {
  border:1px solid #cccccc;
  margin-bottom: 5px;
}
div#content-selection {
  border:4px solid #ffffff;
  background-image:url(/images/stats/content-selection-bg.gif);
  background-repeat:no-repeat;
  background-repeat:repeat-x;
  background-color:#ffffff;
  padding:4px 8px 4px 8px;
  font-weight:bold;
}
div#content-selection h3 {
  background-image:url(/images/stats/selection-h3-bg.gif);
  background-repeat:no-repeat;
  background-position:0px 2px;;
  padding-left:12px;
  color:#666666;
  font:16px/16px Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding-bottom: 5px;
}

span#content-selection-link a {
  font:11px Arial, Helvetica, sans-serif;
  color:#F7931D;
  /*border:1px solid #777777;*/
}


div.content-selection-wrap {
  border:1px solid #cccccc;
  margin-bottom: 5px;
}
div.content-selection {
  border:4px solid #ffffff;
  background-image:url(/images/stats/content-selection-bg.gif);
  background-repeat:no-repeat;
  background-repeat:repeat-x;
  background-color:#ffffff;
  padding:4px 8px 4px 8px;
  font-weight:bold;
}
div.content-selection h3 {
  background-image:url(/images/stats/selection-h3-bg.gif);
  background-repeat:no-repeat;
  background-position:0px 2px;;
  padding-left:12px;
  color:#666666;
  font:16px/16px Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding-bottom: 5px;
}

div.content-selection-content {
  padding: 3px 0px 0px 13px;
  font-weight:normal;
}

span.content-selection-link a {
  font:11px Arial, Helvetica, sans-serif;
  color:#F7931D;
  /*border:1px solid #777777;*/
}



/** /CONTENT SELECTION ******************************************************************************************************** */

#legend ul {
  padding-left:5px;
  list-style-type:none;
}

.javascript-clickable-link {
  cursor: pointer;
}


/** HELP POPUP ******************************************************************************************************** */

.help_title {
    font: bold 16px/16px Arial,Helvetica,sans-serif;
    color: #666666;
    padding-bottom: 5px;
    z-index: inherit;
}
.help_body {
    z-index: inherit;
}
.help_body ul{
    padding-left: 20px;
}
#resizablepanel .bd {
    overflow:auto;
    background-color:#fff;
    padding:10px;
}

#resizablepanel .ft {
    height:11px;
    padding:2px;
}

#resizablepanel .yui-resize-handle-br {
    right:0;
    bottom:0;
    height: 8px;
    width: 8px;
    position:absolute;
}

/*  
    The following CSS is added to prevent scrollbar bleedthrough on
    Gecko browsers (e.g. Firefox) on MacOS.
*/

/*
    PLEASE NOTE: It is necessary to toggle the "overflow" property 
    of the body element between "hidden" and "auto" in order to 
    prevent the scrollbars from remaining visible after the the 
    Resizable Panel is hidden.  For more information on this issue, 
    read the comments in the "container-core.css" file.
   
    We use the #reziablepanel_c id based specifier, so that the rule
    is specific enough to over-ride the .bd overflow rule above.
*/

#resizablepanel_c.hide-scrollbars .yui-resize .bd {
    overflow: hidden;
}

#resizablepanel_c.show-scrollbars .yui-resize .bd {
    overflow: auto;
}

/*
    PLEASE NOTE: It is necessary to set the "overflow" property of
    the underlay element to "visible" in order for the 
    scrollbars on the body of a Resizable Panel instance to be 
    visible.  By default the "overflow" property of the underlay 
    element is set to "auto" when a Panel is made visible on
    Gecko for Mac OS X to prevent scrollbars from poking through
    it on that browser + platform combintation.  For more 
    information on this issue, read the comments in the 
    "container-core.css" file.
*/

#resizablepanel_c.show-scrollbars .underlay {
    overflow: visible;
}


/** /HELP POPUP ******************************************************************************************************** */

.form-error {
    color: #FF0000;
    font-weight: bold;
    font-size: 120%;
}