/*	Body and Core site elements
----------------------------------------------- */
body, h1, h2, h3, h4 {
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	}
p {
	margin:0;
	padding:0;
	}
body {background:#a5d8e8 url(../../v1/image/header/body-bg.jpg) repeat-x;}
#mainwide {background: white;}
body img {border:none;}
input, select, textarea {
	font: small Arial, Helvetica, sans-serif;
	color:#000;
	}
input, select {overflow: visible;}
textarea {overflow: auto;}
a, a:link, a:active, a:visited {
	color: #302b54;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;
}
a:hover	{
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	}
/*	Widths, Heights, Backgrounds
----------------------------------------------- */
body, #nav, #main, #footer, #mainwide {width: 100%;}
#header, #footernest {
	/* These set the width and the margin centers the div */
	width: 824px;
	margin:0 auto;
	}
#mainwide, #footerwide {
	width: 98%;
	padding: 0 1%;
	}
/*	Header
----------------------------------------------- */
#header {
	position:relative;
	z-index:2; /*http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/ */
}
/* filtersearch */
#filtersearch {
	top: 4em;
	font: small Arial, Helvetica, sans-serif;
	position:absolute;
	left: 50px;
	background:white;
	width:700px;
	padding: 1em;
	border: solid thin #000;
 	visibility: hidden;
	-webkit-text-size-adjust: none; /* Preven iPhone from expanding text size & creating layout issues */
}
#filtersearch p {color: black;}
#filtersearch .close {
	float:right;
	border: solid thin #000;
	padding:.25em;
	text-decoration:none;
	margin:-5px -5px 0 0;
}
#filtersearch .miles {
	width:2.5em;
	margin-right:.2em;
	text-align:center;
}
#filtersearch .details {text-align:center;}
#filtersearch .details select {
	font-size:100%; /* makes % drop down correct size */
	text-align:center;
}
#filtersearch .change {
	text-align: center;
	margin: 1em 0 0 0;
}
#filtersearch .change input {
	margin: 0;
	padding 0;
	width: 6em;
	font-size: 140%;
}
/* Footer formatting
----------------------------------------------- */
#footer, #footerwide {
	clear:both;
}
#footer ul, #footerwide ul {
	/* height and line height allow for vertical centering of one line of text */
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li, #footerwide li  {
	color: #666;
}
.footerright {
	margin: 0;
	padding: 0 1em 0 0;
	float: right;
	font-size: 75%;
}
.footerleft {
	margin: 0;
	padding: 0 0 0 1em;
	float: left;
	font-size: 75%;
} 
#footer a, #footerwide a  {
	text-decoration: none;
	color: #666;
}
/*	Clears floats without structural markup
	See hack files for fixes for other browsers.
	http://www.positioniseverything.net/easyclearing.html
	http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats
-----------------------------------------------  */
.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
----------------------------------------------- */
/*	Item Selection Divs
----------------------------------------------- */
.itemsel {position:relative;}
.itemsel #regstat {
	position:absolute;
	width:240px;
}
#regstat .drb, #regstat .good {text-align:center;}
#regstat .good {font-size:85%;}
#regstat .total {
	text-align:center;
	margin: 1em 0 .05em 0;
	color: #333;
}
.itemsel .itemssale {
	position:relative;
	margin-left:265px;
	min-height:400px;
}
.itemsel .itemspeople {
	height:150px;
	overflow:scroll;
	overflow-x:hidden;
}