/* App custom styles below */
/*********************** YUI fonts ***********************/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:11px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


/*********************** EOF YUI ***********************/

  body {
    margin:0;
    padding:2px 2px;
    /* text-align:center; // This center-align grid popup options (column selection) */
    background-color:#fff;
	font-family:verdana,tahoma,helvetica;
    font-size:11px;
  }


  /* content - holder for header, main content, footer. 
  -------------------------------------*/
  .content {
    width:975px;
    /* Used to make center indent
    * margin:0 auto;
    */
    margin:0 auto;
    text-align:left;
    background-color: #ffffff;
  }

  /* Page Header 
  -------------------------------------*/
  .header {
    background-color:#C7C78F;
    margin:0 0 0;
    padding: 2px 0 10px 0;
    color: #000;
    border: 1px solid #FFFFFF;
    border-bottom: 3px solid #878756;
  }
  .header h1 {
    margin:0;
    padding:7px 30px 3px;
    /*font-size:200%;*/
    line-height:1.2em;
  }
  .header a {
    text-decoration:none;
    color:#fff;
  }
  .header p {
    margin:0;
    padding:3px 30px 5px;
    font-size:94%;
    line-height:1.5em;
  }
  
  /* Page Footer
  -------------------------------------*/
  .footer {
    clear:both;
    margin:0 0 0;
    padding:8px 0 5px 0;
    color: #000;
  }
  .footer p {
    margin:0;
    padding:5px 30px 5px;
    font-size:94%;
    line-height:1.5em;
  }



	/* Tooltip */
	.tooltip{
		background-color:#ffffff;
		width: 225px;
	}
	.tooltip-container{
		/* Create border */
		border: 1px solid #DCD9C8;  
		padding: 2px;
	}

	.tooltip h2
	{	
		font-size: 105%;
		font-weight: bold; 
		margin: 0;
		padding: 0 0 0.2em 0;
		background-color:#DCE5ED;
		border-bottom: 1px solid #395190;
	}
	/* EOF Tooltip */
	
	.details {
		margin-top: 0.2em;
	}

/* Contact Us Form Elements  */
#divContactUsError {
	dispaly: none;
	color: red;
}

#Message {
	width: 320px; 
	height:200px;
}
span.searchPanel {
}
/* Map Legend */
ul.mapLegend {
	float: right;

	margin: 6px 0 0 0.2em;
	text-align: right;
}
ul.mapLegend li{
	display: inline;
	padding: 0 0.2em;
}


div.mapHelp {
	margin-top: 0.2em;
}
div.poweredBy {
	margin-top: 0em;
}
/* *************************************************************************************** */
/* Tabs */

/* We are using height attribute to avoid tabsContainer collapsing on page loading */
#tabsContainer {
	/* height:530px; */
	height: 100%;
}

.tab-content{display:block;}

#tab1 {
	width:480px;
	float: left;
}
#tab2 {
	width:475px;
	margin-left: 5px;
	float: right;
}
#tab1 .x-tabs-body, #tab2 .x-tabs-body {
	/* height:530px; */
	height: 100%;
	overflow:auto;
	/* hide left, right, bottom borders */
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
#tab1 .x-tabs-item-body, #tab2 .x-tabs-item-body {display:none;padding:10px; font-size:110%;}

/* Increase tab title font size */
#tab1 .x-tabs-text, #tab2 .x-tabs-text {font-size:120%;}

/* Make tab title size equal */
#tab1 .x-tabs-strip a {width: 80px;}

/* default loading indicator for ajax calls */
.loading-indicator {
	font-size:8pt;
	background-image:url('../../resources/images/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
}

#tab-panel1 .x-tabs-body {height:300px;overflow:auto;}
#tab-panel1 .x-tabs-item-body {padding:10px;}




/* *************************************************************************************** */
/* Grid */

#listingGrid{
	
}

/* *************************************************************************************** */
/* Property Details */
.detailPanel {
	margin-top: 0.5em;
}

table.General th{
    font-size:150%;
    line-height:1.2em;
	text-align:center;
	font-weight: bold;
}

td.Label {
	text-align:right;
	padding-right: 0.3em;
	width: 30%;
	font-weight: bold;
}
/* *************************************************************************************** */
/* Address Search. Use mapcontainer 468px width  */
.addrsearch {
	margin: 10px 0; 
}
.addrsearch input {
	height: 21px;
	width: 250px;
	font-size:150%;
	padding-top: 0.1em;
}
.addrsearch button {
	margin-left: 0.2em;
	width: 200px;
	height: 28px;
}

div.searchPanelLeft {
	width: 35%;
	float: left;
}
div.searchPanelRight {
	width: 60%;
	float: right;
}
div.gridHelp {
	text-align: right;
	margin: 10px 0;
}

#searchForm {
    min-width:970px;
    width: 100%;
}

/* x-form label */
.x-form-item label {
	width: 120px;
	text-align: right;
}
.smallText {
	font-size:80%;
	font-weight: normal;
}
/* Grid buttons: icons */
.export {
	background-image:url(/media/icons/fam/page_excel.png) !important;
}
.directions {
	background-image:url(/media/icons/fam/map_magnify.png) !important;
}

/* Transformed comboboxes */
.comboBox {
	text-align: left;
	margin: 0;
	padding: 0;
}

/* Right panel indent */
.rightPanelLabel{
	width: 85px !important;
}
.rightPanelField{
	padding-left: 0 !important;
}

.firstColumnLabel{
	width: 85px !important;
}
.firstColumnField, .secondColumnField {
	padding-left: 0 !important;
}
.thirdColumnLabel{
	width: 163px !important;
	padding-left: 0 !important;
}

.signupField {
	padding-left: 0 !important;
}

.signupLabel {
	width: 120px !important;
}

.multiple {
  height: 40px;
}

#bioPanel {
 text-align: left;
 font-size:14px;
 padding:0.2em;
}
#detailPanel {
 height: 240px;
}

#signupWin, #loginWin {
  width: 360px !important; 
}

#signupPanel, #loginPanel {
  margin: 0.2em auto;
  width: 330px; 
  padding:0.1em;
}
#signupPanel {
 text-align: left;
}
#signupPanel form, #signupPanel fieldset, #loginPanel form, #loginPanel fieldset{
 width: 330px;
}

#loginPanel fieldset{
 padding:5px 0;
}

#loginPanel {
 text-align: left;
}

#tipsPanel {
	margin:10px;
	font-size:14px;
	text-align: left;
	height: 400px;
}

#tipsPanel h2 {
	margin-top:0.2em;
}

.mapLegend a {
    text-decoration:none;
}


img.rowZoom, img.rowBio {
	margin-left: 5px;
	margin-right: 5px;
}

div.locationSelected{
	background-color:#F6F8D5;	
}

fieldset.searchFieldset {
	padding: 4px;
}

fieldset.searchFieldset legend {
	font-weight: bold;
	padding: 2px;
}

#headerLine {
	height: 2.5em;
	text-align: right;
}
#register, #welcome{
	color: red;
	width: 100%;
	font-size:120%;
	text-align: right;
}
#register a{
	color: red;
	font-size:150%;
    text-decoration:none;
}

#welcome{
	color: black;
}
div.error {
	dispaly: none;
	color: red;
}