*{margin:0;padding:0;} html {overflow-y: scroll !important;} body{margin:0 auto;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif} img{border:0;} #wrapper { margin:0 auto; padding:0 20px 20px 20px; width:920px; border:1px solid #ffe5b4; background-color:#fffde7; background-image:url(../images/bgtop.gif); background-position:top; background-repeat:no-repeat; } #hdr{ margin:0; padding:0; width:600px; height:196; float:left; } #logo { width:297px; height:85px; margin:25px 0 0 0; } #slogan{ width:500px; height:73px; margin:15px 0 0 0; color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; } #slogan h1 { padding:0; margin:0; font-size:23px; font-weight:normal; } #slogan h2 { padding:0; margin:0; font-size:18px; font-weight:normal; } #panel { width:285px; height:600px; float:right; border-bottom:4px solid #e8e6ce; padding:0 0 0 15px; background-color:#FFFFFF; background:url(../images/bgpanel.png) repeat-y; } #paneltitle { width:270px; height:35px; margin:25px 0 0 0; background-image:url(../images/bgpaneltitle.jpg); background-repeat:repeat-x; } #paneltitle p { padding:9px 0 0 10px; color:#FFFFFF; font-weight:bold; font-size:16px; } #maintitle { width:610px; height:82px; margin:20px 0 0 0; float:left; } #maintitle h1{ padding:15px 0 0 73px; margin:0; font-size:24px; font-weight:normal; } #maintitle h2{ color:#FFFFFF; padding:12px 0 0 73px; margin:0; font-size:15px; font-weight:normal; } #contents{ width:610px; margin:20px 0 0 0; float:left; font-size:12px; } #contents p { margin:0; padding:0 0 5px 10px; line-height:18px; } #contents p.highlight { color:#d76e08; font-size:15px; font-weight:bold; } #students{ float:left; width:193px; height:47px; background-image:url(../images/bgstudents.jpg); background-repeat:no-repeat; padding:41px 5px 0 1px; font-weight:bold; font-size:11px; cursor:pointer; } #business{ float:left; width:193px; height:47px; background-image:url(../images/bgbusiness.jpg); background-repeat:no-repeat; padding:41px 5px 0 1px; font-weight:bold; font-size:11px; cursor:pointer; margin-left:6px; } #tourists{ float:left; width:193px; height:47px; background-image:url(../images/bgtourists.jpg); background-repeat:no-repeat; padding:41px 5px 0 1px; font-weight:bold; font-size:11px; cursor:pointer; margin-left:6px; } #ftr { margin:0 auto; padding:0 20px 0 20px; width:920px; height:84px; background-color:#e8e6cd; border-left:1px solid #e8e6cd; border-right:1px solid #e8e6cd; border-bottom:1px solid #e8e6cd; border-top:2px solid #dad9c1; } #ftrmenu { width:600px; float:left; padding:35px 0 0 0; font-size:9px; color:#5b5b5b; } #ftrmenu a { color:#5b5b5b; text-decoration:none; } #ftrmenu a:hover { text-decoration:underline; } #ftrcopy { padding:35px 0 0 0; font-size:9px; float:right; color:#5b5b5b; } .randombox { margin:0 0 10px; padding:10px 10px 0 10px; width:250px; height:175px; background-image:url(../images/bgrandom.jpg); background-repeat:no-repeat; } .randomlink { color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; } .randomlink:hover { color:#d3eb8e; } .ajax-loader{ margin:0 auto; text-align:center; padding:40px 0; width:150px; height:50px; background:url(../images/ajax-loader.gif) no-repeat top center; font-size:11px; display:none; } #formcontainer{ margin:10px 0 0 0; padding:10px; width:250px; height:175px; font-size:11px; background-image:url(../images/bgsearch.jpg); background-repeat:no-repeat; } #formcontainer label, input, select, textarea { font-size:11px; vertical-align:top; font-family:Verdana, Arial, Helvetica, sans-serif; } #formcontainer input, select, textarea { margin:0; padding:2px; border:none; } #formcontainer select#district { width:187px; } #formcontainer select#from, select#to { width:73px; } #formcontainer table td { margin:0; padding:0; vertical-align:top; } .searchlink { color:#000; font-size:14px; font-weight:bold; text-decoration:none; } .searchlink:hover { color:#fff; } .sendrequest { color:#000; font-size:14px; font-weight:bold; text-decoration:none; } .sendrequest:hover { color:#fff; } #apartmentdetails { margin:10px 0 10px; padding:10px 10px 0 10px; width:250px; height:140px; background-image:url(../images/bgdetails.png); background-repeat:no-repeat; } #apartmentdetails table { font-size:11px; } #apartmentdetails table td { border-bottom:1px solid #CCCCCC; padding-top:2px; } #apartmentdescription{ padding:10px; width:250px; height:80px; background-image:url(../images/bgcomments.png); background-repeat:no-repeat; } #description{ height:60px; font-size:11px; text-align:justify; padding-right:5px; overflow:auto; } #apartmentimages{ margin:10px 0; padding:10px; width:250px; height:80px; background-image:url(../images/bgcomments.png); background-repeat:no-repeat; overflow:hidden; } .renovationstage{ margin:10px 0; padding:10px; width:250px; height:80px; background-image:url(../images/bgcomments.png); background-repeat:no-repeat; overflow:hidden; font-size:11px; } #contacttable td { padding-bottom:10px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix {height: 1%;}#menu ul{ float:left; width:610px; } #menu ul{ font: bold 11px tahoma; padding:0; margin:0; } #menu ul li{ list-style-type:none; display: inline; } #menu ul li a{ padding:4px 12px; text-decoration: none; float: left; color: #fff; } #menu ul li a:hover{ color: #b8e82d; }div.tablesorterPager { padding: 10px 0 10px 0; background-color: #D6D2C2; text-align: center; } div.tablesorterPager span { padding: 0 5px 0 5px; } div.tablesorterPager input.prev { width: auto; margin-right: 10px; } div.tablesorterPager input.next { width: auto; margin-left: 10px; } div.tablesorterPager input { font-size: 8px; width: 50px; border: 1px solid #330000; text-align: center; } .pointer { cursor:pointer; } .pagedisplay { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }/* tables */ table.tablesorter { font-family:verdana; background-color: #CDCDCD; margin:0; font-size: 8pt; width: 610px; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e8b647; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { /*background-image: url(../images/bg.gif);*/ background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { padding: 4px; background-color: #fafafa; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#e8e6cd; } table.tablesorter thead tr .headerSortUp { background-image: url(../images/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(../images/desc.gif); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #d57d25; color:#FFFFFF; }/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }