/* =============================================================================
FORMS
----------------------------------------------------------------------------- */
form { clear:both;}
label, form .label { margin-right:0.5em; font-weight:bold;}
label.option { font-weight:normal;}
label.option input { margin-right:0.3em;}

/* formapi includes <br>... hide these */
form br { display:none;}

/* fieldsets: explicitly set these since browsers render them differently */
fieldset {
  margin:0 0 1em 0;
  padding:1em;
  border:0.1em solid #cec5ba;
  }
  
/* change look of collapsed fieldsets: just for forgot password for now
   TODO: check any other place we're using these to make a global setting */
fieldset.collapsed {
	border-width:0;
	border-top-width:0.1em;
	}

fieldset legend {
  margin-left:-0.5em;
  padding:0 0.5em;
  font-weight:bold;
  }
fieldset legend,
fieldset legend a {
  color:#3f6689;
  }

/* inputs */
input.form-text,
input.form-password,
select,
textarea {
  margin-bottom:0.5em;
  padding:0.2em;
  border:0.1em solid #cec5ba;
  }
input.file {
	margin-bottom:1.2em;
	}
input.blur {
	color:#afa9a1;
	}

/* textareas: have to explicity set font */
textarea {
  font-size:1em;
  font-family:arial, verdana, sans-serif;
  line-height:1.4em;
  }

/* radios / checkboxes */
form ul {
  clear:both;
  list-style:none;
  padding-left:0;
  }
form ul ul {
	padding-left:3em;
	}

/* formapi isn't easily letting us put the class on the ul, so it's being
   wrapped in a div */
div.inline ul li {
	display:inline;
	}
form ul.inline {
	margin:0;
	}

li label {
  margin-right:1em;
  font-weight:normal;
  cursor:pointer;
  }
li.last label {
	margin-right:0;
	}
input.form-checkbox,
input.form-radio {
	margin:0;
	}

/* required */
form label .required {
	color:#0f5694;
	}

/* field hints */
input:focus,
select:focus,
textarea:focus {
  background-color:#fcf2d9;
  outline:0 none;
  }
  
label.disabled {
	cursor:default !important;
	}

/* submit buttons */
/*input.form-submit {
	padding:0.2em 0.5em;
	background:#0097da url(../images/button_bg.png) 0 100% repeat-x;
    background-color:#cec5ba;
    background-color:#5e87a8;
    background-color:#3f6689;
    border:0;
	color:#fff;
    font-weight:bold;
    cursor:pointer;
	}
input.form-submit:hover {
	background-color:#4db6e5;
	text-decoration:none;
	}*/

/* =============================================================================
LAYOUT
align labels & inputs
----------------------------------------------------------------------------- */
/*this is causing problems for general layouts
form .form-item,
form div {
  clear:both;
  }*/
form .form-item {
  clear:both;
  }
   
/*form label,
form .label {
  float:left;
  width:14em;
  margin:0 1em 0.5em 0;
  }
form input.form-text {
  float:left;
  margin-right:0.5em;
  }*/

form.fa_form_active label,
form.fa_form_active .label {
  float:left;
  width:13em;
  margin:0 1em 0.5em 0;
  }
form.fa_form_active input.form-text {
  float:left;
  }
  
form.fa_form_active .descr {
  float:left;
  margin-left:0.5em;
  color:#8e8984;
  }

form.fa_form_active #div_description {
	margin-left:15em;
	}
form.fa_form_active #div_description p {
	font-size:0.8em;
	}

form input.form-submit {
  clear:both;
  display:block;
  } 
form input.form-submit:hover {
	cursor:pointer;
	}

/* radios / checkboxes */
form ul label {
  float:none !important;
  width:auto !important;
  margin:0 1em 0 0 !important;
  }
form ul li.last label {
	margin-right:0 !important;
	}
  
/* spacebrowser: needs some extra formatting cause the markup is diff than
   the defaults */
form#admin_spacebrowser ul label {
	float:left !important;
	width:14em !important;
	}
form#admin_spacebrowser li {
	clear:both;
	}

