/*
 Te Ara
 -----------------------------------------------------
 main.css : Core Styles
 -----------------------------------------------------
*/



/*
reset.css - eric meyer
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul, ol {
	list-style-image:none;
	list-style-position:outside;
	margin: 16px 0;
	padding: 0 0 0 40px;
}
ul {
	list-style-type:disc;
}
ol{
	list-style-type:decimal;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/** end reset.css **/



body, input {
	padding:0;
	margin:0;
}

a {
	color:#369;
}

a:hover {
	color:#600;
}

a img {
	border: 0 none;
}

.none, .noprint {
	display:none;
}

#content-margin-fix {
	clear:both;
}

#header-cap {
	position:absolute;
	left:762px;
	top:0px;
	background-repeat:no-repeat;
	height:138px;
	z-index:500;
}

.header-banner {
	position:absolute;
	left:192px;
	top:65px;
	width:570px;
	height:55px;
	background-color:#fff;
	z-index:150;
}

#header-explore,#header-explore-mck,#header-explore-ute, #header-explore-theme {
	position:absolute;
	left:0;
	font:normal 9px Tahoma,sans-serif;
	width:762px;
	height:371px;
	z-index:100;
}

#header-explore-home {
	position:absolute;
	left:33px;
	font:normal 9px Tahoma,sans-serif;
	width:729px;
	height:22px;
	z-index:100;
}

.header-title {
	position:absolute;
	left:0;
	top:0;
	width:762px;
	height:41px;
	z-index:101;
	background-image:url(/sites/all/themes/teara/ENZ/img/browse-bar-story.png);
}

#entrylogo img {
    background-image:url(/sites/all/themes/teara/ENZ/img/teara-texture-logo.png);
}

#entryhome-headerbgfix {
	position:absolute;
	left:192px;
	top:0;
	background-color:#fff;
	width:570px;
	height:60px;
}

#header-explore {
	top:-254px;
}

#header-explore-ute {
	top:42px;
	color:#222;
	background-color:#e0e1db;
	background-image:url(/sites/all/themes/teara/ENZ/img/ute/ute-nav-explore-bg.gif);
	background-repeat:repeat-x;
}

#header-explore-theme {
	top:50px;
	color:#7e7e7e;
	background-color:#e0e1db;
	background-image:url(/sites/all/themes/teara/ENZ/img/teara-nav-explore-bg.gif);
	background-repeat:repeat-x;
}

#header-explore-home {
	top:58px;
	color:#7e7e7e;
	background-color:#e0e1db;
	background-image:url(/sites/all/themes/teara/ENZ/img/teara-nav-explore-bg.gif);
	background-repeat:repeat-x;
}

#header-explore-mck {
	top:48px;
	color:#cfb684;
	background-color:#513d25;
}

#header-explore a,#header-explore-mck a,#header-explore-ute a,#header-explore-theme a,#header-explore-home a {
	font-weight:bold;
	text-decoration:none;
}

#header-explore a,#header-explore-theme a,#header-explore-home a {
	color:#7e7e7e;
}

#header-explore-mck a {
	color:#fff;
}

#header-explore-ute a {
	color:#062c31;
}

#header-explore a:hover,#header-explore-mck a:hover,#header-explore-ute a:hover,#header-explore-theme a:hover,#header-explore-home a:hover {
	text-decoration:underline;
}

#nav-themes {
	padding:5px 0 0 7px;
	float:left;
}

#nav-themes h5 {
	display:inline;
	font:normal 9px Tahoma,sans-serif;
}

#nav-themes-home {
	padding:5px 0 0 20px;
	float:left;
}

#nav-themes-home h5 {
	display:inline;
	font:normal 9px Tahoma,sans-serif;
}

#nav-lang {
	float:right;
}

#head-nav-block {
	position:absolute;
	left:0;
	top:0;
	background-repeat:repeat-x;
	width:765px;
	float:left;
	z-index:1;
}

#head-nav {
	text-align:right;
	background-repeat:no-repeat;
	background-position:4px 2px;
	padding:0 12px 50px 0;
	margin:-2px 0 0 0;
}

#head-nav dd {
	display:inline;
	font:normal 9px/22px Arial,Sans-serif;
	color:#fff;
	padding:5px 0 5px 9px;
	margin:0 6px 0 0;
}

#head-nav dd a {
	font:normal 10px/22px Arial,Sans-serif;
	color:#fff;
	text-decoration:none;
}

#head-nav dd a:hover {
	text-decoration:underline;
}

