html,body {text-align:center;font:11px Arial,Helvetica,sans-serif; line-height:18px}
p,td,th {text-align:left;font:11px Arial,Helvetica,sans-serif; line-height:18px}
body {background:#f4f4f4;margin:0}
a, a:link, a:visited { color:#586c85; text-decoration:none}
a:hover,a:active {color:#586c85;border:0;text-decoration:underline}
a.more, a.more:link, a.more:visited { color:#ca003a; text-decoration:none; font-weight:bold}
a:hover,a:active {color:#000;border:0;text-decoration:underline}
a.return { color:#586c85; background:url(/images/arrow-back-grey.gif) no-repeat 0px 4px; padding-left:10px}
a.arrow { color:#586c85; background: url(/images/icon-more.png) no-repeat top right ; padding-right:14px; font-weight:bold}
form {margin:0}
h1 { font-size:14px; color:#6b839e}
h1 span { font-size:12px; font-style:normal; font-weight:normal}
h2 { font-size:12px; color:#444444; clear:both}
h3 { font-size:12px; color:#000}
h3 a, h3 a:link, h3 a:visited { font-size:12px; color:#6b839e}
h4 {font-size:12px;color:#444444;margin-top:4px;margin-bottom:4px}
h4.results { color:#000000}
h5 {font-size:12px;color:#444444;margin-top:4px;margin-bottom:0px}
fieldset {border:1px solid #e6ebee}
fieldset legend {color:#000;font-weight:bold;padding:0 5px}
fieldset div {padding:4px 10px}
fieldset label {float:left; font-weight:bold; width:120px}
img {border:0}
#wrapper { width:990px; margin-left:auto;margin-right:auto}
#container { background:url(/images/background-wrapper.gif) repeat-y top left; padding:0px 23px; text-align:left; overflow:hidden}
#header { background:#ecedf3 url(/images/background-header.jpg) no-repeat right top; height:140px; overflow:visible}
#top-menu { margin:0px; padding:8px 0px 0px 0px }
#top-menu ul {list-style:none; margin:0px; padding:0px; float:right}
#top-menu ul li { float:left; list-style:none; margin:0px; padding:0px; padding: 0px 4px; background:url(/images/arrow-white.gif) no-repeat 1px 12px; color:#FFFF; border-right:1px solid #292929; font-size: 9px; line-height:10px}
#top-menu ul li.last { border-right:0px}
#top-menu ul li a, #top-menu ul li a:link, #top-menu ul li a:visited { color:#292929; text-decoration:none}
#bsl-cuco-logo { float:left; margin-left:10px; margin-top:5px}
#menu { background:url(/images/background-menu.gif) no-repeat 0px 0px ; height:100%; overflow:auto;position:absolute; top:94px; width:980px;height:50px;; padding-left:10px; clear:both}
#menu ul {margin:0; padding:0px; }
#menu ul li { float:left; font-size:12px; font-weight:bold; color:#646565; list-style:none; white-space: nowrap; }
#menu ul li a { display:block; padding:8px 0px 9px 0px; color:#fff; font-weight:bold; background: url(/images/background_menu_item_inactive.gif) no-repeat right; font-size:13px; text-decoration:none}
#menu ul li a span { padding:10px 12px 12px 10px}
#menu ul li a:hover { text-decoration:none }
#menu ul li a:hover span { text-decoration:underline }
#menu ul li a.two {line-height:14px;}
#menu ul li.active { margin-left:-2px}
#menu ul li.active a {background:#7d8c9f url(/images/background_menu_item_active2.gif) no-repeat top right; padding:8px 0px 9px 2px; }
#menu ul li.first a {margin-left:3px;}
#menu ul li a:hover,#menu ul li a:active { }
#menu ul li.last a {padding-right:1px; background:none}
#menu ul li.last a:hover,#menu ul li.last a:active {padding-right:1px; background:none}
#columns { height:100%; overflow:auto;; clear:both}
#leaderboard { padding:4px; float:left; text-align:center}
#content-column { width:604px; float:left; color:#6d6e70; padding:0px 10px}
#quick-search-container { background:#fff ; height:100%; overflow:auto; padding:15px 0px 0px 15px; border:2px solid #868a97; margin-top:10px}
#quick-search-inner { background:fff; padding:0px 15px 15px 0px;}
#quick-search-inner h2 { font-size:14px; margin:0px; font-family:"Arial Black"; color: #3c3c3c; font-weight:normal}
#quick-search-inner h2 span { font-size:14px; margin:0px; font-family:"Arial"; font-weight:normal}
#quick-search-inner label { display:none}
#searchterms { width:280px}
#type {width:185px}
#btnSubmit { background:url(/images/background_search_button.gif) right 0px; border:0;color:#fff; font-weight:bold; height:22px; padding:0px 5px; text-transform:uppercase; font-size:12px; font-weight:bold }
#sidebar-column { width:300px; float:right; ; padding:10px; font-size:10px; }
.block { width:300px; background:#fff url(/images/background-block-footer.gif) bottom left no-repeat; margin-bottom:15px}
.block .content {padding:5px}
.block h2 { background: url(/images/background-block-header.gif) repeat-x; font-size:14px; color:#555555; font-family:"Arial Black"; margin:0; padding:5px; font-weight:normal}
#sidebar-ending { width:310px; float:right; ; margin-top:-10px}
#footer { background:url(/images/background-footer.gif) no-repeat top left; padding:10px 7px; text-align:left; font-size:11px}
#bsl-logo { width:95px; float:left; margin:10px 0px 10px 26px}
#copyrights {width:800px; padding:15px 0px; font-size:10px; color:#777; font-family:Arial, Helvetica, sans-serif}
#copyrights a { color:#777}
#links { float:right; padding:5px 0px;}
#sector-list { padding:15px ; display:block; height:100%; overflow:hidden }
#sector-list ul { margin:0; padding:0}
#sector-list ul li { list-style:none; background:url(/images/arrow-grey.gif) no-repeat 0px 6px; padding-left:12px; width:185px; height:20px; float:left; display:block; font-size:11px; color:#646464; }
#sector-list ul li a, #sector-list ul li a:link, #sector-list ul li a:visited {color: #646464 ; text-decoration:underline}
#sidebar-column p {font-size:10px}
#sidebar-column h2 { margin-bottom:2px}
#sidebar-column h3 { margin-bottom:2px}
#sidebar-column h2 a { color:#586c85}
#sidebar-column ul { margin:0; padding:0}
#sidebar-column ul li { list-style:none; background:url(/images/bullet.gif) no-repeat 0px 7px; padding-left:12px; height:20px;display:block; font-size:11px; color:#646464; }
#sidebar-column ul li a, #sidebar-column ul li a:link, #sidebar-column ul li a:visited {color: #586c85 ; text-decoration:none}
#sidebar-column .more { text-align:right; font-size:10px}
#sidebar-column .more a {color:#586c85}
#partner-list { padding:15px ; display:block; }
#partner-list ul { margin:0px; padding:0px}
#partner-list ul li { margin:0px; padding:0px; list-style:none; float:left; width:95px; height:49px; margin-bottom:10px; margin-right:4px;}
#partner-list ul li div.partner {width:95px; height:49px; ; overflow:hidden; position:absolute;}
#partner-list ul li div.partner-overlay{ position:absolute;top:0; left:0}
.guide { clear:both}
#short { font-weight:bold}
#newsletter-promo { margin-top:14px; display:block}
#newsletter-promo h2 { margin-top:0px}
.promo-picture { width:70px; height:70px; overflow:hidden; float:left; margin-right:6px; margin-bottom:6px}
.promo-text { float:left; width:200px; height:100%; overflow: hidden}
#promo { clear:both; padding:0px; margin-bottom:15px; margin-top:15px; height:100%; overflow:auto}
.promo-block { width:303px; height:130px; float:left; overflow:hidden; }
.background { width:303px; height:130px; float:left; overflow:hidden; }
.promo-block-content { width:303px; height:130px; background: url(/images/promo-box.png); margin-top:-130px ;}
/*FireFox 3*/
html>/**/body .promo-block-content , x:-moz-any-link { position:absolute;margin-top:0px}
html>/**/body .promo-block-content , x:-moz-any-link, x:default { position:absolute;margin-top:0px}
.promo-block-content h3 { padding:10px 10px 0px 10px; font-size:13px; font-weight:bold; margin:0px; ; width:240px}
.promo-block-content h3 a { }
.promo-block-content div.sub-text { color:#6D6E70; font-weight:bold; padding-left:10px; height:34px; width:220px; margin-bottom:2px; line-height:15px}
.promo-block-content div.description { color:#000; font-size:10px; padding-left:10px; height:46px ; width:220px; line-height:14px}
.promo-block-content div.read-more { font-size:9px; padding-left:10px; }
.promo-block-content div.view-all { font-size:9px; padding-right:10px; float:right }
.promo-block-content div.read-more a, .promo-block-content div.view-all a {color:#3e4a57}
.promo-block-content div.view-all a { background: url(/images/icon-more.png) no-repeat top right ; padding-right:14px}
#promo .left { margin-right:16px}
#links_listings { display:block; clear:both; margin-top:0px; margin-bottom:0px; font-size:11px;padding:8px 10px 0px 10px}
#links_listings ul { margin:0; padding:0;}
#links_listings ul li { float:left; list-style:none; font-size:9px}
#links_listings ul li a { display:block;padding :0px 7px; border-right: 1px solid #697079; color:#697079 }
#links_listings ul li a.first {padding-left:0px}
#links_listings ul li a.last { border-right:none}
#classification {padding:10px 0px; display:block; height:100%; overflow:hidden; border-top:1px solid #bcbdc0}
#classification dl {margin:0;padding:0;float:left; width:320px;padding-bottom:5px; }
#classification dl.c2 {width:250px;}
#classification dl.c3 {width:200px;}
#classification dt { float:left; background:url(/images/bullet.gif) no-repeat 0px 8px; padding-left:12px; font-size:11px; color:#646464; height:20px; }
#classification dd { font-size:11px; color:#646464; height:20px;padding-left:4px;}
#classification dd div {}
#locaties .event h3 { font-size:11px; color:#6b839e}
#locaties .event h3 a { font-size:11px; color:#6b839e}
#locaties .event .location { float:right}
#locaties .event .date {color : #666; margin-right:6px}
.home-featured-item { clear:both; padding-top:4px; margin-bottom:4px; display:block; height:100%; overflow:auto}
.home-featured-item .event-picture { float:left; width:80px; height:40px; margin-right:5px; margin-bottom:5px; overflow:hidden}
.home-featured-item .event-information {float:left; width:190px}
.home-featured-item .event-information h4 { color:#6b839e; margin-top:0px}
.home-featured-item .event-information h4 a { color:#6b839e; margin-top:0px}
.location { float:right ; padding-top:4px; padding-right:4px; display:block; margin-top:-4px; }
.event-list-item { clear:both; display:block; height:100%;}
.event-list-item .event-list-container { height:100%; overflow:auto; padding:10px 0px}
.event-list-item .event-picture { float:left; width:80px; height:62px; margin-right:5px; margin-bottom:5px; overflow:hidden; border:1px solid #ccc; vertical-align:middle; line-height:62px; margin-left:2px; background:#fff}
.event-list-item .event-picture img display:inline-block; vertical-align:middle}
.event-list-item .event-name {float:right; width:510px;}
.event-list-item .event-information {float:right; width:508px; margin-right:2px; clear:right}
.event-list-item .event-classification { font-size:10px}
.event-list-item .odd .event-name {}
.event-list-item .event-name h4 a { color:#586c85; margin-top:0px; font-size:13px; text-decoration:none}
.featured2 { background:#ebebeb url(/images/corner_bottom_featured.gif) no-repeat bottom right}
.featured2 .location {background: url(/images/corner_top_featured.gif) no-repeat top right ;}
.odd{ background:#efefef; border-top:1px solid #ccced7; border-bottom:1px solid #ccced7;}
.odd .location {}
.hidden {display:none}
#mail-a-friend-content{padding:10px}
/* Forms */
.form_container {}
.form_container .row {display:block; clear:both; padding:10px 0px}
.form_container .row label {float:left; width:90px;padding:3px 0px; font-weight:bold}
/* Paging Styles */
a.pg {color:#586c85}
span.pgs {font-weight:bold; color:#586c85}
.btn_previous {float:left}
.btn_next {float:right}
.pages {text-align:center}
a.button { width:104px; height:21px; color:#FFFFFF; background:url(/images/background_button.gif) no-repeat; display:block; font-size:12px; font-weight:bold; text-align:center}
.apply { margin : 10px 0px}
.event-buttons { float:right}
.event-buttons ul { margin:0px; padding:0px;}
.event-buttons ul li { margin:0px; padding:0px; list-style:none; float:left; margin-left:4px}
.btn_remove { float:right; padding:5px; width:16px; height:16px; position:absolute; margin-left:520px; margin-top:15px;}
.black{ color:#000000; font-size:12px; margin:4px 0px}
#tabs div a {color:#586c85; text-decoration:none}
#tabs div a:hover {color:#586c85; text-decoration:underline}
#tabs div a span {text-decoration:none}
#tabs div a.button {color:#fff; text-decoration:none}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
background:url(/images/background_tabset.gif) no-repeat 0px 3px;
}
.ui-tabs-panel a:hover {
text-decoration:underline
}
.ui-tabs-nav {
list-style: none;
margin: 0;
font-size: 10px;
font-weight:bold;
padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 54px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px 0 7px;
background: url(/images/tab.png) no-repeat;
}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #6b839e;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #333;
}
.ui-tabs-nav a span {
width: 34px; /* IE 6 treats width as min-width */
min-width: 34px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
padding: 1em 8px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}