@charset "UTF-8";
/******************************************************************************
 ** BrightTALK Dot Com
 ** Copyright BrightTALK Ltd, 2008.
 ** All Rights Reserved.
 ** $Id: page.css 9016 2010-03-09 12:21:00Z psimmons $
 ******************************************************************************/ * {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
}

a img {
  border: none;
}

.contentpadding {
  margin: 0px 10px;
}

div.clear {
  clear: both;
  width: 100%;
  height: 1px;
  display: block;
}

body {
  background-color: #eee;
  background-image: url('images/pageback.png');
  background-repeat: repeat-x;
  margin: 0px;
}

.pagecontent {
  margin: 11px;
  overflow: hidden;
}

/*
 * @todo get local image
 */
#servicesnavcontainer {
  background-color: #84db2c;
  background-image: url('images/sitenavback.png');
  background-repeat: repeat-y;
  background-position: left top;
  font-size: 10px;
  line-height: 11px;
  color: #FFFFFF;
}

#servicesnav {
  width: 935px;
  margin: 0px auto;
  height: 18px !important;
  _height: 18px !important;
}

#servicesnav a:link, #servicesnav a:visited, #servicesnav a:active {
  color: #FFFFFF;
  text-decoration: none;
}

#servicesnav a.active:link, #servicesnav a.active:visited, #servicesnav a.active:active {
  color: #a6ff47;
  text-decoration: none;
}

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

#servicesnav .links {
  float: left;
  width: 100px;
  font-weight: bold;
  color: #83d54f;
  margin-top: 2px;
}

#servicesnav .userstatus {
  font-size: 11px;
  float: right;
  color: #227700;
  margin-top: 2px;
  right: 150px;
  top: 0;
}

#servicesnav .userstatus a, #servicesnav .userstatus a:link {
  color: #227700;
}

.page-login a {
  color: #FFFFFF !important;
  font-weight: bold !important;
}

#servicesnav .userstatus .username {
  color: #FFF;
  font-weight: bold;
}

#servicesnav .break-bar {
  float: left;
}

#timezone-status {
  width: auto !important;
  display: block;
  height: 1px;
}

#userstatus div {
  float: left;
}

#username-status {
  color: #FFFFFF;
  font-weight: bold;
}

#header {
  width: 965px;
  margin: 0px auto;
  height: 62px;
  position: relative;
  margin-bottom: 0px;
  background-color: #FFF;
}

#presenter-access-header {
  width: 965px;
  margin: 0px auto;
  height: 60px;
  position: relative;
  background-color: #FFF;
}

#logo {
  position: absolute;
  top: 17px;
  left: 18px;
}

#headernav {
  position: absolute;
  top: 23px;
  left: 173px;
  font-size: 13px;
}

#headernav a.bullet, #headernav a.bulletactive {
  vertical-align: middle;
  margin-right: 4px;
  background: url('images/bulletblack.gif');
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 10px 0px 7px;
  color: #333333;
  text-decoration: none;
}

#headernav a.bullet:hover {
  text-decoration: underline;
}

#headernav a.bulletactive {
  color: #8bce43;
  background: url('images/bulletgreen.gif') no-repeat left center;
}

#search {
  position: absolute;
  top: 5px;
  left: 590px;
  overflow: hidden;
}

#q1 {
  float: left;
}

#q2 {
  float: right !important;
  margin-right: 5px;
}

#q1 li, #q2 li {
  float: left !important;
  list-style: none;
  background: url("images/bulletgreen.gif") no-repeat 2px 5px;
  padding-left: 10px;
  margin-right: 10px;
}

.question {
  float: left;
  font-weight: bold;
  margin-right: 5px;
  margin-left: 10px;
}

.answer {
  float: left;
}

.answer ul {
  margin: 0;
  padding: 0;
  float: left !important;
}

#pagecontainer {
  margin: 0px auto 15px;
  width: 988px;
  background: transparent url('./images/paperbackmid.png') repeat-y;
}

#page {
  width: 988px;
  background-image: url('./images/paperbacktop.png');
  background-repeat: no-repeat;
}

#pagebody {
  margin: 0px 12px 10px;
  /* IE min height hack */
  min-height: 500px;
  _height: 500px;
  height: auto !important;
  height: 500px;
  font-size: 12px;
  background-color: #fff;
}

#pagebody a {
  text-decoration: none;
  /* color:#333; */
}

#pagebody a:hover {
  text-decoration: underline;
}

#footer {
  font-size: 11px;
  text-align: center;
  line-height: 20px;
}

