@font-face {
    font-family: 'Serifa';
    src: url('serifrm_-webfont.eot');
    src: url('serifrm_-webfont.eot?#iefix') format('embedded-opentype'),
         url('serifrm_-webfont.woff') format('woff'),
         url('serifrm_-webfont.ttf') format('truetype'),
         url('serifrm_-webfont.svg#SerifaBTRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;}
	
.group:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

div.feedback-success,
div.feedback-failure,
div.feedback-warning,
div.feedback-message {
	padding: 9px;
	border-width: 1px 0 1px 0;
	border-style: solid;}

div.feedback-success p, div.feedback-success ul,
div.feedback-failure p, div.feedback-failure ul,
div.feedback-warning p, div.feedback-warning ul,
div.feedback-message p, div.feedback-message ul {
	color: #000;
	margin-bottom: 0;}

div.feedback-success {
	border-color: #0C0;
	background-color: #AFA;}

div.feedback-failure {
	border-color: #F00;
	background-color: #FAA;}

div.feedback-warning {
	border-color: #FF0;
	background-color: #FFA;}

div.feedback-message {
	border-color: #00C;
	background-color: #AAF;}

.slideshow, .slideshow .viewport {
	position: relative;
	width: 720px;
	height: 190px;}

.hasJS .slideshow .viewport {
	overflow: hidden;}

.hasJS .slideshow .item img {
	display: block;}

.hasJS .slideshow .next-btn,
.hasJS .slideshow .prev-btn {
	position: absolute;
	right: 0;}

.hasJS .slideshow .next-btn {
	bottom: -20px;}

.hasJS .slideshow .prev-btn {
	top: -20px;}

.hasJS .slideshow .inactive {
	opacity: 0.5;}

body {
	background: #000 url(/images/bg.gif) top left repeat-x;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #CCC;
  height: 100%;}

.hide {
	display: none !important;}

a img {
	border: 0;}

p, ul {
	margin-bottom: 18px;}

p.loading {
	margin-left: 12px;}

p.loading img {
	vertical-align: middle;
	margin-right: 9px;}

hr {
	border: 0;
	height: 2px;
	background: url(/images/hr-2px.gif) repeat-x scroll left top transparent;}

h2 {
	margin-bottom: 1em;}

.maplocations h2 {
	color: #CAB343;}

ul {
	margin-left: 15px;}

ul.error_list li {
	color: #F00;
	font-style: italic;}

.grey {
	color: #888 !important;}

.gold {
  color: #CAB343 !important;}

.darkgrey {
  color: #444 !important;}
  
.yellow {
	color: #FF0 !important;}

.one p:last-child, .two p:last-child, .three p:last-child, .four p:last-child, .five p:last-child {
	margin-top: 0;}

.section {
	padding-bottom: 1px;
	margin-bottom: 17px;}

.one, .logo, .two, .three, .four, .five {
	float: left;
	display: inline;
	margin-left: 20px;}

.one:first-child, .two:first-child, .three:first-child, .four:first-child, .five:first-child {
	margin-left: 0;}

#content {
	font-size: 13px;
	line-height: 18px !important;
	color: #FFF !important;}

#content .intro {
	font-weight: bold;
	color: #CAB343;}

.logo {
	margin-bottom: 12px;}

.logo:first-child {
	margin-left: 0;}

abbr {
	border: 0;}

.logo {
	width: 180px;
	margin-left: 0;}
	
.logo img {	
	background-color:#000000;
	border: 0;
	padding: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 15px;
	-moz-box-shadow:0 0 15px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow:0 0 15px rgba(255, 255, 255, 0.2);
	box-shadow:0 0 15px rgba(255, 255, 255, 0.2);}

.two {
	width: 350px;}

.three {
	width: 535px;}

.four {
	width: 720px;}

.five {
	width: 960px;
	float: none;
	display: block;}

form ol {
	list-style-type: none;}

form li {
	display: block;}

form input[type="text"], form input.text, form input[type="password"], form input.password, form textarea {
	width: 272px;
	padding-left: 6px;
	margin-right: 12px;
	height: 17px;
	border-width: 1px;
	border-style: solid;
	border-color: #1B1B1B #303030 #303030 #1B1B1B;
	background: #FFF url(../images/search-bgs.gif) top left repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;}

form textarea {
	width: 338px;
	height: auto;}

form.vertical ol li label {
	font-weight: normal;
	color: #FFF;
	float: none !important;
	line-height: 24px;
	font-weight: bold;}
	
form.vertical ol li input, form.vertical ol li select{
  background: #fff;
  width: 100%;
  padding: 2px;  
}

form.vertical ol.subform-links li {
  position: relative;
  padding-left: 0em !important;
  margin-bottom: 0em;
}

form.vertical ol.subform-links li label{
  position: static;
}

form.vertical li {
	padding: 0.5em 0;
	margin-bottom: 0;}

form.vertical li .help {
	font-style: italic;}

form button {
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	background-color: #BAA448;
	padding: 0 10px 3px 10px;
	border: 0;}

ol.subform-links li {
	padding-left: 33px;}

span.expand {
	color: #67CBFF;
	cursor: pointer;}

p.print {
	margin-left: 12px;}

p.print a {
	display: inline;
	background: url(../images/print.gif) no-repeat top left;
	padding: 0 0 1px 18px;}

.one p.print, .two p.print, .three p.print, .four p.print, .five p.print {
	margin-left: 0;}

/** BG IMAGE **/
#background {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;}

/** WRAPPER **/
#wrapper {
	margin: 0 auto;
	width: 960px;
	position: relative;
  z-index: 10}


/** HEADER **/
#header {
	margin-top: 10px;}

#header #logo {
	background: transparent url(../images/header.png) top left no-repeat;
	margin-top: 5px;
	height: 171px;}

#header #logo img {
	display: none;}

/*.nav-about-brb a, .nav-partners a, .nav-promotion a, .nav-press a, .nav-faq a, .nav-contact a {
	display: block;
	height: 18px;
	text-indent: -9999em;
	overflow: hidden;}

.nav-about-brb a:link, .nav-partners a:link, .nav-promotion a:link, .nav-press a:link, .nav-faq a:link, .nav-contact a:link
.nav-about-brb a:visited, .nav-partners a:visited, .nav-promotion a:visited, .nav-press a:visited, .nav-faq a:visited, .nav-contact a:visited {
	color: #FFF;}*/

#header .blog {
	margin-top: 0;
	width: 192px;
	margin-left: 6px;
	background-position: 6px -228px;}

#header .blog p {
	text-indent: 0;
	margin-top: 0;
	overflow: inherit;
	width: 198px;
	background: transparent url(../images/halo-horizontal.gif) top left repeat-x;}

#header .blog p a {
	display: block;
	margin-left: 6px;
	width: 186px;
	height: 36px;
	background-position: 0 -216px;}


/** NAVIGATION **/
#nav-wrapper {}

#navigation {
	position: relative;
	z-index: 100;
	width: 720px;
	float: left;
	display: inline;
	margin: 0;
	margin-right: 20px;	
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;}

#navigation li {
	position: relative;
	background: none;
	float: left;
	list-style: none;
	width: 165px;
	margin-left: 20px;
	padding-top: 10px;
	}
	
#navigation li a,
#navigation li span {
	color: #66ccff; 
	font-family: Serifa, arial, helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 7px;
	background: url('/images/transparent.png');
}	
	
#navigation li:first-child {
	margin-left: 0;}

#navigation span {
	cursor: pointer;}

