html {
    font-size: 12px;
}

#ui-datepicker-div {
    display: none;
}

.ui-widget {
    font-size: inherit;
}

div.blockMsg {
    width: 30%;
    top: 20%;
    left: 30%;
    text-align: center;
    background-color: #000;
    border: 1px solid #fff;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -moz-opacity: .70;
    opacity: .70;
    padding: 15px;
    color: #fff;
}

/* Beauty tips */
.jomres_bt_tooltip_ajaxpage {
    float: left;
}

.jomres_bt_tooltip_imageonly {
    float: left;
    padding: 5px;
}

.jomres_bt_tooltip_room_type {
    float: left;
    padding: 5px;
}

.advsearch_feature {
    float: left;
    width: 50px;
    height: 30px;
    padding: 2px;
}

.advsearch_feature input {
    margin-top: 5px;
}

.jomres_bt_tooltip_features {
    float: left;
    padding: 0px;
    margin: 0px;
}

.jomres_bt_tooltip_features img {
    margin: 0 !important;
}

.jomres_bt_tooltip {
    float: left;
}

.jomres_bt_tooltip_hover_content {
    width: 80px;
    text-align: center;
    border: 2px solid #666;
    padding: 5px;
    background-color: #00FFFF;
    height: 45px;
    display: block;
    float: left;
}

/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
    font-size: small;
    color: #000;
    line-height: normal;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
    /*: ;
    background-color: red !important;*/
}

/* Buttons */
.jomres_button {
    background: url(../images/button1.png) 0 0 no-repeat;
    line-height: 30px;
    height: 30px;
    width: 104px;
    margin: 4px 0 4px 0;
    padding: 0 !important;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 12px !important;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    outline: none;
}

.jomres_button a:link, .jomres_button a:visited {
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px !important;
    outline: none;
}

.jomres_button:hover, .jomres_button a:hover {
    color: #ccc !important;
    text-decoration: none;
    background: url(../images/button1.png) 0 0 no-repeat;
}

.fg-button {
    outline: 0;
    margin: 0 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}

.fg-button .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

a.fg-button {
    float: left;
}

/* remove extra button width in IE */
button.fg-button {
    width: auto;
    overflow: visible;
}

.fg-button-icon-left {
    padding-left: 2.1em
}

.fg-button-icon-right {
    padding-right: 2.1em
}

.fg-button-icon-left .ui-icon {
    right: auto;
    left: .2em;
    margin-left: 0;
}

.fg-button-icon-right .ui-icon {
    left: auto;
    right: .2em;
    margin-left: 0;
}

.fg-button-icon-solo {
    display: block;
    width: 8px;
    text-indent: -9999px;
}

/* solo icon buttons must have block properties for the text-indent to work */
.fg-buttonset {
    float: left;
}

.fg-buttonset .fg-button {
    float: left;
}

.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button {
    margin-right: -1px;
}

.fg-toolbar {
    padding: 0 .5em;
    margin: 0;
}

.fg-toolbar .fg-buttonset {
    margin-right: 1.5em;
    padding-left: 1px;
}

.fg-toolbar .fg-button {
    font-size: 1em;
}

.jomrestexteditable {
    color: #99f;
    background-color: #fff;
}

.pathway img {
    position: relative;
    top: 0;
    left: 0;
}

/*Layout etc*/
.panelwrapper {
    color: #000;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
}

.innerwrapper,
.jradmin_innerwrapper {
    width: 100%;
}

/* Listings */
#listing-top {
    display: block;
    margin: 10px 0;
    clear: both;
}

#listing-map {
    height: 220px;
    float: left;
    border: 1px solid #cde5fd;
}

#listing-tagcloud {
    width: 948px;
    margin: 0;
    padding: 10px 0 0 0;
    overflow: hidden;
    position: relative;
}

div.listing-main {
    border: 1px solid #cde5fd;
    height: 220px;
}

div.listing-main h2 {
    font-size: 18px;
    line-height: 24px;
    margin: 5px 0;
}

div.listing-description {
    margin: 5px 0;
    color: #777;
    height: 75px;
    overflow: hidden;
    width: 345px;
}

div.listing-features {
    font-size: 11px;
    color: #3366ff;
    line-height: 14px;
    margin-top: 1em;
}

div.listing-info {
    font-size: 11px;
    color: #000;
}

table.listing-table {
    height: 100%;
}

table.listing-table .jomres_button {

}

table.listing-table td {
    padding: 10px;
}

td.listing-price {
    background: #ffffcb;
}

div.bigprice {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}

#current_data {
    margin: 10px 0;
}

/* Property header */
#pheader {
}

#pheader h1 {
    font-size: 150%;
    color: #fff;
}

.pheader-info {
    line-height: 24px;
}

/* View property */
.viewproperty {
    clear: both;
    width: 930px;
    margin: 0 10px;
}

.viewproperty .ui-tabs-panel {
    padding: 0 10px !important;
    text-align: justify;
}

.viewproperty p {
    color: #333;
    line-height: 19px;
}

.propertydetails .description p {
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0 30px 0;
}

.description {
    text-align: center;
    padding: 10px 20px;
    margin: 0 0 30px 0;
}

.description .medbutton {
    float: none;
    text-align: center;
    position: relative;
    margin: auto;
}

.hotelInfo {
    width: 100%;
    margin: 0;
    padding: 3px 0;
}

.hotelInfo h6 {
    margin: 5px 0 5px 0;
    padding: 0;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.5;
    background: #f1f1f1;
    text-indent: 5px;
    color: #4297d7;
    border-left: 5px solid #88b6d9;
}

