/* body elements
----------------------------------------------- */

body {
    margin: 0;
    padding: 0px 0px 0px 10px;
    background: #ffffff;
    font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;

	/* settings for main background image
		uncomment applicable items below
	----------------------------------------------- */
	
	/*background-image : url(../images/image_name.gif);*/
	/*background-repeat: repeat-y;*/
	/*background-repeat: repeat-x;*/
	/*background-repeat: no-repeat;*/
	/*background-position : center;*/
}

hr {color: white;}

/* Form Elements
----------------------------------------------- */

select {
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border: 1px solid #808080;
	background-image : url(../images/form_bkg.gif);
	background-repeat: repeat-x;
	padding : 2px 4px 2px 4px;
	height: 19px;
}

textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background: white;
	border: 1px solid #808080;
}

.button {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	border : 1px solid #808080;
	background-image : url(../images/btn.gif); background-repeat: repeat-x;
	padding : 2px 4px 2px 4px;
	height: 22px;
	/*margin-top : 6px;*/
}

.buttonN {
	font: 10px  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	border : 1px solid #808080;
	background-image : url(../images/btn.gif); background-repeat: repeat-x;
	padding : 1px 4px 1px 4px;
	height: 18px;
}

.hpInput {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border : 1px solid #808080;
	background-image : url(../images/form_bkg.gif);
	background-repeat: repeat-x;
	padding : 2px 4px 2px 4px;
	height: 19px;
	width : 210px;
}

.cpInput {
	font: 11px  Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border : 1px solid #808080;
	background-image : url(../images/form_bkg.gif);
	background-repeat: repeat-x;
	padding : 2px 4px 2px 4px;
	height: 19px;
	width : 190px;
}

.hpSelectW {width : 210px;}
.hpSelectN {width : 90px;}

form {display: inline; margin: 0px}

/* End Form Elements*/


/* main navigation elements
----------------------------------------------- */

.mnavHolder {background-image : url(../images/mnav_line.gif); background-repeat: repeat-x; background-position: bottom;}

