﻿/* Page Level */
.bodyStyle {
    margin:0;
    padding:0;
    background: #c8c8c8 url('../images/pinstripes.png');
}
 
.pageDiv {
}

.groupPane {
    background: #FFFFFF;
    margin: 5px 10px 10px 10px;
    border: 1px solid #999999;
    -webkit-border-radius: 10px;
}

.signupPane {
    background: ButtonFace;
    margin: 5px 10px 10px 10px;
    border: 1px solid #999999;
    height:190px;
    -webkit-border-radius: 10px;
}

.textButton {
    background-color: ButtonFace;
    margin: 5px 10px 10px 10px;
    border: 2px solid #999999;
    -webkit-border-radius: 10px;
	font-family: Helvetica;
	font-size:small;
	font-style:italic;
	text-align:center;
    font-weight:bold;
	text-decoration: none;
	color:black;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

.groupBackground {
    padding: 5px 0 5px 0;
    -webkit-transition-property: width;
    -webkit-transition-duration: 10s;
}

.dvCopyright 
{
	text-align:center;
}

/*
div.slideIn
{
    width: 0;
}
*/
#toolbar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 0px;
    height: 45px;
    width:100%;
    background: #6d84a2 url('../images/toolbar.png') repeat-x;
    position: absolute;
    top:0px;
    left:0px;
    z-index: 8;
}

#toolBarBackground {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 0px;
    height: 45px;
    width:100%;
    background: #6d84a2 url('../images/toolbar.png') repeat-x;
    position: absolute;
    top:0px;
    left:0px;
    z-index: -1;
}

#contentDiv {
    position: relative;
    padding-top:45px;
    padding-bottom:0px;
 /*   height:391px;
    overflow:auto;  */
}

.ContactBlock
{
	position:absolute;
	top:-500px;
    background:#6d84a2;
    left: 50%;
    margin-left:-156px;
    border: 1px solid #2d3642;
    -webkit-border-radius: 10px;
    z-index:999999;
    display:none;
}
.abNameRow
{
}
.abFullRow
{
	text-align:center;
}
.agentImage
{
    -webkit-border-radius: 10px;
}
.abName
{
    color:White;
    font-family: Helvetica;
    font-size:large;
    font-weight:bold;
	text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:8px;
    float:left;
}
.abLabel
{
    color:White;
    font-family: Helvetica;
    font-size:small;
    font-weight:bold;
	text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    margin-top:0px;
    margin-bottom:0px;
}

.abClose
{
	float:right;
}

.abLinks
{
	width:170px;
    text-align:center;
    overflow:hidden;
}

.abNamePhone
{
	padding-top:0px;
/*	width:150px; */
	padding-left:5px;
    text-align:left;
    overflow:hidden;
    vertical-align:top;
}

.abIcons
{
	padding-top:10px;
	width:170px;
    text-align:center;
    overflow:hidden;
}

.abIcon
{
	width:48px;
	border:0;
}

.abImage
{
    text-align:center;
	width:125px;
    overflow:hidden;
    vertical-align:top;
}

.abData
{
    color:White;
    font-family: Helvetica;
    font-size:small;
    font-weight:normal;
	text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    margin-top:0px;
    margin-bottom:0px;
}

/*
#buttonBar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 0px;
    background: url(images/toolbar.png) #6d84a2 repeat-x;
    position: fixed;
    top:436px;
    left:0px;
    width: 100%;
    height: 44px;
    z-index: 8;
}
*/
/*.scrollWindow { */

/*  Status Bar = 20
    ToolBar = 45
    Button Bar = 44
    Portrait = 480 - 109 = 371
    Landscape = 320 - 109 = 211
*/
/*    position: relative;
    width: 100%;
    height: 371px;
    overflow: hidden;
}
*/

.errMessage {
    color:Red;
    font-family: Helvetica;
    font-size:small;
    font-weight:bold;
	text-decoration: none;
}

