/* ------------------------------------------------------ */
/* Online Form Styles                                     */
/* ------------------------------------------------------ */

/**v** Building code box old template 16-July-2018 **v**/
form:not(.pure-form) span#PageContent_ContentLabel div.BuildingSearch > div {margin-top: 2px !important}
/**^** building code box old template 16-July-2018 **^**/
.Feedback {
  padding:5px;
  color:red;
  width:100%;
}

/* The form tables have been optimized for the font-family & font-style properties. */
/* They should not be overridden in any of the Portfolio or Site stylesheets. */
.FormTable, .Button, .OpeningHoursTable { 
  font-family:verdana, helvetica, arial, sans-serif; 
  font-size:11px;
  background-color:#e3eaeb;
  border-collapse:separate;

}


.FormTable,  .Legend, .OpeningHoursTable {
  border:1px solid #626262;
}

.FormTable, .OpeningHoursTable {
  font-weight:normal;
  width:100%;
}

.OpeningHoursTable {
  background-color:#fff;
  width:400px;
}


.newsImage {float:right;margin:0px 10px 0px 10px; max-width:650px;}

/*************  BUTTONS *********************/

.Button  {
  width:auto;
  border:1px solid #999;
  font:11px Arial, sans-serif;
  line-height:normal;
  color:#333;
  padding:4px;
}

.ButtonContainer {
  width:100%;  text-align:right;
  padding:10px 0px 5px 0px;
}

.ButtonBorder { 
  border-width:0px;
  background-color:transparent;
  padding:0px; margin:0px;
}

/*************  END BUTTONS *********************/

.LeftTableCell {
  text-align:right;
  white-space:nowrap;
}

.RightTableCell {
  text-align:left;
}

.CentreTableCell {
  text-align:center;
}

.TopLeftTableCell{
  text-align:right;
  white-space:nowrap;
  padding-top:20px;
}

.TopRightTableCell{
  text-align:left;
  padding-top:20px;
}

.TopCentreTableCell {
  text-align:center;
  padding-top:20px;
}

.BottomLeftTableCell {
  text-align:right;
  white-space:nowrap;
  padding-bottom:25px;
}

.BottomRightTableCell {
  text-align:left;
  padding-bottom:25px;
}

.BottomCentreTableCell {
  text-align:center;
  padding-bottom:20px;
}

fieldset {
  border:1px solid #626262;
  padding-top:5px;
  /*width:90%;*/
}

fieldset.SiteSetupBoxesFieldset { width:100%;padding: 5px 5px 5px 5px; }

legend {
  color:black; /* comes up blue otherwise (i don't understand why) */
  padding:2px 10px 2px 10px;
}

select {
  font-size:11px;
}

.InputTextField {
  font-size:11px;
  border:1px solid #626262;
}
.HighlightedField {
  font-size:11px;
  border:2px dashed red;
}

.InputTextField_Watermarked 
{
  font-size:11px;
  border:1px solid #626262;
  color: gray;
}


.InputTextArea {
  font-size:11px;
  border:1px solid #626262;
  overflow-x:none;
  overflow-y:auto;
}

.SiteModulesCheckboxList {
  margin-top:5px;
  margin-bottom:15px;
  width:100%;
  text-align:left;
}

.SiteModulesCheckboxList td {
  white-space:nowrap;
  padding-left:15px;
}

.CheckboxList td {
  width:33%;
  white-space:nowrap;
  padding-right:15px;
}

.CheckboxList label, .SiteModulesCheckboxList label {
  padding-left:2px;
}

.HorizontalRadioList {
  display:inline;
}

.HorizontalRadioList td {
  padding-right:15px;
}

.ValidationSummary {
  width:90%;
  padding-left:2px;
  padding-bottom:5px;
  color:Red;
}

.ValidationSummary ul {
  margin:3px 25px;
}


.ValidationSummary_2 {
  border:solid 2px red;
  background:#fbe3e3;
  margin:0px auto;
  padding:15px;
  margin-bottom:20px;
  color:#000
}

.ValidationSummary_2 ul {
  margin:3px 25px;
}

.ValidationLegend {
  text-align:right;
  white-space:nowrap;
}

.ValidationSymbol {
  color:Red;
}

.ConfirmationMessage, .MessagePadBottom, .MessagePadTopBottom, .ImportantMessagePadBottom, .ImportantMessagePadTopBottom {
  padding-bottom:8px;
}

.MessagePadTopBottom, .ImportantMessagePadTopBottom {
  padding-top:8px;
}

.ImportantMessagePadBottom, .ImportantMessagePadTopBottom {
  padding-left:2px;
  font-weight:bold;
  color: red;
}
.info:not(:empty), .success:not(:empty), .warning:not(:empty), .attention:not(:empty), .error:not(:empty), .validation:not(:empty) {
			border-left: 4px solid;
            margin: 10px 0px;
            font-size: 12px;
            padding: 15px 10px;
		}
		.info {
			border-left-color: #2096ff !important;
			background-color: #ebf6ff;
            color: #000;
            text-shadow: 0 0 0 #eee;
		}
		.success {
			border-left-color: #60a517 !important;
			background-color: #ebf6d8;
            color: #000;
            text-shadow: 0 0 0 #eee;
		}
		.warning, .attention {
			background-color: #ffffe3;
            border-left-color: #FFCC33 !important;
            color: #000;
            text-shadow: 0 0 0 #eee;
		}
		.error{
			border-left-color: #D8000C !important;
			background-color: #ffe9e9;
            color: #D8000C !important;
 
		}
		.validation{
			border-left-color: #D63301 !important;
			background-color: #fff0f0;
            color: #D60000 !important;
		}
