/* sample CSS */
ul.holder { margin: 0; border: 1px solid #000; overflow: hidden; height: auto !important; height: 1%; padding: 0px; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #C8D0AF; background: #C8D0AF; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #C8D0AF; background: #88A55E; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS       */
#add { border: 1px solid #999; width: 344px; margin: 50px; padding: 20px 30px 10px; }
form ol { font: 11px "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; border-bottom: 1px dotted #999; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 344px; padding: 5px 5px 6px; font: 11px "Verdana"; border: 1px solid #999; }
form ul.holder { width: 344px; padding: 4px; background-color:#FFF;	border-radius: 4px; 	
	-moz-border-radius: 4px; 	
	-webkit-border-radius: 4px;
	padding-bottom: 0px;
}
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }*/
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #C8D0AF; border: 1px solid #6A6050; }
ul.holder li.bit-box-focus { border-color: #8FA462; background: #8FA462; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */
#multilist-auto-container { display: none; position: absolute; width: 352px; background: #88A55E; }
#multilist-auto-container .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; color:#FFF; }
#multilist-auto-container ul { display: none; margin: 0; padding: 0; overflow: auto; }
#multilist-auto-container ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; color:#FFF; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Verdana"; }
#multilist-auto-container ul li em { font-weight: bold; font-style: normal; background: #AEBF8E; }
#multilist-auto-container ul li.auto-focus { background: #AEBF8E; color: #000; }
#multilist-auto-container ul li.auto-focus em { background: none; }

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
#add a { color: #666; }
#add-test { width: 100px; padding: 2px; }
#button_container { margin-left: 70px; margin-bottom: 30px;}

.multi-user-select img{
	float: left;
	padding-right: 5px;
}
.multi-user-select li {
	float: left;
	width: 168px;
	height: 40px;
	list-style-type: none;
	background-color: #C8D0AF;
	padding: 5px;
	margin: 4px;
}

.error {
	background-color: #CC2B00;
	color: #FFF;
	font-weight: bold;
	padding: 16px 16px 12px 16px;
	border-radius: 8px; 	
	-moz-border-radius: 8px; 	
	-webkit-border-radius: 8px;
	margin-bottom: 8px;
}
.error p{
	padding: 0px 0px 4px 0px;
}
.infomessage {
	background-color: #1b8b4c;
	font-weight: bold;
	padding: 16px 16px 12px 46px;
	color: #FFF;
	background-image: url('../images/forms/success-bg-icon.gif');
	background-repeat: no-repeat;
	background-position: 11px 11px;
	border-radius: 8px; 	
	-moz-border-radius: 8px; 	
	-webkit-border-radius: 8px;
}
.infomessage p{
	padding: 0px 0px 4px 0px;
}

/* Region Chooser */
.regionchooser {
	/*background-color: #C8D0AF;*/
}
.rc-valid {
	background-color: #E3E7D6;
	background: url('../images/forms/ok.gif') no-repeat left;
	padding: 20px;
}
.rc-invalid {
	background-color: #FFF;
	background: url('../images/forms/red-arrow-down.gif') no-repeat left;
	color: #000;
	cell-padding: 200px;
	font-weight: bold;
}
.regionchooser td {
	padding: 0px;
}
#regionchooser-ac-container {
	position: absolute;
	width: 256px;
	clear: both;
	z-index: 1000;
}
#regionchooser-label {
	padding: 0px 8px 0px 30px;
	font-weight: bold;
	margin-bottom: 8px;
}
.rc-ac-item {
	background-color: #E3E7D6; /*C8D0AF;*/
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding: 3px;
}
#regionchooser-input {
	width: 168px;
}
.rc-ac-item:hover, .rc-ac-selected {
	background-color: #8FA462;
	color: #FFFFFF;
	font-weight: bold;
}
#form-gallery-list {
	list-style-type: none;
	padding: 4px 0px 8px 0px;
	width: 344px;
}
#form-gallery-list li {
	padding: 4px;
	margin-top: 4px;
	background-color: #E3E7D6;
	height: 80px;
	cursor: move;
}
#form-gallery-list img {
	max-width: 80px;
	max-height: 80px;
}
#form-gallery-list .button {
	position: absolute;
	left: 310px;
	top: 4px;
}
#form-gallery-list textarea {
	position: absolute;
	left: 88px;
	height: 78px;
	width: 212px;
}
#rte-text_tbl {
	border: 1px solid #000000;
}
#pic-upload-img-container {
	background-color: #EBEFE4;
	padding: 4px;
	margin-top: 4px;
}
.form-wait {
	position: relative;
	width: 100%;
	text-align: center;
	height: 80px;
	background: url('../images/forms/loading-bar.gif') no-repeat center;
	padding: 24px 0px 24px 0px;
}
#recaptcha_image {
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
}

#map-chooser-controls {
	z-index:200;
	width:100%;
	background-color:#FFFFFF;
}
#map-chooser-controls p {
	font-weight: bold;
}
#drag-marker {
	cursor:pointer;
	z-index:1000;
	float:right;
	margin-right: 10px;
	margin-top: 6px;
}
#geocode-input {
	float:left;
}
