/* @override http://dev1.www.hva.macserve.biz/assets/css/styles.css */

body {
	background-image: url("/images/background.gif");
	font-family: Arial;
	line-height: 14px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.main_table {
	background-color: #FFF799;
	height: 100%;
	width: 960px;
	border-left: 1px #231F20 solid;
	border-right: 1px #231F20 solid;
}

/* @group Content */

.text {
	font-family: Arial;
	line-height: 14px;
	font-size: 12px;
}

.smaller_text {
	font-family: Arial;
	line-height: 13px;
	font-size: 11px;
}

a:link {
	line-height: 14px;
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #222222;
	text-decoration: underline;
}

a:hover, a:active {
	color: #4F4F4F;
	text-decoration: underline;
}

a.noline:link,a.noline:hover,a.noline:visited,a.noline:active {
	color: black;
	text-decoration: none;
}

.text_small {
	font-size: 10px;
	line-height: 12px;
}

ul {
	margin-left: 25px; 
	padding-left: 0px;
	padding-right: 5px;
	margin-top: 0px;
}

ul li {
	padding-bottom: 3px;
}

.franchise_name {
	color: #EE3B33;
	font-size: 20px;
	font-weight: bold;
}

.login_link a:link, .login_link a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;		
}

.login_link a:hover, .login_link a:active {
	text-decoration: underline;
}

.hvaTitleGreen {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #14BBB0;
	text-align: left;
	border-bottom: 1px #000000 solid;
}

.subtitle {
	color: #EE3B33;
	font-size: 15px;
	font-weight: bold;
}

.req {
	color: red;
}

.alert {
	color: #FF0000; font-weight: bold
}

.newitem {
	font-size: 9px;
	vertical-align: middle;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #FFFF00;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	COLOR: #000000;

}



/* @end */

/* @group Navs */

.topnav {
	background-color: #FFF799;
	height: 20px;
}

.topnav table {
	font-family: Arial; 
	font-size: 11px; 
	color: #000000; 
	padding-left: 7px;
}

.topnav a:link, .topnav a:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;	
}

.topnav a:hover, .topnav a:active {

	text-decoration: underline;
}

/* NAV DROP DOWN START */
.dropdown {
	background-color: #FFFABF;
	font-size: 11px;
	border: 1px solid #747068;
	padding-left: 0px;
	padding-right: 6px;
}

.dropdown tr {
	background-color: #FFFABF;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: pointer;
}

.dropdown a:hover,a:active{
	text-decoration: none;
}

.dropdown2 {
	background-color: #FFFABF;
	font-size: 11px;
	border: 1px solid #747068;
	padding-left: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-right: 0px;
}

.dropdown2 tr {
	background-color: #FFFABF;
	padding: 3px;
	padding-left: 6px;
	cursor: pointer;
}

/* NAV DROP DOWN END */

.left_nav {
 	font-size: 11px;
 	 width: 165px;
 	 height: 468px;
 
 }
 
 .left_nav td.left_nav_spacer {
	width: 165px;
	height: 14px;
 }
 
  .left_nav td.left_nav_link {
  	width: 165px;
  	height: 25px;
  	background-color: #231F20;
  	color: #FFFFFF;
  	text-align: right;
  	padding: .5em;
  	font-weight: bold;
  }
 
 .left_nav td.left_nav_link a:link, .left_nav td.left_nav_link a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.left_nav td.left_nav_link a:hover, .left_nav td.left_nav_link a:active {
	text-decoration: underline;
}



/* @end */

/* @group Forms */

/* Form field headings */

.ffh {
	width: 1%;
	text-align: right;
	font-weight: bold;
}

input.styledform,select.styledform {
	font-size: 12px;
	background-color: #F7F7F7;
	border: 1px #777777 solid;
}

input.styledbutton {
	font-size: 12px;
	background-color: #F7F7F7;
	border: 1px #777777 solid;
	cursor: pointer;
}

.disstyledform {
	font-size: 12px;
	color: #888888;
	background-color: #DDDDDD;
	border: 1px #777777 solid;
}

textarea.styledform {
	font-size: 12px;
	background-color: #F7F7F7;
	border: 1px #777777 solid;
}

