/* @media all and (max-device-width: 767px), all and (max-width: 449px)*/

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {


.MainTable {width:auto !important;}
.LogoPane, .NavPane, .HeaderLeftPane, .HeaderRightPane, .TopLeftPane, .TopCenterPane, .TopRightPane, .LeftPane, .RightPane, .LeftPane2, .CenterPane2, .RightPane2, 
.LeftPane3, .CenterPane3, .RightPane3, .RightPane4, .LeftPane4, .CopyrightPane, .LoginPane  , .LeftSideMain, .HeaderPane1, .HeaderPane2, .HeaderPane3, .ContentPane
{float:none !important;display:inherit!important;padding:0px !important;margin:0px !important;width:auto !important;}

.HiddenMobile 	{ display:none !important;}
.HiddenDesktop 	{ display:block !important;}

.TopMain { display:block; padding:0px 10px !important;} .ContentMain, .BlackContentMain, .BottomWhiteMain, .FooterBalck, .CopyrightMain { display:block; padding:10px !important;}
.TopPaneMain { margin:0 0 18px 0 !important;}

/**/
.HeaderRightPane { width:280px !important; margin:auto !important;}
.RotatorWrapper div.DNNModuleContent > div.Normal {height:151px;background:none;}
 /* Set width and height of banners within div.Normal img */
.RotatorWrapper div.DNNModuleContent > div.Normal img{width:280px !important;height:151px !important; margin:auto !important} 
 
.CopyrightPane, .LoginPane, .LogoPane { padding:5px 0 !important; text-align:center !important;}

/* Menu styles */


/* Toolbar */
.TabBack, .TabNext , .TabHome {position:absolute;cursor:pointer;overflow:hidden;top:8px;right:10px;margin:0;border-width:0 5px;padding:0 3px;width:auto;height:30px;line-height:30px;font-family:inherit;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;text-shadow:rgba(0, 0, 0, 0.5) 0 1px 1px;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;background:none;-webkit-border-image:url(images/button.png) 0 5 0 5;}
.TabBack, a.TabBack {left:10px;top:7px;color:#fff!important;text-decoration:none!important;right:auto;padding:0;max-width:55px;border-width:0 8px 0 14px;-moz-border-image: url(images/TabBack.png) 0 8 0 14;border-image: url(images/TabBack.png) 0 8 0 14;-o-border-image: url(images/TabBack.png) 0 8 0 14;-webkit-border-image:url(images/TabBack.png) 0 8 0 14;}
.TabBack.active, .TabBack:hover {-moz-border-image: url(images/TabBackOn.png) 0 8 0 14;border-image: url(images/TabBackOn.png) 0 8 0 14;-o-border-image: url(images/TabBackOn.png) 0 8 0 14;-webkit-border-image:url(images/TabBackOn.png) 0 8 0 14; color:#fff;}

.TabNext, a.TabNext {right:10px !important;top:7px;color:#fff!important;text-decoration:none!important;right:auto;padding:0;max-width:55px;border-width:0 14px 0 8px;-moz-border-image: url(images/TabNext.png) 0 14 0 8;border-image: url(images/TabNext.png) 0 14 0 8;-o-border-image: url(images/TabNext.png) 0 14 0 8;-webkit-border-image:url(images/TabNext.png) 0 14 0 8;}
.TabNext.active, .TabHome:hover {-moz-border-image: url(images/TabNextOn.png) 0 14 0 8;border-image: url(images/TabNextOn.png) 0 14 0 8;-o-border-image: url(images/TabNextOn.png) 0 14 0 8;-webkit-border-image:url(images/TabNextOn.png) 0 14 0 8; color:#fff;}

.TabHome, a.TabHome {right:10px !important;top:7px;color:#fff!important;text-decoration:none!important;right:auto;padding:0;width:35px;border-width:0px;background:url(images/Home.png) left top no-repeat !important; height:31px; overflow:Hidden;}
a:hover.TabHome  , .TabHome.active, .TabHome:hover {background:url(images/Home.png)  left top no-repeat !important;-moz-border-image:none;border-image:none;-o-border-image:none;-webkit-border-image:none;}

/* */
.ToolbarPane {background:url(images/NavArrowOn.png) right center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#660099), to(#562483)) !important;
background:url(images/NavArrowOn.png) right center no-repeat , -moz-linear-gradient(#660099, #562483) !important;
background:url(images/NavArrowOn.png) right center no-repeat , linear-gradient(#660099, #562483) !important; 
background:url(images/NavArrowOn.png) right center no-repeat , -o-linear-gradient(#660099, #562483) !important;
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#660099', EndColorStr='#562483')";

color:#fff;padding:10px;position:relative; border-top:1px solid #000; border-bottom:1px solid #000;}
.ToolbarPane h2 {padding:0px 68px 0 68px!important;line-height:1em;margin:1px 0 0 0px!important;min-height:23px;font-size:19px!important;font-weight:bold!important;text-shadow:#111 0 1px 2px;text-align:center;text-overflow:ellipsis;color:#fff!important;}



/* Grace Mobile fixes*/
.mobileNav{display:block !important; }
.mobileHide{display:none !important}

#primary-nav, #search, #dnn_HeaderPane, #CopyrightMain, #BottomWhiteMain, .form-chooser, #tag-line, #divContactus, #FooterBlack{display:none !important}

.MainTable{width:100%; min-width:220px !important; max-width:100% !important}
.LeftSideMain{width:100% !important;}	
#dnn_CenterLeftPane, #dnn_CenterRightPane{width:auto !important; float:left; max-width: 500px; }

#divGreen{margin-top:10px}
#dnn_RightPane{width:100% !important}

#dnn_ctr1054_ContentPane .article.list li h5, #dnn_ctr1054_ContentPane .article.list li p, #dnn_ctr1039_ContentPane .article.list li h5, #dnn_ctr1039_ContentPane .article.list li p{float:left; width: 100%;}
#divResearchList img{padding-bottom:5px !important}
#divFunder, .divHome{margin-top:2px !important}

#divFunder, #dnn_ctr1049_ArticleList_pnlUpdate article{min-height:120px; border-bottom:1px solid #E6E6E6}

#FooterBalck .MainTable{min-height:150px !important}

#secondary-nav{min-height:260px}
#logo.TeRunanga{margin-top:0px !important;}

#dnn_ctr1049_ArticleList_pnlUpdate img, #dnn_ctr1039_ArticleList_pnlUpdate img{margin-left:26px; margin-right:27px}
/*#divResearchList img{display:none}*/

#divResearchList p {float:left}


#secondary-nav .phone-number{float:left !important; position: absolute !important;margin-top: 5px;background: #2e7408;width: 50px;padding: 0 !important; margin-left:210px; line-height:150%; font-size:36px !important}
#logo{margin-left:20px; margin-top:15px}

#secondary-nav .sub-nav{display:none}

.rootMenu{padding-top:25px !important;}

#mobileNavFooter .mobileNav {padding-top:10px; padding-bottom:1px}

#mobileNavFooter .mobileNav li a div div
{
display: block;
line-height: normal;
margin: 0 0px 9px 0 !important;
border: none;
text-transform: uppercase!important;
font-size: 18px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #444444 !important;
padding: 10px 35px 10px 10px!important;
border: 1px solid #ccc !important;
text-shadow: 1px 1px 1px #fff;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
/*-moz-border-radius: .6em;
-webkit-border-radius: .6em;
border-radius: .6em;*/
background: url(images/NavArrow.png) right center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#ededed), to(#dadada)) !important;
background: url(images/NavArrow.png) right center no-repeat , -moz-linear-gradient(#ededed, #dadada) !important;
background: url(images/NavArrow.png) right center no-repeat , linear-gradient(#ededed, #dadada) !important;
background: url(images/NavArrow.png) right center no-repeat , -o-linear-gradient(#ededed, #dadada) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
}

#mobileNavFooter .mobileNav li a div div:hover{ text-decoration:underline; border:1px solid #660099 !important; color:#fff !important; text-shadow:1px 1px 1px #000;
background:url(images/NavArrowOn.png) right center no-repeat , -webkit-gradient(linear, 0 0, 0 bottom, from(#660099), to(#562483)) !important;
background:url(images/NavArrowOn.png) right center no-repeat , -moz-linear-gradient(#660099, #562483) !important;
background:url(images/NavArrowOn.png) right center no-repeat , linear-gradient(#660099, #562483) !important; 
background:url(images/NavArrowOn.png) right center no-repeat , -o-linear-gradient(#660099, #562483) !important;
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#660099', EndColorStr='#562483')"; }



#tblNews div{padding:0px !important}

.LeftSideMain h4 {padding-left:0px !important}


.dnnControlPanel{width:100%}
.dnnForm{min-width:250px}

/*Section*/
.divSection{width:90% !important}
.sectionHeaderImg{width:100% !important; height:auto !important;margin-left:0px}
#sect-title .caption {left: 0px !important;top: 0px !important;}		
#sect-title .caption .text{width:100% !important; height:auto !important}
.caption, .caption-overlay{position: relative !important; width:100% !important; padding:0px !important}
#sect-title{padding-top:0px !important}

h1{font-size:16px !important}
.divSection{min-width:260px; padding:10px !important}

/*Page*/
iframe, .divCaption{width:100% !important}
.tbPage #dnn_CenterLeftPane{width:100% !important}

/*List*/
.divList{min-width:260px; margin: 5px 0 5px 5px !important; min-height: 0px !important}
#page-list-title img{width:100% !important; height:auto !important}
/*.LeftSideMain, .LeftPane{padding-top: 20px !important;}*/
#page-list-title{padding-top:0px !important}
#page-list-title .caption{left:5px !important}
#page-list-title img{margin-left:-15px !important}

/*Detail*/
#dnn_CenterRightPane{margin-left:0px !important}
#PF_Publish_Article_Container .actionlinks_optionfs{display:none}
.divCaption{width:90% !important}
.detail_standard_title{font-weight:bold}
.detail_standard_article img{width:100% !important; height:auto !important}


div ul li {
list-style: none ;
}

div ul {
margin-left:10px ;
}


.TopPaneMain{padding-top:0px !important}

.ContentPane{min-width: 250px !important}

/*Group side menu*/
#tbldnn_Child_ctlChildMenuBar td {font-size:18px !important}

#dnn_ctr2683_contentpane img, #dnn_ctr2695_HtmlModule_lblContent img{max-width:50%; min-width:280px}

.kowhaiwhai{display:none;width: 0px !important;}

.kowhaiwhaiMobile {background: url("/portals/0/NZNO-kowhaiwhai-mobile2.png") no-repeat;position: absolute;height: 28px;margin: 220px 30px 0px 30px;width: 229px;}
/*END*/


}


@media only screen and (max-width: 1500px)  and (min-width: 751px), only screen and (max-width: 1500px)  and (min-width: 751px) {	
.HeaderPane3{width:38% !important}
.MainTable{padding:0px 15px 0px 20px !important}
.ContentPane{width:54% !important; margin-top:-20px !important}
.CopyrightPane, .LoginPane, .MainTable{width:auto !important}
.CopyrightPane{padding-top:5px !important}
#tag-line.TeRunanga h2{font-size: 22px;margin-left: 160px !important;}


}

@media only screen and (max-width: 1100px)  and (min-width: 751px), only screen and (max-width: 1100px)  and (min-width: 751px) {
#divContactus{display:none !important}


.kowhaiwhai{margin-left:145px !important; background: url("/Portals/0/NZNO-kowhaiwhai-four25-3.png") no-repeat !important;width: 739px !important;}

.InnerMegaDiv{display:none}
}


@media only screen and (max-width: 981px)  and (min-width: 751px), only screen and (max-width: 981px)  and (min-width: 751px) { /*iPad*/

.InnerMegaDiv{display:none}

#dnn_BannerPane{margin-bottom: -20px;}
.kowhaiwhai{margin-left:145px !important; background: url("/Portals/0/NZNO-kowhaiwhai-iPad-S2.png") no-repeat !important;width: 574px !important;}
ul#PfNavMega li.HasChildren a {
padding: 12px 3px 11px 10px !important;
}
#primary-nav ul li a {
    font-size: 12px !important;
}
#PfNavMega {
margin-left: 140px !important;
}

.row{min-width:740px !important}
.MainTable{min-width:540px !important}
#primary-nav .container {
    height: 39px !important;

}


/*Home page*/
#dnn_BannerPane{padding:10px 5px 10px 0px !important}
#dnn_RightPane img{width:103% !important}
#dnn_RightPane .LinksDesignTable img, #dnn_RightPane .dnnActionMenuTag img, #dnn_RightPane .dnnActionMenuBody img{width:auto !important}  
/*.fb-like-box.fb_iframe_widget {
float: right !important;
margin-right: 60px !important;
}*/

#dnn_ctr2807_contentpane{width:85%}

/*last two Nav hover go to left instead of right*/
#Menu6 .shadow{overflow:visible !important; }
#Menu6Div{margin-left:-210px !important}

#Menu5 .shadow{overflow:visible !important; }
#Menu5Div{margin-left:-225px !important}

}