/*
  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: 21 October 2009 14:35:08
*/


/* Specifics
-------------------------------------------------------------------*/
a {text-decoration:none; color:#1b1b94;}
a:hover, a:focus {text-decoration:underline;}
#nav-main h2, .content-secondary h2, h1 {margin:0 0 5px 0;padding:0}
h2 a {color:black;}
h2 a:hover {text-decoration:underline;}
#nav-supp ul li.showHighVis {display:inline;}
#nav-supp ul li.showStandard {display:none;}
#nav-supp ul li.showHighVis a {color:#000;}
/* STRUCTURAL
-------------------------------------------------------------------*/

#skipLinks {
    position:absolute;
    top: -9999em;
    z-index:99;
}
#skipLinks ul {
    list-style: none;
    margin:0;
    padding:0;
}
#skipLinks ul a:focus, #skipLinks ul a:active {
    position:absolute;
    color:#0056AF;
    font-weight:bold;
    top:9999em;
    border: 1px solid  #333;
    background:#FFAD66;
    padding:1em 2em;
    color:#000;
}

a:focus, input:focus {
    background:#FFAD66;
    color:#000;
}

#container {margin:0 auto;width:974px;}

#branding {float:left;width:100%;text-align:right;background:#fff; margin-top:3px;}

#branding-logo {float:left;clear:both;width:220px;height:100%;overflow:visible;position:relative;}
#branding-logo div {min-width:220px;text-align:center;}


#branding-logo h1 {display:block;font-size: 4.5em;line-height:0.1em;margin:0;padding:35px 0 0;color:#007eba;}
#branding-logo h1 a {color:#007eba;}
#branding-logo h1 a:hover {color:#000; text-decoration:none;}
#branding-logo p {font-size:1.2em;margin:1em 0 1.35em;padding:0;color:#000;}


#branding-logo p#inclusive {display:block;font-size: 4em;line-height:0.1em;margin:0;padding:25px 0 0 0;color:#007eba;}
#branding-logo p#inclusive a {color:#007eba;}
#branding-logo p#inclusive a:hover {color:#000; text-decoration:none;}
#branding-logo p#inclusive-tagline {font-size:1.1em;margin:1em 0 0;padding:0;color:#000;text-align:right;width:200px}

#branding-banner {margin-left:235px;height:112px;background:url(/__data/assets/image/0008/25478/bannerHome.jpg) no-repeat;}

#branding-vis {float:left;clear:both;background:url(/__data/assets/image/0020/25490/headerBot.gif) no-repeat;height:4px;width:100%; }


#search-input fieldset {border:none;margin:0;padding:0;}
#search-input input {border:solid 1px #666; margin-left:10px;}
#search-input .sq-form-field {width: 11em!important;}
#search-input #search {margin:0 0 0 10px; background:#fff url(/__data/assets/image/0008/25496/loupe.gif) no-repeat 1px;width:10em;border:solid 1px #666;padding:0px 1px 1px 20px;}

#content {float:left;width:974px;clear:both;margin-top:10px;background:url(/__data/assets/image/0007/25486/faux.gif) repeat-y; }

#nav-main {float:left;width:220px;border-top:solid 1px #666;padding:0 0 10px;}
#nav-main h2 {margin:0 10px 0 10px;}
#nav-main a {text-decoration:none;color:#333;font-weight:bold;font-size:1.1em;margin:0 10px;display:block;}
#nav-main a:focus, #nav-main a:hover {text-decoration:underline;}
#nav-main li ul li a {font-weight:normal;margin:0 10px 0 25px;}
#nav-main ul {margin:0; padding:0;}
#nav-main li {list-style-type: none;}
#nav-main li.active {background:#000 url(/__data/assets/image/0010/25498/nav-mainBG.gif) repeat-x;}
#nav-main li.active a {color:#fff;}
#nav-main li.active ul {background:#fff;border-left:solid 1px #666;}
#nav-main li.active ul a {color:#000;}
#nav-main li ul li ul li a {font-weight:normal;margin:0 10px 0 50px;}



