.mantis {
}
/* Master CSS for Mantis Property Enterprise system 





*/




#contentarea a:link,
#contentarea a:visited {
    font-weight: bold;
    cursor: pointer;
    color: #f79c2a;
    text-decoration: none;
}

#contentarea a:hover,
#contentarea a:active {
    color: #0066a6;
}


body {
    background: #fff;
    color: #404041;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-bottom: 15px;
}

h2 {
    color: #033878;
    font-size: 19px;
    font-weight: bold;
}

h1 {
    color: #033878;
    font-size: 22px;
    font-weight: bold;
}

h3 {
    color: #0066A6;
    font-size: 16px;
    font-weight: bold;
}


a {
    outline: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.float-center {
    margin: 0 auto;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.clear {
    clear: both;
}

.inline {
    display: inline;
}

.zero {
    margin: 0;
}

.width_zero,
.form .width_zero input,
.form input.width_zero,
.form select.width_zero {
    width: auto;
}

.order_info p label {
    width: 210px;
}

.no-width, .form input.no-width {
    width: auto;
}

.no-wrap {
    white-space: nowrap;
}

.redtext {
    color: #CC0000;
}

.greentext {
    color: #009900;
}

.bold, tr.bold td {
    font-weight: bold;
}

quote {
    font-style: italic;
    color: #111;
}

tr.totals {
    background-color: #EDEDED;
}

.hidden {
    display: none;
}

abbr {
    border-bottom: dotted 1px #FF7F00;
    cursor: help;
}

.w80 {
    width: 80px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}

.w275 {
    width: 275px;
}

.w300 {
    width: 300px;
}

.w340 {
    width: 340px;
}

.w390 {
    width: 390px;
}

.w420 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.w650 {
    width: 650px;
}

.mr40 {
    margin-right: 40px;
}

.mr20 {
    margin-right: 20px;
}

.ml130 {
    margin-left: 130px;
}

.table {
}

.alt_item {
    background: #EDEDED;
}

iframe {
    border: solid 1px #678187;
}

.hr {
    height: 20px;
    border-bottom: dotted 2px #EDEDED;
    margin-bottom: 20px;
}


/* Messages */

.msg_warning {
    background: url(../images/icon_warning.png) no-repeat center left;
    margin: 10px 0;
    padding-left: 18px;
    font-size: 14px;
    color: #990000;
}

.msg_confirm {
    background: url(../images/icon_tick.png) no-repeat center left;
    margin: 10px 0;
    padding-left: 18px;
    font-size: 14px;
    color: #669900;
}



/* Share link */

#share {
    float: right;
    margin: 2px 5px 0 0;
}


/
/* Typical content elements 

h1 {
	font: 17px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	color: #FF7F00;
	margin-bottom: 12px;
	text-transform: uppercase;
}

h2 {
	font: 14px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Verdana,sans-serif;
	color: #678187;
	margin: 16px 0 5px 0;
	text-transform: uppercase;
}

*/
/* Quick Property Search panel on homepage */
#quick_prop_search {
    margin: -25px -25px -25px 30px;
    width: 220px;
    padding: 15px;
    min-height: 450px;
    background: #CCC;
}

#quick_prop_search h2 {
    font-size: 17px;
    color: #000;
    margin: 12px 0;
    text-transform: uppercase;
}

#quick_prop_search .form {
    padding: 0;
    color: #333;
    border: none;
    background: none;
}

    #quick_prop_search .form label {
        clear: both;
        display: block;
        width: 200px;
        margin-bottom: 5px;
    }

    #quick_prop_search .form select {
        width: 220px;
    }

    #quick_prop_search .form .price select {
        width: 101px;
    }

    #quick_prop_search .form input[type="submit"] {
        width: 100px;
        margin-right: 23px;
    }

    #quick_prop_search .form .button {
        padding: 5px 0;
    }

#quick_prop_search ul {
    color: #FFF;
}

    #quick_prop_search ul li {
        margin-left: 20px;
    }

        #quick_prop_search ul li span {
            color: #333;
        }


/* Property listings */

#prop_listing_page {
}

.page_info {
    margin-bottom: 20px;
}

.listing_order {
    position: relative;
    top: -30px;
}

.prop_listing {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px dotted #CCC;
}

    .prop_listing:hover {
        background: #000;
    }

.prop_listing_img {
    float: left;
    width: 150px;
    height: 107px;
    margin-right: 20px;
    cursor: pointer;
    overflow: hidden;
    border: solid 1px #678187;
    background: #FFF;
}

.prop_listing h2 {
    margin: 0 0 5px 0;
}

.prop_listing .textual {
    margin-left: 170px;
    width: 480px;
}

.prop_listing .pets,
.prop_listing .beds,
.prop_listing .cars,
.prop_listing .baths {
    display: block;
    margin-top: 5px;
    margin-bottom: -12px;
    width: 117px;
    height: 28px;
    padding: 15px 0 0 5px;
    font-size: 10px;
    color: #333;
}

    .prop_listing .beds span,
    .prop_listing .cars span,
    .prop_listing .baths span,
    .prop_listing .pets span {
        float: right;
        position: relative;
        top: -9px;
        font-size: 37px;
        color: #000;
    }

.prop_listing .beds {
    background: url(../images/prop_listing_beds.gif) no-repeat left top;
}

.prop_listing .cars {
    background: url(../images/prop_listing_cars.gif) no-repeat left top;
}

.prop_listing .baths {
    background: url(../images/prop_listing_baths.gif) no-repeat left top;
}

.prop_listing .pets {
    background: url(../images/prop_listing_pets.gif) no-repeat left top;
}