#footer .nav {
  color: #4C4C4C;
  height: 25px;
}

#footer .copyright {
  color: #999999;
  height: 32px;
}

#footer a {
  color: #4c4c4c;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

/**************************************************************/
/* Search box                                                */
/**************************************************************/
.search_all_webcast {
  float: right;
  margin-top: 14px;
  width: 330px;
}

.search_all_webcast .dcutil-rounded-box-content {
  padding: 3px 6px 0px 14px;
}

.search_all_webcast #dotcom-search-form {
  float: left;
  height: 26px;
}

.search_all_webcast #edit-search-item-wrapper {
  float: left;
}

#edit-search-item-wrapper {
  margin: 0;
}

#edit-search-item-wrapper input {
  border: #AEAEAE 1px solid;
  height: 12px;
  position: relative;
  width: 183px;
}

.search_all_webcast .site-search-button {
  padding: 0;
  margin: 0;
  width: 112px;
  height: 20px;
  margin-top: 1px;
  float: left;
  margin-left: 6px;
  font-size: 11px;
  background: transparent url('images/bulletblack.gif') 1px 8px no-repeat;
  padding: 2px 0px 2px 8px;
  display: inline;
}

.searched_item {
  width: 942px;
  margin: 5px 2px;
  float: left;
  background-color: #FAFAFA;
  padding: 5px 0px 5px 10px;
}

.searched_item .head {
  font-size: 1.5em;
  margin-right: 10px;
  float: left;
}

.searched_item .link {
  float: right;
  width: 70px;
  margin-right: 10px;
}

.clearboth {
  clear: both;
}

/**************************************************************/
/* Rounded box                                                */
/**************************************************************/
.roundedbox {
  background: #E8E8E8 none repeat scroll 0%;
  float: right;
  margin-top: 6px;
  width: 353px;
  margin-right: 10px;
  margin-top: 10px;
}

.roundedbox b.rtop, .roundedbox b.rbottom {
  background: #FFFFFF none repeat scroll 0%;
  display: block;
}

.roundedbox b.rtop b, .roundedbox b.rbottom b {
  background: #E8E8E8 none repeat scroll 0%;
  display: block;
  height: 1px;
  overflow: hidden;
}

.roundedbox b.r1 {
  margin: 0pt 5px;
}

.roundedbox b.r2 {
  margin: 0pt 3px;
}

.roundedbox b.r3 {
  margin: 0pt 2px;
}

.roundedbox b.r4 {
  height: 2px;
  margin: 0pt 1px;
}

.roundedbox .rbody {
  margin: 1px 10px;
}

.roundedbox .searchform {
  font-size: 12px;
  color: #000000;
}

.roundedbox .searchform .searchtext {
  padding: 24px 0px 10px 0px;
  font-size: 12px;
  color: #000000;
  position: relative;
  top: -3px;
}

#search-theme-form input.formtext {
  width: 200px;
  height: 17px;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid #AEAEAE;
  font-size: 12px;
  color: #333333;
  padding: 2px 5px 0px;
}

#search-theme-form .form-submit {
  vertical-align: middle;
}

#pagetitle {
  width: 942px;
  position: relative;
  margin: 0px 11px;
}

#pagetitle .titleleft {
  float: left;
  /* margin-left: 7px;
   width:100%; */
}

#breadcrumb, #breadcrumb a {
  color: #A0A0A0;
  font-size: 11px;
}

#breadcrumb {
  margin-bottom: 0;
  margin-left: 5px;
  padding-bottom: 0.5em;
}

#pagetitle .titleleft #welcometobrighttalk {
  background: url('./images/titlewelcometobrighttalk.png') no-repeat #fff;
  width: 248px;
  height: 22px;
  overflow: hidden;
}

#homepage-title {
  float: left;
  font-size: 1.5em;
  margin-left: 11px;
}

#pagetitle .titleleft #welcometobrighttalk span {
  display: none;
}

#pagetitle .titleright {
  float: left;
  margin-top: 4px;
  margin-bottom: 5px;
  width: 100%;
}

#pagetitle .titleright .buttonpresentingalive {
  width: 243px;
  height: 55px;
  background: url('./images/buttonpresentingalive.png') no-repeat #fff;
}

/**************************************************************/
/* Links                                                      */
/**************************************************************/
a.back-link {
  float: left;
}

a.back-link {
  color: #333333;
  background: url('images/bulletblackback.gif') no-repeat left center;
  padding-left: 10px;
  padding-right: 5px;
}