.hotelInfo p {
    margin: 0;
    text-align: left;
    padding: 0;
}

div.hotelInfo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.hotelInfo ul li {
    background: none;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 14px;
    margin: 2px;
}

div.hotelInfo ul li img {
    float: left;
    margin-right: 3px;
}

/* Property Features */
#property-features {
    margin: 0;
    padding: 0;
}

#property-features li {
    width: 230px;
    margin: 0;
    padding: 0;
    background: none;
}

#property-features ul li {
    height: 30px;
}

#property-features > li {
    float: left;
}

/* Map Position*/
#listing-map {
    position: relative;
}

div#listing-map div.info-window {
    text-align: left;
}

div#listing-map div.info-window h4 {
    margin-top: 0;
    padding-top: 0;
    font-weight: normal;
}

div#listing-map div.info-window ul {
    list-style: none;
    margin: 0;
    padding: 0 !important;
}

div#listing-map div.info-window ul li {
    line-height: 16px;
    padding: 0 0 0 5px;
    background: none;
    font-weight: normal;
}

div#listing-map div.info-window ul li {
    line-height: 16px;
    padding: 0 0 0 5px;
    background: none;
    font-weight: normal;
}

div#listing-map div.info-window ul li a {
    color: #0095aa;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

div#listing-map div.info-window ul li a:hover {
    text-decoration: underline !important;
    color: #0095aa !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

/*Booking Form*/
#bformwrapper {
    clear: both;
    padding: 30px 0 0 0;
}

#bformwrapper a img {
    padding-left: 3px;
}

div#bformwrapper h1 {
    padding: 0 0 .2em 0;
    font-size: 150%;
    font-weight: normal;
    line-height: 150%;
    margin: 0 0 0.2em;
    font-weight: normal;
}

div#bformwrapper p.head {
    padding: 0 0 .2em 0;
    font-size: 120%;
    font-weight: normal;
    line-height: 135%;
    margin: 0 0 0.2em;
    border-bottom: 1px dotted #999999;
}

#bformwrapper td.label {
    border: medium none;
    display: block;
    font-size: 108%;
    font-weight: bold;
    line-height: 150%;
    margin: 3px 0 0 0;
    padding: 0 0 1px;
}

.bookingform_lhs {
    width: 600px;
    float: left;
}

.bookingform_rhs {
    float: right;
    width: 290px;
}

.bookingform_section {
    width: 600px;
    padding-top: 2px;
    margin: 10px 0 10px 0;
}

.bookingform_section textarea {
    width: 600px;
    height: 80px;
}

table.bookingform_input td {
    padding: 3px 0;
}

.bookingform_overrides {
    padding-left: 5px;
    text-align: right;
}

div.bookingform_totals,
div.cashonly_fees {
    border: 1px solid #15667e;
    border-left: 1px solid #15667e;
    border-right: 1px solid #15667e;
    border-bottom: 4px solid #15667e;
    padding: 5px 2px 0 2px;
    margin-bottom: 10px;
    background: #ffffff;
}

table.bookingtable_totals td {
    margin: 0;
    padding: 1px 3px;
}

div.bookingform_deposit {
    border: 1px solid #666666;
    padding: 5px 2px 0 2px;
    margin-bottom: 10px;
    background: #ffffff;
}

td.deposit_means {
    font-weight: bold;
    color: #cc0000;
    padding: 5px 0 2px 2px;
    font-size: 100%;
    line-height: 110%;
    margin: 0;
}

.bookingform_footer {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    text-align: right;
}

#messages {
    margin: 0;
    padding: 10px;
    color: #666;
    font-size: 14px;
}

#messages.ui-state-error {
    border: 1px solid #f00;
    background: #fcf84e;
    color: #333;
}

input.ui-state-highlight {
    border: 1px solid #f00 !important;
}

#submitbutton {
    float: right;
}

td.small, table.bookingform_input td.small {
    border: none;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 12px 0 0 2px;
    color: #222222;
    font-weight: normal;
}

td.smallr {
    border: none;
    font-size: 90%;
    line-height: 90%;
    margin: 0;
    padding: 0 0 3px 2px;
    font-weight: normal;
    color: #000000;
}

td.smallish {
    border: none;
    font-size: 85%;
    line-height: 90%;
    margin: 0;
    padding: 0 0 0 2px;
    color: #222222;
    font-weight: normal;
}

td span.optional-field,
td span.required-field {
    color: #666;
}

/* Booking confirmation/review booking templates */
div.confirmation {
    width: 100%;
    margin: 10px auto;
    text-align: left;
    padding: 10px 0;
}

table.confirmation_header {
    padding: 10px 0;
}

table.confirmation_header th {
    padding: 0;
}

td.confirmation_leftcol {
    padding: 1px 0 5px 0;
    width: 50%;
}

table.confirmation_section {
    background: #f1f1f1;
    padding: 5px;
    border: 1px solid #666666;
}

table.confirmation_section td {
    padding: 0 5px;
}

td.confirmation_rightcol {
    padding: 5px 10px 5px 10px;
    width: 49%;
}

.confirmation_deposit {
    font-size: 130%;
    font-weight: bold;
}

.confirmation_gateway_header {
    font-size: 130%;
    margin: 3px 0 3px 0;
    padding-top: 10px;
    font-weight: bold;
}

/* Payment Schedule */

#payment-schedule {
    padding: 0;
    margin: 0;
    clear: both;
    color: #333;
}

#payment-schedule li.payment-stage {
    position: relative;
    padding: 0 0 50px 30px;
    margin: 0 0 0 16px;
    border-left: 10px solid #eee;
    background: none;
}

#payment-schedule li.payment-stage-last {
    border-left-color: #fff;
}

