/* Layout */
body { margin: 0; }
div#innerbody { position: relative; }
@media screen { 
  div#innerbody { margin: 25px 30px 0; }
  body { margin-bottom: 15px; }
}

div#outerheader    { position: relative; height: 105px; }
div#outersitemenu  { position: absolute; top: 0; left: 550px; height: 99px; width: 400px; }
div#outersubheader { display: none; }
div#outerpagemenu  { position: relative; margin: 9px 0; }
div#outerbody      { position: relative; margin-top: 15px; clear: both; }
div#outerfooter    { position: relative; margin-top: 6px; }

div#header, div#pagemenu, div#body, div#footer { position: relative; height: 100%; }
div#footer { padding: 5px 0; }
div#body { margin-top: 6px; padding: 5px 0 8px 0; }
/* For Popup Menu div#header, div#sitemenu, div#subheader, div#body, div#footer, div#outerheader, div#outersitemenu, div#outersubheader, div#outerfooter { overflow: hidden; } */
div#header, div#sitemenu, div#subheader, div#footer, div#outerheader, div#outersitemenu, div#outersubheader, div#outerfooter { overflow: hidden; }
/* For Popup Menu @media screen { div#outerbody { overflow: hidden; } } */

/* Print Layout */
@media print {
  div#outerpagemenu { display: none; }
}

