﻿

body
{
	background-color: #e3f1f6;
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 9pt;
	min-width: 820px;
	min-height: 675px;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}



#bodyDiv
{
	width: 100%;
	height: 100%;
}


#layoutContainer
{
	width: 100%;
	height: 100%;
	min-height: 675px;
}


#west
{
	width: 100%;
	position: relative;
	overflow-x: hidden !important;
}


#right_content
{
	float: left;
	width: 100%;
	min-width: 674px;
}
#mapWrapper
{
	float: right;
	margin-bottom: 10px;
}
#theMapTop
{
	padding-bottom: 10px;
	position: relative;
	border-top: solid 0px black;
	border-left: solid 0px black;
	border-right: solid 0px black;
	border-bottom: solid 0px black;
}
.shrunk
{
	width: 45%;
	height: 200px;
}
.expanded
{
	width: 100%;
}
.spacer_expanded
{
	min-height: 0px;
	height: 0;
}
.spacer_shrunk
{
	min-height: 0px;
	height: 0;
}
#divPadTool
{
	background-color: #FF2318;
	width: 100%;
	text-align: center;
	border-left: solid 1px black;
	border-right: solid 1px black;
	border-top: solid 1px black;
}
#center_rail
{
	float: left;
	margin-bottom: 10px;
	width: 54%;
	text-align: center;
}
#right_rail
{
	clear: right;
	float: right;
	width: 45%;
}


#myControl
{
	overflow: hidden;
	position: absolute;
	vertical-align: bottom;
	margin-left: 1px;
	top: 0px;
	left: 0px;
	padding-left: 0px;
	height: 310px;
	width: 16px;
	filter: Alpha(Opacity=70);
	opacity: 0.7;
	background-color: #235087;
	background-image: url(Images/rpcBtnExpandBk.gif);
	background-repeat: repeat-y;
	background-position: right;
	z-index: 50 !important;
}

#myControl:hover
{
	opacity: 0.9;
}

#spnResize
{
	height: 310px;
	width: 16px;
	cursor: pointer;
	position: absolute;
	background-image: url(Images/rpcBtnExpandTop.gif);
	background-repeat: no-repeat;
	background-position: center;
}



.searchHeaderRed
{
	font-size: 14px;
	font-weight: bold;
	color: #FD2618;
	font-family: Verdana;
}

.searchHeaderBlack
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana;
}
.searchHeader
{
	color: #006E9F;
	font-size: 10pt;
	font-weight: bold;
	line-height: 14pt;
	cursor: pointer;
	padding-bottom: 4px;
}


h3.searchHeader
{
	font-size: 13pt; 
	text-align: left; 
	margin: 0px;
	color: #006E9F;
	font-size: 10pt;
	font-weight: bold;	
	cursor: auto;
	padding-bottom: 4px;
}
.SearchSection
{
	border-color: #69A5C0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 2px 10px;
}

#LastUpdatedFilter
{
	display: none;
}

.searchDiv
{
	background-color: #A9D2E4;
	width: 100%;
}


.footer
{
	height: auto !important;
	line-height: 20px !important;
}


.AdvertisementDiv
{
	border: solid 1px #006e9f;
	min-height: 100px;
	cursor: pointer;
}



.SearchSectionHeader
{
	background: #006fa0 url(../images/rpcTableHeaderBk_Small.gif) repeat-x;
	height: 20px;
	color: White;
	font-weight: bold;
	font-size: 8.5pt;
	line-height: 12pt;
	padding-left: 10px;
	text-align: left;
}

.SearchSectionBody
{
	border: 1px solid #006e9f;
	padding-right: 0px;
	padding-bottom: 0px;
}

/****************************************************************************/
/* Middle Result Grid */
/****************************************************************************/
.summaryGrid td
{
	width: 55px;
	text-align: right;
	font-size: 8pt;
	white-space: nowrap;
	padding: 0px;
	height: 18px;
}
.summaryGrid th
{
	
	text-align: right;
	font-size: 7pt;
	white-space: nowrap;
	padding: 0px;
	height: 18px;
}



.summaryGrid th.beds, .summaryGrid td.beds
{
	text-align: left;	
	
}

