/*
  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 February 2012 21:55:55
*/


#content {
    background:none;
}
#content-main {
    width:974px;
    margin:0;
    padding:0;
    background:#e1e1e1;
}
#content-main h1 {
    position:absolute;
    left:-9999px;
    width:990px;
}
#content-sec {
    display:none;
}
#photovoice {
    float:left;
    width:974px;
    clear:both;
    background:#e1e1e1 url(http://www.occ.org.nz/__data/assets/image/0004/4576/nz.gif) no-repeat right bottom;
    border:solid 2px #aca77d;
}
#photovoice-branding h1 {
    position:static;
    left:0;
    width:auto;
}
#photovoice-branding {
    float:left;
    background:#333;
}
#photovoice-branding h1 {
    float:left;
    width:964px;
    padding:10px 0 0 10px;
    margin:0;
    color:#fff;
}
#photovoice-nav-pri {
    float:right;
}
#photovoice-nav-pri li {
    float:left;
    width:11.5em;
    list-style:none;
    padding:3px 10px 3px 10px;
}
#photovoice-nav-pri li.active {
    background:#e1e1e1;
}
#photovoice-nav-pri li a {
    display:block;
    width:100%;
    color:#fff;
    text-align:center;
    text-decoration:none;
}
#photovoice-nav-pri li a:hover {
    color:#999;
}
#photovoice-nav-pri li.active a {
    display:block;
    width:100%;
    color:#333;
}
#photovoice-content-pri {
    padding:10px;
    padding-bottom:5em;
    min-height:250px;
    float:left;
}
#photovoice-content-pri a {
    color:#333;
}
#navButtons {
    margin-bottom:20px;
}
#navButtons li {
    float:left;
    width:265px;
    list-style:none;
    margin:0 10px 0 10px;
    border:solid 2px #333;
}
#navButtons li a {
    display:block;
    width:100%;
    text-decoration:none;
    text-align:center;
    font-size:1.5em;
}
.buttontitle {
    display:block;
    background:#000 url(http://www.occ.org.nz/__data/assets/image/0009/4050/buttonLabelBG.gif) repeat-x;
    width:100%;
    color:#fff;
    padding:5px 0 5px 0;
}
#loading {
    float:left;
    text-align:center;
    line-height:1.0;
    background:#333;
    width:680px;
    padding:10px;
    margin-bottom:20px;
    height:2em;
    color:#fff;
    font-size: 3em;
}
/* Take the Journey */
#photovoice-journey h3 {
    color:#ccc;
}
#photovoice-journey #previousPage {
    float:left;
    width:30px;
    padding:10px;
    text-align:right;
}
#photovoice-journey #display {
    float:left;
    width:834px;
    background:#333;
    color:#fff;
    padding:20px 10px 10px 10px;
    opacity:0.9;
    -moz-opacity:0.9;
    filter:alpha(opacity=90);
}
#photovoice-journey #nextPage {
    float:left;
    width:30px;
    padding:10px;
}
#photovoice-journey .pagelist {
    width:100%;
    text-align:center;
    clear:both;
    padding-top: 1em;
}
/* Statements */
#photovoice-statements-side {
    float:left;
    background:#333;
    color:#fff;
    line-height:1.0;
    width:200px;
    padding:10px;
    margin-bottom:20px;
    margin-right:10px;
}
#photovoice-statements-side div {
    padding-top:5px;
}
#photovoice-statements-side a {
    color:#fff;
}
#photovoice-statements-side h3 {
    color:#fff;
}
#photovoice-statements-main {
    float:left;
    color:#333;
    text-align:left;
    line-height:1.0;
    width:680px;
    padding:10px;
    margin-bottom:20px;
    background:#e1e1e1;
    opacity:0.9;
    -moz-opacity:0.9;
    filter:alpha(opacity=90);
    border:2px solid #333;
}
#photovoice_statements-main p {
    color:#333;
    margin-top: 10px;
}
/* photogallery */
#galleryLoad {background: url(http://www.occ.org.nz/_designs/office_of_the_childrens_commissioner/occ_corporate_final_css/photovoice.css/loader.gif) no-repeat bottom; height:20px; width:48px;}
img.thumbnail {
    margin:10px 3px 0 3px;
    padding:2px;
    background:#fff;
    border:solid 2px #333;
    height:80px;
    width:80px;
}
#photovoice_gallery_overview {
    float:left;
    line-height:1.0;
    width:950px;
}
#photovoice_gallery_side {
    text-align:center;
}
#photovoice_gallery_side {
    margin:0 auto;
    clear:left;
    width:196px;
}
#photovoice_gallery_side_wrap h3 {
    color:#fff;
}
#photovoice_gallery_side {
    color:#fff;
}
#photovoice_gallery_side_nav a {
    color:#fff;
}
#photovoice_gallery_side_wrap {
    float:left;
    background:#333;
    text-align:center;
    width:200px;
    margin-right:10px;
}
#photovoice_gallery_single_wrap {
    float:left;
    text-align:center;
    line-height:1.0;
    width:680px;
    padding:10px;
    margin-bottom:20px;
    background:#e1e1e1;
    opacity:0.9;
    -moz-opacity:0.9;
    filter:alpha(opacity=90);
    border:2px solid #333;
}
#photovoice_gallery_single h3 {
    color:#333;
}
#photovoice_gallery_single_nav {
    display:block;
    height:25px;
}
#photovoice_gallery_single_nav a.leftArrow {
    display:block;
    float:left;
}
#photovoice_gallery_single_nav a.rightArrow {
    display:block;
    float:right;
}
#photovoice_gallery_single p {
    color:#333;
    margin-top: 10px;
}
/* tagcloud */
.hovertip {
    position:absolute;
    display:none;
    background:#333;
    width:270px;
    height:350px;
    font-size:12px;
    z-index:100;
    margin-left:5px;
    margin-top:10px;
}
.hovertip_target {
    font-style:italic;
}
.hovertip_target:hover {
    text-decoration:none;
}
.nav,.nav * {
    margin:0;
    padding:0;
}
#cloud {
    float:left;
    line-height:0.6;
    width:950px;
    padding:10px;
    text-align:center;
}
#cloud li {
    float:left;
}
.nav {
    float:left;
    line-height:0.7;
    width:950px;
    padding: 0px;
}
/*IE6 needs the following */
.nav ul {
    width:950px;
    list-style:none;
    background:#fff;
}
.nav li {
    list-style-type:none;
}
#cloud ul.nav li {
    list-style-type:none;
    list-style-image:none;
    line-height:0.8em;
}
.nav a {
    color:#fff;
    text-decoration:none;
    cursor:default;
    line-height:1.2em;
}
.nav li ul {
    left:0;
    top:-999em;
    width:180px;
    padding-top:50px;
    height:190px;
    position:absolute;
    list-style:none;
    z-index:100;
    text-align:center;
}
ul.hovertip li {
    display:inline;
    list-style:none;
}
ul.hovertip li a {
    text-decoration:none;
    font-style:italic
}
ul.hovertip {
    width:200px;
    padding-top:30px;
    padding-left:10px;
    height:95px;
    padding-bottom:20px;
    display:block;
}
a.size-sub1 {
    padding:20px;
    font-size:12px;
    color:#804D40;
}
a.size-sub1:hover {
    color:#fff;
}
a.size-sub2 {
    padding:25px;
    font-size:20px;
    color:#E13728;
}
a.size-sub2:hover {
    color:#fff;
}
a.size-sub3 {
    padding:10px;
    font-size:18px;
    color:#804D40;
}
a.size-sub3:hover {
    color:#fff;
}
a.size-sub4 {
    padding:15px;
    font-size:25px;
    color:#fff;
}
a.size-sub4:hover {
    color: #E13728;
}
/* New Defs */
a.rating1,a.rating2,a.rating3,a.rating4,a.rating5,a.rating6,a.rating7,a.rating8,a.rating9,a.rating10 {
    margin-top:8px;
    font-size:25px;
    padding:10px;
    color:#804D40 !important;
}
a.rating11,a.rating12,a.rating13,a.rating14,a.rating15,a.rating16,a.rating17,a.rating18,a.rating19,a.rating20 {
    font-size:18px;
    padding-top:20px;
    color:#804546 !important;
}
a.rating21,a.rating22,a.rating23,a.rating24,a.rating25,a.rating26,a.rating27,a.rating28,a.rating29,a.rating30 {
    padding:7px;
    font-size:20px;
    color:#B9251A !important;
}
a.rating31,a.rating32,a.rating33,a.rating34,a.rating35,a.rating36,a.rating37,a.rating38,a.rating39,a.rating40 {
    padding:27px 18px 5px 5px;
    font-size:10px;
    color:#B9181A !important;
}
a.rating41,a.rating42,a.rating43,a.rating44,a.rating45,a.rating46,a.rating47,a.rating48,a.rating49,a.rating50 {
    padding:5px;
    font-size:31px;
    color:#C4876A !important;
}
a.rating51,a.rating52,a.rating53,a.rating54,a.rating55,a.rating56,a.rating57,a.rating58,a.rating59,a.rating60 {
    padding:8px;
    font-size:22px;
    color:#C4471A !important;
}
a.rating61,a.rating62,a.rating63,a.rating64,a.rating65,a.rating66,a.rating67,a.rating68,a.rating69,a.rating70 {
    padding:5px;
    font-size:15px;
    color:#B46A47 !important;
}
a.rating71,a.rating72,a.rating73,a.rating74,a.rating75,a.rating76,a.rating77,a.rating78,a.rating79,a.rating80 {
    padding:5px;
    font-size:19px;
    color:#D46D47 !important;
}
a.rating81,a.rating82,a.rating83,a.rating84,a.rating85,a.rating86,a.rating87,a.rating88,a.rating89,a.rating90 {
    padding:5px;
    font-size:25px;
    color:#E13728 !important;
}
a.rating91,a.rating92,a.rating93,a.rating94,a.rating95,a.rating96,a.rating97,a.rating98,a.rating99,a.rating100 {
    padding:18px;
    font-size:21px;
    color: #F13828 !important;
}
/* Stars */
a.rateMe {
    font-size:0.8em;
    color::#333;
}
a:hover.rateMe {
    color:#000;
}
.rating:after {
    clear:both;
    content:'.';
    display:block;
    height:0pt;
    visibility:hidden;
    width:0pt;
}
.cancel,.star {
    cursor:pointer;
    float:left;
    height:15px;
    overflow:hidden;
    text-indent:-999em;
    width:17px;
}
.cancel,.cancel a {
    background:transparent url(http://www.occ.org.nz/__data/assets/image/0012/4170/delete.gif) no-repeat scroll 0pt -16px;
}
.star,.star a {
    background:transparent url(http://www.occ.org.nz/__data/assets/image/0020/4169/star.gif) no-repeat scroll 0pt 0px;
}
.cancel a,.star a {
    background-position:0pt 0px;
    display:block;
    height:100%;
    width:100%;
}
div.rating div.on a {
    background-position:0pt -16px;
}
div.rating div.hover a,div.rating div a:hover {
    background-position: 0pt -32px;
}