/*------------------------------------------------------------------
[Master Stylesheet]

Project: CBID
Version: 1.0
Author: Emagine Media: Aaron, Karl

Last Modified: 
- 2009-04-06, Aaron, changed registration form styles
- 2009-01-30, Karl, style the controls for the interactive map
- 2009-01-22, Aaron, changed business/prperty lists
- 2009-01-22, Aaron, changed form class for members
- 2008-12-5, Sharon, added class .disc to allow bullets for some list elements
- 2008-11-26, Sharon, added styling to lists in members area
- 2008-11-2, Sharon, added styling edit pages
- 2008-10-29, Karl worked on newsletter captcha not finished
- 2008-10-28, Karl tweaked the sub nav to show nav on
- 2008-10-28, Aaron basic form styles overall
- 2008-10-28, Aaron search results styles, pulled in from fetured news block
- 2008-10-28, Aaron business listing styles
- 2008-10-28, Karl, added the image gallery in the business locations page, 7a
- 2008-10-20, Karl, added structure
- 2008-10-17, Karl, created

[Table of contents]

1. Resetting and General 
2. Structure 
2a. Forms Default
2b. Members Form
3. Branding
4. Main Navigation
4a. Overall Search
5. Content
6. Left Content - sub-navigation
7. Center Content
7a. Business, Property details
8. Right Content
9. Footer
10. News
11. Upcoming Meetings 
12. Simple Search Results
12a. Business Listing Results
13. Property/Business Details
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Resetting and General ]
*/

html,body {
}

.accessibility {
display:none;
}

* {
margin:0;
padding:0;
}

a {
cursor: pointer;
}

strong,p,a,h1,h2,h3,h4,h5,h6,span, li, dt, dd, label, input, textarea, div {
font-family:"Trebuchet MS","Myriad Pro";
}

li {
list-style: none;
}

li.disc{
list-style:disc;
margin-left:1.5em;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: 0;
}

caption, th {
text-align: left;
}

a {
cursor: pointer;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/*------------------------------------------------------------------
[2. Structure ]
*/

#container {
width:100%;
}

#heading, #navigation, #footer  {
width:100%;
}

#branding, #nav  {
width: 65em;	
margin: 0 auto;
}


/*------------------------------------------------------------------
[2a. Forms Default]
*/

#main_text, #main_text_home {
min-height:20em;
}

* html #main_text {
height:20em;
}


#main_text form {
margin: 1em 0 0 0;
}


#main_text form label{
float:left;
clear:left;
width:10em;
margin: .5em 0;
}


#main_text form#property  input, #main_text form#property  select{
float:left;
width:20em;
margin:.5em 0;
}



#main_text form#entryform input, #main_text form#entryform select {
margin:.5em 0;
}


#main_text form input.search_butt {
display:block;
width:4em;
background:#A44138;
color:#fff;
padding:.2em;
text-align:center;
text-transform:capitalize;
text-decoration:none;
float:right;
clear:both;
margin: 1em 11.5em 0 0;
border:none;
}

#main_text form legend{
background:url(/images/graphics/news_back.jpg) repeat-y;
padding: .5em 25em .5em .5em;
margin: 0 0 1em 0;
}


/*------------------------------------------------------------------
[2b. Members Form]
*/


#main_text #member_login form label{
float:left;
clear:left;
width:7em;
}

#main_text #member_login form input{
float:left;
width:12em;

}

#main_text #member_login .search_butt{
float:left;
width:6em;
}

.forgot{
display:block;
clear:both;
padding:1em 0 0 0;
}

#main_text #member_form label{
clear:left;
width:10em;
}

#main_text #member_form input{
width:12em;
margin:.5em 0;
}

/*------------------------------------------------------------------
[3. Branding]
*/

#branding {
position:relative;
height:10em;
}

#branding img {
padding: 0 .4em 0 0;
}

#branding a { 
display:block;
height:3em;
width:10em;
position:absolute;
top:1.7em;
right:16em;
}


/*------------------------------------------------------------------
[4. Main Navigation]
*/

#nav {
display:block;
clear:both;
}

ul#main_nav  {
height:2em;
float:left;
font-size:.8em;
margin:0 6em 0 0;
}

#main_nav li {
background:url("/images/graphics/nav_off_right.jpg")
no-repeat right top;
margin:0 .2em 0 0;
padding:0;
float:left;
}

#main_nav a {
display:block;
background:url("/images/graphics/nav_off_left.jpg")
no-repeat left top;
padding:.4em .7em;
color:#000;
text-decoration:none;
}

