/***************************************************************/
/*  fonts/colors Settings
/***************************************************************/

.wysiwyg {
  color:#ffffff;
  padding:0px 0px 0px 0px;
}

.wysiwyg p {
  margin:7px 0px 7px 0px;
  padding:0px 0px 0px 0px;
}

.wysiwyg blockquote {
  margin:5px 0px 5px 0px;
  padding:5px 20px 5px 20px;
  text-align:justify;
}

.wysiwyg h1{
  font-size:18px;
  margin:10px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  /*border-bottom-width:1px;
  border-bottom-style:solid;*/
}

.wysiwyg h2{
  font-size:16px;
  margin:10px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  /*border-bottom-width:1px;
  border-bottom-style:solid;*/
}

.wysiwyg h3{
  font-size:14px;
  margin:5px 0px 5px 0px;
  padding:0px 0px 0px 0px;
  /*border-bottom-width:1px;
  border-bottom-style:solid;*/
}

.wysiwyg a{
  color:#8FBEC6 !important;
  font-weight:bold !important;
  text-decoration:none !important;
}

.wysiwyg a:hover{
  color:#ebebeb !important;
  font-weight:bold !important;
  text-decoration:none !important;
}

.wysiwyg img{
  border:none;
}

.wysiwyg .fckFontSmall{
  font-size:10px;
}
.wysiwyg .fckFontNormal{
  font-size:12px;
}
.wysiwyg .fckFontLarge{
  font-size:14px;
}
.wysiwyg .fckFontXLarge{
  font-size:16px;
}
.wysiwyg .fckFontRed{
  color:red;
}
.wysiwyg .fckFontBlue{
  color:blue;
}
.wysiwyg .fckFontGreen{
  color:green;
}

.componentContainer input.submit{
  border-top-color:#f7b668;
  border-right-color:#a76414; 
  border-bottom-color:#a76414;
  border-left-color:#f7b668; 
  background-color:#f7941d !important;
  color:#ffffff !important;
}

/***************************************************************/
/*  Module Font Color: #FFFFFF
/***************************************************************/
.wide_module_container,
.normal_module_container,
.half_module_container,
.search_engine_module_container,
.gmOverlay_wrap,
.graphLegendLabel,
.componentContainer,
.componentContainer input,
.componentContainer textarea,
.componentContainer select,
.componentContainer input.checkbox,
.componentContainer .output,
.componentContainer .outputLong{
  color: #FFFFFF;
}

/* ...................
FORM FIXES FOR IE IN BACK OFFICE ------------------------------------------------
...................... */
.componentContainer input:focus,
.componentContainer textarea:focus,
.componentContainer select:focus,
.componentContainer .output:focus,
.componentContainer .outputLong:focus {
 background-color:#ffffff;
 color:#000000;
}

.componentContainer *input,
.componentContainer *textarea,
.componentContainer *select,
.componentContainer *.output,
.componentContainer *.outputLong {
 background-color:#ffffff !important;
 color:#000000 !important;
}

/***************************************************************/
/*  Module Link Font Color: #bcd24f
/***************************************************************/
.wide_module_container a, .wide_module_container a:visited,
.normal_module_container a, .normal_module_container a:visited,
.half_module_container a, .half_module_container a:visited,
.search_engine_module_container a, .search_engine_module_container a:visited{
  color: #bcd24f;
  text-decoration:none;
}


/***************************************************************/
/*  Color 1: #7D7D7D
/***************************************************************/
.horizontalTabs li a:hover, 
.horizontalTabs .select a,
.verticalTabs li a:hover,
.verticalTabs .select a,
.verticalTabsRight li a:hover,
.verticalTabsRight .select a,
.wide_module_container .horizontalTabPanel,
.normal_module_container .horizontalTabPanel,
.wide_module_container .verticalTabPanel,
.normal_module_container .verticalTabPanel,
.guideButton,
div.gmOverlay_cnt ul .alt,
.componentContainer input,
.componentContainer textarea,
.componentContainer select,
.componentContainer input.checkbox,
.componentContainer .output,.componentContainer .outputLong, .outputScroll
{
  background-color:#7D7D7D;
}