#nav-breadcrumbs {float:left;width:719px; color:#666;}
#nav-breadcrumbs a {color:#666; text-decoration:none;}

#content-main {margin-left:15px;float:left;width:719px;display:block;border-top:solid 1px #666; padding:10px;}
#content-main li {list-style-image: url(http://www.inclusive.org.nz/__data/assets/image/0009/38763/bullet.gif);}
#content-main a {text-decoration:underline;}
#content-main a:hover, #content-main a:focus {text-decoration:none;color:#111;}
#calendarWrapper, #column1, #column2, .content-secondary {float:right;clear:right;width:200px;margin-top:10px;border-left:solid 2px #007eba; padding:0 1em 0 10px;display:inline;}
#content-primary-narrow {
    float:left;
    width:470px;
}
#content-primary-wide {
    float:left;
    width:719px;
}
#column1 li, #column2 li, .content-secondary li {list-style-type:disk; margin:0;}
#column1 ul, #column2 ul, .content-secondary ul {margin:0;padding:0 0 0 15px;}


#siteinfo {float:left; width:100%;clear:both; padding:6px 0 10px 0; background:#fff url(/__data/assets/image/0009/25488/fauxBot.gif) no-repeat; }

#siteinfo-legal {float:left;}

#siteinfo-legal a.quiet, #siteinfo-legal a {
    color:#333;
}

#siteinfo-credits {width:40%; float:right; text-align:right; color:#333;}

#siteinfo-credits img {
 float: right;
 margin: 0;
 padding: 0 0 0 -10px;
}

/*-------------- Calendar styles -------------*/

#month th.weekLink a.dateLink  {color: #222;}  //Colour change for AAA accessibility
#month th.weekLink a.dateLink  {background: #eee;}

#month th.dayLabel, #month th.weekLink { color: #222; }
#month th.dayLabel, #month th.weekLink { background-color: #eee; }

/*-------------- Knowledge Base Styles - Added SW 16/07/08 -------------*/

#nested-content-right {
    border: 1px solid #000;
    margin: 0.5em 1em 5em 0;
    background: #f4f4f4;
    padding: 0.5em 1em 0.5em 1em;
    width: 230px;
    float: right;
}
#nested-content-right h2 {
    font-size: 1.5em;
}

/*-------------- Form Styles - Added SW 16/07/08 -------------*/

#content-main fieldset {
   padding:1.4em;
   margin:0 0 1.5em 0;
   border:1px solid #ccc;
   width:400px;
}
#content-main .errormsg {
   font-style: italic;
   color: #D23D24;
}
#content-main .errormsg p {
   font-style: normal;
   font-weight: bold;
}
/*-------------- Image Library Styles - Added BV 14/10/08 -------------*/

.image-library-div {
 float: left;
 background: url(/_designs/gse_redesigns/css/screen.css/block.gif) no-repeat #e2f5fc;
 width: 300px;
 height: 100px;
 margin: 0.5em;
}

.image-library-div img {
 float: right;
 margin: 1em 1em 0 0;
}


.image-library-summary {
    border: 0px solid #000;
    margin: 0;
    padding: 0.5em;
    width: 200px;
    float: left;
}

/* assorted styles - Added ck 140409 */

.header-style {
    font-size:2em;
    color:#111;
    font-weight:normal;
    display:block;
    margin:0 10px;
}

/* Toolbar styles - Added ck 140409 */

#toolbar-stretcher {
    height:2em;
}

#toolbar-wrapper {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    height:2em;
    z-index:5000;
}

#toolbar {
    height:2em;
    background:#fefefe url(http://www.inclusive.org.nz/__data/assets/image/0010/38764/toolbarBG.gif) bottom repeat-x;
    padding:0 2em;
}

