/* CSS Document for Bear Lake Realty - Modified by Brandon Rodak */ 
/* ================================================================ 
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {
	background-color: #F5EFE3;
	margin-top: 25px;
}

.MainTable {
	border: 2px solid #774835;
	width: 800px;
	height: 600px;
	/** background-image: url('/img/bg.jpg'); **/
}

.nav {
	width: 800px;
}

.blr {
	text-align: center;
	font-family: Adobe Garamond;
	position: relative;
	font-size: 0.8em;
	font-weight: bold;
	height: 2.2em;
	margin: 0;
	padding-bottom: 0;
	list-style-type: none;
	background-image: url('/img/nav_bg.gif');
	background-repeat: repeat-x;
}

.blr ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	/* for Firefox */
}

.blr li {
	float: left;
	position: relative;
	/* width: 9.2em; */
}

.blr li a, .blr li a:visited {
	display: block;
	text-decoration: none;
	/* width: 9.4em; */
	color: #000;
	float: left;
	padding-right: 2em;
	margin-top: 0em;
	height: 2.3em;
	line-height: 2.3em;
	color: #754A35;
	text-transform: uppercase;
}

.blr li a.drop, .blr li a.drop:visited {
	font-weight: bold;
	text-align: left;
}

.blr li ul {
	visibility: hidden;
	position: absolute;
	top: 2.5em;
	left: 0;
	height: 0;
	overflow: hidden;
}

.blr table {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em;
	/* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.blr li:hover a, .blr li a:hover {
	text-decoration: underline;
	border: 0;
}

.blr li:hover ul, .blr li a:hover ul {
	z-index:2;
	visibility: visible;
	height: auto;
	width: 12.5em;
	background: #000;
	border: 1px solid #ddd;
	left: 0;
	top: 2.2em;
	overflow: visible;
}

.blr li:hover ul li a, .blr li a:hover ul li a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	height: auto;
	line-height: 1em;
	padding: 0.5em;
	width: 12.5em;
	text-align: left;
	/** background: transparent; **/
	background-color: #EBE7DD;
	border: 1px solid #DFDAD0;
}

* html .blr li a:hover ul li a {
	width: 12.5em;
}

.blr li:hover ul li a.drop, .blr li a:hover ul li a.drop {
	font-weight: bold;
}

.blr li:hover ul li ul, .blr li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 9.5em;
	height: 0;
	overflow: hidden;
}

.blr li:hover ul li a:hover, .blr li a:hover ul li a:hover {
	text-decoration: underline;
}

.blr li:hover ul li:hover ul, .blr li a:hover ul li a:hover ul {
	visibility: visible;
	color: #000;
	border: 1px solid #ddd;
	height: auto;
	background: #fff;
	width: 9.5em;
} 

.blr li:hover ul li:hover ul.left, .blr li a:hover ul li a:hover ul.left {
	left: -9.3em;
}

.blr li:hover ul li:hover ul li a, .blr li a:hover ul li a:hover ul li a {
	display: block;
	height: auto;
}

.blr li:hover ul li:hover ul li:hover a, .blr li a:hover ul li a:hover ul li a:hover {
	text-decoration: underline;
}

.contact {
	padding-left: 8px;
}

/** Vertical Left-Hand Nav styles **/ 

#navlist
{
font-family: Garamond;
font-size:1.0em;
font-weight: bold;
padding-left: 0;
margin-left: 0;
/** border-bottom: 1px solid gray; **/
width: 200px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.55em;
/** border-top: 1px solid gray; **/
background-image: url(/img/left_nav_divider.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#navlist li a { text-decoration: none; color: #92684A; }

#navcontainer {margin-top:10px}

/** Data Table styles **/ 
.footerLink a {text-decoration:underline; color:#92684A}	
.footerLink a:hover {text-decoration:underline; color:#663300}
.footerLink a:visited {text-decoration:underline; color:#92684A}
	/* Start layout CSS */
	.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
		cursor:pointer;	
		border-bottom:3px solid #C5C2B2;
		border-right:1px solid #ACA899;
		border-left:1px solid #FFF;	
		background-color: #ECE9D8;
	}
	
	.tableWidget_headerCell{	/* Standard column header */
		border-top:2px solid #ECE9D8;
		
	}
	
	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
		border-top:2px solid #FFC83C;		
	}
	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
	}
	
	.tableWigdet_headerCellDown{
		border-top:2px solid #FFC83C;	
		background-color:#DBD8C5;
		border-left:1px solid #ACA899;
		border-right:1px solid #FFF;			
	}
	.tableWidget td{
		margin:0px;
		padding:2px;
		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
		
	}
	.tableWidget tbody{
		background-color:#FFF;
	}
	.tableWidget{
		font-family:arial;
		font-size:12px;	
		width:400px;
	}
		
	/* End layout CSS */
	
	
	div.widget_tableDiv {
		border:1px solid #ACA899;	/* Border around entire widget */
		height: 200px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:400px;

	}
	
	html>body div.widget_tableDiv {
		overflow: hidden;
		width:400px;
	}

	.tableWidget thead{
		position:relative;
		
	}
	.tableWidget thead tr{
		position:relative;
		top:0px;
		bottom:0px;
	}



	.tableWidget .scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:100%;

	}