#heading h1 {
	font:bold 20px Arial,Sans-serif;
	padding:0 5px 0 10px;
	margin:0;
}

#heading h2 {
	font:bold 18px Arial,Sans-serif;
	padding:2px 5px 0 10px;
	margin:0;
}

#heading h2 a {
	text-decoration:none;
}

#heading h2 a:hover {
	text-decoration:underline;
}

#breadcrumbs a.home {
    background:url("/sites/all/themes/teara/img/sprites-common.png") no-repeat scroll -220px -72px transparent;
	display:inline-block;
	*display:block;
	text-indent:-9999em;
	width:14px;
	height:11px;
}

#breadcrumbs a.home:hover {
    background:url("/sites/all/themes/teara/img/sprites-common.png") no-repeat scroll -241px -72px transparent;
}

#breadcrumbs li {
    font:bold 10px Verdana, Geneva, Tahoma, sans-serif;
    color:#fff;
    display:inline;
    *display:block;
    *float:left;
    text-shadow:0 -2px 0 rgba(0,0,0,0.25);
    padding: 0 3px;
}

#breadcrumbs li a {
    color:#ffffff;
    text-decoration:none;
}

#breadcrumbs li a:hover {
    color:#FFF2AA;
}

#breadcrumbs li a.active,
#breadcrumbs li a.active:hover{
    font-weight:normal;
    color:#DEDEDE;
    cursor:default;
}



/*


#footer {
	background:#e9e9df url(/sites/all/themes/teara/ENZ/img/bg-footer.gif) repeat-y 0 0;
	padding:0;
	margin:0;
	width:100%;
}

#footer-detail {
	border-top:1px solid #ccc;
	padding:0;
	margin:0;
	width:762px;
}

#footer-swatch {
	background:#fff url(/sites/all/themes/teara/ENZ/img/colour-strip.gif) no-repeat 0 0;
	margin:13px 0 0 0;
	width:762px;
	height:20px;
}



*/




#footer-citation {
	background-color:#fff2aa;
	border-top:1px solid #fff2aa;
	border-bottom:1px solid #fff2aa;
	padding:5px 28px 4px 18px;
	margin:0;
	width:716px;
}

#footer-citation p {
	font:normal 10px/12px Arial,Helvetica,sans-serif;
	color:#4b4b64;
	margin:0;
}




/*




#page-top {
	font:normal 10px Tahoma,sans-serif;
	color:#069;
	text-align:right;
	margin:3px 10px 0 0;
}

#footer-logo-en, #footer-logo-mi {
	margin:7px 0 5px 6px;
	width:182px;
	float:left;
}

#footer-logo-en img {
	background:url(/sites/all/themes/teara/ENZ/img/footer-logo-en.gif) no-repeat;
	width:170px;
	height:33px;
}

#footer-logo-mi img {
	background:url(/sites/all/themes/teara/ENZ/img/footer-logo-mi.gif) no-repeat;
	width:170px;
	height:33px;
}

#footer-links {
	font:normal 10px/13px Arial,sans-serif;
	color:#999;
	padding:0;
	margin:0;
	float:left;
}

#footer-links a {
	color:#069;
}

#footer-links a:hover {
	text-decoration:none;
}

#footer-links .copyright {
	position:relative;
	padding-top:1px;
	z-index:1000;
}

#footer-links .copyright,#footer-links .copyright a {
	color:#4a4601;
}

#footer-links .copyright a {
	text-decoration:none;
}

#footer-links .copyright a:hover {
	text-decoration:underline;
}

#isbn {
	position:relative;
	top:-11px;
	font: normal 9px/9px Arial, Sans-serif;
	color:#444;
	text-align:right;
	margin-bottom:-10px;
	width:751px;
}

#print-story a {
	font-size:12px;
	color:#80180d;
	text-decoration:none;
	background-color:#fff;
	padding:0;
	margin-right:5px;
}

#print-fullstory a {
	font-size:12px;
	color:#80180d;
	text-decoration:none;
	background-color:#fff;
	padding:0;
	margin:0;
}

#print-story img,#print-fullstory img {
	margin-top:-2px;
}



*/



#other-sites {
	text-align:center;
	background:#e9e9df url(/sites/all/themes/teara/ENZ/img/footer-other-sites-bg.gif) repeat-y;
	padding:0 0 3px 0;
	margin:0;
	width:762px;
}

#other-sites dd,#other-sites dt {
	display:inline;
	padding:0;
	margin:0 10px 0 0;
}

#other-sites dd img {
	padding:0;
	margin:0 2px 1px 0;
}

