﻿/*main background*/
html, body{
	background:url(/images/body_bg.gif) top left repeat-x;
	margin:0;
    padding:0;
    
}

img{
	border: 0;
}

a{
	border: 0;
}
html{
	height: 100%;
}
.clear {clear:both;}
.hide {display:none;}
.fl {float:left;}
.fr {float:right;}
/*top right navigation links*/
.MasterLink{
	color: #FFFFFF;
	outline:none;
	font-family: Verdana !important;
	font-size: 11px;
	text-decoration: none !important;
}

.MasterLink a{
	color: #FFFFFF;
	outline:none;
	text-decoration: none !important;
}

.MasterLink a:active{
	color: #EB5F00;
	outline:none;
	font-family: Verdana !important;
	font-size: 11px;
	text-decoration: none !important;
}

.MasterLink a:hover{
	color: #EB5F00 !important;
	outline:none;
	font-family: Verdana !important;
	font-size: 11px !important;
	text-decoration: none !important;
}

/*masterpage*/
.TopSpacer{
	background: url(/images/top_repeat2.gif) top left repeat-x;
	width: 100%;
}

/*masterpage*/
.BottomSpacer{
	
	/*background: url(/images/bottom_repeat.gif) bottom left repeat-x;*/
	background: url(/images/top_repeat2.gif) bottom left repeat-x;
	width: 100%;
}

/*default.aspx*/
.MainSpacer{
	background: url(/images/blue_repeater.gif) top left repeat-x;
	height: 17px;
	width: 100%;
}
.DefaultBg{
	background-image: url(/images/default_bg.gif);
	background-repeat: repeat-y;
}

/*RSS Links on New Store Openings*/
.RSSLink{
	font:15px Verdana, sans-serif; color:#1a75cf; outline:none; text-decoration: none !important; 
}

.RSSLink a{
	font:15px Verdana, sans-serif; color:#1a75cf; outline:none; text-decoration: none !important;
}

.RSSLink a:active{
	color: #1a75cf;
	outline:none;
font:15px Verdana, sans-serif;
	text-decoration: none !important;
}

.RSSLink a:hover{
	color: #6b6b6b !important;
	outline:none;
font:15px Verdana, sans-serif;
	text-decoration: none !important;
}
.RSSEntry{
	color: #1E90FF;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px;
	text-decoration: none !important;
}

.RSSDate{
	color: #1E90FF;
	outline:none;
	font-family: Verdana !important;
	text-decoration: none !important;
}

.DisplayTable
{
	 background-color:White; 
	 width:100%;
	 height:100%;
}
/* Listing Formatting*/
.ListingCell
{  
	border-top:1px dotted #3173ba; 
	border-bottom:1px dotted #3173ba;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc; 
	color:#1a75cf; 
	font-size:12px; 
	font-family: Verdana, Sans-Serif;
	text-align:center;
	
}

.ListingCell a
{  
	border-top:1px dotted #3173ba; 
	border-bottom:1px dotted #3173ba;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc; 
	color:#1a75cf; 
	font-size:12px; 
	font-family: Verdana, Sans-Serif;
	text-align:center;
	
}

.Image
{
	outline:none;
	/* Handling IE6 Transparency */
	_behavior:url("pngbehavior.htc"); 
}


.lcImage
{  
	border-top:1px dotted #3173ba; 
	border-bottom:1px dotted #3173ba;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc; 
	color:#1a75cf; 
	font-size:12px; 
	font-family:Verdana, Sans-Serif;
	text-align:center;
}

.NewsHeadlines
{
	color: #2424ff;
	padding-left:5px;
	outline:none;
	font-family: Verdana !important;
	font-size: 15px;
	text-decoration: none !important;
}
.NewsEntry
{
	color: #1E90FF;
	padding-left:5px;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px;
	text-decoration: none !important;
}

.searchBox
{
	color: #3574B9;
	font-family: Verdana !important;
	font-size:13px;
	text-decoration: none;
}

