/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 04 September 2010 03:25:16
*/


/**************************** OVERALL LAYOUT **********************************/
html {
    height: 100%;
    background-color: #ccc;
}
body {
    height: 100%;
    background-color: #ccc;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#top-container {
    border-top: 0px;
    border-bottom: 0px;

    background-image: url(http://www.cciw.org.au/__data/assets/image/0005/122/footer.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: white;

    min-width: 800px;
    max-width: 1200px;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */

    margin: 0 auto;
    padding: 0px;
    text-align: left;
}
#intranet #top-container {
    max-width: 10000px;
}
/* ie6 */
* html #top-container {
    width: expression(document.body.clientWidth < 700 ? "700px" : (document.body.clientWidth > 1200 ? "1200px" : document.body.clientWidth)); 
}

/******** HEADER AND MENUS ********/
div#header {
    background-image: url(http://www.cciw.org.au/__data/assets/image/0006/123/header-bg.png);
    background-position: bottom right;
    background-repeat: repeat-x;
    height: 106px;
    margin-top: 0px;
}
#header h1 {
    margin: 0px;
    width: 100%;
    padding: 0px;
    height: 106px;
}
#header h1 img {
    height: 106px;
    border: 0px;
}
img#h1-right {
    float: right;
    z-index:1; 
}
img#h1-left {
    z-index:2; 
    float: left;
    position: absolute;
}
#header h1 div {
    width: 382px;   /* keeps the text behind the image */
    padding: 15px;
}
#jsddm {
    z-index: 20;
    position: absolute;
    margin-top: -24px;
    margin-left: 30px;
    overflow: visible;
    min-width: 800px;
}
#jsddm li {
    margin: 0px;
    float: left;
    list-style: none;
    margin: 0px;
}
#jsddm li ul {
    position: absolute;
    display: block;
    visibility: hidden;
    padding: 1px;
    background-color: brown;
    background-image: url(http://www.cciw.org.au/__data/assets/image/0010/127/soil.jpg);
    min-width: 10ex;
    width: auto;
    overflow: visible;
    margin: 0px;
}
#jsddm li ul li {
    float: none;
    display: inline; 
}
#jsddm li a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    display: block;
    padding: 2px 12px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
}
#header ul li ul li a {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}
#jsddm li:hover a, #jsddm li:hover ul li:hover a, #jsddm li.current a {
    background: url(http://www.cciw.org.au/__data/assets/image/0009/126/semi-trans.png);
}
#jsddm li.current ul li a, #jsddm li:hover ul li a {
    background-image: none;
}
/* IE7 only */
*:first-child+html #jsddm ul {
}
*:first-child+html #jsddm ul li {
   display: block;
   width: 30ex;
}
*:first-child+html #jsddm ul li a {
    display: block;
    width: auto;
}
/* IE6 only */
* html #jsddm ul {
    margin-top: 24px;
}
* html #jsddm a {
  display: inline;
}
* html #jsddm li ul li a {
  display: block;
}

/****** RIGHT SIDEBAR ******/
div.sidebar-container {
    float: right;
    padding: 0px;
    padding-bottom: 100px;
    margin: 0px;
}
div.sidebar {
    background-image: url(http://www.cciw.org.au/__data/assets/image/0011/128/sidebar-bottom.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 0px;
    padding-bottom: 72px;
    margin: 0px;
}
div.sidebar-inner {
    border-left: 1px solid #888888;
    background-color: #f8f8f8; 
    width: 26ex;
    margin: 0 0 0 0;
    padding: 15px;
    height: 80%;
    min-height: 300px;
}
div.sidebar-inner * {
    width: auto;
}
div.sidebar-inner img {
    width: 26ex;
}
.sidebar li a {
    background: #A1896D; 
    color: white;
    text-decoration: none;
    display: block;
    padding: 1ex;
    margin: 0 0 1ex 0;
    font-weight: normal;
    position: relative;
}
.sidebar ul, .sidebar li {
    list-style-type: none;
    margin: 0;
    paddinng: 0;
}
* html .sidebar ul, * html .sidebar li {
    display: inline;
    position: relative;
}
* html .sidebar a {
    zoom: 1.0;
}
.sidebar h3, .sidebar h3 a {
    color: #990000;
    margin-top: 0px;
}

/****** LEFT SIDEBAR *****/
html body div.left-sidebar-container {
    float: left;
    margin-right: 5px;
    z-index: 10;
}
html body#intranet div.left-sidebar-container {
    margin-right: 15px;
}