input.checkstyle {
	font-size: 12px;
	border: 0px;
}

input.radiostyle {
	font-size: 12px;
	border: 0px;
}



/* @end */

/* @group Pretty Tables */

/* pretty table listings classes start here */

	/* Hot House Of The Week Listing Styles */
	.hotw_row {
		 background: #EF3E33;
		 color: #FFFFFF;
	}
	
	.hotw_row a:link, .hotw_row a:visited {
		color: #FFFFFF;
	}
	
	.hotw_row a:hover, .hotw_row a:active {
		color: #E0E0E0;
	}
	
	
	.hotw_tn {
		 padding-top: 5px;
		 padding-bottom: 5px;
		 border-bottom: 1px #000000 solid;
		 border-left: 1px #000000 solid;
		 vertical-align: top;
	}

	.hotw_address {
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px #000000 solid;
		vertical-align: top;
	}
	
	.hotw_bb {
		 padding-top: 5px;
		 padding-bottom: 5px;
		 border-bottom: 1px #000000 solid;
		 text-align: center;
		 vertical-align: top;
	}
	
	.hotw_sqft {
		 width: 10%;
		 padding-top: 5px;
		 padding-bottom: 5px;		
		 border-bottom: 1px #000000 solid; 
		 text-align: center; 
		 vertical-align: top;
	}
	
	.hotw_price {
		width: 16%;
		padding-top: 5px;
		padding-bottom: 5px;		
		border-bottom: 1px #000000 solid;
		text-align: center;
		vertical-align: top;
	}
	
	.hotw_status {
	 	width: 18%;
	 	padding-top: 5px;
	 	padding-bottom: 5px;
	 	border-bottom: 1px #000000 solid;
	 	border-right: 1px #000000 solid;
	 	text-align: center;
	 	vertical-align: top;
	}	

.tblheader {
	text-align: center;
	color: white;
	background: black;
	font-weight: bold;
}

tr.row1 {
	background-color: #E5F8F6;
}

tr.row2 {
	background-color: #FFFFEE;
}

tr.grey_row1 {
	background-color: #EEEEEE;
}

tr.grey_row2 {
	background-color: #DDDDDD;
}

/* left cell center aligned */

.lcc {
	font-size: 10px;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding: 3px;
	vertical-align: top;
	text-align: center;
}