#main_nav li:hover, #main_nav li.nav_list_on {
background-image:url("/images/graphics/nav_on_right.jpg");
color:#fff;
}

#main_nav a:hover, #main_nav a.nav_on {
background-image:url("/images/graphics/nav_on_left.jpg");
color:#fff;
}

/*------------------------------------------------------------------
[4a. Overall Search]
*/

#quick_search {
height:1.6em;
float:left;
width:10em;
position:relative;
}

#quick_search input {
border:none;
position:absolute;
top:-.2em;
right:0em;
}

#quick_search input[type="text"] {
border:solid .1em #C5BFA7;
color:#000000;
position:absolute;
top:0em;
left:0;
}



/*------------------------------------------------------------------
[5. Content]
*/

#content{
border-top: solid .7em #A44138;
background:url(/images/graphics/top_back.jpg) repeat-x;
display:block;
clear:both;
padding:3.5em 0 0 0;
}

#content_wrapper {
width:65em;
margin:0 auto;
overflow:hidden;
}

#content_left {
width:10.8em;
float:left;
background: url(/images/graphics/sub_nav_back.jpg) repeat -.5em bottom;
padding:0 0 1000em 0;
margin: 0 0 -1000em 0;
}

#content_middle {
width:37.5em;
float:left;
padding:0 0 30em 0;
margin: 0 0 -30em 0;
}

#content_right{
float:left;
width:11em;
padding:0 0 30em 0;
margin: 0 0 -30em 0;
}


/*------------------------------------------------------------------
[6. Left Content - sub-navigation]
*/

#content_left ul {
width:11em;
background: url(/images/graphics/top_sub.gif) no-repeat -.15em 0em;
padding: 1em 0 0 0;
}

#content_left #sub_nav ul.non_list {
width:11em;
background: url(/images/graphics/top_sub.gif) no-repeat -.15em 0em;
padding: 0 0 0 0;
}

#content_left ul ul{ 
background:none;
font-size:.75em;
margin:0 0 0 .1em;
padding: 1em 1em 0 0;
}

#sub_nav img {
margin:.2em 0 0 .3em;
padding:0;
}

#sub_nav li {
padding: 0 0 0 1em;
}

#sub_nav .non_list li {
padding:0;
}


#sub_nav li li {
border-bottom:solid .1em #D0C9AE;
padding:0;
}

#sub_nav ul li:hover,
#sub_nav ul li.nav_on {
background: url(/images/graphics/right_arrow.gif) no-repeat right .2em;
}

#sub_nav a{
text-decoration:none;
color:#8F8674;
width:100%;
display:block;
}

#sub_nav a.nav_on {
background: url(/images/graphics/right_arrow.gif) no-repeat right .2em;
}

#sub_nav a:hover{
text-decoration:none;
color:#000;
}

/*------------------------------------------------------------------
[7. Center Content]
*/

#content_middle {
width:37.5em;
padding: 0 0 10em 0;
margin: 0 .8em -10em -.2em;
}

#header_image {
height:13.7em;
}

#main_text {
padding: 0 2em 2em 2em;
font-size:.8em;
background: url(/images/graphics/content_bottom_back.jpg) repeat-x bottom #EBE5D4;
color:#423D2A;
}

#main_text:after {
content: ""; 
display: block; 
height: 0; 
clear: both; 
}

#main_text h1 {
font-size:1.4em;
margin: 0 0 .7em 0;
color:#423D2A;
padding: .7em 0 0 0;
}

#main_text h3 {
font-size:1.4em;
margin: 0 0 .7em 0;
color:#423D2A;
padding: .7em 0 0 0;
}

#main_text a{
color:#423D2A;
}

#main_text a:hover {
color:#A44138;
}

#main_text_home {
padding: 0 0 2em 2em;
font-size:.8em;
background: url(/images/graphics/content_bottom_back.jpg) repeat-x bottom #EBE5D4;
color:#423D2A;
}

#main_text_home:after {
content: ""; 
display: block; 
height: 0; 
clear: both; 
}

#main_text_home h1 {
font-size:1.4em;
margin: 0 0 .7em 0;
color:#423D2A;
padding: .7em 0 0 0;
}

#main_text_home a{
color:#423D2A;
}

#main_text_home a:hover {
color:#A44138;
}


/*------------------------------------------------------------------
[7a. Center Home Page Content ]
*/


#home_page_text {
width:25em;
float:left;
}

#home_page_news {
float:left;
width:19.8em;
margin: 1em 0 0 0;
}

#home_page_news h3 {
border-bottom:.3em solid #D3C6A6;
}