html body div.left-sidebar {
    background-image: url(http://www.cciw.org.au/__data/assets/image/0016/376/left-sidebar-bottom.png);
    background-position: bottom right;

}
html body div.left-sidebar div.sidebar-inner {
    border-left: 0px;
    border-right: 1px solid #888888;
}
html body div.left-sidebar div.sidebar-inner div {
    margin-bottom: 15px;
}
html body table.service-times td {
    border: 1px solid #bbb;
    white-space: nowrap;
}
html body div.left-sidebar table td a {
    text-decoration: none;
}

/******** BODY *********/
div#body {
    padding: 10px 10px 160px 10px;
    margin: 0px;
    overflow: hidden;
    z-index: 5;
}
#intranet div#body {
    overflow: visible;
}
* html div#body {
    margin-right: 32ex;
}
div#body.wide {
    max-width: 3000px;
    width: auto;
    overflow: visible;
    margin-right: 1ex;
}
#body img.horizontal {
    display: block; 
    width: 98%; 
    max-width: 80ex; 
    margin-bottom: 20px
}
* html #body img.horizontal {
    width: 80ex;
}
#body img.vertical {
    float: right;
    max-width: 35ex;
    margin-left: 10px;
    margin-bottom: 10px;
    clear: right;  
}
#body img.photo {
    border: 1px solid #eee;
}

/* ie6 */
* html #body img.vertical {
    width: 40ex;
    zoom: 1.0;
    clear: none;
    margin-right: 10px;
}



/********************************************* GENERAL STYLE *********************************************/
body, p, div, span, input, select, textarea, td, th, h1, h2, h3, h4,l i {
    color: #74634F;
    font-family: sans-serif;
}
body {
    font-size: 85%;
    line-height: 1.4;
}
h1, h2, h3, h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 1.2ex 0px 0.8ex 0px;
    /* color: #A1896D; */
}
h1 {
    color: #502b0e;
    text-transform: uppercase;
    font-size: 160%;
    font-weight: bold;
    margin-top: 0px;
}
h2 {
    color: #502b0e;
    font-weight: bold;
    font-size: 130%;
    padding-bottom: 1px;
}
h3 {
    font-size: 115%;
    color: #502b0e;
    font-weight: bold;
}
h2 strong, h3 strong {
    color: #990000;
}
h4 {
    font-size: 90%;
    font-weight: bold;
}
#body p {
    margin: 2px 0px 0.7em 0px;
    max-width: 80ex;
    min-width: 30ex;
}
#body div.box {
    max-width: 80ex;
    min-width: 30ex;
    border: 1px solid;
}    
#body li {
    max-width: 80ex;
}
* html #body p, * html #body li {
    width: 80ex;
}
#body td p {
    width: auto; /* ie6 */
    min-width: 1px;
}
a:link, a:visited, a:active {
    text-decoration: none;
    font-weight: bold;
    color: #A1896D;
    text-decoration: underline;
    cursor: pointer;
}
a:hover {
}
.indent {
    margin-left: 20px;
}
em {
    font-weight: normal;
    font-style: italic;
}
table td, table th {
    vertical-align: top;
    padding: 5px;
}
table.borders td, table.borders th, table.standard th, table.standard td {
    border: 1px solid #bbb;
}
table.no-borders td, table.no-borders th {
    border: 0;
}
table.underline-rows td, table.underline-rows th {
    border-bottom: 1px solid #bbb;
}

table {
    border-collapse: collapse;
    margin: 2px 0px 5px 0px;
}

thead th, table.borders th {
    background-color: #74634F;
    color: white;
}
th {
    text-align: left;
}
table thead th {
    text-align: center;
}
.nowrap {
   white-space: nowrap;
}
.center {
   text-align: center;
}
.middle {
   vertical-align: middle;
}
.hidden {
   display: none;
}
a.plain {
   text-decoration: none;
}
body .small, body small {
   font-size: 70%;
   line-height: 1;
}
a.box, div.box {
   display: block;
   border: 1px solid #e0e0e0;
   background: #f0f0f0;
   padding: 1ex;
   margin-bottom: 1ex;
   overflow: hidden;
   text-decoration: none;
   min-width: 10ex;
   
}
a.box img {
   float: left;
   width: 15ex;
   margin-right: 1ex;
}