#payment-schedule li.payment-stage h3 {
    position: relative;
    right: 55px;
    margin: 0 0 20px 0;
    line-height: 40px;
}

#payment-schedule li.payment-stage h3 .stage-number {
    display: block;
    float: left;
    padding: 0 15px;
    margin: 0 15px 0 0;
    background: #333;
    color: #fff;
}

#payment-schedule li.payment-stage h3 .price {
    margin: 0 10px 0 0;
    font-size: 30px;
}

#payment-schedule li.payment-stage-future h3 .stage-number {
    background: #eee;
}

#payment-schedule li.payment-stage h4 {
    margin: 5px 0;
    color: #333;
    font-size: 14px;
}

#payment-schedule li.payment-stage h5 {
    margin: 0;
    font-size: 14px;
}

#payment-schedule li.payment-stage h5 small {
    font-size: 10px;
    font-weight: normal;
}

#payment-schedule .medbutton {
    display: block;
    float: none;
    clear: both;
    position: relative;
    margin: 30px auto 60px;
    background-image: url(/jomres/remote_plugins/custom_code/images/lock.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    color: #fff !important;
    text-decoration: none;
    padding-left: 30px;
}

@media (max-width: 420px) {
    #payment-schedule li.payment-stage {
    }

    .payment-methods {
        width: 350px;
    }

    #payment-schedule label {
        width: 350px;
    }

    #payment-schedule fieldset {
        width: 260px;
    }

    #card-data {
        width: 290px;
    }

    #payment-form #billing-address {
        width: inherit;
    }

    #cardsection {
        margin: 0;
    }

    .item-title {
        display: block;
    }

    #payment-schedule .medbutton {
        font-size: 12px!important;
        margin: 20px 0 0 0;
    }

    .medbutton.multiline {
        padding: 10px;
        font-size: 12px!important;
        line-height: 15px;
        height: auto;
        text-align: center;
    }
}
table.confirmation_payments {
    padding: 10px 0;
    padding: 5px 0 5px 0;
    margin-bottom: 10px;
}

table.confirmation_payments th {
    padding: 1px 5px;
    border-bottom: 1px solid #15667e;
    border-top: 1px solid #fff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 10px;
}

table.confirmation_payments td {
    padding: 5px;
    border-bottom: 1px solid #15667e;
    border-top: 1px solid #fff;
    vertical-align: bottom;
    line-height: 20px;
}

table.confirmation_payments td.paynow {
    vertical-align: middle;
    text-align: center;
    width: 140px;
}

table.confirmation_payments td.paynow input {
    min-width: 130px;
}

table.confirmation_payments td.paynow input#partial {
    width: 120px;
    text-align: right;
}

div.confirm_totals {
    border: 1px solid #15667e;
    border-left: 1px solid #15667e;
    border-right: 1px solid #15667e;
    border-bottom: 4px solid #15667e;
    padding: 5px 2px 0 2px;
    margin-bottom: 10px;
}

.confirm_totals td, .confirm_deposit td {
    margin: 0;
    padding: 0 2px;
}

.confirm_deposit {
    border: 1px solid #666666;
    padding: 5px 2px 5px 2px;
    margin-bottom: 10px;
    background: #f1f1f1;
}

td.large_total {
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 10px 2px !important;
    color: #cc0000;
}

table.paymentstable td.jradmin_field_la,
table.paymentstable td.jradmin_field_ra {
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #fefefe;
}

table.paymentstable small {
    font-size: 11px;
    color: #666;
}

/* Booking completed */
.completion_header {
    background: #d9dee2;
    color: #000;
}

.completion_content {
    background: #fff;
}

.completion_footer {
    background: #d9dee2;
}

/* Availability Calendars */
table.availability_calendar {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-family: verdana;
}

table.availability_calendar_header {
    background: #f1f1f1;
    border-collapse: separate;
    width: 100%;
    text-align: left;
    padding: 5px;
}

table.availability_calendar_header td {
    padding: 0;
}

.availability_calendar_months {
    background: #ebeced;
    color: #000;
    font-size: 90%;
}

.availability_calendar_days {
    background: #fff;
}

.availability_calendar_months th, .availability_calendar_days th {
    padding: 2px;
}

.availability_calendar_calendars {
    text-align: center;
}

table.availability_calendar_calendars td {
    padding: 2px;
}

table .rescal, table .rescal_dashboard {
    vertical-align: middle;
    text-align: center;
}

table .rescal th, table .rescal_dashboard th {
    padding: 1px 5px;
    font-size: 90%;
    text-align: center;
    font-weight: normal;
}

table .rescal td, .rescal td, table .rescal_dashboard td, .rescal_dashboard td {
    padding: 1px 5px;
    font-size: 80%;
    border: 1px solid #ffffff;
    text-align: center;
}

a.rescal:link, a.rescal:visited, tr.rescal, td.rescal {
    display: block;
    color: #666 !important;
    text-decoration: none;
}

a.rescal:hover {
    color: black !important;
    text-decoration: underline;
}

/* Slideshows */
.slideshow {
    width: 100%;
    position: relative;
}

/* Admin */
.jradmin_rowtoolbar {
    width: 74px;
}

.jradmin_rowtoolbar table {
    background: #d9dee2;
}

.jradmin_table {
    width: 100%;
}

.jradmin_header_la,
.jradmin_header_ca,
.jradmin_header_ra,
.jradmin_subheader_la,
.jradmin_subheader_ca,
.jradmin_subheader_ra,
.jradmin_rowheader_la,
.jradmin_rowheader_ca,
.jradmin_rowheader_ra {
    text-align: center;
    padding-left: 5px;
    padding-right: 2px;
    height: 25px;
    vertical-align: middle;
}

