/* DIA CSS Document */

body, #bd #band {
background: #778899 url('../../bgband-blueband/$file/bgband-blueband.png') top center repeat-y;
}

a {
color:#002299;
}
a:focus, a:active, a:hover {
border-bottom:1px solid #002299;
text-decoration:none !important;
}
acronym {
    background-color: rgba(0, 0, 0, 0.07);
    padding: 0 2px;
}
.hide, #search label.hide {
	display:none;
}

#search, #search .btn-search {
	background:#05415B;
}
#search input.btn-search:hover, #search input.btn-search:focus {
      background:#4578AB;
      cursor:pointer;
}

#hd .container {
	background: #ffffff none;
}
#hd #logo-dia {
	margin: 20px 15px 0 0;
}
#hd #logo-dia {
	float:right;
}
#hd #logo-dia {
	height:50px;
	width:285px;
	background:url('../../logo-dia/$file/logo-dia.png') no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#hd h1 {
    padding-top: 20px;
}
#hd h1 a {
    font-size: 2em;
}
#hd h2 {
	font-size:1.2em;
}
#nav li a {
	padding:10px 16px 11px 11px;
}
#nav li a:hover {
	background:#4578ab;
}
#nav li.active {
	background:#966409 none repeat scroll 0 0;
}
#nav li.active a:hover{
	background:#4578ab;
	margin-left:0px;
	border-left:none;	
}
.slider {
	background:#667788;
	position:relative;
}

.slider-pane {
	display:none;
}
.slider-pane.first {
	display:block;
}
.slider a.previous,
.slider a.next, .slider p a  {
	background-color:#445566;
}
.slider a.previous:active, .slider a.next :active, .slider a.previous:hover, .slider a.next :hover, .slider a.previous:focus, .slider a.next:focus {
background-color:#223344;
border:0 none !important;
}
.slider p a:hover {
	background:#4578ab;
}
.slider_overlay {
	background:#227EAE;
	width: 900px;
	display:block;
	left:-9999px;
	float: left;
	position:absolute;
	z-index:1000;
	margin-left: 20px;
	bottom: 0px;
	color: #ffffff;
	padding: 5px 10px;
	text-align:center;
	text-decoration:none !important;
	font-size:12px;
	font-weight:bold;
}
.slider_overlay:hover,
.slider_overlay:focus,
.slider_overlay:active {
	color:#ffffff;
	text-decoration:none !important;
}
.jump-buttons {
	position:absolute;
	margin-left:150px;
	bottom:15px;
	width:90px;
}
.jump-buttons a {
  	background: url('../../btn-slider-jump-667788/$File/btn-slider-jump-667788.png') no-repeat top center;
	border:0;
}
.jump-buttons a.play,
.jump-buttons a.play:hover {
	background-position: 0 -30px;
	margin-left:5px;
}
.jump-buttons a.play-disabled,
.jump-buttons a.play-disabled:hover {
	background-position: 0 -40px;
}
.jump-buttons a.pause,
.jump-buttons a.pause:hover {
	background-position: 0 -50px;
}
.jump-buttons a.pause-disabled,
.jump-buttons a.pause-disabled:hover {
	background-position: 0 -60px;
}

/* home-section-nav exclusive to DIA.govt.nz site */
	.home-section-nav {
		background-color:#ffffff;
		border-bottom:10px solid #05415B;
		float:left;
		margin:20px 21px 0 0;
		width:306px;
	}
	.home-section-nav ul {
		font-size:1.1em;
		margin:12px 2px 18px;
	}
	.home-section-nav .btn-big {
	width:235px;
	}
/* END home-section-nav */


.btn-big {
	background:#05415B url('../../btn-big-grey/$file/btn-big-grey.png') no-repeat scroll 94% 50%;
	background: url('../../btn-big-grey/$file/btn-big-grey.png') no-repeat 94% 50%, -moz-linear-gradient(top, #1e546c, #05415B);
	background: url('../../btn-big-grey/$file/btn-big-grey.png') no-repeat 94% 50%, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e546c), to(#05415B));
	border-bottom:4px solid #445566 !important;
	border-top:2px solid #778899;
	color:#FFFFFF;
	display:block;
	height:32px;
	margin:0;
	padding:20px 56px 10px 15px;
	width:210px;
}

.btn-big:hover,.btn-big:focus {
	background:#556677 url('../../btn-big-grey/$file/btn-big-grey.png') no-repeat scroll 94% 50%;
}

#bd .container {
background:#F6F6F6 none repeat scroll 0 0;
position:relative;
}
#bd .container .content {
background:#FFFFFF none repeat scroll 0 0;
margin-bottom:30px;

overflow:hidden;
padding:40px 30px 20px;
}


