/*
*************************************************

BMW Guggenheim Lab
Screen Styles

Created by Bureau for Visual Affairs
http://www.bureau-va.com

*************************************************
*/

/* bg and border color = #e7e9ed */

/*-------------------------------------------    
    Reset
-------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, .h2, h3, .h3,
h4, h5, h6, pre, form, fieldset, input, textarea,
p, blockquote, th, td { margin: 0; padding: 0; }
html, body { height: 100%; }
body { font: 12px/18px Helvetica, Arial, sans-serif; color: #393536; background: #e7e9ed; }
object, img { vertical-align: bottom; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
address { font-style: normal; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
strong { font-weight: bold; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }

/*-------------------------------------------    
    Self-clearing Floats
-------------------------------------------*/
.wrap:after, .horiz:after, #top-bar:after, #header:after { clear: both; content: '.'; height: 0; width: 0; visibility: hidden; display: block; }
.wrap, .horiz, #top-bar, #header { zoom: 1; }
.horiz li { float: left; }

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
h1 { font-size: 26px; line-height: 29px; color: #00abea; font-weight: normal; display: inline; }
h2, .h2 { font-size: 15px; }
h3, .h3 { font-size: 15px; }
h4 { font-size: 12px; }
h5 {  }
h6 {  }
h2, .h2, h3, .h3, h4 { font-weight: normal; }

p { margin: 0 0 18px 0; }

a, a:link, a:active, a:visited { color: #606060; text-decoration: none; }
a:hover, a:focus, .standfirst a:hover { color: #309bd3; }

hr { margin: 0; border: none; height: 1px; background: #e7e9ed; color: #e7e9ed; }

dt, dd { float: left; }
dt { clear: both; }
dl#faqs-questions dd a,
ul#faqs dd a {
    border-bottom: solid 1px #00abea;
}

/*-------------------------------------------
    Commons
-------------------------------------------*/
.hidden { display: none; }

.standfirst { font-size: 15px; border-bottom: 1px solid #e7e9ed; margin: 0; padding: 17px 240px 14px 10px; }
.standfirst.noline { border-bottom: 0 none transparent; }
.standfirst.wide {padding-right: 170px; }
.standfirst a { color: #393536; border-bottom: 1px solid #00ABEA; }

h4.label, #overview h4, .feature h4, .features h4 { background: #e7e9ed; width: 139px; padding-left: 10px; }
.longTitles h4 { width: 159px !important; }
input.text, select, .login { font-family: Helvetica, Arial, sans-serif; vertical-align: middle; }

h3.list-title,
.h3.list-title { border-bottom: 1px solid #e7e9ed; padding: 9px 0 7px 10px; }

p.date, p.type { color: #808080; /*background: url('../images/date_circles.gif') 0 4px no-repeat;*/ padding: 0 0 0 15px; }

/*-------------------------------------------    
    Search Boxes
-------------------------------------------*/
.search { max-height: 38px;}
.search input.text { border: 0; color: #333333; max-width: 150px; line-height: 17px; max-height: 17px; vertical-align: middle; }
.search .submit, #connect .submit { width: 17px; height: 38px; border: none; cursor: pointer; vertical-align: middle; background: white url('../images/arrows.gif') no-repeat center; }

/*-------------------------------------------    
    Top Bar
-------------------------------------------*/
#top-bar { padding-bottom: 1px; }
#top-bar li { float: right; width: 160px; height: 38px; background: white; border-left: 1px solid #e7e9ed; }
#top-bar .text { width: 129px; height: 38px; padding: 0 0 0 10px; font-size: 12px; }
#top-bar select { margin: 10px 0 0 10px; }

#fb-like, #lang-switch, #search { float: left; width: 160px; height: 38px; background: white; border-left: 1px solid #e7e9ed; }
#fb-button { padding-top: 8px; margin-left: 8px; position: relative; left: 0; width: 48px; overflow: hidden; display: none; } /* We want to "hide" the "like" */
#fb-root { position: relative; left: 0; width: 48px; }
#twitter-button { margin-left: 8px; position: relative; left: 54px; top: -20px; width: 60px; overflow: hidden; display: none; } /* We want to "hide" the "like" */
#twitter-root { position: relative; left: 0; width: 60px; } /* We want to "hide" the "followers" */
.fb_title { padding-top: 5px; margin-right: 5px; }
#lang-switch { padding-top: 5px; margin-right: 5px; }

/* Added 2013-07-29: To remove social 'counts' */
#social-icons { visibility: hidden; } /* Language switch breaks if this is display: none */
#fb-button, #fb-root, twitter-button, #twitter-root, .fb-title {display: none;}

/*-------------------------------------------
    Header
  -------------------------------------------*/
#header { background: white; margin-bottom: 1px; }

#logo { width: 174px; float: left; margin: 21px 0 0 10px; }
#top-navigation { height: 156px; }
#nav-top { width: 483px; /*height:158px;*/ float: right; background: white url('../images/navtop_lines.gif') no-repeat bottom; }
#nav-top li { width: 161px; height: 156px; }
#nav-top h3,
#nav-top .h3 { font-size: 26px; line-height: 28px; margin: 13px 10px 5px 11px; }
#nav-top h3 a,
#nav-top .h3 a { color: #00abea; text-decoration: underline; }
#nav-top p { line-height: 17px; margin: 0 10px 14px 11px; }
#nav-top li.active { background:#FFFDE2 url('../images/navtop_lines_ro.gif') no-repeat bottom; }

#promo-wrap { width: 253px; float: left; margin: -29px 0 0 26px; }
#promo-wrap a { display: block; width: 156px; height: 156px; float: right; margin: 0 0 0 -59px; background: url('../images/promo_bg.png') no-repeat; }
#promo-wrap a:hover { background: url('../images/promo_bg_ro.png') no-repeat; }
#promo-wrap span { font-size: 15px; color: white; font-weight: bold; margin: 0; padding: 42px 15px 25px 25px; display: block; }
#promo-wrap em { border-bottom: 1px solid white; font-style: normal; font-weight: normal; }
#promo-wrap .image { background: none; }
#promo-wrap a.image:hover { background:none; }

/*-------------------------------------------
    Sidebar
-------------------------------------------*/
#sidebar { width: 239px; float: left; margin-right: 1px; background: white; }
#sidebar  h2,
#sidebar .h2 { padding: 49px 10px 5px 10px; border-bottom: 1px solid #e7e9ed; }
#sidebar  h2:hover, #sidebar a.active  h2,
#sidebar .h2:hover, #sidebar a.active .h2 { background: #fffde2; color: #606060; }
#sidebar .search { border-bottom: 1px solid #e7e9ed; }
#sidebar .search .text { width: 204px; padding: 12px 0 9px 10px; font-size: 12px; }

#nav-side li a, #calendar h3 a, #calendar .h3 a { display: block; border-bottom: 1px solid #e7e9ed; padding: 9px 10px 7px 10px; }
#nav-side li li a { padding-left: 25px; }
#nav-side li li li a { padding-left: 40px; }
#nav-side li li li li a { padding-left: 65px; }
#nav-side li#current a { color: #606060; background: #fffde2; }
#nav-side li#current li a { color: #606060; background: transparent !important; }
#nav-side li a:hover, #nav-side li .active, #sidebar h2 a:hover, #sidebar .h2 a:hover { color: #606060; background: #fffde2; }

.menu_sidebar li a { display: block; border-bottom: 1px solid #e7e9ed; padding: 9px 10px 7px 10px; }
.menu_sidebar li li a { padding-left: 25px; }
.menu_sidebar li a:hover, .menu_sidebar li#current { color: #606060; background: #fffde2; }
.menu_sidebar li#current ul { color: #606060; background: white !important; }

/* calendar */
#calendar-nav ul { width: 70px; float: left; }
#calendar-nav li { width: 34px; height: 34px; }
#calendar-nav a { height: 34px; display: block; text-indent: -500px; overflow: hidden; background: url('../images/calendar_arrows.gif') no-repeat; }
#calendar-nav .next { background-position: -34px 0; }
#calendar-nav a.none { background: url('../images/clear.gif'); }
#calendar-nav p { margin: 0 0 0 78px; padding-top: 11px; }

#calendar h3 a,
#calendar .h3 a { font-size: 12px; }
#calendar { border-bottom: 1px solid #e7e9ed; }
#calendar ol { margin-left: -1px; }
#calendar ol li { border-top: 1px solid #e7e9ed; border-left: 1px solid #e7e9ed; width: 33px; height: 31px; text-indent: 10px; }
#calendar .wide { width: 34px; }
#calendar ol a { display: block; height: 29px; padding-top: 2px; color: #393536; }
#calendar ol a:hover, #calendar ol .active { /* background: #d3f4ff; */ background: #FFFDE2; }
#calendar ol .current { background: #d3f4ff; }
#calendar .days li { height: 29px; padding-top: 2px; }

/* event filter */
#event-filter ul { padding: 9px 0 4px 7px; border-bottom: 1px solid #e7e9ed; }
#event-filter li { margin: 0 0 8px 0; }
#event-filter input { margin-right: 6px; vertical-align: middle; }

/*-------------------------------------------
    Structure
-------------------------------------------*/
#page { width: 960px; margin: 0 auto; }

#content { width: 720px; float: left; background: white; }

#page-title { padding: 40px 0 3px 10px; position: relative; border-bottom: 1px solid #e7e9ed; }
#page-title .back { position: absolute; top: 8px; right: 54px; color: #333; border-bottom: 1px solid #00c0ff; line-height: 16px; }
#page-title .back-left { position: absolute; top: 8px; left: 10px; color: #333; border-bottom: 1px solid #00c0ff; line-height: 16px; }

.title-wrap { /*width: 670px;*/ }
.social-count { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding: 0 0 0 9px; line-height: 14px; vertical-align: top; margin: 4px 0 0 0; }
.addthis_toolbox, .addthis_button { float:left; height:20px; color:#fff; width:91px; }
.addthis_button img { float:left; }
.addthis_counter.addthis_bubble_style,.addthis_bubble_style { padding:0 !important; background:#474747 !important; margin-left:1px !important; float:right !important; height: 19px !important;}
.addthis_button_expanded { color:#fff !important; font-weight:200 !important; line-height:19px !important; }
.content-wrap { border-bottom: 1px solid #e7e9ed; }

/* 2013-07-28: To remove bottom Follow social stuff */
.social-count .addthis_button {visibility: hidden;}

#main { width: 470px; float: left; padding: 18px 0 0 10px; }
#main p a, #nav-top p a { color: #393536; border-bottom: 1px solid #00abea; }

#related { width: 180px; padding: 18px 10px 0 0; float: right; }
#related h4 { margin-bottom: 9px; }
#related li { color: #606060; margin-bottom: 9px; }
#related li a { border-bottom: 1px solid #00abea; }
#related li p { margin-bottom: 0; }

ul.event-nav { width: 80px; float: left; margin:0 12px 0 0; }
.event-nav li { width: 40px; }
.event-nav li a { display: block; height: 31px; background: url('../images/prevnext.gif') no-repeat; text-indent: -500px; overflow: hidden; }
.event-nav .next { background-position: -40px 0; }
.event-nav li a.none { background: url('../images/clear.gif'); }
#event-nav select { font-size: 12px; color: #393536; padding: 1px; width: 106px; float: left; margin: 10px 0 0 10px; }

/* pagination */
.pager { padding: 0 10px 14px 9px; border-bottom: 1px solid #e7e9ed; height: 18px; }
.pager li { margin: 0 0 0 1px; line-height: 16px; }
.pager a { background: #e8e9ec; display: block; padding: 2px 5px 0 5px; color: #606060; }
.pager .active { background: #fffccc; }

/* event detail page - LOOK AT EVENTS CALENDAR AND TRY TO MERGE */
#event-info { padding-bottom: 11px; border-bottom: 1px solid #e7e9ed; }
#event-info .col-left { width: 390px; float: left; padding: 10px 0 0 10px; }
#event-info h3 span,
#event-info .h3 span { font-size: 12px; }
#event-info .col-left a { color: #393536; border-bottom: 1px solid #00c0ff; }
#event-info .type { margin: 2px 0 11px 0; }
#event-info .col-right { width: 141px; padding-right: 10px; float: right; }
#event-info .col-right a { display: block; width: 122px; background: #00abea url('../images/buy_tickets_arrow.gif') 7px 0 no-repeat; color: white; padding: 1px 0 0 19px; margin: 10px 0 5px 0; }

#event-info .col-right p { line-height: 17px; color: #808080; }

#event-image { background: #e7e9ed; border-bottom: 1px solid #e7e9ed; }

.toggle-comments { border-bottom: 1px solid #e7e9ed; padding: 9px 0 7px 10px; margin: -1px 0 0 0; border-top: 1px solid #e7e9ed; }
.toggle-comments  #disqus { font-size: 15px; }
.toggle-comments a { color: #393536; border-bottom: 1px solid #00abea; }
#disqus_thread { padding: 0 10px 0 0; }

/* tabs */
.tabs li { border-right: 1px solid #e7e9ed; width: 82px; }
.tabs a { display: block; height: 44px; padding-top: 5px; text-align: center; color: #00abea; text-decoration: underline; border-bottom: 1px solid #e7e9ed; background: url('../images/tabs_arrow.gif') no-repeat center bottom; }
.tabs a span { color: #393536; }
.tabs .active, .tabs a:hover { text-decoration: none; }
.tabs .active span, .tabs a:hover span { color: #606060; }
.tabs .active { border-bottom-color: white; background-image: none; }
.tabs hr { margin-top: -1px; }

.tabs-content { padding: 10px 0 16px 10px; border-bottom: 1px solid #e7e9ed; }
.tabs-content li { line-height: 20px; }
.tabs-content a { color: #393536; border-bottom: 1px solid #00abea; }
.tabs-content a.action { border-bottom: none; padding-bottom: 1px; margin-left: 2px; }
#multimedia { padding: 10px 0 16px 0; }

/*-------------------------------------------
    Lists
-------------------------------------------*/
/* search results */
#search-results li { border-bottom: 1px solid #e7e9ed; float: left; width: 100%; }
#search-results li:hover, .events li:hover { background: #fffde2; }
#search-results li:hover .opacity, .events li:hover .events-image .opacity { width: 239px; height:135px; background: #fffde2; position: absolute; left: 0; bottom: 0; opacity: .50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
#search-results h3,
#search-results .h3 { font-size: 12px; margin: 8px 80px 0 0; }
#search-results h3 a,
#search-results .h3 a { color: #393536; clear: both; border-bottom: 1px solid #00abea; }
#search-results img { float: left; margin: -8px 10px 0 0; max-width: 239px; max-height: 134px; }
#search-results h4 { margin: 0 80px 7px 249px; color: #808080; }
#search-results p { margin: 0 80px 0 249px; }
#search-results span.image { position:relative; display: block; width: 239px; float: left; margin: 8px 0 0 0; }

/* faqs */
#faqs-questions { border-bottom: 1px solid #e7e9ed; padding: 0 0 7px 10px; }
#faqs-questions dt { font-size: 26px; line-height: 28px; color: #00abea; width: 40px; padding: 16px 0 0 0; }
#faqs-questions dd { font-size: 15px; padding: 18px 0 0 0; width: 470px; }
#faqs-questions dd a { color: #393536; }

#faqs li { border-bottom: 1px solid #e7e9ed; position: relative; }
#faqs dl { padding: 17px 0 13px 10px; }
#faqs dt { color: #00abea; width: 30px; }
#faqs strong { font-weight: normal; color: #393536; }
#faqs dd { width: 470px; color: #808080; }
#faqs .back-to-top { color: white; background: url('../images/back_to_top.gif') 5px 0 no-repeat #474747; position: absolute; top: 10px; right: 10px; padding: 1px 59px 0 19px; }

/* overview */
#overview li { border-left: 1px solid #e7e9ed; border-bottom: 1px solid #e7e9ed; margin-left: -1px; position: relative; }
#overview p { margin: 5px 0 0 10px; height: 4em; }
#overview .tag { position: absolute; top: 57px; left: 10px; background: url('../images/tag.png') no-repeat; z-index: 5; width: 66px; height: 66px; color: white; line-height: 14px; text-align: center; padding: 20px 0 0 0; }

#overview li:hover { background: #fffde2; }
/* #overview li:hover .opacity { background: #fffde2; position: absolute; left: 0; bottom: 0; opacity: .50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); width:360px; height: 188px; } */
#overview li:hover img { background: #fffde2; left: 0; bottom: 0; opacity: .50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); width:360px; height: 188px; }

/* features */
h4.feature-findings { padding-left:10px; background: #e7e9ed; width:139px; margin-bottom: 10px; }
#slideshow-extrabit { background: white; width: 200px; height: 20px; position:absolute; right:-60px; top:18px; }
h4.slideshow,
h4.slideshow-findings { padding-left:10px; background: #e7e9ed; width:100%; }
h4.slideshow-findings { width:139px; }
.feature { border-bottom: 1px solid #e7e9ed; position: relative; }
.feature-info { height: 80px; }
.feature h4, .features h4 { margin-bottom: 6px; color: #393536; }
.feature p, .features p { margin: 0 35px 0 10px; line-height: 16px; color: #333; }
.feature .date, .features .date { color: #808080; }
.feature a:hover .feature-info, .features a:hover .feature-info { background: #fffde2; }
.feature .opacity, .features .opacity { background: #fffde2; position: absolute; left: 0; bottom: 0; opacity: .50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
.feature a:hover .opacity { width: 720px; height: 405px; }
.features a:hover .opacity { width: 360px; height: 215px; }
.features { background: #e7e9ed; }
.features li { width: 360px; border-left: 1px solid #e7e9ed; background: white; border-bottom: 1px solid #e7e9ed; margin-left: -1px; position: relative; }
.features.small,
.features.findings-small { margin-left: -1px; border-right: 1px solid #e7e9ed; }
.features.small li { width: 239px; margin-left: 0; }
.features.small a:hover .opacity { width: 239px; height: 134px; cursor:pointer; }
.features.findings-small .feature-info { height: 60px; }
.features.findings-small li { width: 239px; margin-left: 0; }
.features.findings-small a:hover .opacity { width: 239px; height: 114px; cursor:pointer; }
.features .play { width: 48px; height: 48px; position: absolute; background: url('../images/play.png'); top: 123px; left: 96px; }

/*
Multimedia css
*/
.features.small li,
.features.findings-small li { position: relative; }
.features.findings-small li { top: -8px; }
li span.media { width:34px; height:34px; position:absolute;top:130px; left:50%; margin:0 0 0 -17px; }
#search-results li span.media { top:50px; }

html.no-ie li         span.media { opacity:0.8; }
html.no-ie li a:hover span.media { opacity:1.0; }
html.no-ie li span.video { background: url('../images/btn_video_s.png') no-repeat;  }
html.no-ie li span.slideshow { background: url('../images/btn_slideshow_s.png') no-repeat; }
html.no-ie li span.audio { background: url('../images/btn_audio_s.png') no-repeat; }

html.ie7 li span.video,
html.ie8 li span.video { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_video_s_80.png); }
html.ie7 li a:hover span.video,
html.ie8 li a:hover span.video { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_video_s.png); }

html.ie7 li span.slideshow,
html.ie8 li span.slideshow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_slideshow_s_80.png); }
html.ie7 li a:hover span.slideshow,
html.ie8 li a:hover span.slideshow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_slideshow_s.png); }

html.ie7 li span.audio,
html.ie8 li span.audio { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_audio_s_80.png); }
html.ie7 li a:hover span.audio,
html.ie8 li a:hover span.audio { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_audio_s.png); }

ul.multimedia li a:hover span.media { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
ol.deep { padding: 0 10px 20px 9px; }
ul.multimedia li { opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); position: relative; }
ul.multimedia li:hover { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.multimedia li span.media { left: 120px;}
#media-sort { margin: 0 20px 0 0; float:left; }
#media-sort select, #event-filter select { font-size: 12px; color: #393536; padding: 1px; width: 106px; margin:0 0 0 5px;  }
#event-filter .multimedia-form{ padding-top:5px; }
#event-filter select  { width:210px; margin:5px 0 0 5px; }
/*#event-filter .secondary_categories{ border-top: 1px solid #E7E9ED; margin-top:10px; }*/
#media-event-filter {
/* This being used as a container so I can used absolute positioning within it */
    position : relative;
    left: 0;
    top: 0;
    height: 94px;
}
#media-event-filter form#multimedia_filters_secondary {margin-top: 10px; height: 24px; border-bottom: 1px solid #e7e9ed;}
#media-event-filter form#multimedia_filters_secondary .secondary_categories li {
    position : relative;
    left: 0;
    top: -1px;
    margin: 0 22px 0  0;
}
#media-event-filter form#multimedia_filters_secondary .secondary_categories li input { margin-right: 6px; }

#media-event-filter form#multimedia_filters_secondary .form-label {
    padding-top: 4px;

}
#media-event-filter select#filter_order {
    position: absolute;
    left: 10px;
    top: 60px;
    width: 150px;
}
#media-event-filter form#multimedia_filters_secondary ul#media-filters {
    position: absolute;
    left: 180px;
    top: 60px;
}
#media-event-filter form#multimedia_filters_secondary ul#media-filters li select {
    width: 150px;
    margin-right: 20px;
}

#page-title a.left { right:auto; }
#mediamanager-content p.date { padding-left:0; }

/* homepage carousel media icons */
.large .features li span.media { position:absolute; width:48px; height:48px; left:50%; top:181px; margin: -24px 0 0 -24px;}
html.no-ie .large .features li         span.media { opacity:0.8; }
html.no-ie .large .features li a:hover span.media { opacity:1.0; }
html.no-ie .large .features li span.video { background: url('../images/btn_video_m.png') no-repeat; }
html.no-ie .large .features li span.slideshow { background: url('../images/btn_slideshow_m.png') no-repeat; }
html.no-ie .large .features li span.audio { background: url('../images/btn_audio_m.png') no-repeat; }

html.ie7 .large .features li span.video,
html.ie8 .large .features li span.video { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_video_m_70.png); }
html.ie7 .large .features li a:hover span.video,
html.ie8 .large .features li a:hover span.video { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_video_m.png); }

html.ie7 .large .features li span.slideshow,
html.ie8 .large .features li span.slideshow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_slideshow_m_70.png); }
html.ie7 .large .features li a:hover span.slideshow,
html.ie8 .large .features li a:hover span.slideshow { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_slideshow_m.png); }

html.ie7 .large .features li span.audio,
html.ie8 .large .features li span.audio { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_audio_m_70.png); }
html.ie7 .large .features li a:hover span.audio,
html.ie8 .large .features li a:hover span.audio { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=templates/default/images/btn_audio_m.png); }

/*-------------------------------------------
    Events Calendar
-------------------------------------------*/
/* events - week */
.events li { width: 720px; float: left; border-bottom: 1px solid #e7e9ed; position:relative; }
.events p { margin: 0; }
.events-image { width: 239px; float: left; }
.events-info { width: 270px; padding: 9px 50px 0 10px; float: left; }
.events-info a { color: #393536; border-bottom: 1px solid #0bbdfe; }
.events-action { width: 141px; padding-right: 10px; float: left; }
.events-action a { display: block; width: 122px; background: #00abea url('../images/buy_tickets_arrow.gif') 7px 0 no-repeat; color: white; padding: 1px 0 0 19px; margin: 10px 0 5px 0; }
.events-action p { line-height: 17px; color: #808080; }

.lab-tour .events-image { min-height: 52px; background: #e8e9ec; }

/* events - month */
.events-month li { border-bottom: 1px solid #e7e9ed; position: relative; }

.events-month h3,
.events-month .h3 { position: absolute; top: 11px; left: 8px; margin: 0; font-size: 26px; line-height: 28px; }
.events-month h3 span,
.events-month .h3 span { font-size: 12px; display: block; margin-top: -9px; }
.events-month h3 span.end,
.events-month .h3 span.end{ display: inline; }
.events-month h3 span.day,
.events-month .h3 span.day { line-height:24px; }

.events-month ul { padding: 0 0 0 80px; }
.events-month ul li { width: 160px; border: none; padding-bottom: 8px; }
.events-month ul .image { width: 159px; border-left: 1px solid #e7e9ed; height: 107px; }
.events-month ul p { line-height: 17px; margin: 0 0 0 10px; }
.events-month ul .date { margin-top: -11px; }
.events-month .closed { height: 65px; background: #fafbfb url('../images/events_calendar_month_tick.gif') 80px 0 no-repeat; }
.events-month .closed p { margin-left: 90px; padding-top: 13px; }

a.action { color: white; background: #00abea url('../images/buy_tickets_arrow.gif') 6px -2px no-repeat; padding: 2px 3px 0 18px; margin-left: 10px; }

.events div.closed { padding: 10px 0 10px 20px; }
li.working_day { /*background: none repeat scroll 0 0 #FFFDE2;*/ }
li.working_day a {  border-bottom: 1px solid #0BBDFE; color: #393536; }
li.working_day div { padding: 10px 0 10px 10px; }

.cat { background: url('../images/dot_sprite.jpg') 0 1px no-repeat; padding-left:14px; }
.cat1 { background-position: 0 5px; }
.cat2 { background-position: 0 -75px; }
.cat3 { background-position: 0 -156px; }
.cat4 { background-position: 0 -235px; }
.cat5 { background-position: 0 -316px; }
.cat6 { background-position: 0 -395px; }

.social-count a.disqus_count {
     float:left;
}

#search-results h3 a.disqus_count,
#search-results .h3 a.disqus_count,
a.disqus_count, span.disqus_count { 
    background: url("../images/comment_bubble.png") no-repeat scroll 0 0 transparent;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    text-align: center;
    width: 20px;
    line-height: 14px;
    margin-right:5px;
    text-decoration: none;
    border-bottom: none;
}

a.disqus_count span { color: #ffffff; }
.events-info a.disqus_count { border:none; margin-left:5px; line-height:14px; }

.event-description-main {
    width: 550px;
}

.event-description-relatedlinks {
    display: none;
}

h3.closed,
.h3.closed {
    background-color: #F6F7F8;
}

#calendar ol span.inactive {
    color: #CCCCCC;
    display: block;
    height: 29px;
    padding-top: 2px;
}

a#more_dates {
    text-decoration: none;
    font-size: 15px;
}

a#more_dates:hover {
    color: #606060;
    cursor: default;
}

#signup p.error {
    background-color: #E6C0C0;
    border: 1px solid #E6C0C0;
    color: #CC0000;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    text-align: justify;
    border-spacing: 0;
    border-collapse: collapse;
}

/*-------------------------------------------
    Home Page
-------------------------------------------*/
.panel { background: white; border-bottom: 1px solid #e7e9ed; }

#main-overview h4 { margin-bottom: 19px; }
#main-overview .col-left { width: 479px; float: left; border-right: 1px solid #e7e9ed; }
html.ie7 #main-overview .col-left a { position:relative; z-index:2 }
#main-overview .col-right { width: 479px; float: left; border-left: 1px solid #e7e9ed; margin-left: -1px; }
#main-overview p { font-size: 26px; line-height: 28px; margin: -6px 10px 14px 10px; }
#main-overview p a { color: #343434; border-bottom: 1px solid #00abea; }
#main-overview p a:hover { color: #00ABEA; }

#video-container { position: relative; border-bottom: 1px solid #e7e9ed;}
#video-container .ms_video_wrap { height:156px; overflow:hidden; cursor: pointer; }
#video-container .play { display: block; width: 48px; height: 48px; position: absolute; background: url('../images/play.png'); top: 50%; left: 50%; text-indent: -500px; overflow: hidden; cursor: pointer; margin:-24px 0 0 -24px; }
#video-container #labvid { position:relative; left:0px; }

.carousel { position: relative; }
.large p { font-size: 15px; line-height: 18px; }
.large p.date { font-size:12px; }
.carousel a.note { border:0 none transparent; height:156px; width: 156px;  background: url('../images/promo_bg.png') no-repeat; position: relative; top: -160px; left: 940px; color: white; font-size: 15px; line-height: 18px; margin: 0; font-weight: bold; display:block; }
.carousel a.note:hover { background: url('../images/promo_bg_ro.png') no-repeat; }
.carousel a.note span { font-size: 15px; color: white; font-weight: bold; margin: 0; padding: 42px 25px 25px 25px;position:relative;top:25px;left:22px; }
.carousel a.note em { border-bottom: 1px solid white; font-style: normal; font-weight: normal; }

.carousel a.note span p {position:relative;top:10px;left:-7px;width:125px;}
html.iPad .carousel a.note span p {position:relative;top:-5px;left:-12px;width:125px;}

#logo_iframe { height: 440px; overflow: hidden; border: 0; }

#twitter-feed p { margin: 10px 0 16px 10px; }
#twitter-feed p span { color: #808080; }
#twitter-feed a { color: #393536; border-bottom: 1px solid #00abea; }
html.ie7 #twitter-feed span.date a { position:relative; top:6px; }

/* 2013-07-28: To remove bottom Follow social stuff */
#twitter-feed { display: none;}

p.response { margin: 0 0 0 10px; }

#main-overview a.blog-link img { margin-top:7px; display:block; }

/*-------------------------------------------
    Slideshow
-------------------------------------------*/
#slideshow { background: #e7e9ed; height: 310px; position: relative; padding-left: 38px; border-bottom: 1px solid #e7e9ed; }
#slideshow-nav { position: absolute; top: 0; left: 0; }
#slideshow-nav li { width: 30px; padding-right: 1px; }

#slideshow-nav a { background: url('../images/slideshow_arrows.png') no-repeat scroll -4px center #00abea; display: block; height: 310px; text-indent: -500px; overflow: hidden; }
#slideshow-nav .next a { background-position: -42px center; left: 30; }

#slideshow-nav a:hover { background-color:#333; background-position:-4px; }
#slideshow-nav a:active { outline: none; }
#slideshow-nav .next a:hover { background-position: -42px; }

#slideshow-info { width: 470px; background: white; position: absolute; bottom: 0; right: 0; height: 44px; }
#slideshow-info .pager { padding-bottom: 0; border-bottom: none; }
#slideshow-info p { line-height: 16px; color: #606060; margin: 7px 10px 4px 10px; }
p#slideshow-info-image-caption {
    position: relative;
    left: 58px;
    top: -19px;
    width: 400px;
}
#slideshow.single { padding-left: 0; }

#event-image { position: relative; }
#event-image .ss-wrapper { left: 62px !important; }

.ss-wrapper { overflow:hidden; width:559px; position:relative; left: 24px; height:310px; }
#slideshow-images { width:10000px; position:absolute; }
#slideshow-images li { float:left; width:559px; }

/*-------------------------------------------    
    Extended Footer
-------------------------------------------*/
#connect { background: white; }
#connect .register { width: 478px; float: left; padding: 9px 0 27px 0; margin-top: 4px; border-right: 1px solid #e7e9ed; }
#connect .register label { width: 173px; padding-left: 10px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
#connect .text { width: 251px; padding: 1px 20px 1px 2px; font-size: 12px; }
#connect .submit { margin-left: -22px; }
#connect .social { width: 241px; float: left; border-left: 1px solid #e7e9ed; margin: 4px 0 0 -1px; padding: 7px 0 27px 0; }
#connect .social p { width: 68px; padding: 0 0 0 10px; line-height: 24px; float: left; margin: 0; }
#connect .social ul { width: 135px; float: left; }
#connect .social li { width: 22px; margin-right: 3px; background: #e7e9ed; border-radius: 3px; -moz-border-radius: 3px; padding: 1px; }
#connect .social a { display: block; height: 22px; text-indent: -500px; overflow: hidden; background: url('../images/social_icons.gif') no-repeat; }
#connect .social .twitter a { background-position: 0 -22px; }
#connect .social .youtube a { background-position: 0 -44px; }
#connect .social .flickr a { background-position: 0 -66px; }
#connect .social .foursquare a { background-position: 0 -88px; }

/* 2013-07-28: To remove bottom Follow social stuff */
#connect .social {display:none;}

/*-------------------------------------------    
    Footer
-------------------------------------------*/
#footer { overflow: hidden; margin: 54px 0 0 250px; }
#footer ul { margin: 0 0 0 -7px; }
#footer li { display: inline; }
#footer li a { color: #393536; border-bottom: 1px solid #00abea; margin: 0 1px 0 4px; }
#footer li a:hover { color:#00ABEA; }
#footer p { color: #99989a; }


/*-------------------------------------------
    Template Specific
-------------------------------------------*/
/* home page */
.home #footer { margin: 37px 0 0 10px; }

/* events calendar */
.events-calendar #page-title { padding-top: 10px; }

#calendar_content .narrow { padding:10px 5px 3px 0; }

/*-------------------------------------------
	Map
--------------------------------------------*/
#map-wrapper { width:720px; position:relative; }
#map-canvas { width:100%; height:318px; position: relative; }
#map-wrapper #toggle-map { z-index:999; display:block; position:absolute; top: 5px; left: 5px; background: url('../images/explore_arrow.jpg') left center #333333 no-repeat; width:176px; height:19px; color:#fff; padding: 2px 0 0 22px; }
#map-wrapper #key { background: #ffffff; width:185px; position:absolute; top: 5px; right:5px;}
#map-wrapper #key p { background: url('../images/mapkey.jpg') no-repeat; height:20px; padding:8px 0 0 25px; vertical-align: middle; margin:0; }
#map-wrapper #key p.orange { background-position: 0 -30px; }
#map-wrapper #key p.purple { background-position: 0 -52px; }
#map-wrapper #key p.pink { background-position: 0 -78px; }

.map-popup { width: 225px; background: white; position: absolute; border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: 4px 8px 8px rgba(0, 0, 0, .4); -webkit-box-shadow: 4px 8px 8px rgba(0, 0, 0, .4); }
.map-popup a.close { display:block; width: 9px; height: 9px; background: url('../images/close.gif') no-repeat; position: absolute; top: 5px; right: 5px; text-indent: -100px; }
.map-popup p { margin: 10px; }
.map-popup p a { border-bottom: 1px solid #00ABEA; }
.map-popup .arrow { border-top: 12px solid transparent; border-right: 12px solid white; border-bottom: 12px solid transparent; line-height: 0; position: absolute; left: -12px; top: 32px; }


/*-------------------------------------------
    IE
-------------------------------------------*/
/* ie7 */
:first-child+html #top-bar .text { padding:12px 0 9px 10px; height: auto; }
:first-child+html .tabs hr { margin-top: -8px; }

/* ie6 */
*html .tabs hr { margin-top: -8px; }
*html #promo-wrap { position: relative; }
*html #promo-wrap img { border: 0 }
*html #nav-side li { position: relative; }
*html #top-bar li { zoom: 1; position: relative; display: block; overflow: hidden; }
*html #nav-side li a { zoom:1; }
*html #top-bar .text { padding: 12px 0 9px 10px; height: auto; }
*html #page-title, *html #footer { zoom: 1; }
*html .pager li { width: 25px; }
*html #overview li { zoom:1; width:360px;}
*html .features li { zoom:1; overflow:hidden; }
#fb_like_holder {
    width: 75px;
    overflow: hidden;
}

/*-------------------------------------------
    Homepage carousel small
-------------------------------------------*/
.jcarousel-skin-bgl .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: #F0F6F9;
    border: 1px solid #346F97;
    */
    background-color: #FFFFFF;
}

.jcarousel-skin-bgl .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-bgl .jcarousel-container-horizontal {
    width: 960px;
    /*padding: 20px 40px;*/
}

.jcarousel-skin-bgl .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}


.jcarousel-skin-bgl .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-bgl .jcarousel-clip-horizontal {
    width:  924px;
    height: 215px;
    left: 60px;
}

.jcarousel-skin-bgl .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-bgl .jcarousel-item {
    width: 239px;
    height: 215px;
}

.jcarousel-skin-bgl .jcarousel-item-horizontal {
    margin-left: 0;
    /*margin-right: 10px;*/
}

.jcarousel-skin-bgl .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-bgl .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-bgl .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-bgl .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    left: 30px;
    width: 30px;
    height: 215px;
    cursor: pointer;
    background: url("../images/slideshow_arrows.png") no-repeat scroll -42px center #00ABEA;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.jcarousel-skin-bgl .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-bgl .jcarousel-next-horizontal:hover,
.jcarousel-skin-bgl .jcarousel-next-horizontal:focus {
    /*background-position: -32px 0;*/
    background-color:#333;
}

.jcarousel-skin-bgl .jcarousel-next-disabled-horizontal,
.jcarousel-skin-bgl .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-bgl .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-bgl .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-bgl .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 215px;
    cursor: pointer;
    /* background: transparent url(prev-horizontal.png) no-repeat 0 0; */
    background: url("../images/slideshow_arrows.png") no-repeat scroll -4px center #00ABEA;
}

.jcarousel-skin-bgl .jcarousel-direction-rtl .jcarousel-prev-horizontal {
/*
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
*/
}

.jcarousel-skin-bgl .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-bgl .jcarousel-prev-horizontal:focus {
    /*background-position: -32px 0;*/
/*    background-position: 0 center;*/
}

.jcarousel-skin-bgl .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-bgl .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-bgl .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-bgl .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /* background-position: -96px 0; */
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-bgl .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-bgl .jcarousel-next-vertical:hover,
.jcarousel-skin-bgl .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}


.jcarousel-skin-bgl .jcarousel-next-disabled-vertical,
.jcarousel-skin-bgl .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-bgl .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-bgl .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-bgl .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-bgl .jcarousel-prev-vertical:hover,
.jcarousel-skin-bgl .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}


.jcarousel-skin-bgl .jcarousel-prev-disabled-vertical,
.jcarousel-skin-bgl .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-bgl .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-bgl .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-bgl ul.jcarousel-list {
    height: 215px;
}

/*-------------------------------------------
    Homepage carousel medium
-------------------------------------------*/
.jcarousel-skin-bgl-homepage .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: #F0F6F9;
    border: 1px solid #346F97;
    background-color: #FFFFFF;
    */
}

.jcarousel-skin-bgl-homepage .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-bgl-homepage .jcarousel-container-horizontal {
    width: 1083px;
    border-bottom: 1px solid #FFFFFF;
    /*padding: 20px 40px;*/
    
}

.jcarousel-skin-bgl-homepage .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-bgl-homepage .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-bgl-homepage .jcarousel-clip-horizontal {
    width:  1059px;
    height: 283px;
    left: 61px;
}

.findings-small .jcarousel-skin-bgl-homepage .jcarousel-container-horizontal,
.findings-small .jcarousel-skin-bgl-homepage .jcarousel-clip-horizontal {
    height: 204px;
}

.findings-small .jcarousel-skin-bgl-homepage .jcarousel-container-horizontal {
    width: 782px;
}
.findings-small .jcarousel-skin-bgl-homepage .jcarousel-clip-horizontal {
    width:  719px;
}

.jcarousel-skin-bgl-homepage .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-bgl-homepage .jcarousel-item {
    width: 360px;
    height: 283px;
}

.jcarousel-skin-bgl-homepage .jcarousel-item-horizontal {
    margin-left: 0;
    /*margin-right: 10px;*/
}

.jcarousel-skin-bgl-homepage .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-bgl-homepage .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-bgl-homepage .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-bgl-homepage .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    left: 30px;
    width: 30px;
    height: 283px;
    cursor: pointer;
    background: url("../images/slideshow_arrows.png") no-repeat scroll -42px center #00ABEA;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.jcarousel-skin-bgl-homepage .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-bgl .jcarousel-next-horizontal:hover,
.jcarousel-skin-bgl .jcarousel-next-horizontal:focus,
.jcarousel-skin-bgl-homepage .jcarousel-next-horizontal:hover,
.jcarousel-skin-bgl-homepage .jcarousel-next-horizontal:focus {
    background-color:#333;
/*    background-position: -42px center; */
}

.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-horizontal,
.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-bgl-homepage .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 283px;
    cursor: pointer;
    background: url("../images/slideshow_arrows.png") no-repeat scroll -4px center #00ABEA;
}

.findings-small .jcarousel-skin-bgl-homepage .jcarousel-next-horizontal,
.findings-small .jcarousel-skin-bgl-homepage .jcarousel-prev-horizontal {
    height: 204px;
}

.jcarousel-skin-bgl-homepage .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-bgl .jcarousel-prev-horizontal:hover,
.jcarousel-skin-bgl .jcarousel-prev-horizontal:focus,
.jcarousel-skin-bgl-homepage .jcarousel-prev-horizontal:hover,
.jcarousel-skin-bgl-homepage .jcarousel-prev-horizontal:focus {
    /*background-position: -32px 0;*/
    background-color:#333; 
/*    background-position: -2px center; */
}


.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /* background-position: -96px 0; */
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-bgl-homepage .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-bgl-homepage .jcarousel-next-vertical:hover,
.jcarousel-skin-bgl-homepage .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-bgl-homepage .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-vertical,
.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-bgl-homepage .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-bgl-homepage .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-bgl-homepage .jcarousel-prev-vertical:hover,
.jcarousel-skin-bgl-homepage .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-bgl-homepage .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-vertical,
.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-bgl-homepage .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-bgl-homepage ul.jcarousel-list {
    height: 283px;
}

.jcarousel-skin-bgl-homepage ul.jcarousel-list li {
    /* border-left: 0;
    border-right: 0;
    */
    background-color: #FFFFFF;
}

/*-------------------------------------------
    Component output only
-------------------------------------------*/
body.component { background: #ffffff; }

#component .slideshow {
    background: none repeat scroll 0 0 #E7E9ED;
    border-bottom: 1px solid #E7E9ED;
    height: 313px;
    padding-left: 38px;
    position: relative;
}

#component .slideshow #slideshow-images img {
    height: 313px;
}

#component .pad {
    padding: 15px;
}

/*-------------------------------------------
    Wide Template
-------------------------------------------*/
body.wide #content {
    width: 960px;
}

body.wide #connect {
    float: right;
}

body.wide #sidebar {
    border-right: 1px solid #E7E9ED;
    position: absolute;
    z-index: 10;
}

body.wide #page-title {
    padding: 40px 0 3px 270px;
}

/*-------------------------------------------     
    Urbanology promo 
-------------------------------------------*/
#above-component { position: relative; }
#urban-promo { position:absolute; right:2px; top:-10px; z-index: 1000; }
#urban-promo p { color: white; font-size: 15px; font-weight: bold; margin: 0; padding: 41px 23px 22px; } 
#urban-promo a { background: url("../images/promo_bg.png") no-repeat scroll 0 0 transparent; display: block; height: 156px; margin: 0 0 0 -59px; width: 156px;} 
#urban-promo em { border-bottom: 1px solid white; font-style: normal; font-weight: normal;} 
#urban-promo a:hover { background: url("../images/promo_bg_ro.png") no-repeat; } 
 
#urban-promo.small { top:-5px; right:10px; } 
#urban-promo.small a { background: url("../images/promo_bg_small.png") no-repeat scroll 0 0 transparent; width:120px; height:120px; } 
#urban-promo.small p { padding: 45px 12px 12px; } 
#urban-promo.small a:hover { background: url("../images/promo_bg_small_ro.png") no-repeat; }

/**************************************
    Sitemap
***************************************/
#mysite p {
    margin-bottom: 5px;
    margin-left: 25px;
}

#mysite ul ul {
    margin-left: 25px;
}

#mysite>ul>li {
    margin-bottom: 10px;
}

#mysite .search input#searchword {
    width: 225px; 
    padding-left: 2px;
}

#mysite .search_form {
    border: thin solid #E5E5E5; 
    margin-top: 5px; 
    width: 250px;
    margin-bottom: 10px;
}

#mysite .search_form input {
    height: 15px;
    font-size: 12px;
    line-height: 15px;
    vertical-align: text-bottom;
}

#mysite #sitemap_option {
    padding-top: 15px;
}

/*-------------------------------------------
    Press section
-------------------------------------------*/
/* Press login */
.press-login { border-bottom: 1px solid #E7E9ED; padding: 2px 0 0 12px; height: 137px; }
.press-login.logout { height: 32px; }

.press-login .text { font-size: 12px; padding: 4px 20px 1px 2px; width: 275px; display: block; margin-top: 18px; }

.press-login-foot { position: relative; padding: 12px 0 11px 0; width: 303px; }

.press-login .checkbox { margin-right: 7px; }

.press-login .login { border: none; background: #00abea; color: white; padding: 5px 22px 5px 18px; float: right; margin-top: -2px; cursor: pointer; }

/* Press article */
.article-title { border-bottom: 1px solid #E7E9ED; padding: 16px 270px 18px 10px; font-size: 24px; line-height: 28px; }

.article-subtitle { font-size: 12px; line-height: 17px; font-weight: bold; border-bottom: 1px solid #E7E9ED; padding: 13px 270px 13px 10px; }

#search-results.press h3 a span.title,
#search-results.press .h3 a span.title,
.standfirst a,
.pressimg-intro a,
.press-imgs p a,
#search-results.press p a { color: #393536; border-bottom: 1px solid #00abea; }
#search-results.press-imgs li h3 a,
#search-results.press-imgs li .h3 a { border-bottom: none; }

/* Press images list */
.pressimg-intro { background: #E7E9ED; border-bottom: 1px solid #E7E9ED; }
.pressimg-intro .inner { background: white; margin-right: 170px; padding: 9px 70px 8px 10px; overflow: hidden; zoom: 1; } 
.pressimg-intro em, .press-imgs em { font-style: normal; color: #808080; }

#search-results.press-imgs li { padding-bottom: 15px; }
#search-results.press-imgs h3,
#search-results.press-imgs .h3, #search-results.press-imgs p { margin-bottom: 11px; }
#search-results.press p { margin-bottom: 7px; }

.press-imgs a { position: relative; }
.press-imgs .download { position: absolute; width: 28px; height: 28px; background: url('../images/pressimg_icon.png') no-repeat; left: -146px; top: 39px; }

.press-imgs .play { position: absolute; width: 34px; height: 34px; background: url('../images/play_sm.png') no-repeat; left: -146px; top: 39px; }

.contentpaneopen_edit { display: none; }

/*-------------------------------------------    
    System Messages
-------------------------------------------*/
/* System Messages */
#system-message {
    margin-bottom: 10px;
    padding: 0;
}

#system-message dt {
    font-weight: bold;
    width: 100%;
}

#system-message dd {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-indent: 30px;
    width: 100%;
}

#system-message dd ul {
    list-style: none;
    padding: 10px;
    border: 1px solid #539DD3;
    background-color: #539DD3;
    color: #FFFFFF;
}

/* System Standard Messages */
#system-message dt.message {
    display: none;
}

#system-message dd.message {
    
}

/* System Error Messages */
#system-message dt.error {
    display: none;
}

#system-message dd.error ul {
    background-color: #E6C0C0;
    border: 1px solid #E6C0C0;
    color: #CC0000;
}

