/***************************************************************/
/*  CSS stylesheet for standard HTML tags
/*  Copyright 2006 by Pixelsound Web Design Perth
/*  http://www.pixelsound.com/

/*************** HTML Tags *************************************/
body {
  font-size:70%;    /* to make font size in IE accessible (also see next definition): default is 70% */
  margin:0px;
  padding:10px;
  line-height:1.6em;
  background-color:white;
}

table, td, th, p, form, input, select, textarea, h1,h2,h3,h4,h5,h6, dl,dt,dd,blockquote, ul, ol {
  font-size:1em;    /* to make font size in IE accessible (also see previous definition) */
}

body, table, td, th, p, form, input, select, textarea, h1, h2, h3, h4, h5, h6, dl,dt,dd,blockquote, ul, ol {
  font-family:"Trebuchet MS", Verdana, Tahoma, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  color:#000;
}

p {
  margin:0 0 1em;
  padding:0;
}

a {
  color:#F05C1D;
  text-decoration: underline;
}
    a:hover {
      text-decoration: none;
    }
    img, a img, a:hover img {
      text-decoration: none;
    }




ul {
  margin:0;
  padding:.3em 0;
  padding-left:1.5em;
}
ol {
  margin:0;
  padding:.3em 0;
  padding-left:3em;
}

li ul, li ol {
}
    * li {
      margin:0;
      padding:.3em 0;
    }

  ul li,
  ul li ul li ul li {
    list-style-type:square;
  }

  /*** Level 2 ***/
  ul li ul li {
    list-style-type:circle;
  }
    ul.noBullets {
      margin-left:0;
    }
    ul.noBullets li {
      list-style:none;
    }


dt {
  font-weight:700;
}



/************   Headings   *****************/

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * {
  font-weight:700;
  text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
  margin:1.5em 0;
  margin:2em 0 .5em;
  padding:0;
}
    h1, h1 a {
      text-decoration:none;
      color:#000;
    }
        h1 {
          font-size:2em;
          line-height:.8em;
          padding:0 0 .3em;
          border-bottom:1px solid #666;
          font-weight:100;
          margin-bottom:1.5em;
          background-image:none;
        }

    h2, h2 a {
      text-decoration:none;
      color:#000;
    }
        h2 {
          text-transform: uppercase;
          font-size:1.3em;
          margin:2em 0 1em;
          border-bottom:1px solid #ccc;
        }
    h3, h3 a {
      text-decoration:none;
      color:#000;
    }
        h3 {
          font-weight:700;
          text-transform:none;
          font-size:1.3em;
          padding:0;
          margin:1em 0 .5em;
        }

    h4, h4 a {
      text-decoration:none;
      color:#000;
    }
        h4 {
          font-weight:700;
          font-size:1em;
        }

    h5, h5 a {
      text-decoration:none;
      color:#000;
    }
        h5 {
          text-transform: uppercase;
          font-size:1em;
        }

    h6, h6 a {
      text-decoration:none;
      color:#000;
    }
        h6 {
          font-size:.9em;
        }
        h6 a:hover {
          text-decoration:underline;
        }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  padding-right:20px;
  background-image:url(../images/stationery/blt-arrow-dotted-right.gif);
  background-position:right .4em;
  background-repeat:no-repeat;
}



h1.csc-firstHeader,
h2.csc-firstHeader,
h3.csc-firstHeader,
h4.csc-firstHeader,
h5.csc-firstHeader,
h6.csc-firstHeader {
  padding-top:0px;
  margin-top:0px;
}



/************   Classes   *****************/
p.small {
  font-size: .9em;
}
.float-left {
  float:left;
}
.float-right {
  float:right;
}


/****  Boxes and Tables  ***/

th,
tr.tableHeader td,
table thead tr td,
table.highlight thead tr td,
table.outlined thead tr td,
table.transparent thead tr td,
td.tableHeader {
  background-color:#748699;
  color:white;
  padding: 2px 1px;
  line-height:1.4em;
  text-align: center;
  font-size: 85%;
  border-right: 1px solid #fff;

}
    th,
    th *,
    tr.tableHeader *,
    thead tr td *,
    td.tableHeader * {
      color:white;
    }
    th a,
    tr.tableHeader td a,
    thead tr td a,
    td.tableHeader a {
      text-decoration:none;
      display:block;
      color:white;
    }

    tr.tableFooter td,
    td.tableFooter {
      background:none;
      font-weight:700;
    }