#other-sites dd h5,#other-sites dt {
	display:inline;
	font:normal 10px/23px Arial,Sans-serif;
	color:#fff;
	padding:0;
	margin:0;
}

#other-sites dd h5 a {
	color:#fff;
	text-decoration:none;
}

#other-sites dd h5 a:hover {
	text-decoration:underline;
}

#language-sub,#language-ute,#language-theme {
	position:absolute;
	left:650px;
	top:5px;
	width:108px;
	z-index:500;
}

#language-sub .lang-title {
    color:#fff;
    font-family:verdana;
    font-size:10px;
    line-height:1.6em;
    text-align:center;
}

#language-home {
	position:absolute;
	left:653px;
	top:60px;
	width:105px;
	z-index:500;
}

#view-site-en {
 	background-image:url(/sites/all/themes/teara/ENZ/img/languages/viewsite-mi.gif);
	width:74px;
	height:13px;
}

#view-site-mi {
	background-image:url(/sites/all/themes/teara/ENZ/img/languages/viewsite-en.gif);
	width:74px;
 	height:13px;
}

#off-en {
	background-image:url(/sites/all/themes/teara/ENZ/img/languages/english-off.png);
	background-repeat:no-repeat;
	display:inline-block;
	width:54px;
	height:13px;
	text-indent: -9999px;
}

#on-en {
	background-image:url(/sites/all/themes/teara/ENZ/img/languages/english-on.png);
	background-repeat:no-repeat;
	display:inline-block;
	width:53px;
	height:13px;
	text-indent: -9999px;
}

#off-mi {
	width:47px;
 	height:13px;
 	background-image:url(/sites/all/themes/teara/ENZ/img/languages/maori-off.png);
	background-repeat:no-repeat;
	margin-left:4px;
	display:inline-block;
	text-indent: -9999px;
}

#on-mi {
	background-image:url(/sites/all/themes/teara/ENZ/img/languages/maori-on.png);
	background-repeat:no-repeat;
	width:45px;
	height:13px;
	margin-left:5px;
	display:inline-block;
	text-indent: -9999px;
}

#trail-bar {
  height:65px;
}

#back-button {
  	padding-top:5px;
	float:left;
}

#trail-buttons {
	background:url(/sites/all/themes/teara/ENZ/img/entry/res-trail-arrows-bg.gif) no-repeat 0 0;
	padding-left:10px;
	margin-top: 1px;
	margin-left:50px;
	height:31px;
	float:right;
	position: relative;
}

#trail-next-en {
	background:url(/sites/all/themes/teara/ENZ/img/entry/res-trail-next-2-en.gif) no-repeat 0 0;
	margin-left:3px;
	width:35px;
	height:31px;
}

#trail-next-mi {
	background:url(/sites/all/themes/teara/ENZ/img/entry/res-trail-next-2-mi.gif) no-repeat 0 0;
	margin-left:3px;
	width:64px;
	height:31px;
}

#trail-previous-en {
	background:url(/sites/all/themes/teara/ENZ/img/entry/res-trail-previous-2-en.gif) no-repeat 0 0;
	margin:0;
	width:57px;
	height:31px;
}

#trail-previous-mi {
	background:url(/sites/all/themes/teara/ENZ/img/entry/res-trail-previous-2-mi.gif) no-repeat 0 0;
	margin:0;
	width:45px;
	height:31px;
}

#entrylogo {
	position:absolute;
	top:0;
	left:0;
	z-index:500;
}

#entrylogo img {
	background-repeat:no-repeat;
	border:none;
	width:192px;
	height:121px;
}

#print-logo {
	display:none;
}

#theme-newzealandpeoples,
#theme-māorinewzealanders,
#theme-newzealanders {
	background-image:url(/sites/all/themes/teara/ENZ/img/header/header-newzealanders.jpg);
}

#theme-newzealandinbrief {
	background-image:url(/sites/all/themes/teara/ENZ/img/header/header-nzinbrief.gif);
}

#theme-places {
	background-image:url(/sites/all/themes/teara/ENZ/img/header/header-places.jpg);
}

#theme-earthseaandsky {
	background-image:url(/sites/all/themes/teara/ENZ/img/header/header-earthseasky.jpg);
}

#theme-thebush {
	background-image:url(/sites/all/themes/teara/ENZ/img/header/header-thebush.jpg);
}
#theme-settledlandscape {
	background-image:url(/sites/all/themes/teara/ENZ/img/header/header-settledlandscape.jpg);
}
#theme-economyandthecity-draft,
#theme-economyandthecity {
     background-image:url(/sites/all/themes/teara/ENZ/img/header/header-the-economy-and-the-city.jpg);
}
#theme-socialconnections-draft,
#theme-socialconnections {
     background-image:url(/sites/all/themes/teara/ENZ/img/header/header-social-connections.jpg);
}














