/* Quote v0.0624 */

body {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;}
a {outline:none;text-decoration:none;}

.hide {display:none;}
.group:after {clear:both;content:'';display:table;}
.same_line {float:left;}
.secondary {float:right;}

/* additional styles */
.error {color:#C00;}
#searchSpinner {left:435px;position:absolute;top:215px;z-index:1000;}
#matrixSpinner {left:435px;position:absolute;top:385px;z-index:1000;}
#overlaySpinner {background-color:#CCC;height:700px;left:0;opacity:.1;position:absolute;top:0;width:870px;z-index:999;}

/* ================ */
/* !container  SUCQ */
/* ================ */
#containerSUCQ {background:#FFF;margin:0 auto;padding:5px;position:relative;width:870px;}

#containerSUCQ h2 {font-weight:normal;margin:0 0 5px;}
#containerSUCQ h2 span {color:#777;float:right;font-size:smaller;}
#containerSUCQ h2 span strong {color:#555;font-size:larger;font-weight:normal;}

#containerSUCQ ul {list-style:none;margin:0;padding:0;}

#containerSUCQ input[type="button"],
#containerSUCQ input[type="submit"] {background-color:#fd7c03;border:1px solid #999;color:white;font-size:16px;padding:3px 7px;text-align:center;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
#containerSUCQ input[type="button"]:hover,
#containerSUCQ input[type="submit"]:hover {background-color:#fd7c03;color:white;}

#btnSaveNew {
    /*bottom: 10px;
    position: absolute;
    right: 0;
    height: 100px;
    */
    width: 180px;
    background-color:#fd7c03;
}

/* !Tooltip */
/*#containerSUCQ .tooltip {
    background:#DDD;
    bottom:30px;
    color:#555;
    font:normal 12px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif;
    opacity:0;
    position:absolute;
    right:-5px;
    visibility:hidden;
    white-space:nowrap;
    width:120px;
    z-index:100000;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
    -webkit-transition: 0.3s ease;
    transition:0.3s ease;
}
#containerSUCQ .tooltip:after {
    border:5px solid transparent;
    border-top-color:#DDD;
    bottom:-10px;
    content:'';
    display:block;
    height:0;
    left:49%;
    position:absolute;
    width:0;
    z-index:100001;
}*/
#containerSUCQ .toggle {
    color: black;
    background:#EEE;
    border-radius:20px;
    font:normal 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding:2px 10px;
    left:0;
    text-align:left;
}

.link:hover .arrow_box{

display:block;
}


.arrow_box {
  position: relative;
    display: none;
    border: 1px solid #c2e1f5;
    border-radius: 7px;
}


.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    /* border-bottom-color: #c2e1f5; */
    /* border-width: 10px; */
    margin-left: -36px;
    /* background-color: red; */
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 13%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
	position: absolute;
    pointer-events: none;
    background-color: white;
    /* top: 1px; */
}


.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #DCDCDC;
    border-width: 8.5px;
    margin-left: -30px;
}

.logo {
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); */
    /* border-radius: 20px; */
    text-align: left;
    height: auto;
    word-wrap: break-word;
    /*word-break: break-word;*/
    display: block;
    display: inline-block;
    padding: 6px;
    font-size: 12px;
    color: gray;
    font: normal 12px/1 'Helvetica Neue', Helvetica, Arial, sans-serif;
}




/*
#containerSUCQ .toggle:hover + .tooltip {
    opacity:1;
    visibility:visible;
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
} */


/* !Divider */
#containerSUCQ .divider {background-color:#777;border:0;height:1px;margin:10px 0 5px;position:relative;
	background:-moz-linear-gradient(left, rgba(0,0,0,.05), rgba(31,31,31,.95), rgba(0,0,0,.05));
	background:-ms-linear-gradient(left, rgba(0,0,0,.05), rgba(31,31,31,.95), rgba(0,0,0,.05));
	background:-o-linear-gradient(left, rgba(0,0,0,.05), rgba(031,31,31,.95), rgba(0,0,0,.05));
	background:-webkit-linear-gradient(left, rgba(0,0,0,.05), rgba(31,31,31,.95), rgba(0,0,0,.05));
	background:linear-gradient(left, rgba(0,0,0,.05), rgba(31,31,31,.95), rgba(0,0,0,.05));}
