a, a:visited {color: #369; text-decoration: none;}
a:hover {color: #154676; text-decoration: underline;}

#content{height:100%;}

p#listingsIntro {font-size:0.8em; color:#444444; padding-bottom:10px;}

div#filterSearch{width:300px; float:left; clear:both;}
#chosenFilter{font-size:1.3em;}
#chosenFilter li{margin:0 8px 0 0;}
#chosenFilter li a{margin:0 0 0 3px; color:#336699;}

.ui-dropdownchecklist-selector {font-family:Arial; border:solid 1px #eaeaea;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #fff;
color:#555555;
font-weight:normal;
overflow:auto;
border:none;}

.ui-state-default{border:solid 1px #cfcfcf;}
.ui-dropdownchecklist-dropcontainer{width:180px;}
.ui-dropdownchecklist-item{display:block; height:30px; float:none;}

.ui-dropdownchecklist-item input{float:left}
.filterForm ul li label.ui-dropdownchecklist-text{width:140px; font-size:0.8em; text-align:left; padding:0px; margin:0px; }

.filterForm{background-color:#f2f2f2; border:solid 1px #e4e4e4; margin:16px 0 20px 0;}
.filterForm h2{background-color:#000; margin:0; padding:6px; color:White; font-family:Arial, Tahoma, Times New Roman; font-size:1.1em;}
.filterForm ul{padding:10px;}
.filterForm ul li{margin:10px 0; font-size:0.8em; border-bottom:solid 1px #e1e1e1; padding:0 0 10px 0; height:100%;}
.filterForm ul li#last{margin:10px 0; font-size:0.8em; border:none; padding: 0;}
.filterForm ul li ul li{border:none; padding:0;}
.filterForm ul li label{width:80px; float:left; text-align:right; padding:3px 0 0 0; margin:0 10px 0 0;}
.filterForm ul li input.location{width:210px;}
.filterForm ul li.price input{width:50px;}
.filterForm ul li.within label{width:auto;}
.filterForm ul li ul.priceDropDown{width:185px; float:right; padding:0; margin:0;}
.filterForm ul li ul.priceDropDown li{margin:0 0 5px 0; padding:0;}
.filterForm ul li ul.priceDropDown li label{width:40px; font-size:1.2em; text-align:left;}
.filterForm ul li.size {height:100%;}
.filterForm ul li.size span.value{font-size:0.85em; margin:5px 0 0 0;}
.filterForm ul li.size span.changeValue{font-size:0.8em; display:block;  margin:5px 0 0 0;}
.filterForm ul li.size span a{color:#336699;}
.filterForm ul li input.button{margin:0 5px 0 0; color:White; border:none; padding:6px 12px; margin:0 0 0 95px; cursor:pointer; font-weight:bold; font-family:Arial, Tahoma, Times New Roman; font-weight:bold; 
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
					background-image:url(../../images/common/blueButtonBg.jpg);
					background-repeat:repeat-x;
					background-color:#234578;
                    background:-moz-linear-gradient(center top , #4488bb, #234578) repeat scroll 0 0 #234578;
                    background: -webkit-gradient(linear, center bottom, center top, from(#234578), to(#4488bb)); }

input.button{margin:0 5px 0 0; color:White; border:none; padding:3px 8px; margin:0 0 0 10px; cursor:pointer;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
					background-image:url(../../images/common/blueButtonBg.jpg);
					background-repeat:repeat-x;
					background-color:#234578;
                    background:-moz-linear-gradient(center top , #4488bb, #234578) repeat scroll 0 0 #234578;
                    background: -webkit-gradient(linear, center bottom, center top, from(#234578), to(#4488bb)); }

.filterForm ul li ul.filter{width:185px; float:right; padding:0; margin:0; font-size:1.3em;}
.filterForm ul li ul.filter li{ margin:0 0 5px 0;}
.filterForm ul li ul.usage li{float:left; width:33%;padding:0;}

.filterForm ul li#show{overflow:auto; height:100%;}
.filterForm ul li#show label{float:left;}

.filterForm ul li ul#checkBoxes{margin:0; padding:0; overflow:auto; height:100%; width:188px; clear:none; float:right;}
.filterForm ul li ul#checkBoxes li {display:block; overflow:auto; margin:0 0 3px 0; padding:0; font-size:1em; line-height:1.3em;}
.filterForm ul li ul#checkBoxes li input{float:left;}
.filterForm ul li ul#checkBoxes li label {margin: 0 10px 0 0; padding: 3px 0 0 0; text-align:left;line-height:1.4em; width:155px;}


#sortListings{background-color:#000; color:White; padding:5px; font-size:0.8em; overflow:auto; height:100%;}
#sortListings li{display:inline; float:right; margin-left:10px;}
#sortListings li.listingsReturned{float:left; margin:0;}
#quickFilter{padding:10px 0 0 0; width:550px; float:left;}
#quickFilter ul{overflow:auto; height:100%; margin:0 0 10px 0;}
#quickFilter ul li{display:inline; float:left; font-size:0.8em;}
#quickFilter ul li.label{width:120px; float:left;}

.catSponsor {width:400px; background-color:#D6D5D5; border: 1px solid #369; padding:10px; float:right;}
.catSponsor p {float:left;  font-size:0.8em; width:50%;}
.catSponsor img {float:right;}
              
#reportsPanel {background-color:#f2f2f2; width:300px; float:left; margin:0; border:solid 1px #d6d5d5;}
#reportsPanel h2 {background-color:#333333; margin:0; padding:5px; border-bottom:solid 1px #d6d5d5; color:#ffffff; font-family:Arial;}
#reportsPanel dl {padding:10px;}
#reportsPanel dt {background-image:url(../../images/common/squareArrow.jpg); background-repeat:no-repeat; background-position: top left; padding:0 10px 4px 20px; font-size:0.8em; margin:0;}
#reportsPanel dt a{color:#336699; text-decoration:none;}
#reportsPanel dt a:hover{color:#333333; text-decoration:underline;}
#reportsPanel dd {font-size:0.7em; padding-left:20px;}
#reportsPanel dd.reportAuthor {color:#666666; padding-bottom:6px;}

/*listings

div#listings{float:left; padding: 0 5px 10px 5px; width:670px;}
div#listings img{float:left; margin:0 10px 0 0; max-width:120px; border:solid 1px #eeeeee; padding:5px;}*/

div#listings{width:670px; float:right;} 

div.listing{border-bottom:solid 1px #e4e4e4; margin:10px 0 0 0; padding:0 0 10px 0; height:100%; overflow:auto;}
div.listing img.thumbnail{border:Solid 1px #eaeaea; margin:0 0 10px 0;}
div.listing img{float:left;}

div#listings div.tile{float:right; width:540px;}
div#listings div.tile div.listingTop {width:540px;}
div#listings div.tile div.listingBottom {width:540px; clear:both;}
div#listings div.tile h2{padding:5px; background-color:#f2f2f2; margin:0 0 10px 0; font-family:Arial, Tahoma; font-size:1em;}
div#listings div.tile h2 a{font-weight:bold; color:#336699; text-decoration:none;} 
div#listings div.tile h2 a:hover{text-decoration:underline;}
div#listings div.tile p.price{font-size:0.9em; font-weight:bold; margin:0 0 10px 0; color:#333333; float:left;}
div#listings div.tile p.situation{font-size:0.9em; font-weight:bold; margin:0 0 5px 0; color:#666666; float:left; text-align:left; clear:left;}
div#listings div.tile p.description{font-size:0.8em; margin:0 0 5px 0; color:#666666; text-align:left; clear:left;}
div#listings div.tile img.agentLogo {float:right; margin:0 0 5px 5px; background: white; border: 1px solid #DDD; padding: 3px;}
div#listings div.tile ul {border-top:dotted 1px #d3d3d3; padding:5px 0 0 0;}
div#listings div.tile ul#sizeUsage{width:230px; float:left; clear:left;}
div#listings div.tile ul#unitsType{width:300px; float:left;}
div#listings div.tile ul li{font-size:0.75em; margin:0 0 5px 0; color:#333333;}
div#listings div.tile ul li.type span{width:90px; float:left;}
div#listings div.tile ul li.type ul{width:200px; float:right; padding:0; margin:0; font-size:1.2em; border:none;}
div#listings div.tile ul li span{font-weight:bold; margin:0 5px 0 0; width:90px; float:left; background-image:url(../../images/common/listingArrow.gif); background-position:right; background-repeat:no-repeat;}
div#listings div.tile ul li span.dimensions{font-weight:normal; margin:0 0 0 5px; font-size:0.85em;}
div#listings div.tile ul li a{color:#336699; text-decoration:none; background-image:url(../../images/common/squareArrow.jpg); background-repeat:no-repeat; background-position: center left; padding:10px 10px 10px 20px; }

p.registerNow{background-image:url(../../images/common/squareArrow.jpg); background-repeat:no-repeat; background-position: center left; padding:0 0 0 20px; color:#333333; font-size:0.8em; margin:0;}
p.registerNow a{color:#333333; text-decoration:none;}
p.registerNow a:hover{color:#333333; text-decoration:underline;}

p.seeMore {float:left; font-size:0.7em;}
p.seeMore a{font-weight: normal;color:#369; text-decoration:none;}
p.seeMore a:hover{color:#369; text-decoration:underline;}
span#seeMore {font-weight:bold; float:left; margin-right:5px;}

ul#location{}
ul#location li{margin:0 5px 0 0;}
ul#location li.label{margin:0;}
ul#location li a{color:#336699; text-decoration:none;}
ul#location li a:hover{color:#336699; text-decoration:underline;}

/*Tabbed content*/
  
.tabList {margin:0 0 3px 10px; padding:0; font-family:arial, tahoma, helvetica, sans-serif; font-size:0.7em; clear:both;}
.tabList li {cursor:pointer; margin:0 2px 0 0; padding:4px; list-style-type:none; display:inline; background-color:#666666;
             -webkit-border-top-left-radius: 3px;
             -webkit-border-top-right-radius: 3px;
             -moz-border-radius-topleft: 3px;
             -moz-border-radius-topright: 3px;
             border-top-left-radius: 3px;
             border-top-right-radius: 3px;
             }
.tabList li.selected {background-color:#000000; color:#ffffff; font-weight:normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.tabList li.selected a {color:#fff;}
.tabList li.hover a {text-decoration:underline;}
.tabList li a {color:#fff; padding:0px; margin:0px;}

#tabContent {position:relative; border-top:solid 5px #000; width:670px;}
.tabbed {top:0px; padding:0; margin:0;}
#tabContent div#map{margin:0 auto; padding:0; border:solid 1px #eaeaea; padding:10px; width:648px; position:absolute; top:0;}

#rss { width: 80px; position: relative;  left:580px; top:15px;}
#rss span { font-size:10px;}

div.suggestDiv {position:relative; z-index:101; cursor:default; overflow-x:hidden; overflow-y:auto; background-color:white; border:solid 2px #cfcfcf; padding:5px; font-size:1em;}
div.suggestDiv span.suggestion	{display:block; width:100%; padding-top:1px; padding-bottom:1px;}
div.suggestDiv span.seeMoreSuggestions {display:block; width:100%; padding-top:1px; padding-bottom:1px; font-weight:bold;}
div.suggestDiv span.selection {background-color:#b1c09c;}
div.suggestDiv span.match {background-color:#ffac20;}


                    
/*pagination*/
#paginationContainer{clear:both; overflow:auto; height:100%; width:100%;}
#pagination {float:right;}
#pagination li{border:Solid 1px #eaeaea; width:20px; text-align:center; padding:5px 3px; font-size:0.8em; float:left; display:inline; margin:0 0 0 5px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
				background-image:url(../../images/common/paginationBg.jpg);
				background-position:bottom;
				background-repeat:repeat-x;
                background:-moz-linear-gradient(center top , #fff, #eaeaea) repeat scroll 0 0 #eaeaea;
                background: -webkit-gradient(linear, center bottom, center top, from(#eaeaea), to(#fff));
              }
#pagination li:hover{border:solid 1px #b6b6b6;}
#pagination li a{color:#336699; text-decoration:none;}
#pagination li a:hover{color:#759dc5; text-decoration:underline;}
#pagination li.next{width:55px; text-align:left;}
#pagination li.next a{padding:0 0 0 5px;}
#pagination li.prev{width:55px; text-align:right;}
#pagination li.prev a{padding:0 5px 0 0;}
#pagination li#on{color:#759dc5; font-weight:bold; color:#333333; border:solid 1px #b6b6b6;}
#pagination li.dots:hover {border:Solid 1px #eaeaea;}


/*infowindow*/
div#info span#infospiel{font-size: 0.9em;}
div#info span#infonav{float:right; padding-right: 20px;}
div#info span#infonav a{color:#336699; text-decoration:none;}
div#info span#infonav a:hover{color:#336699; text-decoration:underline;}
div#info li.infowindow{height:100px; overflow:hidden; margin-bottom:3px;}
div#info li.infowindow img {float:left; margin:0 10px 0 0;}
div#info li.infowindow div.infotile{float:right; width:358px;}
div#info li.infowindow div.infotile h2{padding:2px; background-color:#f2f2f2; margin:0 0 10px 0; font-family:Arial, Tahoma; font-size:0.9em;}
div#info li.infowindow div.infotile h2 a{font-weight:bold; color:#336699; text-decoration:none;} 
div#info li.infowindow div.infotile h2 a:hover{text-decoration:underline;}
div#info li.infowindow div.infotile p.price{font-size:0.8em; font-weight:bold; margin:0 0 10px 0; color:#333333; width:210px; float:left;}
div#info li.infowindow div.infotile p.situation{font-size:0.8em; font-weight:bold; margin:0 0 5px 0; color:#666666; float:right; text-align:right; width:140px;}
div#info li.infowindow div.infotile ul {border-top:dotted 1px #d3d3d3; padding:5px 0 0 0;}
div#info li.infowindow div.infotile ul#sizeUsage{width:190px; float:left;}
div#info li.infowindow div.infotile ul#unitsType{width:140px; float:left;}
div#info li.infowindow div.infotile ul li{font-size:0.75em; margin:0 0 5px 0; color:#333333;}
div#info li.infowindow div.infotile ul li.type span{width:90px; float:left;}
div#info li.infowindow div.infotile ul li.type ul{width:200px; float:right; padding:0; margin:0; font-size:1.2em; border:none;}
div#info li.infowindow div.infotile ul li span{font-weight:bold; margin:0 5px 0 0; width:90px; float:left; background-image:url(../../images/common/listingArrow.gif); background-position:right; background-repeat:no-repeat;}
div#info li.infowindow div.infotile ul li span.dimensions{font-weight:normal; margin:0 0 0 5px; font-size:0.85em;}
div#info li.infowindow div.infotile ul li a{color:#336699; text-decoration:none; background-image:url(../../images/common/squareArrow.jpg); background-repeat:no-repeat; background-position: center left; padding:10px 10px 10px 20px; }

#footer{clear:both;}

