﻿body {
  font-family:verdana,geneva,tahoma,arial,sans-serif;
  color:#333;
  background-color:#fff; /* outer background */

  margin-left:auto;
  margin-right:auto;
}

.masterContainer
{
 z-index:1;
 border:0px solid #DEDEDE;
 border-bottom:0px solid #aaa;
 width:60%;
 
}

.ContentContainer 
{
    font:12px Verdana;

    margin:10px;
    padding-bottom:10px;
    text-align:left;
    padding-left:20px;
    padding-right:10px;
}

div#ContentArea
{
    margin:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:10px;
}

.Content
{
    
    height:350px;
    vertical-align:top;
    text-align:left;
    
}


.bannerHeader
{
 background-image:url('/Core/Images/Template/CBRE/TheWinterGarden/BG-01.gif');
 background-color:#011d33;
 height:100px;
 text-align:right;
 width:100%;
 padding:0px;
 margin:0px;
}

.Title {
    font:bold 15px Verdana;
	color:#011d33;
	padding-top:25px;
	border-top:1px solid #aaa;
	text-align:left;
	padding-left:20px;
	text-transform:capitalize;
	}

/* ------------------------------------------------------------- */
/*                          Menu Styles                          */
/* ------------------------------------------------------------- */
td#LeftNav 
{
    vertical-align:top;
    border:0px solid red; 
    text-align:left;
    background-image:url('/Core/Images/Template/CBRE/TheWinterGarden/Menu-R-Lines.gif');
    background-repeat:repeat-y;
    background-position:right;
    width:180px;
    text-align:center;
    }
    
div#LeftNav_AboveMenu
{
    background-color:#FFFFFF;
    width:100%;
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    
}


div#MainMenuContainer {
  z-index:2;
  padding:0px;
  text-align:left;
  background-color:Transparent;
}

.StaticMenu {
  width:100%;
  border-top:0px solid #aaa;
  text-align:right;
  background-color:#FFFFFF;
  font-weight:bold;
  }

.DynamicMenu {
  border-top:1px solid #aaa;
  border-right:1px solid #aaa;
  border-left:0px solid #aaa;
  z-index:1;
  text-align:left;
}

.StaticMenuItem{
  background-color:#FFFFFF;
  border-bottom:0px solid #aaa;
  
}


.DynamicMenuItem {
  background-color:#FFFFFF;
  border-bottom:1px solid #aaa;
}

.DynamicMenuItem {
  white-space:nowrap;
}

.StaticMenuHover, .DynamicMenuHover {
  background-color:#FFFFFF;
  color:#99CC66;
}

a.StaticMenuItem:link, a.StaticMenuItem:visited, a.StaticMenuItem:active, 
a.DynamicMenuItem:link, a.DynamicMenuItem:visited, a.DynamicMenuItem:active {
  font:inherit;
  text-decoration:none;
  color:#8DA600;
  padding:5px;
  display:block;
  /* width:100%; This was used originally, however it didn't work too well in Firefox. "width:auto;" is a better option. */ 
  width:auto;
}
a.DynamicMenuItem:hover
{
    color:#384200;
}
a.StaticMenuItem:hover
{
    color:#647500;
}
a:link, a:visited, a:active,
a.SummaryTableLink:link, a.SummaryTableLink:visited, a.SummaryTableLink:active {
  color:#011d33; 
  text-decoration:underline; 
}

a:hover,
a.SummaryTableLink:hover {
  color:#993333; 
  text-decoration:underline; 
}

/* ------------------------------------------------------ */
/*            Login/Logout/Disclaimer Styles              */
/* ------------------------------------------------------ */

div#Menu_LoginLogout { 
  text-align:center;
  margin-top:20px;
  height:100px;
}

.Menu_Logout {
  width:150px;
  color:#333;
  padding-top:2px;
  padding-bottom:6px;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
}

.Menu_Login {
  display:none;
}

.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:#fff;
  padding:-1px;
  margin:0px;
}

.Menu_ButtonBorder, .Menu_InputTextField {
  border:1px solid #626262;
}

.Menu_ButtonBorder {
 background-color :#e3eaeb;
  height:16px;
  margin-bottom:3px;
  padding:4px;
}

