/* global declarations */
* { box-sizing: border-box; }
html, body { height: 100%; }
body { overflow-y: scroll; margin: 0; font-family: arial; background-color: #f4f4f4; /*line-height: 1.42857143;*/ }
img { max-width: 100%; }
h1 { font-family: Helvetica, Arial,"sans-serif"; font-size: 19px; font-weight: bold; padding: 0; margin: 0; }
h2 { font-family: Helvetica, Arial,"sans-serif"; font-size: 17px; }
.hide { display: none; }
.fr { float: right; }
.fl { float: left; }
.cb { clear: both; }
/* the header is fixed at the top */
header { position: fixed; top: 0; right: 0; left: 0; z-index: 9999; }
a { color: #41658a; text-decoration: none; }
.underline { border-bottom: #e4e4e4 solid 1px; padding-bottom: 10px; }

/* navigation */
.header { background-color: #41658a;  }
.header nav { margin: 0 auto; max-width: 988px; height: 53px; display: table; }
.header nav a { font-size: 100%; border-left: 1px solid #718ca7; width: 20%; color: white; text-decoration: none; text-align: center; transition: .5s all ease; display: table-cell; white-space: nowrap; overflow: hidden; vertical-align: middle; padding-top: 6px; }
.header nav a:hover { background-color: #587898; }
.header nav a.current { background-color: #895624; border-bottom-color: #895624; font-weight: bold; z-index: 999; position: relative; }
.header nav a:first-child { min-width: 201px; border-right: 1px solid #718ca7; }
.header nav a:last-child { border-right: 1px solid #718ca7; }
.header nav a img { margin: 0 auto; width: 144px; }
.header .nav-gutter { border-top: 1px solid #718ca7; height: 7px; background-color: #895624; z-index: 1; position: relative; margin-top: -1px; }
/* homepage theme */
.empty-space { width: 60%;  display: table-cell; height: 53px; }
.theme { width: 100%; min-height: 400px; background: #fff; background-image:url('images/theme_02.jpg'); background-position: center;  background-repeat: no-repeat;  background-size: cover; border-top: 1px #fff solid; margin-top: 58px; position: relative; z-index: 1;  }
.search-panel { height: 57px; width: 100%; background-color: rgba(226, 239, 252, 0.5); position: absolute; bottom: 0px; z-index: 1; }
.search-container { margin: 0 auto; max-width: 988px; display:table; width: 100%; height: 57px; }
.search-form { vertical-align: middle; display: table-cell; height: 57px; padding: 0px; }
.search-container select { font-size: 110%; border: solid 1px #ccc; padding: 3px; color: #666; font-family: Helvetica, sans-serif; height: 40px; margin-right: 1%; width: 19%; }
.search-container select:active { border: 1px solid #000; }
.search-container .submit { margin: 0px; height: 40px; color: #fff; }
.btn { font-size: 100%; color: #fff; margin: 0px; padding: 0px; width: 18%; height: 40px; border: 0; display: block; float: right; background-color: #41658a; transition: .5s all ease; }
/*.btn:hover { background-color: #587898; cursor: pointer; }*/

/* content */
section { margin: 0 auto; margin-top: 74px; max-width: 988px; display: table; width: 100%; } 
.panel { width: 181px; display: table-cell; adding: 20px; padding-left: 20px; }
.panel select { width: 100%; font-size: 80%; border: solid 1px #ccc; padding: 3px; color: #666; margin-top: 10px; margin-bottom: 10px; font-family: Helvetica, sans-serif; height: 30px; }
select:focus{ background: #effdde; }
textarea,
input[type=password]:focus,
input[type=text]:focus{ background: #effdde; }
.panel select:focus{ background: #effdde; }
.panel select.hl { background: #effdde; } /* hl = highlighted */
.panel select.small { width: 79px; float: left; font-size: 71%; }
.panel select.last { margin-left: 2%; }
.panel .submit{ margin: 0 auto; width: 80px; display: block; height: 30px;  }
.line { border-top: #e4e4e4 solid 1px; margin-top: 10px; }
.panel-header {  padding: 0; margin: 0;  color: #000; }
.panel .fr { margin-left: 2px; }
.btn,
.panel .submit { box-sizing: border-box;  color: #fff;  display: block;  background: #e93f2e; }
.btn,
.panel .submit { background: linear-gradient(to bottom, #3498db 0%, #2980b9 100%);  border: 0px; border-radius: 2px;  font-weight: 600; text-decoration: none; }
.btn,
.panel .submit { text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 16px; }
.panel .submit { width: 130px; display: block;  cursor: pointer; margin: 0 auto; height: 33px; line-height: 32px; padding: 0px 15px 0px 15px; margin-top: 10px; }
.content { max-width: 1030px; padding: 20px; border-radius: 5px; border: 1px solid #ccc; display: table; background: #fff; width: 100%; }
.m-results{ max-width: 829px; margin: 0 auto; }
.results { display: table-cell; max-width: 829px; margin: 0 auto; }
.results h1 { padding-bottom: 10px; }
.display { display: table-cell; max-width: 829px; }
.display .ad-data { width: 100%; display: table; margin-top: 10px; }
.ad-properties { width: 44%; display: table-cell; border-top: 1px solid #ddd; vertical-align: top;  }
.prop-row { width: 100%; font-size: 80%; }
.l-image { display: table-cell; width: 55%; padding-left: 1%;}
.l-image img { margin: 0 auto; display: block; } 
.prop-title, .prop-value { width: 50%; display: block; border: 1px solid #ddd; float: left; padding: 1%; border-top: none; border-right: none; }
.prop-value { border-right: 1px solid #ddd;}
/*.related,*/
.related { width: 100%; float: left; }
.description { width: 100%; margin-top: 10px; display: block; rder: 1px solid #000; }
.description h3 { padding-top: 0px; margin-top: 0px;}
.description h2 { float: left; }
.disciplines { width: 100%; margin-top: 10px; border: 1px solid #ddd; font-size:80%; border-right: none; height: 61px;  }
.disciplines .title{ font-weight: bold;  padding: 1%; background: #fbfbfb; width: 100%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;  }
.disciplines .discipline-cell { line-height: 30px; text-align: center; border-right: 1px solid #ddd; float:left; }
.disciplines .w1{ width: 100%;}
.disciplines .w2{ width: 50%;}
.disciplines .w3{ width: 33.33%;}
.disciplines .w4{ width: 25%;}
.disciplines .w5{ width: 20%;}
.related { float:  left; max-width: 47%; margin-left: 3%; }
.related a{ color: #222; font-size: 80%; border: 1px solid #e2e2e2; padding: 7px; float: left; text-decoration: none; overflow: hidden; display: block; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; lear: right;}
.related a:hover{ border: 1px solid #000; }
.contact-form{ width: 100%; max-width: 49%; float:  left; }
.contact-form .row { width:  100%; }
.contact-form .row .btn { min-width: 150px; margin-top: 20px; }

.main-ads { width: 100%; margin: 0 auto; max-width: 988px; margin-top:15px; margin-bottom:  15px;}
.ad-index{ width: 19%; border: solid 1px #bbb; float: left; margin-right: 1%; min-height: 200px; padding: 5px; margin-bottom: 1%; min-width: 185px;}

.ad { width: 100%; padding-bottom: 10px; border-top: #e4e4e4 solid 1px; padding-top: 10px; float: left; display: flex; cursor: pointer; }
.results div div.ad:last-child { border-bottom: #e4e4e4 solid 1px; } 
.odd { background: #fff; }
.even,.even .prop-title,.even .prop-value { background: #fbfbfb; }
.ad:hover { background: #f7feee; }
.ad-image { width: 21%; min-width: 160px; float: left; }
.main-ads .ad-image{ width: 17%;}
.main-ads .ad-data{ width: 83%;}
.ad img { float: left; min-width: 150px; width: 150px; height: 100px; min-height: 100px; display: block; border: 1px #ccc solid; padding: 1px; }
.ad-data { float: left; width: 79%; }
.ad-title a { float: left; width: 60%; font-weight: bold; font-size: 100%; color: #444;/*#41658a; #0654ba*/; overflow: hidden; height: 18px; text-decoration: none; }
.ad-title a:hover { text-decoration: underline; }
.ad-details { float: right; width: 40%; font-size: 80%; color: #999; text-align: right; overflow: hidden; white-space: nowrap; padding-right: 5px; }
.ad-description { font-size: 90%; padding-top: 4px; padding-bottom: 10px; padding-right: 5px; float: left; text-align: justify; display: block; overflow: hidden; width: 100%; height: 62px; rder: 1px #ccc solid; clear: both; }
.ad-price { width: 20%; float: left; font-size: 110%; font-weight: bold; color: #41658a; }
.ad-price-mini { font-size: 100%; font-weight: bold; line-height: 2; color: #333; width: 100px; text-align: left; display: none; }
.ad-location { width: 80%; float: right; line-height: 1.5; font-size: 80%; color: #999; text-align: right; overflow: hidden; white-space: nowrap; padding-right: 5px; }
.nophoto img { background: #fff; }
.noads { width: 100%; padding-bottom: 10px; border-top: #e4e4e4 solid 1px; padding-top: 10px; float: left; display: flex; min-width: 765px; }

.paginator { display: block; margin-top: 3px; margin-bottom: 20px; height: 40px; }
.paginator .centered { display: table; margin: 0px auto; }
.paginator a { border-radius: 2px; display: block; float: left; background: #fbfbfb; color: #41658a; padding-top: 9px; font-size: 110%; border: 1px #D9DAE3 solid; text-decoration: none; width: 40px; height: 40px; text-align: center; margin-right: 3px; }
.paginator a:hover { background: linear-gradient(to bottom, #3498db 0%, #2980b9 100%); color: #fff; }
.paginator .current { box-sizing: border-box; border: 0px; background: linear-gradient(to bottom, #3498db 0%, #2980b9 100%); color: #fff; font-weight: bold; }

.paginator a:last-child { margin-right: 0px; }

.grid-item { padding: 5px; border: 1px solid #ddd; width: 100%; }
.column-3 { width: 50%; }
@media (min-width: 532px) { .column-3 {width: 33.33%;} }
@media (min-width: 794px) { .column-3 { width: 25%;} }
.column {float: left; min-height: 1px; padding-right: 8px; padding-left: 8px; /*width: 100%;*/}
.spaced-double-bottom { padding-bottom: 16px; }
.grid-thumbnail { /*max-width: none;*/ width: 223px; height: 153px; }
.grid-caption { background-color: #f4f4f4; border: 1px solid #ededed; font-size: 14px; padding: 5px; margin-top: 5px; width: 100%; }
.grid-caption .grid-text-link { white-space: nowrap; overflow: hidden; color: #23527c; }
.grid-caption .grid-text-link a { color: #337ab7; }
.grid-caption .grid-text-info { white-space: nowrap; overflow: hidden; margin-top: 2px; }
/*.tab-titles { margin-top: 10px; float: left; }*/
.tab-current{ background: #fbfbfb; z-index: 9999; position: relative; font-weight: bold; }
.tab-current:hover { background: #fbfbfb; }
.tab-title { float: left; border: solid 1px #e7eaed; border-bottom: none; margin-right: 7px; padding: 7px 25px 7px 25px; cursor: pointer; font-size: 90%; color: #41658a }
.tab-title { min-width: 130px; text-align: center; height: 40px; padding-top: 10px; }
.tab-title:hover { background: #f7feee; }
.tab-current:hover { background: #fbfbfb; }
.tab-panel { border: solid 1px #e7eaed; padding: 10px; float: left; width: 100%; background: #fbfbfb; z-index: 1; position: relative; margin-top: -1px; }
.tab-panel { height: 540px; overflow-y: auto; }
.non-scroll { height: auto !important;}
/*.tab-panel a { width: 146px; float: left; font-size: 80%; text-decoration: none; color: #41658a; padding-bottom: 3px; }*/
/*.tab-panel a { border-radius: 5px 5px 5px 5px; width: 146px; color: #336699; font-size: 80%; line-height: 23px; height: 23px; padding-left: 5px; float: left; text-decoration: none; }*/
.tab-panel a.main-p { width: 145px; background: #fbfbfb; color: #41658a; font-size: 80%; border: solid 1px #fbfbfb; padding: 4px; float: left; text-decoration: none; overflow: hidden; }
.tab-panel a.main-p:hover { background: #effdde;  /*c60;*/ border-color: #ddd;/*#edeae7;*/ text-decoration: none; }

.account,
.auth { display: table-cell; max-width: 988px; width: 100%; vertical-align: top; }
.auth .form { float:left; width: 50%;}
/*.auth h1 { padding:0px; display: block !important; width: 100%; clear: both !important; float: left; white-space: nowrap; padding-bottom: 10px; }
.auth .form { float:left; width: 50%;}
.auth .form .submit{ margin: 0 auto; width: 80px; display: block; height: 30px; margin-top: 20px; }
.account select,
.account input[type=text],
.auth .form input[type=text],
.auth .form input[type=password]{ font-size: 110%; border: solid 1px #ccc; padding: 3px; color: #666; font-family: Helvetica, sans-serif; height: 40px; margin-right: 1%; }
.auth .btn { width:100px; }*/
.account-messages { width: 100%; }
.account-messages div { line-height: 25px; float: left }
.account-messages .row { width: 100%; height: 25px; ; }
.account-messages .title { width: 40%; font-size: 90%; text-align: left; font-weight: bold; }
.account-messages .date { width: 40%; font-size: 80%; text-align: left;  }
.account-messages .detail { width: 20%; font-size: 90%; text-align: center; }
.messages-row { width: 100%; height: 25px; line-height: 25px; font-size: 90%; }
.messages-row .label { font-weight: bold; width: 100px; font-size: 100%; }
.m_textarea { width: 100%; min-height: 170px; }
/*footer { margin-top: 20px; border-top: 1px solid #ccc; background: #fff; text-align: center; font-size: 80%; color: #999; padding: 20px; }*/
footer{ clear: both; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; margin-top:25px; padding-top: 20px; } 
.footer-wrapper { clear: both; min-width: 320px; }
#copyright { font-size: 13px; padding: 0px 0px 10px 0px; text-align: center; }
#footerLinks { padding-bottom: 10px; font-size: 14px; text-align: center; }

/* responsive media rules */
@media screen and (max-width:1000px) { .md-hide { display: none; } } 
@media screen and (max-width:800px) { .ad-details { display: none; width: 0; } .ad-title { width: 100%; } .ad img { width: 109px; height: 74px; } .ad-description { font-size: 80%; } }
@media screen and (max-width:640px) { .ad img { min-width: 100px; width: 100px; height: 66px; min-height: 66px;  } .ad-image { min-width: 110px; width: 110px; } }
@media screen and (max-width:640px) { .header nav a { font-size: 80%; } .header nav a:first-child { font-size: 100%; } /* fixes logo jump */ }
@media screen and (max-width:640px) { .ad-description { padding-bottom: 0px; width: 100%; } .ad-location { width: 0%; display: none; } .ad-price { display: none; } .ad-price-mini { display: block; } .ad-data { width: 63% } .search-container input[type=submit],.search-container select{float:left; width: 100%;} .search-panel{ height:auto;} .grid-thumbnail{height:auto;}}
@media screen and (max-width:640px) { .ad-data { width: 68% } .l-image{ width: 100%; display:block; } .ad-properties{ width: 100%; display: block; } }
@media screen and (max-width:567px) { .panel { display: none; } } /* show the search panel even in horizontal iPhone 5 (Retina 1136x640 = 568px in horizontal view) */
@media screen and (max-width:320px) { .ad-data { width: 56% } .ad-description { height: 71px; overflow: hidden; } }