﻿
/*== Generic Styles ==*/

body {
	text-align: center;		/*To center the site in IE. See #Site for centering in firefox & safari*/
}

img {
	border: 0px;
}

/* Email Input Box */
/* Description: Used for email address input box formating. */
.emailBox {
	height: 16px;
	width: 116px;
	font-family: Tahoma;
	font-size: 11px;
}

/* Email Button */
/* Description: Used for email address button formating. */
.emailButton {
	width: 15px;
	height: 14px;
}

/* Right Subpage Image */
/* Description: Used for padding the dot border img in the sub pages right div. */
.rightSubImg {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Spotlight Link */

.spotLink, .spotLink:active, .spotLink:visited {
	text-decoration: none;
	color: #000000;
}
.spotLink:hover {
	text-decoration: underline;
	color: #000000;
}

/* More News Link */
/* Description: Used to set the More News url off from the rest of the spotlight. */
.moreNews, .moreNews:active, .moreNews:visited {
	text-decoration: underline;
	color: #000000;
}
.moreNews:hover {
	text-decoration: none;
	color: #000000;
}

/* Directory Dark Blue Link */
/* Description: Used for the directory link colors. */
.dirDarkBlue, .dirDarkBlue:active, .dirDarkBlue:visited {
	text-decoration: underline;
	color: #195D9A;
}
.dirDarkBlue:hover {
	text-decoration: none;
	color: #195D9A;
}

/* Directory Light Blue Link */
/* Description: Used for the directory link colors. */
.dirLightBlue, .dirLightBlue:active, .dirLightBlue:visited {
	text-decoration: underline;
	color: #5F8EB8;
}
.dirLightBlue:hover {
	text-decoration: none;
	color: #5F8EB8;
}

/* Directory Red Link */
/* Description: Used for the directory link colors. */
.dirRed, .dirRed:active, .dirRed:visited {
	text-decoration: underline;
	color: #BE1122;
}
.dirRed:hover {
	text-decoration: none;
	color: #BE1122;
}

/*==== Text Class Styles ====*/

/* Red text */
/* Description: Used for cw spotlight, rates and indices on the right bar. */
.redText {
	color: #BE1122;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	padding-bottom:10px;
	padding-top:5px;
}

/* Market Red text */
/* Description: Used for cw spotlight, rates and indices on the right bar. */
.marketRedText {
	color: #BE1122;
	font-size: 9px;
	font-family: tahoma;
	font-weight: bold;
}

/* Gold text */
/* Description: REQUIRES DIV! Used for Subscribe text on the right bar. */
.goldText {
	color: #D78821;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	margin-bottom: 6px;
}

/* Blue text */
/* Description: Used for the dates on cw spotlight on the right bar. */
.blueText {
	color: #1A568E;
	font-size :10px;
	font-family: tahoma;
	font-weight: bold;
	line-height: 17px;
}

/* Stock text Subpage*/
/* Description: Used for the market table. The grey names. ON SUBPAGE ONLY!*/
.stockTextSub {
	color: #545454;
	font-size: 9px;
	font-family: tahoma;
	font-weight: bold; 
}

/* Stock text */
/* Description: Used for the market table. The grey names. */
.stockText {
	color: #545454;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}

/* Stock Number text */
/* Description: Used for the market table. The black numbers. */
.stockNumbText {
	color: #000000;
	font-size: 12px;
	font-family: tahoma;
}

/* Stock Number text Subpage*/
/* Description: Used for the market table. The black numbers. ON SUBPAGE ONLY!*/
.stockNumbTextSub {
	color: #000000;
	font-size: 9px;
	font-family: tahoma;
}

/* Content Header text */
/* Description: REQUIRES DIV! Used for the body content header. */
.contHeaderText {
	color: #585858;
	font-weight: bold;
	font-size: 14px;
	font-family: tahoma;
	margin-bottom: 5px;
}

/* For page content fields */
.ms-rteCustom-Header {
	color: #585858;
	font-weight: bold;
	font-size: 14px;
	font-family: tahoma;
	margin-bottom: 5px;
}


.ms-rteCustom-Subheader{
	color: #585858;
	font-size: 12px;
	font-family: tahoma;
	margin-bottom: 5px;
	font-style: italic;
}


/* Map Blue text */
/* Description: Used for the market table. The black numbers. */
.mapBlueText {
	color: #195D9A;
	font-weight: bold;
	font-size: 9px;
	font-family: tahoma;
}

/*== Navigation Elements ==*/

/* Navigation Box Dark Blue */
/* Description: This is a top level navigation item. */
.navBoxDBlue {
	color: #FFFFFF;
	background-color: #185C9B;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Box Light Blue */
/* Description: This is a second level navigation item. */
.navBoxLBlue {
	color: #FFFFFF;
	background-color: #608FBB;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Box Gray */
/* Description: This is a bottom level navigation item. */
.navBoxGray {
	color: #1A5C96;
	background-color: #EDEDED;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Box White */
/* Description: This is the active navigation item(current page). */
.navBoxWhite {
	color: #C56E29;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Default */
/* Description: This is the normal State. ( > ) Applied to DIV!*/
.default {
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	background-image: url( '/Style Library/CWImages/navNorm.gif' );
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

/* Navigation Dropdown */
/* Description: This is the dropdown State. ( v ) Applied to DIV!*/
.dropdown {
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	background-image: url( '/Style Library/CWImages/navDrop.gif' );
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

/* Navigation Normal */
/* Description: This is the dropdown State with NO arrow. Applied to DIV!*/
.normal {
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
}

/* Navigation Mega */
/* Description: This is the TOP MOST State with a square. Applied to DIV!*/
.mega {
	padding-left: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	background-image: url( '/Style Library/CWImages/navMega.gif' );
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

/*==== Div Styles ====*/

/* Site */
/* Description: Site is a div that holds the entire site allowing us to center the page. */
#Site {
	width: 756px;
	text-align: left;
	margin: 0px auto;		/*To center the site in Firefox and Safari*/
}

/* Header */
/* Description: Header holds the header image as a background. We are placing objects over it. */
#CWHeader {
	height: 98px;
	width: 756px;	/*Exact sizes make browsers happy*/
	float: left;
	background-image: url('/Style Library/CWImages/header2.jpg');
	position: relative; /*Lock header in place so we can slide a few things around*/
}

/* Search */
/* Description: Located in the header. Contains the search box. */
#Search {
	width: 150px;
	float: right;
	margin-top: 1px;			/* was 28 */
	margin-right: 35px;
	text-align: right;
	font-size: 8px;
	font-family: tahoma;
	font-weight: bold;
}
#Search input {
	border: 0px;	/*Remove the border on the search box*/
	height: 12px;
	width: 112px;
	font-weight: normal; /*So the input box holds normal text*/
	margin: 0px;
	text-align: left;
}
#Search td {
	font-size: 8px;
	font-family: tahoma;
	font-weight: bold;
}

/* Contact */
/* Description: Located in the header. Contains the contact button. */
#Contact {
	width: 100px;
	height: 14px;
	float: right;
	margin-top: 6px;
	padding-right: 28px;
	text-align: right;
	font-size: 8px;
	font-family: tahoma;
	font-weight: bold;
}
#Contact a {
	height: 8px;
	text-decoration: none;
	color: #000000;
	background-image: url('/Style Library/CWImages/contact_icon.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 20px;		/*Used for image space*/
	padding-top: 3px;		/*Used to center*/
	padding-bottom: 3px;	/*Used to center*/
}

/* Navigation */
/* Description: Holds the top navigation elements */
#Navigation {
	width: 580px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #7A896A;
	margin-bottom: 6px;
	font-size: 8px;
	font-family: tahoma;
	margin-left: 168px;
}
#Navigation a, #Navigation a:active, #Navigation a:visited {
	color: #000000;
	text-decoration: none;
}
#Navigation a:hover {
	color: #000000;
	text-decoration: underline;
}

