/*Whats on Styles Start */
/* WHATS ON - EVENT STYLES */

.section-whatson-standard .more-info {
    color: #EC4705;
    float: left;
    font-weight: bold;
    position: relative;
    text-align: right;
    top: 2px;
    width: 595px;
}

.SimpleSearchRow1,.SimpleSearchRow2 {height:90px;}

.tabs {cursor:pointer;}
.Events {

    padding: 0 10px 10px;
    position: relative;
	float:left;

} 

/* NEW WHATS ON BANNER START */
/* WHATS ON */

 .top-banner-outer {overflow:visible !important}
.whatson-banner label{padding:5px}
.tab-cont{display:none;float:left;width:100%}
.whatson-banner h1{float: none;font-size: 280%;margin: 30px auto 0;padding: 10px;text-align: right;width: 95%;}
.whatson-banner h2 {font-size: 120%;margin:0 0 32px 0;padding:10px;text-align: right;width: 96%;}
#tabs-wrapper{width:422px}
#tabs-container{float:left;width:100%}
#tabs{font:90% arial;font-weight:700;list-style:none;margin:0;padding:0}
#tabs li{display:inline;float:left;margin:0 5px 0 0}
div #tabs li a{background:url(/images/whatson-tab-corners.png) no-repeat #888C95 center;color:#fff;display:block;float:left;outline:none;padding:10px;text-align:center;text-decoration:none;width:120px}
#tabs-cont-container{background:#fff;float:left;margin:10px 0 0;padding:0 0 10px;width:100%}
div #tabs li a:hover,div #tabs li.active a,div #tabs li.active a:hover{background:url(/images/whatson-tab-corners.png) no-repeat #EC4705 center}

div.whatson> input[type=submit] {cursor:pointer}

#tab1 div.whatson input {border:1px solid #000;width:auto}
#tab1 div.whatson select{width:130px;border:1px solid #000}
#tab1 .search > * {float:left;margin:0 2px}
#tab1 div.whatson> input[type=submit]{background:url(/images/Small-Search.gif) no-repeat scroll center center transparent;color:transparent;float:right;height:25px;width:30px;text-indent:-999px;border:none}
#tab1{height:200px;background-position:center;background-repeat:no-repeat}
#tab1 .search{color: #FFFFFF;float: none;margin: 0 auto;width: 930px;}

#tab2 div.whatson{float:none;margin:0 auto;width:80%}
div #tab2 h2{float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:300%;font-weight:100;width:450px;margin:10px;text-align:left}
#tab2 .whatson > label:first-child {clear:left}
#tab2 div.whatson > select{float:right;width:150px}
#tab2>div.whatson input.adv-keyword {clear:right;width:336px}
#tab2>div.whatson>div.location{float:right;width:260px}
#tab2>div.whatson>div.location>label {float: left;text-align: left;width: 60px;}
#tab2 h3{float:left;font-size:200%;height:30px;padding:20px 8px;text-align:right;width:430px}
#tab2 label{clear:left;float:left;text-align:center;width:100px;font-weight:bold}
#tab2 div.whatson> *{float:left;margin:5px;clear:right}
#tab2 div.whatson> input[type=submit]{background:url(/images/Advance-Search-Btn.jpg) no-repeat scroll center center transparent;color:transparent;float:right;height:50px;width:145px;margin:5px 0}
#tab2 .category{float:right;padding:5px 0;text-align:left;width:145px}
#tab2 .dr{clear:none} 

#tab3 input{background:none;border:none}
#tab3 table.CalendarView{width:940px}
#tab3 td{text-align:center;color:#fff;vertical-align:middle}
#tab3 .CalMonths input,#tab3 .CalYears input {display:block;padding:1px !important;margin:0;}
#tab3 .CalMonths td,#tab3 .CalYears td{padding:0;border-collapse:collapse;background:#213a72}
#tab3 .CalendarViewInner{width:940px}
#tab3 table.CalendarViewInner table.Calendar{width:650px} 
#tab3 table.CalendarViewInner table.Calendar td{padding:5px;height:25px;width:95px}
#tab3 table.CalendarViewInner table.Calendar th{font-weight:100;padding:10px;text-align:center;height:25px;vertical-align:middle}
#tab3 table.CalendarViewInner .CurrentDay{width:100%}
.EventBox{position:absolute;z-index:500;padding:10px;width:190px;overflow:hidden;text-align:left}