#home_page_news img{
float:left;
margin: 0 1em 0 0;
}

#home_page_news p {
float:left;
width:12.1em;
padding: 0 .5em;
}

#home_page_news a.home_more_link {
float:left;
display:block;
clear:both;
background: #A6403B;
padding:.2em .7em;
margin: .5em 0 0 9em;
color:#fff;
text-decoration:none;
font-size:.7em;
width:6em;
}

#home_page_news .even {
border-bottom:.3em solid #D3C6A6;
padding: .5em 0;
width:19.8em;
float:left;
}

#home_page_news .odd {
background: url(/images/graphics/news_back_home.jpg) repeat-y top right;
border-bottom:.3em solid #D3C6A6;
padding: .5em 0;
width:19.85em;
float:left;
}


/*------------------------------------------------------------------
[7b. Business/Property details ] 
*/

ul#business_directory {
display:block;
clear:both;
width:100%;
float:left;
margin: 0 0 2em 0;
padding: 1em 0;
}

ul#business_directory li {
float:left;
width:13em;
padding: .5em 0;
height:2em;
}

#column_left {
width:40%;
float:left;
}

#column_left li.main {
text-align:left;
width: 15.5em;
display:block;
}

#column_left #mini_location_map {
width:15.5em;
height:25em;
border:1px solid black;
}


#column_right {
width:58%;
float:right;
}

#column_right h2 {
background:url(/images/graphics/news_back.jpg) repeat-y;
padding: .5em;
}


#image_gallery li {
float:left;
padding:0;
margin: 0 0.2em 0.2em 0;
}

#image_gallery img,
#image_gallery a {
padding:0;
margin:0;
}

#image_gallery:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



#column_right dl {
display:block;
clear:both;
width:100%;
float:left;
margin: 1em 0;

}

#column_right dt {
float:left;
width:10em;
}

#column_right dd {
float:left;
clear:right;
width:14em;
}

/*------------------------------------------------------------------
[8. Right Content ]
*/

#content_right h4 {
color:#A1988F;
font-size:1em;
font-weight:normal;
}

#business_search, #property_search, #newsletter_signup   {
height:3.2em;
float:left;
width:10em;
position:relative;
margin: 0 0 1em 0;
}

#property_search {
border-bottom:.2em dotted #C5BFA7;
padding: 0 0 1.5em 0;
}

#business_search input,  #newsletter_signup input {
border:none;
position:absolute;
bottom:-.2em;
right:0em;
}


#property_search input {
border:none;
position:absolute;
bottom:1.5em;
right:0em;
}


#business_search input[type="text"] {
border:solid .1em #747355;
color:#000000;
position:absolute;
bottom:0em;
left:0;
}


#property_search input[type="text"] {
border:solid .1em #747355;
color:#000000;
position:absolute;
bottom:1.6em;
left:0;
}


/* 2008-10-29, Karl, a work in progress */


#newsletter_signup input[type="text"] {
border:solid .1em #C5BFA7;
color:#C5BFA7;
position:absolute;
top:1em;
left:0;
}

#newsletter_signup input[type="image"] {
position:absolute;
top:0.8em;
right:0;
}

#newsletter_signup #newsletter_captcha {
display:none;
}

#newsletter_signup #newsletter_captcha input {
position:block;
}

#newsletter_signup #newsletter_captcha img {
xdisplay:none;
width:8.3em;
}

/*------------------------------------------------------------------
[9. Footer]
*/

#footer {
background:#D3C5A8;
border-top: solid .7em #A44138;
height:6em;
color:#423D2A;
}

#footer a{
color:#423D2A;
}

#footer a:hover{
color:#fff;
}

#footer_wrapper {
width:65em;
margin: 0 auto;
position:relative;
}

#footer_logo {
float:left;
margin: .2em 1em;
}

#address {
font-size:.75em;
width:20em;
float:left;
margin: .5em 0;
}

#web_developers {
font-size:.75em;
position:absolute;
top:.7em;
right:8em;
}

/*------------------------------------------------------------------
[10. News]
*/

#most_recent {
padding: 1em 0;
display:block;
clear:both;
}

#most_recent h1, #other_recent h1 {
background:url(/images/graphics/news_back.jpg) repeat-y;
width:21em;
padding: .5em;
}

#most_recent h1 a{
text-decoration:none;
}

#most_recent .date {
color:#A44138;
font-weight:bold;
font-size:.85em;
float:left;
margin: 0 0 0 1em;
display:block;
}

#most_recent img {
float:left;
}

