/* DATA TABLE */

#location_list {
    padding-top:15px;
}

#location_list_reset {
    float:right;
    margin-right:26px;
    font-weight: 400;
}

#list-menu{
    position: relative;
    display: inline;
    margin-left: 26px;
    font-weight: 400;
}

#list-menu label {
    margin-left: 8px;
}

#location_list_reset:link,
#location_list_reset:visited,
#location_list_reset:active {
  color: black;
}

#dataTable {
    color: #333;
    font-family: Helvetica, Arial, sans-serif;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border-spacing: 0;
    border:0;
    border-top: 2px solid #000;
    margin-top: 30px;
}

#dataTable td, #dataTable th { 
    /*border: 1px solid transparent;*/
    height: 30px;
}

#dataTable th, #dataTable thead {
    visibility: hidden;
    display:none;
}

#dataTable tbody td {
    text-align: left;
    padding:12px 15px;
    vertical-align: top;
}

#dataTable tbody tr:first-child {
    border-top: 2px solid black;
}

body #dataTable tbody tr:hover {
    background-color:#DEE4C9;
}

body #dataTable tbody tr:hover td {
    background-color:#DEE4C9;
}

/*body #dataTable tbody tr.off-map td{
    color:#999;
}*/

#dataTable tbody tr td {
    background:#F1F1F1;
}

#dataTable tbody tr:nth-child(odd) {
    background: #FEFEFE;
}

#dataTable tbody tr:nth-child(odd) td {
    background: #FEFEFE;
}

#dataTable tbody td {
    cursor: pointer;
}

#dataTable tbody td img{
    height: 75px;
    width: 150px;
}

.table-prop-name {
    display: block;
    font-weight: 600;
}

.table-prop-address {
    display: block;
    vertical-align: top;
}

.table-small-font {
    display: block;
    font-size: 12px;
    color: #666;
    vertical-align: top;
}

.table-name-column {
    width: 150px;
}


/* MAP AND INFO WINDOW */

/* let me get the ribbon up to the top left corner */
.gm-style-iw {
  left: 0px !important;
  top: 0px !important;
}

#map-canvas {
  height: 470px;
  width: 960px;
  margin:0 auto;
}

.infowindow .image {
    width:75px;
    height:75px;
    cursor:pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#infowindow-left {
    width: 75px;
    position: absolute;
    padding: 10px 0 0 12px;
}

#infowindow-left p {
    margin-top:15px;
    font-weight: 600;
}

#infowindow-left a:link, #infowindow-left a:visited {
    text-decoration: none;
    color: #8E926B;
}

#infowindow-left a:hover {
    text-decoration: underline;
}

#infowindow-right {
    margin-left:98px;
    padding: 10px 0 10px 0;
}

#infowindow-right li {
    list-style: initial;
    margin-left: 17px;
}

.infowindow h1, .infowindow h2 {
    font-weight: bold;
}

.infowindow:hover{
  opacity: .6;
}

#dataTable td{
  position: relative;
}


.ribbon-wrapper {
  width: 78px;
  height: 78px;
  overflow: hidden;
  position: absolute;
  top: -2px;
  left: -2px;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}

.ribbon-wrapper:hover {
  opacity: .6;
}

.ribbon {
  text-transform: uppercase;
  font: bold 15px Sans-Serif;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 7px 0;
  left: -25px;
  top: 60px;
  width: 120px;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);

  background-color: #E89C84;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E89C84), to(#DF623B));
  background-image: -webkit-linear-gradient(top, #E89C84, #DF623B);
  background-image:    -moz-linear-gradient(top, #E89C84, #DF623B);
  background-image:     -ms-linear-gradient(top, #E89C84, #DF623B);
  background-image:      -o-linear-gradient(top, #E89C84, #DF623B);
  color: #412927;
}

.ribbon:before, .ribbon:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}​

/* HIDE BY setting .ribbon-wrapper.TYPE and .ribbon.TYPE to display none*/
.ribbon-wrapper.active,
.ribbon.active{
  display: none;
}


/* Brokered is extra big because of the label*/
.ribbon-wrapper.brokered {
  width: 95px;
  height:95px;
}

/* Change brokered color to yellows, and handle widening the banner*/
.ribbon.brokered{
  top:75px;
  width:145px;

  background-color: #f0edb5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0edb5), to(#dfd23b));
  background-image: -webkit-linear-gradient(top, #f0edb5, #dfd23b);
  background-image:    -moz-linear-gradient(top, #f0edb5, #dfd23b);
  background-image:     -ms-linear-gradient(top, #f0edb5, #dfd23b);
  background-image:      -o-linear-gradient(top, #f0edb5, #dfd23b);
  color: #412927;
}