@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* Typography
--------------*/
body {
padding: 0;
margin: 0;
}
body div#hubOnline {
margin: 0 auto;
}
body div#hubOnline p,
body div#hubOnline div.text  {
margin-bottom: 10px;
}
body div#hubOnline div.text p {
/* font-size: 1em;  font-size fix within text div */
}
body div#hubOnline dl,
body div#hubOnline ul,
body div#hubOnline ol,
body div#hubOnline form input, 
body div#hubOnline form textarea,
body div#hubOnline form select {
fo//nt-family: Arial, Helvetica, sans-serif; /* Used to fix font issue with textarea */
}
body div#hubOnline div.text ul,
body div#hubOnline div.text ol {
margin: 0 0 10px 30px;
list-style: disc;
/* font-size: 1em;  font-size fix within text div */
}
body div#hubOnline div.text ol {
list-style: decimal;
list-style-position: inside;
}
body div#hubOnline a:link,
body div#hubOnline a:visited {
color: #666;
}
body div#hubOnline a:hover {
color: #4f217f;
}

/* Style for Button style links */
body div#hubOnline a.button:link,
body div#hubOnline a.button:visited {
background-color: #00add8;
color: #fff !important;
border: none;
padding: 2px 6px;
margin: 0;
cursor: pointer;
text-decoration: none;
display: block;
}

/* Headings */
body div#hubOnline h1 {
color: #00add8;
font-weight: normal;
}
body div#hubOnline h2 {
}
body div#hubOnline div.text h2 {
}
body div#hubOnline h3 {
}
body div#hubOnline div.text h3 {
}

/* Standard forms
------------------*/
body div#hubOnline form {
width: auto;
}
body div#hubOnline form textarea, 
body div#hubOnline form input,
body div#hubOnline form select {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
body div#hubOnline legend {
color: #666;
font-weight: bold;
}
body div#hubOnline form fieldset {
width: auto;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #adadad;
}
body div#hubOnline form li {
list-style-type: none;
margin: 0 0 10px 0;
}
body div#hubOnline form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
}
body div#hubOnline form input {
width: 250px;
}
body div#hubOnline form textarea {
width: 250px;
}
body div#hubOnline form select {
width: 254px;
}
body div#hubOnline form input.radio {
width: 30px;
border: none;
}
body div#hubOnline form p {
clear: both;
}
body div#hubOnline form fieldset#submit,
body div#hubOnline form fieldset.submit {
border: none;
padding: 0;
text-align: left;
float:left;
padding-bottom:5px;
}
body div#hubOnline form fieldset#submit input,
body div#hubOnline form fieldset.submit input,
body div#hubOnline form input.button {
background-color: #00add8;
color: #fff;
border: 1px solid #00add8;
padding: 1px 0;
margin: 0;
cursor: pointer;
}
body div#hubOnline form input.button {
}
body div#hubOnline form fieldset input.submit {
}
body div#hubOnline form fieldset input.clear {
}
body div#hubOnline form fieldset input.search {
}
body div#hubOnline form fieldset input.login {
}
body div#hubOnline form fieldset input.activate {
}
body div#hubOnline form em span,
body div#hubOnline form .required {
color: #00add8;
font-weight: bold;
}

/* Popups
---------*/
html body.popup {
background-image: none;
background-color: #fff;
margin: 0;
width: auto;
padding: 13px 21px 7px 21px;
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 78%;
}
html body.popup #hubOnline #content {
border: none;
margin: 0;
padding: 0;
height: auto;
width: auto;
float: none !important;
font-size: 1em;
}
html body.popup #hubOnline #content form {
margin: 10px 0;
}
html body.popup #hubOnline #content form fieldset {
width: auto;
}


body {
padding: 0;
margin: 0;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 78%;
}
div#hubOnline form#quicksearch p,
div#hubOnline form#quicksearch input, 
div#hubOnline form#quicksearch textarea,
div#hubOnline form#quicksearch select {
}

div#hubOnline form#quicksearch select {
	background-color:#EEEEEE!important;
	border:0!important;
	margin:0!important;
	padding:0!important;
	padding:2px!important;
	font-size:12px!important;
}


