/*-----------------------------------------------------------------------------
RuralPropertyFinder.com Screen Stylesheet

Version:	2.0
Author:		Joshua Sowin
Website:	fireandknowledge.org
-----------------------------------------------------------------------------*/

body {
	background-color: #F5F5F5;
	text-align: center;
	color: #464646;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

a		{ color: #2866A6; }
small	{ font-size: 11px; }
img		{ border: 0; }
label	{ cursor: pointer; }

/* Form Elements */
select			{ color: #464646; font-size: 11px;}
input, textarea	
				{ color: #464646; font-size: 11px; padding-left: 0; border: 1px solid #ADADAD; }
table, textarea	{ font-size: inherit; font: 100% }
textarea		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; }

ul {
	list-style-image: url(images/bullet_square_grey.gif);
	margin-left: 20px;
	padding-left: 0;
}

ul.inline { margin-left: 12px; }

h1, h2, h3, h4 { font-weight: normal; font-family: Helvetica;}
h1 { font-size: 170%; margin-top: 8px; }

h2 {
	padding: 5px 0 0 0;
	color: #3F3F3F;
	font-size: 140%;
	border-bottom: 1px solid #BFBFBF;
}

h2 strong {
	font-weight: normal;
}

.content, 
#nav ul { width: 820px; margin: auto; }	

#loading {
	position: absolute;
	top:50%; 
	left:50%; 
	text-align:center;
	background-color: #464646; 
	padding: 10px;
	color: #FFFFFF;
}

.countyMap				 {  width: 580px; height: 400px; border: 1px solid #666666; }
.searchMap				 {  width: 560px; height: 400px; border: 1px solid #666666; }

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header h1 {
	height: 70px;
	width: 500px;
	background: url(images/logo_2.0.gif) no-repeat 0 6px;
	text-indent: -100em;
	margin: 0;
	cursor: pointer;
}

#header 			{ background: #031E36; color: #D4D4D4; font-size: 85%; }
#header .content 	{ text-align: left; }
#header a 			{ color: #D4D4D4; }
#header p 			{ margin: 0; text-align: right; }

/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

#nav, #subnav	{ padding: 0; background: #BADAF6; float: left; width: 100%; }

#nav ul,
#subnav ul		{ margin: 0; padding: 0; list-style: none; }

#nav li,
#subnav li		{ margin: 0; padding: 0; float: left; }

#nav li a,
#subnav li a 	{ color: #464646; padding: 5px 12px; float: left; text-decoration: none; }

#nav li a.selected,
#nav li a:hover 	{ background: #616161; color: #FFF; }

#subnav				{ background: #616161; }
#subnav li a 		{ color: #FFF; }

#nav li a.selected,
#subnav li a.selected,
#subnav li a:hover 	{ color: #BADAF6; }

/*-----------------------------------------------------------------------------
	Content
-----------------------------------------------------------------------------*/

#container { /*padding: 20px 0;*/ background: #FFF; }

#maincontent { padding-top: 20px; padding-bottom: 20px; }
.with_sidebar { padding-left: 35px; }

.LeftCol	{ width: 75%; padding-right: 25px; }
.RightCol	{ width: 25%; }

/*-----------------------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------------------*/

#sidebar {
	padding: 22px 13px;
	width: 139px; /* 165px - padding */
	margin-right: 20px;
	font-size: 85%;
	background: #EEE;
	vertical-align:top;
}

#sidebar a {
	text-decoration: none;
/*	color: #404040;*/
}

#sidebar h3 {
	font-size: 115%;
	margin-bottom: 5px;
}

#sidebar ul {
	margin-left: 0px;
	list-style-image: none;
	list-style: none;
}

#sidebar li { padding: 2px 0 2px 2px; }

#sidebar li.selected, #sidebar li.a:hover {
	background-color: #DDDDDD;
}



/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/

#footer {
	padding: 0px 0 0 0;
	*padding-top: 10px;
	font-size: 85%;
	line-height: 110%;
	background: #F5F5F5;
	border-top: 2px solid #888888;
}

#footer strong		{ font-weight: normal; }
#footer .content 	{ text-align: left; }
#footer a			{ text-decoration: none; }

/*-----------------------------------------------------------------------------
	Custom
-----------------------------------------------------------------------------*/

.breadcrumbs { font-size: 95%; }

.paginationOptions {
	background: #DDD;
	padding: 5px;
}

.pagination {
	background: #F3F3F3;
	border: 1px solid #DDD ;
	/*background: #D6E5FF;*/
	padding: 5px;
	margin: 0px 0 15px 0;
}

.pagination a {
	text-decoration: none;
}

/********************
 Table Styling
********************/

form table th {
	text-align: right;
	padding-right: 5px;
	width: 150px;
}

.ContactSeller form table th {
	width: 110px;
}

form table td {
	padding-bottom: 5px;
}

form table h2 {
	margin: 5px 0 5px 0;
}

table .border {
	border: 1px solid #CCC;
}

.RightTableBorder {
	border-right: 1px solid #CCC;
	padding: 10px 10px 10px 20px;	
}

.NoTableBorder {
	padding: 10px 10px 10px 20px;	
}

table.chart {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.chart th, .chart td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 11px;
	padding: 4px;
	text-align: left;
}	

.chart th {
	background: #efefef;
	color: #000000;
	font-weight: bold;
}

/********************
 Extras
********************/

div.hr {
	border: none 0;
	border-bottom: 1px solid #E4E4E4;
	padding: 0;
	margin: 12px 0 17px 0;
}

.highlightbox, .box {
	background-color: #ECEDEF;
	border-top: 1px #DFE0E2 solid;
	border-bottom: 1px #DFE0E2 solid;
	margin: 5px 0 10px 0;
	padding: 10px 10px 10px 10px;
}

.highlightbox h2 { margin-top: 0; }

/*.ad small a { text-decoration: underline; }*/
.box		{ background-color: #FFF; }

.BrowseBox select { width: 120px; }

.smaller	{ font-size: 11px; }
.larger		{ font-size: 14px; }
.lighter,
.lighter a	{ color: #8E8E8E; }

.red	 	{ color: #AB1013; }
.required	{ font-size: 14px; color: #AB1013; }
.success	{ font-size: 14px; color: #189E50; }
.nomargin 	{ margin: 0; }

.grid_view img 				{ border: 1px solid #666666; margin-bottom: 5px;}
.grid_view 					{ padding-top: 20px; }
.properties .grid_view 		{ padding-top: 0px; }


/*-----------------------------------------------------------------------------
	Buttons
	See: http://particletree.com/features/rediscovering-the-button-element/
-----------------------------------------------------------------------------*/

.buttons a, .buttons button{
	display:block;
	float:left;
    margin:0 7px 15px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
/*    font-weight:bold;*/
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	margin-bottom: 0;
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
	margin-bottom: 20px;
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
	margin-bottom: 0;
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.buttons#tools a {
	margin-bottom: 5px;
	width: 125px;
}