body, p, a, td, th, div, span, h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 { margin: 0px; }
body {margin: 0px; padding: 0px;}

.errorbanner {
    margin: 50px auto; 
    border-radius:20px;
    text-align: center;
    max-width: 700px;
}
.errorbanner h1 {
    font-size:18pt;
    padding: 5px;
}

.loginpanel {
    margin: 100px auto;
    width: 300px;
    border: 1px solid #2d6aa0;
    padding: 0px 5px;
    border-radius: 15px;
}
.loginpanel h1 {
    text-align: center;
    font-weight:normal;
    background-color: #2d6aa0;
    color:#ffffff;
    margin: 0px -5px 5px -5px;
    padding: 5px;
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
}
.loginpanel input[type=password],
.loginpanel input[type=text] {
    border-radius:10px;
    padding:10px; 
    margin: 2px auto;
    width: 90%;
    font-size: 14pt;
}

.loginpanel input[type=submit],
.loginpanel input[type=button] { 
    background-color: #2d6aa0; 
    color: #ffffff;
    border-radius:15px;
    padding: 10px;
    font-size: 20pt;
    width:100%;
    cursor:pointer;
    margin:15px auto 5px;
}
.loginpanel input[type=submit]:hover,
.loginpanel input[type=button]:hover {
    background-color:#0d4475;
}

#pageHeader {
    position:fixed;
    padding: 10px;
    margin:0px;
    top: 0px; left:0px; right:0px;
    z-index:9990;
}
#pageHeader h1 {
    font-size: 14pt;
    margin:0px;
    font-weight: normal;
    padding: 4px;
}

#pageHeaderMyName,
#pageHeaderLogout,
#pageHeaderMyDetails,
#pageHeaderUserAdmin {
    float:right;
    padding: 4px 8px;
}
#pageHeaderMyName,
#pageHeaderMyDetails,
#pageHeaderUserAdmin {
    border-right: 1px solid;
}
#pageHeaderMyName,
#pageHeaderLogout a,
#pageHeaderMyDetails a,
#pageHeaderUserAdmin a {text-decoration:none; font-size:11pt;}
#pageHeaderLogout input[type=button] { 
    font-size: 14pt;
    border-radius:5px;
    cursor:pointer;
}
#pageHeaderMyName {font-weight: bold;}

#pageMainMenu {
    width:315px;
    padding: 11px 0px 0px 0px;
    position: fixed;
    top: 50px;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    border-right-width: 1px;
    border-right-style: solid;

}
#pageMainMenu ul {margin: 0px; padding:10px 0px;}
#pageMainMenu li {padding: 10px 20px; list-style-type: none; cursor:pointer;}

#pageMainPage {margin-left: 320px; margin-top: 49px; padding: 39px 5px 75px 37px;}
#pageMainPage h1 {display:inline; border-bottom:1px solid; padding: 0px 0px 9px 0px; font-weight: normal; font-size: 27pt;}

.datatablecontainer {margin-top: 45px; width: 100%;}
.datatablecontainer .loadingplaceholder { margin: 0px auto; padding: 30px 0px; width:100%;  font-size: 20pt; text-align:center;}

.datatable {width: 100%; border: 1px solid; border-radius:5px;}
.datatable thead { }
.datatable thead tr { }
.datatable thead th { cursor: pointer; padding: 6px 3px 0px 3px; font-size: 10pt; vertical-align:middle;}
.datatable thead th .sortorder { float:right; margin-right: 5px; }
.datatable tbody { }
.datatable tbody tr { cursor: pointer; }
.datatable tbody td { text-align:center; padding: 8px; font-size:11pt;}
.datatable tfoot { }
.datatable tfoot tr { }
.datatable tfoot th { text-align:left;}

#popup_hider {
    position: fixed;
    visibility: hidden;
    display: none;
    z-index: 9998;
    background-color: #000000;
    opacity: 0.4;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
#popup_container {
    position: fixed;
    visibility: hidden;
    display: none;
    z-index: 9999;
    background-color: #ffffff;
    left: 60px;
    right: 60px;
    top: 60px;
    bottom: 60px;
    border: 1px solid #000000;
    border-radius: 10px;
}
#popup_iframe {
    border:0px;
    width:100%;
    height:100%;
    border-radius:9px;
}