/* System Notice Messages */
#system-message dt.notice {
    display: none;
}

#system-message dd.notice ul {
    background-color: #EFE7B8;
    border: 1px solid #EFE7B8;
    color: #0C3569;
}

/* Debug */
#system-debug {
    color: #ccc;
    background-color: #fff;
    padding: 10px;
    margin: 10px;
}

#system-debug div {
    font-size: 11px;
}

.dewplayer_wrapper {
    width: 550px;
    background-color: #00ABEA;
    color: #333333;
}

.dewplayer_wrapper object {
	background-color: #00ABEA;
	color: #333333;
}

/*-------------------------------------------
    Stay Connected
-------------------------------------------*/
.checkboxes {
	padding-bottom: 10px;
}
.checkboxes li {
	float: left;
	margin: 0 20px 0 0;
}
.checkboxes input {
	margin: 0 6px 0 0;
}

.register form {
	padding: 2px 0 0 15px;
}

#connect .register {
	padding-bottom: 15px;
}
#connect .submit {
	width: 90px;
	height: 21px;
	background: url(../images/buy_tickets_arrow.gif) no-repeat 10px 1px #00ABEA;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	padding-left: 6px;
	margin-left: -4px;
}

/* Mon 21st May */
.register .checkboxes {
	width: 278px;
	float: left;
}

