/*
  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: 16 November 2010 13:46:40
*/


html, body{
    height: 100%;
}
 

body{
    padding: 0;
    margin: 0;
    font-size: 76%;
    font-family: arial;
    background-color: #d6d6d6;
    background-image: url(http://www.educationcounts.govt.nz/__data/assets/image/0009/513/body-shadow.gif);
    background-position: top right; 
    background-repeat: repeat-y;
}

.skiplink{
    position: absolute;
    left: -999em;
}

/* ------------------------------------------------
    container for the page
*/

#container{
    position: relative;
    background-image: url(http://www.educationcounts.govt.nz/__data/assets/image/0010/514/container-bg.gif);
    background-position: top left; 
    background-repeat: repeat-y;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    line-height: 1.2; /* to fix peekaboo bug in IE6 */
}

#shell-liner
{
    position: relative;
    background-image: url(http://www.educationcounts.govt.nz/__data/assets/image/0010/514/container-bg.gif);
    background-position: top left; 
    background-repeat: repeat-y;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    line-height: 1.2; /* to fix peekaboo bug in IE6 */
}



#shell-liner legend{
color: black;
}



#shell-liner ul li{
list-style-type: none;
display: inline;
}

#shell-liner img {
border: 0;
}

.nav-1 {


}
.nav2 {

}
#bodycopy {
    background-color: white;
    margin-right: 130px;
    padding: 30px 50px 12em 20px;
    margin-left: 170px;
}
/* to fix the IE 3 pixel jog browser bug */

/* * html #bodycopy {margin-left: 167px; height: 1%;}
* html>body #bodycopy {height:auto} */

/* end of IE 3 pixel jog fix */

/* ------------------------------------------------
    inset element
*/
#inset{
    width: 192px;
    padding: 10px 0px 10px 10px;
border: 1px solid black;

}


#inset-container{
    width: 202px;

    background-repeat: repeat-y;
/*    margin: -29px -112px 0 0; */
/*    margin: 0 -112px 20px 0; First 2 set of numbers determine positioning of inset box*/ 
    margin: -20px -112px 120px 0;
    float: right;
background-color: #eee;

}


#inset ul{
    margin: 10px 0 0px 0;
    padding: 0;
    list-style-type: none;
}

#inset ul li{
    margin: 0;
    padding: 0 0px 1.2em 24px;
    background-repeat: no-repeat;
    background-position: 0 -1px;

}

#inset ul li a{
    text-decoration: none;
    color: #000;
}

#inset ul li a:hover{
    text-decoration: underline;
}

#inset ul li.pdf-icon {
    background-image: url();
}


/* ------------------------------------------------
   home inset element
*/
#inset-home{
    width: 192px;
    padding: 10px 0px 10px 10px;
border: 1px solid black;
}

#inset-container-home{
    width: 202px;

/*    margin: -29px -112px 0 20px; */
/*    margin: 200px -112px 20px 0; */
    margin: -20px -112px 0 20px ;
    float: right;
background-color: #eee;
}


#inset-home ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#inset-home ul li{
    margin: 0;
    background-repeat: no-repeat;
    padding: 0 18px 1.2em 24px;
}

#inset-home ul li a{
    text-decoration: none;
    color: #000;
}

#inset-home ul li a:hover{
    text-decoration: underline;
}

#inset-home ul li.pdf-icon {
    background-image: url();
}
/* --------------------------------------------------------------------------------------
    Styles to display link to original URL during content migration. Delete before go live
*/
a#original-url{
    float: right;
    padding-right: 82px;
}


/* ------------------------------------------------
    breadcrumbs
*/
#breadcrumbs{
    position: relative;
    top: -5px;
    color: #C14700;
    margin-right: 100px;
}
/* page asset 479 is the Education Counts homepage */
#container.pageid_479 #breadcrumbs{
   display: none;
}
#breadcrumbs a{
    color: #C14700;
    text-decoration: none;
    text-transform: capitalize;
}


/* ---------------------------------------------------
     table cells
*/
/*
table{
   border-collapse: collapse;
   border: 1px solid #ccc;
}
td {
   padding: 5px;
   border: 1px solid #ccc;
}




*/








table.sample {



    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: dotted dotted dotted dotted;
    border-color: gray gray gray gray;
    border-collapse: separate;
    background-color: white;
}
table.sample th {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: dotted dotted dotted dotted;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: dotted dotted dotted dotted;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}
div.float {
  float: left;
}
  
div.float p {
   text-align: center;
}

/* ---------------------------------------------------
     styling for custom forms
*/

#feedback, #advanced-search #forms{
width: 30em;
}

form legend {
font-size: 1.4em;
}

form fieldset {
margin: 1.5em 0 0 0;
border: 1px solid #ccc;
padding: 0 1em 1em 1em;
}

