﻿
body {
  font-family:tahoma,verdana,arial,sans-serif;
  font-size:13px;
  font-weight:normal;
  letter-spacing:normal;
  text-transform:none;
  word-spacing:normal;
  color:#000;
  margin:0px;
  background-color:#E8E8E8;
  background-image:url(/Core/Images/transparentbg.gif);
  background-repeat:no-repeat;
  margin-top:20px;
  
}

div#MasterContainer {
  width:980px;
  z-index:1;
  background-color:#fff;
  border:1px solid #EDEDED;
}

div#MasterHeader  
{
  height:87px;
  width:980px; 
  background-image:url(/Core/Images/Template/CBRE/TheForrestCentre/TheForrestCentre_Header.jpg);
  background-repeat:no-repeat;}
  
div#SiteName { display:none; }

td#LeftNav {
  width:160px;
  height:450px;
  vertical-align:top;
  padding-bottom:25px;
}

div#LeftNav_AboveMenu, div#LeftNav_BelowMenu, div#LeftNav_AboveLoginLogout, div#LeftNav_BelowLinks, div#BelowPageTitle { display:none; }
div#Menu_Main { padding-top:15px; z-index:2 }

.footerArea { display:none; }

.ContentAndTitle {
  padding:10px;
  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
  margin-top: .5em; 
  color: #333;
}

div#PageTitle { width:100%; padding-bottom:8px; }

.Title {
  font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size:20px;
  font-weight:bold;
  color:#000;
  letter-spacing:1px;
}

.ContentContainer {
  width:100%;
}

/* ------------------------------------------------------------- */
/*                          Menu Styles                          */
/* ------------------------------------------------------------- */

.StaticMenu {
  width:100%;
  border-top:1px solid #333;
}

.DynamicMenu {
  border-top:1px solid #333;
  border-right:1px solid #333;
  z-index:1;
}

.StaticMenuItem, .DynamicMenuItem {
  background-color:#C58845;
  border-bottom:1px solid #333;
}

.DynamicMenuItem {
  white-space:nowrap;
}

.StaticMenuHover, .DynamicMenuHover {
  background-color:#C1AA8A;
}

a.StaticMenuItem:link, a.StaticMenuItem:visited, a.StaticMenuItem:active, a.StaticMenuItem:hover,
a.DynamicMenuItem:link, a.DynamicMenuItem:visited, a.DynamicMenuItem:active, a.DynamicMenuItem:hover {
  font:inherit;
  text-decoration:none;
  color:white;
  padding:5px;
  display:block;

  width:100%;
  /*width:auto;*/ /* Overrides width:100%; which doesn't work very well in Firefox. */

  /*border:0px solid green !important;*/ /* OVERRIDES THE INLINE STYLE */

}

/* ------------------------------------------------------ */
/*            Login/Logout/Disclaimer Styles              */
/* ------------------------------------------------------ */

div#Menu_LoginLogout { 
  text-align:center;
  margin-top:20px;
}

.Menu_Logout {
  width:150px;
  color:#333;
  padding-top:2px;
  padding-bottom:6px;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
}

.Menu_Login table, .Menu_Logout table {
  font-size:11px;
  text-align:left;
}

.Menu_Logout table, .Menu_Logout td select {
  width:140px;
}

.Menu_LoginCheckboxTD {
  padding-left:0px;
}

.Menu_LoginButtonTD, .Menu_LogoutButtonTD {
  text-align:right;
  padding: 6px 4px 5px 0px;
}

.Menu_LoginButton, .Menu_LogoutButton {
  font-size:11px;
  border-width:0px;
  background-color:#F2F7F8;
  padding:-1px;
  margin:0px;
}

.Menu_ButtonBorder, .Menu_InputTextField {
  border:1px solid #626262;
}

.Menu_ButtonBorder {
 background-color:#F2F7F8;
  height:16px;
  margin-bottom:3px;
  padding:4px;
}

div#Menu_Misc { 
  text-align:center;
  margin-top:20px;
}

div#DisclaimerLinks {
  text-align:left;
  width:105px;
  line-height:1.1;
}

div#DisclaimerLinks img {
  float:left;
  padding-right:6px;
  padding-top:3px;
}

div#DisclaimerLinks a {
  font-size:11px;
}

/* ------------------------------------------------------------- */
/*                      Template Styles                          */
/* ------------------------------------------------------------- */

h1, h2, h3, h4, h5 
{
  color:#3F6772;
  font-family:verdana,arial,sans-serif;
  padding-bottom:0px;
  margin-bottom:3px;
  font-weight:bold;
  white-space:nowrap;
}

a:link, a:visited, a:active, a:hover,
a.Standout:link, a.Standout:visited, a.Standout:active, a.Standout:hover,
a.SummaryTableLink:link, a.SummaryTableLink:visited, a.SummaryTableLink:active, a.SummaryTableLink:hover {
  font:inherit;
  text-decoration:none;
  color:#113355;
}

