@import url(/css/news.css);
@import url(/css/datePicker.css);

h2.pgtitle {
 padding:11px 14px 3px 10px;
 font-size:1.167em;
 margin-bottom:0px;
}

/**
stripcalendar
**/

div#stripcalendar{
  margin:0px 0px 6px 0px;
  width:100%;
  border-bottom:solid 2px #d6d6d6;
}

ul#stripcalendarlinks{
  border:solid 1px #d6d6d6;
  width:640px;
  padding:0;
  margin:0px auto 10px auto;
  list-style:none;
  overflow:hidden;
}

div#stripcalendar ul li{
  display:inline;
  float:left;
  min-width:25px;
  padding:0px 0;
  margin:0;
  text-align:center;
}

ul#stripcalendarlinks li.current{
  background:#2384C6;
}

ul#stripcalendarlinks li.current a{
  color:#ffffff;
}

ul#stripcalendarlinks li a{
  color:#000;
  font-weight:bold;
  display:inline-block;
  padding:4px;
}



ul#stripcalendarlinks li a:hover{
  background:#2384C6;
  color:#ffffff;
}

ul#stripcalendarlinks li.first {
  margin-left:6px;
}

ul#stripcalendarlinks li.first a{
  text-align:left;
}

ul#stripcalendarlinks li.last a{
  text-align:right;
}

#stripcalendarform{
  margin:0px;
  padding:0px;
}


div#stripcalendar div#filter{
  background:#ffffff;
  border-top:solid 2px #d6d6d6;
  border-bottom:solid 2px #d6d6d6;
  padding:14px 10px;
}

div#stripcalendar label{
  font-weight:bold;
  color:#2484c6;
}

input#searchform_submit_btn,
div#stripcalendar p.fakebutton  {
  border:solid 1px #b7b6b6;
  background:#ffffff;
  color:#2484c6;
  line-height:16px;
  width:98px;
  height:18px;
  vertical-align:top;
}

div#stripcalendar p.fakebutton {
  height:16px;
  float:right;
  margin-left:4px;
  text-align:center;
  padding:0px;
}

div#stripcalendar p.fakebutton a {
  color:#2484c6;
  font-weight:normal;
}


input#eventsearchkeyword{
  font-size: 1em;
  padding: 0px;
  width:163px;
}

div#stripcalendar select {
  font-size: 1em;
}

div#stripcalendar input.submit {
  background:url(/img/btn-events-search.gif) 0% 0% no-repeat;
  width:68px;
  height:18px;
  color:#ffffff;
  border:none;
  font-size:0.833em;
  font-weight:bold;
  cursor:pointer;
}

div#stripcalendar input.submit.over {
  background:url(/img/btn-events-search.gif) 0% 100% no-repeat !important;
}


/*****************************************************************
* Recordset paging
*****************************************************************/

ul.paging {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}
ul.paging {
  display: block;
}
ul.paging li {
  float: left;
  margin: 0;
  padding: 0;
}
ul.paging li.left {
  width: 90px;
}
ul.paging li.right {
  width: 90px;
  text-align: right;
}
ul.paging li.middle {
  width: 380px;
  text-align: center;
}



/*****************************************************************
* Actual Results
*****************************************************************/

ul#featuredevents,
ul#events{
  margin: 0 10px 10px 10px;
  padding: 0;
  overflow:hidden;
  width:100%;
}

ul#featuredevents li,
ul#events li{
  margin: 0px;
  padding: 6px 0 6px 0;
  border-bottom: 1px solid #ccc;
  width:95%;
  overflow:hidden;
  display:block;
}

ul#events li {
  border:0px;
  padding:3px 0px;
}

ul#featuredevents li {
  width:285px;
  min-height:250px;
  /*height:auto !important;*/
  height:250px;
  overflow:hidden;
}

ul#featuredevents li.left {
  float:left;
  margin-right:20px;
  margin-left:2px;
}

ul#featuredevents li.right {
  float:right;
  margin-right:20px;
}

ul#events li.alternate{
  background:#FFFFFF;
}