/* intro text */
#div_intro p {
	margin-top:0;
	}

/* add new portion / suite
	 page=admin_spacemgr&action=view
	TODO: the markup for these forms could use cleaning up
	*/
.cols form {
	clear:none;
	}
.cols fieldset {
	float:left;
	width:45%;
	}
	.cols fieldset#sheetsuite {
		float:right;
		}
.cols form label {
	width:11em;
	margin:0 0.5em 0 0;
	}
	.cols form label .label {
		float:none;
		width:auto;
		margin:0;
		}
.cols form input.form-text {
	width:14em;
	margin-right:0.5em;
	}
.cols form .form-item {
	clear:none;
	}

/* =============================================================================
SPECIAL
----------------------------------------------------------------------------- */

/* search results */
ul.actions {
	float:left;
	margin:0 0 0.5em 0;
	}
ul.actions li {
	display:inline;
  margin-right:0.5em;
	}
ul.actions li.last {
	margin-right:0;
	}


ul.actions input,
ul.actions label {
	font-family:arial,verdana, sans-serif;
	font-size:1em;
	color:#4e4e4e;
	}

/* filters */
ul.actions input.form-submit,
ul.actions #select-all {
	padding:0.4em;
	background:#edebe3 url(../images/submit_bg.png) 0 100% repeat-x;
	border:0;
	border-radius:0.3em;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	}
	ul.actions input.form-submit:hover,
	ul.actions #select-all:hover {
		background-color:#d5d4cd;
		}

/* the entire page is now in a form so this is getting some styles that weren't
   intended for it */
ul.actions input.form-submit {
	clear:none !important;
	float:none !important;
  display:inline !important;
	margin:0 !important;
	}

/* select all */
input#check-all {
	margin-right:0.3em;
	}
#select-all {
	padding:0.5em !important;
	}
	/*#select-all.active {
		background-color:#004581 !important;
		}
		#select-all.active label {
			color:#fff;
			}*/
	#select-all label {
		margin-right:0 !important;
		}

/* active */
ul.actions input.form-submit.active,
#select-all.active {
		background-color:#004581 !important;
		}
		ul.actions input.form-submit.active,
		#select-all.active label {
			color:#fff;
			}

/* disabled */
ul.actions input.form-submit.disabled {
	background-color:#fafafa !important;
	cursor:default;
	}

/* =============================================================================
SPECIAL
----------------------------------------------------------------------------- */

/* required */
span.required {
	color:#0f5694;
	}

/* errors */
input.error,
select.error,
textarea.error {
  background:#e9b9bf;
  border-color:#d9273c;
  }

span.error strong {
	font-weight:normal;
	}

/* error formatting is problematic because of the way in which form data is being
   spit back in element ordering
   
   comparison: contact page vs admin/space_manager
   */
span.error {
  clear:both;
  float:left;
  margin:-0.5em 0 0.4em 0;
  color:#d9273c;
  font-size:0.8em;
  }
  
/* form.js is adding some extra classes for styling, need to reset some stuff
   for labels. form label colour needs chaning */
span.label.error {
	font-size:1em;
	font-weight:bold;
	}

label.error,
span.label.error {
  color:#d9273c;
  }

/* help:  individual fields */
form span.help  {
  display:block;
  float:right;
  width:16px;
  height:16px;
  overflow:hidden;
  padding:16px 0 0 0;
  height:0px !important;
  height /**/:16px;
  background:url(../images/icons/help2.png) 0 0 no-repeat;
  }
	
table.report span.help {
	margin-left:3px;
	padding-left:16px;
	padding-bottom:2px;
	background:url(../images/icons/help2.png) 0 0 no-repeat;
}
  
/* help */
fieldset legend {
	display:inline;
	}

fieldset legend span.help  {
  margin:-16px 0 0 0.5em;
  background-image:url(../images/icons/help.png);
  }
 
/* tooltips (fieldset / input) */
.help:hover,
.tip:hover {
  cursor:pointer;
  }
  
/* admin icons */
form .icons img {
	margin-right:0.5em;
	}

