@import url(fragments/dialog.css);

body { margin: 0; padding: 0; font: normal small Arial,Geneva,Helvetic,sans-serif; color: #434341; }
td,th,input,select,textarea { font: normal small Arial,Geneva,Helvetica,sans-serif; color: #434341; }
input[type="text"],input[type="password"],select,textarea { border-width: 1px; }
input[type="text"]:hover,input[type="password"]:hover,select:hover,textarea:hover { border: 1px solid #01cc01; }
input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus,.form-item-focus { border: 1px solid #01cc01; background: #fff; font-weight: bold; color: #036203; }
img,table { border: 0px none; }
a { color: #378beb; text-decoration: underline; }
a:hover { color: #61abff; text-decoration: none; }

/* forms */
table.form { margin: 0; }
th.form { vertical-align: bottom; color: #777773; font-weight: normal; text-align: left; font-size: 82%; padding: 0 4px 2px 0; background: url(../images/common/dot-gray-horizontal.gif) 0% 100% repeat-x; }
td.form label { color: #777773; font-weight: normal; font-size: 82%; }
td.form { padding: 4px 0 0; vertical-align: bottom; }
td.form input, td.form textarea { margin-right: 4px; padding: 1px 5px; }
table.form-button { width: 100%; }
th.form-button { text-align: left; }
td.form-button {  }

/* buttons */
a.form-button { display: block; height: 19px; padding: 5px 0 0; color: #000; font: normal 77% Tahoma,"Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; text-decoration: none; text-align: center; }
	a.form-button.search-button { margin: 0 0 0 auto; width: 80px; background: url(../images/buttons/button-80.gif) no-repeat; }
	a.form-button.search-button { position: relative; top: 2px; }
	a.back-button { width: 80px; background: url(../images/buttons/button-80.gif) no-repeat; }
	#moogler-formwrapper td.form-button a.form-button.search-button { margin: 4px 0px 4px auto; }
/* misc */
div.clear { clear: both; }

/* template */
	/* Header w/ Sign In Button */
	#header { height: 39px; background: #000 url(../images/template/moogler-titlebg.gif) repeat-x; }
	#header h1 { margin: 0; padding: 8px 15px 0; font: bold 110% Tahoma,"Trebuchet MS",Trebuchet,Arial,Geneva,sans-serif; color: #FFF; }
	#moogler-content { padding: 0; }
	#moogler-sign-in { margin: -36px 0 10px; }
	#moogler-sign-in a { display: block; width: 80px; height: 19px; padding: 5px 0 0; background: url(../images/buttons/button-80-blk.gif) no-repeat; text-align: center; color: #000; font: normal 77% Tahoma,"Trebuchet MS",Trebuchet,Arial,Geneva,Helvetica,sans-serif; text-decoration: none; margin: 4px 10px 0 auto; }
	/* Content (Search Form > Left / Map > Right) */
	#search-city-list { padding: 5px 0 5px 10px; border-bottom: 2px solid #DDD; border-bottom: 2px solid #378beb; }
	#search-city-list select { margin: 0 4px 0 0; }
	
	#moogler-mapcomponent { margin-top: 6px; border-top: 1px solid #000; padding: 4px 0 0; width: 100%; }
	#moogler-searchform { vertical-align: top; min-width: 200px; padding: 0 10px 0 0; border-right: 6px solid #f9f0e1; }
		#moogler-formwrapper { padding: 2px 0 5px; }
		#moogler-formwrapper h3 { margin: 0 0 5px; padding: 2px 0 0; font: bold small Verdana,Arial,Geneva,Helvetica,sans-serif; color: #000; }
		#moogler-formwrapper h3.moogler-form-title { cursor: pointer; }
		#moogler-formwrapper table.form { margin: 0; }
		#moogler-formwrapper td.form input.text-string, #moogler-formwrapper td.form input.text-area { width: 99%; }
		#moogler-formwrapper td.form input.text-integer { width: 55px; }
		#moogler-formwrapper td.form select, #moogler-formwrapper td.form textarea { width: 99%; }
		#moogler-formwrapper td.form select.text-string { height: 85px; }
		/* adjustments for user-added search options */
		#moogler-formwrapper table.form.optional-items { width: 100%; }
		#moogler-formwrapper table.form.optional-items th h2 { font-size: 100%; margin-bottom: 3px; padding-bottom: 2px; border-bottom: 1px solid #cbc2b3; }
		#moogler-formwrapper table.form.optional-items span.checkbox label { cursor: pointer; }
		#moogler-formwrapper div.horizontal-separator { border-top: 1px solid #cbc2b3; background: #FFF; border-bottom: 1px solid #ebe2d3; height: 1px; margin: 11px 0 7px; }
		
	#moogler-map { vertical-align: top; width: auto; width: 100%; }
		#moogler-mapwrapper { border: 2px solid #fff; }