/* Flash Holder */
/* Description: Contains the homepage flash. */
#FlashHolder {
	height: 300px;
	width: 599px;
	float: left;
	background-color: #000066;	/*Dummy color if flash is not found. */
}

/*  Side Navigation */
/* Description: Contains the right side navigation. */
#SideNav {
	width: 162px;
	float: left;
	font-size: 9px;
	font-family: tahoma;
}

#SideNav a {
	text-decoration: none;
	display: block;
	line-height: normal;
	padding: 0;
}

/* Directory */
/* Description: Contains the directory path. Uses link classes for special colors. */
#Directory {
	width: 756px;
	height: 41px;
	float: left;
	font-size: 9px;
	font-family: tahoma;
	color: #000066;
	background-image: url('/Style Library/CWImages/pageheader.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Directory div {
	padding-left: 165px;
	padding-top: 20px;
	color: #195D9A;
}

#MainWrapper{
  float:left;
  margin-left:10px;
}

/* Content */
/* Description: Contains the body content div(ContBody). Also contains the header image if it exists. */
#Content {
	width: 437px;
	float: left;
}


/* Content Body */
/* Description: Contains the body content. */
#ContBody {
	color: #666666;
	font-size: 11px;
	font-family: tahoma;
	line-height: 14px;
	width: 397px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
}
#ContBody td {
	font-size: 11px;
	font-family: tahoma;
	line-height: 14px;
	color: #666666;
}

