@charset "utf-8";

body {padding:0; margin:0; height:100%; width:100%;}
a {color:#000;}

/* overlay */
#property-overlay {background-color:#000; cursor:wait;}

/* container */
#property-container {width:750px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; text-align:left; background-color:#b6bfb7; position:absolute;}

#property-container .property-content {background-color:#b6bfb7; color:#000; width:510px; margin:40px auto;}
#property-container h1 {color:#000; margin:0; padding:0 0 6px 0px; font-size:16px; font-weight:bold; text-align:left;}
#property-container .property-loading {position:absolute; background:url(../img/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#property-container .property-message {text-align:center;}
#property-container .property-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#property-container .property-text { padding:0 0 6px 0px; font-size:11px;}
#property-container .property-header { padding:0 0 6px 0px; color: #224630; font-weight:bold; margin-top:8px;}
#property-container .property-header .smaller {font-size:10px; font-weight:normal;}
#property-container br {clear:both;}
#property-container p { margin:6px 0px 0px 0px; }


/* form styles */
#property-container form {padding:0; margin:0; }
#property-container div.line { overflow:auto; margin-top:4px; }
#property-container label  { font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px 6px 2px 0px; height:18px;}
#property-container .property-input { font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px 0px 2px 0px; height:18px; }
#property-container .property-select { text-align:right; width:260px;  padding:2px; margin:0px 0px 2px 0px; height:24px;}

/* this line causes the double arrows in chrome and ie, but no arrows appear in ff */
/* height:24px; */
#property-container .property-option { text-align:right; padding:2px; margin:2px 0px 2px 0px; height:24px; }
#property-container .property-button { width:110px; padding:4px; font-size: 11px; border:1px solid #224830; vertical-align:middle; margin-top: 2px;cursor:pointer; }
#property-container .property-search { background-color:#224830; padding:4px; color: #fff;}
#property-container .property-cancel {background-color:#224830; padding:4px; color: #fff; }

/* close "X" button */
#property-container a.modalCloseX,
#property-container a.modalCloseX:link,
#property-container a.modalCloseX:active,
#property-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.5em; position:absolute; top:-4px; right:6px; color:#224830;}
#property-container a.modalCloseX:hover {color:#9bb3b3;}

/* autocomplete styles */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('../img/indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #70a18e; color: #000; }