/* =============================================================================
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;
}

.manager-building ul, .leasing-building ul
{
		clear: none;
}
.manager-building br, .leasing-building br
{
		display: block;
}


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;
		}
.option label {
		margin-left:0.3em !important;
		}
		.option label.active {
				text-decoration:underline;
				}

/* required */
form label .required {
		color:#0f5694;
		}

/* field hints */
input:focus,
select:focus,
textarea:focus {
		background-color:#fcf2d9;
  outline:0;
  }
		input.form-checkbox:focus {
				background-color:0;
				}

label.disabled {
		cursor:default !important;
		}

/* =============================================================================
LAYOUT
align labels & inputs
----------------------------------------------------------------------------- */
form .form-item {
  clear:both;
  }

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, .cols fieldset#space_mgr_info {
				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 label {
				margin-right:0 !important;
				}
		#select-all input:focus {
				background:0;
		}

/* 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
use pixels so that we don't have heights with decimal places
----------------------------------------------------------------------------- */

/* input */
input.autocomplete {
		padding-right:20px;
		background:#fff url(../images/throbber.gif) 100% 4px no-repeat;
		}
		input.autocomplete.ac_loading {
				background-position:100% -16px;
				}

/* results */
.ac_results {
		position:absolute;
		height:18em;
		overflow-x:hidden;
		overflow-y:auto;
		background:#fff;
		border:0.1em solid #ccc;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		font-size:12px;
		}
.ac_results iframe {
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		/* these are for IE7/6 only */
		filter:mask();
		display:block;
		width:3000px;
		height:300px;
	}

.ac_results ul {
		list-style:none;
		margin:0;
		padding:0;
		white-space:nowrap;
		}
	.ac_results li {
				margin:0;
				line-height:normal;
				padding:2px 5px;
				cursor:pointer;
				}
	.ac_results .ac_over {
				background-color:#004785;
				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:2em;
  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,
fieldset.bar#form_search #div_UpdateCompany2 input
{
  display:block;
		width:20em;
		}

input#UpdateCompany2
{
		margin-bottom: 2em;
}

fieldset.bar#form_search #div_location,
fieldset.bar#form_search #div_building_name
{
	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,
.form-right {
		margin-bottom:1em;
		}
.form-left {
		/*clear:both;*/
		float:left;
		width:43%;
		/*margin-right:2%;*/
		}
.form-right {
		float:right;
		width:55% !important;
		}

/* available area / clear height / posession date */
#div_attri_40_1740_1 label,
#div_attri_40_2090 label,
#div_attri_40_200 label,
#posession-date label {
		display:block;
		margin-bottom:0.2em;
		}
#posession-date {
		margin-top: 1em;
}

/* 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:31%;
		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: 1em;
  }
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 #form_search div.inline .label,
#lay-home #attri_20_11 .label {
  display:block;
  margin-right:0;
  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;
		}

#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;
		}