#most_recent .summary {
float:left;
width:35em;
font-size:.85em;
padding: .5em 1em;
}

#most_recent a.more_link {
margin: 0 0 0 .9em;
float:left;
width:3em;
background:#A44138;
color:#fff;
padding:.2em .5em;
text-align:center;
font-size:.8em;
text-transform:capitalize;
text-decoration:none;
}

#other_recent {
display:block;
clear:both;
padding:1em 0 0 0;
}

#other_recent h2{
background:#D3C6A7;
font-size:.9em;
padding:.5em .7em;
border-bottom:.1em #fff solid;
}

#other_recent ul {
display:block;
clear:both;
background: url(/images/graphics/news_vert.jpg) repeat-x;
}

#other_recent ul.news_articles_none {
display:block;
clear:both;
background: none;
}

#other_recent ul.news_articles li{
float:left;
display:block;
width:19em;
margin:0;
padding: 0 1.8em 1em .5em;
border-bottom: .1em solid #C4B58E;
position:relative;
}

#other_recent .date {
color:#A44138;
font-weight:bold;
font-size:.85em;
float:left;
margin: .5em 0 0 0;
display:block;
width:23em;
}

#other_recent img {
float:left;
padding:.2em .5em 0 0;
}

#other_recent li h3 a{
text-decoration:none;
font-size:.8em;
font-weight:normal;
}

#other_recent a.more_link {
display:block;
width:6em;
background:#A44138;
color:#fff;
padding:.2em;
text-align:center;
font-size:.8em;
text-transform:capitalize;
text-decoration:none;
position:absolute;
bottom:1.3em;
left:8.4em;
}

#news_details {
padding: 1em 0 0 0;
}

#news_details h1 {
background:url(/images/graphics/news_back.jpg) repeat-y;
width:21em;
padding: .5em;
}

#news_details .date {
color:#A44138;
font-weight:bold;
font-size:.85em;
margin: .5em 0 0 0;
display:block;
width:23em;
}

#news_details p {
margin: 0 0 1em 0;
}


#news_details a.more_link {
display:block;
width:6em;
background:#A44138;
color:#fff;
padding:.2em;
text-align:center;
font-size:.8em;
text-transform:capitalize;
text-decoration:none;
}

/*------------------------------------------------------------------
[11. Upcoming Meetings]
*/

#meetings_list h1{
padding: .5em 0 0 0;
}

#meetings_list ul li {
margin: .5em 0 1em 0;
}

#meetings_list ul li h2{
background:url(/images/graphics/news_back.jpg) repeat-y;
width:41em;
padding:.2em .5em;
font-size:.9em;
}

#meetings_list dl {
margin: .5em 0 1em 0;
font-style:italic;
font-size:.85em;
}

#meetings_list dt {
float:left;
width:6em;
}

/*------------------------------------------------------------------
[12. Simple Search Results]
*/

#meeting_results h2, #pages_results h2{
background:#D3C6A7;
font-size:.9em;
padding:.5em .7em;
border-bottom:.1em #fff solid;
}

ul#meeting_results, ul#pages_results {
border-bottom: solid .1em #C4B58E;
display:block;
clear:both;
margin:.5em 0 1em 0;
padding:.5em 0 1em 0;
}

ul#meeting_results li h2, ul#pages_results li h2 {
background:url(/images/graphics/news_back.jpg) repeat-y;
width:41em;
padding:.2em .5em;
font-size:1.2em;
margin: 0 0 .5em 0;
border:none;
}

ul#meeting_results li h2 a, ul#pages_results li h2 a {
text-decoration:none;
}

#meeting_results li {
font-size:.85em;
}

#pages_results li {
font-size:.85em;
padding: 0 0 1em 0;
}


#meeting_results a.more_link, #pages_results a.more_link {
display:block;
width:6em;
background:#A44138;
color:#fff;
padding:.2em;
text-align:center;
font-size:.8em;
text-transform:capitalize;
text-decoration:none;
}

/*------------------------------------------------------------------
[12a. Business Search Results]
*/

#search_results #most_recent {
display:block;
clear:both;
width:100%;
min-height:15em;
}
#most_recent .summary dl {
margin: 0 0 1.7em 0;
display:block;
clear:both;
float:left;
}

#most_recent .summary dt {
float:left;
width:10em;
}

#property_results a.more_link {
}


#search_results #most_recent dl {
display:block;
clear:both;
width:100%;
float:left;
margin: 1em 0;
}