.groupHeader {
    font-family: Helvetica
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    padding-left: 24px;
    color: #4d4d70;
	text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
}

.criteriaForm {
    font-family: Helvetica
    padding: 5px 0 5px 0;
	text-decoration: none;
}

.appTitleText
{
    position: relative;
    float: none;
    text-align: center;
    top: 0px;
    height: 32px;
    padding-top: 4px;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
}
.appTitle {
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    z-index: 1;
    font-family: "Helvetica";
	text-decoration: none;
}

.presByText
{
    position: relative;
    float: none;
    text-align: center;
    top: 0px;
    height: 32px;
    padding-top: 4px;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
}

.presBy {
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    z-index: 1;
    font-family: "Helvetica";
	text-decoration:none;
	font-style:italic;
}

.appTitleSmall {
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    z-index: 1;
    font-family: "Helvetica";
    line-height:26px;
	text-decoration: none;
}

/* Navigation Lists */
.nrButtonDiv
{
    position: relative;
    float: right;
    text-align: right;
    top: 16px;
    overflow: hidden;
    right: 8px;
}
.nrTextDiv
{
    padding: 0 0 0 4px;
    position: relative;
    float: left;
}

.navRowContent
{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 47px;
    margin-bottom: 0px;
    border-bottom: 1px solid #E0E0E0;
    z-index: 5;
}

.navLastRowContent
{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 47px;
    margin-bottom: 0px;
    z-index: 5;
}

.navButtonBox
{
    position: absolute;
    padding-left: 3px;
    padding-top: 7px;
    top: 1px;
    left: 2px;
    z-index: 6;
}

.toolButtonBox
{
    position: relative;
    float: right;
    padding-right: 3px;
    top: -28px; /* 34px*/
    left: 0px;
    height: 27px;
}

.navButton {
    z-index: 9;
}

.navRow {
    position: relative;
    margin: 0;
    padding: 12px 0 4px 0px;
    font-family: Helvetica;
    font-size: 17px;
    font-weight: bold;
	text-decoration: none;
    list-style: none;
    left: 0px;
    height: 32px;
    top: 0px;
    -webkit-border-radius: 10px;
}
/*
.navRowCenter {
    position: relative;
    margin: 0;
    font-family: Helvetica;
	text-align:center;
    left: 0px;
    height: 32px;
    top: 0px;
    width: 100%;
}
*/
.nrImage {
    position: absolute;
    top: 10px;
}

.nrText {
    position: absolute;
    width: 200px;
    left: 40px;
    top: 15px;
}

.nrTextSM {
    width: 100%;
    font-size:12px;
    text-decoration:underline;
}

/* Form Controls */

.formTitle {
    font-family: Helvetica
    font-size: 24px;
    font-weight: bold;
    text-align: center;
	text-decoration: none;
}

.progressWindow {
    position: fixed;
    width: 100%;
    top: 58px;
    text-align:center;
    z-index:10;
}

.formTable {
    width:100%;
}

.formInput {
}

.ipCheckbox {
}

.ipRadioButton {
}

.ipDDL 
{
    font-size: 16px;
    font-family: Helvetica;
    font-weight:bold;
	text-decoration: none;
	/*margin:12px 0px 0px 60px; */
	background-color:#6d84a2;
	color:White;
    -webkit-border-radius: 10px;
}

.ipSmallDDL 
{
    font-size: 14px;
    font-family: Helvetica;
    font-weight:bold;
	text-decoration: none;
	margin: 2 auto; 
	background-color:#6d84a2;
	color:White;
    -webkit-border-radius: 10px;
}

input.ipTextBox {
    font-size: 16px;
    font-family: Helvetica;
    -webkit-border-radius:10px;
	text-decoration: none;
}

.ipSelect {
    background: white;
    border: 1px groove black;
    font-size: 16px;
    font-family: Helvetica;
    font-weight: bold;
    -webkit-border-radius: 10px;
	text-decoration: none;
}