#toolbar p#toolbar-title {
    font-weight:bold;
    font-variant:small-caps;
}

#toolbar p#toolbar-loggedin {
    float:right;
}

#toolbar a {
    color:#111;
    text-decoration:underline;
    cursor:pointer;
}

#toolbar ul, #toolbar p {
    display:block;
    float:left;
    margin-bottom:0;
}

#toolbar ul li {
    display:block;
    position:relative;
    float:left;
    margin-left:1em;
}

#toolbar ul li li a {
    display:block;
    text-decoration:none;
    background:#fff;
    padding:0.1em 0.5em;
}

#toolbar ul li li a:hover {
    background:#dedede;
}

#toolbar ul li ul {
    display:inline-block;
    position:absolute;
    left:-9999px;
    width:1px;
    background:#fff;
    z-index:50;
    border:1px solid #aaa;
}

#toolbar ul li:hover ul, #toolbar ul li.sfHover ul {
    left:-2em;
    top:1.5em;
    width:8em;
}

#toolbar ul li ul li {
    display:block;
    float:none;
    margin:0;
}

#toolbar-control {
    clear:both;
    text-align:center;
}

#toolbar-control a {
    background: url(http://www.inclusive.org.nz/__data/assets/image/0011/38765/toolbarCtrlBG.gif) repeat-x top;
    width:15em;
    display:block;
    border: 1px solid #b3b3b3;
    border-top:0;
    margin:-1px auto 0;
    color:#111;
}

/* Site select - Added ck 140409 */

#site-select {
   margin-left:1px;
}

#site-select fieldset {
    margin:0;
    padding:0;
    border:0;
    text-align:left;
}

#site-select select {width:180px;}

#site-select-alt {
    text-align:center;
    background:#fff url(http://www.inclusive.org.nz/__data/assets/image/0007/40597/whiteGradientBGRev.gif) no-repeat bottom;
    margin:0;
    padding:0;
}

#site-select-alt a {
    color:#111;
    display:block;
    padding:0.1em 0.5em;
    cursor:pointer;
    margin:0;
}

#site-select-alt li li a {
    background:#fff;
    margin:0!important;
}

#site-select-alt li li a:hover {
    background:#dedede;
}

#site-select-alt li {
    position:relative;
    list-style:none;
}

#site-select-alt li ul {
    position:absolute;
    left:-9999px;
    background:#fff;
    z-index:50;
    width:208px;
    margin:0 0 0 5px;
    border:1px solid #999;
    text-align:left;
}

#site-select-alt li:hover ul, #site-select-alt li.sfHover ul {
    left:0;
    top:1.5em;
}

#site-select-alt li ul li {
    display:block;
}


/*-------------- Calendar styles -------------*/

div#calendarWrapper {
  float: right;
  margin: 0 0 15px 15px;
  display: inline;

} 
div#calendarWrapper h2 {
  margin: 5px 0 0 0;
}
a.calendarNavLink {
  color: #444;
  font-size: 1em;
}

div#calendarTable table th {
  text-align: center;
  font-size: 70%;
}

div#calendarTable table td {
  text-align: center;
  font-size: 80%;
}

td.eventDate div {
  display: none;
}

/**
 * YEAR TABLE RULES
 * Cells in this table can be header cells or data cells.
 * Data cells can be completely empty, or contain a date,
 * or contain a date and event(s). Several of the following
 * rules could apply to a given cell.
 */
table#year { border: 1px solid #173e57; background-color: #f8f8f8; border-collapse: collapse; font-family: sans-serif; font-size: 90%  }

/* Header cells */
#year th { border: 1px solid #c8c8c8; padding: 0px; }
#year td { padding: 0px; }
#year th.monthLabel { background-color: #017ca5; color: white; font-weight: bold; }
#year th.monthLabel a, #year td.monthLabel a:visited, #year td.monthLabel a:hover { color: white; font-weight: bold; text-decoration: none; }
#year th.dayLabel { background-color: #41afe0; color: white; text-align: center;}
#year th.dayLabelWeekend { background-color: #93b0e6; }
#year tr td a, #year tr th a {
    display: block;
    margin: 0px;
    height: 100%;
    width: 100%;
}
/* All data cells, including completely empty ones */
#year td { text-align: center; border-top: 1px solid #d8d8d8; padding: 0px;}

