﻿
/* ------------------------------------------------------------- */
/*         General styles to overide default styles.css          */
/* ------------------------------------------------------------- */

body {
  font-family:arial,helvetica,sans-serif; 
  font-size:12px;
  color:#414141;
  background-color:#ECECEC;
  height:100%;
}

a:link, a:visited, a:active, a:hover {
  font-family:arial,helvetica,sans-serif; 
  font-size:12px;
  color:#414141;
  text-decoration:underline;
}

a:hover {
  color:#808080;
}

div#Menu_Main
{
	padding-top:0px;
	margin-top:0px;
	border:0px solid #ff3300;
	background-color:Transparent;
	overflow:hidden;
	vertical-align:top;
}

/* Center the whole page */
div#MasterContainer {
  background-color:Transparent;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  border:0px solid #fff;
  width: 950px;
}

div#MasterHeader {
  height:150px;
  background-color:#171717;
  background-repeat:no-repeat;
  background-position:left;
  margin-bottom:20px;
}

div#BelowPageTitle
{
    display:block;
    margin-top:22px;
    text-align:right;
    padding-right:25px;
}

#middleTD td 
{

 
}

#rightBar td
{
    
}

div#LeftNav_BelowLinks {
  display:block;
  margin-top:0px;
  text-align:center;
}

div#LeftNav_AboveLinks {
  display:none;
}

.ContentAndTitle {
  background-color:#FFFFFF;
  color:#000000;
  padding:0px;
  margin:0px;
  width:628px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  overflow:hidden;
  min-height:500px;
}

div#PageTitle
{
  background-color:#FE9021; 
  width:100%;
}

.Title 
{
  font-family:arial,helvetica,sans-serif; 
  font-size:31px;
  font-weight:normal;
  color:#FFFFFF; /*#323232;*/
  text-transform:uppercase;
  padding-left:25px;
  letter-spacing:0px;
  padding-top:0px;
  height:62px;
}

div#ContentArea
{
    padding:25px; 
    padding-top:0px;  
    color:#414141;
    font:12px Arial;
}

div#liveData
{
    display:block;
    background-color:#414141;
    padding:5px;
    width:150px;
    min-height:170px;
}

div#ownerLogos
{
    padding-left:10px;
    font:13px Arial;
    color:#AAAAAA;  
}

h1, h2 {
  font-size:14px;
  color:#414141;
  font-weight:bold;
}

h4, h3 {
  font-size:13px;
  color:#414141;
  font-weight:bold;
}



/* ------------------------------------------------------ */
/*                      Menu Styles                       */
/* ------------------------------------------------------ */

td#LeftNav
{ 
    width:160px;
    margin:0px;
    padding:0px;
    vertical-align:top;
}

.StaticMenu 
{
   
    margin-top:0px;
    padding-top:0px;
  border-width:0px;
  background-color:#414141;
  border-top:0px solid #ccc;
  width:160px;
}

.DynamicMenu {
  border-left:1px solid #aaa;
  border-color:#cccccc;
  background-color:#414141;
}

.StaticMenuItem {
  background-color:Transparent;
  border-width:0px;
  padding:0px;
  margin:0px;
  padding-left:0px;
  padding-right:0px;
  line-height:20px;
  border-bottom:1px solid #cccccc;
  text-transform:uppercase;
  width:160px;
}

.DynamicMenuItem {
  background-color:Transparent;
  border-color:#cccccc;
  line-height:20px;
  padding-left:5px;
  padding-right:5px;
}

.StaticMenuHover, .DynamicMenuHover {
  background-color:#FE9021; 
  color:#FFFFFF;
 
}

a.StaticMenuItem:link, a.StaticMenuItem:visited, a.StaticMenuItem:active,
a.DynamicMenuItem:link, a.DynamicMenuItem:visited, a.DynamicMenuItem:active {
  font-family:arial,helvetica,sans-serif; 
  font-size:12px;
  color:#cccccc;
  padding:0px;
  margin:0px;
  padding-left:0px;

}

a.DynamicMenuItem:link, a.DynamicMenuItem:visited, a.DynamicMenuItem:active {
  padding:0px;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
}

 a.StaticMenuItem:hover, a.DynamicMenuItem:hover
 {
     color:#FFFFFF;
 }

/* ------------------------------------------------------ */
/*                 Online Form Styles                     */
/* ------------------------------------------------------ */

.FormTable, .Button {
  background-color:#f8f8f8;
}