.summaryGrid .col0and1and2
{
	width: auto;
	font-weight: bold;
	white-space: normal;
}
.summaryGrid th.scrollbarPadding
{
	width: 38px;
}
.summaryGrid .col5, .summaryGrid .col3, .summaryGrid .col3a, .summaryGrid .col6, .summaryGrid .col6a
{
	text-align: right;
}
.summaryGrid .col6a
{
	text-align: right;
	padding-right: 5px;
}
.summaryGrid td.lastColumn
{
	padding-right: 14px;
}
.summaryGrid .col4
{
	width: 5px;
}


.resultGrid td
{
	width: 55px;
	cursor: pointer;
	text-align: left;
	font-size: 8pt;
	white-space: nowrap;
	padding: 0px;
}
.resultGrid th
{
	width: 55px;
	cursor: pointer;
	text-align: left;
	font-size: 8pt;
	white-space: nowrap;
	padding: 0px;
	text-decoration: underline;
	color: Blue;
}
.resultGrid .col0and1and2
{
	width: 40%;
	font-weight: bold;
	white-space: normal;
}
.resultGrid .col0
{
    text-align:center;
	min-width: 25px;
	width: 40px;
	font-weight: bold;
	white-space: normal;
	text-decoration: none;
}
.resultGrid .col1
{
	width: 25px;
	font-weight: bold;
	white-space: normal;
	text-align: right;
}
.resultGrid .col1 div
{
	display: inline;
}
.resultGrid .col2
{
	padding-left: 5px;
	width: auto;
	font-weight: bold;
	white-space: normal;
}
.resultGrid .col3
{
	width: 50px;
	white-space: normal;
	text-align: right;
}
.resultGrid .col3a
{
	width: 50px;
	white-space: normal;
	text-align: right;
}
.resultGrid .col6
{
	width: 50px;
	white-space: normal;
	text-align: right;
}
.resultGrid .col6a
{
	width: 50px;
	white-space: normal;
	text-align: right;
}
.resultGrid .col4
{
	width: 40px;
	white-space: normal;
	text-align: right;
}
.resultGrid .col5
{
	width: 40px;
	white-space: normal;
	text-align: right;
}
.resultGrid th.scrollbarPadding
{
	width: 20px;
	text-decoration: none;
}
.resultGrid td.scrollbarPadding
{
	width: 0px;
	text-decoration: none;
}
.resultGrid td.lastColumn
{
	padding-right: 15px;
}




#sorttable_sortfwdind
{
	display: none;
}
#sorttable_sortrevind
{
	display: none;
}

.CustomGridView_DisplayDiv
{
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}


.searchLinks
{
	font-size: 10px;
	font-weight: bold;
	color: #6CD1FE;
	font-family: Verdana;
}

.searchLinksText
{
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana;
}

.searchLinksDDL
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	font-family: Verdana;
}


#RegisterMessage
{
	font-weight: bold;
	line-height: 14pt;
}
/****************************************************************************/
/* Property Info Context Box */
/****************************************************************************/
.propertyContextDiv
{
	border: solid 1px #006e9f;
	height: 150;
	display: none;
}

table.PropertyInfo
{
	color: Black;
	margin: 0px;
	font-family: Verdana;
	font-size: 11px;
	width: 340px;
}

table.PropertyInfo td
{
	border-bottom: solid 1px #cdcdcd;
}

table.PropertyInfo td.noUnderline
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

table.PropertyInfo td.alignLeft
{
	text-align: left;
}