/* new footer design and positioning -------------------------------------*/
/* these styles change the basic layout of the common footer and add the--*/
/* new newzealand.govt logo element. The ISBN number is in a new location-*/
/* and a link for the Te Ara Blog has been added to the HTML. Major-------*/
/* improvements to the css around the positioning of elements have been---*/
/* made as well. ---------------------------------------------------------*/
/* The rule FOOTER-CITATION is NOT included below-------------------------*/

#footer {
	position:relative; /* provides positioning for all elements conatined inside the footer */
	background:#e9e9df url(../img/bg-footer.gif) repeat-y 0 0;
	padding:0;
	margin:0;
	width:100%;
}

#footer-detail {
	border-top:1px solid #ccc;
	padding:0;
	margin:0;
	width:762px;
}

#footer-swatch {
	background:#fff url(../img/colour-strip.gif) no-repeat 0 0;
	margin:0;
	width:762px;
	height:20px;
}

#footer-citation p {
	font:normal 10px/12px Arial,Helvetica,sans-serif;
	color:#4b4b64;
	margin:0;
}

#page-top {
	position:absolute;
	left:0;
	top:3px;
	font:normal 10px Tahoma,sans-serif;
	color:#069;
	width:752px;
	text-align:right;
}

#footer-logo-en, #footer-logo-mi {
	position:absolute;
	left:14px;
	top:26px;
	margin:0;
	width:182px;
}

#footer-logo-en img {
	background:url(../img/footer-logo-en.gif) no-repeat;
	width:170px;
	height:33px;
}

#footer-logo-mi img {
	background:url(../img/footer-logo-mi.gif) no-repeat;
	width:170px;
	height:33px;
}

#footer-links {
	font:normal 10px/13px Arial,sans-serif;
	color:#999;
	margin:14px 0 12px 200px;
	padding:0;
}

#footer-links a {
	color:#069;
}

#footer-links a:hover {
	text-decoration:none;
}

#footer-links .copyright {
	position:relative;
	padding-top:1px;
	z-index:500;
	width: 410px;
}

#footer-links .copyright,#footer-links .copyright a {
	color:#4a4601;
}

#footer-links .copyright a {
	text-decoration:none;
}

#footer-links .copyright a:hover {
	text-decoration:underline;
}

#govtnz {
	position:absolute;
	left:610px;
	top:42px;
	z-index:500;
}

#govtnz img {
	border:0;
}

#page-printing {
	margin:0 0 2px 0;
}

#page-printing a {
	font-size:12px;
	color:#80180d;
	text-decoration:none;
	padding:0;
	margin:0;
}

#page-printing a:hover {
	text-decoration:underline;
}

span.print-story  {
	background:#fff url(../img/footer-icon-story.gif) no-repeat 0 2px;
	padding-left:11px;
	margin-right:5px;
}

span.print-fullstory  {
	background:#fff url(../img/footer-icon-fullstory.gif) no-repeat 0 1px;
	padding-left:13px;
}

/* GENERIC NO FLASH RESOURCE CONTENT

-----------------------------------------*/


.getadobeflash-wrapper {
	width: 490px;
	margin: auto;
}

.noflash-header {
	background: #9999CD url(/sites/all/themes/teara/ENZ/img/noflash-header-back.jpg) repeat-x center center;
	height: 29px;
}

.noflash-header h3 {
	font:bold 15px Arial,sans-serif;
	text-align: center;
	color:#30305A;
	padding:5px 0 0 0;
	margin:0;
}

div.noflash-feature {
	width: 100%;
	height:234px;
	background: #F9F9F5;
}

div.noflash-feature div.getadobeflash {
	width:230px;
	float: left;
}

div.noflash-feature div.getadobeflash p {
	font:normal 13px/17px Arial,sans-serif;
	color:#333;
	margin:35px 0 10px 43px;
	clear:both;
}

div.noflash-feature div.getadobeflash p a {
	color:#7e2117;
}

div.noflash-feature div.getadobeflash img {
	padding:20px 0 0 43px;
	border:none;
}


/* HEADFIRST ADDITIONS

-----------------------------------------*/
/* Drupal overrides */
tbody { border: none; }

#language-ute .item-list,
#language-sub .item-list {
	display: inline;
}
#language-ute ul,
#language-ute li,
#language-sub ul,
#language-sub li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

