/*  
CSS Styles: The Local Phonebook
Description: Global CSS Styles
Version: 1.00
Author: Broady
Author URI: http://www.broadyswebdesign.com
*/

/***********************************************/
/* Main HTML tag styles                        */
/***********************************************/
body { font: normal 12px Arial, Helvetica, sans-serif; color: #000; text-align: left; margin: 0; height: 100%; min-height: 100%; background: #fff; width: 100%;}
html { height: 100%; margin-bottom: 1px; }

* html body { height:100%; }

.logo { text-align:center; margin-top:0px; margin-bottom:0px; margin-top:35px; padding:0px; }

/***********************************************/
/* General Elements                            */
/***********************************************/
img { padding: 0; margin: 0; border: none; }
div.center { text-align: center; margin: auto; }
.center { text-align: center; margin: auto; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
td { font: normal 12px Arial, Helvetica, sans-serif; color: #000; text-align: left; vertical-align: top;}
.red { color: #f00; }
.blue { color: #00f; }
span.hint { font-size:10px; color:#999; }
.vtop { vertical-align:top; }
.tcol { border-collapse:collapse; }
.vimg { vertical-align: middle; } 
.grey { color:#666; font-size:11px; vertical-align:middle; }
	
h1 { font-size: 200%; margin: 0; }
h2 { font-size: 210%; margin: 0; }  
h3 { font-weight: bold; font-size: 1.2em; margin: 0; }
h4 { font-size: 100%; margin: 0; }
h5 { font-size: 120%; margin: 0; }
h6 { font-size: 110%; margin: 0; }
	
.content { width: 800px; margin:0 auto 0 auto; text-align: center; }
.contentbody { text-align:left; }
.right { text-align:right; }
.left { text-align:left; }

/***********************************************/
/* Search Box                                  */
/***********************************************/
.searchtable { width: 650px; margin: 10px auto 0 auto; text-align: center; }
.searchtable .texbox { width: 500px; font:bold 16px Arial, Helvetica, sans-serif; color:#1e292b; background:#fff url(../images/text-bg.gif) 0 0 repeat-x; border:1px solid #888; padding:3px; margin:0 5px 0 0; }
.searchtable1 { width: 450px; margin-top: 10px; text-align: right; }
.searchtable2 { width: 450px; margin-top: 10px; text-align: left; }
.searchtable td { vertical-align:top; }
.searchbox { width: 320px; font:bold 16px Arial, Helvetica, sans-serif; color:#1e292b; background:#fff url(../images/text-bg.gif) 0 0 repeat-x; border:1px solid #888; padding:3px; margin:0 5px 0 0; }
.searchchoices { padding: 5px 0; text-align:left; }
.searchtitlesleft { font-size: 22px; font-weight: bold; margin: 25px 0 0 0; padding: 0 0 10px 0; color: #000; text-align:center; }
.searchtitlesright { font-size: 22px; font-weight: bold; margin: 25px 0 0 0; padding: 0 0 10px 0; color: #000; text-align:center; }
.searchtitles { font-size: 24px; font-weight: bold; margin: 25px 0 0 0; padding: 0 0 10px 0; color: #000; }

/***********************************************/
/* Form styles                                 */
/***********************************************/
form { margin:0; padding:0; display:inline; }
fieldset { border:1px solid #c4c4c4; margin:0; padding:10px; }
legend { font-weight: bold; padding-right: 5px; font-size: 20px; font-weight: normal; letter-spacing: -0.03em; line-height: 1; color: #333; padding: 10px 10px; }
	
/***********************************************/
/* Footer styles                               */
/***********************************************/
.footer { text-align:center; margin-top:0px; margin-bottom:0px; margin-top:35px; padding:0px; }
.design { color: #666; }
.design a:link, .design a:visited, .design a:active { text-decoration:none; color:#666; }
.design a:hover { text-decoration:underline; }

/***********************************************/
/* Link styles                                 */
/***********************************************/
a:link, a:visited, a:active { color:#00f; text-decoration:none; font-weight:normal; }
a:hover { color:#00f; text-decoration:underline; font-weight:normal; }

/***********************************************/
/* Error Handling                              */
/***********************************************/
.ErrFont { font-family: Tahoma, arial, helvetica, sans-serif; font-size:10pt; color:#ff0000; font-weight:normal; padding:2px; background-color:inherit; text-align:center; }
.ErrMsg { font-family: Tahoma, arial, helvetica, sans-serif; font-size:10pt; color:#ff0000; font-weight:normal; padding:2px; background-color:inherit; } 

/***********************************************/
/* Search Results                              */
/***********************************************/
.listingresults { border: 1px solid #b3b3b3; margin: 5px 0; padding: 2px; width: 100%; }
.listingresults .block  { border-left: 4px solid #feb811; margin: 0; padding: 0 0 0 5px; }
.listingresults p { font-size: 12px; margin: 0; padding: 0; }
.listingresults .icons { margin: 0 5px 0 0; vertical-align: top; }
	
.listingresults h4 { color: #333; font-size: 1.2em; font-weight: bold; padding:1px 0px; margin: 0 0 10px 0; display: block; }
.listingresults h4 a, .listingresults h4 a:visited { color: #00f; font-weight: bold; text-decoration: none; font-size: 1.2em; } 
.listingresults h4 a:hover { text-decoration: underline; }
.searchresultphone { float: right; padding: 2px; font-size: 13px; margin: 0 5px 0 0; }

.results { color: #333; font-size: 1.3em; font-weight: bold; }

/***********************************************/
/* Listing Details                             */
/***********************************************/
.listingdetails { margin-left:auto; margin-right:auto; text-align:center}
.listingdetails h3 { margin-bottom:10px; }
.mapborder { border: 1px solid #ccc; }
.mapdisplay { float: right; }
.infotext { text-align: center; margin: auto; color: #9e9e9e; vertical-align: middle; line-height: 25px; } 
.listinghr { width: 80%; color: #f7f7f7; background-color: #f7f7f7; height: 1px; }

hr { color: #f7f7f7; background-color: #f7f7f7; height: 1px; }

/* JQUERY TOOLTIPS */
#tooltip { position:absolute; z-index:3000; border:1px solid #00a54f; background-color:#fff; padding:0px; opacity:0.95; width:250px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:0pt; -moz-border-radius-topright:7px;}
#tooltip h3 { margin: 0; border-bottom:1px solid #C4D5E3; background-color:#00a54f; padding:5px; color:#fff; background:#00a54f url(../images/icon_search.gif) no-repeat 2% 50%; padding:3px 10px 3px 25px;}
#tooltip div { padding:5px; color:#1B4966}