/* left cell left aligned */
.lcl {
	font-size: 10px;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

/* right cell center aligned */
.rcc {
	font-size: 10px;
	border-bottom: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding: 3px;
	vertical-align: top;
	text-align: center;
}

/* right cell left aligned */
.rcl {
	font-size: 10px;
	border-bottom: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}
/* pretty table listings classes end here */

.staff_dept {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	background-color: #000000;
	height: 25px;
	padding-left: 5px;
	
}

.staff_name {
	vertical-align: top;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
}

.staff_contactinfo {
	font-size: 11px;
	font-weight: normal;
}

.staff_desc {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px #000000 solid;
	border-right: 1px #000000 solid;		
}

.staff_title {
	font-weight: bold;
}

/* Finance - Iterim City States */
.fics {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

/* Finance - Median Sales Prices Pod */
.fmspp {
	width: 90%;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	border: 1px #000000 solid;
}

/* HEADER */
.fmspp tr.ph {
	background-color: #000000;
}

.fmspp th {
	color: #FFFFFF;
	font-size: 14px;
	padding: 4px;
}

/* FMSPP CELLS */
.fmspp td {
	width: 18%;
	font-weight: normal;
	text-align: right;
	border-left: 1px #000000 solid;
	padding-right: 5px;
}

/* Finance - FMSPP City State CELLS */
.fmspp td.fics {
	width: 46%;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	border: 0px;
}



.list_header {
	background-color: black;
	color: white;
	text-align: center;
}

.list_lgreen, .list_dgreen {
	font-size: 11px;
}

.list_lgreen {
	background-color: #CCFFCC;
}

.list_dgreen {
	background-color: #99CC99;
}


/* Listing Tables */
.list_headings {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}

.list_headings td {
	padding: 4px;
	text-align: center;
}

.heading_out {
	color: #FFFFFF;
	text-decoration: none;
}

.heading_over {
	color: #FFFFFF;
	text-decoration: underline;
}



/* @end */

/* @group Pods */

/* Pod Stuff */

.full_pod {
	font-size: 11px;
	width: 570px;
}

.half_pod {
	font-size: 11px;
	width: 277px;
}

.big_pod {
	font-size: 11px;
	width: 100%;
}

.small_pod {
	font-size: 11px;
	width: 250px;
}

.big_main_pod {
	font-size: 13px;
	width: 90%;
}

.red_main_ph {
	background-color: #EE3B33;
	border: 1px #EE3B33 solid;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding-left: 5px;
	height: 21px;
}

.red_main_pb {
	background-color: #FFDDDD;
	border: 1px #EE3B33 solid;
	vertical-align: top;
}

.blue_ph {
	background-color: #14BBB0;
	border: 1px #14BBB0 solid;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 21px;
}

.blue_pb {
	background-color: #E5F8F6;
	padding: 5px;
	border: 1px #14BBB0 solid;
	vertical-align: top;
}

.blue_pf {
	background-color: #14BBB0;
	border: 1px #14BBB0 solid;
	text-align: center;
	height: 21px;
}

.red_ph {
	background-color: #EE3B33;
	border: 1px #EE3B33 solid;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 21px;
}

.red_pb {
	background-color: #FFDDDD;
	padding: 5px;
	border: 1px #EE3B33 solid;
	vertical-align: top;
}

.red_pf {
	background-color: #EE3B33;
	border: 1px #EE3B33 solid;
	text-align: center;
	height: 21px;
}


.yellow_ph {
	background-color: #FFE019;
	border: 1px #FFE019 solid;
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 21px;
}

.yellow_pb {
	background-color: #FFFFEE;
	padding: 5px;
	border: 1px #FFE019 solid;
	vertical-align: top;
}

.yellow_pf {
	background-color: #FFE019;
	border: 1px #FFE019 solid;
	text-align: center;
	height: 21px;
}

.black_ph {
	background-color: #272727;
	border: 1px #272727 solid;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	height: 21px;
}

.black_pb {
	background-color: #D9D9D9;
	padding: 5px;
	border: 1px #272727 solid;
	vertical-align: top;
}

.black_pf {
	background-color: #272727;
	border: 1px #272727 solid;
	text-align: center;
	height: 21px;
}


.nav_pod {
	width: 155px;
	margin-bottom: 10px;
}

.nav_pod a:link, .nav_pod a:visited {
	color: #000000;
	text-decoration: none;
}

.nav_pod a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.nav_pod a:active {
	color: #000000;
	text-decoration: underline;
}

.blacknav_ph {
	background-color: #272727;
	border: 1px #272727 solid;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	height: 21px;
}

.blacknav_pb {
	background-color: #D9D9D9;
	padding: 5px;
	border: 1px #272727 solid;
	font-size: 11px;
	vertical-align: top;
}

.blacknav_pf {
	background-color: #272727;
	border: 1px #272727 solid;
	text-align: center;
	height: 21px;
	font-size: 11px;
}

.rednav_ph {
	background-color: #EE3B33;
	border: 1px #EE3B33 solid;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	height: 21px;
}

.rednav_pb {
	background-color: #FFDDDD;
	padding: 5px;
	border: 1px #EE3B33 solid;
	font-size: 11px;
	vertical-align: top;
}

.pod_list {
	margin-left: 15px;	
}

/* @end */

/* @group In The News */
.vitstoryheadline {
	color: #000000;
	font-weight: bold;
	font-size:18px;
	font-family: Arial;
	line-height: 23px;
	margin-top: 10px;
}

.vitstorydeck {
	color: #000000;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	padding-top:7px;
}

.vitstorydate {
	color: #000000;
	font-size:10px;
	font-family: Arial;
	font-weight: normal;
}

.vitstorybyline {
	color: #333333;
	font-size:12px;
	font-family: Arial;
	font-weight: bold;
}

.vitstorybody {
	font-family: Arial;
	line-height: 14px;
	font-size: 12px;
}

/* @end */

/* @group FAQ */

/* FAQ start */

.faq_question {
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

.faq_question_line {
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 2px;
	padding-top: 4px;
	margin-top: 2px;
}



/* @end */