select{width:130%; outline: 0; border:0; background: transparent; -webkit-appearance: none; height: 31px;}
select:focus{background: transparent; -webkit-appearance: none;}
 
.selectContainer{ overflow:hidden; height:31px; background: url(/images/output/navigation/dd-arrow.png) no-repeat right #fff; border: 2px solid #C3C3C3;}
.selectContainer.disabled{background-color:#DDD;}
.searchArea{background: #8DC63F; margin-bottom:20px;}
.searchArea .title{ padding:10px 10px 0px 10px; font-size:1.3em; font-weight:600;}
.searchArea .searchItem{width: 120px; float:left;padding:10px 10px 20px 10px;}
.searchArea .searchItem.category{width: 240px;}
.searchArea .searchItem label{width:100%; display:block; font-weight:bold;}

.event{ background: #EBECEC; margin-bottom:15px;}
.event .eventTitle{background:#0093D0; padding:7px 10px;}
.event .eventTitle a:link, .event .eventTitle a:visited{color:#fff;}
.event.promoted{background: #D8D9DA;}

.detailsContainer { display: table; width: 100%; }
    .detailsContainer > div { vertical-align: top; }
.eventInfo { display: table-cell; padding: 10px 10px 10px 15px; width: 180px; vertical-align: top; }
.ie7 .eventInfo { display: block; float: left; }
.event .item{ padding:5px 0px}
.description { display: table-cell; padding: 10px; width: 311px; vertical-align: top;}
.ie7 .description { display: block; float: left; }
.description .summary{padding:10px 0px;}
.booking { background: none repeat scroll 0 0 #D8D9DA; display: table-cell; height: inherit; margin-left: 10px; vertical-align: top; padding: 20px; text-align: center; width: 120px; }
.event.promoted .booking{background: #BEC0C2;}
.ie7 .booking { display: block; float: right; }
.booking .totalPrice{font-weight:bold; font-size:1.6em;}
.event .lbl{width:80px; float:left; font-weight:bold;}
.event .value{width:100px; float:left;} 
.description .value{width:200px;} 
.addToCart .button{font-size: 0.8rem;}
.booking .price{position:relative;}
.booking .discount{ font-weight:bold; display:block; color:#0093D0; /*top:-3px; right:20px;position:absolute; background-color: rgba(141, 198, 63, 0.6);  border-radius:5px; padding:2px; -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);*/}
.bookedOut{color:#B50938; font-size:1.2em; font-weight:bold;}
.lowSpaces{color:#B50938; font-weight:bold;}
.blueBorder{border:2px solid #0093D0; margin-bottom:20px;}
.blueBorder h2{background: #0093D0; color:#fff; padding:5px 20px; margin-bottom:15px;}
.eventAdded{color:#00A94F; font-weight:bold;}

.removeFromCart{
    background:url(/images/output/buttons/icon-remove-blue.png) no-repeat;
    cursor:pointer;
    width: 16px;
    height: 16px;
    border: none;
}

.removeFromCart.white{
    background:url(/images/output/buttons/icon-remove.png) no-repeat;
}

#registrationResults td.total{background: #D8D9DA; font-size:1.2em; font-weight:bold;}
#registrationResults td.remove{text-align:center;}
#registrationResults .leftCol{width:48%; float:left;}
#registrationResults .rightCol{width:48%; float:right;}
#registrationResults .lbl{width:95%; float:left; font-weight:bold;}
#registrationResults label{font-weight:bold;}
#registrationResults label .small{font-weight:normal;}
#registrationResults .value{width:85%;}
#registrationResults .bookingDetailsTable{width: 100%;}
#registrationResults .row{padding:0px 0px 20px 0px; margin: 0px; margin-left:20px;}
#registrationResults .row.half{padding:0px 0px 10px 0px; margin: 0px; margin-left:20px;}

#registrationResults input[type="text"], #registrationResults input[type="tel"]{display:inline-block;}
#registrationResults input[type="text"].prefix,#registrationResults input[type="tel"].prefix{width:23%; margin-right:4%;}
#registrationResults input[type="text"].phone,#registrationResults input[type="tel"].phone{width:72%; background-image:none;}


#registrationResults .attendee{width:48%;}
#registrationResults .specialRequirements .requirement {width:48%;}
#registrationResults .termsContainer{margin-bottom: 20px;}
#registrationResults .terms{background:#0093D0; padding:7px 20px; color:#fff;  }
#registrationResults .terms a:link, #registrationResults .terms a:visited {color:#fff;}

#registrationResults .newsletter {background: #EBECEC; padding: 10px 20px; margin-bottom:20px; }
#registrationResults .newsletter .value{width: 100%;  max-width: 230px; float:left; margin-top:10px;}
#registrationResults .newsletter .note{width: 100%;  max-width: 400px; float:left; margin-top:10px;}

.newsletter {background: #EBECEC; padding: 10px 20px; margin-bottom:20px; }
.newsletter .value{width: 100%;  max-width: 230px; float:left; margin-top:10px;}
.newsletter .note{width: 100%;  max-width: 400px; float:left; margin-top:10px;}

.captchaSource .img{display:inline-block; float:right; padding-bottom:10px;}
.captchaSource .refresh{display:inline-block; float:right; vertical-align:top;padding-left:15px;margin-top:10px;}


.captchaInput{text-align: right; text-align: -webkit-right;}
.captchaInput input{width:350px;}
.captchaRefresh {
    background: url(/images/captcha-refresh.png) no-repeat;
              
    display: inline-block;
    padding-left: 55px;
    padding-top: 5px;
    height: 50px;
    width: 70px;
    margin-top: 0px;}

#registrationResults .priceInfo{text-align:right; border:2px solid #8DC63F; margin-bottom:20px;}
#registrationResults .priceInfo > div{padding: 5px 20px;}
#registrationResults .priceInfo .totalCost{ padding:15px 20px; background:#8DC63F; font-size:1.6em; font-weight:bold;}
#registrationResults .priceInfo span.price{display:inline-block; width:120px}
#registrationResults .priceInfo .discountInfo{font-style:italic; font-size:0.9em;}

#registrationResults.bookingDetails .lbl{width:40%; max-width:150px; float:left;}
#registrationResults.bookingDetails .value{width:60%; float:left;}

#submissionError {padding: 15px; border:2px solid #B50938; color:#B50938; font-weight:bold; margin-bottom:20px;}

.userTitle {max-width:150px;}

.ui-dialog.alert{width:450px !important; position: fixed;}
.ui-dialog.alert .ui-dialog-titlebar{background-color:#B50938;}

.ui-dialog.loading{width:180px !important; height:90px !important; position: fixed;}

.ui-dialog.loading .ui-dialog-titlebar{padding:5px 0px 0px 0px;}

#registrationResults .row .value{position:relative;}
.actions input {margin-left:20px;}
.customError{color:red; position:absolute; }

.ui-autocomplete
{
	background-color: #fff;
	border: thin solid buttonshadow;
	cursor: default;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 40px 0 0 50px;
	max-height: 110px;
	height: 110px;
	overflow-y: scroll;
	padding: 0;
	z-index: 99999;
	position: absolute;
    max-height: 160px;
    overflow: auto;
}

.ui-autocomplete li
{
    display:list-item;
}

.ui-autocomplete li.selected
{
	background-color: #088ECE;
	color: White;
}

#cartSummary{padding:7px; background: #0093D0; color:#000; margin-top:20px;}
#cartSummary h2 {color:#fff; margin-bottom:10px;}
#cartSummary .cartEvent{padding: 5px 0px; border-bottom:1px solid #4DB4DE;}
#cartSummary .cartEvent .name{width:80%; float:left; margin-top:3px;}
#cartSummary .cartEvent .remove{width:20%; float:left; text-align: center;}
#cartSummary .goToCheckout{margin-top:10px;}

.mandatory{color:red;}

input.datepicker{width:80%; float:left;}
button.ui-datepicker-trigger
{
    background:none;
    padding:0px;
    width:20%;
    margin:0px;
    padding-top:10px;
}

#registrationResults button.ui-datepicker-trigger
{
    background:#908D8D;
    padding:0px;
    margin:0px;
    border:2px solid #C3C3C3;
    border-left:none;
    text-align:center;
    position:absolute;
    right:0;
    bottom:0;
}

#registrationResults input.hasDatepicker{border-right:none;}

.ie8 .booking .discount{position:static !important;}
.ie7 .booking .discount{position:static !important;}

/* ipad portrait */

@media only screen and ( min-width: 768px) and ( max-width: 959px ) {
    .captchaSource .refresh{margin-top:50px;}
    .detailsContainer { display:block; }
    .eventInfo { display:block; float:left; }
    .description { display:block; width:300px; float:left; }
    .booking { clear:left; display:block; margin-left:0; width:auto; }
    .booking > .item
    {
        width:25%;
        margin-left: 7%;
        float:left;
    }

    .searchArea .searchItem.category {
        width: 220px;
    }
    .searchArea .searchItem.buttonSearch
    {
        float:right;
    }
 
}


@media only screen and ( max-width: 767px) {
    .captchaSource .refresh{margin-top:50px;}
    .eventInfo, .description, .booking { display: block; float: none; width: auto; margin-left: 0; padding: 10px; }
    #registrationResults .leftCol, #registrationResults .rightCol, #registrationResults .attendee { width: auto; float: none; }
    #registrationResults .lbl { float: none; width: auto; }
    #registrationResults .value { width: auto; }
    #registrationResults .row { padding-right: 20px; }
    #registrationResults .specialRequirements .requirement { width: auto; float: none; }


    /* Force table to not be like tables anymore */
    .bookingDetailsTable table, .bookingDetailsTable thead, .bookingDetailsTable tbody, .bookingDetailsTable th, .bookingDetailsTable td, .bookingDetailsTable tr { display: block; }
        /* Hide table headers (but not display: none;, for accessibility) */
        .bookingDetailsTable thead tr { position: absolute; top: -9999px; left: -9999px; }

 

        .bookingDetailsTable tr td, .bookingDetailsTable tr td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align: left; }


    .bookingDetailsTable th { display: none; }
    /*
 Label the data
 */

    .bookingDetailsTable td:before { position: absolute; left: 0; top: 0; width: 35%; height: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background-color: #8DC63F; color: #000; padding: 8px 12px; font-weight: bold; }
    .bookingDetailsTable td:nth-of-type(1):before { content: "Event Name"; }
    .bookingDetailsTable td:nth-of-type(2):before { content: "Date"; }
    .bookingDetailsTable td:nth-of-type(3):before { content: "Venue"; }
    .bookingDetailsTable td:nth-of-type(4):before { content: "Cost"; }
    .bookingDetailsTable td:nth-of-type(5):before { content: "Attendees"; }
    .bookingDetailsTable td:nth-of-type(6):before { content: "Price"; }
    .bookingDetailsTable td:nth-of-type(7):before { content: "Total"; }
    .bookingDetailsTable td:nth-of-type(8) { padding-left: 0; }
    .ui-dialog-buttonset button, .actions > .button { width:100%; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; text-align:center; display:block; margin:1em auto 0 auto;}
    .ui-dialog .ui-dialog-buttonpane { padding:0.5em 1em !important;}
    .ui-dialog, .ui-dialog.alert { width: 90% !important; }
}