ul#featuredevents li div.dateinfo{
  float:left;
  font-weight:bold;
  width:190px;
  margin-right:8px;
}

ul#featuredevents li div.img{
  float:right;
  width:83px;
  height:89px;
  border:solid 1px #243d85;
  margin-bottom:6px;
}

ul#events li.featured {
  position:relative;
  border-top:solid 2px #d6d6d6;
  margin:20px 0px 10px 0px !important;
  padding:20px 0px;
}

li.featured h3 {
  width:480px;
}

li.featured div.img {
  position:absolute;
  top:10px;
  right:0px;
  float:right;
  width:83px;
  height:89px;
  border:solid 1px #243d85;
  margin-bottom:6px;
}

ul#featuredevents li p.summary{
  height:93px;
  width:190px;
  overflow:hidden;
  float:left;
}

ul#events li.featured p.summary{
  width:100%;
  clear:both;
  padding-top:12px;
}


ul#featuredevents div.eventinfo {
  width:90%;
  clear:both;
}

ul#events li.featured div.eventinfo {
  width:90%;
  clear:both;
}

div.eventinfo ul {
  margin:0px !important;
  padding:0px !important;
}

div.eventinfo ul li{
  min-height:19px;
  border:0px !important;
  margin:0px !important;
  padding:0px !important;
}

ul#events li.featured div.eventinfo ul li.eventtime,
ul#featuredevents li div.eventinfo ul li.eventtime{
 font-size:0.846em;
 background:url(/img/events-icon-time.gif) no-repeat;
 padding-left:21px !important;
 float:left;
 width:90px;
 w\idth:70px;
}

div.expired ul li.eventtime,
div.expired ul#events li.featured div.eventinfo ul li.eventtime,
div.expired ul#featuredevents li div.eventinfo ul li.eventtime{
  background:url(/img/expired-events-icon-time.gif) no-repeat !important;
}

ul#events li.featured div.eventinfo ul li.eventvenue,
ul#featuredevents li div.eventinfo ul li.eventvenue{
 font-size:0.846em;
 background:url(/img/events-icon-location.gif) no-repeat;
 padding-left:21px !important;
 float:left;
 width:190px;
 w\idth:170px;
}

div.expired ul li.eventvenue,
div.expired ul#events li.featured div.eventinfo ul li.eventvenue,
div.expired ul#featuredevents li div.eventinfo ul li.eventvenue{
  background:url(/img/expired-events-icon-location.gif) no-repeat !important;
}

ul#featuredevents li.first,
ul#events li.first {
 border-top:0px !important;
}

ul#featuredevents li.last,
ul#events li.last {
 border-bottom:0px !important;
}



ul#events li div.eventinfo{
  width:75%;
  float:left;
}

div.dateinfo ul {
  margin:0px;
  padding:0px;
}

div.dateinfo ul li {
  list-style:none;
  background:none;
  border-bottom:0px !important;
}
ul#events li div.dateinfo div,
ul#events li div.dateinfo span{
 font-weight:bold;
}
ul#events li div.dateinfo span{
 padding:3px;
}

div.dateinfo span.day{
  color:#ed1c28;
}

div.dateinfo span.month{
  color:#ed1c28;
}

div.dateinfo span.time{
  color:#000000;
}

div.centre{
  text-align:center;
  font-size:smaller;
}

ul#events li div.info,
ul#events li div.info-withscore {
  width:90%;
  float:left;
}

ul#events h3,
ul#featuredevents h3 {
  margin-bottom: 0;
  text-transform:none !important
}

div.info h3 a, div.info-withscore h3 a{
  /*color:#ed1c28 !important;*/
}

ul#events li div.info p.summary a {
  color: #2384C6;
}


div.dateinfo {

}

div.dateinfo div.date{
  width:41px;
  height:49px;
  background:url(/img/events-date-bg.gif)  no-repeat;
  float:left;
  padding:0px;
  margin:0px 6px 6px 0px;
}

div.expired div.date{
  background:url(/img/expired-events-date-bg.gif)  no-repeat;
  color:#565656;
}