.formCBRow {
    position: relative;
    margin: 0;
	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
    list-style: none;
    left: 0px;
    height: 58px;
    top: 0px;
/*    -webkit-border-radius: 10px;*/
}
/*.noteHolder
{
    background: #FFFFFF;
    margin: 10px 10px 10px 10px;
    border: 1px solid #999999;
    -webkit-border-radius: 10px;
	height:360px;
	height:340px;
}
*/
.noteBox 
{
	font-family: Helvetica;
	font-size: 12px;
	text-decoration: none;
    margin: 10px 10px 10px 10px;
	text-align:left;
	width:90%;
	border:none;
    -webkit-border-radius: 10px;
}

.formBlock
{
    position: relative;
    margin: 0;
	/* Font styling */
}
.formText
{
	float:left;
	font-family: Helvetica;
	font-size: 14px;
	text-decoration: none;
    list-style: none;
    padding-top:12px;
}
.formRow {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #E0E0E0;
	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    list-style: none;
    left: 0px;
    height: 42px;
    top: 0px;
}

.formDynamicRow
{
    position: relative;
    margin: auto;
	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
	height:auto;
    left: 0px;
    top: 0px;
}

.formLabelRow {
    position: relative;
    margin: 0;
	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    list-style: none;
    left: 0px;
    height: 24px;
    top: 0px;
}

.formLastRow {
    position: relative;
    margin: 0;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    list-style: none;
    left: 0px;
    height: 42px;
    top: 0px;
}

.formRowContent {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 42px;
    margin-bottom: 0px;
    z-index: 5;
}
/*.formLabelRowContent {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 24px;
    margin-bottom: 0px;
    z-index: 5;
}
*/
.formCBRowContent {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 58px;
    margin-bottom: 0px;
    z-index: 5;
}
.errorBlock
{
    position: absolute;
    text-align:center;
    vertical-align:middle;
    width: 100%;
    top: 0px;
    left: 0px;
    margin-top: 14px;
 /*   padding:20px 0px 5px 10px;	*/
    z-index: 5;
}
.textBoxRow 
{
    position: absolute;
    text-align:center;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 42px;
    margin-bottom: 0px;
    padding:5px 10px 5px 10px;
    z-index: 5;
}

.formLabelWideDDL
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    text-align: left;
    float: left;
    padding-top: 13px;
    padding-left: 4px;
    height:25px;
}

.cbListItem
{
    vertical-align:middle;
}

.formDataLineLG
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
    text-align: left;
    padding-top: 10px; 
    padding-left: 10px;
    padding-bottom: 10px;
    vertical-align:middle;
}

.formDataLineSM
{
	font-family: Helvetica;
	font-weight: bold;
	font-size:small;
	text-decoration: none;
    text-align: left;
    padding-top: 12px; 
    padding-left: 10px;
    padding-bottom: 10px;
    vertical-align:middle;
    color:Red;
}

.formPlainLabel
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    text-align: left;
    float:right;
    margin-left:12px;
    margin-top:4px;
    
}

.formPlainLabelSM
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
    text-align: left;
    float:right;
    margin-left:12px;
    margin-top:5px;
    
}