.info a, .success a, .warning a, .attention a, .error a, .validation a {
    color: inherit !important;
}
.ReturnToLink {
  text-align:right;
  padding-top:10px;
  padding-bottom:10px;
}

.WhatsThis {
  position:relative;
  right:5px;
  top:2px;
  cursor:hand;
}

.MoreInfoFloat {
  position:absolute;
  z-index:1;
  display:none;
  text-align:left;
  white-space:normal;
  line-height:normal;
  font-size:10px;
  background-color:#bbb;
  padding:5px;
  border:1px solid #626262;
}

.MoreInfoContainer {
  text-align:left;
  line-height:1.3;
  font-size:11px;
  border:1px solid #990000;
  padding:8px;
  color:#990000;
}

.MoreInfoHide {
  margin:-8px -4px 0px 0px;
  padding:0px 2px 0px 3px;
  float:right;
  cursor:hand;
  color:#990000;
  border-left:1px solid #990000;
  border-bottom:1px solid #990000;
}

.ImgThumbFloat {
  position:absolute;
  z-index:1;
  visibility:hidden;
  border:1px solid #626262;
}

.FileSeparatorRow td {
  border-bottom:1px solid #ddd;
}

/* ------------------------------------------------------ */
/* Repeating/Tablular Data Styles                         */
/* ------------------------------------------------------ */

/* The summary tables have been optimized for the font-family & font-style properties. */
/* They should not be overridden in any of the Portfolio or Site stylesheets. */
.SummaryTable {
  font-family:verdana, helvetica, arial, sans-serif; 
  font-size:11px;
  font-weight:normal;
  border:1px solid #626262;
  background-color:#e3eaeb;
  width:100%;
}

.SummaryFilter td {
  padding:6px;
  border-bottom:1px solid #626262;
}

.SummaryFilter td table td {
  border-width:0px;
}

.SummaryHeader td, .SummaryHeader th {
  padding:6px 3px;
}

.SummaryHeaderForWrappedTitle td {
  padding-top:2px;
  padding-bottom:2px;
}

.SummaryHeader table td, .SummaryHeaderForWrappedTitle table td {
  padding:1px;
}

.SummaryTableRow td {
  padding:5px 0px;
}

.LeftSummaryHeaderCell, .CentreSummaryHeaderCell, .RightSummaryHeaderCell {
  border-bottom:1px solid #626262;
}

.LeftBorderCell {
  border-left:1px solid #626262;
}

.LeftSummaryHeaderCell {
  text-align:left;
}

.CentreSummaryHeaderCell {
  text-align:center;
}

.RightSummaryHeaderCell {
    text-align:right;
}

.EvenSummaryData, .EvenSummaryCentreAlignData, .EvenSummaryRightAlignData {
  background-color:#fff;
}

.OddSummaryData, .OddSummaryCentreAlignData, .OddSummaryRightAlignData {
  background-color:#eee;
}

.HighlightSummaryData {
  background-color:#FEF8A2;
}

.EvenSummaryCentreAlignData, .OddSummaryCentreAlignData {
  text-align:center;
}

.EvenSummaryRightAlignData, .OddSummaryRightAlignData {
  text-align:right;
}

.EvenSummaryData span, .OddSummaryData span, .EvenSummaryCentreAlignData span, .OddSummaryCentreAlignData span, .EvenSummaryRightAlignData span, .OddSummaryRightAlignData span {
  cursor:hand;
}

.SummaryBackLink {
  text-align:right;
  padding-top:8px;
  vertical-align:text-top;
}

.SortAsc {
  position:relative;
  top:-5px;
  left:0px;
}

.SortDesc {
  position:relative;
  top:4px;
  left:-12px;
}

.SortTop {
  padding-left:2px;
  padding-bottom:1px;
}

.SortBottom {
  padding-left:2px;
  padding-top:1px;
}

.MenuManager_ParentItem {
  width:100%;
  text-align:left;
  border:1px solid #626262;
}

.MenuManager_ChildItem {
  width:100%;
  text-align:left;
  border-width:0px;
}
                
.VerticalHeader {


 /* following two lines display text in vertical position */
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);

/* Internet Explorer */
-ms-transform: rotate(90deg);

vertical-align:middle;
text-align:center;
overflow:hidden;

}

.PagingTable {
  margin-top:5px;
  font-size:11px;  
  width:100%;
}

.PagingHighlight {
  font-size:inherit;
  padding:1px 5px 2px 6px;
  background-image:url(/Core/Images/pagenum_highlight2.gif);
  background-repeat:no-repeat;
  background-position:center;
}

/* --    Form Response Styles      -- */

.FormTableHeader {}
.FormTableResponse {}

/* ------------------------------------------------------ */
/* Some styles to suit some specific need but not used    */
/* that often (possibly even used only once)              */
/* ------------------------------------------------------ */