/* header arrrows (spacemanager) */
form .form-item h3 {
  padding:0.2em;
  padding-right:0;
  background:#eceae3;
  }
h3 .arrows { float:right;}
h3 .arrows a {
  padding:0.2em 0.5em;
  background:#bbbaba;
  color:#eceae3;
  font-weight:bold;
	text-decoration:none;
  }
h3 .arrows a:hover {
  background:#4e4e4e;
  text-decoration:none;
  }
h3 .arrows a.up { margin-right:0.1em;}

/* report menus: indentation for select items
   indent class set via forms.js
   
   form.js adding spaces because IE won't indent (or use padding)
   adding indent here for mozilla
   */
select#ReportMenuReport option.indent {
	padding-left:2em !important;
	color:#666;
	}

/* contact form */
#div_ContactOption .label {
	display:none;
	}

/* note: ex./ home find tab (anon) */
form .note {
  clear:both;
  float:left;
  width:100%;
  margin:1em 0;
  }

/* =============================================================================
INLINE FORMS (aka one liners aka Report Menu)
----------------------------------------------------------------------------- */
form.inline label,
form.inline input.form-text,
form.inline select {
  margin-right:0.5em;
  }

form.inline :focus {
	background:0 !important;
	}

/* =============================================================================
TOOLTIP
----------------------------------------------------------------------------- */
#tooltip {
	position:absolute;
	z-index:3000;
	width:35em;
	padding:0.5em;
	border:0.1em solid #cec5ba;
	background-color:#fffce5;
	opacity:0.95;
  font-size:1.1em;
	}
#tooltip h3,
#tooltip div {
	margin:0;
	}
#tooltip h3 span {
	font-weight:normal;
	}
	
/* lists */
#tooltip dt,
#tooltip dd {
	margin-bottom:1em;
	}
#tooltip dt {
	clear:both;
	float:left;
	padding-right:0.5em;
	}
#tooltip p {
	clear:both;
	margin-bottom:0;
	}

/* =============================================================================
AUTOCOMPLETE
----------------------------------------------------------------------------- */
input.autocomplete {
	padding-right:20px;
	background:#fff url(../images/throbber.gif) 100% 0.3em no-repeat;
	}
input.autocomplete.processing {
	background-position:100% -15px;
	}

div.suggestions {
  position:absolute;
  background-color:#fff;
  border:0.1em solid #bbbaba;
  font-size:1.2em;
  }

div.suggestions div {
  cursor:default;
  padding:0.2em 0.4em;
  }

div.suggestions div.current {
  background-color:#739dd3;
  color:#fff;
  }

/* =============================================================================
TOP BAR (aka 'Refine Search')
----------------------------------------------------------------------------- */
form .tip-help {
	margin:0.5em 0;
	padding:0.3em 0.5em 0.3em 2em;
	background:url(../images/icons/lightbulb.png) 0.3em 0.3em no-repeat;
	border:0.1em solid #d0ccbc;
	font-size:0.9em;
}

form fieldset#form_search .tip-help {
	margin-bottom:0;
	padding:0.3em 1% 0.3em 3em;
	background-position:1% 0.3em;
	border-color:#f0ebd8;
}

/*
 * Refine Search
 */
fieldset.bar {
  background:#fffded;
  border:0.1em solid #f0ebd8;
  }

fieldset#form_search {
	padding:0.3em 1em;
}

fieldset#form_search.collapsed {
	background:#f7f4e2;
	}

/* message moved to refine search */
fieldset#form_search .message {
	margin:0;
	padding:0 !important;
	}
fieldset#form_search.expanded .message p {
	margin-bottom:1em;
	}
fieldset#form_search .message a {
	color:#4e4e4e;
	}

/* refine search: should be max 6cols */
fieldset.bar#form_search ul.list-column {
  float:left;
  width:100%;
  margin-bottom:1em;
  width:97.5%;
  padding:1%;
  border:0.3em solid #f0ebd8;
  }