#containerSUCQ .divider .arrow {display:none;height:16px;margin-left:-35px;overflow:hidden;position:absolute;top:-15px;width:70px;}
#containerSUCQ .divider .arrow:after {background-color:#FFF;border:1px solid #777;bottom:-20px;content:'';height:25px;left:20px;position:absolute;width:25px;
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);}
#containerSUCQ .divider .arrow.pos1 {display:inline;left:8%;}
#containerSUCQ .divider .arrow.pos2 {display:inline;left:33%;}
#containerSUCQ .divider .arrow.pos3 {display:inline;left:58%;}
#containerSUCQ .divider .arrow.pos4 {display:inline;left:83%;}

/* !Ribbon */
#containerSUCQ .ribbon {color:#EEE;display:block;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;left:-4px;position:absolute;top:-4px;width:30px;z-index:1;}

#containerSUCQ .ribbon .piece {background-color:#777;
	-moz-transition:background-color 0.5s ease-in;
	-ms-transition:background-color 0.5s ease-in;
	-o-transition:background-color 0.5s ease-in;
	-webkit-transition:background-color 0.5s ease-in;
	transition:background-color 0.5s ease-in;}
#containerSUCQ .ribbon .head {background-color:#777;border-bottom:1px solid rgba(255, 255, 255, 0.5);padding:3px 0 0;position:relative;text-transform:uppercase;
	-moz-border-radius:3px 3px 0 0;
	-ms-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;}
#containerSUCQ .ribbon .body {font-size:18px;padding:3px 0;}

#containerSUCQ .ribbon .body div {font-size:10px;text-transform:uppercase;}


#containerSUCQ .ribbon .tail {height:10px;overflow:hidden;position:relative;}
#containerSUCQ .ribbon .tail .piece {height:10px;position:absolute;top:-10px;width:50px;}
#containerSUCQ .ribbon .tail .wing {left:-9px;
	-moz-transform:rotate(-25deg);
	-ms-transform:rotate(-25deg);
	-o-transform:rotate(-25deg);
	-webkit-transform:rotate(-25deg);
	transform:rotate(-25deg);}
#containerSUCQ .ribbon .tail .wing + .wing {right:-9px;
	-moz-transform:rotate(25deg);
	-ms-transform:rotate(25deg);
	-o-transform:rotate(25deg);
	-webkit-transform:rotate(25deg);
	transform:rotate(25deg);}


/* ================ */
/* !section Filters */
/* ================ */
#sectionFilters {position:relative;}
#sectionFilters form {font-size:12px;}
#sectionFilters .filters_section {min-height:55px;width:760px;}
#sectionFilters .filters_section.optional {border-top:1px dotted #CCC;margin-top:10px;padding-top:5px;position:relative;}
#sectionFilters .filters_section.optional h6 {background-color:#FFF;border:1px dotted #CCC;color:#777;font-size:8px;left:10px;letter-spacing:1px;margin:0;padding:3px 10px;position:absolute;text-transform:uppercase;top:-9px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
#sectionFilters .same_line + .same_line {margin-left:10px;}

#sectionFilters select {text-transform:capitalize;}
#sectionFilters select,
#sectionFilters #filterMoveIn,
#sectionFilters #filterCheckUnit {width:90px;}

#sectionFilters select[multiple] {border:1px solid #DDD;padding:2px 3px;width:120px;}
#sectionFilters select[multiple] option {border-bottom:1px solid #EEE;padding:1px 0;}

#sectionFilters #filterAmenities {width:200px;}

#sectionFilters label {display:block;margin-bottom:3px;margin-top:10px;}
#sectionFilters .button_set input + label {display:inline-block;margin-bottom:0;margin-top:0;}