.jradmin_header_la,
.jradmin_header_ca,
.jradmin_header_ra {
    background: #D6D8DB;
    color: #931638;
}

.jradmin_subheader_la,
.jradmin_subheader_ca,
.jradmin_subheader_ra {
    background: #E8EAEE;
    color: #333333;
}

.jradmin_rowheader_la,
.jradmin_rowheader_ca,
.jradmin_rowheader_ra {
    background: #F1F1F2;
    color: #931638;
}

.jradmin_field_la,
.jradmin_field_ca,
.jradmin_field_ra,
.jradmin_rowtoolbar {
    background: #F6F7F8;
    color: #000000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.jradmin_header_la,
.jradmin_subheader_la,
.jradmin_rowheader_la,
.jradmin_field_la {
    text-align: left;
}

.jradmin_header_ca,
.jradmin_subheader_ca,
.jradmin_rowheader_ca,
.jradmin_field_ca {
    text-align: center;
}

.jradmin_header_ra,
.jradmin_subheader_ra,
.jradmin_subheader_ra,
.jradmin_field_ra {
    text-align: right;
}

/* Manager table */
/* Admin */
table#jomresmenu {
    text-align: right;
}

a.jomresmenu {
    float: right;
}

table.jradmin-filter {
    background: #fff;
    width: 100%;
    margin: 10px 0;
}

td.right, th.right {
    text-align: right;
}

.jrmanager_rowtoolbar {
    width: 74px;
}

.jrmanager_rowtoolbar table {
}

#jrmanager {
    width: 100%;
    padding: 2px;
    margin: 10px 0 0 0;
    display: block;
}

#jrmanager div.section {
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 5px;
    display: block;
    background: #f5f5f5;
}

#jrmanager h4 {
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    background: #aaa;
    text-align: left;
    font-weight: bold;
    color: #fff;
    border-bottom: 2px solid #999;
    text-indent: 5px;
    text-transform: none;
    font-size: 110%;
}

#jrmanager p {
    padding: 5px 5px 0 5px;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

#jrmanager p.normal {
    font-weight: normal;
}

#jrmanager p.last {
    margin-bottom: 1em;
}

#jrmanager p.small {
    padding: 2px 5px 5px 5px;
    text-align: left;
    clear: both;
    font-size: 11px;
}

div.jrmanager-lhs {
    width: 49.5%;
    padding: 2px;
    margin: 0;
    float: left;
    background: #fff;
}

div.jrmanager-rhs {
    width: 49.5%;
    padding: 2px;
    margin: 0;
    float: right;
    text-align: left;
    background: #fff;
}

div.row {
    clear: both;
    padding-top: 5px;
}

div.highlight {
    background: #FCC;
    margin-top: 5px;
}

div.row span.label {
    float: left;
    width: 34%;
    text-align: left;
    font-weight: bold;
    padding: 3px 5px;
}

div.row span.formw, div.row span.formr {
    float: right;
    width: 63%;
    text-align: left;
    vertical-align: middle;
}

div.row span.formr {
    text-align: right;
    margin-right: 10px;
    width: 61%;
}

div.row input.file-description {
    width: 200px;
}

div.row span.light {
    color: #aaa;
}

div.row .verification-progress strong {
    font-size: 14px;
}

table.jradmin_header {
    background: #f5f5f5;
    border: 1px solid #999;
    padding-right: 10px;
    text-indent: 5px;
    width: 100%;
}

table.jradmin {
    width: 100%;
}

table.jradmin th {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    margin: 0;
    background: #aaa;
    font-weight: bold;
    color: #fff;
    border-bottom: 2px solid #999;
    text-indent: 5px;
    text-transform: none;
    font-size: 110%;
}

table.jradmin tr {
    background: #f6f6f6;
}

table.jradmin td {
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    margin: 0 0 2px 0;
    text-indent: 5px;
    text-transform: none;
}

td.jradmin_nb table td {
    border: none !important;
}

.jradmin_la {
    text-align: left;
}

.jradmin_ca {
    text-align: center;
}

.jradmin_ra {
    text-align: right;
}

.jomres_title {
    font-size: 180%;
    line-height: 24px;
    padding-bottom: 5px;
    text-align: left;
}

.jomres_message {
    color: #cc0000;
    font-size: 10px;
    line-height: 12px;
}

div.block_ui_bookingform h3 {
    font-size: 11px;
    text-align: center;
    padding-top: 10px;
}

tr.row0 {
    background: #f1f1f1 !important;
}

tr.row1 {
    background: #e1e1e1 !important;
}

/* Search Modules */
#searcher3 {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin: 12px 0;
    padding: 0 14px;
    width: 953px;
}

#searcher3 td {
    text-align: left;
    padding: 4px 0 0;
}

.srchlbl,
.srchlbl1,
.srchlblr {
    color: #15667e;
    float: left;
    margin-right: 6px;
    padding: 4px 0 0;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}

.srchlbl1 {
    width: 140px;
}

.srchlblr {
    width: 60px;
}

#searchBox {
    background: #fff;
    height: 151px;
    padding: 10px;
    position: relative;
    width: 573px;
    z-index: 9999;
    float: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#searchBox .left select {
    width: 180px;
}

#randomproperty {
    width: 894px;
    margin: 0 auto 10px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #f1f1f1;
    border: 1px solid #15667e;
}

#randomproperty h2 {
    color: #15667e;
    margin-bottom: 5px;
    font-weight: normal;
    text-transform: uppercase;
}

