/* Styles definition here */

#fbuilder .slots div {
    display: inline-block;
    border: none;
    margin: 5px;
    padding: 1px;
}

#fbuilder .pbreak .pbPrevious, .pbreak .pbNext, .pbSubmit {
    background: #ab0a30;
    color: #fff;
    display: block;
    float: left;
    cursor: pointer;
    margin: 10px 10px 0px 0px;
    padding: 5px 20px;
}

#fbuilder .slots div.htmlUsed {
    border: none;
}

.ui-datepicker-title {
    text-align: center;
    padding-top: 4px;
}

form#cp_appbooking_pform_1 {
    margin-bottom: 3em;
}

.ui-datepicker-header {
	font: normal 14px/1.5em "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
    background: #f4f4f4;
    color: #000000;
    font-weight: inherit;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgb(250 250 250);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: inherit;
    filter: dropshadow(color=#000, offx=1, offy=-1);
    padding: 4px;
}

.ui-datepicker-calendar .ui-state-active {
    background: #ab0a30;
    -webkit-box-shadow: inherit; 
    -moz-box-shadow: inherit;
    box-shadow: inherit; 
    color: #e0e0e0;
    text-shadow: inherit;
    border: inherit; 
    position: relative;
}

.ui-datepicker {
	font: normal 14px/1.5em "Helvetica Neue", Helvetica, sans-serif;
    height: auto;
    margin: 5px 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: inherit; 
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

#fbuilder .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 4px auto .4em;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi.ui-datepicker-multi-2 {
    border: 1px solid #e6e6e6;
}

#fbuilder .slots {
    border: 1px solid #888;
    width: 100%;
    padding: 10px;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    margin-top: 10px;
}