/* Colours */
body { background-color: #EEEEEE; color: black; }
.grey { color: gray; }
#header, div#body, div#footer { background-color: white; color: #383838; } 
#sitemenu, #subheader { color: black; }
a, a:visited, a:active { color : #4169E1; }


pre.scrollable { border: 1px solid black; padding: 5px 7px; }
form.subform div.controls { background: none; margin: 0; padding: 3px 3px 3px 12em; color: black; }
div.controls { background-color: #CCCCCC; color: white; font-weight: bold; }

body { background-color: white; }
@media screen {
  body { color: #606060; }
  .grey { color: #a0a0a0; }
}
@media print  {
  body { color: black; }
  .grey { color: gray; }
}

div#footer { border-top: 4px solid #7F7B7D; }

pre.scrollable { border: 1px solid #808080; }
#body form.subform { border-color: #606060; }
#body form.subform div.controls { color: #606060; }

/* Text: fonts, sizes and weights: */
body, p, th, td, dt, dd, li, #subheader h2 { font-family: arial, helvetica, sans-serif; font-size: 14px; }
h1, h2, h3, h4, h5, h6, th { font-family: arial, helvetica, sans-serif; font-weight: bold; }
#sitemenu li { font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 15px; }
#pagemenu h2, #pagemenu p { font-family: helvetica, sans-serif; font-weight: bold; font-size: 16px; }
#pagemenu li p { font-family: helvetica, sans-serif; font-weight: normal; font-size: 14px; }
#header h1 { font-size: 24pt; }
#body dt { font-weight: normal; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3, th { font-size: 14px; }
h4 { font-size: 11pt; }
h5, h6 { font-size: 9pt; } 
p { text-align: justify; }
pre, code { font-family: "Lucida Console", monospace; }
#footer * { font-size: 12px; }

/* Header: */
#header h1 { margin: 13px 0 0; border: 0; height: 98px; text-indent: -5000px; background: url("https://monitor.nxtgentechnology.co.uk/hello/portallogo.jpg") no-repeat; }
@media print {
  #header h1 { text-indent: 0; background: none; }
  #header h1:before { content: "NXTGen Technology "; }
}

/* Site menu: */
#outersitemenu { background: url("https://monitor.nxtgentechnology.co.uk/hello/contactimg.jpg") no-repeat; }
#sitemenu { margin: 10px 5px 5px 92px; }
#sitemenu ul { list-style: none; margin: 0; padding: 0; }
#sitemenu li { margin: 0; }
#sitemenu a { text-decoration: none; }
#sitemenu a:hover { border-bottom: 2px solid #4169E1; }

/* Page Menu: */
#pagemenu li { height: 38px; }
#pagemenu li ul li { height: 34px; }

#pagemenu li { background: #8a8a8a url("../hellotelecom3/menuBg.jpg") repeat-x; color: white; }
#pagemenu li ul { background-color: white; }
#pagemenu li ul li { background: #EEE; color: black; }
#pagemenu li, #pagemenu li a { font-weight: bold; text-decoration: none; color: white; }
#pagemenu li ul li, #pagemenu li ul li a { font-weight: normal; text-decoration: none; color: black; }

#pagemenu li:hover { background: #4169E1 url("../hellotelecom3/menuBgOver.jpg") repeat-x; color: white; }
#pagemenu li ul li:hover { background: #CCC; color: white; }
#pagemenu li:hover > * > a { color: white; }

#pagemenu li { margin: 0 5px 0 0; }
#pagemenu li a { padding: 10px 15px; }
#pagemenu li ul li a { padding: 8px 12px; }
#pagemenu a { display: inline-block; }

#pagemenu p, #pagemenu h2 { margin: 0; }

/* Horizontal CSS Dropdown and Popout Menu */
#pagemenu ul { list-style: none; margin: 0; padding: 0; }
#pagemenu li { position: relative; float: left; }
#pagemenu li ul li { width: 100%; }
#pagemenu p, #pagemenu h2 { display: block; }
#pagemenu li ul { position: absolute; width: 210px; left: 0; top: 38px; z-index: 500; }
#pagemenu ul ul, #pagemenu ul li:hover ul ul, #pagemenu ul ul li:hover ul ul { display: none; }
#pagemenu ul li:hover ul, #pagemenu ul ul li:hover ul, #pagemenu ul ul ul li:hover ul { display: block; }

/* Body */
#refresh-indicator { position: relative; margin: 0; padding: 0; }

#body table { margin: 7px 0; }
#body p  { margin: 7px 0; } 

#body ul, #body dl { margin-top: 0.7em; margin-bottom: 0.7em; }
#body li, #body dd { margin-top: 0.3em; margin-bottom: 0.3em; }

 #body ul.operations li { height: 24px; }
 #body ul.operations li ul li { height: 24px; }
#body ul.operations { list-style: none; position: relative; margin-left: 0; }
 #body ul.operations ul { list-style: none; margin: 0; padding: 0; }
#body ul.operations li { float: left; position: relative; margin-right: 5px; background: #8a8a8a url("../hellotelecom3/menuBg.jpg") repeat-x center center; color: white; white-space: nowrap; }
 #body ul.operations li ul { background-color: white; }
 #body ul.operations li ul li { background: #EEE; color: black; margin: 0; }
 #body ul.operations li ul li, #body ul.operations li ul li a { font-weight: normal; text-decoration: none; color: black; }
#body ul.operations li:hover { background: #4169E1 url("../hellotelecom3/menuBgOver.jpg") repeat-x center center; color: white; }
 #body ul.operations li ul li:hover { background: #CCC; color: white; }
 #body ul.operations li:hover > * > a { color: white; }
#body ul.operations li a { display: inline-block; padding: 4px 6px; text-decoration: none; color: white; }
#body ul.operations:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 #body ul.operations li ul li { width: 100%; }
 #body ul.operations p, #body ul.operations h2 { display: block; }
 #body ul.operations li ul { position: absolute; width: 210px; left: 0; top: 24px; z-index: 500; }
 #body ul.operations ul, #body ul.operations li:hover ul ul, #body ul.operations ul li:hover ul ul { display: none; }
 #body ul.operations li:hover ul, #body ul.operations ul li:hover ul, #body ul.operations ul ul li:hover ul { display: block; }
 #body ul.operations p, #body ul.operations h2 { margin: 0; font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; }

 #body ul.operations li.dropdownmenu h2:after {  }

/* Footer */

/* Paragraph Formatting: */
h1 { margin-top: 12pt; }
.bodysection, h2 { margin-top:  9pt; }
h3 { margin-top:  6pt; }
h4, p, h5, h6, table, li, dl { margin-top: 3pt; }
h1, h2, h3, h4, p, h5, h6, table, li, dl { margin-bottom: 3pt; }
.bodysection:first-child h1:first-child, .bodysection:first-child h2:first-child, .bodysection:first-child h3:first-child { margin-top: 3pt; }

/* Miscellanious */
div.floatright { margin: 0.5em 1px; padding: 3px 4px; background-color: white; }
div#outerdebug { position: relative; clear: both; }
#outerdebug div.debugging_messages { position: relative; background-color: white; margin-top: 5px; border: 1px solid #CCCCCC; }