#navigation span,
#navigation a {
	display: block;
	text-decoration: none;
	width: 165px;
	overflow: hidden;}
	
#navigation li ul {
	position: absolute;
	width: 165px;
	left: 0;
	top: 40px;
	background: url(/images/bg_submenu.gif) repeat-y top left #000;
	display: none;
	margin-left: 0;
	padding: 0;
	border-top: 2px #fff solid;
	-moz-box-shadow: 0 8px 15px #000;
	-webkit-box-shadow: 0 8px 15px #000;
	padding-bottom: 5px;}

#navigation li:hover ul,
.hasJS #navigation li.mouseover ul {
	display: block;}

#navigation ul li {
	background: none;
	float: none;
	line-height: 22px;
	height: 22px;
	margin-left: 0;
	padding: 2px 5px;}

#navigation ul li a {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif !important;
	color: #000;
	font-weight: bold;	
	padding: 2px 5px;
	letter-spacing: 1px;}

#navigation ul li.nav-conf-prog a, #navigation ul li.nav-next-prog a {
	letter-spacing: -0.02em;}

#navigation ul li a:hover {
	background: url(/images/bg_submenu_hover.gif) no-repeat;
	color: #6cf;}

#search {
	width: 210px;
	float: left;
	display: inline;
	background: url(/images/bg_searchbox.gif) no-repeat;
	height: 32px;
	padding-top: 10px;
	padding-left: 10px;}

#search button {
	float: left;
	display: inline;
	width: 70px;
	overflow: hidden;
	font-size: 15px;
	text-align: left;
	background-color: transparent;
	padding-top: 2px;
	margin-top: -3px;
	font-family: Serifa, arial, helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	padding: 0;}

#search input {
	background: url(/images/bg_searchinput.gif) no-repeat #cab343 top left;
	float: left;
	width: 117px;
	font-size: 12px;
	color: #000;
	padding-bottom: 2px;
	padding-top: 2px;
	height: 18px;
	display: inline;
	margin: 0 10px 0 0;
	z-index: 30;
	border: 0;}

/** TOP NAVIGATION **/

#top-nav{
  position: absolute;
  top: 75px;
  right: 10px;
  width: 200px;
}
#top-nav ul{
  list-style: none;
  width: 100%;
  background: url('/images/top-nav-line.jpg') left top no-repeat;
  margin: 0px;
  padding: 0px;
}
#top-nav ul li a{
  display: block;
  color: #6CF;
  font-family: Serifa, arial, helvetica, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  padding: 7px 0 8px 0;
  text-decoration: none;
  background: url('/images/top-nav-line.jpg') left bottom no-repeat;
}
#top-nav ul li a:hover{
  color: #fff;
}
/** CONTENT **/
#content {
	float: left;
	width: 740px;}