#sectionFilters .check_unit {border-left:1px dotted #ddd;height:60px;margin-left:30px !important;padding-left:30px;position:relative;}
#sectionFilters .check_unit h6 {background-color:#FFF;border:1px dotted #CCC;color:#777;font-size:8px;left:-14px;letter-spacing:1px;margin:0;padding:3px 6px;position:absolute;text-transform:uppercase;top:7px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
#sectionFilters #filterSearch {bottom:10px;height:100px;position:absolute;right:0;width:80px;}


/* ================ */
/* !section Results */
/* ================ */
#sectionResults {position:relative;z-index: 3;}
#sectionResults h2 span {float:none;margin-left:20px;}

/* !Unit Details Box */
.unit_details_box {border:1px solid #EEE;color:#222;float:left;font:14px 'OpenSansCondensedLight', Helvetica, Arial, sans-serif;margin:5px;position:relative;width:195px;z-index: 10;position: relative;}
.unit_details_box.active {border-color:#AAA;}
.unit_details_box .frame {background:#FFF url(../images/loader16x16.gif) center center no-repeat;float:left;height:120px;line-height:9;margin-right:10px;overflow:hide;position:relative;text-align:center;width:90px;}
.unit_details_box .frame img {bottom:0;left:0;margin:auto;max-height:110px;max-width:80px;position:absolute;right:0;top:0;}
.unit_details_box .title {padding:5px 3px 0 0;}
.unit_details_box h4 {color:#222;font-size:28px;margin:0;text-indent:-5px;
	-moz-transition:color 0.5s ease-in;
	-ms-transition:color 0.5s ease-in;
	-o-transition:color 0.5s ease-in;
	-webkit-transition:color 0.5s ease-in;
	transition:color 0.5s ease-in;}
.unit_details_box h4:before {content:'$';color:#777;font-size:10px;vertical-align:10px;}
.unit_details_box .type {font-size:12px;position:absolute;top:5px;right:5px;
	-moz-transition:color 0.5s ease-in;
	-ms-transition:color 0.5s ease-in;
	-o-transition:color 0.5s ease-in;
	-webkit-transition:color 0.5s ease-in;
	transition:color 0.5s ease-in;}
.unit_details_box .type + .type {top:18px;}

.unit_details_box div.match {height:1px;margin:1px 0 0;overflow:hidden;}
.unit_details_box div.match span {background-color:#0C0;display:inline-table;width:19px;}
.unit_details_box div.match span.off {background-color:#DDD;}


/* to remove match indicator */
.unit_details_box div.match {background-color:#DDD;}
.unit_details_box div.match span {display:none;}
/* to remove match indicator */


.unit_details_box .details {font-size:14px;margin-bottom:5px;position:relative;}
.unit_details_box .details h5 {font-size:16px;margin:7px 0 3px;}
.unit_details_box .details h5 span {background-color:#777;color:#FFF;font-size:12px;padding:3px 3px 0;position:absolute;right:5px;top:32px;}
.unit_details_box .details .floorplan {margin:0 0 2px;}
.unit_details_box .details .footage {font-size:12px;}

#containerSUCQ .unit_details_box .tooltip {padding:5px 10px;}
#containerSUCQ .unit_details_box .tooltip li {margin-bottom:0;}
#containerSUCQ .unit_details_box .ribbon.quoted .head,
#containerSUCQ .unit_details_box .ribbon.quoted .piece {background-color:#272;}
#containerSUCQ .unit_details_box.pinned .head {background-color:#272;}
/* hover animation */
.unit_details_box:hover {cursor:pointer;}
#containerSUCQ .unit_details_box:hover .piece {background-color:#222;}
.unit_details_box:hover h4,
.unit_details_box:hover .type {color:#777;}

/* ================ */
/* !section Details */
/* ================ */
#sectionDetails {padding-top:5px;position:relative;}
#sectionDetails .frame {background:#FFF url(../images/loader16x16.gif) center center no-repeat;border:1px solid #DDD;float:left;height:200px;line-height:9;margin-right:10px;overflow:hide;position:relative;text-align:center;width:190px;}
#sectionDetails .frame img {bottom:0;max-height:190px;left:0;margin:auto;max-width:180px;position:absolute;right:0;top:0;}

#sectionDetails table {font-size:12px;text-align:center;width:595px;}
#sectionDetails table th {background:#BBB;border:1px solid #FFF;border-width:1px 1px 0 0;color:#FFF;font-size:14px;font-weight:normal;padding:5px 10px;white-space:nowrap;}
#sectionDetails #tableOptions th {border-width:0 0 1px;}
#sectionDetails table td {background:#EEE;border-bottom:1px solid #FFF;color:#777;padding:5px;
	-moz-transition:background-color 0.25s ease-in;
	-ms-transition:background-color 0.25s ease-in;
	-o-transition:background-color 0.25s ease-in;
	-webkit-transition:background-color 0.25s ease-in;
	transition:background-color 0.25s ease-in;}

#sectionDetails #tableOptions {margin-bottom:0;width:411px;}
#sectionDetails #tableOptions tbody th + td {background:#BBB;color:#EEF;font-size:14px;}
#sectionDetails table .options,
#sectionDetails #tableOptions tbody th + td {text-align:left;}
#sectionDetails #tableOptions tbody td {color:#777;}
#sectionDetails #tableOptions tbody td input {float:right;width:40px;}
#sectionDetails #tableOptions tbody td select {float:right;width:40px;}
#sectionDetails #tablePrices td:hover {text-decoration:underline;cursor:pointer;}

#sectionDetails .tables .optionShell {
    height: 175px;
    overflow-y: visible !important;
}
#sectionDetails .tables .overflow {
    overflow-x: hidden;
}
#sectionDetails .tables {float:left;position:relative;}
#sectionDetails .selected {background-color:#FFF;}
#sectionDetails .tables .shell {margin:0 0 10px 48px;overflow-x:scroll;overflow-y:visible;width:598px;}
#sectionDetails .tables .shell tbody th,
#sectionDetails .tables .shell .stat {left:0;position:absolute;width:30px;}
#sectionDetails .details {color:#222;float:right;margin:0 0 30px 0;width:210px;}
#sectionDetails .details .title,
#sectionDetails .details .plan {font:14px 'OpenSansCondensedLight', Helvetica, Arial, sans-serif;position:relative;}
#sectionDetails .details h4 {color:#222;font-size:28px;font-weight:bold;margin:3px 0;}
#sectionDetails .details .type {font-size:22px;position:absolute;top:1px;right:0;}
#sectionDetails .details .plan {border-bottom:1px solid #DDD;padding-bottom:3px;}
#sectionDetails .details .dates {font-size:10px;margin:10px 0 15px;}
#sectionDetails .details ul {margin-bottom:10px;}
#sectionDetails .details ul.amenities li {border-left:2px solid #CCC;color:#555;font-size:12px;float:left;line-height:1;margin:0 0 3px 5px;padding-left:3px;width:95px;}
#sectionDetails .details ul.payments li {font-size:12px;}
#sectionDetails .details ul.payments li.indent {color:#777;text-indent:5px;}
#sectionDetails .details ul.payments li.list {border-bottom:1px solid #DDD;margin:10px 0 2px;padding-bottom:1px;}
#sectionDetails .details ul.payments li span {float:right;}
#sectionDetails .details .buttons {bottom:0;position:absolute;right:10px;max-width:215px;}
#sectionDetails .details .buttons button {background-color:#DDD;border:1px solid #999;color:#777;font-size:16px;width: 80px;padding:3px 7px;text-align:center;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
#sectionDetails .details .buttons button:hover {background-color:#AAA;color:#EEE;}

/*#sectionDetails .details .buttons #btnSaveNew {display:block;margin-bottom:10px;width:100%;} */

/* !other */
.ui-widget {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;}

/* ================ */
/* !container  error */
/* ================ */
#errorMsgDateChanged{font-size:12px;}

/*#sectionResults .flex-viewport {
    overflow: visible !important;
}*/



/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;

        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;

        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

        /* Tooltip arrow */
        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }