/*
 * Styles for the Farm and Ranch Stays.com web site.
 *
 * Styles can be modified for different site layouts. Please
 * take note that changing the style sheet can possibly alter 
 * the layout of the site in such a manner that is becomes
 * impossible to use, and therefore changes should be tested
 * before they are committed to a live environment.
 */

/*
 * The following three items are used for elements that span
 * over the entire width of the site content.
 */

/* 
 * The neutral banner is for any site element that spans an 
 * entire page and has a neutral background. This means that
 * its color does not indicate information or an error, but
 * contains control items such as buttons.
 */
.neutralBanner 
{
	text-align:			right;
	padding:			0.3em;
	margin:				0.5em 0em;
	font-size:			smaller;
	background:			#f7e8b6;
}

/*
 * The information banner is used to display informational
 * messages on top of forms. The color and the logo of 
 * this banner indicate that this banner contains an 
 * informational message.
 */
.informationalBanner
{
	text-align:			left;
	padding:			1em 0.3em 1em 0.3em;
	margin:				0.5em 0;
	font-size:			smaller;
	line-height:		1.3em;
	background:			#e6f9e5;
	border:				1px solid #24401c;
}

/*
 * The warning banner is used to display warning messages.
 * The color and the logo of this banner indicate that this
 * banner contains a warning message.
 */
.warningBanner 
{
	text-align:			left;
	padding:			1em 0.3em 1em 3.5em;
	margin:				0.5em 0;
	font-size:			smaller;
	line-height:		1.3em;
	background:			#ffe9e9 url('../Images/WarningIcon.gif') no-repeat 0.7em 0.7em;
	border:				1px solid #c32c2c;
}

/*
 * Neutralizes lists inside of banners.
 */
.warningBanner ul, .informationalBanner ul, .neutralBanner ul 
{
	margin:				0.3em 2em;
	padding:			0;
}

/*
 * To make sure that a paragraph of text does not cause the 
 * banner to appear too tall the margin of paragraph elements
 * is set to zero.
 */
.neutralBanner p, .informationalBanner p, .warningBanner p
{
	/* Spacing */
	margin:				0;
	padding:			0;
}

/*
 * These styles can be used to sprinkle photos around the
 * site.
 */


/* These will sit in the left margin of the text an
 * image sits near.
 */
.photoRightColumn
{
	/* Spacing */
	margin:					0.1em 0.5em 0.3em 0em;
	
	/* Spacing */
	float:				left;
	padding-bottom: 1em;	
}


/* These will sit in the right margin of the text an
 * image sits near.
 */
.photoSunflower
{
	/* Spacing */
	margin-top:			4px;
	margin-right:	   20px;
	margin-bottom:	   20px;
	margin-left:       0px;
	
	/* Spacing */
	float:				left;
}
.photoHayRide
{
	/* Spacing */
	margin:					0.1em 0.5em 0.3em 0em;
	
	/* Spacing */
	float:					right;
	padding-left:           10px;
	padding-bottom:			1em;	
}
/*
 * For pages that require the content to be spread out over
 * two pages, the content can be wrapped using the next two
 * styles.
 */

/* Put anything that is in the left column in here. */
.leftColumn 
{
	/* Spacing */
	float:				left;
	width:				48%;
}


/* Put anything that is in the right column in here. */
.rightColumn 
{
	/* Spacing */
	float:				right;
	width:				48%;
}



/*
 * The following set of styles define what forms look like
 * when they are displayed on a page.
 */

/*
 * Form wrappers.
 */

/* The border around forms. */
fieldset 
{
	/* Spacing */
	margin-top:			1em;
	margin-left:		0px;
	margin-right:		0px;
	padding-top:		0.6em;
	padding-bottom:		20px;
	
	/* Border */
	border:				1px solid #24401c; /* Green */
}
fieldset p
{
	margin-left:		10px;
	margin-right:		10px;
}


/* Indicates what the form is for. */
legend 
{
	margin-bottom:		0.3em;
	
	/* Font */
	color:				#24401c;  /* Green */
	font-family:		Arial, Helvetica, Sans-Serif;
	font-weight:		normal;
	letter-spacing:		0.15em;
}

/*
 * These items are for the actual listing page.
 */

.listingHeader, .listingFooter 
{
	padding:			0.6em;
	
	/* background */
	background:			#E8CF7C;
	
	/* font */
	font-weight:		bold;
	letter-spacing:		0.15em;
	color:				#7D3100;
}

.listingFooter 
{
	text-align:			right;
}

.listingFooter a
{
	font-size:			0.9em;
	color:				#dcbf26;
}

.listingPhoto 
{
	text-align:			center;
	width:				100%;
	padding:			0.3em;
}

.listingPhoto img
{
    max-width:          640px;
}

.listingPhotoCaption
{
	/* font */
	font-size:			0.9em;
	font-style:			italic;
	text-align:			center;
}

.thumbnailLink 
{
	border:				#312;
}

.amenitiesListing
{
	margin-left:				2em;
}

/*
 * These styles are for the image thumbnail selection buttons.
 */

.thumbnailContainer 
{
	padding:			0.3em;
	border:				1px solid #24401c;
}

.thumbnailContainer input
{
	padding:			0.3em;
}

.thumbnailContainer input:hover 
{
	background:			#dcbf26;
}

/*
 * The following styles define the look of the menu's on the
 * landing pages of the farm and ranch owners and administrators.
 */

.navigationBanner 
{
	/* Spacing */
	padding:			0.6em;
	margin-left:		0.6em;
	margin-right:		0.6em;
	margin-top:         0.6em;	
	
	/* Border */
	border:				1px solid #7d2417;
}

.iconContainer 
{
	float:				left;
}

.navigationContainer 
{
	margin-left:		5em;	
}

.navigationBanner h3 
{
	font-size:			1.2em;
	font-weight:		normal;
	letter-spacing:		0.15em;
}

.navigationBanner ul
{
	margin:				0;
	padding:			0;
	margin-left:		0.9em;
}

.navigationBanner li 
{
	margin:				0.3em 0;
}

/*
 * This defines the style of the Google map that is displayed
 * on the search page.
 */

#map 
{
	/* Spacing */
	margin:				0 auto;
	
	/* Size */
	width:				700px;
	height:				450px;
	
	/* Border */
	border:				2px solid #7d2417;

}

/*
 * The following styles are for search results:
 */

.searchResult 
{
	padding:			0.3em;
}

.searchResult .searchResultTitle 
{
	color:				#7d2417;
	letter-spacing:		0.15em;
}

.searchResultLabel 
{
	/* Spacing */
	padding:			0.3em;
	width:				10em;
	
	/* Font */
	font-size:			0.8em;
	text-align:			right;
	letter-spacing:		0.07em;
	color:				#24401c;
}

.searchResultsField
{
	font-size:			0.8em;
}


/* For any validation errors */
.validationError 
{
	padding:			0.3em;
	font-size:			0.8em;
	color:				red;
}

/*
 * Styles for the login form.
 */

.loginForm .formLabel
{
	/* Spacing */
	
	padding:			0.3em;
	
	/* Font */
	font-size:			0.9em;
	text-align:			right;
	letter-spacing:		0.07em;
}

.loginForm .formField 
{
	/* Spacing */
	padding:			0.3em;
}

.loginForm .formControls 
{
	/* Spacing */
	padding:			0.3em;
}

.loginForm .formControls a 
{
	/* Font */
	font-size:			0.8em;
	color:				#7d2417;
}

.registerLink 
{
	/* Font */
	color:				#7d2417;
}

/*
 * Styles for the search form.
 */

.searchForm .formRow .formLabel, .dataForm .formRow .formLabel
{	
	/* Spacing */
	
	padding:			0.3em;
	width:				10em;
	
	/* Font */
	font-size:			0.9em;
	text-align:			right;
	letter-spacing:		0.07em;
}

.searchForm .formRow .formField 
{
	/* Spacing */
	padding:			0.3em;
}

.searchForm .formRow .formControls 
{
	/* Spacing */
	padding:			0.3em;
}

/* Data entry form container */
.dataForm 
{
	
	width:				100%;
	border:				0;
}

.dataForm .formRow 
{
	line-height:		2em;
}

.dataForm .formLabel
{
	/* Spacing */
	width:				10em;
	padding:			0.3em;
	
	/* Border */
	border:				1px solid #7D2417;
	
	/* Font */
	text-align:			right;
	vertical-align:		top;
}

.dataForm .formField 
{
	/* Spacing */
	padding:			0.3em;
	
	/* Background */
	background-color: #E8CF7C;
}

/*
 * All forms that sit inside a form view are wrapped by asp.net.
 * To make sure the forms still take up the full width of the page,
 * we wrap them in these containers:
 */
.loginFormContainer, .dataFormContainer 
{
	/* Spacing */
	
	width:				100%;
	margin-top:			1em;
}


/* 
 * Gridview styles 
 */

.dataGrid 
{
	/* Spacing */
	margin:				1em 0;
	width:				100%;
}

.dataGrid .dataGridHeader, .dataGrid .dataGridHeader a  
{	
	/* Background */
	background:			#7d2417;
	
	
	/* Font */
	color:				#fff;
	font-weight:		normal;
}

.dataGrid .dataGridHeader a 
{
	color:				#fff;
	font-weight:		normal;
}

/* Styles the command column and buttons in a grid. */

.dataGrid .dataItems
{
	font-size:			0.9em;
	padding:			0.4em;
}

.dataGrid .commandItems
{
	padding:			0.4em;
	text-align:			center;
}

.checkboxList label 
{
	margin-right:		3em;
}

/*
 * The following set of styles define where the various
 * components of the page are positioned. The elements that
 * are included in these rules are those elements of the
 * site that are found on almost every page of the site.
 */


/* Wraps the entire page. */
body
{
	/* Center the main content on the page. */
	margin:				0;
	padding:			0;
	text-align:			center;
	
	/* Sets the default font and font size for the site. */
	font-family:		Arial, Helvetica, Sans-Serif;
	font-size:          10pt;
	
	/* BackGround Wraps entire page*/
	background:			#7d3100 url('../Images/tile-vignette.jpg');
	
	height:				100%;
	width:              100%;

	/*background-position:center;*/
	background-repeat:	repeat-x;
	margin-right:		auto; 
	margin-left:	auto; 
	
}

/* Also wraps the page, but contains the green header effect. */
#pageContainer 
{
	/* The image used here should be the same height as the banner photograph. */
	/* background:			url('../Images/BackgroundTileRepeatGreen.gif') repeat-x; */
}


	/* Wraps the content of the page (inluding menu's) */
	#pageContainer #contentContainer 
	{

		/* Center the main content on the page. */
		margin:				0px auto;
		padding:			0 14px 0 14px;
		width:				800px;
		text-align:			left;		
	}
	
		/* The header contains the site banner and the menu. */	
		#pageContainer #contentContainer #contentHeader 
		{
			/* Spacing */
			padding-top:		2px;
		}
		
			#contentHeader  #topnav 
			{ 
				width:			125px; 
				height:			30px; 
				padding-left:	650px; 	
			}
			
			#contentHeader  #topnav li
			{ 
				height:			30px; 
				float:			left; 
				display:		block;
			}
			#contentHeader  #topnav a 
			{ 
				color:					#97b1a9; 
				font-size:				11px; 
				font-family:			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
				line-height:			25px; 
				background-image:		url(../Images/tile-topnav.gif); 
				background-repeat:		no-repeat; 
				background-position:	left 12px; 
				text-decoration:		none; 
				text-transform:			uppercase; 
				height:					30px; 
				float:					left; 
				padding-top:			3px; 
				padding-right:			15px; 
				padding-left:			15px; 
				display:				block; 
			}			
			
			#contentHeader  #topnav a:hover
			{
				/* Font*/
				color:				#ffdc78; 
				background-image:	url(../Images/tile-topnav-over.gif); 
				background-repeat:	no-repeat;
			}			

			/* This contains the banner photo, as well as the login and register links. */
			#contentHeader #headerBannerContainer 
			{
				/* Spacing */
				height:				174px;
				
				/* Background */
				float:none;
				background:			#fff url('../Images/tile-brand.jpg') no-repeat;
			}
				

				/* For the login and register links */
				#contentHeader #headerBannerContainer #siteAuthenticationContainer
				{
					/* Spacing */
					float:				right;
					padding-bottom:		0.5em;
					margin-right:		1em;
				}
			
					/* For the links that allow a user to log in or register. */
					#contentHeader #headerBannerContainer .authenticationLink
					{
						/* Spacing */
						margin-right:		0.5em;
						padding:			0.3em 0.5em;
						
						
						/* Background and border */
						border:				3px solid #7d2417;
						border-top-width:	0;
						
						/* Font */
						font-family:		Georgia;
						font-weight:		bold;
						font-size:			0.8em;
						letter-spacing:		0.18em;
						color:				#7d2417;
						text-decoration:	none;
					}
				
					/* For when a user places their cursor over the login or register link. */
					#contentHeader #headerBannerContainer .authenticationLink:hover
					{
						/* Background */
						background:			#7d2147 url('../Images/BackgroundTileRepeatRed.gif');
						
						/* Font */
						color:				#dcbf26;
					}
			
			/* For the main navigation menu */	
			#contentHeader #siteNavigationContainer
			{
				height:				34px;
				padding-top:		6px;
				padding-left:		315px; 	
				background:			#f7e8b6;
				font-size:			11px; 
				font-family:		"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
				text-transform:		uppercase;

			}
				
				/* In-Active tab. */
				#siteNavigationContainer .menuItem
				{
					background-image:		url(../Images/tile-navrt.jpg); 
					background-repeat:		no-repeat;
					background-position:	right top;
					height:					34px; 
					float:					left; 
					margin:					0; 
					padding-right:			10px;
					list-style-type:		none;
					color:					#b34400;
	
				}
				

				/* Highlighted tab. */
				
				#siteNavigationContainer .menuItem a 
				{ 
					line-height:			25px; 
					background-image:		url(../Images/tile-navleft.jpg); 
					background-repeat:		no-repeat; 
					background-position:	left top; 
					float:					left; 
					padding-top:			5px; 
					padding-right:			0px;
					padding-left:			6px;
					display:				block; 
				}

				#siteNavigationContainer .menuItemHover
				{
					color: #623100;
				}
				
				#siteNavigationContainer .menuItemSelected
				{					
					color: #e7600c; 
				}
						
		/* Contains the content of the individual pages. */
		#pageContainer #contentContainer #contentBody 
		{
			/* Spacing */
			padding-top:				1em;
			padding-right:				25px;
			padding-left:               25px;
			padding-bottom:             0px;
			background-color:			#f7e8b6  
		}
		
			#contentBody .LoginDiv
			{ 
				background-color: Black;
			}

			#contentBody .leftColumnBody
			{
				/* Spacing */
				width:				47%;
			}

			
			.rightColumnBody 
			{
				/* Spacing */
				float:				right;
				width:				45%;
			}

			#contentBody .sideNavigationMenu 
			{
				/* Spacing */
				float:			right;
				margin:			0.3em;
				margin-left:	1em;
				width:			12em;
				
				/* Background and border */
				border:				6px solid #7d2417;
				border-left-width:	0;
				border-right-width:	0;
			}
			
				.sideNavigationMenu .sideNavigationMenuHeader 
				{
					/* Spacing */
					padding:			0.3em;
					
					/* Background */
					background:			#24401c url('../Images/BackgroundTileRepeatGreen.gif');
					
					/* Font */
					color:				#dcbf26;
					letter-spacing:		0.13em;
					font-style:			italic;
					font-weight:		bold;
				}
			
				.sideNavigationMenu ul
				{
					/* Spacing */
					margin:			0;
					padding:		0.3em 1.4em;
					
					/* Bullet style */
					list-style: url('../Images/Bullet.gif');
				}
				
				.sideNavigationMenu ul li 
				{
					/* Spacing */
					padding:			0.2em 0em;
					margin:				0em;
				}
				
				.sideNavigationMenu ul li a 
				{
					/* Font */
					text-decoration:	none;
					color:				#7d2147;
					font-size:			0.9em;
					font-weight:		bold;
				}
				
				.sideNavigationMenu ul li a:hover 
				{
					/* Font */
					text-decoration:	underline;
				}

			#contentBody .gallery
			{
				text-align:			center;
			}
		
		
			#contentBody ol, #contentBody ul, #contentBody p
			{	
				/* Spacing */
				line-height:			1.2em;
				
				/* Font */
				font-size:				1.0em;
				text-align:				left;
			}
			#contentBody ol 
			{ 
				font-size:			13px; 
				font-family:		Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
				line-height:		16px; 
				list-style-type:	decimal; 
				margin:				1em 0 1em 0px; 
				padding-left:		25px; 
			}
			
			#contentBody p
			{	
				/* Spacing */
				line-height:		16px;
				
				/* Font */
				font-size:			1.0em;
				text-align:			left;
				font-family:		Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
			}
			
			
			#contentBody a:link 
			{	
				color:				#2d4e80; 
				text-decoration:	none; 
			}
			
			#contentBody a:visited 
			{ 
				color:				#55585e; 
				text-decoration:	none; 
			}
			
			#contentBody a:hover 
			{ 
				color:				#b34400; 
				text-decoration:	underline; 
			}
			
			#contentBody a:active 
			{ 
				color:				#de7239; 
				text-decoration:	none; 
			}

			
			
			#contentBody h1, h4
			{
				color:					#7d3100; 
				font-size:				23px; 
				font-family:			Georgia, "Times New Roman", Times, serif; 
				font-weight:			normal; 
				margin-bottom:			12px;
				margin-left:			0px;
			}
			
			#contentBody .center  
			{
				text-align:				center;
			}
			
			#contentBody h2  
			{
				color:					#454a35; 
				font-size:				17px; 
				font-family:			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
				font-weight:			bold; 
				 	
				margin-left:			0;
				margin-top:				0.83em;
			}
			
			#contentBody h3  
			{
				font-size:				14px; 
				font-family:			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
				font-weight:			bold; 
				line-height:			16px; 
				margin-top:				12px;
				margin-left:			0px;		 
			}
						


				
		/* Contains the footer that is visible on every page. */
		
			#pageContainer #contentContainer #contentFooter .copyrightBanner 
			{
				/* Font */		
				text-align:			right;
				font-size:			0.8em;
				font-weight:bold;
				color:				#837F7F;
				padding-top:        0.5em;
				padding-right:		1em;
				padding-bottom:     5px;
				background-color: #f7e8b6;  /* new skin color */
				
				
			}
			
/*
 * This banner holds information about paypal.
 */
.paypalBanner 
{
	/* Spacing */
	text-align:			center;
}

.paypalBanner img
{
	/* Border */
	border:				0;
}

.captchaBanner 
{
	text-align:			center;
	padding:			0.6em;
}

/* Added 07/14/085 */

#doublecolumnlft 
{ 
	width:				530px;
	padding-left:		0;
	margin-right:		15px;
}

#doublecolumnrt 
{ 
	background-position:	95% 0; 
	width:					210px; 
	float:					right;
	margin-left:			5px;
	padding-left:			0px; 
	font-size:				12px; 
	font-family:			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	
}
#singlecolumn
{ 
	width: 700px; 
	/*float: left; */
}

.box 
{ 
	background-image:		url(../Images/boxcenter.gif);
	background-repeat:		repeat-y; 
	background-position:	left top; 
	width:					210px; 
	padding-left:			0em;
}

.first
{ 
	font-size:				12px; 
	font-family:			Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	line-height:			15px; 
	background-image:		url(../Images/boxtop.gif); 
	background-repeat:		no-repeat; 
	background-position:	left top; 
	padding-left:			15px;
	padding-top:			20px; 
	padding-bottom:			0px; 
	padding-right:			0px;
	
}

.last
{ 
	font-size:				12px; 
	line-height:			15px; 
	background-image:		url(../Images/boxbottom.gif); 
	background-repeat:		no-repeat; 
	background-position:	left bottom; 
	padding-bottom:			0px; 
}

.box p 
{ 
	font-size:				12px;
	line-height:			16px;
	margin-left:			0; 
	padding-right:			26px; 
	padding-bottom:			0; 
	padding-left:			15px; 
	font-family:			Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
}

.left
{
	margin-top:						4px;
	margin-bottom:					6px;
	margin-left:					0px;
	font-size:						13px;
	font-family:					Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	line-height:					16px;
}
.disclaimer P
{
	margin-left:		10px;
	margin-right:		10px;
}

.full
{
	padding-right:					0px;
	margin-right:					10px;
	margin-top:						4px;
	margin-bottom:                  6px;
	margin-left:                    0;
	font-size:						13px;
	font-family:					Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	line-height:					16px;
}

.leftList
{
	margin-top:   					4px;
	margin-bottom:					3px;
	margin-left:					20px;
	font-size:						13px;
	font-family:					Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	line-height:					16px;
}

.photo_198 
{
	border:			4px solid #FFFFFF;
}

.PhotoRepeater
{
	padding-left:	140px;	
}

.galleryThumbs	
{
	border:				solid 1px #7D2417; 
	margin-top:			30px;
	margin-left:  		40px;
	margin-right:       40px; 
	padding:			5px; 
	background-color:	#E8CF7C;	
}
.checklistTable
{
    width: 100%;
    border: 1px solid #000000;
}
.checklistCol1
{
    border: 1px solid #000000;
    padding: 3px;
    width: 28px;
    text-align: right;
}
.checklistCol2
{
    border: 1px solid #000000;
    padding-right: 3px;
    width: 27px;
}
.checklistCol3
{
    border: 1px solid #000000;
    padding-left: 3px;
}