.mnavoffLeft {background-image : url(../images/mnav_tab_off.gif); height: 22px; width: 10px}
.mnavoff {font-size: 10px; color: #999999; font-weight: bold; background-color: #ECECEC;}
.mnavoff a {color: #999999; text-decoration:none;}
.mnavoff a:hover {color: #666666; text-decoration:underline;}
.mnavoffRight {background-image : url(../images/mnav_tab_off.gif); height: 22px; width: 10px}

.mnavonLeft {background-image : url(../images/mnav_tab_on_l.gif); height: 22px; width: 10px}
.mnavon {font-size: 10px; color: #666666; font-weight: bold; background-color: white; border-top: 1px solid #ECECEC;}
.mnavon a {color: #666666; text-decoration:none;}
.mnavon a:hover {color: #333333; text-decoration:underline;} 
.mnavonRight {background-image : url(../images/mnav_tab_on_r.gif); height: 22px; width: 10px}

/* tabbed navigation elements
----------------------------------------------- */

.tnavHolder {background-image : url(../images/tnav_line.gif); background-repeat: repeat-x; background-position: bottom;}

.tnavOff {background-image : url(../images/tnav_off_bkg.gif); background-repeat: repeat-x; font-size: 11px; font-weight: bold; color : #004C98; height: 24px;}
.tnavOff a {font-size: 11px; font-weight: bold; color : #004C98; text-decoration: none;}
.tnavOff a:hover {text-decoration: underline;}
.tnavOffLeft{background-image : url(../images/tnav_tab_off_l.gif); height: 24px; width: 16px}
.tnavOffRight{background-image : url(../images/tnav_tab_off_r.gif); height: 24px; width: 16px}

.tnavOnLeft{background-image : url(../images/tnav_tab_on_l.gif); height: 24px; width: 16px}
.tnavOn {background-image : url(../images/tnav_on_bkg.gif); background-repeat: repeat-x; font-size: 11px; font-weight: bold; color : #004C98; height: 24px;}
.tnavOn a {font-size: 11px; font-weight: bold; color : #004C98; text-decoration: none;}
.tnavOn a:hover {text-decoration: underline;}
.tnavOnRight{background-image : url(../images/tnav_tab_on_r.gif); height: 24px; width: 16px}

/* main content elements
----------------------------------------------- */

.header {padding: 10px 0px 15px 10px;}
.mainContent {padding: 0px 0px 20px 0px;}
.hpForm {font-size: 11px; color: black; padding: 5px 15px 0px 15px;  line-height : 15px; }

/* enable/disable the proximity search by setting following two styles to visibility:hidden */
.enableProximitySearchBox{visibility: visible}
.proximitySearch {font-size: 11px; color: black; visibility : visible;}

.hpTitle {
        visibility: visible;
	font-size: 11px; color: #008BCB; font-weight: bold;
	background: #F2F2F2;
	padding: 5px 0px 5px 23px;
	background-image : url(../images/pointer_arrow.gif); background-repeat: no-repeat; background-position: 5px center;
}

/* content SearchElements
----------------------------------------------- */

.cpTitle {
	font-size: 11px; color: white; font-weight: bold;
	background: #C4D6C0;
	padding: 5px 0px 5px 23px;
	background-image : url(../images/pointer_arrow.gif); background-repeat: no-repeat; background-position: 5px center;
}

.cpBase {background-color: #EBF6E9;  margin-bottom : 10px;}
.cpForm {font-size: 11px; color: black; padding: 2px 6px 2px 6px; background-color: #EBF6E9;}

/* search results
----------------------------------------------- */

.mainText {font-size: 11px; color: black; padding: 0px 0px 10px 0px;}

.resultsTop {background: #DDEBF5; padding: 5px 10px 5px 10px;}
.resultsTitle {font-size: 11px; color: black; font-weight: bold;}
.resultsContent {font-size: 11px; color: black;}

.filter {font-size: 11px; background: #EBF6E9; padding: 2px 10px 2px 10px;}
.filterTitle {font-size: 11px; color: #666666; font-weight: bold;}
.filterContent {font-size: 11px; color: #666666;}

.resultsList {font-size: 11px; color: black; padding: 5px 10px 5px 10px; background-color: #F5F5F5}
.resultsListOdd {font-size: 11px; color: black; padding: 5px 10px 5px 10px;}
.resultsListTitle {font-size: 11px; color: black; font-weight: bold; background: #E6E6E6; padding: 5px 10px 5px 10px;}
.resultsListDist {font-size: 10px; color: black;}

.resultsName {font-size: 11px; color: black;}
.resultsName a {font-size: 11px; color: #008BCB; font-weight: bold; text-decoration: underline;}
.resultsName a:hover {text-decoration: none;}

.resultsNav {background: #F0F0F0; padding: 5px 10px 5px 10px; }
.resultsNavCnt {font-size: 10px; color: #CCCCCC; font-weight: bold;}
.resultsNavCnt a {font-size: 10px; color: #008BCB; font-weight: bold; text-decoration: underline;}
.resultsNavCnt a:hover {text-decoration: none;}


.resultsNavCntPlain {font-size: 10px; color: #CCCCCC; }
.resultsNavCntPlain a {font-size: 10px; color: #008BCB; text-decoration: underline;}
.resultsNavCntPlain a:hover {text-decoration: none;}
.resultsNavCntPlainLabel {font-size: 10px; color: #666666; }

.resultsInfo {font-size: 10px; color: black; background: #F7F7F7; padding: 5px 10px 5px 10px;}

.icoDesc {font-size: 9px; color: #999999;}
.icoDesc a {font-size: 9px; color: #999999; text-decoration: none;}
.icoDesc a:hover {font-size: 9px; color: #999999; text-decoration: underline;}

.detailsTitle {font-size: 11px; color: #666666; font-weight: bold;}
.detailsListC {font-size: 11px; color: black; padding: 5px 10px 5px 10px; background: #DDEBF5}
.detailsListW {font-size: 11px; color: black; padding: 5px 10px 5px 10px; background: white}

.toolNav {font-size: 10px; color: #008BCB;}
.toolNav a {font-size: 10px; color: #008BCB; text-decoration: underline;}
.toolNav a:hover {text-decoration: none;}

.mapLegend {font-size: 10px; background: #F5F5F5; padding: 3px 10px 3px 10px; color: black; border: 1px solid #ECECEC;}
.mapLegendT {font-size: 10px; color: #999999; font-weight: bold;}

.num {font-size: 11px; color: #004C98; font-weight: bold;}

/* these are widths and visible/hidden for search results */
.resultsColName {width:25%; }
.resultsColType {width:20%; }
.resultsColAddress {width:25%; }
.resultsColMap {width:15%; }
.resultsColStatus {width:15%; }
.resultsColRate {width:15%; display: none;}


/* search again and search stack boxes */
.searchAgainBox {width: 350px}

.searchStackBox {width: 350px}
.searchStackBox a {color: #666666; text-decoration: underline; font-weight: bold;}
.searchStackBox a:hover {color: #333333; text-decoration: none; font-weight: bold;} 

/* side content
----------------------------------------------- */
/*
.leftHolder{visibility : hidden; display: none;}
.rightHolder{visibility : hidden; display: none;}
*/
.leftHolder{visibility : visible;  }
.rightHolder{visibility : visible}
/* footer elements
----------------------------------------------- */

.footer {font-size: 10px; color: black; line-height: 15px; padding: 10px 0px 10px 10px;}

.footerLinks {font-size: 10px; color: black; padding: 10px 0px 10px 0px;}
.footerLinks a {color: black; text-decoration: none;}
.footerLinks a:hover {text-decoration: underline;}
/* map elements
----------------------------------------------- */


.zoomBtn {CURSOR: hand;}

