/*
CSS for Londonderry Site Viewer

Daniel Monego
CDM
2008
*/
body 
{
	font-family: Arial;
	font-size: 12px;
	background-color: #EDEFEA;
	margin: 0px;
}

.head
{
	font-family: Georgia;
	font-size: 18px;
	color: #214394;
	padding-top: 6px;
}

.inner
{
	background: White;
	width: 374px;
	height: 219px;
}


.padded
{
	padding: 5px;
}

.indent
{
    margin: 40px;
}

/*
########################################
Title Section
*/

#title
{
	background-image: url(images/new-banner-bg.jpg);
	height: 80px;
	width: 100%;
	margin: 0px;
}

/*
########################################
Query section code
*/
#query
{
	float: left;
	width: 380px;
	height: 225px;
	margin-top: 20px;
	margin-left: 40px !important;
	margin-left: 20px;
	/*
	Credit goes to http://www.alistapart.com/articles/cssdropshadows/ for this 
	technique.

	The !important entry marks the style to be used by Firefox and other
	W3C compliant browsers, and the other one is used by IE.
	*/
	background: url(images/shadowAlpha.png) no-repeat right bottom !important;
	background: url(images/shadowGrayBg.gif) no-repeat bottom right;
}

#queryicon
{
	position: relative;
	background: url(images/step_1.gif);
	float: left;
	height: 55px;
	width: 55px;
	top: -10px;
	left: -20px;
}

.queryform
{
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.queryform #QueryButton
{
	float:right;
}

.labelontop
{
	float:left;
	margin: .3em;
	margin-bottom: 10px;
}

.labelontop select
{
    vertical-align: 5;
}

#checkboxes
{
	clear: both;
}

#mapviews
{
	clear:both;
	margin-top: 10px;
}

#widget_txtMinAcres
{
	width: 100px;
	height: 18px;
	
}

#querybutton
{
    float:right;
}

/*
########################################
Result Section Code
*/
#result
{
	float:left;
	width:380px;
	height: 225px;
	background: url(images/shadowAlpha.png) no-repeat right bottom !important;
	background: url(images/shadowGrayBg.gif) no-repeat bottom right;
	margin-top: 20px;
	margin-left: 48px;
	margin-bottom: 5px;
}

#resulticon
{
	position: relative;
	background: url(images/step_2.gif);
	float: left;
	height: 55px;
	width: 55px;
	top: -10px;
	left: -20px;
}

#resultPane
{
	padding: 5px;
}

.scrollpane
{
	clear: both;
	width:100%;
	height: 164px;
	overflow-y: auto;
}

.parcelinfo
{
	margin-bottom: 5px;
}

.addresstext
{
	font-family: Georgia, Arial;
	font-size: 15px;
	color: Navy;
}

.addresstext a 
{
	cursor: pointer;
}

.addresstext a :hover
{
	text-decoration: underline;
}

.detailstext
{
	color: Gray;
}

/*
########################################
Map Section Code
*/

#mapArea
{
	clear:both;
	margin-left: 40px;
}

#mapShadow
{
	float: left;
	width: 748px;
	height: 353px;
	background: url(images/shadowAlpha.png) no-repeat right bottom !important;
	background: url(images/shadowGrayBg.gif) no-repeat bottom right;
}

#map
{
	width: 740px;
	height: 345px;
	padding: 0px;
	margin: 0px;
	border: solid 1px Black;
}
/*
########################################
Map Tools Code
*/

#tools
{
	margin-left: 40px;
}

.toolButton
{
	display:block;
}

/*
########################################
InfoWindow Code
*/

.infowindow .window .top .right .user .titlebar .title 
{
	font-family: Georgia;
}

#map_infowindow .content
{
	font-size: 8pt;
}

/*
#######################################
Fine text
*/

#fine
{
	clear:both;
	right: 40px;
	padding-top: 8px;
	padding-left: 40px;
}

#fine a
{
	color: Navy;
}