.FormTable
{
    width:580px;
}

.FormTable, .Legend, fieldset, .InputTextField, .InputTextArea {
  border-color:#aaa;
}

.Button, legend {
  color:#333;
}

.ValidationSummary, .ValidationSymbol {
  color:#980F08;
}

.NoRecordsFound {
  border-color:#ccc;
  background-color:#f8f8f8;
}

/* ------------------------------------------------------ */
/*            Repeating/Tablular Data Styles              */
/* ------------------------------------------------------ */

.SummaryTable {
  border-color:#aaa;
  background-color:#e6e6e6;
  width:580px;
}

.LeftSummaryHeaderCell, .CentreSummaryHeaderCell {
  border-color:#aaa;
}

.LeftBorderCell {
  border-color:#aaa;
}

/* ------------------------------------------------------ */
/*              In-page Sub Menu Styles                   */
/* ------------------------------------------------------ */

.StaticSubMenuItem, .DynamicSubMenuItem {
  background-color:#f8f8f8;
  border:1px solid #626262;
}

.DynamicSubMenuItem {
  border-top-width:0px;
}

.DynamicSubMenuHover {
  background-color:#669966;
}

/* ------------------------------------------------------ */
/*          Used in WorkRequestRecipients.aspx            */
/* ------------------------------------------------------ */

.RecipientsList, .LeasingInfoList, .VacancyIntroContent {
  scrollbar-face-color:#eee;
  scrollbar-track-color:#eee;
  scrollbar-highlight-color:#eee;
  scrollbar-shadow-color:#eee;
  scrollbar-darkshadow-color:#aaa;
  scrollbar-3dlight-color:#aaa;
  scrollbar-arrow-color:#aaa;
}

.RecipientsList, .LeasingInfoList {
  border-color:#aaa;
}

/* ------------------------------------------------------ */
/*               Used in ViewContacts.aspx                */
/* ------------------------------------------------------ */
.ContactsHeader {
  color:#000;
  border-bottom-color:#aaa;
}

/* ------------------------------------------------------ */
/*                Used in ListUsers.aspx                  */
/* ------------------------------------------------------ */

.ListUsersHeader, .ListUsersSubHeader {
  background-color:#E6E6E6;
}

.ListUsersTable, .ListUsersTypeSpacer, .ListUsersSubHeader, .TableCellBorderLeft, .TableCellBorderRight {
  border-color:#aaa;
}

/* ------------------------------------------------------ */
/*             Used in ContractorList.aspx                */
/* ------------------------------------------------------ */

.ContractorLegend {
  border-color:#aaa;
}

/* ------------------------------------------------------ */
/*            Used in TenantListByLevel.aspx              */
/* ------------------------------------------------------ */

.LeasePlanLevelCell {
  border-top-color:#aaa;
  border-right-color:#aaa;
}

.LeasePlanTopTenantCell, .LeasePlanSubHeader {
  border-top-color:#aaa;
}

.NoLevelsInBuilding, .NoTenantsInBuilding {
  font-family:arial,helvetica,sans-serif; 
  font-size:12px;
  border-top-color:#aaa;
  background-color:#f8f8f8;
}

/*-----------------------------------------------------------------------------------------*/
/*                Used by myFacilityReportsLinks.inc in the Common folder                  */
/*-----------------------------------------------------------------------------------------*/
.MyFacilityReports {
  border-color:#aaa;
}

/* ------------------------------------------------------ */
/*            Login/Logout/Disclaimer Styles              */
/* ------------------------------------------------------ */

.Menu_Login
{
    text-align:left;
    font:13px Arial;
    color:#AAAAAA; 
}

.Menu_Login td
{
    font:13px Arial;
    color:#AAAAAA; 
}

.Menu_Login .Menu_InputTextField
{
    background-color:#414141;
    font:13px Arial;
    color:#AAAAAA; 
}

.Menu_Logout, .Menu_Logout td {
  font:13px Arial;
    color:#AAAAAA; 
  border-color:#414141;
}



.Menu_Logout select {
  color:#414141;
}

.Menu_LoginButton, .Menu_LogoutButton {
  color:#414141;
  background-color:#f8f8f8;
}

.Menu_InputTextField {
  border-color:#414141;
}

div#Menu_Misc { 
  width:100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px; /* overrides style in TemplateStyles.css */
  padding-bottom:10px;
  color:#aaa;
}