.ms-rteCustom-Body {
	color: #666666;
	font-size: 11px;
	font-family: tahoma;
	line-height: 14px;
}


#MainWapper{
  float:left;
}

/* Map Case */
/* Description: Contains the map. */
#MapCase {
	width: 599px;
	float: left;
}
#MapCase img {	/*Padding for map image*/
	margin-top: 6px;
	margin-bottom: 6px;
}

/* Closings Case */
/* Description: Contains the regional closings div(CloseCaseData) on the map page. */
#CloseCase {
	float: right;
	margin-left: 0px;
	color: #666666;
	font-size: 9px;
	font-family: tahoma;
}

/* Closings Case Data*/
/* Description: Contains the regional closings on the map page. */
#CloseCaseData {
	width: 135px;
	overflow: scroll; /*To fix the map side bar issues */;
	overflow-x: hidden; /*To fix the map side bar issues */; /* height: 340px; */;
	height: 150px /* padding-right: 5px; */;
	padding-right: 15px;
}

/* Right Side */
/* Description: Contains the gradiant. Holds the email login. ONLY FOUND ON HOMEPAGE! */
#RightSide {
	height: 300px;
	width: 157px;
	float: left;
	background-image: url('/Style Library/CWImages/midright.gif');
	color: #FFFFFF;
	font-size: 9px;
	font-family: tahoma;
}
.rightSide {
	margin-left: 10px;
	margin-top: 25px;
}
#RightSide form {
	margin: 0px;
	padding: 0px;
}
#RightSide a, #RightSide a:active, #RightSide a:visited {
	color: #FFFFFF;
}
.marketlink {
	text-decoration: none;
}

/* Right Side Subpage*/
/* Description: Contains the right side content. Holds the email login. ONLY FOUND ON SUBPAGES! */
#RightSideSub {
	width: 140px;
	float: left;
	color: #666666;
	font-size: 9px;
	font-family: tahoma;
	margin-left: 16px;
}

#RightSideSub form {
	margin: 0px;
	padding: 0px;
}

/* Mid Gradiant */
/* Description: Holds the text fade and footer navigation.*/
#MidGrad {
	width: 756px;
	height: 20px;
	float: left;
}

/* Mid Case */
/* Description: Holds the following 3 divs.*/
#MidCase {
	width: 756px;
	height: 266px;
	float: left;
}

/* Image Case */
/* Description: Holds 2 splash images. ONLY FOUND ON HOMEPAGE*/
#ImageCase {
	width: 289px;
	height: 260px;
	float: left;
}

/* Market Case */
/* Description: Holds market info. ONLY FOUND ON HOMEPAGE*/
#MarketCase {
	width:	313px;
	height: 260px;
	float: left;
	background-repeat: no-repeat;
	background-image: url('/Style%20Library/CWImages/marketbg.jpg');
	font-size: 12px;
	padding-top:0px;
	padding-bottom:5px;	
}

/* Market Case Data */
/* Description: Holds market (text portion) info. ONLY FOUND ON HOMEPAGE*/
#MarketCaseData {
	position: relative;
	height:260px;
	left: -19px;
	
	
}

.ImageLeftTop {
	padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: 0px;
    margin: 0px;
    z-index: 500;
}

.ImageLeft {
	padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: 0px;
    margin: 0px;
    z-index: 500;
    position: relative;
}

#MarketCase table {
	margin-left: 67px;
	margin-bottom: 0px;
}
#MarketCase a {
	text-decoration: none;
}