#content h1 {
	font: 23px/23px Serifa, Helvetica, Arial, sans-serif;
	color: #cab343;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 7px;}

#content h2 {
	margin-top: -7px;
	font: 17px/16px Arial, Helvetica, sans-serif;
	font-weight: normal;}

#content .one, #content .two, #content .three, #content .four, #content .five {
	background: transparent url(/images/hr-2px.gif) top left repeat-x;
	padding-top: 20px;}
	
#content .one {
	width: 165px !important;}

#content .noline {
	background-image: none !important;
	border: 0;
	padding-top: 0.5em;}

#content a:link, #content a:visited {
	color: #67CBFF;
	font-weight: bold;
	text-decoration: none;}
.description + a:link {
	color: #67CBFF;}


#content a:link:hover, #content a:visited:hover {
	text-decoration: underline;}

#map {
	height: 400px;}

#content .infowindow {
	color: #000;}

#content .infowindow a:link, #content .infowindow a:visited {
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #CAB343;
	color: #FFF;}

#content .infowindow a:link:hover, #content .infowindow a:visited:hover {
	text-decoration: none;}


/** SIDEBAR **/
#sidebar {
	background-color: #000;
	display: inline;
	margin-left: 0;
	float: right;
	width: 200px;
	padding: 10px 10px 0;}
	
#sidebar ul {
	padding-bottom: 20px !important;
	background: url(/images/bg_sidebarline.png) no-repeat bottom;}

.nobackground {
	background: none;
}

/**	
#sidebar .date {
	display: none !important;}
**/

#sidebar .link {
	padding-top: 4px;
	padding-left: 15px;
	background: url(/images/arrow_white.gif) no-repeat 0 9px;}

	#sidebar .link a {
		font-weight: bold;
		color: #67CBFF !important;}

#sidebar .twitter a, #sidebar .myspace a, #sidebar .facebook a, #sidebar .rss a {
	height: 9px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(/images/followus.png);}

#sidebar h3 {
	margin: 8px 0;
	font-family: serifa, arial, helvetica, sans-serif; 
	text-transform: uppercase;
	color: #cab343;
	font-weight: normal;
	font-size: 15px;}

#sidebar h4 {
	margin-bottom: 1px;
	margin-top: 6px;}

#sidebar .news {
	list-style: none;}

#sidebar a:link, #sidebar a:visited {
	color: #fff;
	text-decoration: none;}

#sidebar a:link:hover, #sidebar a:visited:hover {
	text-decoration: underline;}

#sidebar .news .date {
	display: block;
	color: #888;}

#sidebar .latest-news {
	margin-top: 0;
	background-image: none;}

#sidebar #newsletter {
	background: url(/images/bg_sidebarline.png) no-repeat bottom;
	padding-bottom: 18px;}
	
#sidebar #newsletter input {
	float: none;
	height: 21px;}

#sidebar #newsletter .newsletter_submit {
	width: auto;
	height: auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	background: url(/images/arrow_white.gif) no-repeat center left;
	color: #67CBFF;
	font-weight: bold;
	cursor: pointer;}

#sidebar #newsletter .newsletter_submit:hover {
	text-decoration: underline;}

#sidebar #newsletter .feedback {
	padding: 0 0 8px 0;
	color: #67CBFF;}

#sidebar #newsletter .feedback.error {
	color: #F82323;}

#sidebar label {
	width: 50px;
	float: left;
	display: inline;
	margin-top: 2px;
	margin-bottom: 7px;}

#sidebar form input {
	background: inherit none;
	margin: 0 0 5px 0;
	float: right;
	border: 0;
	height: 13px;
	min-width: 0;
	padding: 1px 0 0 4px;
	font-size: 11px;
	color: #666;
	width: 150px;}

#sidebar button {
	border: 0;
	width: 47px;
	background-position: 0 -786px;
	clear: both;
	cursor: pointer;}

#sidebar ul {
	margin: 0;}

#sidebar #subscriptions h4 {
	margin-top: 5px;
	margin-bottom: 0;
	color: #67CBFF;}

#sidebar #subscriptions ul {
	padding-bottom: 7px;
	list-style-type: none;}

#sidebar #subscriptions li {
	line-height: 1.75em;}

#sidebar #subscriptions input,
#sidebar #subscriptions label {
	height: auto;
	margin: 0;
	float: none;
	vertical-align: middle;
	width: auto;}

#sidebar #subscriptions label {
	background: none;
	text-indent: 0;
	overflow: scroll;}

#sidebar form input[type="checkbox"], form input.checkbox {
  width: 20px; }


#sidebar .twitter, #sidebar .myspace, #sidebar .facebook, #sidebar .rss {
	float: left;
	display: inline;
	margin-right: 2px;}

#sidebar .rss {
	margin-right: 0;}

#sidebar #follow-us a {
	width: 48px;
	height: 49px;}

#sidebar .twitter a {
	background-position: 0 0;}

#sidebar .myspace a {
	background-position: -49px 0; }

#sidebar .facebook a {
	background-position: -100px 0;}

