body {
    background-color: white;
    font-family: Georgia,Verdana,Helvetica;
  	font-size: 12px;
}

a {
    color: #0b2d94;
}

/* this makes it feel more button like when you click a link */
a:active {
  position: relative;
  top: 1px;
  left: 1px;
}


h1 {
    font-size: 16pt;
    font-weight: bold;
    color: #414141;
    padding-right: 10px;
}

h2 {
    font-size: 12pt;
    color: #414141;
    padding-right: 10px;
    background-color: #e0dbd0;
    /*margin-right: 10px;*/
}

fieldset {
  padding: 1em;
  /*font:80%/1 sans-serif;*/
  margin-bottom: 15px;
  background-color: #e7ebf5;  
  }

label {
  float:left;
  width:150px;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }

input {
    /*background-color: #fcebfc;*/
    border-style: inset;
}


p.dropcap:first-letter {
float:left;
background-color: #eeeeee;
line-height:30px;
padding: 5px;
color: #237ab2;
font-weight: bold;
font-size:40px;
}

.highlight {
line-height:30px;
padding: 5px;
color: #237ab2;
font-weight: bold;
font-size:26px;
}

.highlight_m {
padding: 5px;
color: #237ab2;
font-weight: bold;
font-size:16px;
}

.pohighlight {
line-height:30px;
padding: 5px;
color: #f29617;
font-weight: bold;
font-size:26px;
}

.med_label {
    font-size: 1.5em;
    font-weight: bold;
}

.superscript { position: relative; top: -0.5em; font-size: 80%; content: "TM"}


.smallfont {
    font-size: 8pt;
}

.emphasize {
    font-weight: bold;
    font-style: italic;
    color: #999999;
}

.hhsubhead {
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
    color: #999999;
}

table {
    border: 1px outset gray;
    border-spacing: 2px;
    border-collapse: collapse;
	background-color: rgb(250, 240, 230);
    width: 100%;
}
table th {
    text-align: left;
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: dotted dotted dotted dotted;
	border-color: gray gray gray gray;
	/*background-color: ;*/
	/*-moz-border-radius: 0px 0px 0px 0px;*/
}
table td {
    border: 1px dotted gray;
    padding: 2px 2px 2px 2px; /*background-color: ;*/
	/*-moz-border-radius: 0px 0px 0px 0px;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Flash Messages
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#notice {
    /*padding-top: 15px;*/
    /*padding-bottom: 15px;*/
    color: #006600;
    font-size: 10pt;
}

#statusMsg {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #006699;
    font-size: 10pt;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Common Formatting
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.button {
    /*background-color: #990099;*/
    background-color: #0b2d94;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    width: 165px;
    /*margin-top: 20px;*/
    cursor: pointer;
}

.padlabel {
    margin-left: 180px;
}

.pagetitle {
    font-weight: bold;
    font-size: large;
    font-family: fantasy;
}

.listheader {
    text-shadow: lightgoldenrodyellow;
    font-weight: bold;
    font-style: italic;
    font-family: fantasy;
}

.imageviewer {
    border-style: ridge;
}

.header1 {
    font-weight: bold;
    color: navy;
}

.requiredfield {
    color: red;
}

em {
  color: red;
  padding-left: 5px;
}


.error {
    color: firebrick;
    padding-top: 20px;
    padding-left: 15px;
    padding-bottom: 20px;
}

.errorExplanation {
    text-align: left;
    color: firebrick;
    padding-top: 20px;
    padding-left: 15px;
    padding-bottom: 20px;
}

/* STYLES EFFECTING PAGE BORDERS */
.columnseperatorlefttop {
    border-top-style: inset;
    border-top-color: cornflowerblue;
    padding-top: 20px;
}

.columnseperatorleftbottom {
    border-bottom-style: inset;
    border-bottom-color: cornflowerblue;
    padding-bottom: 20px;    
    padding-right: 20px;
}

.columnseperatorleft {
    border-right-style: inset;
    border-right-color: cornflowerblue;
    padding-right: 20px;
}

.columnseperatorright {
    border-left-style: inset;
    border-left-color: cornflowerblue;
    padding-left: 20px;
}

.style1 {
    color: #b3b3aa;
    font-size: 10pt;
}

.style2 {
    color: #414141;
    font-size: 10pt;
}

.excerpt2 {
    position: absolute;
    top: 5px;
    left: 850px;
    width: 300px;
}

.excerpt1 {
    position: absolute;
    top: 40px;
    left: 40px;
    width: 320px;
}


#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    z-index: 100;
    display: inline;
    visibility: hidden;
}

#mhContent {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 630px;
    height: 600px;
}

#map {
    border: 0;
}

#searchMap {
    position: absolute;
    right: 20px;
    top: 20px;
    border: 0;
}

#loginForm {
    width: 400px;
    margin: auto;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

#signupForm{
    width: 575px;
    margin-left: auto;
    margin-right: auto;    
}


.menu_div {
    padding: 10px;
}

#qnPropertyId {
   width: 150px; 
}

.admin_list th {
    padding: 8px;
}

