/*
	This file was automaticly generated.
	It pulls multiple css files into one for better http performance
	*/
	
/*  MAIN REIS COLOR SCHEME
Green: #8BAEA2
Blue: #002E62
Lt. Blue: #6194BC
*/

/************************* MISC *******************************************/
/*   Blue   */
.reisColor1 {
	color: #002E62;
}
.reisColor1Background {
	background-color: #002E62;
}

/*  Lt. Blue  */
.reisColor2 {
	color: #6194BC;
}
.reisColor2Background {
	background-color: #6194BC;
}

/*  Green   */
.reisColor3 {
	color: #8BAEA2;
}
.reisColor3Background {
	background-color: #8BAEA2;
}

.reisColor6 {
	color: #8FB0A5;
}
.reisColor6Background {
	background-color: #8FB0A5;
}

.reisColor7 {
	color: #008000;
}

.reisColor7Background {
	background-color: #008000;
}

/*  Ltr. Blue  */
.reisColor4 {
	color: #CDDDEA;
}
.reisColor4Background {
	background-color: #CDDDEA;
}

/*  Slightly Darker Blue than reisColor4 */
.reisColor5 {
	color: #A5BACF;
}
.reisColor5Background {
	background-color: #A5BACF;
}
.grayColor {
	color: #999999;
}
.ltGrayText {
	color: #EEEEEE;
}
.ltGrayBackground {
	background-color: #EEEEEE;
}

/* Spry-specific classes */
.even {
	background-color: #EEEEEE;
}
.odd {
	background-color: #FFFFFF;
}
.hover {
	background-color: #6194BC;
}
.SpryHiddenRegion {
	visibility: hidden;
}

.medGrayBackground {
	background-color: #CCCCCC;
}
.whiteBackground {
	background-color: #FFFFFF;
}
/* Help icon style */
img.help {
	margin: 0;
	padding: 0;
	border: 0;
}

.errorText {
	color: red;
}
.warningText{
	color: #002E62;
}

.whiteText {
	color: white;
}

.blackText {
	color: black;
}

.blueText {
	color: blue;
}

.inBetweenSizedText {
	font-size: 70%;
}

.slightlySmallerText {
	font-size: 80%;
}

.smaller {
	font-size: smaller;
}

.smallerBold {
	font-size: smaller;
	font-weight: bold;
}

.xxsmall {
	font-size: xx-small;
}

.bold {
	font-weight: bold;
}

.larger {
	font-size: larger;
}

.largerBold {
	font-size: larger;
	font-weight: bold;
}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}

.blackBorder {
	border: 1px solid black;
}

input.numeric {
	font-family: arial,helvetica,sans-serif;
	font-size: medium;
	text-align: right;
}

html, body {
	background: #fff;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, form {
	padding: 0;
	margin: 0;
}

html, body, h1, h2, h3, h4, div, p, ul, li, input, form, table{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

.pageContainer {
	margin-top: 0;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 30px;
}

.highLight {
	background-color: lightSteelBlue;
}
/************************* MISC *******************************************/

/************************* REIS TABLE *****************************************/
.reisTable {
}
.reisTable tr {
	font-size: smaller;
}
.reisTable tr th, tr th a {
	background-color: #002E62; /* same as reiscolor1 */
	color: white;
	font-weight: bold;
}
.reisTable .altHeaderRow {
	background-color: #6194BC; /* same as reiscolor2 */ 
	color: white;
	font-weight: bold;
}

/************************* REIS TABLE SORT*****************************************/

.reisTableSortHeader {
	background-color: #002E62;
	color: #FFFFFF;
	font-weight: bold;
	cursor: hand;
}

/************************* REIS TABLE *****************************************/

/*************************** LOGO *****************************************/
/* header class that includes the logos */
div#logo {
	padding-bottom: 1em;
}

/* contains the reis logo */
div#logo .banner {
	background-image: url(../images/main-header-right-spacer.gif);
}

/* contains the sign in / username links */
div#logo .welcomeBackBar {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size: 10pt; 
	height: 18px;
}

/* for the menu bar */
div#logo .menuBar { }

/* fills the rest of the space after the menus */
div#logo .menuBarHack {
	height: 42px; /* hack for IE since it treats height as min-height */
	min-height: 42px; /* the real definition */
}
/************************* LOGO **************************************/