#sidebar .rss a {
	background-position: -152px 0;}

#sidebar #buma {
	margin-top: 18px;
	font: 11px/13px Arial, Helvetica, sans-serif;}

#sidebar #follow-us a:link {
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;}

#sidebar #follow-us a:hover,
#sidebar #follow-us a:visited:hover {
	opacity: 0.7;}

#sidebar #twitter-at-brb {
	list-style-type: none;}

#sidebar #twitter-at-brb li {
	margin-bottom: 1em;}

#sidebar #twitter-at-brb .link {
	margin-bottom: 0;}

#sidebar #twitter-at-brb a:link, #sidebar #twitter-at-brb a:visited {
	text-decoration: none;
	color: #FFF;}

#sidebar #buma img {
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;}

#sidebar #buma a {
	display: block;
	clear: both;}

#sidebar #buma a:link, #sidebar #buma a:visited {
	color: #666;
	text-decoration: none;}

#sidebar #buma a:link:hover, #sidebar #buma a:visited:hover {
	color: #999;}


/** TABS **/
.tabbed {
	clear: both;}

.tabbed .content {
	padding: 1em 10px;
	margin-right: 20px;
	background: #3C3C3C;
	overflow: hidden;}

.tabbed .tabs {
	margin: 0;
	list-style-type: none;}

.tabbed .tabs li {
	width: auto;
	height: 13px;
	font-size: 12px;
	line-height: 13px;
	color: #66CCFF;
	font-weight: bold;
	padding: 7px 10px;
	background: #3C3C3C url(/images/inactive-tab-bg.gif) top left repeat-x;
	border-top: 1px solid #595959;
	margin-left: 12px;
	cursor: pointer;
	float: left;}

.tabbed .tabs li:first-child {
	margin-left: 0;}

.tabbed .tabs li.active {
	color: #FFF;
	font-weight: bold;
	background-image: none;}

.tabbed .hide {
	display: none;}

.tabbed .content ul {
	margin-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	font-size: 12px;}

.tabbed .content .date {
	color: #CAB343;
	font-family: Courier, monospace;
	margin-right: 10px;
	display:inline-block;
	width: 80px;}

/** DELEGATES **/
#delegates-search {
	margin-bottom: 36px;}

#delegates-search ol {
	list-style: none}

#delegates-search li {
	margin-bottom: 5px;}

#delegates-search label {
	line-height: 25px;
	float: left;
	width: 90px;
	color: #666;}

#delegates-search select, #delegates-search input {
	background-color: #202020;
	border: 0;
	height: 23px;
	border-top: 1px solid #303030;
	padding: 2px 2px 2px 4px;}

#delegates-search input {
	width: 272px;
	padding-left: 6px;
	margin-right: 12px;
	height: 17px;
	border: 1px solid #303030;
	background: #000 url(/images/search-bgs.gif) top left repeat-x;
	color: #000000;}

#delegates-search select {
	width: 282px;
	color: #999;}

#delegates-search select option {
	padding-left: 4px;}

#delegates-search button {
	display: inline-block;
	position: relative;
	bottom: -3px;
	width: 90px;
	height: 22px;
	border: 0;
	cursor: pointer;}

#content .delegates-collection, #content .companies-collection {
  background: none;
	color: #666;
	margin-bottom: 36px;
	font-weight: bold;
	border-top: 0;
	padding-top: 0;
	width: 340px;}
#content .three .delegates-collection,
#content .three .companies-collection{
  color: #fff;
}
div.delegates-collection {
	margin-left: 0;}

.content .delegates-collection {
	margin-left: 0;}

.delegates-collection ul, .companies-collection ul {
	margin: 0;
	margin-top: 6px;
	font-weight: normal;
	list-style: none;}

.delegates-collection img, .companies-collection img {
	margin-top: -10px;
	margin-left: -75px;
	width: 66px;
	height: 66px;
	float: left;}

.delegates-collection li:hover, .companies-collection li:hover,
.delegates-collection li.mouseover, .companies-collection li.mouseover {
	background-image: url(/images/delegates-result-mouseover.gif);}

.delegates-collection li, .companies-collection li {
	background-image: url(/images/delegates-result-basis.gif);
	padding-top: 10px;
	margin-bottom: 9px;
	padding-right: 9px;
	padding-left: 75px;}

.hasJS .delegates-collection li, .hasJS .companies-collection li {
	cursor: pointer;}