.searchBox a{
	color: #3574B9;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px;
	text-decoration: none !important;
}
.searchBox a:active{
	color: #3574B9;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px;
	text-decoration: none !important;
}
searchBox a:hover{
	color: #3574B9 !important;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px !important;
	text-decoration: none !important;
}
/* Handling IE6 Transparency */
.trans { _behavior:url("pngbehavior.htc"); }

.ArticleHeadline {font: bold 16px Verdana, Helvetica, sans-serif; color: #2424ff; margin-left: 5px; margin-top: 10px; margin-bottom: 0; border: 0;padding-top:10px;}

.ArticleBody , .ArticleBody * {color: #2424ff; font: Verdana,  Helvetica, sans-serif;font-size: 13px;}

.bluelink {color: #2424ff; font-size: 13px; margin: 0; font-weight:normal;}
.bluelink a:link , .bluelink a:active,.bluelink a:visited  {color:#00294e; font-weight: bold; text-decoration:none;}
.bluelink a:hover {color: #c60100; font-weight: bold; text-decoration:none;}

.mainTable { background:url(images/bckTable.png) repeat-y top left; 
      _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bckTable.png',sizingMethod='scale');}
.relatedDocs
{color: #1a75cf;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px;
	
	text-decoration: none !important;
	 vertical-align:middle;
	 
	}
.relatedDocs a:active{
	color: #1a75cf;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none !important;
}
.relatedDocs a:hover{
	color: #1a75cf;
	outline:none;
	font-family: Verdana !important;
	font-size: 13px;
	text-decoration: none !important;
}

.rsspager{
                color: #1a75cf;
                outline:none;
                font-family: Verdana !important;
                font-size: 11px;
                font-weight:bold;
}

.BottomLink 
{
	color: #FFFFFF;
	outline:none;
	font-family: Verdana !important;
	font-size: 11px;
	text-decoration: none !important;	
}

.BottomLink a{
	color: #FFFFFF;
	outline:none;
	font-family: Verdana !important;
	font-size: 11px;
	text-decoration: none !important;	
}


.mainTextRF { font:10px Verdana, sans-serif; color:#6b6b6b; outline:none; }
.mainTextRF a{ font:10px Verdana, sans-serif; color:#6b6b6b; outline:none; text-decoration: none !important; }


.mainText { font:13px Verdana, sans-serif; color:#6b6b6b; outline:none; }
.mainText a{ font:13px Verdana, sans-serif; color:#1a75cf; outline:none; }
.mainText small{color:#1a75cf; font-size:10px; font-family:Verdana;}


.headerText {   font:16px Georgia, Times, serif; color:#1a75cf; outline:none; }

.listings { background: url(/images/cellGradient2.png) no-repeat top right;  }

.searchBox { color:#3574b9; font: bold 12px Verdana,sans-serif;padding-bottom:5px; }

.searchMainHeader { color:#3574b9; font: bold 12px Verdana,sans-serif; float:left; width:6.2em; }
.searchBox select, .searchBox input { margin-right:2px; }
.searchBox input.searchButton { outline:none; vertical-align:top;}

.noResults { text-align: center; font: bold 15px Verdana,sans-serif; color:#3574b9;   }

.header { padding: 10px; background:#fff; border:1px solid #7cb4ea; border-right:none; border-left:none;font:16px Georgia, Times, serif; color:#1a75cf;}

.header span span { color:#e06a2f;}	
.header span small { font-size:10px; color:#6b6b6b; font-family:Verdana,sans-serif; }
.header span small a:link, .header span small a:visited { color:#1a75cf; }
.header span big {color:#1a75cf; font-size:12px; font-family:Verdana;}

.resultsTable { width:655px; }
.resultsTable td { border: 1px solid #7cb4ea; padding:10px; border-right:none; border-left:none; border-top:none; border-top:none;}	

.resultsTable .listingThumb { width: 110px; text-align:center; }
	.listingThumb span, .listingThumb span a:link, .listingThumb span a:visited {color:#1a75cf; font:11px Verdana, sans-serif;}
	
.resultsTable .listingDetails { }
.listingDetails table td  { border:none; padding:0;text-align:left; font-size:11px; color:#6b6b6b; vertical-align:top;}
.listingDetails a {  font-size:11px; color:#1a75cf;border:none;}
.listingDetails .ListingCell  {  font-size:11px; color:#6b6b6b; border:none;}


.listingDetails .propertyLocation { font: 15px Verdana, Times New Roman, Serif; color:#1a75cf; }
.listingDetails .ListingCell { padding-top:5px;}
.listingDetails .ListingCell span, .listingDetails .ListingCell span a:link, .listingDetails .ListingCell span a:visited
{ font:11px Verdana, sans-serif;line-height:22px;}

.listingDetails span.imgTag { font:bold 11px Verdana, sans-serif; color:#1a75cf;vertical-align:top;}
.listingDetails span.imgTag a{ font:bold 11px Verdana, sans-serif; color:#1a75cf; vertical-align:top;}

.featuredWrap {position:relative; font-family:Arial, Verdana, Sans-Serif; color:#FFF;}
.featuredProject {position:relative; width:675px; height:309px; background:url(../images/featured-project.jpg) no-repeat;}		
.featuredProject a {position:absolute; display:block; width:40px; height:40px; background:url(../images/btnTip.png) no-repeat center center;}		
.featuredProject #tipOne {left:30px; top:9px;}		
.featuredProject #tipTwo {left:184px; bottom:35px;}		
.featuredProject #tipThree {right:170px; top:64px;}		
.featuredProject #tipFour {right:60px; bottom:60px;}	
.highlight {position:absolute; left:45px; top:20px; width:576px; height:235px; border:2px solid #FFF;
background: #003180;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1770c9', endColorstr='#003180');
background: -webkit-gradient(linear, left top, left bottom, from(#1770c9), to(#003180));
background: -moz-linear-gradient(top,  #1770c9,  #003180);
}
.highlight h3 {position:absolute; left:10px; top:-2px; font-size:15px;}
.highlight img {position:absolute; left:8px; top:37px;}
.highlight p {position:absolute; left:312px; top:22px; width:250px; font-size:13px; text-align:left;}
.close {display:block; position:absolute; right:6px; bottom:6px; font-size:12px; font-weight:bold; text-decoration:none; color:#FFF;}	
#dim {position:absolute; left:0; top:0; width:675px; height:100%; background:url(../images/dim.png) repeat;}

/*Rotator Styles*/

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
#realtyRotator {position:absolute; left:0; bottom:0; width:966px; height:70px; margin:0; padding:0; background:url(../images/rotators/bgRotatorNav.png) repeat-x;clear:both;z-index:800;}
.pika-thumbs li{width: 144px; height:74px;}
.pika-stage {height: 250px;}


.rotatorWrap {position: relative; width: 962px; height:309px;overflow:hidden;}
.pika-stage {position: relative;}
.pika-stage a {cursor:default;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {width:966px; height:309px;}

.pika-stage .caption {position:absolute; font-size:23px; line-height:26px; font-family:Arial, Verdana, Sans-Serif; font-weight:bold; color:#FFF; text-align:center; bottom:-52px; right:40px; z-index:1000;}
	.pika-stage .caption .location {font-size:12px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position:absolute; text-indent:-5000px; display:none; z-index:3; cursor:pointer;}
	.pika-imgnav a.previous {width:20px;height:20px;border-left: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:45%;left:10px;}
	.pika-imgnav a.next {width:20px;height:20px;border-right: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:45%;right:10px;}
	.pika-imgnav a:hover{opacity:.6;-webkit-transition: opacity 300ms linear;}	

	.pika-imgnav a.play  {border-color: transparent transparent rgba(255,255,255,.7);border-style: solid;border-width: 0 0 25px 25px;height: 0;width: 0;position:absolute;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:14px;left:47%;display:none;}
	.pika-imgnav a.pause {display:none;border-left:5px solid rgba(255,255,255,.7);border-right:5px solid rgba(255,255,255,.8);height: 30px;width: 14px; position:absolute;top:10px;left:47%;}

.pika-textnav {display:none;}
	
.pika-thumbs {position:absolute; left:0; bottom:0; width:966px; height:70px; margin:0; padding:0;}
	.pika-thumbs li {float:left; list-style-type:none; width:120px; height:46px; margin:11px 0 0 11px; border:1px solid #FFF; cursor:pointer;}

		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{display:none; position: absolute;bottom: 15px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/*.listWrapper {padding:0 0 0 40px; font-family:Arial, Verdana, Sans-Serif; color:#6B6B6B;}
.listWrapper .propList {font-size:14px;}
.listWrapper .contactWrap {float:left; display:block; width:290px; margin-right:25px; font-size:12px; text-align:left;}
.listWrapper .contactWrap h4 {font-size:15px; margin-bottom:4px;}
.contactEmail {margin-right:6px; padding-right:6px; border-right:1px solid;}
.contactEmail, .contactPhone {float:left;}
.listWrapper ul {margin:0; padding:0;}
.listWrapper .cStates {list-style-type:none; margin-top:5px; border-top:1px solid;}
.listWrapper .cStates li {margin-left:3px;}
.listWrapper .cStates a {display:block; font-size:15px; color:#1a75cf; padding:6px 0 6px 6px; text-decoration:none; border-bottom:1px dotted #999;}
*/

#tweetWrap {position:relative; width:253px; height:452px; background:url(../images/bgTwitter.png) no-repeat;}
#tweetWrap .handle {position:absolute; left:0; top:0; width:100%; height:50px; text-indent:-9999px;}
#tweetList {position:absolute; left:13px; top:58px; width:230px; height:370px; overflow:hidden; color:#6B6B6B; font-size:12px; font-family:Verdana, Sans-Serif; line-height:16px;}
#tweetList .prefix img {float:left; width:24px; height:24px; padding:0 8px 8px 0;}
#tweetList .prefix a {font-weight:bold;}
#tweetList .status {}
#tweetList .time a {display:block; clear:left; font-size:11px; color:#999;}
#tweetList ul {margin:0; padding:0; list-style-type:none;}
#tweetList li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #CCC;}
#tweetList li:last-child {border:none;}
#tweetList a {color:#1A75CF; text-decoration:none;}
#tweetList a:hover {color:#1A75CF; text-decoration:underline;}

#mapContent {font-family:Verdana, Arial, Sans-Serif;}
.mapWrap {position:relative; float:left; width:478px; margin:28px 0 0 8px;}
#stateInfo {position:relative; float:right; width:160px; min-height:180px; margin:80px 18px 0 0; padding-right:10px; border:1px solid #1A75CF; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-align:left; font-size:12px; color:#666666;}
#stateInfo .stateName {position:absolute; left:0px; top:-1px; width:160px; height:12px; margin:0; padding:8px 0 8px 10px; color:#FFFFFF; background:#1A75CF; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}
#stateInfo .contact {margin-top:35px;}
#stateInfo .stateLink {margin:28px 0 0 14px;}
#stateInfo h3, #stateInfo h4 {font-weight:normal; font-size:12px;}
#stateInfo h3, #stateInfo h4, #stateInfo a {margin:0 0 10px 10px;}
#stateInfo a {display:block; font-weight:normal; color:#1A75CF; font-size:12px; text-decoration:none;}
.tabletInst {display:block; margin:30px auto; font-size:12px; color:#444444;}

.neStates {width:24px; height:10px; position:absolute; right:-8px;}
#nh {top:62px;}
#ma {top:75px;}
#ri {top:86px;}
#ct {top:97px;}
#nj {top:108px;}
#de {top:120px;}
#md {top:132px;}


