@charset "UTF-8";
/******************************************************************************
 ** BrightTALK Dot Com
 ** Copyright BrightTALK Ltd, 2008.
 ** All Rights Reserved.
 ** $Id: util.css 22975 2010-11-18 17:09:41Z acairns $
 ******************************************************************************/
/**************************************************************
 * Rating Stars                                               *
 * rating     used by webcast and channel tiles, reports etc  *
 **************************************************************/
/* not just rating as that can clash with field name related classes on tables etc. */
.rating-stars {
  background: url(images/rating/whiteback/ratingstaroff.gif) repeat-x;
  margin-top: 2px;
  text-align: left;
  height: 9px;
  overflow: hidden;
  display: block;
}

.rating-stars.maxrating5 {
  width: 50px;
}

.rating-stars.maxrating10 {
  width: 100px;
}

.rating-stars .stars {
  overflow: hidden;
  position: relative;
  width: 10px;
  height: 9px;
}

.rating-stars .stars span {
  background: url(images/rating/whiteback/ratingstaron.gif) repeat-x;
  position: absolute;
  width: 100%;
  height: 100%;
}

/**************************************************************
 * Percentage                                                 *
 * theme_dcutil_percentage                                    *
 **************************************************************/
.percentage {
  text-align: left;
  display: block;
}

.percentage_bar {
  background-image: url(../images/percentage_bar.png);
  height: 13px;
}

.percentage span {
  display: block;
  color: #000;
}

/**************************************************************
 * Datapairs                                                  *
 * theme_dcutil_datapairs                                     *
 **************************************************************/
.datapairs {
  margin-bottom: 25px;
}

.datapairs .datapairs-element {
  clear: both;
  margin-bottom: 10px;
}

.datapairs .datapairs-element-title {
  float: left;
  width: 130px;
}

.datapairs .datapairs-element-value {
  float: left;
  width: 550px;
  font-weight: bold;
}

#user-profile-form .datapairs .datapairs-element-value,
.dcuser-view-profile-data .datapairs .datapairs-element-value {
  width: 200px;
}

.datapairs .datapairs-conditionalclear {
  clear: both;
}

.datapairs-field-value {
  background-color: #FFFFFF;
  border-color: #828177 #FFFFFF #FFFFFF #828177;
  border-style: solid;
  border-width: 2px 1px 1px 2px;
  margin: -5px 0 10px 2px;
  padding: 5px;
  width: 350px;
}

.datapairs-element-value object {
  float: right;
  position: relative;
  top: -33px;
}

/**************************************************************/
/* Image Text                                                 */
/* theme_dcutil_imagetext                                     */
/**************************************************************/
p.imagetext, h1.imagetext, .needmorechannels {
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
}

p.imagetext, h1.imagetext {
  margin: 0px 0px 10px 10px;
}

/**************************************************************/
/* Tab Bar                                                    */
/* theme_dcutil_tabbar                                        */
/**************************************************************/
.tabbar-baseline {
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  display: block;
  background: url('/css/6/images/tabbar/tabline.gif') repeat-x bottom;
  z-index: 200;
}

.tabbar ul {
  margin: 0;
  padding: 0px 10px 0;
  list-style: none;
  background: url('/css/6/images/tabbar/tabline.gif') repeat-x bottom;
}

.tabbar .tabbar-conditionalclear {
  clear: both;
}

.tabbar li {
  display: inline;
  margin: 0;
  padding: 0;
}

.tabbar a {
  float: left;
  background: url('/css/6/images/tabbar/tabbackleft.png') no-repeat left top;
  background-position: 0 -200px;
  margin: 0;
  padding: 0 0 0 14px;
  text-decoration: none;
}

.tabbar a.tab_left_shadow {
  background: url('/css/6/images/tabbar/tabbackleftshadow.png') no-repeat left top;
  background-position: 0 -200px;
}

.tabbar a span {
  float: left;
  display: block;
  background: url('/css/6/images/tabbar/tabbackright.png') no-repeat right top;
  background-position: 100% -200px;
  padding: 6px 34px 2px 21px;
  font-weight: bold;
  text-align: center;
  color: #7A7A7A;
}

.safari-tabbar {
  padding-top: 6px !important;
}