#popup_header { }
#popup_header h1 { font-size: 16pt; margin: 0px; padding: 3px 5px; overflow:hidden; height:24px; vertical-align:middle;}
#popup_header h1 img { display: inline-block; vertical-align: middle; }

#popup_closer {
    float:right;
    margin: 4px 6px 0px 0px;
    border-radius: 3px;
    font-size: 10pt;
    font-weight: bold;
    padding: 0px 3px;
    cursor:pointer;
}
#popup_content {
    position:absolute; top:32px; left:0px; right:0px; bottom:0px;
}

.tabcontrol {height: 100%;}
.tabcontrol .tabtitles {}
.tabcontrol .tabtitles .tabtitle img { vertical-align: middle; display:inline-block;}
.tabcontrol .tabtitles .tabtitle {
    float: left;
    padding: 4px 10px;
    font-size: 16pt;
    margin: 2px 0px 0px;
    border: 1px solid;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    cursor: pointer;
    border-left: 0px;
    border-bottom: 0px;
    vertical-align:middle;
}
.tabcontrol .tabtitles .tabtitle:first-child {
    margin-left: 10px;
    border-left: 1px solid;
}
.tabcontrol .tabcontainer {
    visibility: hidden;
    display: none;
    padding: 5px;
    border: 1px solid;
    margin: 0px;
    overflow: auto;
    position:absolute;
    top: 37px;
    left: 5px;
    right: 5px;
    bottom: 7px;
}

.inputform {}
.inputtable { width: 100%;}
.inputtable tbody { }
.inputtable tbody th { width: 280px; text-align: right; font-size:14pt; vertical-align: top; padding:6px 0px;}
.inputtable tbody td { vertical-align:top; text-align: left;}
.inputtable tbody td span { padding: 6px 0px; font-size: 12pt; display: block;}
.livespell_textarea span {display:inline !important; padding:0px !important; font-size:inherit !important;}


.datatablewrapper {position:relative;}
.inputtable tbody td input[type=checkbox] {   
    width:30px;
    height:30px;
    border-radius:5px;
    border:2px solid #555;
}

.inputtable tbody td .livespell_textarea,
.datatablesearch,
.inputtable tbody td select,
.inputtable tbody td textarea,
.inputtable tbody td input[type=password],
.inputtable tbody td input[type=text] {width: 99%; padding: 4px; border-radius: 5px; font-size: 12pt;}
.inputtable tbody td input[type=text].hasprefix {width: 200px; float:left; border-top-left-radius:0px; border-bottom-left-radius: 0px;}
.inputtable tbody td input[type=text].hassuffix {width: 200px; float:left; border-top-right-radius:0px; border-bottom-right-radius: 0px;}
.inputtable tbody td div.prefix { padding: 7px 3px 4px 6px; border: 1px solid; border-radius: 5px; border-top-right-radius:0px; border-bottom-right-radius:0px; float: left; vertical-align: middle;}
.inputtable tbody td div.suffix { padding: 7px 8px 4px 6px; border: 1px solid; border-radius: 5px; border-top-left-radius:0px; border-bottom-left-radius:0px; float: left; vertical-align: middle;}
.inputtable tbody td select {width:100%;}
.inputtable tbody th span.tip {font-size: 9pt; font-weight:normal;}

