@import url('fontawesome/css/fontawesome.css');
@import url('fontawesome/css/all.css');

@import url('pageColours.asp');
@import url('pageSettings.css');
@import url('estateSuite.css');

* {padding:0; margin:0; box-sizing:border-box; font-family:var(--site-font); font-size:0.985em; color:var(--content-text); text-align:left;}
html, body {background-color:var(--body-back);}
p {margin-bottom:0.4em;}
a {color:var(--content-hyper);}

table { width:100%; margin:auto; background-color:var(--table-back); color:var(--table-text);}
table th {font-weight:bold; color:var(--menu-hover);}
table td {vertical-align:top; color:var(--table-text)}

select, input, textarea{width:100%; background:var(--table-back); color:var(--table-text); border: solid 1px #333;}
input[type=checkbox]{width:20px;}
textarea {height:50px;} 
table {color:var(--table-text); background:var(--table-back); }
iframe {width:100%; height:100%; border:none;}

input, select, textarea, select > option {color:var(--table-text)}
input:disabled, select:disabled, textarea:disabled{background-color:#e8e8e8}

H1{ font-size:1.4em;}
H2{ font-size:1.2em; }
H3{ font-size:1em; }
H4{ text-align:center; font-size:1.4em;}
H5{ text-align:center; font-size:1.2em;}
H6{ text-align:center; font-size:1em; }

:root{--content-min-height:calc(100% - 22px);}

/* PAGE LAYOUT */ 
.logo{border:none; margin:0; width:400px; height:85px; }
.logo-menu{border:solid 2px var(--menu-back); margin:0; max-width:200px; max-height:70px;}

.outer-inner{background-color:var(--content-back);}
.menu-outer {display: inline-block; vertical-align:top; width:200px; position: -webkit-sticky; position: sticky; top: 0;}

.menu-block {width:100%; height:70px; background-color:var(--menu-back); margin-bottom:6px;}
.content-outer{display:inline-block; vertical-align:top; width:calc(100% - 205px); padding-bottom:0.5em;}
.content-inner{margin-left:0.5em; margin-right:0.5em;}
.header-top {width:100%; height:16px; background-color:var(--menu-back); margin-bottom:0.2em;}
.header-title {width:100%; background-color:#CCC; padding:2px; font-weight:bold; margin-bottom:0.5em;}

.footer {clear:both; display:block; background-color:var(--menu-back); padding:3px; text-align:right; color:var(--menu-text); font-weight:bold;}
.footer a{text-decoration: none; color:var(--menu-text-hover); font-weight:normal;}

/* UDERLINE & FILTERS */
'RTN{width:100%; font-weight:bold; text-align:center; color:#991600; margin-bottom:5px;}
.filter{cursor:pointer; white-space:nowrap; padding:2px;}
.line{height:1px; border-bottom: solid 1px #333;}

/* NAVIGATIONS */
.menu {list-style:none; margin-top:0.5em; cursor:pointer;}
.menu li {border:solid 1px #CCC; padding:4px; height:2em; font-weight:normal; background-color:var(--menu-back); color:var(--menu-text);}
.menu li i {color:var(--menu-text); width:20px; padding-right:3px; }
.menu li:hover, .menu li:hover i {background-color:var(--menu-hover-back); color:var(--menu-hover-text);}
.menu li.current, .menu li.current i {background-color:var(--active-back); color:var(--active-text);}
.menu li.current:hover, .menu li.current:hover i {background-color:var(--active-back); color:var(--active-text);}
.menu li:hover ul {display:block;}

.sub-menu {display:none;}
.sub-menu li{position:relative; padding:6px; height:2em; background-color:var(--expand-back); color:var(--expand-text); display:block; top:-21px; left:194px; width:200px; white-space:nowrap;}
.sub-menu li:hover {background-color:var(--expand-hover-back); color:var(--expand-hover-text);}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* SHOW HIDE MENU BUTTON */
.menu-close {width:23px; height:23px; background:url('/design/images/menu-close.gif'); background-size:cover; margin-right:5px; float:left; cursor:pointer;}
.menu-open {width:23px; height:23px; background:url('/design/images/menu-open.gif'); background-size:cover; margin-right:5px; float:left; cursor:pointer;}

/* LOGIN */
.login-menu {margin-top:2em; width:200px; }
.login-menu .login-user a i:hover {color:var(--expand-hover-back); }