body{padding:5px;background: #707883;color: #222;text-align: center;
    font-family: "Trebuchet MS",Arial,sans-serif; font-size: 11pt;
    background-image: url(../images/newAge/backWithLogo.png);
    background-repeat: repeat-x;height:2000px
    }

h1,h2, h3,p{margin: 0;padding: 0 10px;font-weight:normal}
p{padding: 0 10px 15px}
.tight{padding:0; margin:0 }
h1{font-size: 250%;color: #F87217;letter-spacing: 1px}
h2{font-size: 200%;line-height:1;color:#002455 }
h3{font-size: 150%;line-height:1;color:#002455 }

a:link, a:active {color:#461B7E;text-decoration:none; }
a:visited {color:#461B7E; text-decoration:none;  } 
a:hover {color:#F87217;text-decoration:none;}

.noticableLink a:link, a:active {color:red;text-decoration:none; font-size:100%;}
.noticableLink a:visited {color:red; text-decoration:none;  font-size:100%;} 
.noticableLink a:hover {color:#6A287E;text-decoration:none;font-size:100%;}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.alertBox{
	position:absolute; float: left;top:350px; left:160px;height:50px;width:580px;padding:20px;background:#00FF99;border:2px solid #339900;
}

.okButton{
	margin:0 auto;border:1px solid #000000;width:100px;text-align:center;
}

/* for swatches background color is #BFDDED, same as header */
.pageSwatch{
	background-image: url(../images/newAge/backdrop.png);
	background-repeat: repeat-x;height:400px;
	border:1px solid #0099FF;
}
.quarterPageSwatch{
	background-image: url(../images/newAge/quarterBackdrop.png);
	background-repeat: repeat-x;
	border:1px solid #0099FF;
}


#container{
	position:relative;
	width:950px !important; 
    	margin: 0 auto;
	padding:5px;
	text-align:left;
	background:#FFF;
	
	
}
#header{
	position:relative;
	background: #BFDDED;
	padding:0;
	text-align:center; 
	margin:0;
	/* border: 1px solid #000000; */
}


#menu{

	font-size: 90%; /* FF is sensitive to this.. not IE7 */
	z-index:500;
	
}
#poiMenu {
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
	/* z-index:500;*/
	display:none;
	float:left;
}



.addpadding{
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
}

#content{
	
	padding:0;
	margin-top:0px;
	margin-left:0px;
	margin-right: 0px;
	/**border: 1px solid #DADADA; */
	background-color: #FFFFFF;
	
	width:950px;
}
#loading{
	background:#99FF66;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	height:300px;
	width:600px;	
	margin-left:200px;margin-top:100px;
	display:none;
	z-index: 501;
	position:absolute;
	display:none; /*for now, till it works ok */
	
	
}

.loadingClass
{	
	position:absolute;   
	text-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18pt; font-weight:bold; 
	color: #000000;padding:3px; height:100px; width:200px; background-color:#DADADA; 
	filter : alpha(opacity=60);	
	z-index:2000;
	display:none; /*for now, till it works ok */
}


#footer{
	clear:both;
	width:950px;
	background: #C4E786;
	padding:0; 
	margin:0;
	text-align:center;
	font-size: 80%;
	color: #666666;
}
.messageFeedback {
	background:#CCCCFF;
	border:1px solid #006699;
}
.errorFeedback {
	background:#FF99CC;
	/* border: 1px solid #FF0033; */
	border: 1px solid #BFDDED; 
	margin: 3px 0;
}





.redText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: red; font-weight: bold}

/* .enterMLS {font-size: 100%;line-height:1;color:#101455 } */

/* This code is affecting the colors of the buttons. Is it necessary?
#tab11Block a:link {color:#FF0000;}
#tab11Block a:visited {color:#FF0000;} 
#tab11Block a:hover {color:#000000;}*/

.eyeCatch {
	color:#9933CC;
	font-weight:700;
}
.singleTabInner {font-size: 100%; }
.formInput {
	font-size: 70%;
}
.tabBar {
		clear: both;
		/*background:#CCFF99; */
		margin:0;
		width: 100%;
		z-index: 201;
}