div#hubOnline form#quicksearch  {
width: auto;
padding: 0;
margin: 0;
overflow: hidden;
float:left;
width:151px;
}
div#hubOnline form#quicksearch h2 {
font-size: 13px;
font-weight:bold;
margin-bottom:10px;
color: #000;
}
div#hubOnline form#quicksearch fieldset {
border: none;
padding: 0;
margin: 0 auto;
width: 142px;
}
div#hubOnline form#quicksearch #criteria p {
float:left;
clear:none;
margin: 0 0 8px 0;
}
div#hubOnline form#quicksearch label {
font-size: 0.9em;
font-weight: bold;
margin: 0;
float: none;
width: auto;
}
div#hubOnline form#quicksearch label.label_range {
display: block;
margin-bottom: 0;
}
div#hubOnline form#quicksearch label.label_to {
text-align:left;
margin:4px 0 0;
width:12px!important;
}
div#hubOnline form#quicksearch p {
margin-bottom: 0;
}
div#hubOnline form#quicksearch select {
width: 140px;
font-size: 0.9em;
}
div#hubOnline form#quicksearch #qs_price select,
div#hubOnline form#quicksearch #qs_rent_price select,
div#hubOnline form#quicksearch #qs_size select {
width: 62px;
}
div#hubOnline form#quicksearch #qs_price label.label_to,
div#hubOnline form#quicksearch #qs_rent_price label.label_to,
div#hubOnline form#quicksearch #qs_size label.label_to {

width:12px!important;
margin-right:0px!important;
padding-right:0px!important;
padding-right:1px!important;
padding-left:0px!important;
margin-left:0px!important;
display: inline;
}

#qs_property-type {
	float:left;
}

div#hubOnline form#quicksearch #qs_st label {

width: auto;
float: none;
display: inline;
}
div#hubOnline form#quicksearch #qs_st input {
vertical-align: middle;
width: auto;
}
div#hubOnline form#quicksearch #submit {
}
div#hubOnline form#quicksearch #submit input {
background-color: transparent;
padding: 0;
width: 35px !important;
height: 26px;
border: none;
}

/* ============= CSS Reset ============= */
/* Makes browsers behave!                */
/* ===================================== */

div#hubOnline div,
div#hubOnline dl,
div#hubOnline dt,
div#hubOnline dd,
div#hubOnline ul,
div#hubOnline ol,
div#hubOnline li,
div#hubOnline h1,
div#hubOnline h2,
div#hubOnline h3,
div#hubOnline h4,
div#hubOnline h5,
div#hubOnline h6,
div#hubOnline pre,
div#hubOnline form,
div#hubOnline fieldset,
div#hubOnline input,
div#hubOnline textarea,
div#hubOnline p,
div#hubOnline blockquote,
div#hubOnline th,
div#hubOnline td { 
margin:0;
padding:0;
}

div#hubOnline table {
border-collapse:collapse;
border-spacing:0;
}

div#hubOnline img,
div#hubOnline a img { 
border:0;
}

div#hubOnline ul {
list-style-type: circle;
}

div#hubOnline ol {
list-style-type: decimal;
}

div#hubOnline caption,
div#hubOnline th {
text-align:left;
}

div#hubOnline q:before,
div#hubOnline q:after {
content:'';
}

div#hubOnline abbr,
div#hubOnline acronym {
border:0;
}

div#hubOnline a:focus {
outline: none;
}

div#hubOnline ul, div#hubOnline ol {
list-style-position: inside; 
}

/* ============= Utility Stuff ============= */
/* Handy stuff!
/* ==================================== */
div#hubOnline .break,
div#hubOnline .clear {
clear:both;
}

div#hubOnline .uppercase {
text-transform: uppercase;
}

div#hubOnline .required {
color: #B90000;
font-weight: bold;
}

/* Popups
--------- */
#GB_overlay {
  background-color: #000;
  -moz-opacity:.75;
  filter:alpha(opacity=75);
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
}
#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #888;
  overflow: auto;
  width: 100%;
  height: 400px;
  z-index: 150;
}
#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 400px;
}
#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}
#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}


/* Lightbox
----------- */
#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;	
}			
span#lightbox-prevnext {
display: block; 
padding-bottom: 1.0em;	
}
a#prevbtn {
padding-right: 5px;
marign-right: 5px;
}
#lightbox-secNav-btnClose {
width: 66px; 
float: right;
padding-bottom: 0.7em;	
}