/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                                                                      *
*        Coldwell Banker Commercial Style Sheet, global.css            *
*     (c) Cyberitas Technologies / Coldwell Banker Commercial          *
*----------------------------------------------------------------------*
* History/Author Information:                                          *
*    - Scott Moore, Cyberitas  March/2005                              *
*      Initial Implementation                                          *
*                                                                      *
*----------------------------------------------------------------------*
* Module Function:                                                     *
*    Website formatting class definitions                              *
*                                                                      *
* Available Groups:                                                    *
*    GLOBAL                                                            *
*    BODY TEXT STYLES                                                  *
*    SITE TEMPLATES                                                    *
*    PAGE STYLES                                                       *
*    MARKET TRENDS                                                     *
*    AGENT, OFFICE AND PROPERTY PROFILE PAGE DISPLAYS                  *
*    SEARCH RESULTS                                                    *
*                                                                      *
* Please place new styles in the appropriate CSS Group.                *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*----------------------------------------------------------------------\
| CSS Group: GLOBAL                                                     |
| Purpose:   Page formatting for every page on the website, fallback    |
|            formatting for non-specific pages.                         |
\----------------------------------------------------------------------*/
body {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
}
input {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}
select {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
textarea {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
a:link {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: none;
}
a:visited {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: none;
}

.hide {
  display: none;
}
.show {
  display: inline;
}

/*----------------------------------------------------------------------\
| CSS Group: BODY TEXT STYLES                                           |
| Purpose:   Page formatting for various body text used on the site.    |
\----------------------------------------------------------------------*/
.bodyHeader{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 14px;
   font-weight: bold;
   color: #859DB5;
}
.bodyLargeHeader{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 16px;
   font-weight: bold;
   color: #666666;
}
.bodyText{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   color: #222222;
}
.bodySmallText{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   color: #222222;
}
.bodyVerySmallText{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 10px;
   color: #222222;
}
.bodySmallestText{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 9px;
}
.bodyTextWhite{
   color : #FFFFFF;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
}
.bodyHiglight{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   color: #859DB5;
}
.bodyUserErrorText {
   font-weight: bold;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   color: #BB2222;
}
a.bodyHref:link {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: none;
}
a.bodyHref:visited {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: none;
}
a.bodyHref:hover {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: underline;
}
a.bodyHrefBlack:link {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: none;
}
a.bodyHrefBlack:visited {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: none;
}
a.bodyHrefBlack:hover {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   text-decoration: underline;
}
a.bodySmallHref:link {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: none;
}
a.bodySmallHref:visited {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: none;
}
a.bodySmallHref:hover {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: underline;
}
a.bodySmallHrefBlack:link {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: none;
}
a.bodySmallHrefBlack:visited {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: none;
}
a.bodySmallHrefBlack:hover {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: underline;
}
a.bodyVerySmallHref:link {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 10px;
   text-decoration: none;
}
a.bodyVerySmallHref:visited {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 10px;
   text-decoration: none;
}
a.bodyVerySmallHref:hover {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 10px;
   text-decoration: underline;
}
a.bodyVerySmallHrefBlack:link {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 10px;
   text-decoration: none;
}
a.bodyVerySmallHrefBlack:visited {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 10px;
   text-decoration: none;
}
a.bodyVerySmallHrefBlack:hover {
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 10px;
   text-decoration: underline;
}


/*----------------------------------------------------------------------\
| CSS Group: SITE TEMPLATES                                             |
| Purpose:   Page formatting for Kinesis template design implementation |
\----------------------------------------------------------------------*/
.cbcheadercell {
   background-color: #466CB2;
}
.cbcbodycell {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
   background-color: #ffffff;
}
.cbcbodycellright {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
   background-color: #ffffff;
}
.cbcbodycellmain {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
   background-color: #ffffff;
}
.cbcfootercell {
   background-color: #466CB2;
   font-family: verdana, arial, helvetica;
   font-size: 9px;
   font-weight: normal;
   color: #ffffff;
}
A.cbcfooterlink:link {
   text-decoration: none;
   color: #ffffff;
}
A.cbcfooterlink:visited {
   text-decoration: none;
   color: #ffffff;
}
A.cbcfooterlink:hover {
   text-decoration: underline;
   font-weight: bold;
}
A.cbctopnavsitelink:link {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
   text-decoration: none;
   color: #ffffff;
}
A.cbctopnavsitelink:visited {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
   text-decoration: none;
   color: #ffffff;
}
A.cbctopnavsitelink:hover {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   text-decoration: underline;
   font-weight: normal;
   color: #ffffff;
}
.cbctopnavtabtable {
   font-family: verdana, arial, helvetica;
   font-size: 11px;
   font-weight: normal;
   color: #ffffff;
}
.cbctopnavtabcellspacer {
   border-left: 0;
   border-right: 0;
   border-top: 0;
   border-bottom: 0;
}
.cbctopnavtabcelloff {
   border-left: 0;
   border-right: 1px solid #355186;
   border-top: 1px solid #355186;
   border-bottom: 0;
}
.cbctopnavtabcellon {
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-bottom: 0;
}

.cbctopnavtabcellbottomhomeoff {
   border-top: 1px solid #ffffff;
   background-color: #B2C1D1;
}
.cbctopnavtabcellbottomhomeon {
   border-top: 0;
   background-color: #B2C1D1;
}
.cbctopnavtabcellbottomfindanadvisoroff {
   border-top: 1px solid #ffffff;
   background-color: #6080A0;
}
.cbctopnavtabcellbottomfindanadvisoron {
   border-top: 0;
   background-color: #6080A0;
}
.cbctopnavtabcellbottomsearchpropertiesoff {
   border-top: 1px solid #ffffff;
   background-color: #305880;
}
.cbctopnavtabcellbottomsearchpropertieson {
   border-top: 0;
   background-color: #305880;
}
.cbctopnavtabcellbottomservicesoff {
   border-top: 1px solid #ffffff;
   background-color: #98A8C0;
}
.cbctopnavtabcellbottomserviceson {
   border-top: 0;
   background-color: #98A8C0;
}
.cbctopnavtabcellbottommarketinteloff {
   border-top: 1px solid #ffffff;
   background-color: #7898B0;
}
.cbctopnavtabcellbottommarketintelon {
   border-top: 0;
   background-color: #7898B0;
}
.cbctopnavtabcellbottomjoincbcoff {
   border-top: 1px solid #ffffff;
   background-color: #A8B8C8;
}
.cbctopnavtabcellbottomjoincbcon {
   border-top: 0;
   background-color: #A8B8C8;
}
.cbctopnavtabcellbottomaboutoff {
   border-top: 1px solid #ffffff;
   background-color: #487090;
}
.cbctopnavtabcellbottomabouton {
   border-top: 0;
   background-color: #487090;
}
.cbctopnavtabcellbottomdefault {
   border-top: 1px solid #ffffff;
   background-color: #7898B0;
}
A.cbcrighthref:link {
   color: #859DB5;
   text-decoration: none;
   font-family: verdana, arial, helvetica;
   font-size: 11px;
}
A.cbcrighthref:visited {
   color: #859DB5;
   text-decoration: none;
   font-family: verdana, arial, helvetica;
   font-size: 11px;
}
A.cbcrighthref:hover {
   color: #859DB5;
   text-decoration: underline;
   font-family: verdana, arial, helvetica;
   font-size: 11px;
}
.cbcrightadcell {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
}
.cbcviewpointemail {
   font-family: verdana, arial, helvetica;
   font-size: 9px;
   font-weight: normal;
   color: #666666;
   width: 135px;
} 
.cbcviewpointsubmit {
   font-family: verdana, arial, helvetica;
   font-size: 11px;
   font-weight: bold;
   background-color: #B2C1D1;             
   border: 0;
   color: #466CB2;
} 
A.cbcviewpointhref:link {
   text-decoration: underline;
   color: #ffffff;
}
A.cbcviewpointhref:visited {
   text-decoration: underline;
   color: #ffffff;
}
A.cbcviewpointhref:hover {
   text-decoration: underline;
   color: #466CB2;
}
.cbclowercontenttitle {
   color: #7F99B2;
   font-size: 13px;
   font-weight: bold;
}
.cbclowercontententry {
   font-size: 10px;
   font-weight: normal;
   margin-top: 10px;
}
.cbcbreadcrumbnav {
   color: #999999; 
   font-family : Arial, Helvetica, sans-serif;
   font-size: 11px; 
   text-align: left; 
   margin: 0;
   padding: 0;
}
div.cbcbreadcrumbnav {
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
   margin-right: 0;
   margin-left: 30px;
}
a.cbcbreadcrumbnav:link {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: none;
}
a.cbcbreadcrumbnav:hover {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
   text-decoration: underline;
}
a.cbcbreadcrumbnav:visited {
   color: #859DB5;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 11px;
}


/*----------------------------------------------------------------------\
| CSS Group: PAGE STYLES                                                |
| Purpose:   Page formatting for specific page types, or specific       |
|            re-used elements for public facing website                 |
\----------------------------------------------------------------------*/
.cbchomepagelowercontentcell {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
   background-color: #CDD7E1;
}
.cbchomepageinfohdrcell {
   font-family: verdana, arial, helvetica;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   background-color: #A9A8A5;
}
.cbchomepageinfobodycell {
   font-family: verdana, arial, helvetica;
   font-size: 9px;
   font-weight: normal;
   color: #A9A8A5;
}
.cbcleftnavtable {
   font-family: verdana,arial,helvetica; 
   font-size: 11px; 
   color:#ffffff;
}
.cbcsearchbg {
   background-color: #EEEEED;
}
.cbcsearchsubmitbg {
   background-color: #A8B9CB;
}
.cbcsboxcell {
   background-color: #A8B9CB;
}
.cbcsubtitleboxcell {
   background-color: #A9A8A5;
   color : #FFFFFF;
   font-size : 10px;
   font-weight : bold;
}
.cbcsearchspacetable {
   font-family: verdana,arial,helvetica; 
   font-size: 11px;  
   padding-left:14px;
}
.cbcsearchelement {
   width: 196px;
   font-family: verdana,arial,helvetica; 
   font-size: 11px;  
}
.cbcentry{
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
}
.cbclinkdriverinfocell {
   font-family: verdana, arial, helvetica;
   font-size: 10px;
   font-weight: normal;
   background-color: #B2C1D1;             
   color: #ffffff;
}
.cbcbrowseofficeagent {
	font-family: Times New Roman, Times, San Serif; 
	font-size: 24px; 
	color: #4068b0; 
	font-weight: normal;
}


/*----------------------------------------------------------------------\
| CSS Group: MARKET TRENDS                                              |
| Purpose:   Page formatting for the Market Trends tools private        |
|            section of the website.                                    |
\----------------------------------------------------------------------*/
#divCont {position:absolute; z-index:10; left:0px; top:0px; height:5000px; width:560px; visibility:hidden; font-family:Arial,Helvetica,sans-serif;}
.clTop   {position:absolute; z-index:10; width:560px; font-family:Arial,Helvetica,sans-serif;font-size : 10px;}
.clSub   {position:absolute; z-index:10; left:0px; top:21px; width:560px; font-family:Arial,Helvetica,sans-serif;}
/*** This sets the style for the links inside the menu. ***/
#divCont .clTop a {color : #333333;; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#divCont .clTop a:hover {color:#333333; text-decoration:none;}
#divCont .clTop .clSub a {color:#000033; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;}
#divCont .clTop .clSub a:hover {color:#000033; text-decoration:none;} 
tr.unselectedMarketCat{
   background-color: #FFFFFF;
   width: 544;
   font-family:Arial,Helvetica,sans-serif; 
   font-size:12px;
}
tr.selectedMarketCat{
   background-color: #99CCFF;
   width: 544;
   font-family:Arial,Helvetica,sans-serif; 
   font-size:12px;
}
.locationText{
   color : #333333;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 18px;
}
td.printMarketCat{
   background-color: #000033;
   color: #FFFFFF;
   font-family:Arial, Helvetica, sans-serif; 
   font-size:11px;
   font-weight: bold;
}
#divControl {position:absolute; left:732px; top:244px; width:10px; visibility:hidden;}
#divContent {position:absolute; left:239px;top:235px; width:476px; height:193px; clip:rect(0px 476px 193px 0px);}
.clScroll   {position:absolute; visibility:hidden;}
.required{ color : #FF6600; }




/*----------------------------------------------------------------------\
| CSS Group: AGENT, OFFICE AND PROPERTY PROFILE PAGE DISPLAYS           |
| Purpose:   Page formatting for the display of agents, office and      |
|            property.  May be used from any page, not just profile.    |
\----------------------------------------------------------------------*/
.agentcard { 
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   border-collapse: collapse;
   margin: 10px;
   width: 760px;
}
.agentcardtitle {
   background-color: #000066;
   color: #ffffff;
   font-weight: normal;
}
.agentcardname {
   font-weight: normal;
   font-family : Georgia, Times New Roman, serif;
   font-size : 19px;
   color: #88A0B7;
}
a.agentcardname:link {color:#88A0B7; text-decoration:none; }
a.agentcardname:visited {color:#88A0B7; text-decoration:none; }
a.agentcardname:hover {color:#88A0B7;text-decoration:underline; }
.agentcardoffice {
   text-decoration: none;
   font-weight: bold;
   color: #000000;
}
a.agentcardoffice{color:#222222;}
a.agentcardoffice:link{color:#222222}
a.agentcardoffice:visited{color:#222222;}
a.agentcardoffice:hover{color:#8CA5CE;}
.agentcardbody {
   font-weight: normal;
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px; 
}
.agentcardofficedba {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: bold;
}
.officecard { 
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   border-collapse: collapse;
   margin: 10px;
   width: 760px;
}
.officecardtitle {
   background-color: #000066;
   color: #ffffff;
   font-weight: normal;
}
.officecardname {
   font-weight: normal;
   font-family : Georgia, Times New Roman, serif;
   font-size : 19px;
   color: #88A0B7;
}
a.officecardname:link {color:#88A0B7; text-decoration:none; }
a.officecardname:visited {color:#88A0B7; text-decoration:none; }
a.officecardname:hover {color:#88A0B7;text-decoration:underline; }

.officecardoffice {
   text-decoration: none;
   font-weight: bold;
   color: #000000;
}
a.officecardoffice:link {color:#88A0B7; text-decoration:none; }
a.officecardoffice:visited {color:#88A0B7; text-decoration:none; }
a.officecardoffice:hover {color:#88A0B7;text-decoration:underline; }

.officecardbody {
   font-weight: normal;
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px; 
}
.officecardroster {
   font-weight: normal;
   color: #000000;
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px; 
}
.officecardofficedba {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: bold;
}
.propertythumb {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   background-color: #000000;
   color: #ffffff;
   font-weight: normal;
}
.emailcard {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   border-collapse: collapse;
   width: 420px;
   height: 300px;
}
.emailheader {
   background-color: #000066;
   color: #ffffff;
   font-weight: normal;
}
.propertycard {
   font-family : Arial, Helvetica, sans-serif;
   font-size : 12px;
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   border-collapse: collapse;
   margin: 10px;
   width: 760px;
}
.propertycardname {
   background-color: #000066;
   color: #ffffff;
   font-weight: normal;
}
.propertycardbody {
   font-weight: normal;
   color: #000000;
}
.propertycardofficedba {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: bold;
}
.enhancedsectionheadercell {
   background-color: #a9a8a5;
   color: #ffffff;
   font-family : verdana, arial, helvetica;
   font-size : 12px;
   font-weight: bold;
   padding: 2px;
}




/*----------------------------------------------------------------------\
| CSS Group: SEARCH RESULTS                                             |
| Purpose:   Page formatting for the display of search result tables    |
|            and their headers.                                         |
\----------------------------------------------------------------------*/
.cbcsearchsort {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: normal;
   color: #ffffff;
}
A.cbcsearchsort:link    { text-decoration: underline; }
A.cbcsearchsort:hover   { text-decoration: none;      }
A.cbcsearchsort:visited { text-decoration: underline; }
.cbcagentsearchsorttext {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: normal;
   color: #595855;
}
.cbcagentsearchnumtext {
   font-family : verdana, arial, helvetica;
   font-size : 12px;
   font-weight: bold;
   color: #666666;
}
.cbcagentsearchnavtext {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: normal;
}
.cbcagentsearchnavtext A:link    { color: #595855; }
.cbcagentsearchnavtext A:visited { color: #595855; }
.cbcagentsearchnavtext A:active  { color: #595855; }
.cbcagentsearchresultheader {
   background-color: #A9A8A5;
   color : #FFFFFF;
   font-size : 10px;
   font-weight : bold;
}
.cbcagentsearchresultheader A:link    { color: #FFFFFF; }
.cbcagentsearchresultheader A:visited { color: #FFFFFF; }
.cbcagentsearchresultheader A:active  { color: #FFFFFF; }
.cbcofficesearchsorttext {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: normal;
   color: #595855;
}
.cbcofficesearchnumtext {
   font-family : verdana, arial, helvetica;
   font-size : 12px;
   font-weight: bold;
   color: #666666;
}
.cbcofficesearchnavtext {
   font-family : verdana, arial, helvetica;
   font-size : 10px;
   font-weight: normal;
}
.cbcofficesearchnavtext A:link    { color: #595855; }
.cbcofficesearchnavtext A:visited { color: #595855; }
.cbcofficesearchnavtext A:active  { color: #595855; }
.cbcofficesearchresultheader {
   background-color: #A9A8A5;
   color : #FFFFFF;
   font-size : 10px;
   font-weight : bold;
}
.cbcofficesearchresultheader A:link    { color: #FFFFFF; }
.cbcofficesearchresultheader A:visited { color: #FFFFFF; }
.cbcofficesearchresultheader A:active  { color: #FFFFFF; }

/*----------------------------------------------------------------------\
|                             --- END ---                               |
| ** Do not simply add new styles to the end of this document.  Please  |
|    read and understand the categories, and IF you need a new style,   |
|    add it to the appropriate category.                                |
\----------------------------------------------------------------------*/