a.bulletlink {
  color: #1e300c;
  background-image: url('images/bulletblack.gif');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 10px;
  margin-right: 10px;
}

/**************************************************************/
/* Messages                                                   */
/**************************************************************/
#messagebox {
  background-color: #FFFFFF;
  height: auto !important;
  border: 0px;
  font-size: 13px;
  margin-left: 6px;
}

/*
 #pagebody #messagebox.status .messagebody {
 background: url('images/imagetext/greenback/titlefyi.gif') no-repeat
 20px 0px;
 padding-top: 30px;
 }

 #pagebody #messagebox.error .messagebody {
 obackground: url('images/imagetext/greenback/titleformproblem.gif')
 no-repeat 20px 0px;
 padding-top: 53px;
 }
 */
#pagebody #messagebox .messagebody, a.messagebody {
  color: #8BCE43 !important;
  font-size: 13px;
  width: 700px;
  padding-top: 15px;
}

#pagebody #messagebox .messagebody em {
  color: #8BCE43;
  font-weight: bold;
  font-style: normal;
}

#pagebody #messagebox .messagebody ul {
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  list-style: disc;
}

#pagebody #messagebox .messagebody li {
  font-size: 13px;
}

#pagebody #messagebox .messagebody a {
  font-size: 13px;
  color: #000000;
  text-decoration: underline;
}

.message_text_error {
  color: #FF0000;
}

.message_text_status {
  color: #8BCE43;
}

#messagebox_top {
  background: transparent url('images/top.gif') no-repeat;
  height: 47px;
  width: 954px;
  z-index: 1;
}

#messagebox_center {
  background: #FFFFFF url('images/center.gif') repeat-y scroll 0% 0%;
  min-height: 47px;
  /* IE6 Hack to fix height min_height seen as height by IE6 and _height only
   recognized by IE6 */
  _height: 47px;
  height: auto !important;
  z-index: 2;
}

#messagebox_bottom {
  background: transparent url('images/bottom.gif') no-repeat;
  height: 18px;
  z-index: 3;
}

.messagebox_icon_status {
  position: absolute;
  background: transparent url('images/alert_icon.gif') no-repeat;
  width: 42px;
  height: 43px;
  margin-top: 20px;
  margin-left: 20px;
  z-index: 4;
}

.messagebox_icon_error {
  position: absolute;
  background: transparent url('images/error_alert.gif') no-repeat;
  width: 42px;
  height: 43px;
  margin-top: 20px;
  margin-left: 20px;
  z-index: 4;
}

.messagebody {
  margin-left: 120px;
}

/* remove the following when not needed for debug! */
#xmlrpc_debug {
  color: #000000;
  font-size: 11px;
  border: #DD0000 1px solid;
  background-color: #FBE4E4;
  padding: 10px;
  margin: 10px;
}

/**************************************************************/
/* WEBSITE FOOTER                                             */
/**************************************************************/
#presenter-access-pagefooter {
  clear: left;
  background-image: url('images/paperbackfooter.png');
  background-repeat: no-repeat;
  height: 17px;
  background-position: bottom;
  width: 100%;
}

#pagefooter {
  clear: left;
  background-image: url('images/footer_bg_v1.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  height: 182px;
  width: 100%;
}

#page-footer-top {
  float: left;
  margin-top: 20px;
  padding-left: 15px;
  font-size: 11px;
  height: 79px;
}

#page-footer-bottom {
  float: left;
  font-size: 11px;
  margin-top: 5px;
  width: 100%;
}

#block-menu-primary-links {
  margin: 0 auto 8px auto;
  float: left;
  background-color: #000;
}

#page-footer-separator {
  border-bottom: 1px solid #BFBFBF;
  clear: both;
  width: 94%;
  margin-left: 31px;
  height: 20px;
}

.ie6-less-height {
  /**
   Empty div got some wierd height in ie6
   so this class will be added by jquery
   if browser is IE6
   */
  top: -18px;
  position: relative;
}

#block-menu-primary-links .menu .expanded {
  background: transparent url('images/backgrounddotsvertical.gif') repeat-y scroll left;
  height: 83px;
  padding-right: 64px;
}

#block-menu-primary-links .menu .first {
  /*background: none;*/
}

#block-menu-primary-links .menu .expanded a {
  padding: 0;
  color: #8AC53A !important;
  padding-left: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

#block-menu-primary-links .menu .menu .leaf a {
  background: transparent url('images/bullet.gif') no-repeat scroll left center !important;
  padding: 0px 0 0px 8px;
  color: #FFFFFF !important;
  font-weight: normal !important;
  font-size: 11px !important;
}