.Calendar {
  font-family:verdana,arial,sans-serif;
  font-size:11px;
  font-weight:normal;
  color:#000;
  border:1px solid #999;
}

.CalendarImg {
  vertical-align:middle;
  margin-bottom:4px;
}

.CalendarClose {
  text-align:center;
  width:198px;
  border:1px solid #999;
  border-top-width:0px;
  padding-top:2px;
  padding-bottom:2px;
}

.CheckboxColumnRight {
  text-align:right;
  padding-right:22px;
}

a.TenantList:link, a.TenantList:visited {
  font:inherit;
  text-decoration:none;
  color:black;
}

a.TenantList:active, a.TenantList:hover {
  font:inherit;
  text-decoration:underline;
  color:black;
}

.TenantInsuranceDetails fieldset {
  width:90%;
}

.ContractorInsuranceDetails fieldset {
  width:95%;
  padding-top:0px;
}

.ContractorLegend {
  font-family:verdana,arial,sans-serif;
  font-size:11px;
  width:165px;
  padding:5px;
  border:1px solid #626262;
}

.BulletedLevelList {
  margin:0px 12px;
  list-style-image:url(/Core/images/icons/bullet_1.gif);
  list-style-type:none;
}

.BulletedLevelList li {
  padding-bottom:2px;
}

.GuidelinesContainer {
  padding-left:2px;
  padding-bottom:8px;
}

.GuidelinesList {
  margin:5px 0px 0px 35px;
  line-height:1.5;
}

.NoRecordsFound {
  margin-top:10px;
  padding:10px;
  border:1px solid #990000;
  background-color:#ffeeee;
}

.ForceBreak {
  word-break:break-all;  
}

.NoWrap {
  white-space:nowrap;
}

/* ------------------------------------------------------ */
/*            Used in WorkRequestSearch.aspx              */
/* ------------------------------------------------------ */

.SpreadsheetExport {
  position:relative;
  z-index:0; /* This is important. If it's set any higher then it can interfere with dynamic menus */
  margin-top:-8px;
}

.SpreadsheetExportTable {
  font-size:11px;
  padding-bottom:4px;
}

.TWRSManagerSummarySubHeader {
  position:relative;
  z-index:0; /* This is important. If it's set any higher then it can interfere with dynamic menus */
  margin-top:-8px;
}

.AuditEntries {
  font-size:9px;
  text-align:left;
}

.NLACell {
  padding-top:4px;
}

/* ------------------------------------------------------ */
/*          Used in WorkRequestStatistics.aspx            */
/* ------------------------------------------------------ */

.StatsItalicSubHeader {
  text-align:left;
  padding-top:15px;
  font-style:italic;
  text-decoration:underline;
}

.StatsBoldSubHeader {
  text-align:left;
  padding-top:15px;
  font-weight:bold;
}

.StatsLeftCell {
  text-align:left;
  white-space:nowrap;
}

.StatsRightCell {
  text-align:right;
}


/* CSS for Account Code Breakdown */
.account-budget-over {
    color: red
}

.account-budget-ok {
    color: green;
    font-weight: 700;
    text-shadow: 0 0 0 #000
}

.account-budget-none {
    color: gray
}

.tblAccountCodeBreakdown td:first-child .select2-container {
    width: auto !important;
    max-width: 200px;
}

