/* Reset
--------------------------------------------*/
*											{ margin: 0; padding: 0; }
body { margin-left: 15px; margin-right: 15px; }


/* Global Structure
--------------------------------------------*/
html										{ overflow: -moz-scrollbars-vertical; overflow-y: scroll; }

body										{ background: #f6f6f6; color: #555; font: 14px/20px arial, helvetica, sans-serif; }
body#housingDirectory						{  }

div#container								{ width: 100%; min-width: 800px; max-width: 960px; margin: 0 auto; }

div#header									{ width: 100%; height: 100px; margin: 10px 0 0; background: url('/sites/housingdirectory/images/header-bg.png') repeat-x left bottom; font-size: 0; line-height: 0; }
div#content									{  }
div#footer									{ float: left; width: 100%; margin: 10px 0 20px; padding: 10px 0; background: #eee; color: #999; font-size: 11px; text-align: center; }

a#visitWebsite 								{ float: right; width: 215px; height: 100px; background: url('/sites/housingdirectory/images/visitwebsite.png') no-repeat -10px top; text-indent: -9999px; }

div#testMode								{ width: 100%; margin: 0 -15px; padding: 5px 0; background: #000; color: #fff; text-align: center; }
div#testMode strong							{ color: #fff; }



/* Global Navigation
--------------------------------------------*/
ul#nav										{ float: left; width: 100%; margin: 0 0 10px; background: #eee url('/sites/housingdirectory/images/nav-bg.png') repeat-x left bottom; list-style: none; }
ul#nav li									{ float: left; list-style: none; }

ul#nav li a:link,
ul#nav li a:visited							{ display: block; padding: 10px; color: #459; text-decoration: none; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
ul#nav li a:hover							{ background: #ccc; color: #222; text-decoration: none; }

ul#nav li.current a:link,
ul#nav li.current a:visited,				
ul#nav li.current a:hover					{ background: #236; color: #fff; text-decoration: none; text-shadow: 0px 1px 1px #000; }



/* Special Structure
--------------------------------------------*/
div.column									{ display: inline; float: left; margin: 0 0 10px; }
div.column div.inside						{ padding: 0 10px; }

div.column.full								{ width: 100%; }
div.column.threeQuarters					{ width: 75%; }
div.column.twoThirds						{ width: 66.6666%; }
div.column.half								{ width: 50%; }
div.column.third							{ width: 33.3333%; }
div.column.quarter							{ width: 25%; }

.detail										{ margin: 9px 10px 10px; border-top: solid 1px #ccc; }

div.listing									{ margin: 10px 0 0; background: #eee; color: #333; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
div.listing.hover							{ background: #ffa; color: #111; cursor: pointer; }

div.filters									{ margin: 20px 0 0; padding: 10px 0 0 0; background: #fff; -moz-border-radius: 15px 15px 0 0; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; }
div.pagination								{ padding: 10px 0 0 0; background: #ccc; font-size: 13px; }

div.paginationTop							{ -moz-border-radius: 0 0 15px 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; }
div.paginationBottom						{ margin-top: 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

div#eventsContent h3						{ padding: 0 20px; }

div.event									{ margin: 10px 0; padding: 0; border: solid 1px #ccc; }
div.event h4								{ margin: 0 0 10px; padding: 5px 20px; background: #eee; }
div.event p									{ padding: 0 20px; }
div.event p.eventDate						{ color: #000; }

div.eventImage { display: inline; float: right; margin: 0 10px; border: solid 1px #ccc; padding: 3px; font-size: 0; line-height: 0; }

/* Global Typography
--------------------------------------------*/
p											{ margin: 10px 0; }

h1											{ margin: 10px 0; color: #000; font-size: 24px; font-weight: normal; line-height: 25px; }
h2											{ margin: 10px 0; color: #000; font-size: 18px; font-weight: normal; line-height: 25px; }
h3											{ margin: 10px 0; font-size: 14px; font-weight: bold; }
h4											{ margin: 10px 0; font-size: 14px; color: #459; }

ul, ol										{ margin: 10px 0 10px 30px; }
li											{ }

dl											{ margin: 10px 0; }
dt											{ margin: 10px 0 0; color: #459; font-weight: bold; }
dd											{ margin: 0 0 10px 0; }
dd strong									{ color: #459; }
dd ul										{ margin: 0; }
dt, dd strong								{ font-size: 12px; }
dd em										{ color: #aaa; }

abbr, acronym								{ border: none; }

strong										{ color: #000; }

div.listing dd								{ margin: 0; }



/* Special Typography
--------------------------------------------*/
h1 span, h2 span							{ font-size: 14px; }

ul.contact									{ margin: 0; list-style: none; }
ul.contact li								{ list-style: none; }

.topdetail									{ width: 30%; margin-right: 10px; float: left; margin-bottom: 15px; }
.topdetail strong							{ color: #459; font-weight: bold; font-size: 12px; }

#profile em									{ color: #aaa; }
#profile strong								{ color: #459; font-size: 12px; }

ul.details									{ margin: 0; list-style: none; }
ul.details li.detail						{ float: left; width: 220px; list-style: none; }

li.detail h2								{ }
li.detail ul								{ margin-top: 0; margin-bottom: 0px; list-style: circle; }
li.detail ul li								{ list-style: circle; }

div.form h3									{ margin: 10px 0; color: #000; }

table.form td.info h4						{ margin: 0; color: #000; font-size: 12px; font-weight: bold; }
table.form td.info p						{ margin: 0; font-size: 11px; }

span.info 									{ display: block; color: #999; font-size: 11px; }
p.info										{ margin: 0 0 10px; color: #999; font-size: 11px; font-style: italic; }

span.step 									{ float: left; width: 25px; height: 25px; margin: 0 5px 0 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #236; color: #fff; font-size: 18px; line-height: 25px; text-align: center; text-shadow: 0px 1px 1px #000; }

dt img, dd img								{ vertical-align: middle; }

p.finePrint									{ font-size: 12px; line-height: 15px; text-align: justify; }

div.pagination p							{ margin: 0; }

span.disabled								{ color: #999; }
span.disabled img							{ opacity: 0.4; }

p.noneFound									{ padding: 40px 0; text-align: center; font-size: 16px; }



/* Links
--------------------------------------------*/
a											{ outline: none; }
a img										{ border: none; }

a.tel:link,
a.tel:visited								{ color: inherit; text-decoration: none; }
a.tel:hover									{ color: inherit; text-decoration: underline; }

a:link,										
a:visited									{ color: #67b; }
a:hover										{ color: #236; }

h2 a:link,
h2 a:visited								{ color: #000; text-decoration: none; }
h2 a:hover									{ color: #000; text-decoration: underline; }

div.listing.hover h2 a:link,
div.listing.hover h2 a:visited,
div.listing.hover h2 a:hover				{ color: #459; text-decoration: none; }

a.button									{ -moz-border-radius: 15px; -webkit-border-radius: 15px; }
a.button span								{ display: block; padding: 5px 15px; }

a.button:link,
a.button:visited							{ display: block; border: none; font-size: 13px; font-weight: bold; text-decoration: none; }
a.button:hover								{ display: block; text-decoration: none; }

a.button.lighter:link,
a.button.lighter:visited					{ background: #9ae; color: #236; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
a.button.lighter:hover						{ background: #236; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }


a.button.light:link,
a.button.light:visited						{ background: #78c; color: #eee; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
a.button.light:hover						{ background: #236; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }

a.button.dark:link,
a.button.dark:visited						{ background: #459; color: #eee; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
a.button.dark:hover							{ background: #236; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); }

a.button.disabled:link,
a.button.disabled:visited,
a.button.disabled:hover						{ background: #999; color: #eee; opacity: 0.2; cursor: default;filter: alpha(opacity=20); }

a.button.searchForHousing					{ -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size: 16px; }
a.button.searchForHousing span				{ padding: 10px 15px; }

a.button img								{ border: none; vertical-align: text-bottom; }

a.button.prev 								{ display: inline; float: left; width: 50%; -moz-border-radius: 15px 0 0 15px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; }
a.button.next 								{ display: inline; float: left; width: 50%; text-align: right; -moz-border-radius: 0 15px 15px 0; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; }

a.page:link, a.page:visited					{ text-decoration: none; }
a.page:hover								{ }

a.page.current:link,
a.page.current:visited,
a.page.current:hover						{ color: #000; font-weight: bold; cursor: default; }

a.pagination:link,
a.pagination:visited						{ color: #666; font-weight: bold; text-decoration: none; }
a.pagination:hover							{ color: #000; font-weight: bold; text-decoration: none; }
a.pagination img,
span.disabled img							{ vertical-align: middle; }

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}



/* Tables
--------------------------------------------*/
table										{ width: 100%; border-collapse: collapse; }

table.units									{ width: 100%; border-collapse: collapse; }
table.units thead tr th						{ color: #459; text-align: right; }
table.units thead tr th.first				{ color: #000; text-align: left; }
table.units tbody tr th						{  }
table.units tbody tr td						{ text-align: right; }
table.units tbody tr td.first				{ text-align: left; }

table.form									{ width: 100%; margin: 0 0 10px; }
table.form td								{ padding: 5px 0; vertical-align: top; }
table.form td.label							{ width: 160px; padding: 0 10px 0 0; vertical-align: top; }
table.form td.info							{ width: 210px; vertical-align: top; padding: 5px 0 0 20px; line-height: 15px; }
table.form td.info div.info					{ padding: 10px; background: #ffc; }

table.customField							{  }
table.customField td						{ padding: 0; }

table.options 								{  }
table.options th							{ padding: 0 5px 0 0; color: #000; text-align: left; vertical-align: top; }
table.options td 							{ vertical-align: top; }



/* Forms
--------------------------------------------*/
label										{ font-size: 12px; }
label.required								{ color: #000; font-weight: bold; }
label.required span							{ color: #f00; font-weight: bold; }

input, textarea								{ font: 12px/auto arial, helvetica, sans-serif; }
input.textField								{ padding: 2px 2px 1px; }
input.textField.full						{ width: 250px; }
input.textField.required					{  }

input.error, textarea.error, select.error	{ background: #fcc; }

textarea.textareaField						{ width: 250px; padding: 2px 2px 1px; }

input[type=checkbox]						{ vertical-align: middle; }

select										{ max-width: 260px; }

td.label label								{ display: block; padding: 5px 0; }
td.label label.labelError					{ color: #a00; }

button										{ padding: 10px 15px; border: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; font: 13px/25px arial, helvetica, sans-serif; font-weight: bold; }
button[type]								{ padding: 5px 15px; line-height: 16px; }
 
button.light								{ background: #78c; color: #eee; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
button.light:hover							{ background: #236; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }

button.dark									{ background: #459; color: #eee; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
button.dark:hover							{ background: #236; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); }

button img									{ border: none; vertical-align: middle; }



/* Miscellany
--------------------------------------------*/
div.clear 									{ clear: both; }

hr											{ clear: both; height: 1px; margin: 10px 0 20px; border: none; background: #ddd; }

div#resize									{ display: inline; float: right; width: 105px; height: 30px; margin: 30px 10px 0; line-height: 30px; text-align: center; }
div#resize div								{ float: left; width: 35px; height: 30px; }

div#resize-small							{ font-size: 12px; }
div#resize-small a							{ -moz-border-radius: 15px 0 0 15px; }

div#resize-medium							{ font-size: 14px; }

div#resize-large							{ font-size: 16px; }
div#resize-large a							{ -moz-border-radius: 0 15px 15px 0; }

div#resize div a:link,
div#resize div a:visited					{ display: block; background: #ccc; color: #666; text-decoration: none; }
div#resize div a:hover						{ background: #aaa; color: #333; text-decoration: none; }

div#resize div.current a:link,
div#resize div.current a:visited,
div#resize div.current a:hover				{ background: #236; color: #fff; }

div.flash 									{ margin: 0 0 10px; padding: 1px 15px; }
div.flash.success 							{ background: #dfc; }
div.flash.info 								{ background: #def; }

div.photo									{ display: inline; float: left; margin: 0 6px 6px 0; }
div.photoRight								{ margin: 0 0 10px 0; }



/* Microformats
--------------------------------------------*/
.vcard .country-name						{ display: none; }










div#colorbox h2								{ margin: 0 0 0 0; padding: 10px 20px; border-top: solid 1px #78c; border-bottom: solid 1px #236; background: #459; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); }



/* Clear fix! */
#container .clearfix:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container .clearfix 			{ display: inline-block; }
* html .clearfix 				{ height: 1%; }
#container .clearfix			{ display: block; }