/*
---------------------------------------------------------------------------------
	global styles
	=============
---------------------------------------------------------------------------------
*/



/* ==================================================  */
/* alert styles                                        */

.alert { color:#990000; font-weight:bold }

p.alert, 
div.alert { color:#333; font-weight:normal; padding:10px; margin:10px 0; background:#f4e9ea; border:#96363F 1px solid; border-bottom:6px #96363F solid  }

p.alert a,
div.alert a { color:#333 }

div.green { background:#E2F1D9; border-color:#3C6326 }
div.yellow { background:#FDFBF0; border-color:#CAC3A5 }
div.grey { background:#f2f2f2; border-color:#ccc }
div.clear { background:#fff; border-color:#fff }


/* ==================================================  */
/* fauxbutton                                          */

.fauxbutton { text-align:left; margin:8px 0; padding:0 }
.fauxbutton a { text-align:center; display:block; padding:5px 3px; color:#efefef; background:#8F8F8F; margin:0; border:1px #666 solid; font-weight:bold; text-decoration:none }
.fauxbutton a:hover { background:white; color:#990000 }
.fauxbutton a.short { width:75% }


/* ==================================================  */
/* table styles                                        */

.tabular { width:100%; border:0; margin-bottom:10px }
.tabular th { text-align:left; padding:3px; color:#333; background:#efefef; font-weight:normal }
.tabular td { padding:5px 3px; border-bottom:1px #dedede solid }

th.category { background:#333; font-weight:bold; color:#fff }
th.formgroup { background:#ededed; text-align:left; border-bottom:1px #ccc solid; border-top:1px #ccc solid; padding:4px; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px }

td.required { color:#990000; font-weight:bold }
td.name { padding-left:6px; width:45% }
td.value { width:55%; padding-right:6px }
tr.last td { border-bottom:0 }

.formtable,.bordertop { border-top:2px #dedede solid }

#customizeTable { border-width:2px 0 0; border-color:#ccc; border-style:solid }
#customizeTable td { padding:12px 0 12px 5px; border-bottom:1px #ccc solid }
#customizeTable td.last { border-bottom:0 }
.hidden tr.tohide { display:none }


/* ==================================================  */
/* map styles MOVE > global_component_maps.css         */


#map { height: 520px; background:url('/images/search/loading_graphic.gif') 50% no-repeat; border: 1px solid #ababab }
body.wide #content-googleMap { float: left; width: 590px; margin-left: 5px }


#listingList { position:relative; height: 334px; overflow-x: visible; overflow-y: auto; width: 97% }


.mapInfoWindowText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333 }
.mapInfoWindowHead { font-size: 14px; font-weight: bold }
.mapInfoWindowSubHead { font-size: 13px; font-weight: normal }
.mapInfoWindowBlock { margin:0; padding:0; list-style:none }

.mapShadowbox { background: #ccc; position: relative; top: 2px; left: 2px }
.mapShadowbox div { background: #f2f2f2; color: #fff; padding: 10px; position: relative; top: -2px; left: -2px; }
.mapInfoWindowImage { border: 1px solid #666666; width: 80px }

td.mapItemInfo { padding-left: 10px; vertical-align: bottom }
td.mapItemTitle { padding-left: 8px; padding-top: 6px }

#mapWrapper { font-family: Arial; font-size: 12px; color: #f2f2f2 }

.mapTools, a.mapTools { text-decoration: none; color: #fff }

#mapResultsButtons { float: left; width:100%; background: #383838 }
#mapResultsButtons ul { padding: 8px 16px; margin: 0px }
#mapResultsButtons ul li { display: inline; padding: 4px; margin: 0px; border-right: 1px solid #333 }

#mapResultsButtons ul li.header { font-weight: bold; font-size: 14px; border-right: none }
#mapResultsButtons ul a:link { text-decoration: none; padding: inherit; margin: inherit; color: #f2f2f2 }
#mapResultsButtons ul li a:visited { color: #f2f2f2; }
#mapResultsButtons ul li a:hover { background: #6A6A6A; }
#mapResultsButtons ul li a:active { background: #ccc; color: #f2f2f2; }
#mapResultsButtons ul li.end { border-right: none; text-decoration: none; }




/* ------------------------------  */
/* migrate OUT               */


#registerbutton { text-align:center }
#registerbutton a { display:block; width:80%; padding:3px; background:#fff; margin:0 auto; border:1px #666 solid; font-weight:bold; text-decoration:none }
#registerbutton a:hover { background:#dedede }
#loginDiv p { text-align:center }

.email-recipient-actions small { font-size:10px }
.email-recipient-actions small p { margin:0; padding:1px 0 0 }