.singleTab a:link, a:active {color:#FFFFFF;text-decoration:none; }
.singleTab a:visited {color:#FFFFFF; text-decoration:none;  } 
.singleTab a:hover {color:#000000;text-decoration:underline;}

.subtabs {
		text-align: center;
		padding: 0;
		margin:0;
		/*
		background:#663399;
		border-top:2px solid #990099;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		*/
}

.subtabs a:link, a:active {color:#FFAA00;text-decoration:none; }
.subtabs a:visited {color:#FFAA00; text-decoration:none;  } 
.subtabs a:hover {color:#3300FF;text-decoration:underline;}


.sectionBar{
	background:#66CCFF;
	border:1px solid #0033CC;
	} 

.sectionBox {
	width:800px;
	border:1px #999999 solid;
	background:#FFFFCC;
	margin:5px 5px 5px 5px;
	padding:2px 15px 1px 15px;	
}

.tabContainer{
		width:100%;
		margin: auto;
		margin-left: 10%;
}
.singleTab{
		float: left;
		position: relative;
		height: 35px;
		padding:12px 1px 0px 1px;
		width:150px;
		text-align:center;
		margin-left: 10px;
}
.colorTab1, .colorTab1_bar {background:#990099;}
.colorTab2, .colorTab2_bar {background:#FF6600;}
.colorTab3, .colorTab3_bar {background:#00CC00;}
.colorTab4, .colorTab4_bar {background:#3300FF;}
.colorTab5, .colorTab5_bar {background:#FF9900;}

/*div.dummyTab{width:10px; height:40px;
	margin: 0 auto;padding:12px 1px 0px 1px; padding-bottom:0; text-align:center;
	background:#FFFFFF;
}*/
.tabPane {
	width:946px;
	min-height:400px;
	padding:0px 1px 1px 1px;
	margin:auto;
	z-index: 5;
	background:#FFFFFF;
	}
.collapsableDiv {
	position:absolute;
	margin:0 0 0 30px;
	z-index:205;
	height:75px;
	width:880px;
	display:none;
	border:1px solid #990099;
	border-top: 0;
	background:#DADADA;
	/* filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; */
		
}

.feedbackDivPositive {
	position:absolute;
	margin:0;
	z-index:205;
	height:20px;
	width:848px;
	display:none;
	border:1px solid #006699;
	border-left:0px;
	border-bottom:0px;	
	background:#99FF66;
	bottom:0px;
	left:0px;
}

.feedbackDivNegative {
	position:absolute;
	margin:0;
	z-index:205;
	height:20px;
	width:848px;
	display:none;
	border:1px solid #006699;
	border-left:0px;
	border-bottom:0px;
	background:#EE82EE;
	bottom:0px;
	left:0px;
}

.hideDiv {
	position:absolute;
	background:#FFCC33;
	border:1px solid #FF9900;
	border-right:0px;
	border-bottom:0px;
	width:30px;
	height:20px;
	bottom:0px;
	right:0px;
	text-align:center;
	vertical-align:middle;
	font-size: 95%;line-height:1;color:#CC3300 

}

.faqQuestionSwatch {
	background-image: url(../images/newAge/quarterBackdrop.png);
	background-repeat: repeat-x;	
	position:relative;
	border:2px solid #F87217;
	padding:5px;
	margin:5px;
}

.faqQuestionAnswerSwatch {
	background-image: url(../images/newAge/quarterBackdrop.png);
	background-repeat: repeat-x;	
	position:relative;
	border:1px solid #990099;
	padding:5px;
	margin:5px;
}

.hideDiv a:link {color:#000000;}
.hideDiv a:visited {color:#000000;} 
.hideDiv a:hover {color:#3300FF;text-decoration:none;}

promptText {
	font-size:100%;
	color:#996600;
}

.barTab {
	background:#9966FF;
	height:35px;
}
.ndButton {
	background:#00FFAA;
	border-style: outset;
	border-color: c0c0c0;
	border-width: thin;
	padding:2px 5px 2px 5px;
	margin:5px;
	z-index:250;
	font-size: 9pt;
}
a.ndButton:link{
	color:#999999;
	text-decoration:none;
}
a.ndButton:visited {
	color:#003366;
	text-decoration:none;
}
.ndButton:hover {
	border-style: inset;
	border-color: c0c0c0;
	border-width: thin;

}
a.ndButton:hover {
	font-weight:500;
	text-decoration:none;
	color: red;
}


.showcase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}


#streetLocator{
	background-color: #CC99FF;
	border: 1px solid #2B65EC;
	display:none;
	 float:right;
}

#localSearchButtonLeft{
        background-color: #FF9933;
	border: 1px solid #336600;
}
#localSearchButtonRight{
        background-color: #99FF33;
	border: 1px solid #336600;
}
#localSearchLeft{
	border: 1px solid #2B65EC;
	display:none;
}

#localSearchRight{
	/* border: 1px solid #2B65EC; */
	display:none;
}