.name, .company {
	color: #BAA448;}

.delegates-collection .company, .companies-collection .company, .description {
	color: #666;}

.description {
	font: 15px Serifa, Helvetica, Arial, sans-serif;
	color: #cab343;
	font-weight: normal;}

.jobtitle, .trade {
	color: #FFF;}

.all-results {
	clear: both; margin-left: 12px; margin-bottom: 36px;}

ol.delegateslist-left,
ol.delegateslist-left ul,
ol.delegateslist-right,
ol.delegateslist-right ul {
	margin: 0;
	list-style: none;}

ol.delegateslist-left {
	clear: left;
	float: left;}

#content ol.delegateslist-left,
#content ol.delegateslist-right {
	background: none;
	border-top: 0;
	padding: 0;
	zoom: 1;
	position: relative;}

ol.delegateslist-right {
	clear: right;
	float: right;}

ol.delegateslist-left li ul,
ol.delegateslist-right li ul {
	margin-bottom: 12px;}

ol.delegateslist-left li li,
ol.delegateslist-right li li {
	margin-bottom: 0;}

.news-date {
	color: white;
	font: bold 15px/19px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	display: block;}

.news-category {
	display: block;
	margin-bottom: 18px;
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -8px;}

ul.dates-list {
	margin-bottom: 2em;
	margin-left: 0;
	line-height: 2em;
	list-style: none;}

ul.dates-list span {
	margin-right: 20px;
	color: #666;}

.tabbed ul.dates-list {
  line-height: 1.6em;}
  
.tabbed ul.dates-list span{
  color: #fff;}
  
#content.newsupdates .news-archive ul.dates-list a:link, #content.newsupdates .news-archive ul.dates-lis a:visited {
  color: #CAB343;}
  
#sitesearch {
	margin-top: 10px;
	margin-bottom: 24px;}

#sitesearch li {
	float: left;}

#sitesearch label, #sitesearch input, #sitesearch button {
	vertical-align: middle;}

#sitesearch label {
	color: #666;
	font-weight: normal;}

#sitesearch button {
	display: inline-block;
	position: relative;
	width: 90px;
	height: 22px;
	border: 0;}

#search-results ol {
	list-style: none;}

#search-results p {
	margin-bottom: 0;
	font-weight: bold;
	color: #666;}

#search-results .one {
	border-top: 1px solid #333;
	padding-top: 10px;
	margin-left: 0;}

#search-results .three {
	padding-top: 0;
	border-top: 0;}

#search-results h2 {
	font: normal 11.5px Arial, Helvetica, sans-serif;
	color: #666;}

#search-results .three p {
	color: #FFF;
	font-weight: normal;
	padding: 8px 0;}

#search-results .three .title {
	color: #BAA448;
	text-transform: uppercase;
	display: block;}

#search-results .result {
	border-top: 1px dotted #333;}

.hasJS #search-results .result:hover,
.hasJS #search-results .mouseover {
	background: transparent url(/images/searchresult-mouseover-bg.gif) right top repeat-y;
	cursor: pointer;}

.hasJS #search-results .result:hover a,
.hasJS #search-results .mouseover a {
	text-decoration: underline;}

ul.pictures-list {
	margin-left: 0;
	list-style: none;}

ul.pictures-list li {
	padding-top: 20px;
	margin-bottom: 9px;
	color: #666;}

ul.pictures-list li a {
	display: block;}

ul.pictures-list li img {
	/*margin-top: -20px;*/
	margin-right: 12px;
	float: left;}

ol.subform-links li {
	position: relative;
	padding-left: 3em !important;
	margin-bottom: 0.5em;}

ol.subform-links label {
	position: absolute;
	top: 0.5em;
	left: 0;}

.expandable li.moreless {
	background-image: none;
	cursor: pointer;
	color: #67CBFF;}


/* PROGRAM SEARCH */
#program-search {
	clear: both;}

#program-search h1 {
	font: 23px/23px Serifa, Helvetica, Arial, sans-serif;
	color: #cab343;
	font-weight: normal;
	text-transform: uppercase;	
	display: block;}

#program-search .freesearch {
	background: none;
	margin-top: 2px;}

#dashboard {
	background: url(/images/bg_dashboard.png) no-repeat top right #3c3c3c;
	height: 160px;
	margin-top: 16px;
	padding:0 10px;}

#program-search h2 {
	margin: 2px 0 0 0;
	padding-bottom: 4px;
	clear: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #cab343;
	line-height: 26px;
	float: left;
	display: inline;
	width: 110px;
	background: url(/images/program_line.png) no-repeat bottom left transparent;	
}
#program-search h2.freesearch {
	color: #fff;
}
#program-search ul {
	margin: 2px 0 0 0;
	width: 828px;
	float: left;
	display: inline;
	padding-bottom: 4px;
	background: url(/images/program_line.png) no-repeat bottom left transparent;
	}

#program-search li {
	font: normal 12px Arial, Helvetica, sans-serif;
	float: left;
	display: inline;}

#program-search li span,
#program-search li input {
	padding: 0 20px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;}

#program-search li span {
	cursor: pointer;
	background-position: 0 0px;
	color: #67CBFF;}

#program-search li span:hover, #program-search li span:hover {
	background-position: 0 -26px;}

#program-search li.locations,
#program-search li.keywords {
	position: relative;}
#program-search li.locations span,
#program-search li.keywords span {
	overflow: hidden;
	font-weight: normal;
	color: #4D4D4D;}

#program-search li.locations span,
#program-search li.keywords span,
#program-search li input {
	text-align: left;
	padding: 0 10px;}

#program-search li.active span {
	background-color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	color: #FFF;}

#program-search li.locations div,
#program-search li.keywords div {
	padding: 5px;
	width: 705px;
	background-color: #000;
	position: absolute;
	background-color: #222222;
	top: 26px;
	left: 0;
	z-index: 100;
	display: none;}