#block-menu-primary-links li {
  list-style: none;
  list-style-image: none;
  padding: 1px 0px 1px 0px;
}

.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

ul.menu li {
  margin: 0 0 0 0.5em;
}

ul.menu {
  border: medium none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  text-align: left;
}

#block-menu-primary-links .expanded {
  float: left;
}

#block-menu-primary-links .expanded .menu {
  margin-top: 10px;
  padding-left: 4px;
}

#block-dcbanners-left {
  width: 128px;
  float: left;
}

#block-dcbanners-player {
  width: 128px;
  float: left;
  margin: 28px;
}

.dcbanners-block {
  display: block;
  min-height: 50px;
}

#feedback {
  float: left;
  padding-left: 51px;
  color: #CCCCCC;
  background: transparent url("images/envelope.jpg") no-repeat;
  background-position: 31px;
}

#feedback a {
  color: #CCCCCC !important;
  text-decoration: none;
}

#links {
  float: right;
  padding-right: 27px;
  color: #CCCCCC;
}

#links a {
  padding: 0px 7px;
  text-decoration: none;
  color: #CCCCCC !important;
}

#copyright {
  float: right;
  padding-top: 0px;
  padding-right: 27px;
  color: #CCCCCC;
  height: 10px;
  top: -8px;
  position: relative;
}

/**************************************************************/
/* STATIC CONTENT PAGES LAYOUT                                */
/**************************************************************/
#static-menu {
  float: left;
  min-height: 400px;
  /* IE6 hack fix for height*/
  _height: 400px;
  width: 224px;
  padding: 0 16px 0 0;
}

#static-banner {
  float: left;
  height: 200px;
  width: 700px;
}

#static-right {
  float: left;
  min-height: 100px;
  /* IE6 hack fix for height*/
  _height: 100px;
  width: 220px;
}

#static-content-main {
  float: left;
  width: 478px;
  min-height: 100px;
  /* IE6 hack fix for height*/
  _height: 100px;
}

/**************************************************************/
/* STATIC CONTENT STYLES                                      */
/**************************************************************/
#menu-channels_header {
  background: transparent url(../images/backgrounddotedvartical.gif) repeat-x scroll left bottom;
  color: #BBBBBB;
  padding-bottom: 6px;
  width: 100%;
}

#static-menu li {
  list-style: none !important;
  list-style: none !important;
  list-style-image: none !important;
  list-style-type: none !important;
}

#static-menu a.top-link {
  background: transparent url(../images/bullet_static_menu.gif) no-repeat scroll 0 0;
  padding: 4px 0 10px 32px;
  color: #666666;
}

#static-menu ul li.head {
  padding: 10px 0px 0px 0px;
  position: relative;
  left: -15px;
  border-bottom: 1px dotted #BBBBBB;
  padding-bottom: 10px;
  width: 220px;
}

#static-menu a.top-link:HOVER, #static-menu ul li.active-trail a.top-link {
  background: transparent url(../images/bullet_static_menu_active.gif) no-repeat scroll 0 0;
  padding: 4px 0 10px 32px;
  color: #000000;
  text-decoration: none;
}

#static-menu ul.menu li ul.menu {
  background: #F5F5F5;
  margin: 6px 0px 0px 0px;
  border-bottom: 1px dotted #BBBBBB;
  border-top: 1px dotted #BBBBBB;
}

#static-menu ul.menu li ul.menu li {
  background: transparent url(../images/bulletblack.gif) no-repeat scroll left center !important;
  display: block;
  padding: 3px 0 3px 10px;
  border-bottom: 1px dotted #BBBBBB;
}

#static-menu ul.menu li ul.menu li a {
  color: #666666;
  font-size: 11px;
}

#static-menu ul.menu li ul.menu li.active-trail a {
  color: #000000;
}

#static-menu ul.menu li ul.menu li a:hover {
  color: #000000;
  text-decoration: none;
}

#static-menu ul.menu li ul.menu li.last {
  border-bottom: none;
}

.not-bottom-border {
  border-bottom: none !important;
  padding-bottom: 0px !important;
}

/****************************************************************/
/* STATIC CONTENT STYLES - Individual Styles For Channel Pages  */
/****************************************************************/
/*.static-content-brighttalk-starter-channel #static-menu li.active-trail
 {
 background: url('../images/bullet_static_menu_active_starter.gif')
 no-repeat;
 }*/
