/* detailed view */

.community-buy .detail {
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid #FFAC3F;
    width:auto;
    height:auto;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:2.5%;
}

.community-buy .info-panel-wrapper {
    position: relative;
}

body.mini .community-buy .detail-page-info-text {
    font-size:1.1em;
}
.community-buy .detail-page-info-text.right {
    float:right;
    width: 122px;
}

body.mini .community-buy .info-panel-wrapper {
    margin-top:5px;
    height: auto;
    background-color: white;
}
.community-buy .detail-page-info-panel {
    height: 20px;
    line-height: 20px;
}
.community-buy .info-panel-wrapper .top{
}
body.mini .community-buy .top, 
body.mini .community-buy .middle, 
body.mini .community-buy .bottom, 
body.mini .community-buy .bottom2 {
position: static;
}

.community-buy .info-panel-wrapper .middle{
    position: absolute;
    top: 33%;
    width: 100%;
}
.community-buy .info-panel-wrapper .bottom {
    position: absolute;
    width: 100%;
    top: 53%;
}
.community-buy .detail .deal-offered-image {
	width: 30%;
	float: left;
}
.community-buy .detail .deal-offered-image img {
	width: 100%;
}

.community-buy .detail .deal-offered-details {
	float: left;
	width: 65%;
}

/* summary view */

.community-buy .summary {
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid #FFAC3F;
}
.search-result-headline-bar.community-buy {
    background: #FFAC3F;
    color: white;
}

.description-scroll {
}
.detail-content-area-description .editing textarea {
    width: 80%;
}
@media screen and (max-width: 720px) {
    ..description-scroll .editing textarea {
        width: 10em;
    }    
}
.community-buy .editable-wrapper {
    margin: 0 0 1.4em 0;
}

.detail-content-area.permissions .member-list .pbutton {
    display:block;
    margin:1ex 3em;
}

.community-buy .requested_units_editable .editing input {
    width: 10em !important;
}