#program-search li.locations div div.buttons,
#program-search li.keywords div div.buttons {
	right: 0;
	bottom: 0;
	left: auto;
	top: auto;
	padding: 0;
	width: auto;
	background: transparent none;
	display: block;}

#program-search li.locations div.show,
#program-search li.keywords div.show {
	display: block;}

#program-search li.locations div ul,
#program-search li.keywords div ul {
	height: auto;
	float: left;
	margin-right: 10px;
	width: 164px;
	display: inline;
	background: transparent none;	}

#program-search li.locations div li,
#program-search li.keywords div li {
	margin-bottom: 2px;
	font-weight: normal;
	border: 0;
	width: 164px;}

#program-search li.locations div li span,
#program-search li.keywords div li span {
	padding: 2px 5px 3px 5px;
	color: #67CBFF;
	font-size: 11.5px;
	text-align: left;
	text-transform: none;
	line-height: normal;
	height: auto;
	width: auto;
	display: block;
	background: none;}

#program-search li.locations div li.active span,
#program-search li.keywords div li.active span {
	background-color: #000;
	color: #FFF;}

#program-search li input {
	border: 0;
	font-family: Arial,Helvetica,sans-serif;
	height: 20px;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 2px;
	color: #FFF;
	font-size: 13px;
	width: 583px;
	background: #CAB343 url(/images/bg_searchinput.gif) repeat-x top left;
	padding-bottom: 4px;}

#program-search li.locations div div.buttons a,
#program-search li.locations div div.buttons span,
#program-search li.keywords div div.buttons a,
#program-search li.keywords div div.buttons span {
	line-height: 26px;
	padding: 0;
	width: auto;
	background: transparent none;
	display: inline;}

#program-search li.locations div div.buttons a,
#program-search li.keywords div div.buttons a {
	padding: 10px 10px 12px 10px;
	cursor: pointer;}

#program-search li.locations div div.buttons span,
#program-search li.keywords div div.buttons span {
	background-color: #BAA448;
	color: #000;
	padding: 10px 30px 12px 30px;
	text-transform: uppercase;
	cursor: pointer;}

#program-search li.locations span,
#program-search li.keywords span {
	font-size: 12px;
	color: #AAAAAA;}

#program-search li.locations span.none,
#program-search li.keywords span.none,
#program-search li input.none {
	color: #4D4D4D;
	background-position: 0 0;}

#program-search li button {
	border: 0;
	display: block;
	background: url(/images/showresults.png) no-repeat top left transparent;	
	height: 24px;
	width: 150px;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	float: right;
	margin-left: 65px;}

#program-search li button.active {}
#searchresults #sidebar h3 {
	margin-top: 18px;
}
#searchresults #sidebar {
	margin-top: 20px;
	padding-bottom: 10px;
}
#searchresults .one span {
	padding-left: 5px;
}
#searchresults .three {
	margin-left: 20px;
}
.eventdetails .intro {
	padding-bottom: 10px;
	border-bottom: 2px #fff solid;
}
.eventdetails .intro .print {
	padding-left: 15px;
	float: right;
	background: url(/images/print.gif) no-repeat center left;
}
/* PROGRAM TIMELINE */
#sidebar .timeline {
	width: 200px;
}
li.timeline {
	margin-bottom: 0;}

.timeline,
.timeline div {
	display: block;
	position: relative;
	background-color: #1f1f1f;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	height: 2px;
	width: 180px;}

.timeline a {
	overflow: hidden;
	display: block;
	position: absolute;
	width: 180px;
	height: 4px;
	opacity: 0;
	top: -2px;
	left: 0;}

.timeline div {
	border: 0;
	position: static;
	background-color: #67CBFF;}

.timeline span {
	display: none;}

.timeline .details {
	position: absolute;
	display: none;
	top: -10px;
	left: -382px;
	color: #000;
	background-color: #fff;
	height: auto;
	padding-top: 10px;
	width: 370px;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;}

.timeline:hover .details {
	display: block;}

.timeline .details .pointer {
	position: absolute;
	right: -10px;
	top: 10px;
	display: block;
	width: 0;
	height: 0;
	border: 0;
	border-top: 10px solid #fff;
	border-right: 10px solid #000;}

.timeline .details p {
	font-size: 12px;
	margin: 0 10px 10px 10px;}

#content .program-item-list {
	margin-top: 20px;
}
#content .program-item-list ol {
	clear: both;
	list-style: none}

#content .program-item-list .timeline {
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;}

#content .program-item-list span,
#content .program-item-list a:link, #content .program-item-list a:visited {
	font-weight: normal;
	display: block;
	clear: both;}

#content .program-item-list p {
	margin-bottom: 0;
	padding-bottom: 18px;}

#content .program-item-list h1,
#content .program-item-list p.count {
	margin-left: 12px;}

#content .program-item-list p.count {
	float: left;
	margin-bottom: 11px;
	color: #ddd;
	padding-bottom: 0;}

#content .program-item-list p.print {
	float: right;
	padding-right: 20px;}

