@font-face {
    font-family: 'nunito';
    src: url('/super/fonts/nunito-bold-webfont.eot');
    src: url('/super/fonts/nunito-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/super/fonts/nunito-bold-webfont.woff') format('woff'),
         url('/super/fonts/nunito-bold-webfont.ttf') format('truetype'),
         url('/super/fonts/nunito-bold-webfont.svg#nunitobold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'nunito';
    src: url('/super/fonts/nunito-regular-webfont.eot');
    src: url('/super/fonts/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/super/fonts/nunito-regular-webfont.woff') format('woff'),
         url('/super/fonts/nunito-regular-webfont.ttf') format('truetype'),
         url('/super/fonts/nunito-regular-webfont.svg#nunitoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nunito';
    src: url('/super/fonts/nunito-light-webfont.eot');
    src: url('/super/fonts/nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/super/fonts/nunito-light-webfont.woff') format('woff'),
         url('/super/fonts/nunito-light-webfont.ttf') format('truetype'),
         url('/super/fonts/nunito-light-webfont.svg#nunitolight') format('svg');
    font-weight: light;
    font-style: normal;

}

* {font-family:nunito, arial, san-serif}

body {
	font-size: small;
	margin-top: 0;
	margin-left: 0;
	background-color: #FFFFFF;
  font-family:nunito, arial, san-serif;
}
code {font-family:Courier}

.text {height:15pt;padding:0; margin:0}
.texts {height:15pt;font-size:smaller;padding:0; margin:0}

.Title, h1,  .clsH1 {
  font-size:180%;
  font-weight:normal; 
	margin-bottom: 10px;
  color:#2f3b6d
}
.Title {text-align:center; font-size:x-large; padding:100px 0 0 0}

.clsH1ul {
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #000000;
}

.nobullet li {list-style-type:none}
ul.nobullets {margin-left:0;padding-left:0}
.nobullets li{display:block}
.clear {clear:both}

#menutree {
  white-space:nowrap; max-width:230px; overflow:hidden;
  background-image:url(/super/commsbox-manual.png);
  background-position:30px 10px;
  background-repeat:no-repeat;
  display:block;padding:80px 0 0 0;margin:0;margin-top:0px;
}
#menutree a, #menutree a:link,   
#menutree a:visited,  #menutree a:active {
  font-size:100%; text-align:right;
  text-decoration: none; 
  word-spacing:-1px; color:#2f3b6d;
  padding-left:2px;
}
#menutree a:hover {text-decoration:underline}

#menutree img {vertical-align:middle;padding:0;margin:0}

#menutree {}
#menutree li {display:block;padding:0;margin:0}
#menutree .selected { border:1px dotted black; padding-right:2px; }

h2, h3, h4, .clsH2 {
	font-size: medium;
	font-weight: bold;
	margin-top: 10px;
  margin-bottom:1em;
  color:#2f3b6d;
}

h2, h3, h4, .clsH2 {
	font-size:medium;text-decoration: none;
}
h3 {font-size:small}
form {padding:0;margin:0}

.DefaultBold { font-size: 8pt; font-weight: bold; color: #000000 }
.BlueBold { font-size: 8pt; font-weight: bold; color: #D80027}

a {  color: #0000CC; text-decoration: none}
a:hover {  color: #D80027; text-decoration: underline}

.PageTitle { font-size: 13pt; color: #FFFFFF; font-weight: bold }

#manualWrap {
  position:relative;width:100%;padding:0;margin:0;overflow:hidden
}
#leftWrap { width:230px;overflow:auto;position:absolute;top:0;left:0}
#rightWrap {width:620px;border:1px solid black;display:none;position:absolute;top:0;right:0 }

#bodyStyle {
    padding:0; 
    margin-left:0px; margin-top:60px;padding:0 10px;overflow:auto
}

.NavBarTop, .NavBarBottom {background-color:#d6d2dd;width:100%;padding:10px 0;height:40px;margin:0}
.NavBarTop {position:absolute;top:0;left:0}
.NavBarBottom {position:relative;z-index:10000;width:100%}
#allwrap .NavBarBottom, #allwrap #extent {display:none !important}
#printmarker {display:none}

#prevtop, #prevbottom, #nexttop, #nextbottom {position:absolute}
#prevtop {top:10px;right:90px}
#nexttop {top:10px;right:40px}
#prevbottom {top:10px;right:90px}
#nextbottom {top:10px;right:40px}
#navclose {position:absolute;top:3px;right:0}

.mannote {
  background-image:url(/manual/images/note.gif);
  background-position:2px 2px;
  background-repeat:no-repeat;
  background-color:#FFFF99;
  border:1px solid black;
  padding:2px 2px 2px 20px;
  margin:3px;
}
.borderImage {
  text-align:center
}

.borderImage img {
  border:3px inset silver;
  padding:3px;

}

a img {border:none}

.example {
  font-family:courier;
}
.note {
  background-color:#FFFf80;
  margin-top:10px;
  padding:5px 5px 5px 20px;
  border:1px solid black;
  background-image:url(/manual/images/note.gif);
  background-repeat:no-repeat;
  background-position:5px 5px;
}

.screencap { border:3px inset silver }
.pre {font-family:courier}
.indent {padding-left:20px}
.centre {margin-left:auto;margin-right:auto;text-align:center}

#runhead, #titlepage {display:none }

.icon {
  width:32px;
  height:32px;
  vertical-align:top;
}
h1 .fleft {position:relative;top:-2px;padding-top:0;vertical-align:top}

.fleft, .fright {
  display:block;
  padding-top:5px;clear:left;
}
.fleft {
  display:block;margin-right:20px;float:left;clear:left;
}
.fright {
  display:block;margin-left:20px;float:right;clear:right;
}

@media print {
  @page {
    margin-top:1.5cm;
    margin-bottom:1cm;
    margin-right:1cm;
    margin-left:1cm;
  }
  h1, h2 {widows:4, orphans:4}
  /* #manualWrap #rightWrap img {page-break-inside:avoid !important} */
  
  #rightWrap {display:block !important;width:100% !important;border:none;position:relative;margin:0;height:auto !important;font-size:80%}
  #bodyStyle {width:19cm !important;padding-top:0;height:auto;max-height:none;overflow:visible}
  #manualWrap {width:100% !important;overflow:visible;height:auto;max-height:none}
  #leftWrap {display:none !important}
  .noprint {display:none}

  #all h1.section {page-break-before:always}

  #manualWrap .NavBarTop, #manualWrap .NavBarBottom {display:none !important}
  
  #titlepage {
    display:block;page-break-after:always;position:relative;width:100%;height:20cm
  }
  #titlepage #yh-logo {display:none}
  #titlepage #cb-logo {
    position:absolute;top:0;right:0;
  }
  #titlepage #cbx-logo {
    position:absolute;bottom:6cm;left:30%;
  }
  #titlepage h1, #titlepage h2 {
    text-align:center
  }
  #titlepage h1 {
    padding-top:6cm
  }
  #titlepage #title-conf {
    width:75%;margin:5em auto
  }
  #titlepage #title-copyright {
    font-weight:bold;text-align:center;margin-top:8cm
  }
  #printmarker {display:block !important}
  @page :header {
    content: "Page " decimal(pageno), , "Administrators Guide"
  }
}