/* Set Defaults */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@font-face {
    font-family: "AauxNext-Bd";
    src: url("fonts/AauxNext-Bd.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face { /* DO NOT USE - FIREFOX SEEMS TO HAVE PROBLEMS RENDERING 'w' */ 
    font-family: "AauxNext-Hr";
    src: url("fonts/AauxNext-Hr.otf"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AauxNext-Lt";
    src: url("fonts/AauxNext-Lt.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AauxNext-Rg";
    src: url("fonts/AauxNext-Rg.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AauxNext-Sm";
    src: url("fonts/AauxNext-Sm.otf");
    font-weight: normal;
    font-style: normal;
}

html, body{
   height: 100%; 
   width:100%;
   margin:0;
   padding:0;
   
   /* DEFAULT, FOR READABILITY - OVERRIDE WITH AAUX NEXT FOR STYLE ONLY */
   font-family: Helvetica, sans-serif; 
   font-size: 10pt;
}
body {
   background: #043069; /* dark blue */
}
body.index {
   background-image:url('/images/background.svg');
   background-position: 0px 400px;
   background-repeat:no-repeat;
   background-size: 100% auto;
}


/* CONTENT WRAPPER FOR CENTERING AND BACKGROUND IMAGES */
#canvas {
   clear: both;
   position: relative;
   
   margin:0px auto; /* Right and left margin widths set to "auto" */
   padding: 0px 50px 0px 50px;

   background-color: #0092d0; /* light blue */
}
#canvas.index {
   width: 1000px;
   min-width: 1000px;
   height: 817px;
   
   background-repeat:no-repeat;
   background-position: 0px 175px;
   background-image:url('/images/los_angeles_downtown.jpg');
}
#canvas.listing, #canvas.detail {
   width: 1200px;
   min-width: 1200px;
   /*height: 100% !important;*/
}


/* HEADER */
header {
   height: 150px;
   padding-top: 25px;
   color: White;
   font-family: "AauxNext-Rg", sans-serif;
}
header.index {
   height: 350px;   
}
header section#left {
   float: left;
   font-size: 1.95em;
   margin-top: 7px;
}
header section#left img {
   width: 200px;
}
header section#right {
   float: right;
   font-size: 1.5em;
   text-align: center;
   font-weight: bold;
   margin-top: 10px;
}
header section#right img {
   width: 125px;
}
header section#lower {
   clear: both;
   margin-top: 175px;
}


/* MAIN CONTENT */
main {
   clear: both;
   margin-top: 50px;
}
main.index {
   color: White;
}
main.index nav.boxes {
   display: inline-block;
   position: relative;
   vertical-align: top;
   width: 200px;
   height: 250px;
   background: #0092d0;
   margin-right: 28px;
   cursor: pointer;
}
main.index nav.last {
   margin: 0px;
}
main.index .box_text {
   padding: 12px;
   display: inline-block;
   font-family: "AauxNext-Rg";
   font-size: 20px;
}
main.index .box_link {
   display: block;
   width: 30px;
   height: 30px;
   border: 0 none;
   -moz-border-radius:5x;
   -webkit-border-radius:5px;
   -opera-border-radius:5px;
   -khtml-border-radius:5px;
   border-radius: 5px; 
   padding: 3px;
   padding-top: 6px;
   margin-left: 12px;
   background-color: #FEB920;
   text-align: center;
   vertical-align: middle;
   font-family: "AauxNext-Bd";
   font-size: 20px;
   position: absolute;
   bottom: 12px;

}

main.listing {

}
/*main.listing section.left {
   float: left;
   width: 33%;
   border: 1px solid red;
   color: White;
}
main.listing section.middle {
   width: 33%;
   float: left;
   border: 1px solid white;
   color: White;
}
main.listing section.right {
   float: left;
   width: 33%;
   border: 1px solid black;
   color: White;
}*/
main.listing section#search {
   margin-bottom: 35px; 
   color: White;
}
main.listing section#search .inline {
   height: 25px; 
   display: inline-block;
   margin-right: 15px;
   color: Black;

}
main.listing section#search .inline label {
   color: White;
   font-family: "AauxNext-Bd";
   margin-bottom: 5px;
   display: inline-block;
}
main.listing #search_street {
   width: 300px;
}
main.listing #search_city {
   width: 100px;
}
main.listing #range_slider {
   float: right;
   width: 100%;
   color: White;
}