/* Glossary link style */
#content .glossary-term {
	border-bottom: 1px dotted #222;
}

dfn {
	/*font-style: normal;*/
	color: #222;
}

/* Search styles */

#ute-search-en fieldset, #ute-search-mi fieldset,
#search-en fieldset, #search-mi fieldset,
#home-search-en fieldset, #home-search-mi fieldset,
#theme-search-en fieldset, #theme-search-mi fieldset,
#mck-search-en fieldset, #mck-search-mi fieldset
{
	border: 0 ;
	outline: 0 ;
	padding: 0 ;
	margin: 0 ;
}

#ute-search-en legend, #ute-search-mi legend,
#search-en legend, #search-mi legend,
#home-search-en legend, #home-search-mi legend,
#theme-search-en legend, #theme-search-mi legend,
#mck-search-en legend, #mck-search-mi legend
{
	display: none ;
}

#edit-keys-wrapper {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left:0;
	display: inline;
	float: left;
}

#ute-search-en fieldset,
#mck-search-en fieldset,
#theme-search-en fieldset,
#search-en fieldset {
    padding:0;
	margin-bottom:0;
}

#ute-search-en, #ute-search-mi,
#mck-search-en, #mck-search-mi,
#theme-search-en, #theme-search-mi,
#search-en, #search-mi {
	position:absolute;
	top:7px;
	padding:0;
	margin:0;
	z-index:500;
}

.search-button-en, .search-button-mi {
	font-size: 13px;
	color:#000;
	line-height:15px;
	text-indent:100px;
	vertical-align:top;
	cursor:hand;
  	cursor:pointer;
	padding-top:0;
	border:0px;
	height:28px;
}

#ute-search-en .search-button-en,
#mck-search-en .search-button-en,
#theme-search-en .search-button-en,
#search-en .search-button-en {
	background:url(../img/go-button-en.png) no-repeat;
	display: inline;
	float: left;
	width:69px;
	margin-left:3px;
	height:29px;
}

#ute-search-mi .search-button-mi,
#mck-search-mi .search-button-mi,
#theme-search-mi .search-button-mi,
#search-mi .search-button-mi {
	background:url(../img/go-button-mi.png) no-repeat;
	display: inline;
	float: left;
	width:69px;
	margin-left:3px;
	height:29px;
}

.search-button-en {
	background:url(../img/go-button-default-en.png) no-repeat;
	width:32px;
	height:20px;
}

.search-button-mi {
	background:url(../img/go-button-default-mi.png) no-repeat;
    width:41px;
    height:20px;
}

#ute-search-en .field-box, #ute-search-mi .field-box,
#mck-search-en .field-box, #mck-search-mi .field-box,
#theme-search-en .field-box, #theme-search-mi .field-box,
#search-en .field-box, #search-mi .field-box {
	background:url(../img/search-bar.png) no-repeat top right;
	border:0 none;
	color: #737370;
	font:normal 0.8em Arial,sans-serif;
	height:16px;
	line-height: normal;
	margin-top:1px;
	margin-right:4px;
    padding-top:5px;
	padding-bottom:3px;
    width:203px;
	*margin-top:0px;
}

#ute-search-en .field-box:focus, #ute-search-mi .field-box:focus,
#mck-search-en .field-box:focus, #mck-search-mi .field-box:focus,
#theme-search-en .field-box:focus, #theme-search-mi .field-bo:focus,
#search-en .field-box:focus, #search-mi .field-box:focus  {
	color:#333333;
}

#search-icon {
	display: inline;
	float: left;
	height:24px;
	margin-top:1px;
	width:27px;
	background:transparent url(../img/search.png) no-repeat scroll right top;
}

body ul.primary {
	display: block; width: auto;
	position: absolute; left: 762px; top: 0;
	margin: 0; padding: 0.5em;
	background: black; z-index: 500;
}

body ul.primary li,
body ul.primary li a {
	display: block;
	margin: 0;
}

#message_container {
	position: absolute; left: 190px; top: 172px;
	width: 570px; z-index: 500;
	background: white; border: 2px solid black;
	font: 0.8em/1.2em Arial; opacity: 0.9;
}
#message_container .controls { background: #999; border-bottom: 1px solid black; overflow: hidden; }
#message_container .controls a { display: block; float: right; padding: 0 5px; border-left: 1px solid black; }
#message_container .messages { max-height: 400px; overflow: scroll; padding: 1em; }
#message_container .messages.status { color: green; }
#message_container .messages.error { color: red; }