.horizontalTabs ul li a,
.verticalTabs li a,
.verticalTabsRight li a,
.wide_module_container .horizontalTabPanel,
.normal_module_container .horizontalTabPanel,
.wide_module_container .verticalTabPanel,
.normal_module_container .verticalTabPanel,
#mortgageCalcOutputForm .outputLabel,
#listingStatisticsOutputForm .outputLabel,
#mortgageCalcOutputForm .outputValue,
#listingStatisticsOutputForm .outputValue,
.componentContainer .tableLabel,
.componentContainer .tableOutput
{
  border-top-color:#7D7D7D;
}

.horizontalTabs ul li a,
.verticalTabsRight li a,
.wide_module_container .horizontalTabPanel,
.normal_module_container .horizontalTabPanel,
.wide_module_container .verticalTabPanel,
.normal_module_container .verticalTabPanel
{ 
  border-right-color:#7D7D7D;
} 

.verticalTabs li a,
.verticalTabsRight li a,
.wide_module_container .horizontalTabPanel,
.normal_module_container .horizontalTabPanel,
.wide_module_container .verticalTabPanel,
.normal_module_container .verticalTabPanel
{
  border-bottom-color:#7D7D7D;
}

.horizontalTabs ul li a,
.verticalTabs li a,
.verticalTabsRight li a,
.wide_module_container .horizontalTabPanel,
.normal_module_container .horizontalTabPanel,
.wide_module_container .verticalTabPanel,
.normal_module_container .verticalTabPanel,
#mortgageCalcOutputForm .outputValue,
#listingStatisticsOutputForm .outputValue,
.componentContainer .tableOutput
{
  border-left-color:#7D7D7D;
}
 
/***************************************************************/
/*  Color 2: #6D6D6D
/***************************************************************/
.wide_module_container .title,
.normal_module_container .title,
.half_module_container .title,
.search_engine_module_container .title,
.componentContainer .title,
.agentDisclaimer,
#agentDisclaimerListing,
#searchEngineMLSinfo,
#seOverlayHeader,
.gmOverlay_header,
.componentContainer .legend
{
  background-color:#6D6D6D;
}

.wide_module_container .panel,
.normal_module_container .panel,
.half_module_container .panel,
.componentContainer,
.listingPhotoContainer .listingPhoto,
.statusColumn,
.mapWrap,
.photoColumn,
.thumbnailColumnWrap,
.guideButton,
.gmOverlay_header,
.gmOverlay_cnt .photoBox img,
#vipRegistrationAdvertisement img,
.componentContainer input,.componentContainer textarea,.componentContainer select,.componentContainer input.checkbox,.componentContainer .output,.componentContainer .outputLong,
.componentContainer fieldset,
.componentContainer .innerFieldSet,
.outputScroll
{
  border-top-color:#6D6D6D;
}

.wide_module_container .panel,
.normal_module_container .panel,
.half_module_container .panel,
.componentContainer,
.listingPhotoContainer .listingPhoto,
.statusColumn,
.mapWrap,
.photoColumn,
.thumbnailColumnWrap,
.guideButton,
.gmOverlay_cnt .photoBox img,
#vipRegistrationAdvertisement img,
.componentContainer input,.componentContainer textarea,.componentContainer select,.componentContainer input.checkbox,.componentContainer .output,.componentContainer .outputLong,
.componentContainer fieldset,
.componentContainer .innerFieldSet,
.outputScroll
{
  border-right-color:#6D6D6D;
}