#randomproperty p {
    color: #15667e;
    line-height: normal;
    width: 136px;
    margin: 5px auto 0;
    padding: 0;
}

/* General */
.error, .jerror {
    color: #cc0000;
    background: yellow;
}

#jomres_content_area table {
    border-collapse: separate;
}

td.required {
    color: red;
}

.small {
    line-height: 115%;
    color: #222;
    font-weight: normal !important;
}

ul.ulcolumns {
    margin: 0;
    padding: 0 0 0 5px;
}

ul.ulcolumns li {
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 30%;
    float: left;
    list-type: none;
    background: none;
}

#payments ul {
    margin: 0;
    padding: 0 0 0 5px;
}

#payments ul li {
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 25%;
    float: left;
    background: none;
}

div.spacer {
    clear: both;
}

a.toggleLink {
    color: #000;
    float: right;
    margin-right: 10px;
    text-decoration: none;
    font-weight: normal;
}

span.stage {
    font-size: 20px;
    font-weight: bold;
    margin: 0 5px 0 0;
    color: #15667e;
}

.methods input,
.methods label,
.methods div {
}

.active .methods label {
    font-weight: bold;
}

#content ul.methods li,
ul.methods li {
    margin: 0 0 5px 0;
    padding-left: 0;
    background: none;
    clear: both;
    line-height: 15px;
}

.methods label {
    margin: 2px 0 0 0;
}

span.gateway-description {
    font-size: 11px !important;
    color: #666 !important;
    font-style: normal !important;
}

table.gateways {
    padding: 0;
    margin: 0;
}

table.gateways tbody tr {
    background: #15667e;
    height: 30px;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #999999;
    font-size: 110%;
}

.gateway_finale {
    background: #f1f1f1;
    border: 1px solid #999999;
    padding: 5px;
}

ul#ticks {
    margin: 0;
    padding: 0;
}

ul#ticks li {
    background: url(../images/ticks.png) 0 3px no-repeat;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 20px;
    font-weight: bold;
}

.highlite {
    background-color: #fbf74d;
    font-weight: bold;
    font-size: 110%;
}

.bigbutton,
.medbutton,
.smallbutton,
.bluemedbutton,
.greysmallbutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
    background-color: #77d42a;
    border: 1px solid #77d42a;
    display: inline-block;
    float: left;
    color: #ffffff;
    font-family: arial;
    font-size: 28px;
    font-weight: bold;
    padding: 16px 24px;
    margin: 0 30px 200px 0;
    text-decoration: none;
    text-shadow: 1px 0px 0px #aade7c;
    cursor: pointer;
}

.medbutton,
.bluemedbutton {
    font-size: 14px !important;
    margin: 0;
    padding: 0 14px;
    line-height: 36px;
    height: 36px;
    -moz-box-shadow: inset 0 0 5px #ccc;
    -webkit-box-shadow: inset 0 0 5px #ccc;
    box-shadow: inset 0 0 5px #ccc;
}

.smallbutton,
.greysmallbutton {
    font-size: 12px;
    margin: 0;
    padding: 3px 6px;
}

.bluemedbutton {
    border: 1px solid #519fda;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a8ad4), color-stop(1, #116fb8));
    background: -moz-linear-gradient(center top, #2a8ad4 5%, #116fb8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a8ad4', endColorstr='#116fb8');
    background-color: #2a8ad4;
    text-shadow: 1px 0px 0px #7cb4de;
}

.greysmallbutton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ddd;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ddd;
    box-shadow: inset 0px 1px 0px 0px #ddd;
    border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d4d4d4), color-stop(1, #b8b8b8));
    background: -moz-linear-gradient(center top, #d4d4d4 5%, #b8b8b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#b8b8b8');
    background-color: #d4d4d4;
    color: #fff;
    text-shadow: 1px 0px 0px #f1f1f1;
}

.bigbutton:hover,
.medbutton:hover,
.bluemedbutton:hover,
.greysmallbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5CB811), color-stop(1, #77D42A));
    background: -moz-linear-gradient(center top, #5CB811 5%, #77D42A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CB811', endColorstr='#77D42A');
    background-color: #5cb811;
    text-decoration: none;
    color: #ffffff;
}

.bluemedbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #116fb8), color-stop(1, #2a8ad4));
    background: -moz-linear-gradient(center top, #116fb8 5%, #2a8ad4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#116fb8', endColorstr='#2a8ad4');
    background-color: #116fb8;
    text-decoration: none;
    color: #ffffff;
}

.greysmallbutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8b8b8), color-stop(1, #d4d4d4));
    background: -moz-linear-gradient(center top, #b8b8b8 5%, #d4d4d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#d4d4d4');
    background-color: #b8b8b8;
    text-decoration: none;
    color: #ffffff;
}

.bigbutton:active,
.medbutton:active,
.bluemedbutton:active,
.greysmallbutton:active {
    outline: 1px solid #FFF;
}

.centered-medbutton {
    display: block;
    position: relative;
    top: 10px;
    width: 200px;
    float: none;
    clear: both;
    margin: 15px auto 30px;
    text-align: center;
}

/*ADD/EDIT PROPERTY*/
#jrmanager div.property-descriptions {
    margin-bottom: 10px;
    background: none;
    border-bottom: none;
}

.property-descriptions input {
    width: 300px;
}

.property-descriptions textarea {
    width: 300px;
    height: 120px;
}

.property-descriptions textarea.mce_editable {
    width: 490px;
    height: 190px;
}

.property-descriptions p {
    margin-bottom: 10px !important;
}

.features-list {
    width: 506px;
    margin: 0;
}