/* Main Spotlight */
/* Description: Holds the spotlight. ONLY FOUND ON HOMEPAGE*/
#MainSpotlight {
	width: 142px;
	height: 188px;
	float: left;
	background-image: url('/Style Library/CWImages/spotlightbg.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 10px;
	font-size:9px;
	font-family: tahoma;
}

/* Search Map */
/* Description: Holds the spotlight. ONLY FOUND ON MAP PAGE*/
#SearchMap {
	float: left;
	margin-left: 162px;
}
#SearchMap form {
	margin: 0px;
	padding: 0px;
}
#SearchMap select {
	margin-right: 6px;
	font-size: 11px;
	font-family: tahoma;
}

/* Footer */
/* Description: Holds the text fade and footer navigation.*/
#CWFooter {
	width: 756px;	/*Exact sizes make browsers happy*/
	float: left;
	clear: both;
	background-color:#2C4371;
	color: #D8B348;
	font-size: 8px;
	font-family: tahoma;
	font-weight: bold;
	text-align: center;
}
#CWFooter a, #CWFooter a:active, #CWFooter a:visited {
	line-height: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
#CWFooter a:hover {
	line-height: 13px;
	color: #FFFFFF;
	text-decoration: underline;
}

/* Admin */
.adminLeft{
  float:left;
  font-size:x-small;
  text-decoration: none;
}
.adminLeft:hover{
  background-color:orange;
  text-decoration: underline;
}
.adminRight{
  float:right
}

.newsLink{
	padding-left:20px;  
  
}
.newsLink a, .newsLink a:active, .newsLink a:visited {
	color: #1A568E;
	font-size :10px;
	font-family: tahoma;
	font-weight: bold;
	line-height: 17px;
	text-decoration: none;
}

.newsLink a:hover {
  text-decoration:underline;
}

.tablehead{
	background-color:#2C4371;
	color: white;
	font-family: tahoma;
	font-weight: bold;
}

.assumableLoan{
font-size:11px;
text-align:left;	
	
}
.disclaimer{
  font-size:xx-small;  
  text-align:center;
}
.phone{
  white-space:nowrap;
}
.propSize {
  text-align:right;
}
.propertyHeading{
 	color: #585858;
	font-weight: bold;
	font-size: 14px;
	font-family: tahoma;
	margin-bottom: 15px;
	text-align:center;
}
/* Market Index Footer text */
/* Description: Used for the market table. The grey names. */
.footerText {
      color: #545454;
      font-size: 9px;
      font-family: tahoma;
      text-align: center;
      font-weight: bold;

}

/* Footer text on SubPage */
/* Description: Used for the market table. The grey names. */
.footerTextSub {
      color: #545454;
      font-size: 9px;
      font-family: tahoma;
      text-align: center;
}

/* Stock text for Market Data */
/* Description: Used for the market table. The grey names. */
.marketText {
      color: #545454;
      font-size: 9px;
      font-family: tahoma;
}

/* Market Number text */
/* Description: Used for the market table. The black numbers. */
.marketNumbText {
      color: #000000;
      font-size: 11px;
      font-family: tahoma;
}

/*== Navigation2 Elements ==*/

/* Navigation Box Dark Blue */
/* Description: This is a top level navigation item. */
.nav2BoxDBlue {
	color: #FFFFFF;
	background-color: #185C9B;
	width: 161px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Box Light Blue */
/* Description: This is a second level navigation item. */
.nav2BoxLBlue {
	color: #FFFFFF;
	background-color: #608FBB;
	width: 161px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Box Gray */
/* Description: This is a next-to-bottom level navigation item. */
.nav2BoxGray {
	color: #1A5C96;
	background-color: #EDEDED;
	width: 161px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Box blue on white */
/* Description: This is a next-to-bottom level navigation item. */
.nav2BoxWhite {
	color: #608FBB;
	background-color: #FFFFFF;
	width: 161px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/* Navigation Box White */
/* Description: This is the active navigation item(current page). */
.nav2BoxWhiteCurrent {
	color: #C56E29;
	background-color: #FFFFFF;
	width: 161px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
}

/*Fannie Rates Blue Line */
/*Description: Used for Fannie RAtes. Image separator */
.fannieBlueLine{
	display:block;
	background-image:url('CWimages/BlueLine.gif');
	background-repeat:repeat;
	height:6px;
}