/*************** Boxes *************************************/

.box {
  width:214px;
  padding:0 0 40px;
  background-image:url(../images/box-tile-y.gif);
  background-image:url(../images/box-tile-B.gif);
  background-position:left bottom;
  background-repeat:repeat-y;
}
  .box h3 {
    width:194px;
    padding:13px 10px 4px;
    margin:0px;
    font-size:12px;
    font-weight:700;
    color:white;
    text-transform:uppercase;
    background-color:#003464;
    background-image:url(../images/box-T.gif);
    background-position:left top;
    background-repeat:no-repeat;
  }
  .box h3 span {
    display:none;
  }
  .box p {
    padding:0 10px;
  }
  p.boxImage {
    padding:0;
  }
  .box h4 {
    font-size:1em;
    width:194px;
    padding:0 6px;
    margin:0;
    letter-spacing:0;
    text-transform:none;
  }




/****  Transparent  ***/
table.transparent thead tr td {
  padding-left:0;
}

.transparent,
.transparent td,
div.csc-frame-frame3 {
  margin:1em 0 2em;
  padding:.2em 1.5em .7em 0;
  background:white;
  clear:both;
  border:0px none white;
}
  table.transparent,
  .transparent table {
    border-collapse:collapse;
    border:0px none white;
  }
    .transparent td,
    td.transparent {
      padding:.1em 1em .3em 0;
      margin:0;
      border:0px none white;
    }
    .transparent td td,
    td.transparent td {
      padding-left:0;
      margin:0;
      border:0px none white;
    }
    .transparent td p,
    td.transparent p {
      padding:0 0 .5em;
      margin:0;
      border:0px none white;
    }


input.transparent {
  background:none;
  border:0px none white;
}



/****  Highlight  ***/
.highlight,
.csc-frame-frame1,
.highlight td,
td.highlight,
.transparent .highlight td,
.transparent td.highlight,
.tr-even td,
.tr-odd td {
  background-color:#EFF3F7;
  margin:1em 0 2em;
  padding:.2em 1em;
  clear:none;
}
  .highlight td,
  td.highlight,
  .transparent .highlight td,
  .transparent td.highlight,
  .csc-frame-frame1,
  .tr-even td,
  .tr-odd td {
    margin:1px;
    border:1px solid white;
  }
    .tr-odd td {
      background-color:#e1e1e1;
    }
    table.highlight,
    .highlight table,
    table.csc-uploads {
      border-collapse:collapse;
      border:1px none white;
      clear:none;
    }
    .highlight textarea,
    .highlight select,
    .highlight input {
      background:white;
    }
    .highlight td p,
    td.highlight p,
    .tr-even td p,
    .tr-odd td p {
      padding:0;
      margin:0;
    }





/****  Outlined  ***/
.outlined,
.outlined td,
.csc-frame-frame2 {
  margin:1em 0 2em;
  padding:.5em 1.5em;
  background:transparent;
  clear:both;
  border:1px solid #ccc;
}
  table.outlined,
  .outlined table {
    border-collapse:collapse;
    border:1px solid #666;
  }
    .outlined td,
    td.outlined {
      padding:.2em 1em;
      margin:0;
      border:1px solid #ccc;
    }





/****  Colours  ***/
.StrikeDarkblue {
  color:#003464;
}
.StrikeOrange {
  color:#F05C1D;
}



/*************** Link Styles *************************************/