/************************* METRO REPORTS PAGE **************************************/
#top-section {
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
	top: 0;
}
#mid-section {
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
	top: 0;
}
#metro-reports {
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
	top: 0;
}
#submarket-reports {
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
	top: 0;
}
#top-col-1 {
	position: relative;
	padding-left: 0;
}
#mid-col-1 {
	width: 32%;
	float: left;
	background: #fff;
	/*padding-right: 0.5%;*/
}
#mid-col-2 {
	width: 33%;
	float: left;
	background: #fff;
	padding-bottom: 10px;
	padding-right: 1%;
	padding-left: 1%;
}
#mid-col-3 {
	width: 32%;
	float: left;
	background: #fff;
}
#trans-monitor-promo {
	position: relative;
	padding: 0;
	float: right;
	margin-right: 33px;
	width: 200px;
	text-align: center;
	clear: both;
}
div.spacer {
	clear: both;
	padding-top: 30px;
}
div.smallerSpacer {
	clear: both;
	padding-top: 5px;
}
div.pageContainerSpacer {
	clear: both;
	padding-bottom: 10px;
}
div.row {
	clear: both;
	padding: 2px 5px 2px 5px;
}
div.row span.label {
	float: left;
	text-align: right;
}
div.row span.right {
	float: right;
	text-align: left;
}
div.row span.left {
	float: right;
	text-align: left;
	padding-left: 5px;
}
div.redirect-row {
	padding: 3px;
	clear: both;
}
div.redirect-row span.fixed-label {
	float: left;
	width: 85px;
	vertical-align: middle;
	/*border: 1px solid #000000;*/
}
div.redirect-row span.left {
	float: left;
	text-align: left;
}
table.pod {
	border: 1px solid #000;
	border-collapse: collapse;
}
.pod ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pod li {
	font-size: smaller;
	margin: 0 1em;
	line-height: 1.7;
	clear: both;
}
.pod li a {
	float: left;
}
.pod li span {
	float: right;
}
/************************* METRO REPORTS PAGE **************************************/

/************************* VALUATION SEARCH PAGE **********************************/
div#address label {
	display: block;
	float: left;
	width: 140px;
}
div#timingCost label {
	display: block;
	float: left;
	width: 200px;
}

/************************* VALUATION CONTROL PAGE **********************************/
.content {
	width: 98%; 
}
.content td {
	vertical-align:top;
}
.leftCol {
	width: 30%;
}
.rightCol {
	width: 30%;
}
.pageHeader {
	font-size: 150%;
	color: #002E62;
	font-weight: bold;
}
.trainingNotice {
	background-color: #FEFECC;
	border: 1px solid #000000;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 6px;
}

/************* .creditScore styles ***************/
.creditScore {
	margin: 0;
	padding: 7px 0px 12px 0px;
	border: 1px solid #000000;
	text-align: center;
}

.creditScore img, input {
	margin: 0px;
	padding: 0px;
}

.rating div {
	font-weight: bold;
	display: inline;
	border-top: 6px solid white;
	border-bottom: 6px solid white;
}

div.selectedRating {
	border-top: 6px solid red;
	border-bottom: 6px solid red;
}

.selectedPlusMinus {
	background-color: red;
}


/************** .address styles ***************/
.address {
	padding: 9px 0px 0px 0px;
	text-align: center;
}

.addressText {
	font-size: larger;
}

/************** .rightColumn styles **************/

.valueEstimate {
	margin: 0px;
	padding: 10px 0px 15px 0px;
	border: 1px solid #000000;
	text-align: center;
}

.valueText {
	font-size: larger;
	padding-top: 10px;
	padding-bottom: 10px;
}
/************************* CONTROL PAGE **********************************/


/************************* portfolio pages **********************************/
#availableProps{
	float: left;
	width: 42%;
	margin-left: 1%;
	padding: 0 1% 0 0;
}
#portfolioProps{
	float: right;
	width: 42%;
	margin-right: 1%;
	padding: 0 0 0 1%;
}
#addRemove{
	float: right;
	width: 10%;
	margin: 0;
	padding-top: 10%;
}

/* This style is used with the sortabletable.js functionality */
.whiteRow {
}

#propertyScreener{
	float: right;
	background-color: #EEEEEE;
	width: 35%;
}

#content{
	float: left;
	width: 60%;
}

/* Tooltip that appears onMouseOver */
.tooltip {
	color: #000000;
	text-decoration: none;
}
.landingPagePromoText {
	float: left;
	margin-left: 2px;
	width: 235px;
}
.landingPagePromoTextPadding {
	padding: 5px 15px;
}
.landingPageBody {
	float: left;
	margin-left: 15px;
	width: 581px;
}
.landingPageSideLinks {
	color: #002E62; /* same as reisColor1 */
	text-decoration: none;
}
.clear {
	clear: both;
}


/************************* NEW PODS **********************************/

/* for understanding browsers */
.pod_container {
min-height:183px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .pod_container {
height: 183px;
}
/**/


/*--------------------------------------------------
  tabber stylesheet
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top: 0.1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #6194BC;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #FFFFFF; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #CCCCCC;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #002E62;
 border-bottom: 1px solid #002E62;
 color: #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #CCCCCC;
 border-bottom: 1px solid #000000;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.sort-table {
	font-size: 80%;
	border:		1px Solid ThreeDShadow;
	border:		none;
}
.sort-table thead {
	background:	ButtonFace;
	background-color: #EEEEEE;
}
.sort-table td {
	padding:	2px 5px;
}
.sort-table thead td {
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			default;
}
.sort-table thead td:active {
	border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;
	padding:		3px 4px 1px 6px;
}
.sort-table thead td[_sortType=None]:active {
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	padding:		2px 5px;
}
.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}
.sort-arrow.descending {
	background-image: url("../images/downsimple.gif");
}
.sort-arrow.ascending {
	background-image: url("../images/upsimple.gif");
} .rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}