html						{ *overflow: hidden; }
body, th,input,select		{ color: #000000; background-color: #ffffff; font-family: Arial; font-size: 10pt; }
td							{ color: #000000; background-color: inherit; font-family: Arial; font-size: 10pt; }
input.button 				{ background-color: #EAEEF9; }
h1,h2,h3					{ color: #43507F; }
h1							{ font-size: 14pt; }
h2							{ font-size: 12pt; }
form						{ margin: 0; padding: 0; }
a:link						{ color: #43507F; }
a:visited 					{ color: #555544; }
a.button,a.button:visited	{ color: #43507F; text-decoration: none; }
a.bannerbutton,a.bannerbutton:visited	{ color: #EAEEF9; text-decoration: none; }

.hit-head					{ background-color: #3983b6; color: #ffffff; font-weight: bold; }
.hit-title					{ color: #43507F; font-weight: bold; }
a.hit-link					{ color: #4350FF; }
a.hit-doc-link				{ color: #43507F; text-decoration: none; }

.scroll						{ background-color: #EAEEF9; margin:0px; padding:0px; }
a.scroll-link,a.scroll-link:visited	 { text-decoration: none; color: #43507F; font-size: 12pt; }
.reference					{ font-size: 10pt; }
tr.hitlist-row-even			{ background-color: #fcfcfc; border-top: 1px solid #c3dae9; border-bottom: 1px solid #c3dae9; }
tr.hitlist-row-odd			{ background-color: #f3f7fa; border-top: 1px solid #c3dae9; border-bottom: 1px solid #c3dae9; }
table.hit-table				{ width: 100%; border:0; border-collapse: collapse; }
table.hit-table td			{ padding-top: 5px; padding-bottom: 5px; }
table.hit-table td.hit-type { width: 5%; }
table.hit-table td.hit-home-title	{ width: 20%; }
table.hit-table td.hit-hit-context	{ border-bottom:none; }

tr.bookmarks-row-even		{ background-color: #fcfcfc; border-top: 1px solid #c3dae9; border-bottom: 1px solid #c3dae9; }
tr.bookmarks-row-odd		{ background-color: #f3f7fa; border-top: 1px solid #c3dae9; border-bottom: 1px solid #c3dae9; }

/* This disables tap highlighting */
*
{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* iframe and div styles */

/* Headers */
div#idMainHeader
{
	background-image:url('/nxt/gateway.dll/California/planning/article7neighborhoodcommercialdistricts?f=images$fn=top-bg.png$3.0');
}

div#idMainHeader.default
{
	visibility: hidden;
}

div#idMainHeader.tablet, div#idMainHeader.navcollapsed, div#idMainHeader.navhidden
{
	visibility: visible;
	position:absolute;
	top:0px; 
	left:0;
	bottom:0px;
	right: 0px;

	height:70px;

	display:block;
	-webkit-background-composite: sourse-in;
}

div#idMainHeader.navfull
{
	visibility: visible;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0;
	right:0px;
	height:70px;


}

div#idMainHeader.phone, div#idMainHeader.navfullphone, div#idMainHeader.navcollapsedphone, div#idMainHeader.navhiddenphone
{
	visibility: visible;
	position:absolute;
	top:0px; 
	left:0;
	bottom:0px; 
	right: 0px;

	width:100%;
	height:40px;

	display:block;
}

div#idSearchHeader
{
	background-image:url('/nxt/gateway.dll/California/planning/article7neighborhoodcommercialdistricts?f=images$fn=search-bg.png$3.0');
}


div#idSearchHeader.default
{
	visibility: hidden;
}

div#idSearchHeader.tablet, div#idSearchHeader.navcollapsed, div#idSearchHeader.navhidden, div#idSearchHeader.navfull
{
	visibility: visible;
	position:absolute;
	top:70px;
	left:0px;
	right:0;
	bottom:0;

	height:38px;

	display:block;
}

div#idSearchHeader.phone, div#idSearchHeader.navcollapsedphone, div#idSearchHeader.navhiddenphone, div#idSearchHeader.navfullphone
{
	visibility: visible;
	height:0;
	width:0;
	display: none;
}

/* Columns */

div#idLeft, div#idLeft.default
{
	overflow:hidden;
	visibility: hidden;
}

div#idLeft.tablet, div#idLeft.navcollapsed
{
	visibility: visible;
	position:absolute;
	top:108px;
	bottom:0px;
	left:0;
	width:22%;

	overflow:hidden;
	display:block;

	-webkit-transition-property:right;
	-webkit-transition-duration: 500ms;

	-o-transition-property:right;
	-o-transition-duration: 500ms;

	-moz-transition-property:right;
	-moz-transition-duration: 500ms;

	transition-duration: 500ms;
	transition-property:right;
	transition-timing-function: default;
}

div#idLeft.navhidden
{
	visibility: visible;
	position:absolute;
	top:108px;
	bottom:0px;
	left:-100%;
	right:100%;

	width: 22%;

	overflow:hidden;
	display:block;

	-webkit-transition-property:left, right;
	-webkit-transition-duration: 500ms;

	-o-transition-property:left, right;
	-o-transition-duration: 500ms;

	-moz-transition-property:left, right;
	-moz-transition-duration: 500ms;

	transition-property:left, right;
	transition-duration: 500ms;
	transition-timing-function: default;
}

div#idLeft.navfull
{
	visibility: visible;
	position:absolute;
	top:108px;
	bottom:0px;
	left:0;
	right:0;

	width:100%;

	overflow:hidden;
	display:block;

	-webkit-transition-property:left, right;
	-webkit-transition-duration: 500ms;

	-o-transition-property:left, right;
	-o-transition-duration: 500ms;

	-moz-transition-property:left, right;
	-moz-transition-duration: 500ms;

	transition-property:left, right;
	transition-duration: 500ms;
	transition-timing-function: default;

}

div#idLeft.phone, div#idLeft.navcollapsedphone, div#idLeft.navfullphone
{
	visibility: visible;
	position:absolute;
	top:40px;

	bottom:0px;
	left:0;
	right:0;

	width:100%;

	overflow:hidden;
	display:block;

	-webkit-transition-property:right, left;
	-webkit-transition-duration: 500ms;

	-o-transition-property:right;
	-o-transition-duration: 500ms;

	-moz-transition-property:right;
	-moz-transition-duration: 500ms;

	transition-duration: 500ms;
	transition-property:right;
	transition-timing-function: default;

}

div#idLeft.navhiddenphone
{
	visibility: visible;
	position:absolute;
	top:40px;
	left: -100%;
	right:100%;

	width:100%;

	overflow:hidden;
	display:block;

	-webkit-transition-property:right, left;
	-webkit-transition-duration: 500ms;

	-o-transition-property:right, left;
	-o-transition-duration: 500ms;

	-moz-transition-property:right, left;
	-moz-transition-duration: 500ms;

	transition-property:right, left;
	transition-duration: 500ms;
	transition-timing-function: default;
}

div#idRight, div#idRight.default
{
	overflow:hidden;
	visibility: hidden;
}

div#idRight.tablet, div#idRight.navcollapsed
{
	visibility: visible;
	position:absolute;
	top:108px;
	left:22%;
	bottom:0px;
	right:0px;

	width:78%;

	overflow:hidden;
	background-color:white;
	display: block;

	-webkit-transition-property:left;
	-webkit-transition-duration: 500ms;

	-o-transition-property:left;
	-o-transition-duration: 500ms;

	-moz-transition-property:left;
	-moz-transition-duration: 500ms;

	transition-duration: 500ms;
	transition-property:left;
	transition-timing-function: default;

}

div#idRight.navfull
{
	visibility: visible;
	position:absolute;
	top:108px;
	left:100%;
	bottom:0px;

	width:0%;

	overflow:hidden;
	background-color:white;
	display:block;

	-webkit-transition-property:left, width;
	-webkit-transition-duration: 500ms;

	-o-transition-property:left, width;
	-o-transition-duration: 500ms;

	-moz-transition-property:left, width;
	-moz-transition-duration: 500ms;

	transition-duration: 500ms;
	transition-property:left, width;
	transition-timing-function: default;
}

div#idRight.navhidden
{
	visibility: visible;
	position:absolute;
	top:108px;
	left:0px;
	bottom:0px;
	right:0px;

	width:100%;

	overflow:hidden;
	background-color:white;
	display:block;

	-webkit-transition-property:left,right;
	-webkit-transition-duration: 500ms;

	-o-transition-property:right, left;
	-o-transition-duration: 500ms;

	-moz-transition-property:right, left;
	-moz-transition-duration: 500ms;

	transition-property:right, left;
	transition-duration: 500ms;
	transition-timing-function: default;
}

div#idRight.phone, div#idRight.navcollapsedphone, div#idRight.navhiddenphone
{
	visibility: visible;
	position:absolute;
	top:40px;
	left:0px;
	bottom:0px;
	right:0px;

	width:100%;

	overflow:hidden;
	background-color:white;
	display:block;

	-webkit-transition-property:left;
	-webkit-transition-duration: 500ms;

	-o-transition-property:left;
	-o-transition-duration: 500ms;

	-moz-transition-property:left;
	-moz-transition-duration: 500ms;

	transition-property:left;
	transition-duration: 500ms;
	transition-timing-function: default;

}

div#idRight.navfullphone
{
	visibility: visible;
	position:absolute;
	top: 40px;
	left:100%;
	bottom:0px;

	width:0%;

	overflow:hidden;
	background-color:white;
	display:block;

	-webkit-transition-property:left, width;
	-webkit-transition-duration: 500ms;

	-o-transition-property:left, width;
	-o-transition-duration: 500ms;

	-moz-transition-property:left, width;
	-moz-transition-duration: 500ms;

	transition-property:left, width;
	transition-duration: 500ms;
	transition-timing-function: default;
}


div#idNav
{
	display:block;
	overflow:hidden;
}

div#idNav #toc-frame
{
	width:100%;
	height:100%;
	border: 0px;
	overflow:hidden;
}


div#idDocument
{
	display:block;
	overflow:hidden;
	position:absolute;
}

div#idDocumentWrapper
{
	margin:0px;
	padding:0px;
	overflow:hidden;
}


div#idDocument #document-frameset
{
	overflow:hidden;
	border: 2px solid #ffffff;
	border: 0px;

	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}


div#idToolbar, div#idToolbar.tablet, div#idToolbar.default
{
	width:100%;
	height:45px;
	padding-top:4px;
	padding-left:4px;
	overflow:hidden;

	display: block;
}


div#idToolbar.phone
{
	height:30px;
	padding-top:4px;
	padding-left:4px;
	overflow:hidden;
}


div#idToolbar[hidden], div#idToolbar.phone[hidden]
{
	display: none;
}


.toolbarText
{
	font-family: Arial; 
	font-size: 8pt;
	display: block;
	color: #43507F;
	-webkit-user-select: none;
}

a.toolbarText
{
	text-decoration: none;
}

a.toolbarText:focus
{
	border: 1px dotted white;
}

div#idStatusBar, div#idStatusBar.tablet, div#idStatusBar.phone, div#idStatusBar.default
{
	border-top: 1px solid #EEEEEE;
	bottom: 2px;
	color: #999999;
	display: block;
	font-size: 11px;
	height: 17px;
	left: 8px;
	overflow: hidden;
	padding-top: 4px;
	position: absolute;
	width: 100%;
}

div#idStatusBar[hidden], div#idStatusBar.phone[hidden]
{
	display: none;
}

div#idStatusWrapper
{
	white-space: nowrap;
	display: inline-block;
}

span.idStatusNoContent
{
    color: black;
}


/* Main toolbar styles */

.tabImage
{
	vertical-align: middle;
}

.tabImageLarge
{
	vertical-align: middle;
	width: 34px;
	height: 34px;
}

.tabImageSmall
{
	vertical-align: middle;
	width: 24px;
	height: 24px;
}


.tabText, .tabMiniText
{
	display: inline;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF; 
	vertical-align:middle;
	-webkit-user-select: none;
}

.tabButtonText
{
	display: block;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF; 
	-webkit-user-select: none;
}

a.tabButtonText
{
	text-decoration: none;
}

a.tabButtonText:focus
{
	border: 1px dotted white;
}


.tabButton
{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	vertical-align: middle;
	cursor:default;
	text-align: center;
}

.tabButton:focus
{
	outline-width: 0;
}

.tabButton[data-disabled] .tabImage, .tabButton[data-disabled] .tabImageLarge, .tabButton[data-disabled] .tabImageSmall
{
	opacity:0.5;
	filter:alpha(opacity=50);
}

.tabButton[data-disabled] span
{
	opacity:0.5;
	filter:alpha(opacity=50);
}


.tabButton[data-small]
{
	width: 70px;
}

.tabButton[data-large]
{
	width: 60px;
	
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.buttonHead
{
	position: absolute;
	vertical-align: middle;
	top: 3px;
}

.buttonSimple
{
	width: 60px;
}

div.buttondiv, div.buttondivunactive
{
	background-color: rgb(247,250,252); /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0.2, #F7FAFC), color-stop(0.50, #DADEE6), color-stop(0.8, #F7FAFC));
	background-image: -webkit-linear-gradient(top, #F7FAFC 20%, #DADEE6 50%, #F7FAFC 80%);
	background-image: -moz-linear-gradient(top, #F7FAFC 20%, #DADEE6 50%, #F7FAFC 80%);
	background-image:	 -ms-linear-gradient(top, #F7FAFC 20%, #DADEE6 50%, #F7FAFC 80%);
	background-image:	  -o-linear-gradient(top, #F7FAFC 20%, #DADEE6 50%, #F7FAFC 80%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F7FAFC', endColorstr='#F7FAFC'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F7FAFC', endColorstr='#F7FAFC')"; /* IE8 */
	zoom: 1;
	background-image:		 linear-gradient(top, #F7FAFC 20%, #DADEE6 50%, #F7FAFC 80%);
}

div.buttondiv:focus, div.buttondivactive
{
	outline-width: 0;

	background-color: rgb(141,196,240); /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0.2, #8DC4F0), color-stop(0.50, #6A93E6), color-stop(0.8, #8DC4F0));
	background-image: -webkit-linear-gradient(top, #8DC4F0 20%, #6A93E6 50%, #8DC4F0 80%);
	background-image: -moz-linear-gradient(top, #8DC4F0 20%, #6A93E6 50%, #8DC4F0 80%);
	background-image:	 -ms-linear-gradient(top, #8DC4F0 20%, #6A93E6 50%, #8DC4F0 80%);
	background-image:	  -o-linear-gradient(top, #8DC4F0 20%, #6A93E6 50%, #8DC4F0 80%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8DC4F0', endColorstr='#8DC4F0'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8DC4F0', endColorstr='#8DC4F0')"; /* IE8 */
	zoom: 1;
	background-image:		 linear-gradient(top, #8DC4F0 20%, #6A93E6 50%, #8DC4F0 80%);

}

div.buttondivactive:focus, div.buttondivunactive:focus
{
	outline-width: 0;
}


div.buttondiv[data-head], div.buttondivactive[data-head], div.buttondivunactive[data-head]
{
	position: absolute;
	top: 5px;
	display:table-cell;
	vertical-align: middle;

	width: 60px;
	height: 20px;
	text-align: center;
	cursor:default;
}

div.buttondiv[data-table], div.buttondivactive[data-table], div.buttondivunactive[data-table]
{
	display:table-cell;
	vertical-align: middle;
	border: 1px solid black;

	width: 60px;
	text-align: center;
	cursor:default;

	box-shadow: 2px 2px 4px #666;
	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;

	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#DADEE6', endColorstr='#DADEE6'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#DADEE6', endColorstr='#DADEE6')"; /* IE8 */
}

div.buttondiv[data-block], div.buttondivactive[data-block], div.buttondivunactive[data-block]
{
	display:block;
	vertical-align: middle;
	border: 1px solid black;

	width: 60px;
	text-align: center;
	cursor:default;

	box-shadow: 2px 2px 4px #666;
	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;

	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#DADEE6', endColorstr='#DADEE6'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#DADEE6', endColorstr='#DADEE6')"; /* IE8 */
}


div.buttondiv[data-box],div .buttondivactive[data-box], div.buttondivunactive[data-box]
{
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;

}

div.buttondiv[data-rightbox], div.buttondivactive[data-rightbox], div.buttondivunactive[data-rightbox]
{
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
	border-radius: 0px 8px 8px 0px;

}

div.buttondiv[data-leftbox], div.buttondivactive[data-leftbox], div.buttondivunactive[data-leftbox]
{
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;

}

div.buttondivsearch
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background-color: #5e6d83; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0.2, #5e6e85), color-stop(0.50, #5d6c82), color-stop(0.8, #5e6e85));
	background-image: -webkit-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image: -moz-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image:	 -ms-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image:	  -o-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e6e85', endColorstr='#5d6c82'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e6e85', endColorstr='#5d6c82')"; /* IE8 */
	zoom: 1;
	background-image:		 linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
}

div.buttondivsearch:focus
{
	outline-width: 0;
}

div.buttondivsearch[data-table]
{
	display:table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;

	border-top: 2px solid #808da0;
	border-bottom: 2px solid #3f4a5b;
	
	width: 60px;
	text-align: center;
	cursor:default;
}

div.buttondivsearch[data-box]
{
	border-right: 2px solid #495565;
	
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

div.buttondivsearch[data-rightbox]
{
	border-right: 2px solid #495565;
	
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
}

div.buttondivsearch[data-leftbox]
{
	border-left: 2px solid #495565;
	border-right: 1px solid #2d3847;
	
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

div.buttondivsearch[data-search]
{
	width:70px;
	height:22px;
	float:left;
}

div.buttondivsearch[data-clear]
{
	width:50px;
	height:22px;
	float:left;
}



.buttondivsearchText
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	color: #B9BFCA;
	vertical-align: middle;
}

a.buttondivsearchText
{
	color: #B9BFCA;
	text-decoration: none;
}

a.buttondivsearchText:focus
{
	border: 1px dotted white;
}

.buttonBoxText
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: 600;
	-webkit-user-select: none;
}



div#idSearchRightButtons
{
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	padding: 0;
	margin: 0;
	height: 26px;
	width: 125px;
	
	border: 2px solid black;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

form#main_form
{
	position: absolute;
	top: 5px;
	right: 150px;
	height: 28px;
	
	text-align: center;	
	margin: 0;
	padding: 0;
	display: block;
	background-image:url('/nxt/gateway.dll/California/planning/article7neighborhoodcommercialdistricts?f=images$fn=search-edit.png$3.0');
}

form#main_form > input#main_form_field
{	
	font-size: 10pt;

	/* real height of background is 28 */
	height: 20px;
	
	/* real width of background is 252, without paddinds 242*/
	width: 242px; 
	border: none;
	background-color: transparent;

	margin: 0;
/*	padding: 0;

	padding-left:5px;
	padding-right:5px;*/
}


input[type=text], input.control
{
	border: 1px solid #999999;
	font-size: 12pt;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;

	box-shadow: 1px 1px 2px #CCCCCC;
	-webkit-box-shadow: 1px 1px 2px #CCCCCC;
	-moz-box-shadow: 1px 1px 2px #CCCCCC;
	margin: 2px 0 4px;
	padding: 4px;
}

input[type=text]:focus
{
	outline-width: 0;
}

form#simple_search_form
{
	color: rgba(255,255,255,1);
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


form#simple_search_form > input#simple_search_form_field
{
	height:24px;
	border: 1px solid black;
}

/*Any select element on the SearchBar*/
#idSearchHeader select
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 25px;

	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	color: #B9BFCA;

	background-color: #5e6d83; /* fallback color if gradients are not supported */

	/* Chrome does not handle background-image for selects */
	background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0.2, #5e6e85), color-stop(0.50, #5d6c82), color-stop(0.8, #5e6e85));
	background-image: -webkit-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);


	background-image: -moz-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image:	 -ms-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image:	  -o-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e6e85', endColorstr='#5d6c82'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e6e85', endColorstr='#5d6c82')"; /* IE8 */
	zoom: 1;
	background-image:		 linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);

	border-bottom: 2px solid #3F4A5B;
    border-top: 2px solid #808DA0;
	border-left: 2px solid #495565;
	border-right: 2px solid #495565;

	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4 4 4px;

}

/*Any select element on the SearchBar*/
#idSearchHeader select:focus
{
	outline-width: 0;
}

/*Option within any select element on the SearchBar*/
#idSearchHeader select option
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	color: #B9BFCA;

	background-color: #5e6d83; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left bottom, left top,  color-stop(0.2, #5e6e85), color-stop(0.50, #5d6c82), color-stop(0.8, #5e6e85));
	background-image: -webkit-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image: -moz-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image:	 -ms-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	background-image:	  -o-linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e6e85', endColorstr='#5d6c82'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5e6e85', endColorstr='#5d6c82')"; /* IE8 */
	zoom: 1;
	background-image:		 linear-gradient(top, #5e6e85 20%, #5d6c82 50%, #5e6e85 80%);

}

/*Any div that wraps select element on the SearchBar*/
div.searchbar_selector
{
	position: absolute;
	top: 5px;
	height: 24px;
/*
	background-image:url('/nxt/gateway.dll/California/planning/article7neighborhoodcommercialdistricts?f=images$fn=search-select-bg.png$3.0');
*/
	border: 2px solid black;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;

	vertical-align: middle;
	padding: 0;
	margin: 0;
	z-index:10;
}

span#searchform_text
{
	position: absolute;
	top: 5px;
	left: 7px;
	z-index: 1;
	width: 170px;
	overflow: hidden;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	color: #B9BFCA;
	white-space: nowrap;
	background-color: transparent;
}

div#searchform_selector
{
	left: 5px;
	width: 205px;
}

select#searchform_list
{
	width: 205px;
}

div#named_search_selector
{
	left: 225px;
	width: 205px;
	display: none;
}

select#named_search_list
{
	width: 205px;
}

.named_search_form_left_space
{
	width: 5%;
}

.named_search_form_vertical_space
{
	height: 5px;
}

.bookmarks
{
	font-size: 12pt;
}

/*
input[type=checkbox], input[type=radio]
{
	width: 25px;
	height:25px;
}
*/

/* loading animation */

.loadingWindow
{
	border:1px solid #000;	
	padding:2px;
	z-index:100;
	position:absolute;
	background-color:#FFF;
	-webkit-box-shadow:rgba(0,0,0,.25) -4px 4px 4px;
	-webkit-animation:opacity .5sec ease;
}

.loadingBackground
{
	background-color:white;
	z-index:1;
	position:absolute;
}


.loadingText
{
	font-family: Tahoma, Helvetica, sans-serif;
	color:rgb(110,132,162);
	font-size: 14pt;
	margin-left: 10%;
	margin-right: 10%;
	vertical-align:middle;
}

.loadingImage
{
	vertical-align:middle;
}


/* for copyright at bottom of page */
P.copyright {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 7pt;
	font-style : normal;
	font-weight : normal;
	text-align : center;}


.modalContent
{
	border:3px solid #000;	
	padding:2px;
	z-index:100;
	position:absolute;
	background-color:#FFF;
	overflow-x: hidden;
	overflow-y: auto;
}

.modalBackground
{
	filter:alpha(opacity=40);
	opacity:0.4;
	background-color:#AAA;
	z-index:1;
	position:absolute;
}