.more {
	color: #333 !important;
	border-bottom: 1px solid #00C0FF;
}
.more:hover {
	color: #309bd3 !important;
}

/*-------------------------------------------
    Newsletter Signup
-------------------------------------------*/

/* Form layout */
.form-row{
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
}
.form-row label{
	width:175px;
	float:left;
}
.form-row .text{
	float:left;
	font-size: 12px;
	padding: 1px 20px 1px 2px;
	width: 251px;
}
.form-row .submit{
	border:0;
	background: url("../images/buy_tickets_arrow.gif") no-repeat scroll 10px 1px #00ABEA;
	color: #FFF;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	height: 21px;
	margin-left: 364px;
	padding-left: 6px;
	width: 90px;
	cursor: pointer;
}

/* Form errors */
.form-row .feedback{
	display:none;
}
.error .feedback{
	display:block;
	float:left;
	margin-left:14px;
	margin-bottom:0;
}
.error input,
.error .feedback{
	color:#ff0000;
}

.subscribe-row {
	border-bottom: 1px solid #e7e9ed;
}

.subscribe-content {
	padding: 15px 10px 10px 10px;
}

.subscribe-content input.text.text-small {
    color: #808080;
}

.subscribe select {
	width: 279px;
	font-size: 12px;
	color: #393536;
	padding: 1px;
}