div.expired a,
h5.expired a,
h5.expired {
  color:#565656 !important;
}

div.dateinfo div.date p{
  text-align:center;
  width:41px !important;
  margin:18px 0px 3px 0px !important;
  padding:0px !important;
  line-height:1em;
}

div.dateinfo div.date p span.datum {
  font-size:1.615em;
  font-weight:bold;
  margin:0px;
}

div.dateinfo div.date p span.monat {
  font-size:0.615em;
  margin:3px auto;
}

/** Submission Form /**/
/**To Be hidden and put in a thickbox**/
/*
#eventssubmissionform,
#eventssubmissionformresponse{
  margin:7px;
  display:none;
  border:solid 3px #E7E8E8;
}
*/

div.submitbtn {
  text-align:right;
}

a#submiteventlink {
  background:url(/img/btn-events-submit.gif) 0% 0% no-repeat;
  height:18px;
  width:95px;
  color:#ffffff;
  font-size:0.833em !important;
  foint-weight:bold;
  display:inline-block;
  text-align:center;
  line-height:18px;
  font-weight:bold;
}

a#submiteventlink:hover {
  background:url(/img/btn-events-submit.gif) 0% 100% no-repeat;
}

#TB_ajaxWindowTitle{
  font-size:1.165em;
  font-weight:bold;
  color:#2484C6;

}

form.submission-form {
  margin: 2em 1em;
}
form.submission-form div.form-element{
  overflow: hidden;
  padding: 0 0 5px 0;
  display: block;
}
form.submission-form div.form-element{
  display: block;
}
form.submission-form div.form-element div.label,
form.submission-form div.form-element label{
  float: left;
  display: block;
  width: 75px;
  margin-right: 5px;
}

form.submission-form div.form-element label {
font-weight:bold;
}

/**tex are label are full width no-float;*/
form.submission-form div.form-element label.ta {
  width:100%;
  float:none;
  text-align:left;
}

form.submission-form div.form-element input {
  width:500px;
}
form.submission-form div.form-element textarea {
  width:580px;
}

div.form-element input#event_email_field,
div.form-element input#event_telephone_field,
div.form-element input#event_website_field,
div.form-element input#event_price_field {
  float:left;
  width:120px !important;
}

form.submission-form #text_start_time,
form.submission-form #text_end_time {
  width: 50px;
}

form.submission-form #text_start_date,
form.submission-form #text_end_date {
  width: 80px;
}

span.compulsory {
color:#2384c6;
}


ul#events-selector{
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
  float: none;
  clear: both;
  width: 100%;
}

ul#events-selector li{
  overflow: hidden;
  float: left;
}

input.error,
input.red{
  border: 1px solid #b00 !important;
  background:#FFEFEF;
}

#submitform.featured label.error {
  display:none !important;
}



ul#errors{
  border: 2px solid #900;
  background-color: #ffdddd;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px;
  list-style:none;
}

form#month-picker {
  float: right;
}



div.article {
  padding:12px;
  width:665px;
  w\idth:641px;
}



div#onevent img.eventimg {
  float:right;
}


#event-title {
margin-bottom:12px;
}

div#onevent ul.eventinfo {
  list-style:none;
  margin:0px 0px 12px 0px;
  padding:0px;
}

div#onevent ul.eventinfo li {
  margin:0px;
  padding:0px;
}




/***************************************************************************************************
* Override default Slideshow Elements
***************************************************************************************************/

div#main-body-content div#slideshow{

  overflow:hidden;
  margin:8px 6px 0px 9px;
  position:relative;


  width:640px;
  height:182px;
  float:none;
  background:cfffcf;
}


div#slideshow div#slides{
  width:636px;
  height:158px;
}

div#slides div.slide{
  width:636px;
  height:158px;
}

div.slide div.textbg{
 right:0px;
 left:auto;
 float:right;
 background:#231f20;
 opacity:0.7;
 filter:Alpha(opacity=70);
 width:318px;
 height:118px;
}