.tblAccountCodeBreakdown .switch-field input {
    position: absolute !important;
    clip: rect(0,0,0,0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
}

.tblAccountCodeBreakdown .switch-field label {
    /*float: right;*/
    margin-bottom: -5px;
    display: inline-block;
    width: 40px;
    background-color: #e4e4e4;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    padding: 2px 7px;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.3),0 1px rgba(255,255,255,.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3),0 1px rgba(255,255,255,.1);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}



    .tblAccountCodeBreakdown .switch-field label:hover {
        cursor: pointer
    }

.tblAccountCodeBreakdown .switch-field input:checked + label {
    background-color: gray;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.tblAccountCodeBreakdown .switch-field label:first-of-type {
    border-radius: 4px 0 0 4px
}

.tblAccountCodeBreakdown .switch-field label:last-of-type {
    border-radius: 0 4px 4px 0
}

.tblAccountCodeBreakdown .InputAddOn {
    display: flex;
    max-width:100px;
}

.tblAccountCodeBreakdown .InputAddOn-field {
    flex: 1;
    background-color: #fff;
    text-align:right;
    overflow:hidden;
}

    .tblAccountCodeBreakdown .InputAddOn-field:not(:first-child) {
        border-left: 0 !important
    }

    .tblAccountCodeBreakdown .InputAddOn-field:not(:last-child) {
        border-right: 0 !important
    }

.tblAccountCodeBreakdown .InputAddOn-item {
    background-color: rgba(147,128,108,.1);
    color: #000;
    font: inherit;
    font-weight: 400;
}

.tblAccountCodeBreakdown span.InputAddOn-item {
    line-height: 2.2rem;
    display:inline-block;
    /*overflow:hidden;*/ 
    min-width:15px;
    text-align:center;
    padding-left:4px; padding-right:4px;   
}

    .tblAccountCodeBreakdown .InputAddOn-field, .tblAccountCodeBreakdown .InputAddOn-item {
        border: 1px solid #ccc
    }

    .tblAccountCodeBreakdown .InputAddOn-field:first-child, .tblAccountCodeBreakdown .InputAddOn-item:first-child {
        border-radius: 4px 0 0 4px !important
    }

    .tblAccountCodeBreakdown .InputAddOn-field:last-child, .tblAccountCodeBreakdown .InputAddOn-item:last-child {
        border-radius: 0 4px 4px 0 !important
    }

.tblAccountCodeBreakdown img.svg {
    max-height: 30px;
    max-width: 30px;
    width: 30px;
    height: 30px
}

    .tblAccountCodeBreakdown img.svg.background-mask {
        background-color: #000;
        mask-size: cover;
        width: 30px;
        height: 30px;
        -webkit-mask-size: cover;
        display: inline-block
    }

li.invCheckFound, li.invCheckNotFound {
    list-style-type: none;
    padding-left: 20px;
    margin-left: -40px;
    margin-bottom: 4px;
}

li.invCheckFound {
    background: url('/Core/Images/Icons/True.gif') no-repeat; 
}

li.invCheckNotFound {
    background: url('/Core/Images/Icons/False.gif') no-repeat;
}

/* ------------------------------------------------------ */
/*          Used in WorkRequestRecipients.aspx            */
/* ------------------------------------------------------ */
.RecipientsList, .LeasingInfoList, .VacancyIntroContent {
    scrollbar-face-color: #ccc;
    scrollbar-track-color: #eee;
    scrollbar-highlight-color: #ccc;
    scrollbar-shadow-color: #ccc;
    scrollbar-darkshadow-color: #626262;
    scrollbar-3dlight-color: #626262;
    scrollbar-arrow-color: #626262;
}

.RecipientsList, .LeasingInfoList {
  overflow:auto;
  overflow-x:hidden; /* for IE6 */
  border:1px solid #626262;
  padding:0px;
}

.RecipientsList {
  width:515px; /* DO NOT OVERRIDE THIS STYLE */
  height:189px; /* DO NOT OVERRIDE THIS STYLE */
}

.LeasingInfoList {
  width:398px; /* DO NOT OVERRIDE THIS STYLE */
  height:200px; /* DO NOT OVERRIDE THIS STYLE */
}

.VacancyIntroContent {
  width:588px;
  overflow-x:auto;
  padding:5px;
}

.RecipientNotice {
  color:red;
  font-weight:bold;
  font-size:90%;
  padding-top:5px;
}

/* ------------------------------------------------------ */
/*                   Draggable Lists                      */
/* ------------------------------------------------------ */

ul.DraggableList li {	margin: 0px; } 
#ulDraggableList li { margin: 0px; }

ul.DraggableList {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul.DraggableList li {
	cursor:auto;
	margin: 0px;
}

.handCursor { cursor: hand; }

td.handle {
  cursor: move;
  background-image: url(/Core/images/icons/DragHandle.gif);
  background-repeat: repeat;
  width: 10px;
  height: 20px;
}
/*  End Draggable Lists */

/* ------------------------------------------------------ */
/*               Used in ViewContacts.aspx                */
/* ------------------------------------------------------ */

.ContactsHeader {
  font-weight:bold;
  font-size:13px;
  color:#075796;
  border-bottom:1px solid #626262;
}

.ContactsContent {
  line-height:1.6;
  padding-top:5px;
  padding-left:10px;
}

.ContactsName {
  font-weight:bold; 
}

.ContactsSeparator {
  height:15px; 
}

.ContactsRule {
  display:none;
}

/* ------------------------------------------------------ */
/* Used in TenantListByLevel.aspx/TenantListByTenant.aspx */
/* ------------------------------------------------------ */

.LeasePlanLevelCell {
  text-align:center;
  width:130px;
  padding:6px;
  white-space:nowrap;
  border-top:1px solid #626262;
  border-right:1px solid #626262;
}

.LeasePlanTenantCell {
  text-align:left;
  background-color:#fff;
}

.LeasePlanTopTenantCell {
  text-align:left;
  background-color:#fff;
  border-top:1px solid #626262;
}

.LeasePlanSubHeader {
  text-align:right;
  border-top:1px solid #626262;
  padding:6px;
}

.LeasePlanRowHighlight {
  background-color:#efefef;
}

.NoLevelsInBuilding, .NoTenantsInBuilding {
  padding:10px;
  background-color:#fff;
}

.NoLevelsInBuilding {
  border-top:1px solid #626262;
}


.TenantListHeader {
  text-align:center;
}

.TenantListHeader td {
  border-bottom:1px solid #626262;
}

.BuildingFilter {
  text-align:right;
  border-bottom:1px solid #626262;
}

.bulding-profile-intro {}
.bulding-profile-list {list-style:none;  padding-left:0px; margin-left:0px; border-top:1px dotted #aaa;}
.bulding-profile-list li {list-style:none; padding-left:0px; margin-left:0px; clear:both; border-bottom:1px dotted #aaa; padding:5px 0px;}
.building-profile-level {float:left; min-width:140px; font:14px Arial; text-align:center; margin-right:10px;}
.building-profile-tenantName {float:left;}

/* ------------------------------------------------------ */
/*              Used in ManageTenant.aspx                 */
/* ------------------------------------------------------ */

.MultiBuildingSubHeader {
  text-align:left;
  padding:2px 5px;
  background-color:#ccc;
  border:1px solid #626262;
}

.LeasingInformationHeaderCell {
  background-color:#ccc;
  border-bottom:1px solid #626262;
}

/* ------------------------------------------------------ */
/*                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:#e3eaeb;
}

.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;
}

.TableCellBorderLeft {
  border-left:1px solid #626262;
}

.TableCellBorderRight {
  border-right:1px solid #626262;
}

.SuperUserRow td {
  padding-top:1px;
  padding-bottom:1px;
}

/* ------------------------------------------------------ */
/*             Used in Store Directory pages              */
/* ------------------------------------------------------ */

.StoreDirectoryContainer {
  width:100%;
}

.CategoryHeader {
  font-weight:bold;
  border-bottom:1px solid #444;
  padding:4px;
  margin:20px 0px 5px 0px;
}

.CategoryTenant {
  padding:3px 10px;
}

.StoreDetailsTenantHeader {
  font-size:14px;
  font-weight:bold;
  letter-spacing:1.5px;
  border-bottom:1px solid #444;
  padding:4px;
  color:orange;
}

.StoreDetailsSubHeader {
  font-weight:bold;
}

.StoreDetailsCell, .StoreDescriptionCell {
  border-bottom:1px solid #444;
}

.StoreDescriptionCell {
  text-align:justify;
}

.StoreDetailsGalleryImg {
  border:1px solid #000;
  margin:0px 5px 5px 0px;
  cursor:hand;
}

.RetailMainImage {
  border:1px solid #000;
  float:right;
  margin:2px 0px 0px 5px;
}

.RetailImagesHeader {
  background-color:#6699cc;
}

/* ------------------------------------------------------ */
/*            Used in Events Calendar pages               */
/* ------------------------------------------------------ */

/* Summary Pages */

.YrCal, .MthCal {
  text-align:center;
}

.YrCalHed, .MthCalHed {
  padding:3px;
  background-color:#6699cc;
  font-size:larger;
}

.YrNav, .MthNav, .WkNav {
  font-size:20px;
}

.YrCalSubHed, .MthCalSubHed {
  background-color:#aaa;
}

.MthCalSubHed {
  padding:5px;
}

.YrCalSubHed td, .MthCalSubHed td {
  width:14%;
}

.MthCalDay, .YrCalDay {
  background-color:#ddd;
}

.MthCalDay {
  height:80px;
  vertical-align:top;
}

.MthCalDayNo {
  float:left;
  padding:3px;
}

.MthCalDayEvent {
  text-align:right;
  padding:1px 5px;
  margin-bottom:0px;
  border:0px solid #000;
}

.MthCalDayEvent a img {
  border:none;
  margin-bottom:-1px; /* Putting anchor around image fucks up the margin. This is here to correct this apparent BUG!!. */
  height:20px;
  width:20px;
}

.WkNav {
  vertical-align:middle;
 }

.WkNav2 {
  height:1px;
  text-align:center;
  writing-mode:tb-rl;
}

.MthLegendRightCell {
  white-space:nowrap;  
  padding-left:5px;
}

.MthLegendIcon {
  padding:2px;
  text-align:center;
  border:1px solid #000;
}

.MthLegendIcon img {
  width:20px;
  height:20px;
}

.YrCal a:link, .YrCal a:visited, .YrCal a:active, .YrCal a:hover, 
.MthCal a:link, .MthCal a:visited, .MthCal a:active, .MthCal a:hover {
	color:#333;
  text-decoration:none;
}

.YrCalPreview {
  position:absolute;
  z-index:1;
  visibility:hidden;
  font-size:11px;
  text-align:left;
  padding:0px;
  width:200px;
  background-color:#ddd;
  border:1px solid #626262;
}

.YrCal_OverLib_Preview {
  font-family:arial,sans-serif; /* ???? */
  color:#333;                   /* ???? */
  font-size:11px;
  text-align:left;
  padding:0px;
  width:200px;
  background-color:#ddd;
  border:1px solid #626262;
}

.YrCalPreviewHed {
  text-align:center;
  padding:3px 0px;
  background-color:#6699cc;
  border-bottom:1px solid #626262;
  font-size:11px;
}

.YrLegendCell {
  width:8px;
  height:8px;
  overflow:hidden;
  border:1px solid #000;
}

/* Details Page */

.CalDetContainer {
  padding:15px;
}

.CalDetHed {
  font-weight:bold;
  font-size:13px;
  color:#000;
  border-bottom:1px solid #626262;
  margin-bottom:8px;
}

.CalDetContent {
  line-height:2;
  padding-left:10px;
}

.CalDetDateTime {
  color:#666;
  font-weight:bold;
}

.CalDetLabel {
  font-weight:bold;
}

.CalDetDescription {
  line-height:normal;
  padding:5px 0px;
}

/* Manage Categories Page */

.IconsList {
  height:170px;
  overflow:auto;
  border:1px solid #626262;
  padding:0px;
  scrollbar-face-color:#ccc;
  scrollbar-track-color:#efefef;
  scrollbar-highlight-color:#ccc;
  scrollbar-shadow-color:#ccc;
  scrollbar-darkshadow-color:#626262;
  scrollbar-3dlight-color:#626262;
  scrollbar-arrow-color:#626262;
}

/* --------------------------------------------------------------------- */
/*                           Used in DMS pages                           */
/* --------------------------------------------------------------------- */

/*
.DMSSearchTable { background-color:#eee; }
.DMSSearchTabs { background-color:#6699cc; }
.DMSSearchHeader { background-color:#ccc; }
*/

.pnlDMSBuildingProfile {z-index:2; overflow:visible !important; min-height:800px;}
.pnlDMSBuildingProfile  .sf-vertical > ul { z-index:3000;}

.pnlDMSBuildingProfile .sf-menu li {
  background-color:#666;
  background-image: -webkit-linear-gradient(top, #808080, #666);
  background-image: -moz-linear-gradient(top, #808080, #666);
  background-image: -o-linear-gradient(top, #808080, #666);
  background-image: linear-gradient(top bottom, #808080, #666);
  background-image: -ms-linear-gradient(top, #808080 0%, #666 100%);
}


.pnlDMSBuildingProfile .sf-menu li a {color:#FFF; min-width:160px; min-height:18px;}
.pnlDMSBuildingProfile .sf-menu li:hover,
.pnlDMSBuildingProfile .sf-menu li.sfHover {
  background-color:#999;
  background-image: -webkit-linear-gradient(top, #B3B3B3, #999);
  background-image: -moz-linear-gradient(top, #B3B3B3, #999);
  background-image: -o-linear-gradient(top, #B3B3B3, #999);
  background-image: linear-gradient(to bottom, #B3B3B3, #999);
  background-image: -ms-linear-gradient(top, #B3B3B3 0%, #999 100%);
}

.pnlDMSBuildingProfile a span.profileText {
    display: inline-block;
    float:left;
    line-height:18px; 
}
.pnlDMSBuildingProfile .badge {
  display: inline-block;
  float:right;
  padding: 2px 5px;
  margin-left:-15px;
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size:11px;
  color: #666;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid;
  border-radius:9px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-color: #B3B3B3;
}


/*.pnlDMSBuildingProfile .badge {
  background: #fff;
  border-color: #A3A3A3;
}*/

.DMSSummaryTable {
  font-family:verdana, helvetica, arial, sans-serif; 
  font-size:11px;
  font-weight:normal;
  border:1px solid #626262;
  width:100%;
}

.DMSSummaryHeader {
  background-color:#e3eaeb;
  padding:4px 0px;
}

.DMSSummaryHeader td {
  text-align:left;
  border-bottom:1px solid #626262;
}

.DMSSummarySpacerRow {
  background-color:#e3eaeb;
}

.DMSSortTable td {
  border-width:0px;
  font-size:11px;
}

.DMSSummaryRowSeparator {
  border-bottom:1px dashed #ccc;
}

a.DMSSummaryLink:link, a.DMSSummaryLink:visited, a.DMSSummaryLink:active, a.DMSSummaryLink:hover {
  font-size:11px;
  text-decoration:none;
}

a.DMSSummaryLink:hover {
  text-decoration:underline;
}

.DMSRemoveBtn {
  font-size:11px;
  border:1px solid #626262;
  width:66px;
  height:18px;
}

.DMSAddFileHeader {
  background-color:#ddd;
}

.DMSAddFileHeader td {
  text-align:left;
  padding:5px 0px;
  padding-left:235px;
  border-bottom:1px solid #626262;
}

.DMSAddFileSubHeader {
  background-color:#eee;
}

.DMSAddFileSubHeader td {
  text-align:left;
  padding-left:5px;
  padding-top:5px;
}

.DMSAddFileRow {
  background-color:#eee;
}

.DMSAddFileRow td {
  padding-bottom:4px;
}

.DMSEditFileHeader {
  background-color:#ddd;
}

.DMSEditFileHeader td {
  padding:5px 0px;
  text-align:center;
  border-bottom:1px solid #626262;
}

.DMSRightArrow {
  margin-left:10px;
  margin-right:5px;
}

.DMSDocFloat, .DMSDocPartFloat {
  width:550px;
  position:absolute;
  z-index:1;
  visibility:hidden;
  overflow:hidden;
  text-align:left;
  font-size:10px;
  background-color:#FFFFCF;
  padding:0px;
  border:1px solid #626262;
}

.DMSDocFloatDetails {
  padding:8px 12px;
  line-height:1.8em;
  border-bottom:1px solid #626262;
}

.DMSDocFloatSinglePartDetails, .DMSDocFloatMultiPartDetails {
  width:100%;
  padding:8px 12px;
  line-height:1.8em;
  white-space:nowrap;
  border-left:1px solid #626262;
}

.DMSNoDocPart {
  padding:8px 12px;
  color:red;
}

.DMSAssignToSubTitle {
  padding-left:3px;
  padding-bottom:2px;
  margin-top:5px;
  margin-bottom:5px;
  border-bottom:1px solid #626262;
}

.DMSMenuSearchTable {
  background-color:#A5C2E0;
  margin-left:40px;
  border-bottom:1px solid #626262;
}

a.DMSMenuSearchLink:link, a.DMSMenuSearchLink:visited, a.DMSMenuSearchLink:hover, a.DMSMenuSearchLink:visited, .DMSMenuNoLink, .DMSMenuBuildingNoLink {
  text-decoration:none;
  color:#333;
  padding:6px;
  padding-left:10px;
  white-space:nowrap;
  border:1px solid #626262;
  border-bottom-width:0px;
  display:block;
  overflow:hidden; /* Using display:block can create overflow. We want to hide this. */
}

.DMSMenuPortfolioRow, .DMSMenuSiteRow, .DMSMenuBuildingRow { background-color:#6894C1; }
.DMSMenuBuildingRow td { border-bottom:2px solid #626262; }

.DMSMenuHighlightRow, .DMSMenuBuildingHighlightRow { background-color:#ffffcf; }
.DMSMenuBuildingHighlightRow td { border-bottom:2px solid #626262; }

.DMSMenuNoLink, .DMSMenuBuildingNoLink {
  color:#999;
  background-color:#ddd;
}

.DMSMenuBuildingNoLink { border-bottom:2px solid #626262; }


/* --------------------------------------------------------------------- */
/*        Styles for DocumentsDialog.aspx (used by CuteEditor)           */
/* --------------------------------------------------------------------- */

.DocDialogBody {
  background-image:none;
  background-color:#fff;
  color: #111;
  font-family: tahoma,arial,helvetica,sans-serif;
}

.DocDialogFileList {
  width:100%;
  height:240px;
  overflow-x:hidden;
  overflow-y:scroll;
  border:1px solid #000;
}

.DocDialogFileListHighlightRow {
  background-color:#ADD8E6;
}

.DocDialogFileListClickedRow {
  background-color:#66CCFF;
}

.DocDialogFileListHeader {
  background-color:#0055EA;
  color:#fff;
  font-weight:bold;
}

.DocDialogFileListHeader td {
  text-align:center;
}


/* --------------------------------------------------------------------- */
/*                 for css arrows (used for sorting)                     */
/* --------------------------------------------------------------------- */

.ArrowUp, .ArrowDown, .ArrowUpHighlight, .ArrowDownHighlight {
  border-left:4px solid #e3eaeb;
  border-right:4px solid #e3eaeb;
  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;
}

/* --------------------------------------------------------------------- */
/*                        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:#000;
  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;
}

.WeatherPanel 
{
  width:250px;
  margin:5px;
  border:1px solid #CCC; 
  text-align:center;
}

.WeatherPanelTitle
{
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#000;
  width:250px;
  font-weight:bold;
  padding-top:10px; 
}

.WeatherPanelDate
{
  text-align:left;
  color:#666;
  font:14px Arial;
  white-space:pre-wrap;
  padding-left:5px;
}

.WeatherPanelImg
{
    
}

.WeatherPanelDescTemp
{
  position:relative;
  width:250px; 
  background-color:white;
  overflow:hidden;
  border:0px solid #CCC;
  padding:2px 4px;   
  vertical-align:top;
  padding-top:30px;
}

.WeatherPanelDesc
{
  display:block; 
  position:relative;
  color:#666;
  font:17px Arial;
}

.WeatherPanelTemp
{
    display:block;
    position:relative;
    color:#333;
    font:25px Arial;
    padding-top:5px;
}


/* == Whats around == */
.whatsAroundDesc {max-width:300px;width:300px;height:auto;text-align:justify; max-height: 250px;
    min-height:50px;min-width: 200px;padding-right:6px;overflow-x:auto;overflow-y: auto;
}

#whatsAround-canvas {border:1px solid #aaa;}
.whatsAround-categoryHeading {margin:5px 5px 0px 5px; border-bottom:1px dotted #ccc;padding:2px 5px;}
.whatsAround-categoryHeading a {font: bold 14px Arial; color:#333; text-decoration:none;}
.whatsAround-categoryListings {margin-left:20px; margin-bottom:5px;}
.whatsAround-categoryListings a {font: 11px Arial; color:#333; text-decoration:none;}



/* --------------------------------------------------------------------- */
/*                        Progress Bar styles                            */
/* --------------------------------------------------------------------- */

.ProgressBarFloat {
  position:fixed;
  display:block;
  top:0px;
  left:0px;
  z-index:1;
  width:100%;
  height:35px;
  font-size:10px;
  text-align:center;
  white-space:normal;
  background-color:#FFFFAD;
  border-bottom:1px solid #626262;
  padding-bottom:10px;
  color:#000;
}

.assignToDropdown {
  font-size:10px;
  width:384px;
}

.AssignToContactDetails {
  width:375px;
  font-size:10px;
  background-color:#fff;
  border:1px solid #aaa;
  padding:2px;
  padding-left:5px;
  margin-top:2px;
  color:#000;
}

.BuildingSpecificImagesSlideshow{border:1px solid #aaa; float:right; margin: 0px 0px 8px 8px; min-height:200px;}
.BuildingSpecificImagesSlideshow img:not(:first-of-type) {display:none} /*prevents FOUC*/
.cycle-slideshow a img {border:0px;}


/*used on contractor management page */
.popupDialog {
    text-align:center;
    position:absolute;
    top:250px;
    margin-left:100px;
    border: solid 5px #999;
    background-color:#FFFFFF;
    z-index:1;
    display:none; /* don't display by default */
    color:#000;
}

/* Used on /Pages/Slideshow.aspx -- added new ul layout type */
ul.propertyImages {list-style:none; margin:0px; padding:0px; width:100%; clear:both;}
ul.propertyImages li {margin:10px; float:left;}

.twrs-status-New, .twrs-status-New a, 
.twrs-status-InProg, .twrs-status-InProg a,
.twrs-status-Complete, .twrs-status-Complete a,
.twrs-status-ContrComp, .twrs-status-ContrComp a,
.twrs-status-Cancelled, .twrs-status-Cancelled a,
.twrs-status-Invoiced, .twrs-status-Invoiced a, 
.twrs-status-Quoted, .twrs-status-Quoted a  
{}


.docThumb {display:inline-block; text-align:center; border:1px solid #ccc; font-size:9px;padding:5px;}
.docThumbLink {text-decoration:none;}

/*Removes the traces of the additional tds that are "hidden" on purecssio sites' Work request page*/
.pure-g table.FormTable tr.expectedcompletion td {
    padding: 0;
}
/*targets the date picker on pure 0.5 sites*/
html.yui3-js-enabled div.ajax__calendar_days > table td {
    padding: 0.2em 0.2em 0 0 !important;
}
table.table-contain-overflow td {
    display: inline-table;
}
/*Shows the user control dropdown hidden until clicked*/
.uc-dd-hide{visibility:hidden;}span.uc-dd-hide{display:none}
.uc-dd-show{visibility:visible;}

/*WR Details nav controls*/
.runningsheet-nav a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}
 .runningsheet-nav a:hover {   
     text-decoration:none;
}

.runningsheet-nav a:not(.disable-nav-buttton):hover {
    background-color: #ddd;
    color: black;
}

.runningsheet-nav .previous,.runningsheet-nav .next  {
    background-color: #f1f1f1;
    color: #000;
}

.runningsheet-nav .previous {
    margin: 0 2px
}

.wr-action-controls {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

    .wr-action-controls a img {
        vertical-align: middle;
        display: inline-block;
    }

.disable-nav-buttton {
    opacity: .5;
}
/**/

/* --------------------------------------------------------------------- */
/*                        CuteWebUI.AjaxUploader v4.0                    */
/* --------------------------------------------------------------------- */

.AjaxUploaderCancelAllButton {  
    display: none !important;  
}
.uploadergrid, .uploaderprogresstable, .uploaderprogress, .uploaderprogressleft, .uploaderprogressright, .uploaderprogresstext {
    width: 100% !important;
}
#DropPanel {
    border-style: dashed; 
    border-width: 1px; 
    border-color: gray; 
    text-align: center;
    position:relative;
    min-height: 25px;
    max-height: 35px;
}
    #DropPanel .Warning {
        position: absolute; 
        top: 0; 
        left: 0;
        padding-left: 3px;
        font-style: italic;
        color: red;
    }
	#DropPanel .InsertButton {
            background:none!important;
            color:inherit;
            border:none; 
            padding:0!important;
            font: inherit;
            cursor: pointer;
	}
		#DropPanel .InsertButton:hover {
			background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
			background-color: #72b352;
		}
		#DropPanel .InsertButton:active {
			position: relative;
			top: 1px;
		}
    #DropPanel .FileSize {
        position: absolute; 
        bottom: 0; 
        right: 0;
        padding-right: 3px;
        font-style: italic;
    }
    #DropPanel .QueuePanel {
        margin: 0;
    }

#DropPanelWR {
    margin-top: 10px;
}
#DropPanelWR, #DropPanelWR2 {
    position:relative;
}
    #DropPanelWR .Warning, #DropPanelWR2 .Warning {
        float: right;
        top: 0; 
        left: 0;
        padding-left: 3px;
        padding-right: 3px;
        font-style: italic;
    }
	#DropPanelWR .InsertButton, #DropPanelWR2 .InsertButton {
        background:none!important;
        color: #0e598d;;
        border:none; 
        padding:0!important;
        font: inherit;
        cursor: pointer;
	}
		#DropPanelWR .InsertButton:hover, #DropPanelWR2 .InsertButton:hover {
			background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
			background-color: #72b352;
            text-decoration: underline;
		}
		#DropPanelWR .InsertButton:active, #DropPanelWR2 .InsertButton:active {
			position: relative;
			top: 1px;
		}
    #QueuePanelWR .QueuePanel, #QueuePanelWR2 .QueuePanel {
        display: none;
        margin: 0;
    }
    #DropPanelWR .Red {
        color: red;
    }
.DropPanelXL {
    border-style: dashed; 
    border-width: 1px; 
    border-color: gray; 
    text-align: left;
    position:relative;
    height: 35px;
    line-height: 35px;
    /*max-height: 35px;*/
}
/*Risk Register*/
#tblRisks textarea, #tblRisks select.InputTextField {
    min-height: 23px;
    padding: 2px;
    min-width: 34px;
}

/*Invoicing on WR details page.*/
div[id$='_invUploadPanel_divUploadInvoice'] > table tr > td {
    padding: 2px;
}