div#Menu_Misc { 
  text-align:center;
  margin-top:20px;
}

div#DisclaimerLinks {
  text-align:right;
  width:125px;
  line-height:1.1;
}

div#DisclaimerLinks img {
  float:left;
  padding-right:6px;
  padding-top:3px;
}

div#DisclaimerLinks a {
  font-size:11px;
  color:#779E00;
}



/* --------------------------------------------------------------------- */
/*                   Repeating/Tabular Data Styles                       */
/* --------------------------------------------------------------------- */

.FormTable
{
    background-color:#FCFFF5;
    border:1px solid #aaa;
}

.Button, .ButtonBorder, .Menu_ButtonBorder {
  background-color:#FCFFF5;
}

.SummaryTable {
  font-family:verdana,arial,sans-serif;
  font-size:11px;
  background-color:#BBD4ED;
  border-color:#aaa;
  
}

.RetailImagesHeader
{
        text-align:left;
    background-image:url('/Core/Images/Template/CBRE/TheWinterGarden/BG-01.gif'); 
    color:#FFF;
}

.SummaryHeader
{
    text-align:left;
    background-image:url('/Core/Images/Template/CBRE/TheWinterGarden/BG-01.gif'); 
    color:#FFF;
}

.LeftSummaryHeaderCell, .CentreSummaryHeaderCell, .LeftBorderCell, .SummaryFilter td 
{
  background-color:#A3C082;
  background-image:url('/Core/Images/Template/CBRE/TheWinterGarden/BG-01.gif'); 
  color:#FFF;  
  border-color:#aaa;
  font-weight:bold;
}

.EvenSummaryData, .EvenSummaryCentreAlignData, .EvenSummaryRightAlignData {
  background-color:#FFFFFF;
  color:#000;
}

.OddSummaryData, .OddSummaryCentreAlignData, .OddSummaryRightAlignData {
  background-color:#DDE4B2;
  color:#000;
}

.ListUsersTable
{
  font-family:verdana,geneva,tahoma,arial,sans-serif;
  font-size:11px;
  /*background-color:#A3C082;*/
  border: 1px solid #C1B49A;
}

.ListUsersHeader 
{
    background-image:url('/Core/Images/Template/CBRE/TheWinterGarden/BG-01.gif');
    background-color:#A3C082; 
    color:#fff;
  font: bold 11px verdana,geneva,tahoma,arial,sans-serif;
}

.ListUsersSubHeader
{
    background-color:#C5E6A3; 
    color:#ffffff;
  font: bold 11px verdana,geneva,tahoma,arial,sans-serif;
    
}

.StoreDetailsTenantHeader
{
 color:#214A73;
}

.PageHeaderRight
{
    padding-right:10px;
}

/* --------------------------------------------------------------------- */
/*                 for css arrows (used for sorting)                     */
/* --------------------------------------------------------------------- */

.ArrowUp, .ArrowDown, .ArrowUpHighlight, .ArrowDownHighlight {
  border-left:4px solid #8DA600;
  border-right:4px solid #8DA600;
  font-size:0px;
  line-height:0%;
  cursor: hand;
  width:0px;
  box-sizing:content-box;
  -moz-box-sizing:content-box;
}

.ArrowUp, .ArrowUpHighlight {
  border-bottom-width:8px;
  border-bottom-style:solid;
}

.ArrowDown, .ArrowDownHighlight {
  border-top-width:8px;
  border-top-style:solid;
}

.ArrowUp {
  border-bottom-color:#3366CC;
}

.ArrowDown {
  border-top-color:#3366CC;
}

.ArrowUpHighlight {
  border-bottom-color:orange;
}

.ArrowDownHighlight {
  border-top-color:orange;
}

/*====== Custom Styles from the old site ===========*/
/*td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
}
a:visited {
	color: #009966;
}
a:hover {
	color: #00CC66;
}
a:active {
	color: #66CC00;
}
*/
.style1, a.style1:visited, a.style1:link, a.style1:active {
	color: #8da600;
	font-weight: bold;
	text-decoration:none;
}

.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; }
.style4 {color: #7b9200}