/* NEW WHATS ON BANNER COLOUR */
.whatson-banner h1 {color:#D3161E}
div.whatson> input[type=submit] {border:none}
#tab2 {background:#f3f1f2}
#tab2 label {color:#000}
div #tab2 h2 {background:none;color:#683F6D}
div #tab2 h3 {color:#EC4705}
#tab2 div {color:#000}
#tab3 {background:#F4F1F1}
#tab3 table.CalendarView {background:#F4F1F1}
#tab3 .CalMonths td,#tab3 .CalYears td {border-bottom:1px solid #fff;background:#E4DCDB}
#tab3 .CalendarViewInner .Calendar td {border-right:1px solid #fff;border-bottom:1px solid #fff}
#tab3 .CalendarViewInner .Calendar th {background:#213a72;color:#fff;border: 1px solid #F4F1F1}
#tab3 .CalendarViewInner .Calendar th.weekend {background:#2a56b9}
#tab3 .CalendarViewInner .CurrentDay {background:#5C6889;color: #FFFFFF}
#tab3 .DayOn {background:#5c6889}
#tab3 .CalMonths td.date-on, #tab3 .CalYears td.date-on,#tab3 .CalendarViewInner .Calendar td.date-on {background:#EC4705}
#tab3 .DayOn:hover {background:#EC4705}
#tab3 .DayOff {background:#c3c2c6}
#tab3 input:hover {color:#fff}
#tab3 .CalYears td.YearUp input, #tab3 .CalYears td.YearDown input {background:#213a72;color:#FFF}
#tab3 .CalMonths td:hover input, #tab3 .CalYears td:hover input,.CalMonths td:hover, #tab3 .CalYears td:hover {background:#EC4705;color:#fff}
#tab3 input:hover {color:#fff}
.EventBox h3 {color:#ec4705}
.EventBox {background:#fff;color:#000;border:1px solid #666} 
/* NEW WHATS ON BANNER END */


.event-add {margin:10px 0}
.event-add table {float:left;}
.event-add th {padding:5px;}
.event-add td {padding:5px;}

.event-edit {margin:10px 0}
.event-edit th {padding:5px;}
.event-edit td {padding:5px;}

.section-whatson-featured {height:280px;float:left;width:617px;}

.section-whatson-featured .section-box-header {
background: url(/images/Headers-Right-Bottom-Corner.png) right center no-repeat #D3161E;
height: 33px;
overflow: hidden;
padding: 0;
position: relative;
width: 619px;
}

.section-whatson-featured .listing-left h2,.section-whatson-featured .listing-left h3 {

    background: none repeat scroll 0 0 transparent !important;
    display: block !important;
    float: left;
    font-size: 150% !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 8px 5px !important;
    width: 605px !important;
	line-height:18px;

}

.section-whatson-featured .section-box {background:url("/images/whatson/bottom-line-red.gif") repeat-x scroll center bottom transparent !important;}
.section-orange-cal .section-box-header {background:#E66100;}

#calpartheader {
background-image:url(images/calpartheadergreen.png);
background-repeat:repeat-x;
height:40px;
padding:0;
width:175px
}

.calpart {
background-color:#212121;
background-image:url(images/calpartfooter.png);
background-position:bottom;
background-repeat:repeat-x;
margin-bottom:10px;
margin-top:5px;
overflow:hidden;
padding:0 0 15px;
width:175px
}

table.caltable {
background-color:#686b6d;
color:#FFF;
font-family:arial;
font-size:80%;
text-align:center;
text-decoration:none;
vertical-align:middle;
}

table#caltableheader {
background-color:#52be61;
text-align:center
}

table.caltable td {
    background: none repeat scroll 0 0 #B3B4B7;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    height: 25px;
    overflow: hidden;
    text-align: center;
}

table.caltable td.dayon:hover {background: none repeat scroll 0 0 #EC4705;}
table.caltable td.dayoff:hover {background: none repeat scroll 0 0 #CCC;}

table.caltable th {
    background: none repeat scroll 0 0 #888C95;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 180%;
    font-weight: bold;
    height: 28px;
    overflow: hidden;
    text-align: center;
}

table.caltable td a:hover {
background:#8d8f92;
color:#fff;
display:block;
height:100%;
padding:5px 0 0;
text-decoration:underline;
width:100%
}


.CalendarDays {

	cursor: pointer; 
	cursor: hand; 
	background-color: transparent; 
	border: 0;
	color:#fff;
	font-family: arial;
	font-size: 140%;
	margin: 0;
	padding: 0;
	width:42px;
	height:25px

}

#caltop {
background-color:#828282;
color:#FFF;
font-family:arial;
height:27px;
overflow:hidden;
width:298px
}

#calh2 {
color:#FFF;
float:left;
font-family:arial;
font-size:140%;
height:17px;
margin:0;
padding:5px 0;
text-align:center;
vertical-align:middle;
width:267px
}

.calpart1header {
background-color:#000;
float:none;
height:26px;
padding:0;
position:relative;
top:0;
width:175px
}

.section-whatson-featured .content,.section-whatson-standard .content {
height:210px!important;
padding:0!important
}

.abstract-div {

    margin: 10px 0;
    overflow: hidden;
    padding: 0 10px;
    width: 599px;

}

.listing-collapse {width:619px;}

.listing-inner-collapse {margin:0 0 10px 0;}

.description {    
    float: left;
    overflow: hidden;
    padding: 0 0 0 10px;
    width: 580px;
}

.listing-inner img,.listing-inner-collapse img {float:left;}

.section-whatson-standard {
    border-bottom: 1px solid #EC4705;
    float: left;
    margin: 0 0 20px;
    width: 619px;
}


.section-whatson-standard .section-box {
height:195px!important;
background:none !important;
}

.section-whatson-standard .listing-top-info {
    background: none repeat scroll 0 0 #E2E1E6;
    color: #000000;
    margin: 0 0 10px;
    min-height: 27px;
    padding: 10px 5px 0;
    width: 609px;
}
.section-whatson-standard table td {padding:0 10px}
.section-whatson-standard table span {font-weight:bold;}
.section-whatson-standard .listing-left {height:auto;padding:0px;width:610px !important;}
.section-whatson-standard .listing-left h3 {

    background: none repeat scroll 0 0 #E2E1E6 !important;
    border: medium none !important;
    color: #000000 !important;
    float: left;
    font-size: 140% !important;
    line-height: 17px;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 0 5px !important;
    text-align: left !important;
    width: 610px !important;

}
.section-whatson-standard .listing-right {background: none repeat scroll 0 0 #E2E1E6;color: #000000;height: auto;padding:5px;float:right;width:400px;}

.section-whatson-standard img {
    margin: 0 10px 0 0;
    padding: 0;
}

.listing-left {
float:left;
height:auto;
width:45%
}

.listing-left h3 {
height:20px;
margin:0!important;
padding:0!important
}

.listing-right {
    color: #FFFFFF;
    float: right;
    height: 17px;
    margin: 0;
    padding: 8px;
    text-align: right;
    width: 200px;
}

.listing-top-info {
background:#FFE9CA;
height:auto;
margin:0 0 5px;
overflow:hidden;
padding:5px 0;
width:620px;
}

.listing-inner {
    float: left;
    height: 128px;
    overflow: hidden;
}

.listing-top-info table td {
padding:0 10px
}

.whatson-found .filter-tab {
background-image:url(/images/whatson/whatson-filter-bg.gif);
float:left;
height:26px;
margin:0 5px 0 0;
width:76px
}

.whatson-filters .filter-tab a {
color:#fff;
display:block;
float:left;
font-weight:700;
height:21px;
padding:5px 0 0;
text-align:center;
text-decoration:none;
width:76px
}

.whatson-filters .filter-tab a:hover {
color:#fff;
display:block;
float:left;
font-weight:700;
height:21px;
padding:5px 0 0;
text-align:center;
text-decoration:underline;
width:76px
}

.whatson-page-numbers a {
color:#EC4705 !important;
float:left;
margin:0 1px;
text-decoration:none
}

.section-whatson-top {
padding:0 0 10px
}

.section-whatson-top a {
text-decoration:none
}

.section-whatson-top a:hover {
text-decoration:underline
}

.whatson-listing-category {
    background-color: #CDCFCC;
    color: #000000;
    padding: 10px;
    width: 595px;
}

.whatson-listing-category span {
font-weight:700;
margin:0 5px 0 0
}

.whatson-found {
    background-color: #EBEBED;
    height: 27px;
    margin: 10px 0 0;
    padding: 10px;
    width: 595px;
}

.whatson-found .whatson-previous-next,.whatson-page-numbers {
float:left;
margin:0
}

.whatson-found-inner {
float:left;
height:auto;
margin:10px 0 0;
width:609px
}

.whatson-found-inner div {
margin:0 5px
}

.whatson-previous-next a {
color:#000;
margin:0 5px
}

.calmonth {border-bottom: 1px solid #FFFFFF !important;border-left: medium none !important;border-right: medium none !important;}

td.calheader,.arrowimg img {
margin:0!important;
padding:0!important
}

.arrowimg {
height:24px;
padding:2px 0 0
}

.caltable .arrowimgL {background:url("/images/whatson/CalSearchBack.jpg") no-repeat scroll center center #888C95;border-right: medium none;padding: 0 0 6px;}
.caltable .arrowimgR {background:url("/images/whatson/CalSearchForward.jpg") no-repeat scroll center center #888C95;padding: 0 0 6px;}

.caltable .arrowbtnL,.caltable .arrowbtnR {
    border: medium none;
    color: transparent;  
    cursor: pointer;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 20px;
	font-size:0%;
	line-height:0px;
	font-weight:0;
	filter: alpha(opacity=0);
	opacity: 0.0;
}
	
.caltable .calday {background:#E5E5E6;color:#666;font-size:140%;} 
.CalYears {margin:0 15px 0;}
.CalMonths {}

.caltable .dayon {background:#888C95;}
.caltable .dayon td:hover {background:#fff;}
.caltable .dayoff {background:#ccc;font-size: 140%;}

table.caltable td a:link,table.caltable td a:active,table.caltable td a:visited {
color:#fff;
display:block;
height:100%;
padding:5px 0 0;
text-decoration:none;
width:100%
}

table.form-options td select,table.form-options td input {
border:1px solid #666;
padding:3px;
width:192px
}

.section-whatson-featured p,.section-whatson-standard p {
float:none!important;
width:auto!important
}

.listing-top-info table td span,.whatson-numresults span {
font-weight:700
}

.whatson-numresults,.whatson-previous-next {
float:left
}

.collapse-btn {
height:18px;
width:18px;
float:right;
cursor: pointer;
position: relative;
margin:1px;
background-color:#EC4705;
background-repeat:no-repeat;
background-position:bottom right;
}

.forminfo {color:#666;font-size:90%;white-space:nowrap;}
.forminfobox {width:200px;background:url(/Images/Whatson/Form-Help-BG.jpg) left top no-repeat #f6e7e2;padding:40px 0 0;float:right;}
.forminfoboxTD {padding:7px 2px !important}
.infoboxinner {padding:0 10px}
.forminfoline {border-top:1px dotted #ec4705;height:1px;padding:5px 0;}
.AddEventBTN,.EditEventBTN {
   
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 0;
    height: 30px;
    line-height: 0;
    margin: 2px 0 0;
    padding: 0;
    width: 150px;
	outline:none;

}

.AddEventBTN {

background: url("/images/whatson/AddEventBTN.png") no-repeat scroll right center #999999;

}

.EditEventBTN {

    background: url("/images/whatson/EditEventBTN.png") no-repeat scroll right center #999999;
}

.required-red {
background:url("/images/whatson/WhatsonFormRequiredField-Red.png") no-repeat scroll right center #FFFFFF;
border: 1px solid #7F9DB9;
padding:2px;
}

.required-amber {
background:url("/images/whatson/WhatsonFormRequiredField-Amber.png") no-repeat scroll right center #FFFFFF;
border: 1px solid #7F9DB9;
padding:2px;
}

.submitwarning {

    left: 1px;
    position: relative;
    top: 7px;

}

.add-event-key {
    background: none repeat scroll 0 0 #F6E7E2;
    float: left;
    height: 20px;
    margin: 0 0 5px;
    padding: 7px 5px 5px;
    width: 606px;
}
.add-event-key img {float: left;margin: 1px 20px 0 5px;}
.add-event-key span {float: left;margin: 0 0 5px;}

.add-event-form-footer {

    background: none repeat scroll 0 0 #999999;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    width: 606px;
	margin:0 0 10px;

}

.section-whats-on .section-box-header {background: none repeat scroll 0 0 #EC4705;}

td.date-on {background:#EC4705 !important;}

.tab-on, .tab-off {
    background-image: url("/images/whatson/whatson-tab-corners.png");
    background-repeat: no-repeat;
	float: left;
    height: 14px;
    padding: 10px 0;
    text-align: center;
    width: 140px;
	}
	
.tab-on a:hover {
    cursor: default;
    text-decoration: none;
}	
	
.tab-on {background-color:#EC4705;}
.tab-off {background-color:#888C95;}

.Events .top-banner .banner-header {

    float: right;
    font-family: Georgia;
    height: 50px;
    left: -30px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    text-align: left;
    top: 15px;
    width: 380px;

}

.Events .top-banner .banner-header h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:50px;color:#D3161E;}
.Events .top-banner .banner-header h1 div {color: #000000;font-family: Arial,Helvetica,sans-serif;font-size: 30%;font-weight: 100;padding: 0;}

	/*Whats on Styles End */