.datatablesearch{ width: 360px; margin-bottom: 5px; float: right;}
.datatablecolumnvisibilitybutton {float: right; }
.datatablecolumnvisibilitybutton,
.inputtable tbody td input[type=button] {padding: 4px; font-size: 12pt; border-radius: 5px; min-width: 30px;}
.datatablecolumnvisibility {position:absolute; right:0px; top: 34px; border: 1px solid; border-radius: 8px; padding: 7px; min-width: 200px;}
.datatablecolumnvisibility h1 {font-size: 10pt; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.datatablecolumnvisibility input {cursor:pointer;}
.datatablecolumnvisibility label {cursor:pointer;}

.pagingrpp {padding: 3px; border-radius: 3px;}
.pagetable {border-collapse: collapse; border-spacing: 0px; float:right; border-radius:8px; border: 1px solid;}
.pagetable td {cursor:default; border-left: 1px solid; padding: 3px !important; text-align: center; width:25px; }
.pagetable td.activepage {cursor:pointer;}
.pagetable td.selectedpage {}
.pagetable tr:first-child {border-left:0px;}

.inputtable tbody td select.readonly,
.inputtable tbody td input[type=password].readonly,
.inputtable tbody td input[type=text].readonly,
.inputtable tbody td textarea.readonly { cursor:default; }
.inputtable tbody td.buttoncol {width: 40px;}

.inputtable .inputtablesectionheader {font-size:14pt; border-bottom: 1px solid;}


.taskupdatecontainer {border-radius: 10px; margin-bottom: 5px; border: 1px solid;}
.taskupdatecontainer h1 {font-size:16pt; cursor:pointer; border-radius: 9px; padding: 3px;}
.taskupdatecontainerexpanded h1 {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.taskupdatedetail {padding-bottom: 15px; visibility: hidden; display: none;}
.taskupdatecontainerexpanded .taskupdatedetail {visibility: visible; display: block;}

.calendar {float: left; width: 360px; position:absolute; border: 1px solid; border-radius: 8px; padding: 7px; z-index:9990;}
.calendar .golastmonth,
.calendar .gonextmonth {font-size: 18pt; width: 20px; padding: 4px; cursor: pointer;}
.calendar .golastmonth {float: left;}
.calendar .gonextmonth {float: right;}

.calendar .calendarmonths {width: 220px; float: left;}
.calendar .calendaryears {width: 80px; float: left;}
.calendarmonth {clear: both;}
.calendarmonth thead {}
.calendarmonth table thead th {border: 1px solid; border-radius: 4px; text-align:center; width: 50px;}
.calendarmonth table tbody td {text-align:center; padding: 4px; cursor:pointer; border: 1px solid; border-radius: 4px;}
.calendarmonth table tbody td.selectedday { font-weight: bold;}
.calendarmonth table tbody td.today {}

.lookupcontainer {position: relative;  }
.lookupwrapper {position: absolute; padding: 7px; border: 1px solid; border-radius: 8px;left:0px; right:0px; z-index:999999;}
.lookupresults {width: 100%; max-height:200px; overflow:auto;}
.lookupresults table {width: 100%;}
.lookupresults table tbody tr { cursor: pointer; }
.lookupresults table tbody td.lookupidcell {width: 60px; text-align: center; padding: 8px;}
.lookupresults table tbody td.lookupnamecell,
.lookupresults table tbody td.lookuporgcell,
.lookupresults table tbody td.lookuptypecell {padding: 8px;}
.lookupcontainer .lookupwrapper input.lookupclear { width: 60px !important; cursor:pointer; }
.lookupcontainer .lookupwrapper input#lookupsearchbox {margin-top:2px;}

.createnew { float: right; padding: 16px; font-size: 16pt; cursor: pointer; border-radius: 12pt; }

#popupsubmissionhider {visibility:hidden; display:none;}
#popuphiddensubmission {position:absolute; bottom:7px; right:5px; min-width: 800px; border:1px solid black;}

.deletebuttoncontainer, 
.savebuttoncontainer {text-align:center;}
.deletebutton,
.savebutton {font-size:16pt; border-radius: 8px; padding: 8px; cursor:pointer; }


.rentbreakdownlist,
.childrenlist,
.investmentslist,
.workarealist,
.tenantslist,
.contactslist,
.propertieslist {
    width: 600px;
    border: 1px solid;
    border-radius: 6px;
}
.workarealist {width: 100%;}

.rentbreakdownlist th,
.childrenlist th,
.investmentslist th,
.workarealist th,
.tenantslist th,
.contactslist th, 
.propertieslist th {
    text-align:left;
    padding: 4px;
}

.rentbreakdownlist td,
.childrenlist td,
.investmentslist td,
.workarealist td,
.tenantslist td,
.contactslist td,
.propertieslist td {
    text-align:left;
    vertical-align:top;
    padding: 4px;
}

.map {min-width:250px; min-height: 400px;}

.filescontainer {margin: 10px; padding: 10px; border: 1px solid; border-radius: 10px; height: 240px; overflow:auto;}
.filescontainer .fileinfo { border-radius: 8px; border: 1px solid; padding: 5px; margin: 10px; width: 160px; float:left; text-align: center; cursor: pointer; }
.fileinfo .filesthumbnail {}
.fileinfo .filename {font-size: 8pt; display:block; text-align: center;}
.fileinfo .filetype {font-size: 10pt; font-weight: bold; display:block; text-align: center;}
.fileinfo .filedate {font-size: 10pt; display:block; text-align: center;}

.contractorservice {width: 200px; float:left; margin:0px; padding:0px;}
.contractorservice input[type=checkbox] { margin: 0px; cursor:pointer; padding:0px;  float:left; }
.contractorservice label {font-size:14pt; cursor:pointer; margin:0px; padding:4px 0px; float:left; }

.tenantcondition {}
.tenantcondition input[type=checkbox] { margin: 0px; cursor:pointer; padding:0px;  float:left;}
.tenantcondition label {font-size:14pt; cursor:pointer; margin:0px; padding:4px 0px; float:left;}
.tenantcondition input[type=text] { margin-left: 10px; width: 400px !important; }
.tenantconditionchildren { clear:left; margin-left: 100px; }

.riskassessmentcategory {margin: 10px 5px; border:1px solid; padding: 10px; border-radius: 10px;}
.riskassessmentcategory h1 {padding: 10px; margin:0px; font-size: 14pt;}
.riskassessmentcategory .riskassessmentquestions { margin-top: 10px; }
.riskassessmentquestions .inputtable {border-collapse:collapse; }
.riskassessmentquestions .inputtable td,
.riskassessmentquestions .inputtable th {padding: 10px;}
.riskassessmentquestions .questionanswered { background-color: #f0fff0;}
.riskassessmentquestions .questionunanswered { background-color: #fff0f0;}

#popup_message { height: 0px; text-align: center; padding: 5px;}
#popup_message h1 { font-size: 16pt; }
#popup_message.popupmessagesaved {height: 35px !important;}
#popup_message.popupmessageerror {height: 68px !important; overflow:hidden !important;}
#popup_message.popupmessageerror table {width: 90%;}
#popup_message.popupmessageerror table th {vertical-align:top;}
#popup_message.popupmessageerror table .errormessage { height: 65px !important; overflow: auto !important; }


#reportsmenu {}
#reportsmenu .reportssection {clear:both; padding-top: 20px; }
#reportsmenu .reportssection h1 { float:left; }
#reportsmenu .reportitems {clear:both; }
#reportsmenu .reportmenuitem {width: 400px; height: 120px; float: left; margin: 10px; border-radius: 10px; cursor:pointer;}
#reportsmenu .reportmenuitem h1 {font-size:16pt; border: 0px; display: block; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 5px; float: none;}
#reportsmenu .reportmenuitem p {padding: 3px 10px 8px;}

.fileinfo {position:relative;}
.fileinfo .filedelete {position: absolute; right: 0px; top: 0px; padding: 4px; border-top-right-radius: 5px;}
.fileinfo .filedelete a {text-decoration: none;}

#deletefeedback {width: 80%; border: 0px; border-radius: 10px; padding: 0px; margin: 0px auto;}
#deletefeedback h3 {border-top-right-radius:10px; border-top-left-radius:10px; padding: 8px; font-size: 14pt;}
#deletefeedback p { font-size: 14pt; font-weight: bold; padding: 5px;}
#deletefeedback table { width: 95%; margin:0px auto; border: 1px solid; border-spacing:1px; border-collapse:collapse; }


.schedulecalendar {width: 98%;}
.schedulecalendar thead h3 {padding:6px;}
.schedulecalendar thead tr .prevmonth, .schedulecalendar thead tr .nextmonth {cursor:pointer;}
.schedulecalendar .weekdaytitle, .schedulecalendar .weekendtitle {text-align: center; padding: 4px; width: 14%;}
.schedulecalendar .weekdaynumber, .schedulecalendar .weekendnumber { padding-left: 5px;}
.schedulecalendar .weekdaynumber {font-weight: bold;}
.schedulecalendar tbody .eventcell {padding: 2px; cursor:pointer;}
.schedulecalendar tbody .eventcell .eventtime {font-size: 8pt;}

.dayevent {padding: 0px; margin-bottom: 5px;}
.dayevent h5 {font-size: 14pt; padding: 2px; margin:0px;}
.dayevent p {padding: 3px; margin: 0px;} 
.dayevent p.categorytype {padding: 1px; text-align: center; font-size: 10pt; margin-bottom: 5px;}
.dayevent .timerange {min-width: 80px; text-align:center;}
.dayevent .timerange .time {font-weight: bold; font-size: 12pt;}