.formCBAreaList
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
    text-align: left;
    padding-top: 10px; 
    padding-left: 10px;
    padding-bottom: 10px;
    vertical-align:middle;
}
.formCBList 
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    text-align: left;
    padding-top: 13px;
    padding-left: 40px;
    vertical-align:middle;
    
}
.searchAction 
{
	float:left;
	width:20%;
}
.formSmallLabel 
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.formLabelNotBold 
{
	font-family: Helvetica;
	font-size: 17px;
	font-weight:normal;
	text-decoration: none;
    text-align: left;
    padding-top: 13px;
    padding-left: 4px;
}
.formLabel {
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    text-align: left;
    float: left;
    padding-top: 13px;
    padding-left: 4px;
}
.formLabelCenter {
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
    text-align: center;
    padding-top: 13px;
    padding-left: 4px;
    padding-bottom: 5px;
}
.formLabelCenterSM {
	font-family: Helvetica;
	font-size: 12px;
	text-decoration: none;
    text-align: center;
    padding-top: 5px;
    padding-left: 4px;
    padding-bottom: 5px;
}
.formReqCol {
    color: #FF0000;
    font-weight: bold;
	font-family: Helvetica;
    font-size: large;
	text-decoration: none;
    width: 9px;
    position: relative;
    float: left;
    padding-left: 8px;
    padding-top: 12px;
}
.instruction {
    color: #FF0000;
    font-family: Helvetica
    font-size:xx-small;
	text-decoration: none;
}

.formData {
    font-family: Helvetica
    font-size: 16px;
    font-weight: bold;
	text-decoration: none;
    text-align: right;
    float: right;
    margin-right: 6px;
    padding-top: 8px;
}

/*.formDDL {
    font-family: Helvetica
    font-size: 16px;
    font-weight: bold;
	text-decoration: none;
    text-align: right;
    float: right;
    margin-right: 6px;
    padding-top: 0px;
}
*/
.formDataLeft {
    font-family: Helvetica
    font-size: 16px;
    font-weight: bold;
	text-decoration: none;
    text-align: right;
    float: left;
    margin-right: 6px;
    padding-top: 0px;
    padding-left: 24px;
}

.formImageButton {
    float: right;
    margin-right: 36px;
    padding-top: 8px;
}
.formQuatroImageButton 
{
   text-align:center;
   vertical-align:middle;
}

.formTripleImageButton 
{
   float: left;
   width:33%;
   text-align:center;
   vertical-align:middle;
}

.formDataTB {
    float: right;
    margin-right: 10px;
}

.toggle {
    float: right;
    margin-right: 6px;
    padding-top: 7px;
}

.searchResultsGrid {
    width: 100%;
    cursor: default;
    overflow: hidden;
    position: relative;
    background-color:#FFFFFF;
}

.searchResultsGridHeader{
    font-size:9pt;
    background-color:#5c7aa5;
    color:#FFFFFF;
    font-family: Helvetica;
    font-weight:bold;
	text-decoration: none;
}

.smallGridData {
    font-size:8pt;
}

.gridHdrLink 
{
    position: relative;
    margin: 2px 1px 2px 1px;
    float: left;
    width: 77px;
    height: 30px;
    vertical-align:middle;
    background-image:url('../images/button_bg.png');
}

.gridHdrText {
    padding-top:6px;
}
.ListingTableLinks {
    color: #FFFFFF;
    text-decoration: none;
}

.searchResultsLbl {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left:20px;
    color: Black;
    font-family: Helvetica;
    font-size: medium;
    font-weight: bold;
    position: relative;
    overflow:hidden;
	text-decoration: none;
}

.srImageCell {
    width: 102px;
    height: 76px;
    vertical-align: middle;
}

.srAddressHdrCell {
    position: relative;
    float:left;
    vertical-align: middle;
    height: 36px;
    margin:0 0 0 10px;
    overflow:hidden;
}

.srAddressCell {
    position: relative;
    float:left;
    padding-left: 10px;
    overflow:hidden;
    width:90%;
}

.srStreet {
    color:Navy;
    font-family: Helvetica;
    font-size:medium;
    font-weight:bold;
}

.srMyListing {
    color: #FF0000;
    font-family: Helvetica;
    font-size:medium;
}
.srCityZip {
    color:Navy;
    font-family: Helvetica;
    font-size:medium;
}
.srPrice {
    color:Navy;
    font-family: Helvetica;
    font-size:medium;
    font-weight:bold;
}
/* Property Details */
.pictureBox {
    position: relative;
    margin-left:auto;
    margin-right:auto;
    padding: 0 0 0 0;
    text-align:center;
}  
.pdFeatureHeader {
    font-family: Helvetica;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    padding-top: 5px;
    color: #4d4d70;
    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
    clear: both;
}