.static-content-brighttalk-starter-channel #static-menu li.active-trail a, .static-content-brighttalk-starter-channel h4 {
  color: #8CC63F;
}

/*.static-content-brighttalk-premium-channel #static-menu li.active-trail
 {
 background: url('../images/bullet_static_menu_active_premium.gif')
 no-repeat;
 }*/
.static-content-brighttalk-premium-channel #static-menu li.active-trail a, .static-content-brighttalk-premium-channel h4 {
  color: #458CE4;
}

/*.static-content-brighttalk-enterprise-channel #static-menu li.active-trail
 {
 background: url('../images/bullet_static_menu_active_enterprise.gif')
 no-repeat;
 }*/
.static-content-brighttalk-enterprise-channel #static-menu li.active-trail a, .static-content-brighttalk-enterprise-channel h4 {
  color: #804044;
}

/****************************************************************/
/* STATIC MAINTENANCE PAGE  */
/****************************************************************/
.maintenance {
  width: 800px;
  height: 500px;
  text-align: left
}

.item-list .pager {
  margin-left: 45px !important;
}

#static-content {
  float: left;
}

#content-left-panel {
  width: 240px;
  float: left;
  overflow: hidden;
  margin-top: 15px;
}

#page-content {
  float: left;
  width: 690px;
  text-align: left;
  padding: 10px;
  margin-top: 15px;
}

.mybrighttalk-user-stats .dcutil-datapairs-element-value {
  float: right;
  font-weight: normal;
  height: 20px;
  margin-left: 10px;
  width: 120px;
}

.dcutil-datapairs {
  margin-bottom: 0px;
}

.mybrighttalk-user-stats .dcutil-datapairs-element {
  clear: both;
  height: 20px;
  margin-bottom: 5px;
}

.mybrighttalk-user-stats .dcutil-datapairs-element-title {
  width: 60px;
}

.pager-total-displaying {
  float: left;
  width: 180px;
  padding-left: 8px;
}

.webcast-footer-text .pager-and-export {
  float: left;
  height: 10px;
  margin-top: 5px;
  width: 795px;
}

.pager {
  float: left;
  text-align: center;
  margin-left: 45px !important;
  margin: 0px;
  padding: 0px;
  width: 550px;
}

.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0;
  list-style-image: none;
  list-style-position: outside;
  margin: 0 0 0.25em 1.5em;
}

.pager-current {
  font-weight: bold;
}

.button-go {
  width: 47px;
  background-image: url(images/buttons/whiteback/buttongo.gif);
}

.button-viewchannel {
  width: 107px;
}

.button-viewchannel span {
  background-image: url(/css/images/buttons/whiteback/buttonviewchannel.gif);
}

.button-submit {
  width: 84px;
}

input.button-submit, .button-submit span {
  background-image: url(images/buttonsubmit.gif);
}

.button-clear {
  width: 58px;
}

input.button-clear, .button-clear span {
  background-image: url(images/buttonclear.gif);
}

/*************************************/
/* WEBCAST GENERIC VIEW             */
/*************************************/
#view-webcast {
  padding-top: 10px;
  padding-left: 11px;
}

#view-webcast-content {
  float: left;
  margin-left: 10px;
  width: 795px;
}

.view-webcast-content-title {
  float: left;
  text-transform: capitalize;
  font-size: 1.5em;
  margin-bottom: 10px;
}

.view-webcast-content-result {
  float: right;
  margin-top: 5px;
  margin-right: 12px;
}

.view-channel-content-sort, .view-webcast-content-filters {
  float: left;
  width: 787px;
  height: 20px;
  background-color: #ECEBEB;
  padding-left: 8px;
  padding-top: 4px;
}

.view-webcast-content-sort {
  float: left;
  width: 795px;
  height: 20px;
  background-color: #FFFFFF;
  margin-top: 5px;
  padding-left: 5px;
}

.view-channel-content-sort a.active, .view-webcast-content-sort a.active, .view-webcast-content-filters a.active {
  font-weight: bold;
}

#view-webcast-content-rows {
  float: left;
  min-height: 190px;
  padding-left: 80px;
  width: 715px;
  clear: both;
}

.view-webcast-pagination {
  float: left;
  width: 100%;
}

#view-webcast-content .search-webcast-title {
  margin-top: 5px;
}

.wizard-left-panel img {
  margin: 0px 27px;
}

.wizard-left-panel .trail-content-help {
  margin: 9px;
}

.error-content {
  padding: 0px 15px;
}