/* CSS Document */
/* common styles */

html, body { 
	margin:5;
	padding:0; 

}
/* please note that typesetting is dynamic: 62.5% == 10px 
/* therefore - all font sizes to be set in em values 
/* menu padding/margin sizes to be set in ems 
/* allows for expanding and flexible positioning */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#ffffff;
	color:#000000;
	padding:0 0 1.6em;
}
a { outline:none 0; }
img {
	border:none 0;
	padding: 0;
}
form { margin:0; }

/* self-clearing floats */
#banners:after, 
#header:after,
#content:after,
#footer:after {
	content:'';
	height:0px;
	display:block;
	clear:both;
}

/* navigation styles */
.navigation {
	font-size:1.1em;
	color:#c3bfb4;
}
.navigation a em, .navigation a em {
	font-style:normal;
}
.navigation a, .navigation a {
	color:#666666;
	text-decoration:none;
}
.navigation a:hover, .navigation a:hover {
	color:#666666;
	text-decoration:underline;
}

/* common classes */

.floatLeft { float:left; }
.floatRight { float:right; }
.clearBoth { clear:both; }
.error, .alert { color:#ff0000; }
hr, .hide { display:none; visibility:hidden; }
.last { border:none 0; }
img.banner { margin:7px; }
h1 {	
	margin: 0;
	padding: 0;
	color: #9999cc; /* changed from #3399cc */
	font-weight: bold;
	}
	
h4 {	
	margin: 0;
	padding: 0;
	color: red; 
	font-size: 18px;
	font-weight: bold;
	}

h2 {
	margin: 0;
	padding: 0;
	color: #9999cc; /* changed from #3399cc */
	font-size:0.5em;
	font-weight: bold;
	}

h3 {
	margin: 0;
	padding: 0;
	color: #3399cc;
	font-size:1.0em;
	font-weight: bold;
	}

h5 {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	color: #3399cc;
	font-size:1.0em;
	font-weight: bold;
	}

/ *******************my stuff/ 


h8 {
	font-family: Verdana;
	font-size: 16px;
	color: #9999CB;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: bold;
	}

p.hilary {margin-top:0em; margin-bottom:2em; color:#5d5faf; font:8pt "verdana", "times"}

.breadcrumb:link {color:#ff0099; font:bold 8pt "verdana"; text-decoration:none}

.breadcrumb:visited {color:#ff0099; font:bold 8pt "verdana"; text-decoration:none}

.breadcrumb:hover {color:#9999cc; font:bold 8pt "verdana"; text-decoration:none}



/********** COPIED FROM DIRECTORY SOFTWARE TEXT STYLES *************************/
span.text {
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
}

span.table {
    color: #000000;
	padding: 2px;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
}

span.text_bold {
    color: #525163;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
}

span.text_soft {
    color: #959598;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
}

span.text_soft_bold {
    color: #959598;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
}

span.text_large_bold {
    color: #9999cc;
    font-size: 16px;
    font-weight: bold;
    text-decoration : none;
    font-family: Verdana, Arial, Sans-Serif; 
}

span.text_small {
    font-size: 11px;
    text-decoration : underline;
    font-family: Verdana, Arial, Sans-Serif; 
}

span.text_large_bold_grey {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration : none; 
    color: 888888;
}

span.text_small_grey {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    text-decoration : none; 
    color: 888888;
}

span.text_navsearch {
    color: #666666;
    font-size: 9px;
    font-family: Verdana, Arial, Sans-Serif;
    margin-top: 0px;
    margin-bottom: 0px;

}

span.text_search {
    color: #5d5faf;
    font-size: 9px;
    font-family: Verdana, Arial, Sans-Serif;
    margin-top: 0px;
    margin-bottom: 0px;

}

span.text_search_large {
    color: #5d5faf;
    font-size: 10px;
    font-family: Verdana, Arial, Sans-Serif;
    margin-top: 0px;
    margin-bottom: 0px;

}
span.error {
    font-weight: bold;
    color:#ff0000;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
}

span.success {
    font-weight: bold;
    color:#006600;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
}

.note {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 9px;
    color: #999999;
}

.crumb {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
    color: #999999;
}


div.response_error {
    background-color: #ffeaea; 
    border-width: 1px; 
    border-color: #e82a2a;
    border-style: solid; 
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 4px;
}

div.response_success {
    background-color: #eaffea; 
    border-width: 1px; 
    border-color: #4dda2c;
    border-style: solid; 
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 4px;
}

/* Company listings styles */

.company_default {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : underline; 
    font-weight: bold;
	color: black;
}


.company42 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company39 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company38 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company37 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company36 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company35 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company34 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company33 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company32 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company31 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company30 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company29 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company28 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company27 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company26 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company25 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company24 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company52 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company22 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company51 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company21 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company50 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company20 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company14 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company13 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none;
    font-weight: bold; 
	color: #9999cc;
}

.company12 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company11 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company10 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company9 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company8 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company7 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company6 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company5 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none;
    font-weight: bold; 
	color: #9999cc;
}

.company4 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.company3 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none;
    font-weight: bold; 
	color: #9999cc;
}


.company2 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none;
    font-weight: bold;
	color: #9999cc;
}

.company1 {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	text-decoration : none; 
    font-weight: bold;
	color: #9999cc;
}

.listing_hot {
    color: red;
    font-size: 9px;
}

.listing_new_updated {
    color: #660066;
    font-size: 9px;
}

.listing_marked {
    color:#5678A2;
    font-size: 9px;
}

/******** TABLE STYLES ************/

table.list {
    border: 1px #F7F7F7 solid;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px 0px 0px 0px;
    border: 1px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
}

td.table_header {
    border: 1px #FFFFFF solid;
    background-color: #DEDFDE;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #515151;
}
 
td.table_rows {
    background-color:#F1F1F1;
    color:#666666
}

td.table_row_highlight {
    font-weight: bold;
    border: 1px #FFFFFF solid;
    background-color: #fcff9f;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 0px 0px;
}

td.altrow1 {
    border: 1px #FFFFFF solid;
    background-color: #EFEFEF;
    padding: 1px 1px 1px 1px;
    margin: 0px 0px 0px 0px;
}

td.altrow2 {
    border: 1px #FFFFFF solid;
    background-color: #F6F6F6;
    padding: 1px 1px 1px 1px;
    margin: 0px 0px 0px 0px;
}

table.bodyborder {
    border-bottom : 0px;
    border-left : 0px;
    border-right : 0px;
    border-top : 0px;
}

td.border {
    border-bottom : 1px solid #DADADA;
    border-left : 1px solid #DADADA;
    border-right : 1px solid #DADADA;
    border-top : 1px solid #DADADA;
}

td.border2 {
    /*background-image: url(images/cell-background.gif); --ERNIE 110418 removed due to no reference in pages */
    BACKGROUND-REPEAT: repeat-x;
    border-left : 1px solid #DADADA;
    border-right : 1px solid #DADADA;
    border-top : 1px solid #DADADA;
    padding : 5;
}

INPUT.button { 
    font-family: Verdana, Arial, Sans-Serif; 
    font-size : 10px; 
    color : #000000;
    border: 1px solid #9999cc;
    background-color:#E9E9E9; 
}

.input_small {
    width: 150;
   background-color : #FFFFFF; 
    font-family: Verdana, Arial, Sans-Serif; 
    font-size : 10px; 
    color : #000000;
    border: 1px solid #C0C0C0;
    padding: 1px 3px 1px 3px;
}

.input_cats {
    width: 120;
   background-color : #FFFFFF; 
    font-family: Verdana, Arial, Sans-Serif; 
    font-size : 10px; 
    color : #000000;
    border: 1px solid #C0C0C0;
    padding: 1px 3px 1px 3px;
}

.input_zip {
    width: 20;
   background-color : #FFFFFF; 
    font-family: Verdana, Arial, Sans-Serif; 
    font-size : 10px; 
    color : #000000;
    border: 1px solid #C0C0C0;
    padding: 1px 3px 1px 3px;
}

.input_narrow {
    width: 45;
   background-color : #FFFFFF; 
    font-family: Verdana, Arial, Sans-Serif; 
    font-size : 10px; 
    color : #000000;
    border: 1px solid #C0C0C0;
    padding: 1px 3px 1px 3px;
}

.input_default {
	width: 200px;
	background-color : #FFFFFF;
	font-family: Verdana, Arial, Sans-Serif;
	font-size : 9px;
	color : #000000;
	border: 1px solid #c0c0c0;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}

/******* BOXES ***********/ 

div.greybox {
    background-color: #F7F7F7; 
    border-width: 1px; 
    border-color: #D6D5D6;
    border-style: solid; 
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
}

div.whitebox {
    background-color: #FFFFFF; 
    border-width: 1px; 
    border-color: #D6D5D6;
    border-style: solid; 
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
}

div.nationalbox {
    background-color: #ffcc00; 
    border-width: 1px; 
    border-color: #595cac;
    border-style: solid; 
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 10px;
}