.pdFeatureGroup {
    position: relative;
    margin: 5px 10px 5px 10px;
    font-family: Helvetica;
    font-size: small;
    list-style: none;
}
.propDetails {
    padding-top: 10px;
}
.pdPrice {
    font-family: Helvetica;
    font-size: Medium;
    font-weight: bold;
    float: left;
    width: 120px;
}
.pdMLS {
    font-family: Helvetica;
    font-size: Medium;
    font-weight: bold;
    float: right;
    text-align: right;
}
.pdAddress {
    font-family: Helvetica;
    font-size: Medium;
    position: relative;
    margin: 5px auto 5px auto;
    text-align: center;
    top: 0px;
    left: 0px;
}
.pdLegal {
    font-family: Helvetica;
    font-size:x-small;
    position: relative;
    margin: 5px auto 5px auto;
    text-align: center;
    top: 0px;
    left: 0px;
}
.pdCourtesy {
    text-align: center;
}
.pdOpen {
    font-family: Helvetica;
    font-size: Medium;
    color: #FF0000;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
}
.OneColumn {
    margin-top: 15px;
    margin-left: 5px;
    margin: 0 10px 0 10px;
    width: 480;
    clear: both;
    position: relative;
    top: 0px;
    left: 0px;
}
.TwoColumn {
    margin-top: 5px;
    margin-left: 5px;
    margin: 0 25px 0 25px;
    width: 480;
    position: relative;
    clear: both;
}

.LCol {
    font-family: Helvetica;
    font-size: small;
    position: relative;
    float: left;
}
.RCol {
    font-family: Helvetica;
    font-size: small;
    position: relative;
    float: right;
}

.pdLabel {
    font-weight: bold;
    font-family: Helvetica;
    font-size: small;
}

.pdData {
    font-family: Helvetica;
    font-size: small;
}
.mapButton {
    z-index:5;
}
.saveButton 
{
	position: relative;
	float:left;
	width: 45%;
	margin-left:15px;
	margin-top: -10px;
}

.deleteButton 
{
	position: relative;
	float:left;
	width: 45%;
	margin-left:0px;
	margin-top: -10px;
}
.ipButton {
	/* Default positioning of button */
	display: block;
	margin: 0 auto;
	height: 50px;
	text-align:center;
	line-height: 46px; /* will keep the text vertically
	                     centered on the 46px high button */				

	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #000;
	text-shadow: #fff 0px 1px 1px; /* slight white drop shadow */
	width:90%;
    border: 2px solid #999999;
    -webkit-border-radius: 25px;
}
.ipSmButton {
	/* Default positioning of button */
	display: block;
	margin: 0 auto;
	height: 40px;
	text-align:center;
	line-height: 36px; /* will keep the text vertically
	                     centered on the 46px high button */				

	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
	color: #000;
	text-shadow: #fff 0px 1px 1px; /* slight white drop shadow */
	width:95%;
    border: 2px solid #999999;
    -webkit-border-radius: 20px;
}
.whiteButton {
	color: #000;
	text-shadow: #fff 0px 1px 1px;
	background-color:ButtonFace;
/*	-webkit-border-image: url(whiteButton.png) 0 14 0 14;*/
}
.grayButton {
	color: #fff;
	text-shadow: #333 0px 1px 1px;
	background-color:#333333;
/*	-webkit-border-image: url(grayButton.png) 0 14 0 14; */
}
/*
.ipXXButton:hover {
	color: #fff;
	text-shadow: #333 0px 1px 1px;
	background-color:#0099ff;
}
*/
.last {
	margin-top: 10px;
}
div.options-extend {
	padding: 20px 20px 15px;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(options-extend.png) repeat-x top left;
}