.wide_module_container .panel,
.normal_module_container .panel,
.half_module_container .panel,
.componentContainer,
.listingPhotoContainer .listingPhoto,
.statusColumn,
.mapWrap,
.photoColumn,
.thumbnailColumnWrap,
.guideButton,
.gmOverlay_header,
.gmOverlay_cnt .photoBox img,
#vipRegistrationAdvertisement img,
.componentContainer input,.componentContainer textarea,.componentContainer select,.componentContainer input.checkbox,.componentContainer .output,.componentContainer .outputLong,
.componentContainer fieldset,
.componentContainer .innerFieldSet,
.outputScroll
{
  border-bottom-color:#6D6D6D;
}

.wide_module_container .panel,
.normal_module_container .panel,
.half_module_container .panel,
.componentContainer,
.listingPhotoContainer .listingPhoto,
.statusColumn,
.mapWrap,
.photoColumn,
.thumbnailColumnWrap,
.guideButton,
.gmOverlay_cnt .photoBox img,
#vipRegistrationAdvertisement img,
.componentContainer input,.componentContainer textarea,.componentContainer select,.componentContainer input.checkbox,.componentContainer .output,.componentContainer .outputLong,
.componentContainer fieldset,
.componentContainer .innerFieldSet,
.outputScroll
{
  border-left-color:#6D6D6D;
}

/***************************************************************/
/*  Color 3: #8C8C8C
/***************************************************************/
.wide_module_container .panel,
.normal_module_container .panel,
.half_module_container .panel,
.componentContainer,
.horizontalTabs ul li a,
.verticalTabs li a,
.verticalTabsRight li a,
.gmOverlay_wrap,
.componentContainer .label
{
  background-color:#8C8C8C;
}

.thumbnailColumn ul img {
  border-top-color:#8C8C8C;
}

.thumbnailColumn ul img {
  border-right-color:#8C8C8C;
}

.thumbnailColumn ul img,
.gmOverlay_cnt h1 {
  border-bottom-color:#8C8C8C;
}

.thumbnailColumn ul img {
  border-left-color:#8C8C8C;
}

/***************************************************************/
/*  Color 4: #747474
/***************************************************************/
.statusColumn, /* LISTING DETAILS */
.photoColumn, /* SLIDESHOW/VR TOURS ON LISTING DETAILS, PERSONAL LISTINGS, SAVED LISTINGS */
.thumbnailColumnWrap,
.slider {
  background-color:#747474;
}

/***************************************************************/
/*  Miscellaneous Colors
/***************************************************************/
#mortgageCalcOutputForm #gLeg1,
#mortgageCalcOutputForm #gLeg2,
.photoColumn .description{
  background-color:#ffffff;
}
/* form label colors */
.componentContainer label, .componentContainer label.error, .componentContainer .label{
  color:#EFEFEF;
}
.componentContainer .requiredFieldMessage,
.componentContainer .requiredFieldIndicator{
  color:#FF890D;
}

/* form inputs */
.componentContainer input, .componentContainer textarea, .componentContainer select, .componentContainer input.checkbox,
.componentContainer .output, .componentContainer .outputLong{
  font-family:Verdana;
}
.componentContainer input.error, .componentContainer input.long_error,
.componentContainer textarea.error, .componentContainer textarea.long_error,
.componentContainer select.error, .componentContainer select.long_error{
  background-color: yellow !important;
  color: #333333;
}

/* when a thumbnail is selected in the listing view */
.thumbnailColumn ul .selected
{
border-color:yellow;
}

.componentContainer .dateSpacer{
  font-family:Verdana,Arial,Helvetica,sans-serif;
}
.slider{
  font-family:Arial, Helvetica, sans-serif;
}

/***************************************************************/
/*  Fonts
/***************************************************************/
.componentContainer .title{
  font-weight:bold;
  font-size:14px;
}