#search_results #most_recent dd {
float:left;
clear:right;
width:15.5em;
}
#search_results #most_recent a.more_link_long {
display:block;
width:6em;
background:#A44138;
color:#fff;
padding:.2em;
text-align:center;
font-size:.8em;
text-transform:capitalize;
text-decoration:none;
float:left;
margin: 1em 0 0 1em;
}


/*------------------------------------------------------------------
[13. Business Locations - Google Map ]
*/

#content_right h3 {
font-size:1em;
font-weight:normal;
}


/* --------- Styling for Business Listings in members Area ----------------------------*/

#map {
width:100%;
height:30em;
border-top:1.2em solid #ebe5d4;
}

td.business_location{
padding:.4em;
padding-right:.44em;
}

td.business_title{
padding:.4em;
padding-right:2.8em;
}


td.business_location{
padding:.4em;
padding-right:6.6em;
}

td.business_type{
padding-right:1.5em;
}

/*--------- Styling for Events Listings in members Area---------------------------------*/
td.event_title{
padding:.4em;
padding-right:10.9em;
width:20em;
}

td.event_date{
padding:.4em;
padding-right:11.5em;
}

#map_legend {
margin-top:0.2em;
}

#map_legend li {
font-size:0.75em;
margin-bottom:0.25em;
}

#map_legend li:hover {
cursor:pointer;
}

#map_legend li.selected {
font-weight:700;
}


/*------------------------------------------------------------------------------------------------------------*/

/*--------- Styling for Property Listings in members Area--------------------------*/

td.property_title{
padding:.4em;
padding-right:13.9em;
}

th.sale_price{
padding:.4;
padding-right:2em;
}

th.lease_price{
padding:.4;

}

td.property_edit{
padding-right:3em;
}
/*---------------------------------------------------------------------------------------------------*/

/*---------------------------------Property Edit Form--------------------------------------*/
tr.description td {
padding-right:3em;
padding-top:1em;
}

tr.type td{
padding-top:1em;
}

tr.saleprice td{
padding-top:1em;
}

tr.leaseprice td{
padding-top:1em;
}

tr.contact td{
padding-top:1em;
}

tr.phone td{
padding-top:1em;
}

tr.address td{
padding-top:1em;
}

tr.email td{
padding-top:1em;
}
/*---------------------------------------------------------------------------------------------*/

/*----------------------------- Edit Business Form ----------------------------------*/
tr.zipcode td{
padding-top:1em;
}

tr.web td{
padding-top:1em;
}

td.business_edit{
padding-right:3.5em;
}

/*----------------------------------------------------------------------------------------------*/


/*---------------------------Event Edit Form-------------------------------------------*/

tr.details td{
padding-top:0em;
}


td.events_edit{
padding-right:3em;
}
/*-------------------------------------------------------------------------------------------*/

/*-----------------------------------Logout---------------------------------------------*/

a.logout{
text-decoration:none;
color:#8F8674;
width:100%;
display:block;
font-size:.8em;
}

a:hover.logout {
text-decoration:none;
color:#000;
background: url(/images/graphics/right_arrow.gif) no-repeat 55px;;
}

/*------------------ Create Thumbnails For Image Editor--------------------- */
.image_editor_thumb img {
  width: 144px;
  height: 90px;
}

/*-------------------------------------------------------------------------------------------- */

/*--------------------Image Upload Buttons-----------------------------------------*/
#image_editor_delete_form form input{
width:8em;
}

#image_editor_upload_form form input{
width:8em;
}

tr.img1{
float:left;
clear:both;
}

tr.img2{
float:left;
clear:both;
}

tr.img3{
float:left;
clear:both;
}

tr.img4{
float:left;
clear:both;
}

tr.img5{
float:left;
clear:both;
}
tr.img6{
float:left;
clear:both;
}

tr.img7{
float:left;
clear:both;
}

tr.img8{
float:left;
clear:both;
}

tr.img9{
float:left;
clear:both;
}

tr.img10{
float:left;
clear:both;
}

.search_table {
margin: 1em 0 0 0;
}

.resultRowOne {
padding: 1em 2em ;
border-bottom: solid .5em #D3C5A8;
}

.resultRowTwo {
background: url(/images/graphics/news_back_home.jpg) repeat-y right top;
padding: 1em 2em ;
border-bottom: solid .5em #D3C5A8;
}

a.button {
display:block;
width:6em;
background:#A44138;
color:#fff !important;
padding:.2em;
text-align:center;
font-size:.8em;
text-transform:capitalize;
text-decoration:none;
position:absolute;
bottom:1.3em;
left:0.5em;
}
a.button:hover{
color:#fff !important;
text-decoration:none;
}