fieldset.bar#form_search ul.list-column li {
  display:block;
  float:left;
  width:15.5%;
  margin-right:1%;
	margin-bottom:0.2em;
	line-height:1.2em;
  }

fieldset.bar#form_search ul.list-column ul {
  width:87%;
  margin:0.3em 0 0 4%;
  padding:0 0 0 8%;
	border:0.1em solid #ccc;
  border-width:0 0 0.1em 0.1em;
  }
  
fieldset.bar#form_search ul.list-column li li {
  float:none;
  width:auto;
  margin-right:0;
  }
	
/* align checkboxes / label text */
fieldset.bar#form_search ul.list-column li input {
  float:left;
  }
fieldset.bar#form_search ul.list-column li label {
  display:block;
  margin-left:1.5em !important;
  }

/* market / building name formatting (bigger input boxes, all one line) */
fieldset.bar#form_search #div_location input,
fieldset.bar#form_search #div_building_name input {
  display:block;
	width:20em;
	}

fieldset.bar#form_search #div_location {
	float:left;
  margin-right:1em;
	}

/* remove spacing around checkboxes. these checkboxes are missing the generic
   checkbox class */
fieldset.bar#form_search ul.list-column li input {
  margin:0 0.2em 0 0;
  padding:0;
  }

fieldset.bar#form_search input.form-text {
  width:8em;  
  }

/* find: left / right alignment */
.form-left {
	clear:both;
	float:left;
	width:43%;
	margin-right:2%;
	}
.form-right {
	float:left;
	width:55% !important;
    margin-bottom:1em;
	}

/* available area / clear height / posession date */
#div_attri_40_1740_1 label,
#div_attri_40_2090 label,
#posession-date label {
	display:block;
	margin-bottom:0.2em;
	}
	
/* form option filters:
   Include Under Construction
   Display Green Building Only
   */
#attri_20_730 ul,
#attri_20_220 ul {
	margin:0;
	}
#attri_20_730 { margin-bottom:0.2em;}
#attri_20_220 { margin-bottom:1em;}

#attri_20_830 li {
	display:block;
	float:left;
	width:32%;
	margin-right:1%;
	margin-bottom:0.2em;
	}

fieldset.bar#form_search #attri_20_830 li {
	width:19%;
	}
	
/* include spaces from... */
#attri_20_11 {
  clear:both;
  margin-bottom:1.5em;
  }
fieldset.bar#form_search #attri_20_11 .label {
  display:block;
  float:left;
  margin-right:2%;
  }
fieldset.bar#form_search #attri_20_11 ul {
  display:inline;
  margin:0;
  }
  
#lay-home #attri_20_11 .label {
  display:block;
  margin-bottom:0.5em;
  }

/* general fixes */
form .inline ul {
	margin:0 0 0.5em 0;
	}

/* =============================================================================
LOGIN / REGISTER
----------------------------------------------------------------------------- */
.panel-left input.form-submit {
	margin-left:12.5em;
	}
.panel-right input.form-submit {
	margin-left:32%;
	}

/* email notifications */
#div_reg_notifications {
	margin-left:15em;
	padding-top:1.2em;
	font-weight:bold;
	}
#div_reg_notifications ul {
	margin-top:0.2em;
	font-weight:normal;
	}

/* make trouble accessing your account more punchy */
fieldset#sheet_retrieve {
	background:#fffded;
  border:0.1em solid #f0ebd8;
	}

/* =============================================================================
REPORT STANDARD
----------------------------------------------------------------------------- */

/* overriding defaults */
form#report_standard label {
	float:none;
	width:auto;
	margin-right:0.2em;
	}
form#report_standard select {
	margin-right:1em;
	}

form#admin_geozonebrowser input {
	float:none;
	}

/* =============================================================================
REPORT STANDARD
----------------------------------------------------------------------------- */
#form_savedreport_name {
	margin-bottom:0.5em;
	padding:0.5em;
	background:#f7f4e2;
	border:0.1em solid #f0ebd8;
	}
#form_savedreport_name input.form-text {
	margin-bottom:0;
	}
#form_savedreport_name input.form-submit {
	display:inline;
	}