.sidenav p {
    background-color: #f6f6f6 !important;
    margin-left:0 !important;
    font-family:"trebuchet ms" !important;
    margin-bottom:0;
}
.sidenav .parent ul , .sidenav .active ul {
	background:none repeat scroll 0 0 #666666;
	padding: 0 0 5px 10px;
}
#bd .sidenav a {
	padding:0.7em 12px;
}
#bd .content .sidenav a {
	background-color:#cde !important;
	color: #fff !important;
	font-size:0.923em !important;
	text-transform:uppercase;
	font-weight:bold!important;
	font-family:"trebuchet ms" !important;
	border-left:10px solid #445566;
	color:#333333 !important;
	display:block;
	height:auto;
	line-height:15px;
	padding:0.7em 12px;
	text-decoration:none;
	margin-bottom:0 !important;
}
#bd .sidenav a:focus, #bd .sidenav  a:active, #bd .sidenav  a:hover {
border-bottom:0 none !important;
border-left:5px solid #FFFFFF !important;
padding-left:17px;
}
#bd .sidenav p a:focus, #bd .sidenav p a:active, #bd .sidenav p a:hover {
border-bottom:0 none !important;
border-left:5px solid #FFFFFF !important;
padding-left:17px;
}
#bd .sidenav .parent a  {
height:auto;
}
#bd .sidenav .active li {
font-size:0.923em;
}
#bd .sidenav .active a {
background:#445566 !important;
border-left:10px solid #778899!important;
color:#fff !important;
height:auto!important;
padding:0.7em 1em;
text-decoration:none;
}
#bd .sidenav .active ul a {
background:#333333 !important;
border-left:10px solid #444444!important;
}
#bd .sidenav .parent ul a {
height:auto!important;
}
#content  .content .content {
margin-left:0 !important;
padding-top:0 !important;
}
#bd .content .content h1 ,#bd .container .content h1 {
	border-bottom:8px solid #778899;
	border-top:1px solid #778899;
	color:#05415B;
	font-size:2.2em;
	line-height:1.1em;
	margin-bottom:0.75em;
	padding-bottom:12px;
	padding-top:8px;
}
#bd .content .content h1 .apr_section, #bd .content .content h1 .apr_subsection {
	float:left;
	font-size:0.5em;
	margin-right:5px;
}

#bd .content .content h1 .pg_subject {
	clear:both;
	display:block;
}

#bd .content .content h2 ,#bd .container .content h2 {
    color:#05415B;
	font-weight:normal;
	padding-top:3px;
	border-top:1px solid #ccc;
}
#bd .container .content h2.section {
	background-color:#05415b;
	color:#ffffff;
	margin:0 -30px;
	padding:8px 30px;
}

#bd .content table {
	border-bottom:18px solid #EDEDED;
	border-left:4px solid #DEDEDE;
	margin:10px 0;
	width:100%;
}
#bd .content table td {
	border-color:#DEDEDE #DEDEDE -moz-use-text-color -moz-use-text-color;
	border-style:dotted dotted none none;
	border-width:1px 1px 0 0;
	padding:8px 10px;
	vertical-align:top;
}
#bd .content div.sectionpromo  {
	background-color:#556677;
	color:#ffffff;
	margin:0 -30px;
	min-height:220px;
	padding:10px 30px 12px;
}
#bd .content div.sectionpromo h3  {
	margin-top:30px;
}
#bd .content div.sectionpromo a  {
	color:#ffffff;
}
#bd .content div.sectionpromo a:hover, #bd .content div.sectionpromo a:active, #bd .content div.sectionpromo a:focus  {
	border-bottom:1px solid #ffffff;
	text-decoration: none;
}
#bd .content div.sectionhighlight {
	background-color:#AABBCC;
	margin:0 -30px;
	min-height:220px;
	padding:10px 30px;
}
#bd .container .content li {
border-bottom:0 none  !important;
list-style-image:url('../../icon-listblue/$file/icon-listblue.png') ;
list-style-position:outside  ;
list-style-type:disc  ;
margin-left:30px  ;
}
#bd .container .content ul {
    margin-bottom:1.6em !important;
    margin-top: 0.8em;
}
#bd .container .content ul.anchors li {
    background: url("../../icon-anchor/$file/icon-anchor.png") no-repeat scroll left 5px transparent;
    list-style: none outside none !important;
    margin:0 0 5px 10px;
    padding: 0 0 0 15px;
}
u {
    text-decoration:none !important;
}
#bd img.feature {
float:right;
margin: 20px 0 20px 20px;

}
#bd .container .content .teaser li {
	margin:0 0 0 10px !important;
}
#bd .container .content .content .teaser li { /*old template needs different layout */
	margin:0 0 10px 6px !important;
}
.teaser p {
	margin: 3px 0 0 0;
}