#content .program-item-list p.print a {
	color: #67CBFF;}

#content .program-item-list .one,
#content .program-item-list .three {
	padding-top: 0;
	border-top: 0;}

#content .program-item-list .one {
	width: 185px;}	

#content .program-item-list .three {
	border-top: 1px dotted #212121;}

#content .program-item-list .date,
#content .program-item-list .producer {
	margin-top: 4px;
	margin-bottom: 3px;
	color: #67CBFF;}

#content .program-item-list .time,
#content .program-item-list .event {
	font-size: 18px;
	text-transform: uppercase;
	font-family: Serifa, arial, helvetica, sans-serif;
	color: #cab343;}

#content .program-item-list .venue,
#content .program-item-list .artists {
	color: #ddd;}

#content .program-item-list li:hover,
#content .program-item-list .mouseover {
	background: url("/images/program-rollover-bg.png") repeat-y scroll left top transparent;}

#content .program-item-list .three {
	background: url("/images/hr-2px+border.gif") repeat-x scroll left top transparent;
	border-top: none;
	padding-top: 6px}

.hasJS #content .program-item-list .three:hover,
.hasJS #content .program-item-list .mouseover {
	cursor: pointer;}

#content .eventdetails h2 {
	margin-bottom: 0;
	margin-top: 0;
	font: bold 11.5px/17px Arial, Helvetica, sans-serif;
	color: #666;}

#content .eventdetails a {
	color: #67CBFF;}

#content .eventdetails ul {
	margin-left: 0;
	list-style-type: none;}

#content .eventdetails .event-type {
	text-transform: uppercase;}

#content .eventdetails .event-date,
#content .eventdetails .event-producer {
	font-size: 17px;
	line-height: 25px;
	color: #ddd;}

#content .eventdetails .keywords {
	font-style: italic;}

#content .eventdetails .event-description p {
	font-weight: bold;}

#content .eventdetails .schedule {
	margin-bottom: 12px;
	list-style-type: none;}

#content .eventdetails .add-to-program,
#content .eventdetails .remove-from-program {
	color: #67CBFF;
	padding: 5px 5px 3px 30px;
	display: inline-block;
	background-color: #121212;
	text-decoration: none;
	background-position: 10px center;
	background-repeat: no-repeat;}

#content .eventdetails .add-to-program {
	background-image: url(/images/add-to-program.gif);
	padding: 2px 10px 2px 25px !important;}

#content .eventdetails .remove-from-program {
	background-image: url(/images/remove-from-program.gif);
	padding: 2px 10px 2px 25px !important;}

#content .eventdetails .add-to-program:hover,
#content .eventdetails .remove-from-program:hover {
	text-decoration: none;}
	
#content a.callToAction, 
#content a:link.callToAction, 
#content a:visited.callToAction,
#content .eventdetails .add-to-program, 
#content .eventdetails .remove-from-program {
	background-color: #67CBFF;
	color: #000;
	text-decoration: none;
	padding: 1px 5px;
	margin: 0 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

#content a:hover.callToAction {
	background-color: #CAB343;
	color: #000;
	text-decoration: none;}

#photopreview {
  width:355px;
  height:350px;
  position:relative;
  float:left;}

#photoshow {
  width:350px;
  height:350px;
  position:relative;
  float:left;}


/** NEWS UPDATE **/
.newsupdates h2 {
  font: 23px/1.5 Serifa, Courier, sans-serif !important;
  text-transform: uppercase;
}

.newsupdates .meta-label,
.newsupdates .tabs {
  float: left;
}

.newsupdates .tabbed {
  padding-top: 2px;
  margin-right: 20px;
  background: transparent url(/images/hr-2px.gif) top left repeat-x;
}

.newsupdates .tabbed > .group {
  background: transparent url(/images/hr-2px.gif) bottom left repeat-x;
}

.newsupdates .meta-label,
.newsupdates .tabbed .tabs li {
  font: 15px/1 Serifa, Courier, sans-serif;
  text-transform: uppercase;
  padding: 12px 15px 15px;
}

.newsupdates .meta-label {
  padding-left: 0;
}

.newsupdates .tabbed .tabs li {
  background: transparent none;
  margin: 0;
  border: 0;
  color: #FFF;
}

.newsupdates .tabbed .tabs .active {
  background: transparent url(/images/newsupdate-tabbed-active-bg.gif) top left repeat-x;
  color: #000;
}

.newsupdates .tabbed .content {
  background: transparent;
  padding: 0;
}

.newsupdates .tabbed .two {
  width: 340px;
  overflow: hidden;
}

.newsupdates .tabbed .date {
  width: auto;
  font: bold 13px/17px Arial, sans-serif;
  color: #FFF;
}

.newsupdates .update-preview {
  margin-top: 15px;
  background: transparent url(/images/hr-2px.gif) bottom left repeat-x;
}

.newsupdates .description {
  font-family: Arial;
  color: #FFF;
}

.newsupdates .update-preview.hasmedia {
  position: relative;
  min-height: 80px;
}