div.slide div.text{
 right:6px;
 left:auto;
 width:306px;
 height:100px;
}

/**
* Custom SLide Layouts for large slideshow only
**/
div#slides div.text-top  div.textbg {
 right:0px;
 left:0px;
 top:0px;
 float:none;
 width:100%;
 height:60px;
}
div#slides div.text-top div.text {
 right:6px;
 left:6px;
 top:6px;
 width:95%;
 height:50px;
 overflow:hidden;
}

div#slides div.text-top-right  div.textbg {
 top:0px;
 bottom:auto;
 right:0px;
 left:auto;
 float:right;
}
div#slides div.text-top-right div.text {
 top:6px;
 bottom:auto;
 right:6px;
 left:auto;
}

div#slides div.text-right  div.textbg {
 right:0px;
 left:auto;
 float:right;
 width:50%;
 height:100%;
}
div#slides div.text-right div.text {
 right:6px;
 left:auto;
 top:6px;
 width:48%;
 height:95%;
}

div#slides div.text-bot-right div.textbg {
 top:auto;
 bottom:0px;
 right:0px;
 left:auto;
 float:right;
}
div#slides div.text-bot-right div.text {
 right:6px;
 left:auto;
}

div#slides div.text-bottom  div.textbg {
 right:0px;
 left:0px;
 bottom:0px;
 float:none;
 width:100%;
 height:60px;
}
div#slides div.text-bottom div.text {
 right:6px;
 left:6px;
 bottom:6px;
 width:95%;
 height:50px;
 overflow:hidden;
}

div#slides div.text-bot-left div.textbg {
 top:auto;
 bottom:0px;
 right:auto;
 left:0px;
 float:left;
}
div#slides div.text-bot-left div.text {
 left:6px;
 right:auto;
}

div#slides div.text-left div.textbg {
 left:0px;
 right:auto;
 float:left;
 width:50%;
 height:100%;
}
div#slides div.text-left div.text {
 left:6px;
 top:6px;
 right:auto;
 width:48%;
 height:95%;
}

div#slides div.text-top-left  div.textbg {
 top:0px;
 bottom:auto;
 right:auto;
 left:0px;
 float:left;
}
div#slides div.text-top-left div.text {
 top:6px;
 bottom:auto;
 right:auto;
 left:6px;
}




div.slide div.text h2,
div.slide div.text h2 a
 {
 font-size:1.125em;
 color:#ffffff;
}

div#slidenos{
  margin-left:0px;
  margin-right:px;
  text-align:right;
  width:173px;
  float:right;
  clear:left;
}

div#slidecontrols{
  width:70px;
  float:right;
}

/*
div#slidecontrols #sp,#ss,#sn {
  float:right;
  height:17px;
  width:49px;
  margin-left:1px;
}
*/
/*
div#slidecontrols #ss {
  width:50px;
}

#spa,#ssa,#sna{
  padding:0px !important;
  width:49px;
  height:17px;
  display:block;
}
/*
/*********************************************************
* Google Map
**********************************************************/

#mapContainer {
  width:644px ;
  height:370px ;
  border:solid 1px #d6d6d6;
}


/**
* Lightbox Form
**/


a.submitbtn,
input.submitbtn {
  background:url(/img/btn-submit-plain.gif) 0px 0px no-repeat;
  height:21px !important;
  width:76px !important;
  display:inline-block;
  text-align:center;
  font-weight:normal;
  font-size:0.846em;
  line-height:21px;
  color:#000000;
  border:0px;
}

#main-col a.submitbtn:hover,
input.submitbtn:hover,
input.submitbtn.over {
  text-decoration:none !important;
  background:url(/img/btn-submit-plain.gif) 0px -21px no-repeat;
}


#TB_ajaxContent form {
  padding:10px;
  width:550px;
}

#TB_ajaxContent form label {
  width:100%;
  clear:both;
  float:none;
}

#TB_ajaxContent form textarea {
  width:80% !important;
}

#TB_ajaxContent form input {
  width:80%;
}

#TB_ajaxContent form div#submitlabel {
  display:none;
}