.teaser  .btn-grey, .teaser  .btn-green, .teaser  .btn-orange, .teaser  .btn-blue, .teaser  .btn-red {
	display:block;
	width:164px;
	min-height:40px;
}
.teaser .info {
	display:block;
	margin:8px 0 0;

}
.teaser .info .btn-grey, .teaser .info .btn-green, .teaser .info .btn-orange, .teaser .info .btn-blue, .teaser .info .btn-red {
	display:block;
	width:164px;
}
.sectionhighlight .teaser .info  {
    background-color:#f8f8f8
}
.sectionhighlight .teaser .info .btn-grey, .sectionhighlight .teaser .info .btn-green, .sectionhighlight .teaser .info .btn-orange, .sectionhighlight .teaser .info .btn-blue, .sectionhighlight .teaser .info .btn-red {
    margin-top:0;
}
#bd .container .photogrid h4, #bd .container .photogrid.acceptable h4, #bd .container .photo h4 {
	font-size:1em !important;
	margin:0 !important;
	padding:3px 2px 6px 4px !important;
	background:none !important;
	font-style:normal !important;
}
#bd .container .content ul.photogrid {
	margin-left:-1px;
	margin-top:24px;
}
#bd .container .photogrid li {
	background-color:#556677;
	margin:0 30px 20px !important;
	width:236px;
}
#bd .container .portrait  {
	float: left;
    margin-right: 60px;
	_margin-right:0;
    width: 140px;
}
#bd .container .portrait li {
	width:140px;
}
#bd .content ul.feed span {
	font-size:80%;
	display:inline: block;
}


/* Tablist tabpanel */
#bd .container .content #tablist ul.tabs {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 0 6px;
}
#bd .container .content #tablist ul.tabs li {
    -moz-border-radius: 4px 4px 0 0;
    border-color: #556677 #556677 -moz-use-text-color;
    border-style: none;
    border-width: 0;
    display: inline;
    list-style: none outside none;
    margin-left: 0;
    padding: 4px 0 2px;
}
#bd .container .content #tablist  ul.tabs li a {
    -moz-border-radius: 4px 4px 0 0;
    background-color: #556677;
    border-left: 1px solid #556677;
    border-right: 1px solid #556677;
    border-top: 1px solid #556677;
    color: #FFFFFF;
    padding: 3px 8px 6px;
    text-decoration: underline;
}
#bd .container .content #tablist  ul.tabs li a:hover,#bd .container .content ul.tabs li a:focus{
    background-color: #333333;
    border-bottom: 0;
	color:#ffffff;
}
#bd .container .content #tablist ul.tabs li a.active {
    -moz-border-radius: 5px 5px 0 0;
    background-color: #FFFFFF;
    border-color: #556677 #556677 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color:#333;
    text-decoration:none;
}
#bd .container .content #tablist .content {
    border: 1px solid #666666;
    font-size: 1.2em;
    line-height: 1.8em;
    padding-top: 1.2em !important;
}

#bd .container .content #tablist .content ul {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-moz-column-rule: 1px dashed #bbb;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	-webkit-column-rule: 1px dashed #bbb;
}
#bd .container .content #tablist .content li {
	margin-bottom:0.7em;
	font-weight:bold;
	list-style: none inside none;
	background: url("../../icon-listblue/$file/icon-listblue.png") no-repeat scroll left 5px transparent;
	margin-left:20px;
	padding-left:20px;
}

#bd .container .content #tablist .content li span{
    font-size: 0.8em;
    text-decoration: none !important;
	font-weight:normal;
}
#bd .container .content #tablist .content li a:hover span,#bd .container .content #tablist .content li a:active span,#bd .container .content #tablist .content li a:focus span{
    text-decoration: none !important;
}
/* /TabPanel */

#ft {
	background:#EAEAEA url('../../bgband-body/$file/bgband-body.png') repeat-y scroll center top;
}
#ft .container {
	background:#f5f5f5;
	color:#333333;
}
#ft .container a {
	color:#333333;
}
#ft a:focus, #ft a:active, #ft a:hover {
    border-bottom: 1px solid #333333 !important;
}
#ft .subnav a:focus, #ft .subnav a:active, #ft .subnav a:hover {
    border-bottom: 1px solid #ffffff !important;
}	
#ft .subnav {
	background: #778899 url('../../bgband-blueband/$file/bgband-blueband.png') top center repeat-y;
}
#ft .subnav ul {
	background:#05415B;
	color:#f5f5f5;
}
#ft .subnav li a {
	color:#ffffff;
}
#ft #banner {
	background:#d7dff2 url('../../bgband-banner/$file/bgband-banner.png') repeat-y scroll center top;
}
#ft #banner a {
	background:#badaf3;
	font-weight: bold;
	color:#05415b;
}
#ft #logo-nzgovt {
	background:url('../../logo-nzgovt-bk/$file/logo-nzgovt-bk.png') no-repeat;
	margin-top:0;
}
#ft a#logo-nzgovt:hover {
	border:0 !important;
	text-decoration:none !important;
}
/* The following could be moved into the main style sheet as global rules and retrofitted on the passports.govt.nz as well */

/* floating info boxes */
	.info-wide {
		background:#FFFFFF none repeat scroll 0 0;
		height:auto;
		min-height:105px;
		position:relative;
		width:600px;
	}
	.info-narrow {
		background:#FFFFFF none repeat scroll 0 0;
		height:auto;
		min-height:105px;
		width:350px;
	}
/* END floating info boxes */

/* floating rules */
	.go-left {
		float:left;
	}
	.go-right {
		float:right;
	}
/* END floating rules */