.newsupdates .update-preview h1 {
  font: 23px Serifa, Courier;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.newsupdates .update-preview img {
  float: left;
  margin-right: 10px;
}

.newsupdates .update-preview.hasmedia .description {
  margin-left: 190px;
}

.newsupdates .update-preview .wrapper {
  padding-bottom: 15px;
}

.newsupdates .update-preview .teaser {
  margin-bottom: 15px;
}

.newsupdates .update-preview .read-more,
.newsupdates .update-preview .categories {
  margin-bottom: 0;
}

.newsupdates .update-preview .read-more {
  float: left;
}

.newsupdate-detail .categories,
.newsupdates .update-preview .categories {
  font: bold 13px Arial, sans-serif;
  text-transform: uppercase;
  color: #999;
}

.newsupdates .update-preview .categories {
  float: right;
}

#content.newsupdate-detail {
  width: 720px;
}

.newsupdate-detail .categories {
  margin-bottom: 2em;
}

.newsupdate-detail h1,
.newsupdate-detail h2 {
  text-transform: uppercase;
  font: 23px/1.5 Serifa, Courier, sans-serif !important;
}

.newsupdate-detail h2 {
  background: transparent url(/images/hr-2px.gif) bottom left repeat-x;
  padding-bottom: 20px;
}

.newsupdate-detail .image {
  float: right;
  margin: 0 0 15px 20px;
}

.newsupdate-detail h2 span {
  float: left;
}

.newsupdate-detail .back {
  font: bold 13px/1.5 Arial, sans-serif;
  vertical-align: bottom;
  float: right; 
  text-transform: none;
  margin-right: 20px;
  margin-top: 0.5em;
}

.newsupdate-detail .back b {
  color: #FFF;
}

.newsupdate-detail h1,
.newsupdate-detail .date {
  margin-bottom: 0 !important;
}

.newsupdate-detail .body {
  padding-bottom: 25px;
  background: transparent url(/images/hr-2px.gif) bottom left repeat-x;
  margin-bottom: 25px;
  overflow: hidden;
}

.newsupdate-detail .navigation {
  padding-bottom: 25px;
  background: transparent url(/images/hr-2px.gif) bottom left repeat-x;
}

.newsupdate-detail .navigation > div {
  float: left;
}

.newsupdate-detail .navigation > div + div {
  float: right;
}

.newsupdate-detail .navigation b {
  color: #FFF;
}

.newsupdate-detail h3.more-news {
  margin-top: 40px;
  font: 23px/1.5 Serifa, Courier, sans-serif;
  text-transform: uppercase;
}


/** CAROUSEL **/
.carousel {
  position: relative;
}

.carousel .viewport {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.carousel ul {
  display: inline-block;
  width: 10000px;
  overflow: hidden;
  height: 100%;
}

.carousel li {
  position: relative;
  float: left;
  display: block;
  height: 100%;
}

.carousel h3, .carousel h4 {
  margin: 0 25px;
}

.carousel a {
  color: #CAB343 !important;
  text-decoration: none;
  font-weight: normal !important;
}

.carousel li div {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 0;
  background: url(/images/bg-carousel-call-to-action.png) top left repeat;
  width: 100%;
}

.carousel .next-btn, .carousel .prev-btn {
  position: absolute;
  top: 45%;
  margin-top: -21px;
  cursor: pointer;
  width: 42px;
  height: 42px;
  opacity: 0.75;
}

.carousel .next-btn:hover, .carousel .prev-btn:hover {
  opacity: 1;
}

.carousel .next-btn { background: transparent url(/images/arrow_right.png) top left no-repeat; }
.carousel .prev-btn { background: transparent url(/images/arrow_left.png) top left no-repeat; }

.two .carousel { width: 100%; height: 217px; overflow: hidden; top:-5px; }
.two .carousel .viewport ul li div { height: 50px; padding: 10px 0 0 10px; }

.four .carousel { width: 100%; height: 434px; overflow: hidden; top:-5px; }
.four .carousel .viewport ul li { height: 434px; width: 750px; }
.four .carousel .viewport ul li div { height: 75px; padding: 23px 0 0 28px; }
.four .carousel .viewport ul li a img { width: 100%; }

.carousel li div h3,
.carousel li div h4 {
  margin: 0;
}

.carousel li div h3 {
  font: 30px/30px Serifa,Helvetica,Arial,sans-serif;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.carousel li div h3 a{
  text-decoration: none !important;
}
.carousel li div h4 a:link,
.carousel li div h4 a:visited {
  color: #FFF !important;
  font-size: 15px;
  font-family: Serifa;
  background: transparent url('/images/carousel-link-icon.png') left 5px no-repeat;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.carousel .next-btn { right: 0; }
.carousel .prev-btn { left: 0; }

#backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/bg-carousel-call-to-action.png) top left repeat;
  z-index: 90;
}

#videopanel {
  position: absolute;
  left: 50%;
  top: 50%;
  top: 100px;
  z-index: 95;
}

#videocontainer {
  border: 5px solid #1D1D1D;
}

#videocontainer embed, #videocontainer object {
  display: block;
}

#close-video {
  text-align: right;
  color: #CAB343;
  cursor: pointer;
  margin-bottom: 0;
}
