@charset "UTF-8";
/******************************************************************************
 ** BrightTALK Dot Com
 ** Copyright BrightTALK Ltd, 2008.
 ** All Rights Reserved.
 ** $Id: page.css 22975 2010-11-18 17:09:41Z acairns $
 ******************************************************************************/
/*******************************************
 * Fonts
 *
 * Custom font face definition for IE6+, FF3.5+, Safari 3.1+, Chrome, Opera 10+
 *  IE uses eot
 *  FF 3.6 uses woff - smallest
 *  Others use ttf
 *  SVG is for any browsers that support svg natively (~ woff size)
 *******************************************/
/* Sans-serif font used strapline */
@font-face {

font-family:
  'MyriadProLight';

src:
  url('/css/6/fonts/myriadpro-light-webfont.eot');

src:
  local('☺'), url('/css/6/fonts/myriadpro-light-webfont.woff') format('woff'), url('/css/6/fonts/myriadpro-light-webfont.ttf') format('truetype'), url('/css/6/fonts/myriadpro-light-webfont.svg#webfont') format('svg');

font-weight:normal;

font-style:normal;
}

/* Sans-serif used for summit name on home page main-message */
@font-face {

font-family:
  'MyriadProSemibold';

src:
  url('/css/6/fonts/myriadpro-semibold-webfont.eot');

src:
  local('MyriadProSemibold'), url('/css/6/fonts/myriadpro-semibold-webfont.woff') format('woff'), url('/css/6/fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfontSLHGMv6Z') format('svg');

font-weight:normal;

font-style:normal;
}* {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
}

h1 {
  font-weight: normal;
  margin: 0px 0px;
  float: left;
  font-size: 17pt;
}

h2, h3 {
  margin: 0px 0px 7px;
}

/* fix for ff dotted line around block links */
a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

a img {
  border: none;
}

.clear {
  clear: both;
}

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

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-color: #E9F5E0;
  background-image: url(images/body-background.jpg);
  background-repeat: repeat-x;
}

#bodybackgroundwrapper {
  background-image: url(images/background.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  position: relative;
  width: 100%;
  min-height: 948px;
  margin: 0px auto 0px;
}

#pagecontainer, #pagebody-wrapper, #page-top {
  position: relative;
  width: 967px;
}

/* center within body background */
#pagecontainer {
  margin: 0px auto;
  text-align: left;
}

/* the page body border background except footer */
#pagebody-wrapper {
  background-image: url(images/page-background.png);
  background-repeat: repeat-y;
  background-attachment: scroll;
}

/* fade into the page border background from the top of the page */
#page-top {
  background-image: url(images/page-background-top.png);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 23px;
}

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

#content {
  padding-top: 11px;
}

#header {
  margin: 0px;
  height: 40px;
  position: relative;
  margin-bottom: 0px;
  background-color: #FFF;
}

#community-header {
  padding-top: 10px;
}

#categories {
  z-index: 1000;
  position: absolute;
  left: 460px;
  top: 86px;
}

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

#logo {
  float: left;
  top: 17px;
  left: 18px;
}

#main-message, #main-message div {
  font-family: "MyriadProLight", "Arial Narrow", sans-serif;
  float: left;
}

#main-message, #main-message div {
  font-size: 13pt;
}

#main-message {
  position: relative;
  top: 10px;
}

.main-message {
  width: 356px;
  height: 17px;
  overflow: hidden;
  position: relative;
}

.main-message span {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url('images/online-events-for-professionals-and-their-communities.jpg');
}

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

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

.clearboth {
  clear: both;
}

#footer {
  position: relative;
  height: 158px;
}

/**********************************************************
 * User Nav/status area/Presenter Nav
 **********************************************************/
#user-status, #presenternav {
  text-align: right;
  font-size: 10pt;
  /*  float: right;*/
}

#user-status {
  float: right;
}

#account-nav {
  list-style: none;
}

#account-nav {
  white-space: nowrap;
  margin: 0px;
}

#user-status li {
  display: inline;
}

#user-status a, #presenternav a {
  color: #66CC00;
  text-decoration: none;
}

#user-status a, #presenternav a {
  color: #66CC00;
  text-decoration: none;
}

#user-status a:hover, #presenternav a:hover {
  text-decoration: underline;
}

#timezone-status, #user-status .breakbar, #timezone-status a {
  color: #7E7E7E;
}

/* override for manage link to green */
#manage-link .breakbar {
  color: #00D900;
}

#timezone-status {
  clear: both;
  text-align: right;
  font-size: 11px;
  padding-top: 2px;
}

#home-top-wrapper #user-status #user-name a {
  color: #FFF;
}

#user-status #user-name a {
  color: #333;
}

/**********************************************************
 * Category Header
 **********************************************************/
#categories {
  z-index: 1000;
}

#content {
  z-index: 0;
}

#category-selector {
  height: 24px;
  color: #333;
  font-size: 14pt;
  padding-left: 4px;
  margin-bottom: 7px;
  margin-left: 4px;
}

#category-selector .left, #category-selector .right, #category-selector .title, #category-selector-trigger {
  float: left;
  height: 24px;
  cursor: pointer;
}