/* Cells with dates */
#year td.date { background-color: white; text-align: center; color: black}

/* Weekend Cells, with or without dates */
#year td.weekend { background-color: #e6e6eb; }


/* Cells with dates, again, to make its borders overrule */
#year td.date { border: 1px solid #c0c0c0; }

/* Cells with events */
#year td.eventDate { background-color: #FADCD4; }
#year td a, #year td a:visited, #year td a:hover { color: #3598b9; font-weight: bold; text-decoration: none; }


/**
 * MONTH TABLE RULES
 * Cells in this table can be header cells or data cells.
 * Data cells can be completely empty, or contain a date,
 * or contain a date and event(s). Several of the following
 * rules could apply to a given cell.
 */

table#month { /*border: 1px solid #173e57;*/ background-color: #f8f8f8; border-collapse: collapse  }
#month th  { border: 1px solid #ddd;}
table#month th tr:hover {background: #DF5A21;}
/* Header Cells */
#month th.dayLabel { background-color: #eeeeee; color: #111; font-weight: bold; font-size: 0.9em; height: 24px;}
#month th.weekLink { background-color: #eeeeee; color: #111; font-weight: bold;}
#month th.weekLink a.dateLink { color: #000;}
#month th.dayLabelWeekend { background-color: #93b0e6; }
/* All data cells, including completely empty ones */
#month td { padding-left: 2px; text-align: left; vertical-align: middle; border: 1px solid #ddd; }

/* Highlighted date */
#month td.select { background-color: #FFBBFF;  }

/* Cells with dates */
#month td.date { background-color: #fffff0; }

/* Weekend Cells, with or without dates */
#month td.weekend { background-color: #FFFFF0; }

/* Today's date */
#month td.today { background-color: #FFFFBB; }

/* Cells with events */
#month td.eventDate { background-color: #FADCD4; }

/* Highlighted date */
#month td.select { background-color: #FFBBFF;  }


/* Linked dates at top left of cells */
#month a.dateLink, #month a.dateLink:visited, #month a.dateLink:hover { color: black; font-weight: normal; text-decoration: none; }

/* Linked event names in cells (root-node-specific classes will also apply) */
#month .event, #month a.event:visited, #month a.event:hover { font-weight: bold; text-decoration: none; padding: 0px 1px; text-align: center}

/* Arrowed '»' (») links to the week view from the month */
#month th.weekLink { vertical-align: middle; padding: 0px; cursor: pointer;}
#month th.weekLink a.dateLink { color: #666;}

/* Week view links text */
#month th.weekLink a.dateLink, #month th.weekLink a.dateLink:visited, #month th.weekLink a.dateLink:hover { display: block;  color: white; font-weight: bold; text-decoration: none; font-size:1.2em; padding: 3px; }


/**
 * WEEK TABLE RULES
 * Cells in this table can be header cells or data cells.
 * Data cells can contain DIVs that represent events
 */

table#week { border: 1px solid #173e57; background-color: white; border-collapse: collapse }
#week td, #week th  { border: 1px solid #c0c0c0; }
#week td, #week th.timeLabel { vertical-align: top; padding: 0px;}

/* header cells */
#week th { background-color: #41afe0; text-align: center; padding: 1px }
#week th.timeLabel { background-color: #017ca5; color: white }
#week th.columnLabel { background-color: #41afe0; vertical-align: middle; font-weight: bold; color: black; white-space: nowrap; }
#week th.columnLabel a, #week th.columnLabel a:visited, #week th.columnLabel a:hover { text-decoration: none; font-weight: bold; color: black }