form div.text {
margin-top: 1em;
padding-left: 1em;
}

form div.text label {
display: block;
margin: 0 0 0.25em 0;

}

form div.textarea {
margin-top: 1em;
padding-left: 1em;
}

form div.textarea label {
font-weight: bold;
display: block;
margin: 0 0 0.5em 0;
}

form div.text input {
margin: 0;
}

form div.textarea {
display: block;
margin: 1em 0 1.5em 0;
padding-left: 1em;
}

form div.radio {
margin: 1em 0 1em 0;
padding: 0 0 0 1em;
}

form div.radio span {
font-weight: bold;
}


form div.radio ul {
margin: 0.5em 0;
padding: 0;
}


form div.radio li {
display: inline;
list-style-type: none;
padding-right: 20px;
}

form div.sq-backend-table {
border: 1px solid gray;
margin-left: 2em;
border-collapse:collapse;
border-spacing: 115pt; 


}

form div.even {

background-color: #CC9999; color: black;

}

form div.sq-backend-table-header {

background: gray;
}


/* ================= */
form div.checkbox {
margin: 1em 0 0 0;
padding: 0 1em 0 1em;
}

form div.checkbox span {
font-weight: bold;
}


form div.checkbox ul {
margin: 0.5em 0;
padding: 0;
}

/*
form div.checkbox li {
list-style-type: none;
margin: 0;
padding: 0;
}
*/

form div.checkbox li {
display: inline;
list-style-type: none;
padding-right: 20px;
}

form div.select {
margin-top: 1em;
padding-left: 1em;
}

form div.select label {
display: block;

margin: 0 0 0.5em 0;
}

form div.date-range table {
margin-top: 1em;
}

form div.date-range table tr td {
font-weight: bold;
padding-right: 0.5em;
}

form div.button {
padding: 1em;
float: right;
}

.picker {
  margin: 10px 0;
}
#error {
  color: #ff0000;
}
.subscribe-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.subscribe-form input {
  margin-bottom: 5px;
}
.subscribe-form .options {
  margin-bottom: 10px;
}
.subscribe-form .options input {
  margin-bottom: 0;
}
/* show/hide corresponding display block for each subscription stage: */
.dispNone{
  display: none;
}
.dispBlock{
  display: block;
}
.errormessages {
  color: #FF0000;
} 

/* ------------------------------------------------
    layout for home page
*/
        #row1col1
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            width: 71%;
            background-color: #bbb;
        }
        
        #row1col2
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            margin-left: 3%;
            width: 20%;
            background-color: #bbb;
        }
        
        #row2col1
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            margin-left: 3%;
            width: 48%;
            background-color: #ddd;
        }
        
        #row2col2
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            width: 20%;
            background-color: #ddd;
        }
        
        #row2col3
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            margin-left: 3%;
            width: 20%;
            background-color: #ddd;
        }
        
        #row3col1
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            width: 71%;
            background-color: #bbb;
        }
        
        #row3col2
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;


            margin-left: 3%;
            width: 20%;
            background-color: #bbb;
        }
        

        #row4col1
        {
            border-top: 1px solid #ddd;

            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            width: 20%;
            background-color: #ddd;
        }
        
        #row4col2
        {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin-top: 10px;
            float: left;
            margin-left: 3%;
            width: 71%;
            background-color: #ddd;
        }
        

                .clearboth { clear: both; }
        
        .spacer
        {
            float: left;
            width: 3%;
        }


#pubs-search-box-home label {
    color:#C14700;
    font-size:1.4em;
    margin:0.5em 0pt;
    font-weight: bold;
display: block;
}

#queries_pubs_search_field_query {
    width: 8em;
}

#pubs-search-box-home div a {
    padding-top: 0.5em;
    display: block;
}

/************** #email inset **************/
div#email{
    background: transparent;
    width: 202px;
    margin: 20px -5px 20px 20px;
    float: right;
    padding: 5px;
    border: 1px solid #CCCCCC;

}

div#email img{
    display: block;
}


div#email p {
    
    width: 200px;
    padding: 3px 0px 3px 3px;
    margin: 10px 10px 10px auto;
    }

div.content div#email {
   
    border: 5px solid #CC0000;
    width: 45%;
    padding: 7px;
    margin: auto;
    }
/************** #pdf inset **************/
div#pdf{
    background: transparent;
    width: 202px;
    margin: 20px -5px 20px 20px;
    float: right;
    padding: 5px;
    

}

div#pdf img{
    display: block;
}


div#pdf p {
    
    width: 200px;
    padding: 3px 0px 3px 3px;
    margin: 10px 10px 10px auto;
    }

div.content div#pdf {
   
    
    width: 45%;
    padding: 7px;
    margin: auto;
    }
/************** #accessible tables **************/

.row {

clear: both;

width: 100%;

/*border: 1px solid blue;*/

}

 