.features-list li {
    display: block;
    position: relative;
    float: left;
    width: 250px;
    margin: 0 0 5px 0;
    list-style: none;
    background: none;
    padding: 0;
    line-height: 15px;
    left: 5px;
}

.features-list li.featured strong {
    background-repeat: no-repeat;
    background-image: url('/jomres/remote_plugins/properties/images/featured.png');
    text-indent: 56px;
}

.features-list li.category-header {
    clear: both;
    width: 505px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 12px;
    left: 0;
}

.features-list strong,
.features-list .desc {
    display: block;
    margin: -2px 0 0 60px;
}

.features-list .desc {
    padding-top: 0;
}

.features-list img {
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
}

.features-list input {
    position: absolute;
    display: block;
    left: 28px;
    top: 2px;
    width: 15px;
    z-index: 3;
}

.features-list .checkbox {
    position: absolute;
    left: 25px;
    top: 0;
    width: 25px;
    height: 25px;
    border-left: 2px solid #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #666;
    z-index: 2;
}

.bedinfo {
    display: block;
    font-size: 11px;
    color: #666;
    font-weight: normal;
}

.bedinfo a {
    cursor: pointer;
}

.beds-list {
    margin: 0;
    padding: 0;
}

.beds-list li {
    position: relative;
    float: left;
    clear: left;
    width: 500px;
    margin: 0 0 2px;
    padding: 0;
    background: none;
}

.beds-list .label {
    display: block;
    float: left;
    width: 430px !important;
    line-height: 15px !important;
}

.beds-list select {
    margin: 13px 0 0 0;
}

.beds-list img {
    display: block;
    float: left;
    margin-right: 5px;
}

.beds-list .formw {
    width: 55px !important;
    display: block;
    float: right;
}

.beds-total {
    padding-top: 20px !important;
}

.beds-total .label {
    text-indent: 65px !important;
}

.main-section {
    border: 1px solid #999;
    background: #fff;
}

.savebuttons {
    border-top: 1px solid #ccc;
    position: relative;
    top: 20px;
    clear: both;
    margin: 0 0 40px 0;
    padding: 10px 0 0 0;
    text-align: center;
}

.savebuttons .bluemedbutton {
    width: 260px;
    height: 40px;
    line-height: 40px;
    border: 0;
    padding: 0;
    display: inline-block;
    float: none;
    margin: 10px;
}

.savebuttons a.back-to-dashboard {
    position: absolute;
    left: 0;
    top: 65px;
}

.charleft {
    color: gray;
    /*display: none;*/
}

#property-list,
.container .map-list {
    margin: 0;
}

.container .map-list {
    width: 600px;
}

#property-list li,
#property-header,
.container .map-list li {
    position: relative;
    height: 200px;
    clear: both;
    padding: 0;
    margin: 0 0 10px 0;
    border: 1px solid #eaeaea;
    outline: 1px solid #fafafa;
    background: none;
}

#property-header {
    display: block;
    clear: none;
    float: left;
    width: 950px;
    height: 150px;
    margin: 10px 10px 10px 0;
    background: none;
    border: none;
}

.container .map-list li {
    height: 100px;
}

a.quickgal img {
    width: 230px;
    height: 200px;
}

#quickgal {
    position: absolute;
    left: 0;
    top: 128px;
    width: 740px;
    height: 570px;
    background: #f4f6fa;
}

#quickgal-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    z-index: 100;
    text-indent: -100px;
    overflow: hidden;
    background: url(/jomres/remote_plugins/custom_code/images/fotorama.png) -64px 0px;
}

#property-list a.quickgal,
.container .map-list a.quickgal {
    display: block;
    float: left;
    width: 230px;
    height: 200px;
}

.container .map-list a.quickgal {
    margin: 10px 0 10px 10px;
}

.container .map-list a.quickgal,
.container .map-list a.quickgal img {
    width: 90px;
    height: 80px;
}

li.quickgal a.quickgal {
    display: none !important;
}

#property-list li.quickgal .property-details {
    width: 720px;
    height: 684px;
    background: #f4f6fa;
    overflow: visible;
}

#property-list li.quickgal .rate-details {
    width: 190px;
    margin-right: -10px;
}

#property-list li.quickgal .flags,
#property-list li.quickgal .features {
    left: 820px;
    top: 130px;
    width: 120px;
    height: 200px;
    z-index: 10;
}

#property-list li.quickgal .features {
    top: 184px;
}

#property-list li.quickgal .flags li,
#property-list li.quickgal .features li {
    display: block;
    float: right;
    padding: 0 5px;
    margin: 0 0 5px 0;
}

#property-list li.quickgal {
    height: 704px;
}

#property-list h2,
#property-header h2,
.container .map-list h2 {
    color: #333;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    line-height: 22px;
}

.container .map-list h2 {
    font-size: 16px;
}

#property-list h2 a,
#property-header h2 a,
#property-list h2 span,
#property-header h2 span,
.container .map-list h2 a,
.container .map-list h2 span {
    margin-right: 5px;
    display: inline-block;
}

#property-list h2 span,
#property-header h2 span,
.container .map-list h2 span {
    font-size: 12px;
}

#property-list h2 a,
#property-header h2 a,
#property-list h2 a:hover,
#property-header h2 a:hover,
#property-list p a,
#property-header p a,
#property-list p a:hover,
#property-header p a:hover,
.container .map-list h2 a,
.container .map-list h2 a:hover,
.container .map-list p a,
.container .map-list p a:hover {
    color: #333;
    font-size: 12px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

.container .map-list h2 a,
.container .map-list h2 a:hover,
.container .map-list p a,
.container .map-list p a:hover {
    font-size: 10px !important;
}

#property-list h2 a,
#property-header h2 a,
#property-list h2 a:hover,
#property-header h2 a:hover,
.container .map-list h2 a,
.container .map-list h2 a:hover {
    font-size: 24px !important;
}

#property-header h2 a,
#property-header h2 a:hover {
    font-size: 32px !important;
    margin-bottom: 8px;
}