.moduleBox {
  border:1px solid #6E6E6E;
  width:668px;
  float:left;
}
.moduleBox .moduleBox_header {
  background-color:#6D6D6D;
  font-size:14px;
  font-weight:bold;
  float:left;
  width:100%;
  padding:3px 0px;
  text-indent:10px;
}
.moduleBox .moduleBox_itemContainer {
  padding-left: 9px;
  margin-bottom: 9px;
  margin-top: 9px;
  float:left;
  width:100%
}
.moduleBox .moduleBox_itemContainer .moduleBox_item {
  background-color:#8C8C8C;
  float:left;
  margin:0px 1px 1px 0px;
  padding:4px;
  text-align:center;
  width:208px;
}

.moduleBox .moduleBox_itemContainer .moduleBox_mediumItem {
  height: 135px;
}

.moduleBox .moduleBox_itemContainer .moduleBox_bigItem {
  height: 285px;
}

.moduleBox .moduleBox_itemContainer .moduleBox_item img {
  margin-bottom:2px;
  vertical-align:middle;
}

.moduleBox .moduleBox_itemContainer .moduleBox_item .moduleBox_image{
  margin-bottom:2px;
  vertical-align:middle;
  padding-top: 4px;
  padding-bottom:4px;
}

.moduleBox .moduleBox_itemContainer .moduleBox_item .moduleBox_description{
  padding-left: 4px;
  padding-right:4px;
}

/***************************************************************/
/*  Front Page News Feed
/***************************************************************/

#mainPageNewsFeed .normal_module_container{
  width:390px;
}
#mainPageNewsFeed .normal_module_container .componentContainer{
  width:388px;
}
#mainPageNewsFeed .normal_module_container .componentContainer .outputForm{
  width:378px;
}
#mainPageNewsFeed .feedIcon{
  margin-right:7px;
  position:relative;
  top:3px;
  left:2px;
}
#mainPageNewsFeed .feedIcon{
  margin-right:7px;
  position:relative;
  top:3px;
  left:2px;
}
#mainPageNewsFeed .feedDate{
  float:right;
  width:100%;
  text-align:right;
  margin-top:10px;
}
#mainPageNewsFeed .listingThumbnail{
  margin-right:5px;
  position:relative;
  top:3px;
  left:2px;
  border:2px solid #eeeeee;
  width:60px;
  height:60px;
  margin-right:10px;
}

#mainPageNewsFeed .listingQuote{
  margin-left:15px;
  margin-top:15px;
  width:250px;
  float:left;
}

#mainPageNewsFeed .emailQuote{
  margin-left:15px;
  margin-top:15px;
  width:348px;
  float:left;
}

#mainPageNewsFeed .listingThumbnailContainer{
  float:right;
}

.agentManagerAgentPhoto{
  border: 20px solid #7d7d7d;
  margin:10px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
NEW FORMS - BACK OFFICE COLORS
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#listingURL {
 background-color:#7D7D7D;
border:1px solid #6D6D6D;
color:#ffffff;
}

.formLegend {
background-color:#6D6D6D;
}

.formHalf_widthR label .requiredField,
.formHalf_widthL label .requiredField {
color:#e78309;
}

/* ----- FORM ERROR ----- */
.formHalf_widthR .form_error,
.formHalf_widthL .form_error {
background-color:#fffcdc;
border:1px solid #ffde00;
color:#000;
}

