﻿/* STR Marketplace */
/*.ui-grid-viewport {
    overflow-anchor: none;
}
.STRMarketplace        .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.STRMarketplace ._md-select-value {
    min-height: 14px;
    padding: 0px 2px 0px;
}
.STRMarketplace md-input-container > md-select {
    margin: 0 0 5px;
}

.STRMarketplace .STRListings ._md-select-value ._md-select-icon::after {
    content: "";
    display: block;
    position: relative;
    top: 0;
    transform: none;
}
.STRMarketplace .STRListings ._md-select-value ._md-select-icon:hover{
opacity: 1;
}
body .STRMarketplace .STRListings ._md-select-value ._md-select-icon {
    align-items: flex-end;
    display: block;
    margin: 0 4px;
    text-align: end;
    transform: none;

    background-image: url("/Apps/Images/grid-icons.png");
    background-repeat: no-repeat;
    background-position: -733px 0px;
    opacity: 0.5;
    width: 18px;
    height: 18px;
}
.STRMarketplace .ui-corner-all,
.STRMarketplace .ui-corner-top,
.STRMarketplace  .ui-corner-right,
.STRMarketplace  .ui-corner-tr {
    border-top-right-radius: 3px;
}
.STRMarketplace .ui-corner-all,
.STRMarketplace  .ui-corner-bottom,
.STRMarketplace  .ui-corner-left,
.STRMarketplace  .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.STRMarketplace .ui-corner-all,
.STRMarketplace  .ui-corner-bottom,
.STRMarketplace  .ui-corner-right,
.STRMarketplace  .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.STRMarketplace .ui-widget-overlay {
    background: #aaaaaa none repeat scroll 0 0;
    opacity: 0.3;
}
.STRMarketplace .ui-widget-shadow {
    box-shadow: 0 0 5px #666666;
}
.STRMarketplace         .grid {
  width: 960px;
  height: auto;
}
.STRMarketplace         a.removeItem{
            background-image: url(/Apps/Images/removeItem.gif);
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            display: inline-block;
        }
.STRMarketplace         span.itemText{
            display: inline-block;
            font-size: 14pt;
            padding-right: 2px;
        }
.STRMarketplace .ngViewport.ng-scope{
    height: auto !important;
    overflow-y: hidden;
}

.STRMarketplace .ngTopPanel.ng-scope,
.STRMarketplace  .ngHeaderContainer{
    width: auto !important;
}
.STRMarketplace .money{
    text-align: right;
}
.STRMarketplace .STRCanvas {
        }
.STRMarketplace .CanvasPaper tspan{
    xfont-size: 8pt;
}
.STRMarketplace .STRCriteriaAdvanced
{
    padding: 10px;
}
.xbasicCriteria{
    padding-bottom: 5px;
}
.STRMarketplace .basicCriteria {
        overflow: hidden;
        padding: 0;
        margin: 0;
        height: auto;
    }

.STRMarketplace         ul.dialog{margin:0;padding:0;}
.STRMarketplace         ul.dialog li {list-style: none;}

.STRMarketplace .select2 > .STRMarketplace .select2-choice.ui-select-match {
      // Because of the inclusion of Bootstrap //
      height: 29px;
    }

.STRMarketplace     .selectize-control > .STRMarketplace .selectize-dropdown {
      top: 36px;
    }
.STRMarketplace     #tooltip1{
    position: fixed;
    left: 50%;
    margin-left: -50px;
    bottom: 0;
    height: 0px;
    overflow: hidden;
    }

// STR Canvas Buttons //
md-tooltip {
    z-index: 90000;
}
.STRButtons {
    position: absolute;
    z-index: 80000;
}

.STRCanvasButtons {
    padding: 0;
}

    .STRCanvasButtons .displayOptions {
        display: inline-block;
    }

.STRCanvasButtons .active,
.STRCanvasButtons .inactive,
.STRCanvasButtons a:hover .inactive
 {
    font-size: 1rem;
}
.STRCanvasButtons .active:first-child,
.STRCanvasButtons .inactive:first-child,
.STRCanvasButtons a:hover .inactive:first-child
 {
        margin-top: 0;
}
.STRCanvasButtons .active:first-child {
    margin-top: 0;
}
.STRCanvasButtons a:hover .inactive,
.STRCanvasButtons .active {
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.7);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.7);
    margin: 1rem 0;
    padding: 0em 0em;
    border-radius: .25rem;
    border: 1px solid rgba(34,36,38,.4);
}
.STRCanvasButtons .inactive {
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.4);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.7);
    margin: 1rem 0;
    padding: 0em 0em;
    border-radius: .15rem;
    border: 1px solid rgba(34,36,38,.2);
}

body .STRButtons .STRCanvasButtons .tabs {
        position: relative;
        width: 160px;
        overflow:hidden;
        display:block;
    }

    .STRCanvasButtons .tab {
        display: inline-block;
        text-decoration: none;
        user-select: none;
    }

        .STRCanvasButtons .tab span {
            width: 45px;
            height: 45px;
            display: inline-block;
            background-image: url(/Apps/images/F019A41/map-view.gif);
            background-repeat: no-repeat;
            user-select: none;
        }

.STRCanvasButtons .tabAerialNW span.active,
body .STRCanvasButtons .tabAerialNW:hover span.active {
	background-position: 0 0;
}

body .STRCanvasButtons .tabAerialNW span.inactive {
	background-position: 0px -32px;
}
body .STRCanvasButtons .tabAerialNW:hover span.inactive {
	background-position: 0px 0;
}
body .STRCanvasButtons .tabAerialSE span.inactive {
	background-position: -40px -32px;
}
body .STRCanvasButtons .tabAerialSE:hover span.inactive {
	background-position: -40px 0px;
}
body .STRCanvasButtons .tabAerialSE span.active,
.STRCanvasButtons .tabAerialSEinactive:hover span {
	background-position: -40px 0px;
}
body .STRCanvasButtons .tabAerialPLAN span.inactive {
	background-position: -80px -32px;
}
body .STRCanvasButtons .tabAerialPLAN span.active,
body .STRCanvasButtons .tabAerialPLAN:hover span {
	background-position: -80px 0px;
}
html body .STRCanvasButtons .tabs .tabAerialRotate {
	xposition: absolute;
       xmargin-top: 50px;
	border: none !important;
}
	html body .STRCanvasButtons .tabs .tabAerialRotate span {
		background-image: url("/Apps/images/display-icons_md.png");
		background-repeat: no-repeat;
		user-select: none;
		background-position: -635px 3px;
		border: none !important;
		-ms-transform: rotate(0deg); // IE 9 //
		-webkit-transform: rotate(0deg); // Safari //
		transform: rotate(0deg);
		transition-duration: 0s;
	}
    body .STRCanvasButtons .tabs .tabAerialRotate span.rotate {
            -ms-transform: rotate(360deg); // IE 9 //
    -webkit-transform: rotate(360deg); // Safari //
    transform: rotate(360deg);
        transition-duration: 1s;
    transition-timing-function: ease-in-out;
    }

    .STRCanvasButtons .tabAerialRotate span.active,
    .STRCanvasButtons .tabAerialRotate:hover span {
        opacity: 1;
    }
.displayOptions {
    position: absolute;
    margin-top: 0px;
    margin-left: 600px;
    z-index: 80000;
}

.STRJQTheme .STRCanvasButtons a {
    cursor: pointer;
}

//.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon {
    width: 28px !important;
    height: 28px !important;
    background-image: url("/Apps/images/display-icons.png");
    user-select: none;
}

.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-plus {
    background-position: 0px 0px;
}

.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-minus {
    background-position: -30px 0px;
}

.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-diag {
    background-position: -62px 0px;
}

.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-w {
    background-position: -92px 0px;
}

.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-e {
    background-position: -126px 0px;
}

.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-n {
    background-position: -156px 0px;
}

.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-s {
    background-position: -188px 0px;
}//

.STRJQTheme .STRCanvasButtons .tabs .str-icon,
.STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon {
    width: 44px !important;
    height: 42px !important;
    background-image: url("/Apps/images/display-icons_md.png");
    background-repeat: no-repeat;
    user-select: none;
}
.STRJQTheme .STRCanvasButtons .tabs .str-icon-rotate {
    
}
body .STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-plus {
	background-position: 0px 0px;
}

body .STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-minus {
	background-position: -96px 0px;
}

body .STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-diag {
	background-position: -184px 0px;
}

body .STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-w {
	background-position: -278px 0px;
}

body .STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-e {
	background-position: -368px 0px;
}

body .STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-n {
	background-position: -460px 0px;
}

body .STRJQTheme .STRCanvasButtons .displayOptions28 .str-icon-arrow-s {
	background-position: -552px 0px;
}

.STRCanvasButtons .displayOptions .str-icon {
    display: inline-block;
    opacity: 1;
    -webkit-user-select: none; // webkit (safari, chrome) browsers //
    -moz-user-select: none; // mozilla browsers //
    -khtml-user-select: none; // webkit (konqueror) browsers //
    -ms-user-select: none; // IE10+ //
}

    .STRCanvasButtons .displayOptions .str-icon-disabled,
    .STRCanvasButtons .displayOptions .str-icon:hover {
        opacity: 0.5;
    }

.STRCanvasButtons .displayOptions .zoom-button-wrapper {
    text-align: center;
    width: 132px;
}



// STR Criteria Advanced//
.STRCriteriaAdvanced .listAreasSections {
    padding: 10px;
}

.STRCriteriaAdvanced .tooltipster-base {
    pointer-events: auto !important;
}

.STRCriteriaAdvanced {
    overflow: hidden;
}

    .STRCriteriaAdvanced #STRCriteriaAdvanced_AreasSections {
        height: 0px;
        xoverflow: hidden;
        position: absolute;
        width: 940px;
        border: none;
        background-color: #fff;
        opacity: 1;
        display: none;
    }

    .STRCriteriaAdvanced ul.areaItems {
    }

        .STRCriteriaAdvanced ul.areaItems li.areaItem {
            display: inline-block;
        }

        .STRCriteriaAdvanced ul.areaItems ul {
            margin: 0;
            padding: 0;
        }

    .STRCriteriaAdvanced a.close {
        width: 28px;
        height: 28px;
        background-image: url(/Apps/images/btnClose.png);
        background-repeat: no-repeat;
        position: absolute;
        z-index: 9999999;
        margin-top: -15px;
        margin-left: 930px;
    }

// STR Listings//

.STRListings {
    xmargin-top: 20px;
}
.STRListings .basicCriteria .ByAisle,
.STRListings .basicCriteria .ByADA,
.STRListings .basicCriteria .ByParking,
.STRListings .basicCriteria .ByFinancing,
.STRListings .basicCriteria .ByMembershipType{
    text-align:center;
}

body .STRListings .basicCriteria .ByAisle md-switch ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -21px 1px;
}

body .STRListings .basicCriteria .ByADA md-switch ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: 1px 0px;
}

body .STRListings .basicCriteria .ByParking md-switch ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -40px 1px;
}
body .STRListings .basicCriteria .ByFinancing md-switch ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -59px 1px;
}
body .STRListings .basicCriteria .ByTickets md-switch ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -79px 1px;
}
body .STRListings .basicCriteria .ByMembershipType md-switch ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -99px 1px;
}

body .STRListings .basicCriteria .ByAisle .md-checked ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -21px -29px;
}

body .STRListings .basicCriteria .ByADA .md-checked ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: 1px -30px;
}

body .STRListings .basicCriteria .ByParking .md-checked ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -40px -29px;
}
body .STRListings .basicCriteria .ByFinancing .md-checked ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -59px -29px;
}
body .STRListings .basicCriteria .ByTickets .md-checked ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -79px -29px;
}
body .STRListings .basicCriteria .ByMembershipType .md-checked ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -99px -29px;
}

body .STRListings .basicCriteria .ByAisle md-switch[disabled] ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -20px 1px;
	opacity: 0.3;
}

body .STRListings .basicCriteria .ByADA md-switch[disabled] ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	opacity: 0.3;
}

body .STRListings .basicCriteria .ByParking md-switch[disabled] ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -40px 1px;
	opacity: 0.3;
}

body .STRListings .basicCriteria .ByFinancing md-switch[disabled] ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -59px 1px;
	opacity: 0.3;
}

body .STRListings .basicCriteria .ByTickets md-switch[disabled] ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -79px 1px;
	opacity: 0.3;
}
body .STRListings .basicCriteria .ByMembershipType md-switch[disabled] ._md-thumb {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -99px 1px;
	opacity: 0.3;
}


body .STRListings .basicCriteria .ByAisle md-switch.md-default-theme.md-checked ._md-bar,
body .STRListings .basicCriteria .ByAisle md-switch.md-checked ._md-bar {
	background-color: rgba(198, 40, 40, 0.5);
}
body .STRListings .basicCriteria .ByAisle md-switch.md-default-theme.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByAisle md-switch.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByAisle md-switch.md-default-theme.md-checked ._md-thumb,
body .STRListings .basicCriteria .ByAisle md-switch.md-checked ._md-thumb {
	background-color: rgb(198, 40, 40);
}

body .STRListings .basicCriteria .ByADA md-switch.md-default-theme.md-checked ._md-bar,
body .STRListings .basicCriteria .ByADA md-switch.md-checked ._md-bar {
	background-color: rgba(21, 101, 192, 0.5);
}
body .STRListings .basicCriteria .ByADA md-switch.md-default-theme.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByADA md-switch.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByADA md-switch.md-default-theme.md-checked ._md-thumb,
body .STRListings .basicCriteria .ByADA md-switch.md-checked ._md-thumb {
	background-color: rgb(21, 101, 192);
}

body .STRListings .basicCriteria .ByParking md-switch.md-default-theme.md-checked ._md-bar,
body .STRListings .basicCriteria .ByParking md-switch.md-checked ._md-bar {
	background-color: rgba(66, 66, 66, 0.5);
}
body .STRListings .basicCriteria .ByParking md-switch.md-default-theme.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByParking md-switch.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByParking md-switch.md-default-theme.md-checked ._md-thumb,
body .STRListings .basicCriteria .ByParking md-switch.md-checked ._md-thumb {
	background-color: rgb(66, 66, 66);
}

body .STRListings .basicCriteria .ByTickets md-switch.md-default-theme.md-checked ._md-bar,
body .STRListings .basicCriteria .ByTickets md-switch.md-checked ._md-bar {
	background-color: rgba(249, 168, 37, 0.5);
}
body .STRListings .basicCriteria .ByTickets md-switch.md-default-theme.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByTickets md-switch.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByTickets md-switch.md-default-theme.md-checked ._md-thumb,
body .STRListings .basicCriteria .ByTickets md-switch.md-checked ._md-thumb {
	background-color: rgb(249, 168, 37);
}
body .STRListings .basicCriteria .ByMembershipType md-switch.md-default-theme.md-checked ._md-bar,
body .STRListings .basicCriteria .ByMembershipType md-switch.md-checked ._md-bar {
	background-color: rgba(198, 40, 40, 0.5);
}
body .STRListings .basicCriteria .ByMembershipType md-switch.md-default-theme.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByMembershipType md-switch.md-checked .md-ink-ripple,
body .STRListings .basicCriteria .ByMembershipType md-switch.md-default-theme.md-checked ._md-thumb,
body .STRListings .basicCriteria .ByMembershipType md-switch.md-checked ._md-thumb {
	background-color: rgb(198, 40, 40);
}


    .STRListings .basicCriteria md-switch {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .STRListings .basicCriteria th span,
    .STRListings .basicCriteria th{
        font-size: 7pt;
    }
    .STRListings .basicCriteria input{
        border: solid 1px #ddd;
    }
    .STRListings td.rangeUp{
        width: 18px;
    }
body .STRListings a.rangeUp {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -696px 0px;
	opacity: 0.5;
	display: inline-block;
	width: 18px;
	height: 18px;
}
    .STRListings td.rangeDown{
        width: 18px;
    }
body .STRListings a.rangeDown {
	background-image: url("/Apps/Images/grid-icons.png");
	background-repeat: no-repeat;
	background-position: -733px 0px;
	opacity: 0.5;
	display: inline-block;
	width: 18px;
	height: 18px;
}
    .STRListings a.rangeUp:hover,
    .STRListings a.rangeDown:hover{
        opacity: 1;
    }
    .STRListings td.rangeQuantity
    {
        width: 39px;
        text-align:center;
    }
    .STRListings input.rangeQuantity{
        width: 35px;
        text-align:center;
    }
    .STRListings td.rangePPS
    {
        width: 64px;
    }
    .STRListings input.rangePPS{
        width: 60px;
        text-align:center;
    }
    .STRListings td.rangeDueNow{
        width: 64px;
    }
    .STRListings input.rangeDueNow{
        width: 60px;
        text-align:center;
    }
    .STRListings td.rangeAnnualPmt{
        width: 64px;
    }
    .STRListings input.rangeAnnualPmt{
        width: 60px;
        text-align:center;
    }

    .STRListings .basicCriteria th.byFinancingOptions{
        width:235px;
    }
    .STRListings .basicCriteria th.byFinancingOptions div.byFinancingOptions{
        position:absolute;width:230px;background-color: #ddd;border: solid 1px #ccc;
        margin-top: -40px;
        margin-left: 5px;
    }
    .STRListings .ui-grid-footer-main,
    .STRListings .ui-grid-footer-panel {
        display: none !important;
    }

    .STRListings .strCell {
        border-right: none !important;
        border-bottom: 1px solid #d4d4d4;
        cursor: pointer;
    }

    .STRListings .ui-grid-row:hover {
        background-color: #ddd;
    }

    .STRListings .ui-grid-row:nth-child(2n) .ui-grid-cell,
    .STRListings .ui-grid-cell {
        background-color: transparent !important;
    }

    .STRListings .str-grid-header-icons {
        display: inline-block;
        padding: 5px;
    }

        .STRListings .str-grid-header-icons a {
            background-image: url(/Apps/images/grid-icons.png);
            background-repeat: no-repeat;
            display: inline-block;
            width: 14px;
            height: 14px;
        }

body .STRListings .str-grid-header-icons .str-grid-header-icon-parking {
	background-position: -42px -1px;
}

body .STRListings .str-grid-header-icons .str-grid-header-icon-aisle {
	background-position: -22px -1px;
}

body .STRListings .str-grid-header-icons .str-grid-header-icon-ada {
	background-position: 0px -1px;
}
body .STRListings .str-grid-header-icons .str-grid-header-icon-financing {
	background-position: -59px -1px;
}
body .STRListings .str-grid-header-icons .str-grid-header-icon-tickets {
	background-position: -79px -1px;
}
body .STRListings .str-grid-header-icons .str-grid-header-icon-membershiptype {
	background-position: -99px -1px;
}

body .STRListings .str-grid-header-icons .str-grid-header-icon-empty {
	background-position: 1000px 1000px;
}

    .STRListings .grid-empty {
        display: block;
        padding: 25px;
        text-align: center;
        line-height: 18pt;
        font-size: 14pt;
    }
    .STRListings .grid-empty a{
        color: #000;
        font-size: 14pt;
        text-decoration:none;
        font-weight:bold;
    }
    .STRListings .grid-empty a:hover{
        text-decoration: underline;
    }
    .STRListings .center {
        text-align: center;
    }

    .STRListings .ui-grid-invisible {
        visibility: hidden;
        display: none;
    }

    .STRListings .ui-grid-header-cell-primary-focus {
        text-align: center;
    }

    .STRListings .ui-grid-header-cell-label {
        font-size: 9pt;
    }

    .STRListings .ui-grid-cell-contents {
        padding: 2px;
    }

        .STRListings [class^="ui-grid-icon"]::before, [class*=" ui-grid-icon"]::before,
        .STRListings .ui-grid-cell-contents .ui-grid-icon-up-dir,
        .STRListings .ui-grid-cell-contents .ui-grid-icon-down-dir {
            margin-left: 0.1em !important;
            margin-right: 0.1em !important;
            width: 0.6em;
        }

    .STRListings .str-button-makeoffer {
        width: 76px;
        height: 21px;
        display: inline-block;
        background-image: url(/Apps/images/btnMakeOffer.png);
        background-repeat: no-repeat;
    }

body .STRListings .str-button-message {
	width: 26px;
	height: 21px;
	display: inline-block;
	background-image: url(/Apps/images/grid-icons.png);
	background-repeat: no-repeat;
	background-position: -774px 0;
}

// STR Side Info //
.STRSideInfo .hide {
    display: none;
}

.STRSideInfo .sideValues table {
    width: 100%;
}

    .STRSideInfo .sideValues table td.value {
        text-align: right;
    }

.STRSideInfo {
    width: 200px;
}

    .STRSideInfo .STRSideInfoContainer {
        padding: 0px;
    }

        .STRSideInfo .STRSideInfoContainer p {
            margin: 0;
            padding: 2px;
            xbackground-color: #ccc;
            xborder:solid 1px #666;
            font-weight: bold;
            text-align: center;
            text-transform: uppercase;
            font-size: 12pt;
        }

    .STRSideInfo .sectionSelectionContainer {
        display: none;
        width: 100%;
        height: 100px;
    }

    .STRSideInfo .sectionSelectionItem {
        display: inline-block;
        border: solid 1px #333;
        padding: 2px;
        margin: 2px;
    }

    .STRSideInfo .sideInfoPanel {
        margin-bottom: 25px;
        margin-top: 0px;
    }

    .STRSideInfo .sideInfoPanelBottom {
        margin-bottom: 0px;
    }

    .STRSideInfo .sideInfoPanel table td {
        padding: 5px 0px;
        font-size: 12pt;
        font-weight: bold;
        width: 50%;
    }

        .STRSideInfo .sideInfoPanel table td.value {
            text-align: center;
            color: #666;
        }

        .STRSideInfo .sideInfoPanel table td.right {
            text-align: right;
        }
        .STRSideInfo .sideValues .sideSelectionContainer{
        }
body .STRSideInfo .sideValues .sideSelection {
	background-image: url(/Apps/images/bg-selection.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	padding: 4px;
}
body .STRSideInfo .sideValues .sideSelectionBottom {
	background-image: url(/Apps/images/bg-selection.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	height: 5px;
}
body .STRSideInfo .sideValues .sideSelectionBottomArrow {
	background-image: url(/Apps/images/bg-selection-arrow.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	height: 15px;
}
    .STRSideInfo .sideValues .sideSelection a.ClearSelection:hover{
        opacity:1;
    }
body .STRSideInfo .sideValues .sideSelection a.ClearSelection {
	color: #000;
	text-decoration: none;
	background-image: url(/App_Themes/Common/graphics/ButtonsSmall/btnClearSelection.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	width: 107px;
	height: 21px;
	opacity: 0.9;
}

.STRSideInfo .photo-corner .photo-corner {
    font-size: 1rem;
}
.STRSideInfo .photo-corner .photo-corner:first-child {
    margin-top: 0;
}
.STRSideInfo .photo-corner .photo-corner {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.7);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.7);
    margin: 1rem 0;
    padding: 0em 0em;
    border-radius: .28571429rem;
    border: 1px solid rgba(34,36,38,.4);
}

.STRSideInfo .photo-corner .photo-corner img {
    border-radius: .28571429rem;
}

    .STRSideInfo .photo-corner {
        margin-bottom: 25px;
    }

            .STRSideInfo .photo-corner .photo-corner .photo-wrap {
                padding: 2px;
            }
            .STRSideInfo .photo-corner .photo-corner .photo-wrap img {
                width: 192px;
                display: block;
            }

    .STRSideInfo .ListingsMessage {
        display: block;
        text-align: center;
        text-decoration: none;
    }
    .STRSideInfo .ListingsMessage a{
        font-size: 10pt;
        font-weight: bold;
        color: #000;
        text-decoration: none;
    }
    .STRSideInfo .ListingsMessage a:hover
    {
        text-decoration: underline;
    }*/

.criteria-text {
    /*font-size: 7pt;*/
    font-weight: bold;
}

.STRCanvasButtons .displayOptions {
    display: inline-block;
}


.STRCanvasButtons .displayOptions .str-icon {
    display: inline-block;
    opacity: 1;
    user-select: none;
    margin:4px;
}

    .STRCanvasButtons .displayOptions .str-icon-disabled,
    .STRCanvasButtons .displayOptions .str-icon:hover {
        opacity: 0.5;
    }