ul.loose li {
   margin-bottom: 1ex;
}
ul.tight, ul.tight li {
   margin-top: 0px;
   margin-bottom: 0px;
}
/******** PAGE-SPECIFIC LAYOUT *******/


.staff {
   border: 1px solid #A1896D;
   background: #f8f8f8;
   padding: 10px;
   margin-bottom: 10px;
   overflow: hidden;
}
.staff h3 {
   margin-top: 0px;
}
.staff img {
   width: 150px;
   float: right;
   margin: 0 0 5px 5px;
}

#middle-column {
   margin-left: 30px;
}
#homepage {
   padding: 0px;
   height: auto;
   min-height: 10px;
   overflow: hidden;
}
#homepage * {
   margin-right: 0px;
   padding-right: 0px;
}
#homepage p {
   max-width: 65ex;
   min-width: 10ex;
}
.popup-form {
   display: none;
   position: fixed;
   top: 20%;
   left: 25%;
   width: 50%;
   background: #f8f8f8;
   border: 10px solid #A1896D;
   padding-left: 10px;
}
* html #body .popup-form {
  position:absolute;
  top:0;
  top: expression(eval(document.documentElement.scrollTop)+50);
}

table.roster {
   background: white;
}
#body table.roster p {
   min-width: 1ex;
}
#body table.roster td {
   font-family: "arial narrow", sans-serif
}
#body a.block{
  display: block;
  background: #eee;
  text-decoration: none;
  border: 1px solid #ddd;
  margin: 1ex;
  padding: 1ex;
}
#body a.block p {
  font-weight: normal;
  margin: 2px 0 2px 0;
}
form ul, form ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
form ul li {
  padding-left: 3ex;
}
form h4 {
  margin-bottom: 2px;
  margin-top: 1ex;
  font-size: 100%;
  border-top: 2px solid #f1d9bD;
  padding-top: 1ex;
  padding-left: 1px;
  margin-left: -1px;
}

#body a.calendarNavLink, a.calendarNavLink:hover, a.calendarNavLink:visited {
    text-decoration: none;
    font-weight: bold;
    color: #A1896D;
    text-decoration: underline;
    cursor: pointer;
}


#body div#calendarTable * {
  font-family: "Arial Narrow";
  font-weight: normal;
}
div#calendarTable table td { text-align: left; font-size: 85%; }
div#calendarTable table th { text-align: center; font-size: 85%;  }

#body div.eventText {
    line-height: 115%;
    margin-top: 3px;
}
html body #body #calendarTable a.event {
 /*  background: none;
   background: transparent;*/
}
html body #body #calendarTable a.event:hover {
/*   background: inherit !important;
   text-decoration: underline;*/
}

#body #intranet-home-container {
    overflow: hidden;
}

#body div.intranet-home-col {
   float: left; 
   width: 49%;
   padding: 0px;
}

#body .intranet-home-col a, #body .intranet-home-col a:hover, #body .intranet-home-col a:visited {
        display: block;
        border: 1px solid black;
        background: #A1896D;
                color: white;
        margin: 8px 15px 8px 0px;
        padding: 5px;
        text-decoration: none;
                text-align: center;
                font-size: 115%;
                font-weight: normal;
       line-height: 1;
       min-width: 1px;
}

#intranet .sidebar-container .sidebar-inner {
  width: 30ex;
}

#staff-cal-contents {
  border: 1px solid black;
}
#staff-cal-contents h4 {
  background: #A1896D;
  color: white;
  margin-top: 0px;
  margin-bottom: 2px;
  padding: 2px 4px;
  font-weight: normal;
}

#staff-cal-contents ul {
  margin-top: 0px;
  margin-bottom: 12px;
  font-size: 85%
}
#staff-cal-contents a {
  display: inline;
  background: transparent;
  text-decoration: underline;
    color: #74634F;
}

html #intranet #body .sq-limbo-field {
   font-size: 100%
}