.prop_listing .cars {
}

.prop_listing .baths {
}

.prop_listing .pets {
}



/* Property Details page */

#prop_details_page span.prop_id {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}

.more_options {
    float: right;
    width: 140px;
}

    .more_options a.print_brochure {
        display: block;
        padding-left: 20px;
        line-height: 16px;
        background: url(../images/icon_print_brochure.jpg) no-repeat;
    }

    .more_options a:link,
    .more_options a:visited {
        display: block;
    }



#prop_desc {
    float: left;
    width: 380px;
}

#prop_imgs {
    float: right;
    width: 400px;
    padding: 10px;
}

#prop_map {
    position: relative;
    top: 20px;
    height: 380px;
    bottom: 20px;
}

#agent_details {
    float: left;
    width: 390px;
}

#agent_info {
    position: relative;
    top: -7px;
    float: left;
    width: 100px;
}

    #agent_info p {
        float: left;
        margin: 5px 0;
    }

        #agent_info p span {
            float: left;
            width: 200px;
            color: #333;
            font-weight: normal;
        }

        #agent_info p strong span {
            font-size: 14px;
            font-weight: normal;
            color: #000;
            clear: both;
        }

#agent_contact {
    float: left;
    width: 390px;
}


/* Form layout and formating - leaving as much as possible up to the browser */

.form {
    padding: 10px;
    border: dotted 1px #CCC;
    background: #F3F3F3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.form-notop {
    padding: 10px;
    border-top: none;
    background: #F3F3F3;
}

.form-nobottom {
    padding: 10px;
    border-bottom: none;
    background: #F3F3F3;
}

.formhome {
    padding: 20px;
    background: #f0f0f0;
    border: solid 2px #63a8e1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: Black;
}

.tableform {
    padding: 10px;
    border: dotted 1px #CCC;
    background: #F3F3F3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.clean {
    padding: 0;
    border: none;
    background: none;
}

.form p {
    margin-bottom: 10px;
}

.form label {
    float: left;
    width: 100px;
}

    .form label.short {
        width: 50px;
    }

.form input {
    width: 150px;
}

    .form input[type="submit"] {
        width: auto;
    }

    .form input[type="checkbox"] {
        float: left;
        width: auto;
    }

.form textarea {
    width: 150px;
    height: 100px;
}

.validation_summary {
    margin-left: 30px;
    padding: 10px;
    border: dotted 1px #CC0000;
    background: #FFF2F2;
}

.contact_pic img {
    border: solid 1px #CCC;
}



/*AutoComplete flyout */
.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: White;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    font-family: Tahoma;
    font-size: small;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}

#fixAutoComplete ul li {
    display: block;
    float: none;
    margin-right: 5px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.formWideLabel label {
    float: left;
    width: 120px;
}

.terms-conditions {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    height: 400px;
    overflow: auto;
    padding: 1%;
    width: 98%;
    margin-bottom: 15px;
}


/* Steps in the checkout process */

span.step_1,
span.step_2,
span.step_3,
span.step_4 {
    font-size: 20px;
}



.property h1.snug {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.property h2 {
    margin: 20px 0 10px 0;
    font-size: 20px;
    color: #0099CC;
}

.property h3 {
    margin: 20px 0 10px 0;
    font-size: 16px;
    color: #0C5F8F;
}

    .property h3.snug {
        margin: 0;
    }

    .property h3 input,
    .property h3 select {
        margin: 0;
        font-size: 12px;
        color: #333;
    }

.property .h3_small {
    font-size: 11px;
    color: #666;
}

.property h4 {
    margin: 20px 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #0C5F8F;
}

.property .form p label {
    float: left;
    width: 120px;
    vertical-align: text-top;
    font-weight: bold;
}

.property input {
    width: 50px;
    vertical-align: text-top;
}


.property .w550, .property .form .w550 {
    width: 400px;
}


. .w_admin_auto {
    width: auto;
}
/* a reset from the front end */

.h10 {
    height: 10px;
}

.h200, .form .h200 {
    height: 200px;
}

.h400 {
    height: 400px;
}

h3.formbox {
    margin: 30px 0 5px 0;
    padding: 0;
    border: none;
    background: none;
}

    h3.formbox span {
        color: #FFF;
        background: #0099CC;
        padding: 0 3px;
    }

    h3.formbox sup a.top:link {
        margin-left: 50px;
        font-size: 12px;
        font-style: normal;
        color: #0099CC;
    }

.formbox {
    padding: 10px;
    border: 1px dotted #0099CC;
    background: #F8FDFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.formbox2 {
    padding: 10px;
    border-bottom: 1px dotted #0099CC;
    border-left: 1px dotted #0099CC;
    border-right: 1px dotted #0099CC;
    background: #F8FDFF;
}

.service_listing {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px dotted #CCC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .service_listing:hover {
        /*background: #000;*/
    }

.service_listing_img {
    float: left;
    width: 150px;
    height: 107px;
    margin-right: 20px;
    cursor: pointer;
    overflow: hidden;
    border: solid 1px #678187;
    background: #FFF;
}

.service_listing h2 {
    margin: 0 0 5px 0;
}

.service_listing .textual {
    margin-left: 170px;
}


.tools a:link,
.tools a:visited {
    color: white !important;
    font-weight: bold;
    cursor: pointer;
    background-color: #f79c2a;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.tools a:hover,
.tools a:active {
    background-color: #0066a6;
}

#headerBrochure {
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    border-radius: 20px 20px 0px 0px;
    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    border: 1px solid #adadad;
}