/****** Default element appearence ***********************************************************************/

html {
  /*background: white */
  background: url(/images/buy_a_home/search/home_detail/hd-nav-bg.gif) repeat-x;
  padding: 0pt;
  margin: 0pt;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: #333;
  font: 76%/1.4 Arial, Helvetica, sans-serif;
  margin: 0px;
  width: 100%;
  height: 100%;
}

a {
  color: #2388CF;
  /*text-decoration: none;*/
}

a:hover {
  color: #FF9933;
  /*border-bottom: 1px solid #FF9933;*/
  /*text-decoration:underline;*/
  cursor:pointer;
}

a img{
  text-decoration: none;
  border: none;
  padding: 0px;
  margin: 0px;
}
.clear
{
  clear:both;
}

/**** User Strip *********************************************************************/
.iq-widget {
  text-align:center;
  color:#000;
  font-size: 12px;
  font-weight:bold;
  line-height:1;
  padding:3px 3px;
  /*width:64px;*/
  background: #FFEEDD;
  float:left;
  border:1px solid #CCC;
}


#user-strip {
  width: 99%;
  padding-top: 2px; /* accomodate iq widget head space */
  /*padding-bottom: 0.25em;*/
  font-size: 12px;
  position: absolute;
  top: 108px;
}

#user-strip .iq-widget {
  margin-top: -2px; /* align with text */
}

#user-strip .left {
  float:left;
  margin-left:.5em;
}

#user-strip .right {
  float:right;
  font-weight:bold;
}
#user-strip .right a {
  margin:0 .25em;
}
#user-strip .username {
  display: none;
  font-weight:bold;
  float:left;
  margin:0 .5em 0 0;
  cursor: pointer;
}

/****** Page Content ***********************************************************************/
#content {
  padding: 5px;
  margin:0px 0px;
  text-align:center;
}

#content p {
  margin:0 0 5px 0;
  padding:5px 0 0 10px;
  font-weight:bold;
}

#new-prediction #content p {
    font-size: 120%;
}

.predictions
{
  font-size: 100%;
  margin:0 auto;
  width:160px;
}
.predictions .labels {
  float: left;
  /*margin-right: 7em;*/ /* gracefully handle some text size changes (goes with the margin on values)*/
}
.predictions .values {
  /*float: left;*/
  float: right;
  /*margin-left: -7em;*/ /* gracefully handle some text size changes (goes with the margin on labels)*/
}
.predictions .values div
{
  /*border: 1px solid #aaa;*/
  /*padding: 2px;*/
  padding: 0;
  font-weight:bold;
  text-align: right;
  color:green;
}
.predictions .labels div
{
  text-align:left;
  font-weight:bold;
  /*margin-left:5px;*/
  margin:0;
  /* padding: 2px 0 2px 5px;*/ /* pad the labels to be consistent with size of the values in terms of vertical space. */
  padding:0;

}

.predictions .labels .prediction {
  background:url(/images/affiliates/realius/realius_mypredict.gif) no-repeat;
  text-indent:-9999px;
  height:12px;
  width:91px;
  /*background-position: 7px 5px;
  padding-top:5px;*/
  margin-top:5px;
}

.predictions .labels .community-prediction {
  background:url(/images/affiliates/realius/realius_zipcomm.gif) no-repeat;
  text-indent:-9999px;
  height:12px;
  width:91px;
  /*background-position: 0px 7px;
  padding-top:5px;*/
  margin-top:5px;
}

.predictions .iq
{
  font-weight:bold;
}

#new-prediction #guess-button {
  background:url(/images/affiliates/realius/button_predictit.jpg);
  border:medium none;
  cursor:pointer;
  height:16px;
  margin-left:2px;
  text-indent:-9999px;
  width:59px;
  vertical-align:middle;
}

/*#new-prediction #guess-button:hover {
  background-position:0pt -35px;
}*/

#prediction-created .view-predictions {
  padding-top:5px;
  font-weight:normal;
  font-size:smaller;
  float:right;
  font-size: 12px;
  clear: both;
}


#prediction-created p.property-iq {
  background:url(/images/affiliates/realius/realius_iqbg.gif) no-repeat;
  background-position: 5px 0px;
  padding-top:3px;
  color:#FF6600;
  height:25px;
 }


/* Style for the error message container. */
#new-prediction #error-messages {
  color: red;
  font-weight: bold;
  display: none;
}

#new-prediction #error-messages.visible {
  display: none;
/*  display: block;*/   /* Uncomment this display block and delete the display:none on the line above to show error messages */

}

/* Appearence of individual error messages */
#new-prediction #error-messages div {
  display: none;
}

#new-prediction #error-messages div.visible {
  display: block;
}

/*
#new-prediction is the pre-prediction page id
#prediction-created is the post-prediction page id
*/