.form-row .text-small {
	width: 105px;
	margin-right: 10px;
}

.options-list {
	margin: 14px 0 18px -1px;
}

.options-list li {
	width: 218px;
	padding: 0 10px 18px 10px;
	border-left: 1px solid #e7e9ed;
}

.checkbox-wrap input {
	margin-right: 5px;
}

.options-text {
	height: 98px;
}
.options-text p {
	margin: 0;
	padding-top: 11px;
}
.options-img {
	display: block;
	margin-bottom: 18px;
}

.form-row.wide .submit {
	margin-left: 612px;
}

/* Footer mini-form */
.register form#signup input#email {
    color: #808080;
}

/*-------------------------------------------
    Text List
-------------------------------------------*/

.text-list li {
	border-bottom: 1px solid #E7E9ED;
	padding: 13px 130px 11px 10px;
}
.text-list p {
	margin: 0;
	color: #606060;
}

/*-------------------------------------------
    Tabs With Label
-------------------------------------------*/

p.tabs-label {
	position: absolute;
	margin: 0;
	padding: 9px 0 7px 10px;
	border-bottom: 1px solid #E7E9ED;
	zoom: 1;
	left: 0;
	top: 0;
}

.tabs-withlabel {
	position: relative;
}
.tabs-withlabel ul {
	margin-left: 50px;
}