a.Standout:link, a.Standout:visited, a.Standout:active, a.Standout:hover, 
a.SummaryTableLink:link, a.SummaryTableLink:visited, a.SummaryTableLink:active, a.SummaryTableLink:hover {
  color:#990000;
}

a.SummaryTableLink:link, a.SummaryTableLink:visited, a.SummaryTableLink:active, a.SummaryTableLink:hover {
  display:block;
  padding:6px 0px;
}

a:active, a:hover, a.Standout:active, a.Standout:hover, a.SummaryTableLink:active, a.SummaryTableLink:hover {
  text-decoration:underline;
}

.Spacer {
  padding-bottom:20px;
}

.BackToLink {
  text-align:right;
  white-space:nowrap;
  vertical-align:bottom;
}

.PageHeaderLinks, .PageHeaderLinksHighlight {
  padding:2px 4px;
}

.PageHeaderLinksHighlight {
  color:#fff;
  background-color:#6699cc;
}

div#Footer {
  clear:both;
}

.demoMode { 
  position:absolute;
  bottom:1em;
  right:1em;
  text-align:right;
  width:360px
}

/* ------------------------------------------------------ */
/*            Repeating/Tablular Data Styles              */
/* ------------------------------------------------------ */

.SummaryTable {
  border-color:#aaa;
  background-color:#F2F7F8;
  /*background-color:#FCFDFD;*/
  color:#000;
}

.EvenSummaryData, .EvenSummaryCentreAlignData, .EvenSummaryRightAlignData {
  background-color:#fff;
}

.OddSummaryData, .OddSummaryCentreAlignData, .OddSummaryRightAlignData {
  background-color:#F2F7F8;
}



.LeftSummaryHeaderCell, .CentreSummaryHeaderCell, .SummaryFilter td {
  border-color:#aaa;
}

.LeftBorderCell {
  border-color:#aaa;
}
.FormTable, .Button, .OpeningHoursTable { 
  font-family:verdana, helvetica, arial, sans-serif; 
  font-size:11px;
  background-color:#F2F7F8;
  /*background-color:#FCFDFD;*/
  color:#000;
}

.FormTable, .ButtonBorder, .Legend, .OpeningHoursTable {
  border:1px solid #626262;
}

.FormTable, .OpeningHoursTable {
  font-weight:normal;
  width:100%;
}

/* ------------------------------------------------------ */
/*                Used in ListUsers.aspx                  */
/* ------------------------------------------------------ */

.ListUsersTable { 
  width:100%;
  font-family:verdana, helvetica, arial, sans-serif; 
  font-size:11px;
  font-weight:normal;
  border:1px solid #626262;
  border-left-width:0px;
  border-right-width:0px;
}

.ListUsersHeader {
  text-align:center;
  font-weight:bold;
  background-color:#F2F7F8;
}

.ListUsersSubHeader {
  text-align:left;
  font-weight:bold;
  background-color:#e3eaeb;
  border-left:1px solid #626262;
  border-right:1px solid #626262;
}

.ListUsersTypeSpacer {
  line-height:3px;
  border:1px solid #626262;
  border-left-width:0px;
  border-right-width:0px;
  background-color:transparent;
}

/*************  BUTTONS *********************/

.Button {
  border-width:0px;
  color:#000;
  padding:0px;
  margin:0px;
  background-color:#F2F7F8;
}

.ButtonContainer {
  width:100%;
  text-align:right;
  padding:10px 0px 5px 0px;
  
}

.ButtonBorder { 
  background-color:#F2F7F8;
  height:20px;
  margin-bottom:3px;
  padding:4px;
}

/* --------------------------------------------------------------------- */
/*                        For Vertical News Ticker                       */
/* --------------------------------------------------------------------- */

.VerticalTickerItem {
  width:140px;
  margin-top:10px;
  padding:1px;
  cursor:hand;
}

.VerticalTickerTitle {
  border:1px solid #CCC;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#3F6772;
  width:130px;
  background-color:#D8E5F1;
  padding:2px;
  cursor:hand;
}

.VerticalTickerText {
  color:#222;
}

#VerticalTickerContent {
  position:relative;
  width:140px; 
  height:190px;
  background-color:white;
  overflow:hidden;
  border:1px solid #CCC;
  padding:2px 4px;
}

#VerticalSpecialOffersContent {
  position:relative;
  width:140px; 
  height:190px;
  background-color:white;
  overflow:hidden;
  border:1px solid #CCC;
  padding:2px 4px;
}

#VerticalWhatsOnContent {
  position:relative;
  width:140px; 
  height:190px;
  background-color:white;
  overflow:hidden;
  border:1px solid #CCC;
  padding:2px 4px;
}


.ArrowUp, .ArrowDown, .ArrowUpHighlight, .ArrowDownHighlight {
  border-left:4px solid #F2F7F8;
  border-right:4px solid #F2F7F8;
  font-size:0px;
  line-height:0%;
  cursor: hand;
  width:0px;
  box-sizing:content-box;
  -moz-box-sizing:content-box;
}

