/*--------------------------------------------*
 * Top bar
 *--------------------------------------------*/
.fibo-bar {
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: none;
}
.fibo-bar a, .fibo-bar form {
    pointer-events: auto;
}
.fibo-bar a {
    color: #333333;
    cursor: pointer;
    float: right;
    margin: 0 10px;
}
.fibo-bar a:visited {
    color: #333333;
}
.fibo-bar a:hover {
    color: #FAFAFA;
    text-decoration: none;
}
.fibo-bar .fibo-login-form {
    float: right;
}
.fibo-login-form input,
.fibo-login-form input[type="submit"],
.fibo-booking-form input[type="submit"] {
    border: 1px solid #333333;
    margin: 0;
    padding: 3px;
}
.fibo-login-form input:focus,
.fibo-login-form input[type="submit"]:focus,
.fibo-booking-form input[type="submit"]:focus  {
    border: 1px solid #333333;
    margin: 0;
    padding: 3px;
}

/*--------------------------------------------*
 * Login prompt on account and event pages
 *--------------------------------------------*/
.fibo-login-prompt .fibo-login-form > label {
    display: block;
    float: left;
    width: 100px;
    clear: both;
}
.fibo-login-prompt .fibo-login-form > input {
    display: block;
    margin-bottom: 10px;
    float: left;
    clear: both;
    width: 100%;
}
.fibo-login-prompt p {
    float: left;
    clear: both;
}
.fibo-login-prompt p:first-child {
    font-weight: bold;
}
.fibo-fabologinbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #8d9cb8;
    -webkit-box-shadow: inset 0px 1px 0px 0px #8d9cb8;
    box-shadow: inset 0px 1px 0px 0px #8d9cb8;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #627aad), color-stop(1, #3b5898) );
    background: -moz-linear-gradient( center top, #627aad 5%, #3b5898 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#627aad', endColorstr='#3b5898');
    background-color: #627aad;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #233863;
    display: inline-block;
    color: #ffffff !important;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #19336b;
    width: 100%;
    text-align: center;
}

/*--------------------------------------------*
 * Profile
 *--------------------------------------------*/
#fibo-profile-form {
    width: 100%;
}
.fibo-profile-label {
    clear: both;
    float: left;
}
.fibo-profile-checkbox {
    clear: right;
}

.fibo-profile-input,
.fibo-profile-select {
    width: 50%;
    /* korjaa eri levyiset select/input boksit */
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}

.fibo-profile-input,
.fibo-profile-select input {
    text-align: left;
}

.fibo-profile-select-inline {
    width: auto !important;
    clear: none !important;
}

.fibo-profile-span,
.fibo-profile-input,
.fibo-profile-select,
.fibo-profile-checkbox,
.fibo-radio-span {
    float: right;
    margin: 0 10px 10px 0;
}
.fibo-profile-input[type="radio"] {
    clear: none;
    width: auto !important;
}
.fibo-password-show,
.fibo-password-hide {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.fibo-password-container {
    display: none;
}
.fibo-password-hint {
    clear: both;
    float: left;
    margin: 40px 0;
    text-align: center;
    width: 100%;
}
.fibo-profile-button-container{
    float: left;
    text-align: center;
    width: 100%;
    margin: 40px 0;
}

.fibo-profile-terms {
    float: left;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}

.fibo-profile-bookings {
    clear: both;
}

.fibo-profile-bookings > div {
    float: left;
    width: 33%;
}
.fibo-profile-bookings > div > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.fibo-profile-bookings > div > ul > li {
    padding: 5px 0;
}
.fibo-profile-bookings > div > ul > li:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}

.fibo-profile-bookings-list {
    overflow: auto;
    max-height: 244px;
}

/*--------------------------------------------*
 * Calendar
 *--------------------------------------------*/
.fibo-schedule-select {
    margin-left: 10px;
}
.fibo-schedule-weekday-row {
    clear: both;
    min-height: 30px;
    width: 100%;
}
.fibo-schedule-weekday {
    float: right;
    width: 50%;
    min-height: 30px;
    margin: 20px 0 0 0;
}
.fibo-schedule-weekday p {
    font-weight: bold;
}
.fibo-schedule-weekday:nth-child(odd) {
    float: left;
    clear: left;
}
.fibo-schedule-events {
    list-style-type: none;
}

/*--------------------------------------------*
 * Events
 *--------------------------------------------*/
.fibo-event-col-left,
.fibo-event-col-right {
    width: 50%;
}
.fibo-event-col-left p:first-child,
.fibo-event-col-right p:first-child,
.fibo-booking-delete-header {
    font-weight: bold;
}
.fibo-booking-delete-header {
    margin-top: 20px;
}
.fibo-event-col-left {
    float: left;
}
.fibo-event-col-right,
.fibo-event-col-right .fibo-event-form {
    float: right;
}
.fibo-event-col-right .fibo-login-prompt .fibo-login-form {
    min-width: 200px;
}
.fibo-booking-note {
    width: 100%;
    resize: none;
    margin: 0 0 10px 0;
}
.fibo-booking-instruction {
    margin: 10px 0 0 0;
}

/*--------------------------------------------*
 * Upcoming events list
 *--------------------------------------------*/
.fibo-upcoming-events ul,
.fibo-schedule-events {
    padding: 0;
    margin: 0;
}
.fibo-upcoming-events ul li:first-child {
    padding: 0 0 10px 0;
}


/*--------------------------------------------*
 * Form validation
 *--------------------------------------------*/
.fibo-form-error {
    color: red;
    margin: 0 0 0 15px;
    float: right;
    clear: right;
}

/*--------------------------------------------*
 * Font awesome
 *--------------------------------------------*/
.fa-red {
    color: #AA3939;
}

/*--------------------------------------------*
 * Web store
 *--------------------------------------------*/
.fibo-product-left {
    float: left;
    width: 75%;
}

.fibo-product-right {
    float: right;
    width: 25%;
    text-align: center;
}

.fibo-webstore-terms {
    clear: both;
    padding-top: 50px;
    font-size: 0.666em;
    color: #bbb;
}

.fibo-product {
    clear: both;
}