.tabs-withlabel li {
	border: 0;
	background: url(../images/tabs-withlabel-bd.gif) right bottom no-repeat;
}


.tabs-withlabel li a {
	background-position: 68px 12px;
	height: 25px;
	padding-top: 9px;
}

a.last-minute-link {
    border-bottom: solid 1px #00abea;
}

/*-------------------------------------------
    Transcripts
-------------------------------------------*/
.blue-transcript-heading {
    width: 720px;
    margin-left: -10px;
    padding-left: 10px;
    border-top : 1px solid #e7e9ed;
    color: #00abea;
    font-size: 15px;
    display: block;
    text-align: left;
}

/*-------------------------------------------
    Folding Panel
-------------------------------------------*/
.folding-panel {
    position: relative;
    left: -10px;
    padding: 12px 30px 4px 10px;
    /*	border-bottom: 1px solid #E7E9ED; */
}

.folding-panel.border-top {
    width: 680px;
    border-top : 1px solid #E7E9ED;
}
.folding-panel.border-bottom {
    border-bottom : 1px solid #E7E9ED;
}

.folding-panel h3,
.folding-panel .h3 {
    margin-bottom : 5px;
}

.folding-panel a {
    color         : #393536;
    border-bottom : 1px solid #00c0ff;
}

.folding-panel span.foldable {
    display : none;
    color   : #808080;
}