#category-selector-trigger {
  margin-left: 20px;
  font-size: 10pt;
  color: #666;
  vertical-align: bottom;
  position: relative;
  top: 4px;
  padding-right: 9px;
  background: transparent url(images/category-header-sprite.png) no-repeat scroll 119px -220px;
}

#category-selector #category-selector-trigger:hover, 
#category-selector.active #category-selector-trigger{
  background: transparent url(images/category-header-sprite.png) no-repeat scroll 119px -261px;
}

#category-selector .left, #category-selector .right {
  width: 5px;
  position: relative;
  overflow: hidden;
}

#category-selector.active .left {
  background: #fff url(images/category-header-sprite.png) no-repeat scroll -5px -321px;
}

#category-selector.active .right {
  background: #fff url(images/category-header-sprite.png) no-repeat scroll -479px -321px;
}

#category-selector.active .title {
  background-color: #ececec;
}

#category-selector .parent {
  color: #909090;
}

/**********************************************************
 * Search Form
 **********************************************************/
#search {
  background: url(images/category-header-sprite.png) no-repeat 0px -427px;
  height: 31px;
  padding: 7px;
}

#search form {
  clear: both;
  background: url(images/category-header-sprite.png) no-repeat 0px 0px;
  width: 354px;
  height: 30px;
}

#search form:hover {
  background-position: 0px -80px;
}

#search form:active, #search form.active {
  background-position: 0px -160px;
}

#search form div {
  width: 347px;
  height: 20px;
  padding: 5px 0px 5px 7px;
}

#search #q {
  width: 316px;
  height: 19px;
  background-color: transparent;
  border: 0 none;
  color: #000;
  font-size: 14.5px;
}

/* Remove blue outline of text field on webkit browsers */
#search #q:focus {
  outline: none;
}

#q-label input {
  padding-top: 32px;
  height: 32px;
  width: 31px;
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
  position: relative;
  top: -28px;
  left: 317px;
}

#search #presenternav {
  color: #FFFFFF;
  position: relative;
  top: -23px;
  width: 212px;
  float: right;
}

#community-header #tabs ul {
  padding: 10px 0px 7px 8px;
  margin: 0px;
}

#community-header #tabs li {
  display: inline;
}

#community-header #tabs li a {
  font-size: 14px;
}

#community-header #tabs li.active a {
  font-weight: bold;
}

#community-header #tabs li:hover a {
  color: #000;
}

span.entry-count {
  color: #66CC00;
}

/**************************************************************/
/* Links                                                      */
/**************************************************************/
a.back-link {
  float: left;
  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: 0px;
}

#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;
}

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

.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;
}

.pagination {
  float: left;
  width: 100%;
}

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

.button-viewchannel {
  width: 107px;
}

.button-viewchannel span {
  background-image: url(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);
}

.button-add {
  width: 52px;
}

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

/*************************************/
/* Left tall banner page layout      */
/*************************************/
#left-tall-banner-wrapper #content {
  float: right;
  margin-left: 10px;
  width: 795px;
}

#left-tall-banner-wrapper #left-banner {
  padding-top: 10px;
  padding-right: 10px;
  float: left;
  width: 128px;
  height: auto;
  min-height: 400px;
}

#left-tall-banner-wrapper .content-title {
  float: left;
  text-transform: capitalize;
}

#left-tall-banner-wrapper .right-content {
  float: right;
  margin-top: 12px;
  margin-right: 12px;
}

#left-tall-banner-wrapper .right-content-nav {
  float: left;
  width: 787px;
  height: 20px;
  background-color: #ECEBEB;
  padding-left: 8px;
  padding-top: 4px;
}

#left-tall-banner-wrapper .right-content-nav2 {
  float: left;
  width: 795px;
  height: 20px;
  background-color: #FFFFFF;
  margin-top: 5px;
  padding-left: 5px;
}

#left-tall-banner-wrapper .right-content-nav a.active, .right-content-nav2 a.active {
  font-weight: bold;
}

/******************************************
 * Error Page
 ******************************************/
.error-content h1 {
  text-transform: uppercase;
}

.error-content * {
  clear: both;
}

/******************************************
 * Player Page
 ******************************************/
#player h1 {
  display: block;
  font-size: 14px;
  font-weight: bolder;
  padding-left: 70px;
}

#player p {
  clear: both;
  float: left;
  padding: 5px 0px 5px 70px;
  margin: 0px;
  width:610px;
  text-align: left;
}

#flash-required {
  padding-top: 15px !important;
  padding-left: 70px;
}

#player p span {
  float: right;
  display: block;
}

#player p img {
  padding-right: 10px;
  padding-top: 5px;
}

#player dl {
  float: left;
  padding-left: 70px;
}

#player dl dt {
  float: left;
  clear: both;
  font-weight: bolder;
  width: 80px;
  text-align: left;
}

#player dd {
  float: left;
  text-align: left;
  width:500px;
}





div.currencysymbol { display: inline; }

#top-banner div.currencysymbol { color: #FFF; }