.container .map-list h2 a,
.container .map-list h2 a:hover {
    font-size: 14px !important;
}

#property-list h2 span,
#property-header h2 span,
#property-list p,
#property-header p,
.container .map-list h2 span,
.container .map-list p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 22px;
    color: #777;
    font-style: normal;
}

#property-list p,
#property-header p,
.container .map-list p {
    clear: both;
}

#property-list .property-details,
#property-header .property-details,
#property-list .rate-details,
#property-header .rate-details,
.container .map-list .property-details,
.container .map-list .rate-details {
    position: relative;
    float: left;
    width: 510px;
    height: 180px;
    padding: 10px;
    line-height: 22px;
    overflow: hidden;
}

#property-header .property-details {
    width: 750px;
    height: 150px;
}

.container .map-list .property-details,
.container .map-list .rate-details {
    width: 230px;
    height: 80px;
}

#property-list .rate-details,
#property-header .rate-details,
.container .map-list .rate-details {
    text-align: right;
    width: 160px;
}

#property-header .rate-details {
    padding-top: 15px;
}

.container .map-list .rate-details {
    font-size: 11px;
    width: 90px;
}

#property-list .rate-details strong,
#property-header .rate-details strong,
.container .map-list .rate-details strong {
    display: block;
    font-size: 22px;
}

#property-header .tags {
    position: relative;
    margin: 5px 0 0 0;
}

#property-list .features,
#property-list .flags,
#property-header .features,
#property-header .flags,
.container .map-list .features,
.container .map-list .flags {
    position: absolute;
    left: 10px;
    bottom: 10px;
    height: 22px;
}

#property-list .flags,
#property-header .flags,
.container .map-list .flags {
    width: 225px;
    left: 0;
    right: auto;
    text-align: right;
}

#property-header .flags,
#property-header .features {
    position: relative;
    width: auto;
    text-align: left;
    float: left;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#property-list .features li,
#property-list .flags li,
#property-header .features li,
#property-header .flags li,
.container .map-list .features li,
.container .map-list .flags li {
    width: auto;
    height: auto;
    display: inline;
    background: #efefef;
    color: #676767;
    padding: 3px 6px;
    margin: 0 6px 0 0;
    border: 0;
    outline: 0;
    white-space: nowrap;
}

#property-list .flags li,
#property-header .flags li,
.container .map-list .flags li {
    background: rgba(85, 18, 22, 0.7);
    color: #fff;
}

#property-list .flags a,
#property-list .flags a:hover,
#property-header .flags a,
#property-header .flags a:hover,
.container .map-list .flags a,
.container .map-list .flags a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}

.book-button {
    position: absolute;
    right: 10px;
    bottom: 5px;
    text-decoration: none;
    text-align: center;
    font-style: normal !important;
    font-size: 10px;
}

.container .map-list .book-button {
    right: 10px;
    top: 10px;
}

.book-button .red-flat-button,
.book-button .red-flat-button:hover {
    display: block;
    text-decoration: none;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #fff;
    width: auto;
}

.add-button {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    color: white;
    text-align: center;
    text-decoration: none!important;
    line-height: 40px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #2980b9;
    border: 0;
    border-bottom: 2px solid #2475ab;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #2475ab;
    box-shadow: inset 0 -2px #2475ab;
}
.add-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
}

.delete-button {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 20px;
    padding: 0 10px;
    font-size: 12px;
    color: white;
    text-align: center;
    text-decoration: none!important;
    line-height: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #e74c3c;
    border: 0;
    border-bottom: 2px solid #db4334;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #db4334;
    box-shadow: inset 0 -2px #db4334;
}
.delete-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
}

.edit-button {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 20px;
    padding: 0 10px;
    font-size: 12px;
    color: white;
    text-align: center;
    text-decoration: none!important;
    line-height: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #bdc3c7;
    border: 0;
    border-bottom: 2px solid #acb2b7;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #acb2b7;
    box-shadow: inset 0 -2px #acb2b7;
}
.edit-button:active {
    top: 1px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
}

#property-list .basic-info,
#property-header .basic-info,
.container .map-list .basic-info {
    font-weight: bold;
    color: #333;
    word-spacing: 3px;
}

.rating {
    font-family: FontAwesome;
    color: #F24C59;
}

.rating span.star:before {
    content: "\f005";
}

.rating span.half-star:before {
    content: "\f089";
}

.rating span {
    margin-right: 2px;
}

#property-list .rating,
#property-header .rating,
.container .map-list .rating {
    font-size: 1.5em;
}

#property-list .beds,
#property-header .beds,
.container .map-list .beds {
    font-weight: normal;
}

.minimum-stay-notice {
    font-size: 14px;
    font-weight: bold;
    color: #F00 !important;
    font-style: normal !important;
}

.original-rate {
    text-decoration: line-through;
    font-style: normal !important;
    color: #777 !important;
    font-size: 18px;
}

.rate-label {
    font-style: normal !important;
    color: #999 !important;
    font-size: 14px;
}

#geo-description {
    clear: both;
    margin: 10px 0;
}

#geo-description h1,
#geo-description h2,
#geo-description p {
    font-size: 28px;
    font-weight: normal;
    margin: 28px 0 0 0;
    padding: 0 0 0 0;
    line-height: 28px;
}

#geo-description h2 {
    font-size: 22px;
}