/* Event DIVs (root-node-specific classes will also apply) */
#week td div.event { margin: 0px 0px 1px 0px; text-align: center; padding: 0px; border: 1px solid black; }

/* Event Links (root-node-specific classes will also apply) */
#week .event, #week a.event:visited, #week a.event:hover { text-decoration: none }


/**
 * DAY TABLE RULES
 * Cells in this table can be header cells or data cells.
 * Data cells can contain DIVs that represent events
**/

table#day { border: 1px solid #173e57; background-color: white; border-collapse: collapse  }
#day td, #day th  { border: 1px solid #c0c0c0; }
#day td, #day th.timeLabel { vertical-align: top; }

/* header cells */
#day th { background-color: #41afe0; text-align: center; padding: 1px }
#day th.timeLabel { background-color: #017ca5; color: white }
#day th.columnLabel { background-color: #41afe0; vertical-align: middle; font-weight: bold; color: black; white-space: nowrap }
#day th.columnLabel a, #week th.columnLabel a:visited, #week th.columnLabel a:hover { text-decoration: none; font-weight: bold; color: black }


/* Event DIVs (root-node-specific classes will also apply) */
#day td div.event { margin: 0px 0px 1px 0px; text-align: center; padding: 0px; border: 1px solid black; }

/* Event Links (root-node-specific classes will also apply) */
#day .event, #day a.event:visited, #day a.event:hover { text-decoration: none }



/**
 * PRESET ROOT NODE RULES
 * These rules will be applied to all A and DIV elements that represent
 * events drawn from the relevant root nodes
 */
#calendarTable .aqua, #calendarTable .aqua:visited, #calendarTable .aqua:hover { background-color: aqua; color: black; }
#calendarTable .black, #calendarTable .black:visited, #calendarTable .black:hover { background-color: black; color: white; }
#calendarTable .blue, #calendarTable .blue:visited, #calendarTable .blue:hover { background-color: blue; color: white; }
#calendarTable .fuchsia, #calendarTable .fuchsia:visited, #calendarTable .fuchsia:hover { background-color: fuchsia; color: black; }
#calendarTable .gray, #calendarTable .gray:visited, #calendarTable .gray:hover { background-color: gray; color: white; }
#calendarTable .green, #calendarTable .green:visited, #calendarTable .green:hover { background-color: green; color: white; }
#calendarTable .lime, #calendarTable .lime:visited, #calendarTable .lime:hover { background-color: lime; color: black; }
#calendarTable .maroon, #calendarTable .maroon:visited, #calendarTable .maroon:hover { background-color: maroon; color: white; }
#calendarTable .navy, #calendarTable .navy:visited, #calendarTable .navy:hover { background-color: navy; color: white; }
#calendarTable .olive, #calendarTable .olive:visited, #calendarTable .olive:hover { background-color: olive; color: white; }
#calendarTable .purple, #calendarTable .purple:visited, #calendarTable .purple:hover { background-color: purple; color: white; }
#calendarTable .red, #calendarTable .red:visited, #calendarTable .red:hover { background-color: red; color: white; }
#calendarTable .silver, #calendarTable .silver:visited, #calendarTable .silver:hover { background-color: silver; color: black; }
#calendarTable .teal, #calendarTable .teal:visited, #calendarTable .teal:hover { background-color: teal; color: white; }
#calendarTable .white, #calendarTable .white:visited, #calendarTable .white:hover { background-color: white; color: black; }
#calendarTable .yellow, #calendarTable .yellow:visited, #calendarTable .yellow:hover { background-color: yellow; color: black; }

td.eventDate { 
  cursor: pointer;
}





DIV#eventsCalendarMonth {
 text-align: center;
 font-size: 1.2em;
}
DIV#eventsCalendarMonth span {
 margin: 0 10px;
 font-size: 1.4em;
}

/* Thickbox styles removed. ck 140409 */