﻿*
{
    margin:0px;
    padding:0px;
}
a, a:link, a:visited 
{
    color:#006b54; 
    text-decoration: none; 
}
 
a:focus, a:hover, a:active 
{ 
    outline:none; 
    text-decoration: underline;  
}
body
{
    font: normal 62.5% arial, verdana, sans-serif;
    height:100%;
    width:100%;
}
html
{
    font: normal 100.1% arial, verdana, sans-serif;
    height:100%;
    width:100%;
}


h1 { color:#000; font-size: 3.1em; margin: 0px; padding: 0px 0px 12px 0px;}
h2 { color:#000; font-size: 1.5em; margin: 0px; padding: 0px 0px 8px 0px; line-height:1.3em; }
h3 { color:#000; font-size: 1.2em; margin: 0px; padding: 0px 0px 6px 0px; }
h4 { color:#fff; font-size: 2.2em; line-height: 1.1em; margin:0px; padding: 0px 0px 13px 0px; }
h5 { color:#62bd19; font-size: 1.2em; margin: 0px; padding:0px 0px 13px 0px; }
h6 { color:#006b54; font-size: 1.2em; margin:0px; padding: 0px 0px 5px 0px; }

img
{
    border:0px;
    padding:0px;
    margin:0px;
}
p
{
    font: normal 1.1em arial,verdana, sans-serif;
    margin:0px;
    padding:0px 0px 10px 0px;
    line-height:1.4em;    
}
input, select, textarea
{
    border: 1px solid #ccc;
}
ul
{
    list-style:none;
}
/*************** utility ************************************/

.clearBoth
{
    clear:both;
}
.clearLeft
{
    clear:left;   
}
.clearRight
{
    clear:right;   
}
.contentColumn
{
    float:left;  
}
.contentDivLeftPadding
{
    padding:0px 0px 0px 10px;
}
.row
{
    overflow:hidden;
    clear:both;
}
.contentRow
{
    float:left;
    margin-bottom:10px;
    overflow:hidden;
}
.contentDiv
{
    padding: 12px 10px 10px 10px;
}
.contentDiv img
{
    margin-bottom: 5px;
}
.contentDiv strong
{
    font-size:1.1em;
}
.contentBackground
{
    margin-bottom: -2000px;      
    padding-bottom: 2010px;        
}
.contentWrapper
{
    clear:both;
    margin: 0px auto;
    width:970px;    
}
.floatLeft
{
    float:left;
}
.floatRight
{
    float:right;
}
.greenDivider
{
    border-bottom:solid 1px #33745f;
}
.grayDivider
{
    border-bottom:solid 1px #cccccc;
    margin-bottom:5px;
}
.grayDividerVSpacer
{
    border-bottom:solid 1px #cccccc;
    margin-bottom: 8px;   
}
.grayDividerProperty
{
    border-bottom:solid 1px #cccccc;
    margin-bottom: 10px;   
    padding-bottom: 6px;
}
.vSpacer
{
    margin-top:22px;
}
/***************  header ************************************/
#header
{
    background:url(/Images/Common/head_bckgnd.gif);
    background-color:#fbfbfb;
    border-bottom:1px solid #006b54;
    height:75px;
    display:block;
    min-height: 75px; 
    min-width: 970px;    
}
.hotels
{
    margin-left:auto;
    margin-right:auto;
    overflow:auto;
    width:970px;
}

.hotels a.logo, .hotels a.logo:focus, .hotels a.logo:hover, .hotels a.logo:active
{
    background:url(/Images/Common/cbre_logo.gif) no-repeat;  
    display:block;
    height:73px;
    outline:0;
    width:240px;
    float:left;
}
.hotels span
{
    display:none;
}
#searchbar
{
    margin-top:14px;
    float:right;
    overflow:hidden;
}
#searchbar input
{
    font: normal 1em arial, verdana, sans-serif;
    width:80px;
    height:16px;
    float:left;
    margin:1px 8px 0px 0px;   
}

#searchbar a.btnSearch
{
    background-color:#003c79;
    color:#ffffff;
    font: bold 1.1em arial, verdana;    
    text-decoration:none;
    display:block;
    float:left;
    padding: 3px 6px;
}
#searchbar a:hover
{
    background-color:#990000;
}
#navtabs
{
    margin-top: 16px;
    overflow:auto;
    float:right;
    clear:right;
}
#navtabs li
{
    overflow:auto;
    list-style:none;
    margin-left:7px;
    float:left;
}
#navtabs li a
{
    background:url(/Images/Common/topNav_bckgnd.gif) 0 -249px repeat-x;
    background-color:#006633;
    color:#ffffff;
    display:block;
    float:left;    
    font: bold 1.2em arial, verdana;
    height:25px;
    line-height:25px;
    padding: 0px 7px 0px 7px;
    text-decoration:none;
    outline:0
}

#navtabs li a:hover
{
    background:url(/Images/Common/topNav_bckgnd.gif) 0px 1px repeat-x;
    color:#006633;
    text-decoration:underline;
}
.shadow 
{ 
    behavior: url(/Includes/iepngfix.htc); 
    background:url(/Images/Common/shadow.png) repeat-x; 
    display:block; 
    height:15px; 
    left:0; 
    position:absolute; 
    width:100%; 
    min-width:970px;
    z-index:10; 
}

/**************  column widths for homepage ***************************/

.column1HP
{
    width:348px; 
    margin-right:10px;
    background-color:#f1f1f1;
}
.column1HPGreen
{
    width:348px;    
    margin-right:10px;
    background:url(/Images/Common/greenC.gif) top right no-repeat #006b54;     
}
.column2HPImage
{
    width:387px; 
    margin-right:10px;
    background-color:#f1f1f1;
}
.column2HP
{
    width:367px; 
    margin-right:10px;
    background-color:#f1f1f1;
}
.column3HP
{
    width:175px;
    background-color:#f1f1f1; 
}
.twoColumn1
{
    width:175px;
}
.twoColumn2
{
    width: 795px;
}
.threeColumn1
{
    width:175px;
}
.threeColumn2
{
    width: 590px;
    margin:22px 10px 0px 0px;
}
.articleColumn3
{
    width:175px;
    background-color:#f1f1f1; 
}
.threeColumn3
{
    width:195px;
    margin-top:20px;
}
.col385
{
    width: 365px;
    margin-right:10px;
    background-color:#f1f1f1;    
}
.col195
{
    width: 175px;
    margin-right:10px;
    background-color:#f1f1f1;    
}
/************ content styles for homepage ********************************************/


span.smallMap
{
    display:block;
    padding: 0px 0px 2px 0px;
    font-size:1.1em; 
}

span.fap
{
    display:block;
    padding: 10px 0px 2px 0px;
}
span.fap p
{
    margin:0px 0px 6px 0px;
    padding:2px 5px;
    float:left;
    font: bold 1.22em arial, verdana, sans-serif;
    color: #ffffff;
    background: #69c02a;    
    text-transform:uppercase;
    font-weight:bold; 
}
ul.fap
{
    clear:both;
}
ul.fap li
{
    font:normal 1.24em arial,verdana, sans-serif;
    color:#fff;
    background:url(/Images/Common/arw_white.gif) 0 .2em no-repeat;
    float:left;
    padding: 0px 38px 0px 8px;    
}
ul.fap li a, ul.fap li a:link, ul.fap li a:visited
{
    color:#fff;
}
ul.smallMap li
{
    font:normal 1.1em arial,verdana, sans-serif;
    background:url(/Images/Common/arw_tabs.gif) 0 0.2em no-repeat;
    padding: 0px 0px 0px 8px;  
    line-height:1.2em;
}
ul.subnav
{
    background:url(/Images/Common/tabGradient.jpg) 0 0 repeat-x #cfcfcf;
    height:25px;
    padding-left:4px;
}
ul.subnav li
{
    float:left;
    font:normal 1.1em arial,verdana, sans-serif;
    background:url(/Images/Common/arw_tabs.gif) 6px 1em no-repeat;
    color:#000;
    padding:8px 6px 3px 18px;
}
ul.subnav li.selected 
{
    background:url(/Images/Common/arw_tabs.gif) -245px 1em no-repeat #f1f1f1; 
}
ul.subnav li.selected a
{
    text-decoration:none;
    color:#000;
}
#tabBlock h3
{
    padding:0px;
}
.tabContent
{
    padding:10px 0px 0px 0px;
}
.tabContent ul
{
    width:auto;
    float:left;
    margin:0px 0px 10px 0px;
    padding:0px;
}
.tabContent li
{
    font: normal 1.1em arial,verdana, sans-serif;
    background:url(/Images/Common/sqBullet.gif) 0px .6em no-repeat; 
    padding:0px 10px 0px 10px;
    line-height:16px;
}
.tabContent img
{
    margin: 5px 0px 5px 0px;
}
.tabContent strong
{
    font-size: 1.1em;
    padding-top:10px;
    margin:0px;
}
.tabContent p
{
    clear:both;
}
#tabPanel1
{
    display:block;
}
#tabPanel2, #tabPanel3, #tabPanel4
{
    display:none;
}
.news 
{ 
    font-size:1em; 
    margin:6px 0px 0px 0px; 
}
.news a 
{
    font-size:1.1em; 
}
.news li
{
    margin-bottom:7px;
}
a.newsLink:hover,a.newsLink:link,a.newsLink:visited
{
    color:#666666;
    font-size: 0.9em;
    font-weight:normal;
    float:right;
}
/*************  region style *****************************************/
.greenRegion
{     
    width:580px;
}
.greenRegion div
{
    padding: 44px 30px 0px 186px;
}
.greenRegion h4
{
    font-size:1.9em;
}
.greenRegion h4 span
{
    color:#b3cbc3;
}
.greenAmerica
{
    background:url(/Images/Common/map_america.gif) 0px 0px no-repeat #006b54;
} 
.greenEMEA
{
    background:url(/Images/Common/map_emea.gif) 0px 0px no-repeat #006b54;
}
.greenAsiaPac
{
    background:url(/Images/Common/map_asiaPac.gif) 0px 0px no-repeat #006b54;
}
.regionImage
{
    margin-right:10px;
}
/************* team page ********************************************/
.article ul.team
{
    padding:0px;
    margin:0px;
    width:100%;   
}
.article ul.team img
{
    float:left;
    padding:0px 10px 10px 0px;
}
.article ul.team li
{
    width:50%;
    float:left;
    background:none;
    padding:0px;
    font-size: 1em;
}
.article ul.team p
{
    line-height:1.4em;
}
a.prevDetail
{
    float:right;
    background:url(/Images/Common/arw_prev.gif) 0px .35em no-repeat; 
    padding:0 0 0 8px;
    font:normal 1.1em arial,verdana, sans-serif; 
}
.teamDetails p
{
    line-height:1.5em;
}
.teamDetails h2 
{
    color:#000; 
    font-size: 1.5em; 
    margin: 0px; 
    padding: 0px 0px 15px 0px; 
    line-height:1.3em;
}
/*************** article page *****************************************/
.article p
{
    line-height:1.4em;
}
.article ul.half
{
    width:50%;
    float:left;
    padding:10px 0px 10px 0px;
}
.article ul.half li
{
    font: normal 1.1em arial,verdana, sans-serif;
    background:url(/Images/Common/sqBullet.gif) 0px .6em no-repeat; 
    padding:0px 10px 0px 10px;
    line-height:16px;
    
}
.article ul
{
    padding:0px;
    margin:0px;
}
.article li
{
    font: normal 1.1em arial,verdana, sans-serif;
    background:url(/Images/Common/sqBullet.gif) 0px .6em no-repeat; 
    padding:0px 10px 0px 10px;
    line-height:16px;
    
}

/********************  properties page ******************************/
.properties
{
    margin-top:22px;
}
.properties p
{
    line-height:1.4em;
    width:600px;
}
ul.sort
{
    overflow:auto;
    width:100%;
}
ul.sort li
{
    float:left;
    font:normal 1.1em arial,verdana, sans-serif;
    background:url(/Images/Common/arw_lNav.gif) 10px 0.95em no-repeat;
    color:#000;
    padding:8px 6px 3px 18px;
}
ul.sort li.bold
{
    background:none;
    font-weight:bold;
    padding-left:0px;
}
ul.sort li.selected
{
    background:url(/Images/Common/arw_lNav.gif) -240px 0.95em no-repeat;
}
ul.sort li.selected a, ul.pager li.selected a
{
    text-decoration:none;
    color:#dd8e18;    
}
.property img
{
    float:left;
    padding-bottom:12px;
    padding-right:10px;
}
.property
{
    overflow:auto;
    width:100%;
}
.property p
{
    padding:0px;
}
.property div
{
    width:20%;
    float:left;
    padding-right:10px;
}
.pagerLink
{
    float:right;
    overflow:auto;
    text-align:right;
    color:#cccccc;
}
ul.pager li
{
    float:left;
    font:normal 1.1em arial,verdana, sans-serif;
    color:#000;
    padding:0px 0px 0px 6px;    
}
.pagerLink .prev
{
    background:url(/Images/Common/arw_prev.gif) 0 .35em no-repeat; 
    padding:0 0 0 8px;
    font:normal 1.1em arial,verdana, sans-serif;    
    clear:left;
}
.pagerLink .next
{
    background:url(/Images/Common/arw_next.gif) right .35em no-repeat; 
    padding:0 8px 0 0;
    font:normal 1.1em arial,verdana, sans-serif;
}
/**************** form ***********************************************/
fieldset
{
    margin-bottom:0px; 
    padding-bottom:0px; 
    overflow:hidden;
    clear:left;
    float:left;
    border:none;
}

fieldset p
{
    margin:20px 0px 5px 0px;
    padding:0px;
}
fieldset ol 
{
    list-style:none;
    margin:0px;
    padding:0px;
}
fieldset li
{
    clear:left;
    margin: 8px 0px 0px 0px;
    padding:0px;
    overflow:hidden;
}
fieldset select
{
    font-size:1.1em;
    height:20px;    
}
fieldset label
{
    float:left;
    font-size: 1.1em;
    width:80px;
    display:block;
    padding-top: 0.3em;
}
fieldset input
{
    font-size:1.1em;
    height:20px;
    width:300px;
    float:left;    
}

fieldset .radio
{
    display:block;
    width:400px;
    clear:both;
    overflow:auto;
}
fieldset .radio input
{
    border:none;
    float:left;
    width:auto;
    margin-right:4px;
}
fieldset .radio label
{
    display:block;
    float:left;
    width:auto;
    margin-right:8px;
    padding-top:0.3em;
}
/*
fieldset ol.radio
{
    width:400px;
    padding:0px;
    margin:0px;
    vertical-align:middle;
}
fieldset ol.radio label
{
    width:auto;
    float:left;
}
fieldset ol.radio li
{
    clear:none;
    float:left;
    margin:0px 8px 0px 0px;
    padding:0px;
}
fieldset ol.radio input
{
    float:left;
    border:none;
    width:auto;
    margin-right:4px;
}
*/
fieldset textarea
{
    font:normal 1.1em arial,verdana, sans-serif;
    width:380px;
    height: 100px;
}
.formInactive {background:#fff;}
.formActive {background:#f1f1f1;}

fieldset a, fieldset a:visited, fieldset a:link
{
    background-color:#006b54;
    color:#ffffff;
    display:block;
    font: bold 1.1em arial, verdana;    
    text-decoration:none;
    float:left;
    margin:12px 10px 0px 0px;
    padding:5px 9px;
}
fieldset a:hover
{
    background-color:#990000;
    color:#ffffff; 
}
.frmError
{
    width:360px;
    font-size:1.1em;
    color:#fff;
    padding:10px;
    background-color:#62bd19;
    margin-bottom: 10px;
}
.frmSuccess
{
    font-size:1.1em;
    color:#000;
}
.frmError span
{
    font-weight:bold;
}
/************* left nav **********************************************/

a.leftnavSelected
{
    font: bold 1.1em arial, verdana, sans-serif;
    display:block;
    color:#006b54;
    margin-top:6px;
    
}
a.leftsubnav:link, a.leftsubnav:visited
{
    font-size: 1.1em;
    background:url(/Images/Common/arw_lNav.gif) 0px 0.3em no-repeat;
    margin: 3px 0px 1px 16px;
    padding-left: 10px;
    display:block;
    color:#666666;
}

a.leftsubnavSelected:link, a.leftsubnavSelected:visited
{
    font-size: 1.1em;
    background:url(/Images/Common/arw_lNav.gif) -250px 0.3em no-repeat;
    margin: 3px 0px 1px 16px;
    padding-left: 10px;
    color:#62bd19;
    display:block;
}
.navRoot
{
    display:block;
    margin:18px 10px 0px 0px;
    font:bold 1.2em arial,verdana, sans-serif;
    padding-bottom: 6px;
}
a.leftnavSelectedRed
{
    color:#ff2200;
}
/************  site map *********************************************/

.smColWidth
{
    width:120px;
    float:left;
}
.smColWidth a.columnHeader:link, .smColWidth a.columnHeader:hover, .smColWidth a.columnHeader:visited
{
    color: #006b54;
    font: bold 1.2em arial, verdana, sans-serif;
    padding-left: 0px;
}
.smColWidth a:hover, .smColWidth a:visited, .smColWidth a:link
{
    color: #666666;
    font-size:1.1em;
}
.siteMap
{
    margin: 22px 0px 22px 20px;
    overflow:hidden;
}
/*************   footer **********************************************/
#footer
{
    clear:both;
    border-top: solid 1px #cccccc;
}
#footer div
{
    width:970px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;    
}
#footer a, #footer a:link,#footer a:visited
{
    margin-right: 12px;
    color:#005596;
}
#footer span
{
    color:#666666;
}

/*********************   PeopleFinder ***********************/
.pf
{
    margin-top:22px;
}

.pf p.grayDivider
{
    border-bottom:solid 1px #cccccc;
    margin:7px 0px 7px 0px;
    padding:0px 0px 8px 0px;
}
.pf .required
{
    font-style:italic; 
    color:#999;
    margin:0px;
    padding:0px;
}
.pf .note
{
    clear:both;
    margin-top:10px;
}
.pf a.btnForm, .pf a.btnForm:visited, .pf a.btnForm:link
{
    background-color:#006b54;
    color:#ffffff;
    display:block;
    font: bold 1.1em arial, verdana;    
    text-decoration:none;
    float:left;
    margin:12px 10px 0px 0px;
    padding:5px 9px;
}
.pf a.btnForm:hover
{
    background-color:#990000;
    color:#ffffff; 
}
.pf ul
{
    padding:0px;
    margin:30px 0px 0px 0px;
    font-size:1.1em;
    overflow:hidden;
}
.pf ul li 
{
    clear:both;
    overflow:hidden;
    margin:0px;
    padding: 0px;
    vertical-align:middle;
}
.pf ul label 
{
    float: left; 
    height: 2.4em; 
    margin: 0px; 
    padding: 0px; 
    width: 14%; 
}
.pf ul input, .pf ul select
{ 
    color: #666; 
    float: left; 
    font-size: 1em; 
    height: 1.5em; 
    margin: 0px; 
    padding: 0px; 
    width: 40%; 
}

/*********************** GridView ***************************/
.gridview { border-style:none; border-bottom:solid 1px #ccc; margin:20px 0 0; }
.gridview th, gridview th:hover { border-style:none; padding-bottom:4px; background-color:#fff; color:#666; font-weight:normal; font-size:1em; letter-spacing:.01em; }
.gridview td { border-style:none; border-top:solid 1px #ccc; padding: 3px 0; font-size:1.1em; }
.gridview tr:hover, .gridview tr.over { background-color:#f1f1f1; }

.articleContent table { margin:0 0 1em; border-collapse:collapse; }
.articleContent td { border-style:none; border-top:solid 1px #ccc; padding: 3px 15px 3px 0; }

a.PagerLinkSelected, a.PagerLinkSelected:link, a.PagerLinkSelected:visited  { text-decoration:none; font-weight:bold; color:#000; }
.pagingLinks { margin: 16px 0; overflow:hidden; }
.pagingLinks a.disabled, .pagingLinks a.disabled:link, .pagingLinks a.disabled:visited{ color:#666;}
.pagingLinks a.disabled:focus, .pagingLinks a.disabled:hover, .pagingLinks a.disabled:active{ color:#666; text-decoration:none; }
.pagingLinks [disabled="disabled"]{ color:#666; text-decoration:none; }
.pagingLinks a { float:left; margin-right: 16px; display:block; }

/* region section page */
.regionMap { background: url(http://www.square360.com/clients/cbre_hotels/html/img/map_LG.gif) 0 0 no-repeat; margin: 0 0 10px; position:relative; width:576px; min-height:286px; *height:286px; }
.regionMap li a, .regionMap li a:link, .regionMap li a:visited { display:block; background:url(/Images/Common/arw_white.gif) 10px 50% no-repeat #006b54; color:#fff; padding:5px 10px 5px 20px; font-weight:bold; }
.regionMap li a:focus, .regionMap li a:hover, .regionMap li a:active { background:url(/Images/Common/arw_white.gif) 10px 50% no-repeat #62bd19; text-decoration:none; }
.regionMap ul { margin:0;  }
.regionMap li { position:absolute; padding:0; background:none;  top:115px; }
.regionMap li.region1 {  left:70px;  }
.regionMap li.region2 {  left:270px;  }
.regionMap li.region3 {  left:445px;  }