.admin_list td {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   LOGO
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.logo {
	position: absolute;
	top: 5px;
	left: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   DIV PANELS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.promo {
    text-align: center;
    color: #333333;   
    padding: 10px;
    /*display: none;*/
    /*height: 150px;*/
}

div.contentPanel {
    padding: 5px;
}

div.fieldWithErrors {
    display: inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   NAVIGATION
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navigation {
	height: 41px;
	position: absolute;
	top: 30px;
	right: 250px;
}

#navigation .left {
	float: left;
	width: 5px;
	height: 20px;
	/* background: url('../images/navigation.png') no-repeat left top; */
	/*background: url('../images/navigation_l.png') no-repeat left top;*/
}

#ie6 #navigation .left {
	background: transparent none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navigation_l.png', sizingMethod='scale');
	zoom: 1;
}

#navigation .right {
	float: left;
	width: 3px;
	height: 20px;
	/*background: url('../images/navigation.png') no-repeat right top;*/
}

#navigation ul,
#navigation ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 20px;
}

#navigation ul {
	height: 41px;
	/*background: url('../images/navigation.png') repeat-x 0 -41px;*/
}

#navigation ul li a {
	float: left;
	display: block;
	height: 20px;
	padding: 0 18px;
	color: #666666;
	text-decoration: none;
     font-weight: bold;
	/*background: url('../images/navigation_s.png') no-repeat right top;*/
}

#main #nav-main a,
#search #nav-search a,
/*#featured #nav-featured a,*/
#admin #nav-admin a,
#navigation ul li.selected a {
	color: #666666;
    border-top: solid 2px #0b2d94;
    border-bottom: solid 2px #0b2d94;
    font-weight: bold;
}

#navigation ul li.last a{
	background-image: none;
}

#navigation ul li a:hover {
	color: #0b2d94;
    font-weight: bold;
}

/*** USER BAR ***/
#user-bar {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 10pt;
}

#user-bar a {
    color: #0b2d94;
}

.testimonials {
    background-color: #e8f0f6;
    border: 2px solid #D5E9F6;
    padding:10px;
    margin-right: 15px;
    font-style: italic;
}

.hhEntryForm {
    text-align: center;
}

.selectListSmall {
    font-size: 8pt;
    /*width: 180px;*/
}

div#myHHWorkBench_Content {
    /*overflow-y: scroll;*/
    /*height: 50%;*/
    /*padding-top: 30px;*/
    /*padding: 15px;*/
}

div#myhh_help {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #cccccc;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Property Gallery Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.featurePhotoPrompt {
    font-color: #fff;
    background-color: black;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   DIV - BUTTONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#tabbody {
    clear: left;
    padding-top: 35px;
}

/*div#tabcontrols {*/
    /*position: absolute;*/
    /*left: 10px;*/
    /*right: 10px;*/
    /*margin-bottom: 25px;*/
    /*border-bottom-style: ridge;*/
/*}*/


div#tabcontrols {
    /*position: absolute;*/
    /*left: 10px;*/
    /*right: 10px;*/
    /*float: right;*/
    /*position: absolute;*/
    /*margin-bottom: 20px;*/
    /*text-alight: right;*/
    /*right: 30px;*/
    /*top: 60px;*/
    /*width: 100%;*/
    /*clear: both;*/
    /*padding: 10px;*/
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    /*background-color: #ccccff;*/
    /*border-bottom-style: ridge;*/
    /*clear: right;*/
    
}

div#tabcontrols ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#tabcontrols li
{
    float: left;
    margin: 0 0.15em;
}

#tabcontrols li a
{
/*background: url(background.gif) #fff bottom left repeat-x;*/
background-color: #cccccc;    
height: 2em;
line-height: 2em;
float: left;
width: 12em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#tabcontrols li a:hover
{
/*background: url(background.gif) #fff bottom left repeat-x;*/
background-color: #75add6;
height: 2em;
line-height: 2em;
float: left;
width: 12em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}


/* Hide from IE5-Mac \*/
#tabcontrols li a
{
float: none;
}
/* End hide */

/*div#unlock-btn {*/
    /*float: left;*/
    /*font-weight: bold;*/
    /*font-size: 12pt;*/
    /*color: #0b2d94;*/
    /*padding-left: 70px;*/
    /*width: 140px;*/
    /*height: 60px;*/
    /*background: url("/images/ico_connect.png") no-repeat;*/
/*}*/

/*div#unlock-btn:hover {*/
    /*background: url("/images/ico_connect_hover.png") no-repeat;*/
    /*cursor: pointer;*/
/*}*/

/*.locked {*/
    /*background-color: #cccccc; */
/*}*/

/*.unlocked {*/
    /*background-color: white;*/
/*}*/

#walkscoreContent {
    padding-top: 20px;
    width: 500px;
    /*height: 500px;*/
}

/*div#payment-dlg {*/
    /*background: url("/images/composites/reach_out.png") no-repeat center center;*/
    /*opacity:0.2;*/
    /*filter:alpha(opacity=20);*/
    /*float: left;*/
    /*height: 500px;*/
    /*width: 350px;*/
    /*clear: both;*/

/*}*/

.underlay {
    margin-top: 100px;
    margin-left: 50px;
    opacity:0.2;
    filter:alpha(opacity=20);
    position: fixed;
    z-index: -1;
}


.left {
    clear: left;
}

.completeness {
    font-size: 10pt;
    text-align: left;
}

.payment_methods {
    float: right;
    padding-right: 30px;
    padding-bottom: 10px;
}

#test1 {
	height: 367px;
}