html,body {text-align:center;font:11px Verdana,Helvetica,sans-serif; line-height:18px}
p,td,th {text-align:left;font:11px Verdana,Helvetica,sans-serif; line-height:18px}
body {background:#b2b3b6;margin:0}
a, a:link, a:visited { color:#000; text-decoration:none}
a:hover,a:active {color:#000;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:#6d6e70; background:url(/images/arrow-back-grey.gif) no-repbtn_removeeat 0px 4px; padding-left:10px}
a.arrow { color:#af006e; background: url(/images/icon-more.png) no-repeat top right ; padding-right:14px; font-weight:bold}
form {margin:0}
h1 { font-size:14px; color:#af006e}
h1 span { font-size:12px; font-style:normal; font-weight:normal}
h2 { font-size:12px; color:#af006e; clear:both}
h3 { font-size:12px; color:#6d6e70}
h3 a, h3 a:link, h3 a:visited { font-size:12px; color:#af006e}
h4 {font-size:12px;color:#af006e;margin-top:4px;margin-bottom:4px}
h5 {font-size:12px;color:#af006e;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:998px; 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:#FFF url(/images/chicken.gif) no-repeat right top; height:170px; overflow:visible}
#top-menu { margin:4px 0px }
#top-menu ul {list-style:none; margin:5px 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 #646464; font-size: 9px; line-height:11px}
#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:#646464}
#bsl-cuco-logo { clear:both}
#menu { background:url(/images/background_menu.gif) no-repeat 0px 4px ; height:100%; overflow:auto; margin:22px 0px 15px 0px; position:absolute; top:95px; width:100%;height:50px; width:952px}
#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:11px 0px; color:#646565; font-weight:bold; background: url(/images/background_menu_item_inactive.gif) no-repeat right;}
#menu ul li a span { padding:10px 12px 10px 10px}
#menu ul li a.two {line-height:14px;}
#menu ul li.active a {color:#af2072; text-decoration:none; display:block; margin-left:-2px; display:block; background: url(/images/background_menu_item_active.gif) no-repeat top right; border-left: 1px solid #e5e6e6 }
#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; background:url(/images/background_sidebar.gif) repeat-y right top}
#leaderboard { padding:4px; float:left; text-align:center}
#content-column { width:625px; float:left; color:#6d6e70}
#quick-search-container { background:#e7e7e8 url(/images/background_sidebar_top.gif) no-repeat right top; height:100%; overflow:auto; padding:15px 0px 0px 15px}
#quick-search-inner { background:url(/images/background_sidebar_bottom.gif) no-repeat right bottom; padding:0px 15px 15px 0px}
#quick-search-inner h2 { font-size:12px; margin:0px}
#quick-search-inner label { display:none}
#searchterms { width:280px}
#type {width:190px}
#btnSubmit { background:url(/images/background_buttons.gif) no-repeat right 2px; border:0;color:#fff; font-weight:bold; height:24px; padding:3px 5px; }
#sidebar-column { width:300px; float:right; background:#e7e7e8 url(/images/background_sidebar_top.gif) no-repeat right top; padding:5px; font-size:10px; }
#sidebar-ending { width:310px; float:right; background:url(/images/background_sidebar_bottom.gif) no-repeat right top; 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:85px; float:left; margin:10px 0px 10px 16px}
#copyrights {width:800px; padding:10px 0px; font-size:9px; color:#FFF}
#copyrights a { color:#FFF}
#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 h2 a { color:#af006e}
#sidebar-column ul { margin:0; padding:0}
#sidebar-column ul li { list-style:none; background:url(/images/arrow-grey-grey.gif) no-repeat 0px 6px; 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: #646464 ; text-decoration:underline}
#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}
#newsletter-promo .promo-picture { width:70px; height:70px; overflow:hidden; float:left; margin-right:6px; margin-bottom:6px}
#newsletter-promo .promo-text { float:left; width:220px; 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:12px; margin-bottom:0px; font-size:11px; }
#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:350px;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:#ae006e}
#locaties .event h3 a { font-size:11px; color:#ae006e}
#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:210px}
.home-featured-item .event-information h4 { color:#ae006e; margin-top:0px}
.home-featured-item .event-information h4 a { color:#ae006e; margin-top:0px}
.location { float:right ; color:#ae006e; padding-top:4px; padding-right:4px; display:block; margin-top:-4px; }
.event-list-item { clear:both; padding-top:10px; margin-bottom:10px; border-top:1px solid #bcbdc0; display:block; height:100%;}
.event-list-item .event-list-container { margin-top:10px; height:100%; overflow:auto; padding-bottom:4px}
.event-list-item .event-picture { float:left; width:80px; height:62px; margin-right:5px; margin-bottom:5px; overflow:hidden}
.event-list-item .event-name {float:right; width:538px;}
.event-list-item .event-information {float:right; width:536px; margin-right:2px; clear:right}
.event-list-item .odd .event-name {}
.event-list-item .event-name h4 a { color:#ae006e; margin-top:0px}
.featured { background:#ebebeb url(/images/corner_bottom_featured.gif) no-repeat bottom right}
.featured .location {background: url(/images/corner_top_featured.gif) no-repeat top right ;}
.odd { background: #f3f3f3 url(/images/corner_bottom.gif) no-repeat bottom right}
.odd .location {background:url(/images/corner_top.gif) no-repeat top right;}
.odd{ background:#ebebeb url(/images/corner_bottom_2.gif) no-repeat bottom right}
.odd .location {background: url(/images/corner_top_featured.gif) no-repeat top right ;}
.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:#ae006e}
span.pgs {font-weight:bold; color:#ae006e}
.btn_previous {float:left}
.btn_next {float:right}
.pages {text-align:center}
a.button { width:104px; height:20px; color:#FFFFFF; background:url(/images/background_button.gif) no-repeat; display:block; font-size:10px; 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;}
/* 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 {
font-family: Verdana, Helvetica, Arial, sans-serif;
background:url(/images/background_tabset.gif) no-repeat 0px 3px;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
font-size: 10px;
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: #747575;
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: #af2072;
}
.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;
}