#geo-description p {
    font-size: 16px;
}

.paging {
    position: relative;
    margin: 10px 0;
    line-height: 30px;
}

.paging ul {
    float: right;
}

.container .paging li {
    padding: 0;
    margin: 0 0 10px 10px;
    background: #fdfdfd;
    float: left;
}

.container .paging li {
    width: 30px;
    text-align: center;
}

.container .paging a {
    display: block;
    border: 1px solid #999;
    padding: 3px;
    color: #666;
    text-decoration: none;
}

.container .paging a:hover {
    background: #eee;
    color: #333 !important;
    border: 1px solid #333;
}

.container .paging a.active,
.container .paging a:hover.active {
    border: 1px solid #999;
    background: #353a57;
    color: #fff !important;
    cursor: default;
}

.pages-counter {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 16px;
    color: #353a57;
}

#gallery {
    padding: 10px;
}

.fotorama {
    float: left;
    margin: 0 0 0 -10px;
}

.propertydetails {
    padding-top: 16px;
    line-height: 16px;
}

.propertydetails h2,
.propertydetails p {
    font-size: 13px;
    clear: both;
    margin: 0 0 16px 0;
    padding: 0;
}

#beds_ul {
    float: left;
    clear: both;
    list-style-type: none;
    margin: 0 0 16px 0;
}

#beds_ul img {
    float: left;
}

#beds_ul li {
    float: left;
    width: 110px;
    text-align: center;
    padding: 0px;
    background: none;
}

#beds_ul li span {
    float: left;
    line-height: 60px;
    margin-left: 10px;
    font-size: 20px;
    color: #6A84B7;
}

#footer #siteseal {
    float: right;
    background: #fff;
    box-shadow: inset 0px 10px 15px -10px #666;
    padding: 10px 3px 10px 10px;
    position: relative;
    bottom: 12px;
    right: 5px;
}

.bp_tooltip {
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.bp_tooltip:hover {
    z-index: 100;
}

.bp_tooltip span:first-child {
    display: none;
    border-radius: 3px;
    padding: 5px;
    background-color: #ffec9d;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    position: absolute;
    top: 10px;
    left: 25px;
    width: 150px;
    text-align: left;
    line-height: 15px;
    z-index: 9999;
    text-indent: 0;
    color: black;
    text-transform: none;
    font-weight: normal;
}

.bp_tooltip:hover span:first-child {
    display: block;
    animation: fadein 500ms;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#tabbed_details a.ui-tabs-anchor {
    outline: 1px solid #fff !important;
    padding: 5px 12px;
}

table.bpfancytable, table.bpfancytable td, table.bpfancytable th {
    border-collapse: collapse !important;
    border: solid #666 1px;
    font-size: 12px;
}

.bpfancytable th {
    color: white;
    background: gray;
    text-align: center;
}

.bpfancytable th, .bpfancytable td {
    padding: 5px;
    border-collapse: collapse !important;
}

.bpfancytable .center {
    text-align: center;
}

.bpfancytable p {
    margin: 0px;
}

.nofloat {
    float: none !important;
}

.clear {
    clear: both;
}

.font10 {
    font-size: 10px !important;
}

.bpcollapser .expanderrow {
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.message {
    clear: both;
    position: relative;
    margin: 0 0 10px!important;
    border: 1px solid #333;
    padding: 20px;
    background: #333;
    color: #fff;
    font-size: 14px;
}
.message a,
.message a:hover {
    color: #fff;
}
.message-icon {
    padding-left: 65px;
}
.message .fa {
    display: block;
    float: left;
    font-size: 26px;
    line-height: 18px;
    margin: 0 15px 0 0;
}
.message-icon .fa {
    position: absolute;
    left: 20px;
    top: 20px;
}
.message .fa-check-circle {
    color: #6f6;
}
.message .fa-exclamation-triangle {
    color: #f66;
}
.message .fa-info-circle {
    color: #cff;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 200px;
    height: 200px;
    border: dashed gray 2px;
    border-radius: 8px;
}

.upload-btn-wrapper .btn {
    color: white;
    background-color: #3ede3e;
    height: 80px;
    width: 130px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    margin-top: -40px;
    border: none;
}

.upload-btn-wrapper input[type=file] {
    width: 0.1px;
    height: 0.1px;
    position: absolute;
    z-index: -1;
}

.uploadedimagewrapper {
    width: 200px;
    height: 200px;
    position: relative;
    border: solid gray 2px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
    overflow: hidden;
}
.uploadedimagewrapper .imgtoupload {
    width: 200px;
    height: 200px;
    -webkit-filter: blur(3px) sepia(75%);
    filter: blur(3px) sepia(75%);
    position: absolute;
    z-index: 0;
}
.uploadedimagewrapper .uploadedimage {
    filter: none;
    -webkit-filter: none;
}
.uploadedimagewrapper .deletebtn {
    position: absolute;
    z-index: 10;
    top: 5px;
    right: 5px;
    background-color: red;
    color: white;
    text-align: center;
    width: 20px;
    height: 20px;
    border: solid white 2px;
    cursor: pointer;
    font-size: 19px;
    display: inline-block;
    margin: 0 5px;
    line-height: 20px;
}

.uploadedimagewrapper .progressindicator {
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 5px;
    border: solid white 1px;
    background-color: black;
    width: 30px;
    height: 10px;
}

.uploadedimagewrapper .progressindicator .progress {
    height: 10px;
    position: absolute;
    background-color: lawngreen;
}

.uploaderrors {
    padding: 20px;
    border: solid red 1px;
    color: red;
    line-height: 150%;
    display: none;
}

.hidden {
    display: none;
}