.item-box{
    text-align: left;
    display:inline-block;
    vertical-align:top;
    height:340px;
    width:189px;
    padding:22px 15px 2px 16px;
    margin: 15px 10px 15px 10px;
    border:1px solid #038bcc;
    background:#fff;
    line-height:17px;
    position:relative;
    box-shadow:4px 4px 8px #d0d0d0;
    -moz-box-shadow:4px 4px 8px #d0d0d0;
    -webkit-box-shadow:4px 4px 8px #d0d0d0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
body.mini .item-box.flex-bottom,
.item-box.flex-bottom {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
    overflow: hidden;
    border: none;
}
.item-box.ms-wide{
    /*height: 300px;
    width: 300px;*/
    height: 375px;
    width: 400px;
}
body.mini .item-box {
    height: 260px;
    padding: 15px 5px 0 5px;
}
body.mini .item-box.ms-wide{
    height: 200px;
}
body.mini .similar-item .item-box.community-buy {
    min-height: 60px;
}
.item-box.style01{border-color:#679934;}
.item-box.style02{border-color:#e5ad38;}
.item-box.style03{border-color:#689935;}
.item-box.style03re{border-color:#663499;}

.item-box:hover{
    box-shadow:0 0 14px #038bcc;
    -moz-box-shadow:0 0 14px #038bcc;
    -webkit-box-shadow:0 0 14px #038bcc;
    cursor: pointer;
}
body.android-4-3 .detail-view-buyrequests .item-box:hover,
body.android-4-3 .detail-view-offers .item-box:hover {
    /* android browser <= 4.3 screws up inside scroll containers!
    if you change the shadow  AT ALL
    */
    -webkit-box-shadow:4px 4px 8px #d0d0d0;
    outline: solid 3px rgba(0, 139, 204, 0.57);
}
.item-box .image-holder{
    width: 100%;
    height: 160px;
    margin: 0 0 10px 0;
    line-height: 160px;
    text-align: center;
    flex: 0 0 auto;
}
.item-box .image-holder.ms-big{
    height: 270px;
    line-height: 270px;
}
body.mini .item-box .image-holder {
    height: 100px;
    line-height: 100px;
}
body.mini .similar-item .item-box .image-holder {
}
.item-box .image-holder img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    min-width: 30%;
    min-height: 30%;
}
.item-box h2{
    margin-bottom: 8px;
    font-size:15px;
    line-height:18px;
    font-weight:400;
    color: black;
    min-height: 1.5em;
    padding-right: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.item-link.charity .item-box h2 {
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
}
.item-box .description {
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    overflow: hidden;
}

body.mini .item-box h2 {
    font-size: 1.2em;
    max-height: 2.5em;
    overflow: hidden;
    text-align: center;
}
.item-box h2 a{color:#333;}
.item-box h2 a:hover{
    color:#333;
    text-decoration:underline;
}
.item-box .price-info{
    margin:0 0 5px;
    text-align: right;
}
body.mini .item-link.community-buy .item-box h2 {
    overflow: visible;
}
body.mini.no-flex .item-link.community-buy .item-box h2 {
    /* just in case the text overlaps the charity icon, make it pop */
    text-shadow: 0 0 4px white;
    -webkit-text-stroke: 0.2px white;
}
body.mini .item-link.community-buy .item-box .price-info {
    text-align: left;
}
.item-link.community-buy .item-box .price-info, .item-link.main-street-deal .item-box .price-info{
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 0 1 48px;
        -ms-flex: 0 1 48px;
            flex: 0 1 48px;
}
.item-link.community-buy .item-box .price-info .charity-icon,
.main-street-deal .item-box .price-info .charity-icon {
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

body.no-flex .item-link.community-buy .item-box .price-info .charity-icon,
body.no-flex .item-link.main-street-deal .item-box .price-info .charity-icon {
    min-height: 32px;
}

.item-box .price{
    color:#f60;
    font-size:20px;
    line-height:24px;
   -webkit-box-flex: 1;
   -webkit-flex: 1 0 auto;
       -ms-flex: 1 0 auto;
           flex: 1 0 auto;
}
body.mini .item-box .price {
    float: none;
    font-size: 1em; 
    line-height: 1em;
    display: block;
    text-align: center;
}
.item-box .info-text{
    float:right;
    color:#008bcc;
    font-size:1em;
    line-height:1em;
    padding: 0 0;
    letter-spacing:1px;
}

.item-box .flex-row {
    /* old box model doesn't shrink well */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.item-box .flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.item-box .flex-shrink-50 {
    -webkit-flex-shrink:1;
        -ms-flex-negative:1;
            flex-shrink:1;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
}
.item-box .flex-shrink-45 {
    -webkit-flex-shrink:1;
        -ms-flex-negative:1;
            flex-shrink:1;
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
}
body.mini .item-box .flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.item-box .offer-info{
    color: #008bcc;
    font-size: 1.1em;
}
body.mini .item-box .info-text{
    float: none;
}
.item-box .info-text strong{
    font-weight:400;
    font-size:16px;
}
body.mini .item-box .info-text {
    display: block;
    text-align: center;
}
body.mini .item-box .info-text strong {
    font-size: 1em;
}

body.mini .item-box.style03 .price-info .price {
    text-align: left;
}
body.mini .item-box.style03 .price-info .info-text {
    display: inline-block;
    width: 50%;
    overflow: auto;
    text-align: right;
    font-size: 0.6em;
}
body.mini .item-box.style02 .price-info .price {
}
body.mini .item-box.charity .description {
    display: none;
}
.item-box .item-info{
    margin:0 0 6px;
    padding:1px 4px 3px 10px;
    overflow:hidden;
    border:1px solid #ccc;
    font-weight:400;
    background:#f1f1f2;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(top,  #f1f1f2 0%, #e4e4e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f2), color-stop(100%,#e4e4e5));
    background: -webkit-linear-gradient(top,  #f1f1f2 0%,#e4e4e5 100%);
    background: -o-linear-gradient(top,  #f1f1f2 0%,#e4e4e5 100%);
    background: -ms-linear-gradient(top,  #f1f1f2 0%,#e4e4e5 100%);
    background: linear-gradient(to bottom,  #f1f1f2 0%,#e4e4e5 100%);
}

.item-box .item-info.offers {
    border-color: #93C064;
}
body.mini .item-box .item-info {
    font-size: 0.7em;
}
body.mini .item-box .item-info.slide-up {
    margin-top: -3px;
}
.item-box .item-info dt{
    float:left;
    color:#008bcc;
}
.item-box .item-info dd{
    float:right;
    margin:0;
}
.star-rating{
    overflow:hidden;
    width:100%;
}
.star-rating img{vertical-align:top;}
.item-box .info{
    overflow:hidden;
    padding:2px 0 0;
    margin:0 0 10px;
}
.item-box .info dt{
    float:left;
    color:#008bcc;
    margin:0 4px 0 0;
}
.item-box .info dd{
    margin:0;
    float:left;
}
.item-box .info-style02{
    padding:0 9px 0 11px;
    margin:-1px 0 0;
}
.item-box .info-style02 dd{float:right;}
.item-box p{margin:0;}

.item-box .target-company-button {
    padding-top: 5px;
    padding-bottom:5px;
    padding-left:30px;
    padding-right:30px;
    text-align: left;
    margin-bottom: 5px;
}

.category-icon,
.category-icon.cb{
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    text-align: left;
    background: url('/static/images/buy_requests_long_17.png?6c4478f78661') no-repeat 0 0;
    background-size: 75px 22px;
    width: 75px;
    height: 22px;
}
.category-icon.cb.short{
    background: url('/static/images/buy_requests_short_32.png?6c4478f78661') no-repeat 0 0;
    background-size: 22px;
    width: 22px;
    height: 22px;
}
.category-icon.ms{
    background: url('/static/images/main_street_long_17.png?2d04afe4496a') no-repeat 0 0;
    background-size: 75px 22px;
    width: 75px;
}
.category-icon.re{
    background: url('/static/images/raffle_long_17.png?b6697d88e4a9') no-repeat 0 0;
    background-size: 75px 22px;
    width: 75px;
}
.category-icon.cv{background-position:-232px -5px;}
.category-icon.fundraise{
    width: 36px;
    height: 36px;
    background: url('/static/images/filter_charity_sprite.png?dcf69cc9ab82') no-repeat -2px -4px;
    background-size: 36px;
}
.category-icon.business{
    width: 36px;
    height: 36px;
    background: url('/static/images/filter_business_sprite.png?dcf69cc9ab82') no-repeat -2px -4px;
    background-size: 36px;
}
.category-icon{
    position:absolute;
    top:-7px;
    left:-7px;
}
.star-rating .star {
    background: url('/static/images/cmc_images/img-star-rating.gif?5486e3bc1cf8') no-repeat 0 0;
    display: inline-block;
    height: 14px;
    width: 14px;
}
.detail-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #dcdcdc;
    background: rgba(0,0,0,0.75);
    z-index: 500;
    /* fix event detection bug?*/
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
body.mini .detail-container {
    /* perspective causes IE11 to render horribly! */
    -webkit-perspective: 500px;
            perspective: 500px;
}
.detai-view .search-results-detail .exbutton {
    display: block;
}
.detail-view .detail-content-area {
    padding: 10px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #cccccc;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
        -ms-flex-order: 100;
            order: 100;
}
body.mini .detail-view .detail-content-area.dealsoffered {
    /* promote this above description on mini layout */
    -webkit-box-ordinal-group: 91;
    -webkit-order: 90;
        -ms-flex-order: 90;
            order: 90;
}
.detail-view .detail-content-area-description {
    /* hack to fix issues with overflow-y: auto creating unnecessary scrollbars */;
    display: inline-block;
    margin-bottom: 0.5ex;
}
.detail-view .detail-content-area-description-scroll {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    /* fallback to a very small size */
    max-height: 15ex;
    max-height: 30vh;
}
.detail-view-container {
    position: absolute;
    height: 96%;
    width: 80%;
    left: 10%;
    right:10%;
    top: 2%;
    bottom: 2%;
    display: block;
    background: #fff;
    display: none;
    border-radius: 15px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .3);
}
.detail-view-inner-container {
    position: absolute;
    padding-top: 40px;
    border-radius: 0;
    border: 3px solid #ffac3f;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
body.mini #detailContainer .detail-view-inner-container {
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
}
.detail-view-inner-container.ms {
    border: 3px solid #669933;
}
.detail-view-inner-container .de {
    border: 3px solid #673199;
}

.detail-view-inner-container.re {
    border: 3px solid #673199;
}

.detail-view-container.active,
.detail-view-container.prev,
.detail-view-container.next,
.detail-view-container.prevprev,
.detail-view-container.nextnext {
    display: block;
    /* transform is WAY faster than position!
    http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/
    */
    -webkit-transition:  -webkit-transform 0.5s ease-in-out;
            transition:  -webkit-transform 0.5s ease-in-out;
    transition:  transform 0.5s ease-in-out;
    z-index: 502;
}

.detail-view-container.prev,
.detail-view-container.next {
    z-index: 501;
}

.detail-view-container.prevprev,
.detail-view-container.nextnext {
    z-index: 500;
}

body.mini .detail-view-container {
    width: 96%;
    width: 96vw;
    left: 2%;
    left: 2vw;
}
body.mini .detail-view-container.prev {

    -webkit-transform: translate3d(-103%, 0, -1px) rotateY(10deg);
            transform: translate3d(-103%, 0, -1px) rotateY(10deg);
}

body.mini .detail-view-container.next {
    -webkit-transform: translate3d(103%, 0, -1px) rotateY(-10deg);
            transform: translate3d(103%, 0, -1px) rotateY(-10deg);
}
.detail-view-container.prev {
    -webkit-transform: translate3d(-105.05%, 0, 0);
            transform: translate3d(-105.05%, 0, 0);
}
.detail-view-container.next {
    -webkit-transform: translate3d(105.05%, 0, 0);
            transform: translate3d(105.05%, 0, 0);
}
.detail-view-container.prevprev {
    -webkit-transform: translate3d(-125.05%, 0, 0);
            transform: translate3d(-125.05%, 0, 0);
}

.detail-view-container.nextnext {
    -webkit-transform: translate3d(125.05%, 0, 0);
            transform: translate3d(125.05%, 0, 0);
}

body.mini .detail-view-container.nextnext,
body.mini .detail-view-container.prevprev {
    display: none;
}

.detail-view-container.prev,
.detail-view-container.next,
.detail-view-container.prevprev,
.detail-view-container.nextnext {
    /*opacity: 0.6;*/
    right: auto;
}


.main-container.static-detail .detail-page-search,
.main-container.static-detail .detail-view-container {
    display: block;
}

.detail-page-search {
    display: none;
}

.detail-view {
    border-style: solid;
    border-width: 0;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

body.mini .detail-view {
    overflow-y: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.detail-view-buyrequests .search-results-flex-shadow,
.detail-view-offers .search-results-flex-shadow,
.detail-view-raffles .search-results-flex-shadow {

    margin: 0 10px 10px 10px;
    box-shadow: 0px 0px 15px silver;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.detail-view-buyrequests .searchResults,
.detail-view-offers .searchResults,
.detail-view-raffles .searchResults {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    position: relative;
    background: white;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
}

.detail-view-buyrequests,
.detail-view-offers,
.detail-view-raffles {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
body.mini .detail-view-show-buyrequests .detail-view,
body.mini .detail-view-hide-buyrequests .detail-view-buyrequests,
body.mini .detail-view-show-offers .detail-view,
body.mini .detail-view-hide-offers .detail-view-offers,
body.mini .detail-view-show-raffles .detail-view,
body.mini .detail-view-hide-raffles .detail-view-raffles,
.detail-view-show-buyrequests .detail-view,
.detail-view-hide-buyrequests .detail-view-buyrequests,
.detail-view-show-offers .detail-view,
.detail-view-hide-offers .detail-view-offers,
.detail-view-show-raffles .detail-view,
.detail-view-hide-raffles .detail-view-raffles {
    display: none;
}

.detail-view-buyrequests .searchResults,
.detail-view-offers .searchResults,
.detail-view-raffles .searchResults {
    transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.detail-view-hide-buyrequests .detail-view-buyrequests .searchResults,
.detail-view-hide-offers .detail-view-offers .searchResults,
.detail-view-hide-raffles .detail-view-raffles .searchResults,
.transition.detail-view-show-buyrequests .detail-view-buyrequests .searchResults,
.transition.detail-view-show-offers .detail-view-offers .searchResults,
.transition.detail-view-show-raffles .detail-view-raffles .searchResults {
    position: relative;
    transform: translate(0, 50vh);
    opacity: 0;
}

.detail-view-show-buyrequests .detail-view-buyrequests .searchResults,
.detail-view-show-offers .detail-view-offers .searchResults,
.detail-view-show-raffles .detail-view-raffles .searchResults {
    opacity: 1;
}

.detail-page-headline-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.detail-view-buyrequests .detail-page-buyrequests-top,
.detail-view-offers .detail-page-offers-top,
.detail-view-raffles .detail-page-raffles-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.detail-view-buyrequests .detail-page-buyrequests-top .detail-page-title,
.detail-view-offers .detail-page-offers-top .detail-page-title,
.detail-view-raffles .detail-page-raffles-top .detail-page-title {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0.3em;
}

.detail-view-buyrequests .detail-page-button,
.detail-view-offers .detail-page-button,
.detail-view-raffles .detail-page-button {
    padding: 0.3em;
}

.detail-page-headline-bar.community-buy {
    background: #FFAC3F;
}

@media screen and (max-width: 1024px) {
    .item-box {
        width: 175px;
        font-size: .9em;
    }
}
.amount-raised {
    color: #ff6800;
    font-size: 1.2em;
    padding-bottom: 1.1em;
}


.member-list {
    display: none;
}
.member-list.shown {
    display: block;
}
.show-permissions .show-perms-link,
.show-permissions.active .hide-perms-link {
    display: inline-block;
}
.show-permissions .hide-perms-link,
.show-permissions.active .show-perms-link {
    display: none;
}

.dealsoffered .item-box {
    width: 39%;
    height: 100%;
    min-height: 250px;
    margin-right: 0px;
    margin-left: 2%;
}
.dealsoffered .item-box dl {
    font-size: 13px;
}
@media screen and (max-width: 1200px) {
    .dealsoffered .item-box {
        width: 80%;
    }
}

.chat-view {
    display: none;
    position: absolute;
    top: 45px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 399;
}
.detail-view-container.business .chat-view, .detail-view-container.charity .chat-view{
    top: 4px;
}
.main-container.staticDetail .chat-view {
    top: 60px;
}
body.mini .chat-view {
    top: 24px;
    left: 0;
    right: 0;
}
.communication-shell .detail.element-mode .element-mode-wrapper{
    width: 100%;
    position: absolute;
    height: 100%;
}
.chat-outer-wrapper {
    height: 100%;
}
.chat-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 50px;
    border: 1px solid #038BCD;
    background-color: #daeef7;
    background-color: rgba(255,255,255, 0.8);
    background-image: -moz-linear-gradient(top, #eef7fb, #bce1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eef7fb), to(#bce1f1));
    background-image: -webkit-linear-gradient(top, #eef7fb, #bce1f1);
    background-image: -o-linear-gradient(top, #eef7fb, #bce1f1);
    background-image: linear-gradient(to bottom, #eef7fb, #bce1f1);
    background-repeat: repeat-x;
    border-color: #068ccd;
    /*filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffeef7fb', endColorstr='#ffbce1f1', GradientType=0);*/
    /* Firefox v3.5+ */ 
    -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.33);
    /* Safari v3.0+ and by Chrome v0.2+ */ -webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.33);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */ box-shadow:3px 3px 8px rgba(0,0,0,0.33);
    /*-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color=#54000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3,OffY=3,Color=#54000000,Positive=true);*/

}

.chat-container .part-transparent-area {
    position: absolute;
    bottom: -47px;
    height: 58px;
    max-width: 292px;
    background-image: url('/static/images/Communication/chat-background.png?f138927c0b7d');
    left: -7px;
    background-repeat: no-repeat;
    right: 115px;
    background-size: 100% 100%;
    background-position: 0px 0;
}
.chat-container .title-bar {
    position: relative;
    height: 30px;
    line-height: 30px;
    background-color: #068ccd;
}

.chat-container .chat-title {
  padding: 0 10px;
  margin: 0;
  font-size: 1.2em;
  line-height: 30px;
  color: #fff;
    height: 30px;
    overflow: hidden;  
}

.chat-inputs-container {
  position: absolute;
  bottom: 0;
  width: 98%;
  height: 75px;
  padding: 10px 1%;
}

.chat-inputs-container textarea {
  display: block;
  width: 100%;
  padding: 2%;
  height:75px;
  border-color: #ff6800;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  resize: none;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
body.mini .chat-inputs-container textarea {
    height:50px;
}
.chat-history-container {
    position: absolute;
    top: 131px;
    right: 1px;
    bottom: 95px;
    left: 1px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
body.mini .chat-history-container {
    top: 30px;
    height: 62%;
}

body.mini .chat-inputs-container {
  position: fixed;
  bottom: 20px;
  background: #bce1f1;
  border-top: 1px solid #fff;
  width: 89%;
  height: 95px;
  padding: 10px 1%;
}
body.mini .chat-container {
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 0px;
}
body.mini .chat-container .btn-group .new-big-btn {
    font-size: .8em;
    height: 25px;
    line-height: 1;
    width: 140px;
    position: absolute;
    bottom: 25px;
}
body.mini .chat-container .btn-group .new-big-btn.end-chat {
    
    right: 0;
    bottom: 25px;
}
body.mini .chat-container .part-transparent-area  {
    display: none;
}
.chat-history-container .history-list {
  padding: 10px 15px;
  margin: 0;
}

.chat-history-container .history-list .msg {
  padding: .4em 1em;
  margin: 0 0 .8em 0;
  text-align: left;
  list-style: none;
  background-color: #F3F3F3;
  border: 1px solid #CCC;
}
body.mini .chat-history-container .history-list .msg {
    padding: 0.4em;
}

.chat-history-container .history-list .msg-author {
  display: block;
  font-size: 1em;
}

.chat-history-container .history-list .msg-body {
  display: block;
  margin: 0.5em 0.1em;
}
body.mini .chat-history-container .history-list .msg-body {
  display: block;
  margin-left: 1em;
}
.chat-container .btn-group .new-big-btn {
    font-size: .8em;
    height: 25px;
    line-height: 1;
    width: 140px;
    position: absolute;
    bottom: -25px;
}
.chat-container .btn-group .new-big-btn.end-chat {
    left: auto;
    right: 0;
    bottom: -31px;
}
.chat-container .msg-date {
    float: right;
    font-size: .9em;
}
body.mini .chat-container .msg-date {
    float: none;
    display: block;
}
.chat-container .top-penguin {
    width: 100%;
    height: 100px;
    padding-top: 10px;
}
.chat-container .top-penguin .penguins{
    width: 95%;
}
.chat-container .top-penguin .arrow{
    top: 3px;
    left: -13px;
}
.chat-container .top-penguin .quote{
    position: absolute;
    /*top: -4px;*/
    left: 110px;
    color: black;
    font-weight: 400;
    font-size: 0.9em;
    padding: 0.4em;
    -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.33);
    -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.33);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.33);
    background: white;
    border-radius: 10px;
    text-align: center;
    right: 5%;
    min-height: 34px;
    max-width: none;
    padding-top: 1em;
    top: 30px;
}
.chat-container .exbutton {
    position: absolute;
    right: 5px;
    top: -10px;
}
.chat-container .exbutton:hover {
    background-position: 0 -35px;
}
button.new-big-btn.end-chat {
    position: absolute;
    top: 2px;
    right: 10px;
    font-size: .8em;
    height: 25px;
    line-height: 1;
    width: 100px;
}
.detail-view-container {
    position: static;
    height: auto;
    width: 100%;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    background: white;
    border-radius: 0;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 2px 1px;
}
.detail-view-inner-container {
    position: relative;
    min-height:700px;
    padding-top: 40px;
    border-radius: 0;
    border: 3px solid #FFAC3F;
    border-image: initial;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}
.detail-page-headline-bar {
}
.back-to-search {
}
.detail-view {
    border-radius: 11px;
    border-style: solid;
    border-width: 0px;
    width: 100%;
    overflow: hidden;
}
.chat-view {
    position: fixed;
    top: 60px;
    width: 1044px;
    left: 50%;
    margin-left: -522px;
    bottom: 20px;
    background: #fff;
}
@media screen and (max-width: 1200px) {
    .detail-view-container {
        width: 90%;
    }
    .chat-view {
        position: fixed;
        top: 60px;
        width: 90%;
        left: 50%;
        margin-left: -45%;
        bottom: 20px;
        background: #fff;
    }
}
.business-right-panel-entry img {
    display: inline-block;
}
.business-right-panel-entry .detail-page-info-panel {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
#mapModal {
    display: block;
}
body.mini .chat-view {
    position: fixed;
    width: 98%;
    left: 1%;
    margin-left: 0;
    top: 83px;
}
body.mini .chat-inputs-container {
    width: 95%;   
    bottom: 0;
}
.detail-page-right a {
    text-decoration: none;
}
.detail-page-right-bottom .target-company-button{
    padding-top: 10px;
    padding-bottom: 10px;
}
.detail-page-top-left-column {
    text-transform: none;
    font-weight: normal;
    color: #333;
    font-size: .8em;
    -webkit-flex: 2 0 auto;
        -ms-flex: 2 0 auto;
            flex: 2 0 auto;
}
.detail-page-top-left-column h3 {
    text-transform: none;
    font-weight: normal;
    color: #000;
    margin: 8px 0 3px 0;
}
.detail-view-inner-container.b,
.detail-view-inner-container.c {
    padding: 0;
}
.new-btn, a.new-btn {
    display: block;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    color: white;
    font-size: 14px;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.detail-view-inner-container.b .detail-page-title,
.detail-view-inner-container.c .detail-page-title {
    font-size: 1.7em;
    color: #333333;
    display: inline-block;
    margin: 0 0 10px 0;
    vertical-align: text-top;
    line-height: 1.1;
    overflow: hidden;
}

.business-right-panel-entry a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.business-right-panel-entry img {
    display: inline-block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    align-self: center;
}
.business-right-panel-entry .pbutton{
    margin-top: 10px;
}
.business-right-panel-entry .detail-page-info-panel {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
}
body.mini .business-right-panel-entry .detail-page-info-panel {
    width: 100%;
    margin: 0.5em 0;
    padding: 0.5em;
    text-align: center;
}
.business-right-panel-entry .detail-page-info-panel.addfav {
    width: 68%;
    font-size: 1em;
    margin: 0;
    padding: 10px 5px;
    text-align: center;
    display: inline-block;
}

.business-deals-container .item-box {
    width: 35%;
    height: 100%;
    min-height: 250px;
    margin-right: 0px;
    margin-left: 2%;    
}
body.mini .business-deals-container .item-box {
    min-height: 170px;
    height: 170px;
}
@media screen and (max-width: 1200px) {
    .business-deals-container .item-box {
        width: 70%;
    }
}
body.mini .business-deals-container .item-box {
    width: 80%;
}
.business-deals-container .exbutton {
    display: none;
}
.exbutton.back-to-search {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 2;
}

body.mini .detail-view-container.business .detail-page-right,
body.mini .detail-view-container.charity .detail-page-right {
    padding-top: 20px;
}
body.mini .address-info {
    padding: 0 5px 10px;
    border-bottom: 1px solid #ccc;
}

.detail-view-container.charity .detail-view-buyrequests,
.detail-view-container.business .detail-view-buyrequests,
.detail-view-container.charity .detail-view-offers,
.detail-view-container.business .detail-view-offers {
    padding-top: 1em;
}
.share-via-email-form {
    margin: 5%;
}

.share-via-email-form .title {
    padding-bottom: 20px;
    width: 45%;
}

body.mini .share-via-email-form .input {
    margin-bottom:5px;
}

.share-via-email-form .input {
    width: 70%;
    height: 1.5em;
    margin-bottom: 2.0em;
}

.share-via-email-form .error-message {
    font-weight: bold;
    color: red;
    height:1.5em;
    width:85%;
}

#message-input {
    height:6.0em;
}

.share-via-email-form .penguins .quote {
    top: -2.5em;
    right: 100%;
    left: auto;
    width: 9em;
}
.share-via-email-form .form-content {
    margin: 5%;
}
.image-upload .h2 {
    font-size: 1em;
}

.image-upload .cancelUpload {
    position: relative;
    float: right;
    margin-top: 1em;
}

.image-upload .file-upload-form {
    margin: 1em;
}
.image-upload .file-upload-form input {
    border: none;
}
.image-upload h3 {
    text-transform: none;
    padding-bottom: 8px;
}