/*-------------------------------------------
    Folding Panel for JWPlayer
-------------------------------------------*/
.folding-panel.jw-player h3 a {
    font-size: 12px;
}

/*-------------------------------------------
    Folding Panel for Embedding Multimedia
-------------------------------------------*/

/* only used by the embedded version of this stuff */
a#embed-link-button {
    display : none;
}

a.embed-link {
    position:relative;
    top:5px;
    left:12px;
    padding:3px 5px 2px 5px;
    font-family: Arial, sans-serif;
    font-size:12px;
    font-weight: 200;
    color: white;
    background-color: #00c0ff
}

.embed-folding-panel {
    display: none;
    color   : #808080;
    position : relative;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #e7e9ed;
}

.embed-folding-panel form {
    position: relative;
    left: 10px;
    width: 583px;
    height: 12px;
    padding-top: 3px;
    padding-bottom: 5px;
}

.embed-folding-panel textarea#embed-code {
    width: 583px;
    max-width: 583px;
    height: 18px;
    line-height : 18px;
    padding: 0;
	margin: 10px 0 0 10px;
	border: 1px solid #e7e9ed;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
    overflow-x: auto;
    overflow-y: hidden;
	color: #393536;
    position: absolute;
    bottom: 3px;
    left: -10px;
}

.embed-folding-panel div#embed-instructions {
    position: relative;
    left: 10px;
}