div#Menu_Misc a 
{
  font:13px Arial;
    color:#AAAAAA; 
  padding-left:5px;
  padding-right:5px;
}

.theatreRoyal
{
    color:#FFF;
    font:bold 13px Arial;
    text-transform:none;
    text-align:left;
    font-weight:bold;
}

.theatreRoyal a
{
    font:bold 13px Arial;
    font-weight:bold;
    color:#FFF;
}

.theatreRoyalItemHeader
{
    display:block;
    background-color:#A9A9A9;
    color:#FFFFFF;
    text-transform:uppercase;
    font:17px Arial;
    padding-left:10px;
    line-height:30px;
}

.theatreRoyalItem
{
    color:#414141;
    font:12px Arial;
    padding:5px;
}

.theatreRoyalItem h1, .theatreRoyalItem h2, .theatreRoyalItem h3
{
    color:#D30212;
    font:bold 15px Arial;
}

/* ------------------------------------------------------ */
/*             for css rounded border edges               */
/* ------------------------------------------------------ */
.xb1, .xb2, .xb3, .xb4 { display:block; }
.xb2, .xb3, .xb4 { background-color:#669966; border:1px solid #626262; border-width:0px 1px; }

.xb1 { background-color:#626262; }
.xb2 { border-width:0 2px; }

/* ------------------------------------------------------ */
/*           for css arrows (used for sorting)            */
/* ------------------------------------------------------ */

.ArrowUp, .ArrowDown, .ArrowUpHighlight, .ArrowDownHighlight {
  border-left-color:#e6e6e6;
  border-right-color:#e6e6e6;
}

/* ------------------------------------------------------ */
/*                    for News Ticker                     */
/* ------------------------------------------------------ */
/* only the styles that overide those in contentstyles.css */

.VerticalTickerItem {
  width:200px;
}

.VerticalTickerTitle {
  border:1px solid #CCC;
  color:#222;
  width:200px;
  background-color:#D8E5F1;
}

#VerticalTickerContent {
  border:1px solid #AAA;
  width:210px; 
  height:110px;
  margin-left:20px;
}

.Menu_ButtonBorder {
  background-color:transparent;
  padding:0px;
}

.ButtonBorder 
{ 
  background-color:transparent;
}

.datetime
{
    color:#FFFFFF;
    font:13px Arial;
    line-height:20px;

}

.AllOrds
 {   font:13px Arial;color:#898888;}
 
 .AllOrdsPrice
 {   font:12px Arial;color:#FFFFFF;}

/*===== Weather Panel Styles =====*/

.WeatherPanel 
{
  width:100%;
  margin:0px;
  border:0px solid #CCC; 
  text-align:center;
  font:12px Arial;
}

.WeatherPanelTitle
{
    display:none;
}

.WeatherPanelDate
{
  display:none;
}

.WeatherPanelImg
{
 display:block; 
 text-align:right;
}

.WeatherPanelDescTemp
{
  text-align:left;
  background-color:Transparent;
  overflow:hidden;
  border:0px solid #CCC;
  padding:2px 0px;   
  vertical-align:middle;
  padding-top:0px;
  font:12px Arial;
}

.WeatherPanelDesc
{
  display:inline;
  margin:0px;
  padding:0px;
  color:#FFF;
  vertical-align:top;
  font:13px Arial;
  padding-top:0px;
}

.WeatherPanelTemp
{
    display:inline;
    color:#FFF;
    font:13px Arial;
    padding-top:0px;
    vertical-align:middle;
}

.currency
{
    font:13px Arial;
}

#currency-rates
{
    display:block;
    position:relative;
    text-align:left;
    width:160px;
    padding-bottom:5px;
}

#currency-rates ul
{
    list-style: none;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    }

#currency-rates ul li{
	color:#919691;
	float:left;
	font-size:13px;
}

#currency-rates ul li span{
	color:#fdfdfd;
	font-size:13px;
}

#currency-rates ul li a{
	font:13px Arial;color:#898888;
	padding-right:13px;
	background:url(/core/images/icons/arrow_right_white.gif) no-repeat right 3px;
	text-decoration:underline;
}

#currency-rates ul li a:hover{
	font-size:13px;
	color:#FFFFFF;
	padding-right:12px;
	background:url(/core/images/icons/arrow_right_white.gif) no-repeat right 3px;
}

.curr-exchange li{
	padding-left:4px;
}

.curr-exchange{
	float:left;
	padding-left:3px;
}