.safari-tabbar-actice {
  padding-bottom: 3px !important;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabbar a span {
  float: none;
}

/* End IE5-Mac hack */
.tabbar a:hover span {
  color: #7A7A7A;
}

.tabbar a.active {
  background-position: 0 0px;
  border-width: 0;
  color: #000000;
}

.tabbar a.active span {
  background-position: 100% 0px;
  padding-bottom: 3px;
  color: #555;
}

.tabbar a:hover {
  background-position: 0% -300px;
}

.tabbar a:hover span {
  background-position: 100% -300px;
}

.tabbar a.active:hover {
  background-position: 0% -100px;
}

.tabbar a.active:hover span {
  background-position: 100% -100px;
}

.tabbar .end_shadow {
  height: 23px;
  width: 25px;
  background: url('/css/6/images/tabbar/tabbackshadow.png') no-repeat top left;
  background-position: -2px 0%;
  float: left;
}

.tabbar .tab_spacer {
  height: 23px;
  width: 2px;
  border-bottom: black 1px solid;
  background: url('/css/6/images/tabbar/tabbackshadow.png') no-repeat top left;
  float: left;
}

#content-wrapper .tabbar {
  padding-bottom: 10px;
}

/**************************************************************/
/* Table                                                      */
/* theme_table                                         */
/**************************************************************/
.table {
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}

.table ul.rows {
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  font-size: 11px;
}

.table li.row {
  margin: 0px;
  padding: 0px;
  clear: both;
  list-style-image: none;
  list-style: none;
  height: 30px;
  overflow: hidden;
}

.table ul.cols {
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  list-style: none;
  display: block;
}

.table ul.cols li {
  float: left;
  border-right: 1px dotted #828282;
  padding: 0px 8px;
  margin: 8px 0px 0px;
  overflow: hidden;
}

.table li.row.header {
  font-size: 10px !important;
  height: 20px !important;
  padding: 0px 0px 0px !important;
  margin-bottom: 5px;
}

.table li.row.header ul.cols li.col.sortable a, .table li.row.header ul.cols li.col.sortable a:active {
  padding-right: 10px;
  border: none;
  border-width: 0px;
}

.table li.row.header ul.cols li.col.sortable a:hover, .table li.row.header ul.cols li.col.sort-asc a {
  background: url("../images/sortorderarrowasc.gif") no-repeat right center !important;
}

.table li.row.header ul.cols li.col.sort-asc a:hover, .table li.row.header ul.cols li.col.default-desc a:hover, .table li.row.header ul.cols li.col.sort-desc a {
  background: url("../images/sortorderarrowdesc.gif") no-repeat right center !important;
}

.table li.row.total {
  background-color: #e1e1e1;
  font-weight: bold;
  height: 18px !important;
  padding: 4px 0px 0px !important;
  margin-bottom: 5px;
}

.table li.row.featured {
  background: url(../images/listview/listfeaturedback.png) repeat-x;
}

.table li.row.featured li {
  color: #FFF;
}

.table li.row.total ul.cols li {
  margin-top: 0px;
  height: 15px;
}

.table li.row.total ul.cols li {
  margin-top: 0px;
  height: 15px;
}

.table li.row.total .rating-stars {
  background-image: url(../images/rating/greyback/ratingstaroff.gif);
}

.table li.row.total .rating-stars .stars {
  background-image: url(../images/rating/greyback/ratingstaron.gif);
}

.table li.row.featured .rating-stars {
  background-image: url(../images/rating/blackback/ratingstaroff.gif);
}

.table li.row.featured .rating-stars .stars {
  background-image: url(../images/rating/blackback/ratingstaron.gif);
}

.table li.row.empty {
  background-color: #CCCCCC;
  font-size: 20px;
  text-align: center;
  padding: 40px 0px;
}

.table li.row.empty * {
  color: #fff !important;
}

.table li.col.lastcolumn {
  border-right: 0px !important;
}

.table .pager-and-export {
  margin: 30px 8px 15px;
  font-size: 11px;
}

.table .pager-and-export .pager-total-displaying {
  float: left;
  width: 200px;
  color: #333 !important;
}

.table .pager-and-export .pager {
  float: left;
  width: 520px;
  clear: none;
}

.table .pager-and-export .pager a.pager-next.active, .table .pager-and-export .pager a.pager-last.active {
  color: #888 !important;
}

.table .pager-and-export .export-link {
  float: left;
  width: 200px;
  text-align: right;
}

.table .pager-and-export .export-link a {
  color: #333 !important;
}

/**************************************************************/
/* empty row class                                            */
/**************************************************************/
.emtpy-row {
  clear: both;
  background-color: #E1E1E1;
  font-size: 20px;
  text-align: center;
  list-style-image: none;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.emtpy-row li span {
  color: #979797 !important;
  display: block;
  padding: 40px 0px;
}

.emtpy-row li span a {
  color: #979797 !important;
}

/****************************************************************
 * Horizontal Bars
 ****************************************************************/
.horizontal_bars {
  background: url('images/backgrounddotshorizontal.gif') 1px repeat-x;
  height: 6px;
  width: 100% !important;
}

hr.horizontal_bars {
  border: none;
}

.horizontal_bars hr {
  visibility: hidden;
}