.embed-folding-panel span.foldable input {
    padding:3px 5px 2px 5px;
    font-family: Arial, sans-serif;
    font-size:12px;
    font-weight: 200;
    color:white;
    background-color:#474747;
    border: 0 none transparent;
    z-index: 1;
}

#embed-copy-code-button {
    position:relative;
    top:-24px;
    left:594px;
    border: 0 none transparent;
    padding:3px 5px 2px 5px;
    font-family: Arial, sans-serif;
    font-size:12px;
    font-weight: 200;
    color: white;
    background-color: #00c0ff;
}

#embed-close {
    cursor:pointer;
    padding:1px;
    background-color:transparent;
    position:absolute;
    top:-1px;
    left:690px;
    width:9px;
    height:9px;
}

#embed-bar {
    background-color:transparent;
    position:absolute;
    top:-11px;
    left:678px;
    width:1px;
    height:18px;
}

/* Button link */

a.btn-link {
	background-color: #00ABEA;
	color: #fff;
	padding: 3px 10px 2px 10px;
	margin-right: 5px;
}

a.btn-link:hover {
	background-color: #333;
}

/* Horizontal Radio Buttons */
.panel.highlite {
	background-color: #fafbfb;
}

.horiz-radios {
	padding: 9px 0 7px 10px;
}

