/* column container */
.colmask {
    position:relative;
/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;
/* width of whole page */
    overflow:hidden;
/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
    background:#fff;
/* right column background colour */
}
.leftmenu .colleft {
    right:75%;
/* right column width */
    background:white;
}
.leftmenu .col1 {
    width:71%;
/* right column content width */
    left:102%;
/* 100% plus left column left padding */
}
.leftmenu .col2 {
    width:21%;
/* left column content width (column width minus left and right padding) */
    left:6%;
/* (right column left and right padding) plus (left column left padding) */
}
/* USQ and CAIRSS CSS added from the original default.css and usq.001.css on the CAIRSS web site */
.header {
    width:100%;
    height:100%;
}
.header_logo img {
    border:0px;
}
.nav_and_pdf{
    float:right;
}
.horizontal_menu{
float:left;
   color:#234e86;
    FONT-FAMILY:Arial, Verdana,Helvetica,sans-serif; 
}


.header_logo {
    float:left;
    padding: 10px 0 0 10px;
}
.caul_header_logo {
    float:right;
    padding:10px 10px 0 0;
    color:#234e86;
    FONT-FAMILY:Arial, Verdana,Helvetica,sans-serif;
}
.caul_header_logo img {
    border:0px;
}
.horiz_line {
    color: #234e86;
    clear:both;
    width:100%;
}
#whitespace {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-top: 5px;
    margin-bottom:25px;
}
/* top and bottom blue line ex USQ css */
.linetop, .linefooter, .mainmenu-top, .specialmenuheading-top {
    background-color:#1d5eb4;
    height:8px;
    background-position:top left;
    background-repeat:no-repeat
}
.linetopright, .linefooterright, .specialmenuheading-topright {
    float:right;
    position:relative;
    width:50%;
    height:8px;
    background-position:top right;
    background-repeat:no-repeat
}
.linetop {
    background-image:url(left_topcorner_line_blue.gif);
    margin:0px 5px 5px 5px;
}
.linetopright {
    background-image:url(right_topcorner_line_blue.gif);
}
.linefooter {
    background-image:url(left_botcorner_line_blue.gif);
    margin:5px 5px 0px 5px;
}
.linefooterright {
    background-image:url(right_botcorner_line_blue.gif)
}
.current-url {
    font-weight: bold;
    color:#234e86;
}
span.CM {
    background-color: #FFFF33;
}
span.CMu {
    background-color: #FFFF33;
    text-decoration: underline;
}
span.ONT {
    background-color: #FFAA00;
}
span.ASE {
    background-color: #7700FF;
}
span.CJ {
    background-color: #AAAAFF;
}
span.RN {
    background-color: #00FF00;
}
span.CPR {
    background-color: #FF00FF;
}
span.DATA {
    background-color: #FF7777;
}
span.CUST {
    background-color: #CCCCCC;
}
.page-toc{
     FONT-FAMILY:Arial, Verdana,Helvetica,sans-serif;
}
.context-toc {
    background-color: #c9d8ed;
    text-align:left;
     FONT-FAMILY:Arial, Verdana,Helvetica,sans-serif;
}
.context-toc ul li ul li {
    border-bottom: 0px solid white;
    text-align:left;
    padding: 4px 0 0 8px;
}
.context-toc ul li {
    border-bottom: 1px solid white;
    text-align:left;
    padding: 2px 0 2px 4px;
}
.toc ul,.context-toc ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.body {
    
    FONT-FAMILY:Arial,Verdana, Helvetica,sans-serif;
    background-color:white;
    margin-top: 50px;
    margin-left: 12px;
    margin-right: 60px;
    padding: 0 20px 0 20px;
    text-align: left;
    width:90%;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
p.firstline-indent {
    text-indent: 0.6cm;
}
p.hanging-indent {
    margin-left: 0.6cm;
    text-indent: -0.6cm;
}
blockquote.bq {
    border-left: 2px dotted black;
    padding-left: 4px;
    font-size: 1em;
}
blockquote.bqs {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-style: normal;
    margin-top: -3px;
}
.table {
    font-size: 100%;
}
dt {
    font-weight: bold;
}
H1 {
    font-size: 1.4em;
    color: #234e86;
    background-color: inherit;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
}
.title, .Title-chapter, .Title-book {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.4em;
    background-color: inherit;
    margin-left: 5px;
    font-weight: bold;
    color: #234e86;
    width: 100%;
}
.content-title {
    font-style: normal;
}
H2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.3em;
    color: navy;
    background-color: inherit;
    font-weight: normal;
}
H3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #A34B4B;
    background-color: inherit;
    font-weight: normal;
}
H4 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #685656;
    background-color: inherit;
    font-weight: 700;
}
H5 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
    color: #000000;
    background-color: inherit;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}