a.internal-link,
a.internal-link-new-window,
a.external-link,
a.external-link-new-window,
a.download,
a.mail,
a.moreLink,
p.moreLink a {
  background-image:url(../images/stationery/rtehtmlarea-external_link.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:20px;
}
a:hover.internal-link,
a:hover.internal-link-new-window,
a:hover.external-link,
a:hover.external-link-new-window,
a:hover.download,
a:hover.mail,
a:hover.moreLink,
p.moreLink a  {
}

    a.internal-link img,
    a.internal-link-new-window img,
    a.external-link img,
    a.external-link-new-window img,
    a.download img,
    a.mail img,
    a.moreLink img,
    p.moreLink a img {
      border:1px none white;
      text-decoration:none;
      display:none;
    }
    a.internal-link {
      background-image:url(../images/stationery/rtehtmlarea-internal_link.gif);
      padding-left:12px;
    }
    a.internal-link-new-window {
      background-image:url(../images/stationery/rtehtmlarea-internal_link_new_window.gif);
      padding-left:17px;
    }
    a.external-link {
      background-image:url(../images/stationery/rtehtmlarea-external_link.gif);
      padding-left:12px;
    }
    a.external-link-new-window {
      background-image:url(../images/stationery/rtehtmlarea-external_link_new_window.gif);
      padding-left:17px;
    }
    a.download {
      background-image:url(../images/stationery/rtehtmlarea-download.gif);
      padding-left:15px;
    }
    a.mail {
      background-image:url(../images/stationery/rtehtmlarea-mail.gif);
      padding-left:22px;
    }
    a.moreLink,
    p.moreLink a {
      color:#003464;
      text-decoration:none;
      font-weight:700;
      padding-left:0;
      padding-right:15px;
      background-image:url(../images/blt-arrow-right.gif);
      background-position:right;
    }
      a:hover.moreLink,
      p.moreLink a:hover {
        color:#6685A2;
      }
    p.moreLink {
      text-align:right;
    }
/*
a.internal-link,
a.internal-link-new-window,
a.external-link,
a.external-link-new-window,
a.download,
a.mail {
  background-image:none;
  padding-left:0;
}
*/





/*************** Error Messages *************************************/
p.errorMessageBox {
  background-color:#CC3333;
  padding:.5em 1em;
}
  p.errorMessageBox,
  p.errorMessageBox * {
    color:white;
  }




/***** File Lists (put in basic style sheet, next to highlight) *************************************/
table.csc-uploads {
  border:1px none white;
  border-collapse:collapse;
}
  table.csc-uploads td p {
    padding:0;
    margin:0;
  }
  tr.tr-even td,
  tr.tr-odd td {
    border:1px solid white;
    padding:5px 10px;
    background-color:#efefef;
  }
  tr.tr-odd td {
    background-color:#e1e1e1;
  }






/****  Header Text  ***/

.HeaderText {
  font-size:1.2em;
  font-weight:700;
  color:#666;
  margin-bottom:1em;
}


/****  Spaced Text  ***/
.spaced {
  letter-spacing:.3em;
}



/****  All Caps  ***/

.AllCaps {
  text-transform:uppercase;
}



/****  Quotations  ***/

.quotation,
.quotation_left,
.quotation_right {
  font-size:1.8em;
  color:#ccc;
  font-weight:700;
  padding:0;
  margin:0;
  line-height:1.2em;
}
    .quotation_left {
      width:50%;
      float:left;
      margin:0em 1.5em 1em 0;
    }
    .quotation_right {
      width:50%;
      float:right;
      text-align:right;
      margin:0em 0 1em 1.5em;
    }




/****  content_frame  ***/

div.csc-frame-rulerBefore,
div.csc-frame-rulerAfter {
  clear:both;
  border-bottom:1px solid #333;
  margin:4em 0;
}


.indent,
div.csc-frame-indent {
  margin-left:22%;
}
div.csc-frame-indent3366 {
  margin-left:33%;
}
div.csc-frame-indent6633 {
  margin-left:66%;
}
.outdent {
  margin-left:0px;
}

.underline {
  text-decoration:underline;
}
.right {
}

div.csc-frame h1,
div.csc-frame h2,
div.csc-frame h3,
div.csc-frame h4,
div.csc-frame h5,
div.csc-frame h6 {
  margin-top:1em;
  padding-top:0px;
}







div.clearBoth {
  clear:both;
  line-height:0px;
  height:0px;
  font-size:1px;
  margin:0;
  padding:0;
}
.noMargin {
  margin:0px;
}
.noPadding {
  padding:0px;
}

.dotted-top {
  background-image:url(../images/stationery/tile-dot-T.gif);
  background-position:top;
  background-repeat:repeat-x;
}
.dotted-bottom {
  background-image:url(../images/stationery/tile-dot-T.gif);
  background-position:bottom;
  background-repeat:repeat-x;
}

.label1,
.label2,
.label3 {
  float: left;
  width: 100px;
  padding: 0;
  margin:0; /* set top margin same as form input - textarea etc. elements */
  text-align: right;
  margin-right:.5em;
  margin-top:.5em;
  clear:left;
}
    .label1 {
      width:4em;
    }
    .label2 {
      width:7em;
    }
    .label3 {
      width:10em;
    }

* td.subtotal,
table.highlight td.subtotal,
body .highlight td.subtotal {
  border-top:1px solid #000;
  padding-bottom:1em;
}