main.listing #hit_count {
   color: White;
}

main.listing #clear {
   margin-top: 45px;
   width: 100%;
   text-align: center;
   clear: both;
   text-decoration: underline;
}
main.listing section#search .inline-block {


}
main.listing table {
   background-color: White;   
}
main.listing tr {
   border-bottom: 1px solid black;
}
main.listing th {
   text-align: left;
   vertical-align: middle;
   padding-left: 10px;
}

main.listing td {
   padding: 5px;
}
main.listing .dataTables_wrapper {
   background-color: White;
   height: 100%;
   padding: 10px;
   
   -moz-border-radius:12x;
   -webkit-border-radius:12px;
   -opera-border-radius:12px;
   -khtml-border-radius:12px;
   border-radius:12px;
}


main.detail table {
   border-collapse: collapse;
   border-spacing: 0px;
   margin-left:auto; 
   margin-right:auto;
   color: White;
   /*table-layout: fixed;*/
}
main.detail tr {
   padding-bottom: 25px;
}
main.detail td, th {
   vertical-align: top;

}
#asset_table td, th {
   height: 25px;
   /*padding-right: 50px;*/
   
}

main.detail .label {
   text-align: right;
   margin-right: 50px;
   font-weight: bold;
   width: 100px;
   border-right: 1px solid Gainsboro;
   padding-right: 10px;
}
main.detail .value {
   width: 300px;
   text-align: left;
   padding-left: 10px;
}
main.detail .spacer {
   width: 25px;
}

main.detail .details {
   width: 300px;
   min-width: 300px;
}
main.detail .details60 {
   width: 60%;
}
main.detail .details20 {
   width: 20%;
}

main.detail table {
   width: 100%;
}

main.detail .images {
   width: 100%;
}

main.detail .title {
   border-bottom: 1px solid Gainsboro;
   width: 100%;
   margin-bottom: 7px;
   padding-bottom: 5px;
   display: block;
}
main.detail .text {
   display: inline-block;
   padding-right: 20px;
}

main.detail #google_maps {
  width: 675px;
  height: 400px;
}
main.detail .thumbnail {
   max-width: 300px;
}
main.detail .thumbnail-sm {
   max-height: 125px;
   padding-right: 5px;
}


/* FOOTER */
footer {
   opacity:  0.95;

   font-family: "AauxNext-Hr", Helvetica, sans-serif;
   font-size: 1em;  
   font-weight: bold;
   margin-top: 50px;
}
footer.main {
   position:absolute; 
   bottom: 15px;
}
footer section {
   margin-top: 10px;
   padding: 7px;
   text-align: justify;
}
footer.index section {
   background: White;
   color: Grey;
   
   -moz-border-radius:12x;
   -webkit-border-radius:12px;
   -opera-border-radius:12px;
   -khtml-border-radius:12px;
   border-radius:12px;
}
footer.listing, footer.detail section {
   color: White;
   padding-bottom: 25px;
}


/* TEXT STYLES */

h1 {
   font-family: "AauxNext-Hr";
   display: inline-block;
   font-size: 4em;
   height: 100px;
   margin: 0px;
   padding: 0px;
}
h2 {
   font-family: "AauxNext-Hr";
   font-size: 4em;
   text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
   color: #0092d0;
   
   margin: 0px;
   padding: 0px;
}
h3 {
   font-family: "AauxNext-Hr";
   font-size: 3em;
   color: DimGrey;
   
   margin: 0px;
   margin-top: -10px;
   padding: 0px;
}



/* GENERAL STYLES */
svg {
   fill: White;
}
svg {
   width: 200px;
   height: 79px;
}

.noscript {
   display: none;
}
.hidden {
   display: none;
}
.red {
   color: red;
}
.yellow {
   /*color: gold;*/
}
.green {
   /*color: green;*/
}

a:link{color: white; text-decoration: none}
a:visited {color: white; text-decoration: none}
a:active {color: white; text-decoration: none} 
a:hover {color: white; text-decoration: none}
a:focus {color: white; text-decoration: none} 

table a:link{color: Blue; text-decoration: underline}
table a:visited {color: Purple; text-decoration: underline}
table a:active {color: Red; text-decoration: underline} 
table a:hover {color: Black; text-decoration: underline}
table a:focus {color: Black text-decoration: underline}