H6 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #000000;
    background-color: inherit;
    font-weight: bold;
}
span.footnote,span.endnote {
    font-size: .9em;
/* line-height: 0px; */
    vertical-align: baseline;
    position: relative;
    margin-bottom: 0.1em;
}
sup {
    line-height: 0px;
    font-size: .8em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
sub {
    font-size: x-small;
}
pre,code {
    font-family: 'Courier New', Courier, mono, sans-serif;
    font-size: 1.1em;
}
.small {
    font-size: smaller;
}
/* Activity Tables */
div.slide,table.note,table.exercise,table.activity,table.reading,table.reflection,table.learning,table.example,table.casestudy,table.discussion {
    background-color: #FFF9D8;
    color: black;
    margin-left: 25px;
    border: 1px solid #C4C2BC;
}
div.slide,table.note td,table.exercise td,table.activity td,table.reading td,table.reflection td,table.learning td,table.example td,table.casestudy td,table.discussion td {
    padding: 4px;
    vertical-align: top;
}
div.slide h1,table.note h6,table.exercise h6,table.activity h6,table.reading h6,table.reflection h6,table.learning h6,table.example h6,table.casestudy h6,table.discussion h6 {
    text-align: left;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 0px;
    font-size: 1.2em;
}
/* Lists */
ol.li-lower-alpha {
    list-style: lower-alpha;
}
ol.li-upper-alpha {
    list-style: upper-alpha;
}
ol.li-lower-roman {
    list-style: lower-roman;
}
ol.li-upper-roman {
    list-style: upper-roman;
}
dt {
    font-weight: bold;
}
/* nav buttons */
.nav-buttons {
    margin-right: 5px;
    padding: 0px;
}
.nav-buttons div {
    padding: 0px;
    margin: 0px;
}
/* Lightbox */
.lightbox-link .lb-link-text {
/* transparent and display inline required for safari */
    display: inline;
    font-size: 0px;
}
.lightbox-caption {
    font-weight:bold;
    margin-left:5px;
}
a:link :hover .lightbox-link,a:link :visited .lightbox-link {
/* hides underline on hover */
    text-decoration: none;
}
a.lightbox:hover span.lightbox-link {
/*
  position: absolute;
  *        background: url(magnifier.png) no-repeat bottom;
  *            vertical-align: bottom;
  *                margin-left: 2px;
  *                    height: 12px;
  *                        width: 16px;
  *                            padding-top: 8px;
  *                                padding-left:15px;
  *                                    text-decoration: none;
 */
}
a.lightbox img + span.lightbox-link {
    position: relative;
    right: 18px;
    bottom: 12px;
    background: url("magnifier.png") no-repeat bottom;
    padding-top: 8px;
    padding-left:15px;
    vertical-align: bottom;
}
/* footnotes as tooltips */
span.footnote {
    position: relative;
}
a.footnote {
    vertical-align: super;
}
span.footnote span.footnote-text {
    display: none;
}
span.footnote:hover {
    z-index: 500;
}
span.footnote:hover span.footnote-text {
    background: #fff9d8;
    border: 1px solid gray;
    color: black;
    font-weight: normal;
    display: inline;
    left: -1em;
    padding: 0.5em;
    position: absolute;
    top: 0.75em;
    width: 150px;
    z-index: 501;
}
/* Alert box */
#popup_overlay {
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: solid 1px #bdbdbd;
    width : 450px;
    height: 120px;
    display: none;
    position:absolute;
    left : 200px;
    top:150px;
}
#popup_title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.75em;
    color: Black;
    background: gray;
    border: solid 1px #c0d0ff;
    border-bottom: solid 0px #999;
    padding: 0em;
    margin: 0em;
    cursor: move;
}
#Esc_button {
    width : 30px;
    position : absolute;
    right:0px;
    top:0px;
}
#popup_content {
    padding: 1em 0.5em;
    margin: 0em;
}
#popup_button {
    position:relative;
    left:200px;
    top: 20px;
    bottom:2px;
}
.update_list li {
    list-style-type: none;
    margin-top: 2em;
}
.update_list span {
    color: #000000;
    background: #ffffff;
    background-color:#ffffff;
}
.update_list span a {
    display: inline;
}
.update_list span a:hover {
    text-decoration: underline;
    color: #0000FF;
}
/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}
toolbarHTML {
    FONT-SIZE:90%;
    FONT-FAMILY:Arial,Helvetica,sans-serif;
     background-color:white
}
div.spacley {
}