/* ----- regular input ----- */
.formHalf_widthR .inputReg,
.formHalf_widthL .inputReg {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- radio buttons ----- */
.formHalf_widthR .radioBtn_container,
.formHalf_widthL .radioBtn_container {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- check boxes ----- */
.formHalf_widthR .checkbox_container,
.formHalf_widthL .checkbox_container  {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- textarea ----- */

.formHalf_widthR .textarea,
.formHalf_widthL .textarea {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- drop downs ----- */
.formHalf_widthR .dropDown,
.formHalf_widthL .dropDown {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

.formFull_width label .requiredField {
color:#e78309;
}

/* ----- full width checkbox ----- */
.formFull_width .checkbox_container  {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- full width radio btns ----- */
.formFull_width .radioBtn_container {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- full width inputs ----- */
.formFull_width .inputReg {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- full width textarea ----- */

.formFull_width .textarea {
border:1px solid #6D6D6D;
background-color:#7D7D7D;
color:#ffffff;
}

/* ----- submit buttons ----- */
.submitBtn_container {
border-top:1px solid #6D6D6D;
}

.submitBtn {
font-size:18px;
background-color:#F7941D;
border-color:#f9b461 #d27e19 #d27e19 #f9b461;
color:white;
border-style:solid;
border-width:1px;
margin:8px 8px;
padding:3px 6px;
width:auto;
cursor: pointer;
}

/* -------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
New Listing Deatils CSS styles for back office
-------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------- */

/* ----- Specific Container for Listing Details ---------------------------- */
#listingDetails_container {
background-color:#747474;
}

/* ----- NEW Horizontal Tabs ------------------------------------------ */
.horTabs { 
 border-bottom:1px solid #7D7D7D;
}

.horTabs ul li a {
background-color:#EDEDED;
border-top:1px solid #7D7D7D;
border-lef:1px solid #7D7D7D;
border-right:1px solid #7D7D7D;
}

.horTabs li a:hover,
.horTabs .select a,
.horTabs .select a img {
border-top:1px solid #7D7D7D;
border-lef:1px solid #7D7D7D;
border-right:1px solid #7D7D7D;
background-color:#7D7D7D;
}

/* ----- Reuseable Items ---------------------------- */
#listingDetails_container .title {
background-color:#6D6D6D;
}

/* ----- listingDetails_topDetails: Lising Details Top Data ---------------------------- */
.listingDetails_topDetailsR form input {
border:1px #6D6D6D solid;
}


/* ----- Tabs ---------------------------- */

#listingDetails_container .horizontalTabPanel_slideshow {
background-color:#7D7D7D;
}
		
	#thumbnailsArea {
	background-color:#747474; /*NOTE: add entries to each template for this - set to normal content background color*/
	}

/* ----- Table Data Styles ------------------------------------- */
.dataLabel {
 border-top:1px solid #6D6D6D;
}

.dataOutput {
 border-top:1px solid #6D6D6D;
}

/* ----- DATA DISPLAY LISTS ------------------------------------- */
.dataList li {
 border-bottom:1px solid #6D6D6D;
}

/* ----- Listing Details Disclaimer ------------------------------------- */
.listingDetails_disclaimer {
 background-color:#6D6D6D;
}


/* ---------------------------------------------------------------
------------------------------------------------------------------

LISTING SUMMARY CSS

------------------------------------------------------------------
----------------------------------------------------------------- */

/* Specific Container for Listing Summary */
#listingSummary_container {
background-color:#E6E6E6;
}

/* Individual Summary */
.listingSummary_item {
 border-bottom:3px solid #6D6D6D;
}

/* ----- INQUIRE FORM --------------------------------------------------- */
.inquireForm_wrap {
 border-bottom:1px solid #6D6D6D;
}

.listingSummary_details .tableDataWrap .dataLabel {
 border-bottom:1px solid #6D6D6D;
}

.listingSummary_details .tableDataWrap .dataOutput {
 border-bottom:1px solid #6D6D6D;
}

.listingSummary_moreDetails a {
background-color:#F7941D;
border-color:#F9B461 #D27E19 #D27E19 #F9B461;
  }
  
/* ----- Listing Summary Bottom ------------------------------------- */
  .listingSummary_moreDetails a {
  background-color:#F7941D;
  border-color:#F9B461 #D27E19 #D27E19 #F9B461;
  }
  
  .listingSummary_smallMenu a:hover {
  background-color:#f3f1d3;
  color:#333333;
  }

/* --------------- thirds ------------------------------ */
.componentContainer .third{float:left;width:27%;margin:0 0 0 15px; display:inline-block;}

/* --------------- CKEditor Styles --------------- */
.componentContainer textarea.cke_source  {
	color:#000000;
	margin:0;
	border:0;
}