.horiz-radios li {
	margin-right: 22px;
}

.horiz-radios input {
	margin-right: 6px;
}

.horiz-selects {
	margin-left: 10px;
	margin-bottom: 11px;
}

.horiz-selects li {
	margin-right: 10px;
}

.horiz-selects select {
	width: 128px;
	padding: 2px;
}

.form-label {
	margin: 8px 0 4px 10px;
}

a.block-btn {
	display: block;
	padding: 0 15px;
	margin-top: 1px;
}

a.text-link {
	color: #393536;
	border-bottom: 1px solid #00abea;
	padding-top: 1px;
}

a.text-link:hover {
	color: #309bd3;
}

.toggle-link {
	font-size: 12px;
}

.toggle-link a {
	display: block;
	padding: 9px 10px 7px 30px;
	border-bottom: 1px solid #E7E9ED;
	background: #fff url('../images/togglelink-arrow.png') top right no-repeat;
}

.toggle-content {
	background-color: #fafbfb;
}

.ordered-links {
	border-bottom: 1px solid #E7E9ED;
	padding: 9px 0 4px 9px;
}

.ordered-links li {
	margin-bottom: 8px;
}

.ordered-links a {
	margin-left: 8px;
}

.ordered-links a,
.venue-header ol p a,
.view-larger a {
	color: #393536;
	border-bottom: 1px solid #00abea;
}

.ordered-links a:hover,
.venue-header ol p a:hover,
.view-larger a:hover {
	color: #309bd3;
}

.event-info-bar a {
	color: #309bd3;
}

.event-info-bar a:hover {
	color: #393536;
	border-color: #393536;
}

.venue-title {
	padding: 9px 0 7px 10px;
}

.venue-title a,
.venue-header ol h2 a {
	color: #309bd3;
	border-bottom: 1px solid;
}

.venue-title a:hover,
.venue-header ol h2 a:hover {
	color: #393536;
	border-color: #309bd3;
}

.back-link {
	margin-bottom: 12px;
}

.title-box .back-link {
	font-size: 12px;
}

.back-link.tight {
	margin-bottom: 0;
}

.back-link a {
	color: #333;
	border-bottom: 1px solid #00c0ff;
}

.back-link a:hover {
	color: #309bd3;
}

.list-title .small {
	font-size: 12px;
}

.venue-header {
	background-color: #fafbfb;
	border-bottom: 1px solid #e7e9ed;
}

.venue-header-text {
	width: 398px;
	float: left;
	padding-top: 8px;
}

.venue-header-text p {
	font-size: 15px;
	line-height: 20px;
	margin-left: 10px;
	margin-right: 20px;
}

.venue-header-map {
	width: 322px;
	float: left;
	position: relative;
}

.view-larger {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #fff;
	border-top: 1px solid #e7e9ed;
	border-left: 1px solid #e7e9ed;
	padding: 6px 10px 5px 10px;
}

.venue-header ol {
	list-style-type: decimal;
	padding: 2px 0 17px 28px;
	color: #808080;
}

.venue-header ol li {
	float: left;
	width: 230px;
	margin-top: 14px;
}

.venue-header ol p {
	margin-bottom: 0;
}

.venue-map {
	border-bottom: 1px solid #e7e9ed;
	background: red;
	width: 700px;
}

/*-------------------------------------------
    List of Staff...
-------------------------------------------*/
.press-staff li {
    padding-top: 5px;
    padding-bottom: 15px;
}

.press-staff li img {
    padding-top: 10px;
    padding-left: 10px;

    margin-right: 0 !important;
/*    margin-right: 10px !important; */
}

.press-staff li .along-image {
  position: relative;
  left: 10px;

/*  padding-left: 10px !important; */
}