﻿


body {
    background-color:#ffffff;
    color:#000000;
}
body.loginpage {
    background-color:#f0f0f0;
    color:#000000;
}
#pageMainMenu {
    background-color:#f0f0f0;
    color:#000000;
    border-right-color: #eeeeee;
}

.errorbanner {
    background-color:#800000;
    color: #ffffff;
}

#pageHeader {background-color:#353535; color:#9d9d9d; }

#pageHeaderMyName a,
#pageHeaderLogout a,
#pageHeaderMyDetails a,
#pageHeaderUserAdmin a {color:#9d9d9d;}

#pageHeaderMyName,
#pageHeaderLogout,
#pageHeaderMyDetails,
#pageHeaderUserAdmin {border-color:#9d9d9d;}

.loginpanel input[type=password]:focus,
.loginpanel input[type=text]:focus { border-color: #518fe5; box-shadow: 0 0 5px rgba(81,143,229,1); }

#pageMainMenu li {color: #428bca;}
#pageMainMenu li:hover {color: #3218ba; background-color:#e8e8e8;}
#pageMainMenu li.selected {background-color: #428bca; color: #ffffff;}

#pageMainPage {}
#pageMainPage h1 {color: #000000; border-color: #e8e8e8;}

.rentbreakdownlist,
.childrenlist,
.investmentslist,
.workarealist,
.tenantslist,
.contactslist ,
.propertieslist { border-color: #e0e0e0; background-color: #f0f0f0; }

.rentbreakdownlist thead,
.childrenlist thead,
.investmentslist thead,
.workarealist thead,
.tenantslist thead,
.contactslist thead,
.propertieslist thead {}

/*
.tenantslist td,
.contactslist td,
.propertieslist td,
*/
.rentbreakdownlist td,
.investmentslist td,
.childrenlist td,
.investmentslist td,
.workarealist td { background-color: #ffffff; color:#000000;}
.rentbreakdownlist tbody tr:hover td { background-color: #d0dae8; color:#000000; cursor:pointer;}


.datatable { border-color: #e0e0e0; background-color:#f0f0f0; }
.datatable .row0 { background-color: #e0eaf8; color: #000000;}
.datatable .row1 { background-color: #ffffff; color: #000000;}
.datatable .row0:hover { background-color: #d0dae8; color: #000000;}
.datatable .row1:hover { background-color: #efefef; color: #000000;}


.datatable thead { }
.datatable thead tr { }
.datatable thead th { }
.datatable tbody { }
.datatable tbody tr { }
.datatable tbody td {  }
.datatable tfoot { }
.datatable tfoot tr { }
.datatable tfoot th { }

.datatablecolumnvisibility { background-color:#ffffff; color:#000000; border-color: #000000;}
.datatablecolumnvisibility h1 {background-color: #428bca; color: #ffffff;}

/* Red Row */
.datatable tbody tr.propertystatus2,
.datatable tbody tr.propertystatus3,
.datatable tbody tr.propertystatus5,
.datatable tbody tr.propertystatus6,
.datatable tbody tr.taskstatus1 {background-color:#f2dede;}
.datatable tbody tr.propertystatus2:hover,
.datatable tbody tr.propertystatus3:hover,
.datatable tbody tr.propertystatus5:hover,
.datatable tbody tr.propertystatus6:hover,
.datatable tbody tr.taskstatus1:hover {background-color:#e2cece;}

.datatable tbody tr.rmcompletionveryslow { background-color: #800000; color: white;}
.datatable tbody tr.rmcompletionveryslow:hover { background-color: #600000; color: white;}
.datatable tbody tr.rmcompletionslow { background-color: #800000; }
.datatable tbody tr.rmcompletionslow:hover { background-color: #600000; }
.datatable tbody tr.rmcompletionfast { background-color: #00de12; }
.datatable tbody tr.rmcompletionfast:hover { background-color: #00be07; }
.datatable tbody tr.rmcompletionnormal { background-color: #00de12; }
.datatable tbody tr.rmcompletionnormal:hover { background-color: #00be07; }


/* Yellow Row */
.datatable tbody tr.taskstatus2 {background-color:#fcf8e3;}
.datatable tbody tr.taskstatus2:hover {background-color:#ece8d3;}

/* Green Row*/
.datatable tbody tr.propertystatus1,
.datatable tbody tr.propertystatus4,
.datatable tbody tr.taskstatus3 {background-color:#dff0d8;}
.datatable tbody tr.propertystatus1:hover,
.datatable tbody tr.propertystatus4:hover,
.datatable tbody tr.taskstatus3:hover {background-color:#cfe0c8;}

.pagetable {border-color: #b0b0b0;}
.pagetable td {background-color:#ffffff; color:#808080; border-color: #b0b0b0;}
.pagetable td.activepage {color: #428bca;}
.pagetable td.selectedpage {background-color: #428bca; color:#ffffff;}

#popup_header { background-color:#353535; color:#9d9d9d; height: 35px;}
#popup_header h1 { }

#popup_content { background-color:#f0f0f0; padding:3px; margin:0px; }

.tabcontrol {position:relative;}
.tabcontrol .tabtitles {}
.tabcontrol .tabtitles .tabtitle {border-color:#000000; background-color:#ffffff;}
.tabcontrol .tabtitles .tabtitle:hover { color: #3218ba; background-color:#e8e8e8; }
.tabcontrol .tabtitles .tabtitleselected,
.tabcontrol .tabtitles .tabtitleselected:hover {background-color: #428bca; color: #ffffff;}
.tabcontrol .tabtitles .tabedited,
.tabcontrol .tabtitles .tabedited:hover {background-color: #F39200 !important; color: #ffffff !important;}
.tabcontrol .tabcontainer {background-color:#ffffff;}

.taskupdatecontainer {border-color: #000000;}
.taskupdatecontainer h1 { background-color: #428bca !important; color: #ffffff; }
.taskupdatedetail {}


.inputtable tbody td select:focus,
.inputtable tbody td input[type=password]:focus,
.inputtable tbody td input[type=text]:focus,
.inputtable tbody td textarea:focus {border-color: #518fe5; box-shadow: 0 0 5px rgba(81,143,229,1); }

.inputtable tbody td select.readonly,
.inputtable tbody td input[type=password].readonly,
.inputtable tbody td input[type=text].readonly,
.inputtable tbody td textarea.readonly { background-color: #f0f0f0; }
.inputtable .inputtablesectionheader { border-color: #d0d0d0; }
.inputtable tbody td div.prefix,
.inputtable tbody td div.suffix { background-color:#f0f0f0; color:#000000; border-color: #d0d0d0; }

.calendar {background-color: #ffffff; color:#000000;}
.calendarmonth table thead th {border-color: #000000;}
.calendarmonth table tbody td {border-color: #a0a0a0;}
.calendarmonth table tbody td:hover {color: #3218ba; background-color:#e8e8e8; }
.calendarmonth thead {background-color: #f0f0f0; color: #000000;}
.calendarmonth td.lastmonth, .calendarmonth td.nextmonth {color: #d0d0d0;}
.calendarmonth table tbody td.selectedday {background-color: #428bca; color: #ffffff; }
.calendarmonth table tbody td.today {border-color: #428bca;}

.lookupwrapper {background-color: #ffffff; color:#000000; border-color: #000000;}
.lookupresults table tbody tr:hover { color: #3218ba; background-color:#e8e8e8; }


#popupsubmissionhider {background-color:#ffffff; opacity:0.6;}

.createnew {background-color: #428bca !important; color: #ffffff !important;}
.savebutton {background-color: #428bca !important; color: #ffffff !important;}
.deletebutton {background-color: #800000 !important; color: #ffffff !important;}
.disabledbutton {background-color: #808080 !important; color: #000000 !important;}

textarea.fieldinvalid,
select.fieldinvalid,
input[type=password].fieldinvalid,
input[type=text].fieldinvalid { border-color: #d00000 !important; box-shadow: 0 0 5px rgba(224,0,0,1) !important; }

textarea.fieldsaved,
select.fieldsaved,
input[type=password].fieldsaved,
input[type=text].fieldsaved { border-color: #00d000 !important; box-shadow: 0 0 5px rgba(0,224,0,1) !important; }

.filescontainer { background-color: #f0f0f0;}
.filescontainer .fileinfo { background-color: #ffffff; border-color: #808080;}
.filescontainer .fileinfo:hover {border-color: #518fe5; box-shadow: 0 0 5px rgba(81,143,229,1);}

.riskassessmentcategory {}
.riskassessmentcategory .riskassessmentquestions {}
.riskassessmentquestions .questionanswered { background-color: #f0fff0;}
.riskassessmentquestions .questionunanswered { background-color: #fff0f0;}

#popup_message.popupmessagesaved { border: 1px solid #4D6404 ; background-color: #6D8414 ; color: #ffffff;}
#popup_message.popupmessageerror { border: 1px solid #E37200; background-color: #F39200; color: #ffffff;}

#reportsmenu {}
#reportsmenu .reportmenuitem {border: 1px solid #428bca; }
#reportsmenu .reportmenuitem h1 {background-color: #428bca; color:#ffffff; }
#reportsmenu .reportmenuitem:hover {border-color: #F39200;}
#reportsmenu .reportmenuitem:hover h1 { background-color: #F39200; }/* color: #ffffff;}*/

.fileinfo .filedelete {color:#ff0000;}
.fileinfo .filedelete a {color:inherit;}
.fileinfo .filedelete:hover {background-color:#ff0000; color:#ffffff;}

.datatablesearch:focus { border-color: #518fe5; box-shadow: 0 0 5px rgba(81,143,229,1); }

.datatablecolumnvisibilitybutton,
.calendarbutton,
.lookuplistbutton { background-color:#428bca; border-color: #2DAAE1; cursor:pointer; }

#deletefeedback {}
#deletefeedback h3 {background-color: #800000; color:white;}
#deletefeedback p {}
#deletefeedback table {border-color:#000000;}

.schedulecalendar {background-color: #f0f0f0; border: 1px solid #000000;}
.schedulecalendar thead  tr {border-bottom: 1px solid #000000;}
.schedulecalendar thead  tr .prevmonth:hover, .schedulecalendar thead  tr .nextmonth:hover {background-color:#226baa;}
.schedulecalendar thead  tr,
.schedulecalendar tbody .weekdaytitle {background-color: #428bca; color: white;}
.schedulecalendar tbody .weekendtitle {background-color: #72abea; color: white; }
.schedulecalendar tbody .weekdaynumber { background-color: #d8d8d8; }
.schedulecalendar tbody .weekendnumber { background-color: #e4e4e4; }
.schedulecalendar tbody .today { background-color: #484848 !important; color: white !important;  }
.schedulecalendar tbody .lastmonth, .schedulecalendar tbody .nextmonth {background-color:transparent; color: #606060;}
.schedulecalendar tbody .eventcell { border:1px solid #000000; background-color: #428bca; color: white; }
.schedulecalendar tbody .eventcell:hover {border: 1px solid #FFA000;}

.schedulecalendar tbody .eventcategory1, .dayevents .category1 {background-color: #99F6FF; color: #000000;}
.schedulecalendar tbody .eventcategory2, .dayevents .category2 {background-color: #91008E; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory3, .dayevents .category3 {background-color: #C66300; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory4, .dayevents .category4 {background-color: #A0A0A0; color: #000000;}
.schedulecalendar tbody .eventcategory5, .dayevents .category5 {background-color: #EDEF63; color: #000000;}
.schedulecalendar tbody .eventcategory6, .dayevents .category6 {background-color: #A30004; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory7, .dayevents .category7 {background-color: #A3FFBA; color: #000000;}
.schedulecalendar tbody .eventcategory8, .dayevents .category8 {background-color: #004919; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory9, .dayevents .category9 {background-color: #FFCEE2; color: #000000;}
.schedulecalendar tbody .eventcategory10, .dayevents .category10 {background-color: #DD8CFF; color: #000000;}
.schedulecalendar tbody .eventcategory1:hover {background-color: #79d6dF; color: #000000;}
.schedulecalendar tbody .eventcategory2:hover {background-color: #71006E; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory3:hover {background-color: #a64300; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory4:hover {background-color: #808080; color: #000000;}
.schedulecalendar tbody .eventcategory5:hover {background-color: #dDdF73; color: #000000;}
.schedulecalendar tbody .eventcategory6:hover {background-color: #830004; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory7:hover {background-color: #83dF9A; color: #000000;}
.schedulecalendar tbody .eventcategory8:hover {background-color: #009933; color: #FFFFFF;}
.schedulecalendar tbody .eventcategory9:hover {background-color: #FF00F6; color: #000000;}
.schedulecalendar tbody .eventcategory10:hover {background-color: #BD78DB; color: #000000;}

.dayevent {border: 1px solid black;}