@import "slim.css";
body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; background-color:#0066CC; }

.header {background-color: #CCCCCC; background-image:url(../img/Header-Graphic-Template.jpg); height: 120px; width: 100%;}
.login { float: right; padding: 5px 10px; }

/******************** Navigation ***************************************/
.nav { background-image: url(../img/nav.png); background-repeat: repeat-x; width: 100%; height: 28px; line-height:28px; font-size: 16px; font-weight: bold; text-align: left;}
.nav .primary-nav {width: 100%; text-align: left; float: left; font-size: 14px;}
.nav .primary-nav a:hover, .nav .primary-nav a:focus {text-decoration: none; color:#FFFFFF}
.navItem {border-right: solid 1px #CCCCCC; padding-left: 20px; padding-right: 20px; height: 28px; text-decoration: none; padding-top: 5px; padding-bottom: 3px; line-height:28px;} 
a{color:#111111}
/* .nav .primary-nav .navItemhover, .nav .primary-nav .navItemhover a {background-image: url(../img/over.png);} */
.selected {	position: relative; top: 1px; padding-top: 5px; padding-bottom: 3px; border-right: solid 1px #CCCCCC; color: #FFFFFF; text-decoration: none; line-height: 28px; background-image: url(../img/selected.png); background-repeat: repeat-x; padding-left: 24px; padding-right: 20px;}
.subnav { background-color: #83BEE6; height: 20px; width: 100%; border-bottom: solid 1px #CCCCCC; text-align: left; padding-top: 5px; line-height:15px;}        
.subnav a { text-decoration: none; color: #000000; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: 14px;}     
.subnav a:hover {text-decoration: underline;}
#subnavSearch{ display:none;}
#subnavInfo{display:none;}
#subnavFAQ{ display:none;}
#subnavProducts{line-height:15px;}
#subnavContact{display:none;}

.auth-account-nav {display: block; font-size:18px; width: 110px; height:40px; padding:5px; background-image:url(../img/progress.png); background-repeat:no-repeat;}

/***************** MISC *************************************************/
.border 		{ border: 1px solid #ccc; background-color: #fff; }
.bordertop 		{ border-top: 1px solid #ccc; }
.borderright 	{ border-right: 1px solid #ccc; }
.borderbottom 	{ border-bottom: 1px solid #ccc; }
.borderleft 	{ border-left: 1px solid #ccc; }
.border .padding, .borderpadding { margin: 0 20px 0; padding: 10px 0 0; }

p.red{color:#FF0000}
th.center{text-align:center}

/******************FORMS ***********************************************/
label{ float: left; width: 150px; font-weight: bold; }
.nowidth { clear:left;}

/*****************COLUMN HEIGHT****************************************/
.h175 {min-height: 175px;}

/*****************TABLES***********************************************/
tfoot .bulk-actions select, tfoot .bulk-actions a {	display: inline-block;	vertical-align: top;}
tfoot .bulk-actions {	float: left;}
tfoot .pagination {	float: right;}
tfoot .pagination a {	float: left;	line-height: 22px;	margin: 0 2px;	padding: 0 6px;}

/********** Buttons **********/

#header_buttons {	position: absolute;	right: 10px;	top: 10px;}
#header_buttons > a, #header_buttons > .modal > a {	background: #0d3d62;	color: #3190c2;	display: block;	letter-spacing: 1px;	line-height: 18px;	float: left;	font-size: 9px;	margin-left: 10px;	padding: 0 10px;	position: relative;	text-decoration: none;}
#header_buttons > a:hover, #header_buttons > .modal > a:hover {	color: #7bc4ea;}
#header_buttons > a img, #header_buttons > .modal > a img {	margin: -2px 5px 0 0;	vertical-align: middle;}
.addbutton {	background: url(../images/icons/plus.png) no-repeat center left;	color: #479e39;	display: inline-block;	padding-left: 20px;	text-decoration: none;}
.addbutton:hover {	text-decoration: underline;}
.graybutton {	background: url(../images/tab_bg.png) #fff bottom repeat-x;	border: 1px solid #c4c4c4;	color: #000;	display: block;	line-height: 22px;	padding: 0 10px;	text-decoration: none;}
.graybutton:hover, tfoot .pagination a.graybutton.active {	background: url(../images/bluebutton_bg.png) #186ca5 bottom repeat-x;	border: 1px solid #0f1f29;	color: #fff;	text-decoration: none;}


#content #page-detail {background-color: white; width: 100%; min-height: 350px;}
.page { background-color: #000000;}
.footer {background-color: #CCCCCC; font-size: 12px; text-align:center; border-bottom:#000099 solid 4px; height: 17px; width: 100%;}
.page #content { margin:20px auto auto; width: 960px;}
#prop-detail{ margin:auto; padding-top:8px; text-align:left; width:880px;}
#property-info {background:#FFFFFF url(../img/fade.png) repeat-x; border: 1px solid #CCCCCC; float: left; width: 45%; padding:5px 0 0 10px;	min-height:300px;}
#property-image {border: 1px solid #CCC; width: 400px; height: 310px; overflow: hidden;}
#image-holder{margin-left:500px;}	
#property-image img {border: none;}
.clear {clear:both;}
.strong {font-size: 16px; font-weight: bold; padding-right:4px;}
.right {text-align:right; white-space: nowrap;}
.left {text-align:left; white-space: nowrap;}
#tabs {font-size: 14px; min-height:300px;}
.structure-data td{	font-size: 90%;}
#property-image ul, #property-image li{	margin:0; padding:0; list-style:none;}
#property-image li{ width:400px; height:300px; overflow:hidden; }
#prevBtn, #nextBtn{ display:block; width:150px; float:left;}	
#nextBtn{left:150px;}													
#prevBtn a, #nextBtn a{ display:block; width:150px;}	
/* ================== */
/*  Search Results */
/* ================== */
.content-box-content{padding:10px;}
.content-box-content table{ border-collapse: collapse; margin-top: -5px; width: 100%;}
#main .searchResult:hover { background-color:#99FFFF; border:1px dashed gray;}
#content tbody tr: hover {background-color: #99FFFF; border:1px dashed gray;}

#mapgrids{text-align:center; font-size:16px;}