.cell {

float: left;

width: 33%;

/*border: 1px solid red;*/

}

.indented
   {
   padding-left: 20pt;
   padding-right: 60pt;
   }
/*
ol li {list-style-type: decimal;}
ol ol li {list-style-type: lower-roman;}
ol ol ul li {list-style-type: upper-alpha;}   */ 

div.customFields {
  clear: both;
  padding-top: 10px;
  }

div.customFields span.label {
  float: right;
  width: 100px;
  text-align: right;
  }

div.customFields span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 



/************** #inset contents **************/
div#listContents{
    background-color: white;
    width: 202px;
    margin: 20px -90px 20px 20px;
    float: right;
    padding: 5px;
    border: 5px solid #aaaaaa;

}


div#listContents img{
    display: block;
}


div#listContents p {
    
    width: 200px;
    padding: 3px 0px 3px 3px;
    margin: 10px 10px 10px auto;

    }

div.content div#listContents {
   
    border: 5px solid #CC0000;
    width: 45%;
    padding: 7px;
    margin: auto;
    }

div#listContents2{
    background-color: white;
    width: 202px;
    margin: 20px -90px 20px 20px;
    float: right;
    padding: 5px;
    border: 5px solid #aaaaaa;
font-size: 11px;

}


div#listContents2 img{
    display: block;
}


div#listContents2 p {
    
    width: 200px;
    padding: 3px 0px 3px 3px;
    margin: 10px 10px 10px auto;
    }

div.content div#listContents2 {
   
    border: 5px solid #CC0000;
    width: 45%;
    padding: 7px;
    margin: auto;
    }

#listContents2 h3
{
 padding: 0px;
margin: 0px;
}

#listContents2 ul
{
margin-left: 20px;
padding: 0px;
}

#listContents3 ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#listContents3 li
{
display: inline;
color: black;
background-color: #CCCCCC
padding: 2px;
margin: 2px;
}
#listContents3 a
{
background-color: white;
color: black;
padding: 2px 8px;
}
 
#tabbed-nav {
        font-size: 1.1em;
    height: 43px;
        background: url(/minedu/images/ui/navs/tabbed/form-browser/box-top.gif) no-repeat 100% 100%;
    }    
  .google-search #tabbed-nav {
      height: 75px;
  }

#tabbed-nav ul img{
padding-bottom: 10px;
border: 1px solid #888;
border-bottom: 0px solid #888;
margin: 0px;
}    


    
#tabbed-nav a img{
padding-bottom: 0px;
border: 1px solid #ccc;
margin: 0px;
}    

#tabbed-nav    ul
{
padding: 0px;
padding-left: 20px;
margin: 0px;
}


#tabbed-nav ul{
border-bottom: 1px solid #888;

}

#advanced #shell-liner #leftcol{
*margin-left: -170px;
width: 170px;
}

#advanced #shell-liner #leftcol li{
width: 170px;
}

.rn
{ visibility: hidden;
padding: 5px;
}

dt.html
{background-image: url(http://www.minedu.govt.nz/minedu/images/ui/filetypes/html.gif);
background-repeat: no-repeat;
padding-bottom: 2px;
}

dt.doc
{background-image: url(http://www.minedu.govt.nz/minedu/images/ui/filetypes/doc.gif);
background-repeat: no-repeat;
padding-bottom: 2px;
}

dt.pdf
{background-image: url(http://www.minedu.govt.nz/minedu/images/ui/filetypes/pdf.gif);
background-repeat: no-repeat;
padding-bottom: 2px;
}

/************** #Nga Haeata**************/

div#listContents4{
    background-color: white;
    width: 402px;
    margin: 20px -90px 20px 20px;
    float: right;
    padding: 5px;
    border: 5px solid #aaaaaa;
font-size: 11px;

}


div#listContents4 img{
    display: block;
}


div#listContents4 p {
    
    width: 200px;
    padding: 3px 0px 3px 3px;
    margin: 10px 10px 10px auto;
    }

div.content div#listContents4 {
   
    border: 5px solid #CC0000;
    width: 55%;
    padding: 7px;
    margin: auto;
    }

#listContents4 h3
{
 padding: 0px;
margin: 0px;
}

#listContents4 ul
{
margin-left: 20px;
padding: 0px;
}


/************** #right align image and caption **************/
div#imgright{
    background: transparent;
    width: 202px;
    margin: 20px -5px 20px 20px;
    float: right;
    padding: 5px;
    border: 1px solid #CCCCCC;

}

div#imgright img{
    display: block;
}


div#imgright p {
    
    width: 200px;
    padding: 3px 0px 3px 3px;
    margin: 10px 10px 10px auto;
    }

div.content div#imgright {
   
    border: 5px solid #CC0000;
    width: 45%;
    padding: 7px;
    margin: auto;
    }