table.PropertyInfo td.firstLine
{
	font-size: 10px;
	border: 0px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

table.PropertyInfo td.firstLineb
{
	font-size: 10px;
	border: 0px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

table.PropertyInfo td.lastLine
{
	border: 0px;
	font-style: italic;
	text-align: right;
	font-size: 10px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
}

table.PropertyInfo tr
{
	text-align: center;
}

table.PropertyInfo tr.head
{
	font-weight: bold;
}

table.PropertyInfo img
{
	border: solid 1px #006e9f;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	width: 115px;
}

table.PropertyInfo table td
{
	padding: 0px;
}

/****************************************************************************/
/* Sliders */
/****************************************************************************/

.qfcValueDisplayClass
{
	position: relative;
	display: block;
	padding-bottom: 5px;
	padding-left: 5px;
}

.qfcSliderDiv
{
	position: relative;
	z-index: 20;
	border-style: none;
	padding: 0px;
	text-align: left;
	margin-top: 10px;
}
.qfcSliderBackground
{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-style: none;
}
.qfcSliderDiv img
{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-style: none;
}

/****************************************************************************/
/* Styles used by ShapeEditControl */
/****************************************************************************/

.secDivClass
{
	padding-top: 5px;
	width: 200px;
	text-align: right;
	background-color: Gray;
	color: White;
}
#shapeEditDiv
{
	border: solid 1px white;
	padding: 0px;
}

.secTextClass
{
	font-family: Courier New, Courier, Serif;
	color: Black;
}

.secSelectClass
{
	border-color: Black;
	color: Black;
}

.secButtonClass
{
	border: solid 1px black;
	background-color: White;
	color: Black;
}


/****************************************************************************/
/* Market Indices Collapsible Panels */
/****************************************************************************/

.IndicesSection
{
	width: 100%;
}

.IndicesHeaderPanel
{
	cursor: pointer;
	background-image: url(../images/rpcTableHeaderBk_LightBlue.gif);
	color: White;
	font-weight: bold;
	font-size: 8.5pt;
	line-height: 14pt;
	height: 20px;
	padding-left: 10px;
}

.IndicesContentPanel
{
	background-color: #BBDEEE;
	font-size: 8pt;
	line-height: 12pt;
	padding-left: 0px;
	padding-bottom: 15px;
}

.IndicesContentPanel table.gridView
{
	border-collapse: collapse;
}
.IndicesContentPanel table.gridView tr td, .IndicesContentPanel table.gridView tr th, .IndicesContentPanel table.gridView tr
{
	border-color: #69A5C0;
	margin: 0;
	border-collapse: collapse;
	white-space: nowrap;
}

.IndicesContentPanel table.gridView tr td, .IndicesContentPanel table.gridView tr th
{
	padding: 0px 0px 0px 5px;
}

.CollapsibleHeaderPanel
{
	cursor: pointer;
}

/*Indices Hide Cell*/
.ihc
{
	display:none;
}

/*Indices display Cell*/
.idc
{
	display: table-cell;
	border-style: none;
	border-width: 0px;
	text-align: left;
}


.scaleBg
{
	display: none;
}
/****************************************************************************/
/* Popout Dundas Chart Box*/
/****************************************************************************/
#TrendGraphBox
{
	position: absolute;
	z-index: 60;
	top: 150px;
	left: 25px;
	background-color: #E3E8F7;
	background: url('../images/TrendGraphBG.jpg');
	border: 1px solid black;
	width: 465px;
	min-height: 300px;
	padding-top: 4px;
	padding-left: 4px;
}
#ChartTitleDiv
{
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
}

#graph_container
{
	background-color: Transparent;
	padding-top: 7px;
	padding-left: 3px;
}
.trendGraph_FloatingValue
{
	z-index: 1001;
	position: absolute;
	background-color: AliceBlue;
	border: solid 1px #000000;
	padding: 5px;
}
.TrendIndexDiv
{
	width: 100%;
	height: 85px;
	border: none 0px gray;
	vertical-align: middle;
	text-align: center;
}
.GraphLegendLabel
{
	padding: 5px;
	font-weight: bold;
	text-align: left;
}
.GraphLegendValue
{
	text-align: left;
}


/****************************************************************************/
/* Thematic Page Specific*/
/****************************************************************************/

#ThematicMenu
{
	background-color: #FF2318;
	width: 100%;
}

#ThematicMenu .selected
{
	color: White;
}

#ThematicMenu img
{
	/*arrows initially don't display change via class below if selected*/
	display: none;
	margin-top: -15px;
}
#ThematicMenu .selected img
{
	display: inline;
}
#ThematicMenu td
{
	padding: 5px 50px 5px 10px;
	font-weight: bold;
}


.legend_container
{
	padding: 5px;
	line-height: 16px;
}
.thematicMapBorder
{
	border-color: #006E9F;
	border-style: solid;
	border-width: 1px;
}

#MainMapDiv
{
	position: relative;
	width: 100%;
	height: 600px;
	border-color: Gray;
	border-width: 1px;
	border-style: none; /*padding-left:10px;*/
}

#thematicSelectTable
{
	width: 100%;
}

#AlaskaHawaiiDiv
{
	position: relative;
	left: 0;
	top: -160px;
}


#topLeftDiv
{
	position: absolute;
	left: -30px;
	top: 0;
	width: 200px;
	height: 100px;
	border-width: 0;
}

#bottomLeftDiv
{
	position: absolute;
	left: 16%;
	width: 180px;
	height: 100px;
	border-width: 0;
}

#HoverDivContent table
{
	width: 100%;
}
#HoverDiv
{
	padding: 5px 5px 5px 5px;
	height: 150px;
	width: 275px;
	overflow: hidden;
	position: absolute;
	font-size: 8pt;
	z-index: 100;
	background-color: White;
	border: solid 1px #000000;
	visibility: hidden;
}

#modalBackground .statTitle
{
	color: #FF2718;
	font-weight: bold;
	text-decoration: underline;
	font-size: 9pt;
	white-space: nowrap;
}
#hoverImageBL, #hoverImageTL, #hoverImage, #baseMap, #USADiv
{
	position: absolute;
	left: 0;
	top: 0;
	border-width: 0;
}
#hoverImage
{
	padding-left: 10px;
}

/* all contained divs in the thematic legend float left */
.LegendColor
{
	float: left;
	width: 21px;
	height: 21px;
	border-style: solid;
	border-color: Black;
	border-width: 1px;
	margin-top: -7px;
}
.LegendDescription
{
	float: left;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 3px;
	margin-top: -7px;
}




.ThematicLowColor
{
	background-color: #A7E9BC;
	background-color: #98FB98;
}
.ThematicMidColor
{
	background-color: #FFFFCC;
	background-color: #FAFAD2;
}

.ThematicHighColor
{
	background-color: #FF9377;
	background-color: #FFA07A;
}


.SelectedBedNumber
{
	border: 1px solid white;
	text-decoration: none;
}
.IndexBedNumber
{
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}


.qfcDetails
{
	width: 165px;
	margin: 0px auto;
}


.MSVE_PoweredByLogo
{
	display: none !important;
}

#MSVE_navAction_container
{
	width: 1400px !important;
}

/* 

#BreadCrumbs
		{
			font-size:1.2em;
		}
This style will centered the contained div in Firefox and IE 
        
        #ThemeLegendDiv
        {
            position:absolute;
            left:38%;
            top:160px;
            font-size:1.2em;
        }*/


.AggregateChartOuter
{
	margin: 0 auto;
	width: 100%;
	height: 510px;
	clear:both;
}

.BedsRow , .PeriodRow , .AggregateRow 
{
	width: 300px;
	float: left;
	padding: 5px;
}
.BedsRow .label, .PeriodRow .label, .AggregateRow .label
{	
	display:block;
	float: left;
	width: 125px;
	
}
.BedsRow .input select, .PeriodRow .input select, .AggregateRow .input select
{		
	display:block;
	
	width: 125px;
}

.MarketRow
{
	width: 100px;
	float:right;
	text-align: left;
}

.MouseoverDisplayRow
{
	width: 100%;
}
.MouseoverDisplayRow span
{	
	text-align: center;
}

.AggregateChartOptions
{
	
	margin: 1em 0;
	line-height: 1.3em;
}

.AggregateChartOptions table
{
}
.AggregateChartOptions td.Column
{
	vertical-align: top;
	border: #006e9f 1px solid;
	margin: 5px;
}
.AggreageChartOptions .label
{
	font-weight: bold;
	padding-right: 1em;
}
.AggreageChartOptions .input
{
	
}

.AILayout tr
{
}

.AILayout td
{
	border-top: 1px solid #006e9f;
	border-bottom: 1px solid #006e9f;
	padding: 5px;
}

#NoPropertiesFound
{
	font-weight: bold;
	padding-top: 1em;
	text-align: center;
	
}

.SavedSearchGrid th
{
	text-align: left;
}


.sorttable_sorted, .sorttable_sorted_reverse
{
	font-size:  10pt !important;
	color: #ef3f23 !important;
}
