/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    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, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }

/*------------ General Page Rules ----------------------------------------------------------*/


body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#363636;
}

/* ----------- Colours -------------------------*/


/* ----------- General Page Rules -------------------------*/

h1,
.h1
{
margin: 12px 0px;
color: #363636;
font-size: 20px;
line-height: auto;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

h2,
.h2
{
margin: 12px 0px;
color: #818285;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

h3,
.h3
{
margin: 10px 0px;
color: #f28920;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
}

h3:before ,
.h3:before {
content:">  ";
}

h4,
.h4
{
margin: 15px 0px;
color: #363636;
padding: 8px 15px;
background: #dfdfdf;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

p,div#pageSource
{
line-height: 23px;
margin: 12px 0px;
}
div#pageSource{ text-align:left; }

ul
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

ol
{
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

#pageEditorContent li:before {
content:"\002022  ";
color: #F28920;
margin: 4px 0px;
padding: 0px 0px 0px 0px;
line-height: 23px;
}

li
{
margin: 5px 0px;
}

li p
{
line-height: 23px;
margin: 0px 0px;
}

hr
{
margin: 15px 0px;
border: none;
background: none;
border-bottom:1px solid #e0e0e0;
}

a
{
color: #3853A4;
text-decoration: none;
}

a:hover
{
color: #F28920;
text-decoration: underline;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}


table
{
width: 100%;
margin: 20px 0px 20px;
border: 1px solid #f0f0f0;
table-layout: fixed;
}

th
{
padding: 10px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #1466A2;
}

em
{
font-style: italic;
}

td
{
padding: 10px 16px;
}

th p,
td p
{
margin: 0;
padding: 0;
}

tr:nth-child(even) { background: #FFF }
tr:nth-child(odd) { background: #f9f9f9 }

p strong { font-weight: 900; }

a.applyNowLink
{
display: block;
float: right;
margin: -16px 0px 20px 10px;
padding: 10px 14px;
font-size: 20px;
text-transform: uppercase;
color: #fff;
background: #3853a4;
transition: all 0.5s ease-in;
}

a.applyNowLink:hover
{
text-decoration: none;
color: #fff;
background: #F28920;
}

/* ----------- Site Wide Rules -------------------------*/

/*------------ Main Containers ---------------------------------------*/

.container
{
margin: 0px auto;
width: 1200px;
text-align: left;
}

.bgContainer
{
width: 1200px;
float: left;
position: relative;
height: auto;
}

body
{
/*background: 100% width tile here */
}

#wrap
{
position: relative;
z-index: 2;
min-height: 100%;
width: 100%;
/*background: 100% height tile here */
}

#header
{
position: absolute;
width: 100%;
height: 101px;
top: 0;
left: 0;
right: 0;
background: url(http://www.anamata.ac.nz/images/style/header_tile.jpg) top center repeat-x;
clear: both;
z-index: 2000;
margin:0px;
padding: 0px;
}

#default #header
{
position: absolute;
width: 100%;
height: 180px;
top: 0;
left: 0;
right: 0;
background: url(http://www.anamata.ac.nz/images/style/header_tile.jpg) top center repeat;
clear: both;
z-index: 2000;
margin:0px;
padding: 0px;
}

#fullWidthHeaderTitle
{
float: left;
position: relative;
width: 100%;
margin: 17px 0px 4px 0px;
line-height: 51px;
text-transform: uppercase;
text-align: center;
}

#fullWidthHeaderTitle h1
{
color: #fff;
margin: 0;
padding: 0;
font-weight: 100;
font-size: 28px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.breadcrumbs
{
float: right;
position: relative;
text-align: right;
color: #fff;
padding: 2px 30px 0px 0px;
text-transform: lowercase;
font-size: 12px;
opacity: 0.8;
}

.breadcrumbs a
{
color: #fff;
text-decoration: none;
}

.breadcrumbs span
{

}

#slides
{

}


#content
{
float: left;
position: relative;
z-index: 40;
width: 1200px;
min-height: 400px;
margin: 0px 0px 160px 0px;
}

#footer {position: fixed;width: 100%;min-width: 1120px;height: 95px;bottom: 0;left: 0;right: 0;background: url(http://www.anamata.ac.nz/images/style/footer_tile.jpg) top center repeat-x;clear: both;z-index: 2000;margin:0px;padding: 0px;font-size: 12px;}

/*------------ Module/Element Specific Rules ---------------------------------------*/

/* ----------------------------------------------- */


#header a.logo
{
float: left;
position: relative;
margin: 24px 0px 0px 40px;
}

#default #header a.logo
{
float: left;
position: relative;
margin: 24px 0px 0px 0px;
}

#header p
{
display: inline-block;
margin: 63px 0px 0px 20px;
padding: 0;
font-size: 16px;
color: #fff;
}

#header strong
{
display: inline-block;
position: relative;
color: #fff;
font-weight: 300;
transition: all 0.5s ease-in;
}

#header strong:hover
{
cursor: pointer;
color: #f28920;
}

#header strong span
{
display: none;
}

#header strong:hover span
{
position: absolute;
top: -30px;
left: -25px;
display: block;
width: 80px;
height: 32px;
line-height: 25px;
color: #fff;
font-size: 13px;
font-style: italic;
text-align: center;
background: url(http://www.anamata.ac.nz/images/style/orange_tab_bg.png);
}

#header strong:first-child:hover span
{
left: -35px;
}

/* ---------------------------------- */

.siteSearchContainer
{
position: absolute;
top: 15px;
right: 30px;
}

.searchLabel
{
display: none;
}

.siteSearchInput
{
width: 160px;
height: 11px;
font-size: 12px;
padding: 6px 25px 6px 18px;
border: 1px solid #ebeef6;
color: #6d6d6d;
text-align: left;
background: #ebeef6;
border-radius: 20px;
text-transform: lowercase;
}

.siteSearchSubmit
{
position: absolute;
top: 3px;
right:5px;
border: none;
background: url(http://www.anamata.ac.nz/images/icons/search_icon.png) center center no-repeat;
}

.siteSearchSubmit:hover
{
top: 2px;
}


/* --------------------- Header Navigation ----------------- */

#navigation
{
position: absolute;
top: 66px;
right: 0px;
width: auto;
height: auto;
z-index: 10;
margin: 0px 20px 0px 0px;
}

#navigation ul
{
margin: 0 auto;
padding: 0px 0px 0px 0px;
list-style: none;
float: none;
position: relative;
}

#navigation ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
line-height: auto;
margin: 0px 0px 0px 0px;
background: none;
border-left: none;
}


#navigation ul li a
{
display: block;
position: relative;
width: auto;
text-align: center;
height: auto;
line-height: auto;
padding: 0px 10px 30px;
border-top: 0px solid #6d6c6c;
margin: 0px;
list-style: none;
float: left;
text-transform: lowercase;
letter-spacing: 0;
font-size: 14px;
color: #fff;
text-decoration: none ;
}

#navigation ul li a:hover
{
color: #f28920;
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}


#navigation ul li ul
{
display: none;
}

#navigation ul li:hover ul
{
display: block;
}

#navigation ul li ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: none;
position: absolute;
top: 35px;
left: -50px;
width: 260px;
background: #3B3C3D;
border-bottom: none;
box-shadow: none;
border-radius: 0px 0px 4px 4px;
box-shadow: 1px 3px 3px -1px rgba(0,0,0,0.6);
}

#home #navigation ul li ul
{
top: 35px;
}

#default #navigation ul li ul
{
top: 37px;
}

#navigation ul li ul
{
left: -40px;
}

#navigation ul li.enrol-or-enquire ul
{
left: -160px;
}

#navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: auto;
min-height: 20px;
width: 250px;
line-height: 19px;
margin: 0px 0px 0px 0px;
border: none;
}

#navigation ul li ul li a
{
display: block;
width: 228px;
text-align: left;
height: auto;
line-height: 17px;
padding: 6px 10px 6px 22px;
border-top: none;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 12px;
text-transform: uppercase;
position: relative;
color: #fff;
text-decoration: none ;
}

#navigation ul li ul li a:hover
{
color: #fff;
background: #555555;
}

#home #navigation ul li ul li ul,
#default #navigation ul li ul li ul
{
float: left;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0;
top: auto;
left: auto;
border: none;
box-shadow: none;
background: #ff0000;
}

#navigation ul li ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 6px;
min-height: 24px;
width: 254px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #555555;
display: block;
border-top: 1px solid #3B3C3D;
}

#navigation ul li ul li ul li a:before
{
content:">  ";
color: #F28920;
}

#navigation ul li ul li ul li a
{
display: block;
width: 210px;
text-align: left;
height: auto;
line-height: 19px;
padding: 4px 10px 4px 17px;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 12px;
position: relative;
color: #fff;
text-decoration: none ;
}


#navigation a.grandchildSelected,
#navigation a.childSelected,
#navigation a.menuSelected
{
font-weight: normal;
color: #fff;
text-transform: uppercase;
}

#navigation ul li ul li a.menuSelected
{
font-weight: normal;
color: #fff;
text-transform: uppercase;
}


/* ---------------------------------------- */

.moduleComponentContainerhomeSlideshow
{

}

.moduleComponentContainerhomeSlideshow li.moduleComponent15
{

}

.moduleComponentContainerhomeSlideshow li.moduleComponent16
{

}

.moduleComponentContainerhomeSlideshow li.moduleComponent17
{

}

.moduleComponentContainerhomeSlideshow li img.bannerImage
{

}

.moduleComponentContainerhomeSlideshow li div.container
{
position: absolute;
top: 25%;
right: 40px;
margin: 0px;
width: auto;
text-align: right;
z-index: 150;

}

.moduleComponentContainerhomeSlideshow li div.container h1
{
max-width: 640px;
margin: 0;
padding: 0;
font-size: 60px;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
text-transform: uppercase;
}


.moduleComponentContainerhomeSlideshow li div.container h1 a
{
color: #fff;
text-decoration: none;
transition: all 0.5s ease-in;
}

.moduleComponentContainerhomeSlideshow li div.container:hover h1 a
{
color: #F28920;
}

.moduleComponentContainerhomeSlideshow li div.container p
{
max-width: 690px;
margin: 10px 0px;
padding: 0px 30px 5px 0px;
font-size: 30px;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
background: url(http://www.anamata.ac.nz/images/style/white_arrow_right.png) bottom right no-repeat;
}

.moduleComponentContainerhomeSlideshow li div.container a.bannerLinkMask
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url();
}



/* ---------------------------------------- */

.slides-navigation
{
display: none;
}

.slides-navigation a.next
{

}

.slides-navigation a.prev
{

}

nav.slides-pagination
{
position: absolute;
top: 123px;
right: 35px;
width: 200px;
height: 20px;
text-align: right;
background: none;
}

nav.slides-pagination a
{
border: none;
background: #a1b5f0;
color: #a1b5f0;
font-size: 11px;
width: 12px;
height: 12px;
}

nav.slides-pagination a.current
{
border: none;
background: #4862ab;
color: #4862ab;
font-size: 11px;
}

/* ---------------------------------------- */


#homeCallouts
{position: absolute;bottom: 173px;right: 40px;width: 624px;height: 225px;background: none;z-index: 100;}

ul.futureStudentSubNavigation
{
margin: 0;
padding: 0;
float: left;
position: relative;
width: 300px;
margin: 0px 12px 12px 0px;

}

ul.futureStudentSubNavigation li
{

}

ul.futureStudentSubNavigation li a.futureStudent
{
display: block;
float: left;
position: relative;
width: 300px;
height: 50px;
line-height: 50px;
text-indent: 20px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
background: #5177e7 url(http://www.anamata.ac.nz/images/style/white_arrow_nav.png) 270px 15px no-repeat;
transition: all 0.5s ease-in;
}

ul.futureStudentSubNavigation li ul
{
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: 0;
padding: 0;
}

ul.futureStudentSubNavigation li ul li
{
height: 33px;
background: none;
margin: 0;
padding: 0;
width: 100%;
}

ul.futureStudentSubNavigation li ul li a.futureStudentSub
{
display: block;
height: 33px;
line-height: 33px;
color: #fff;
text-decoration: none;
text-indent: 20px;
transition: all 0.2s ease-in;
font-size: 110%;
font-style: italic;
background: url(http://www.anamata.ac.nz/images/style/home_callout_nav_bg.png) bottom left no-repeat;
}

ul.futureStudentSubNavigation li ul li a.futureStudentSub:hover
{
background: url(http://www.anamata.ac.nz/images/style/home_callout_nav_bg.png) top left no-repeat;
}

/*-----------*/

ul.currentStudentSubNavigation
{
margin: 0px 12px 12px 0px;
padding: 0;
float: left;
position: relative;
width: 300px;
}

ul.currentStudentSubNavigation li
{

}

ul.currentStudentSubNavigation li a.currentStudent
{
display: block;
float: left;
position: relative;
width: 300px;
height: 50px;
line-height: 50px;
text-indent: 20px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
background: #36509D url(http://www.anamata.ac.nz/images/style/white_arrow_nav.png) 270px 15px no-repeat;
transition: all 0.5s ease-in;
}

ul.currentStudentSubNavigation li ul
{
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: 0;
padding: 0;
}

ul.currentStudentSubNavigation li ul li
{
height: 33px;
background: none;

margin: 0;
padding: 0;
width: 100%;
}

ul.currentStudentSubNavigation li ul li a.currentStudentSub
{
display: block;
height: 33px;
line-height: 33px;
color: #fff;
text-decoration: none;
text-indent: 20px;
transition: all 0.2s ease-in;
font-size: 110%;
font-style: italic;
background: url(http://www.anamata.ac.nz/images/style/home_callout_nav_bg_dark.png) bottom left no-repeat;
}

ul.currentStudentSubNavigation li ul li a.currentStudentSub:hover
{
background: url(http://www.anamata.ac.nz/images/style/home_callout_nav_bg_dark.png) top left no-repeat;
}

/*-----------*/

ul.employerSubNavigation
{
margin: 0px 0px 12px 0px;
padding: 0;
width: 300px;
float: left;
position: relative;
}

ul.employerSubNavigation li
{

}



ul.employerSubNavigation li a.employer
{
display: block;
float: left;
position: relative;
width: 300px;
height: 50px;
line-height: 50px;
text-indent: 20px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
background: #3b3c3d url(http://www.anamata.ac.nz/images/style/white_arrow_nav.png) 270px 15px no-repeat;
transition: all 0.3s ease-in;
}

ul.employerSubNavigation li ul
{
position: absolute;
bottom: 50px;
left: 0;
right: 0;
margin: 0;
padding: 0;
}

ul.employerSubNavigation li ul li
{
height: 33px;
background: none;
margin: 0;
padding: 0;
width: 100%;
}

ul.employerSubNavigation li ul li a.employerSub
{

}

ul.employerSubNavigation li ul li a.employerSub
{
display: block;
height: 33px;
line-height: 33px;
color: #fff;
text-decoration: none;
text-indent: 20px;
transition: all 0.2s ease-in;
font-style: italic;
font-size: 110%;
background: transparent url(http://www.anamata.ac.nz/images/style/home_callout_nav_bg_black.png) bottom left no-repeat;
}

ul.employerSubNavigation li ul li a.employerSub:hover
{
background: url(http://www.anamata.ac.nz/images/style/home_callout_nav_bg_black.png) top left no-repeat;
}

/* ---------------------------------------- */






.moduleComponentnews
{
float: left;
position: relative;
width: 260px;
height: 125px;
padding: 15px 20px;
margin: 0px 12px 0px 0px;
background: url(http://www.anamata.ac.nz/images/style/home_callout_bg_trans.png) top left no-repeat;
opacity:0;
}

.moduleComponentnews p.h3
{
margin: -8px 0px 0px;
color: #f28920;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
color: #0a0a0a;
}

.moduleComponentnews p.h3:before
{
content: "";
}

.moduleComponentnews .content p
{
margin: 0;
padding: 0;
font-size: 12px;
line-height: 17px;
}

.moduleComponentnews .readMore
{
position: absolute;
bottom: 0px;
left: 20px;
padding: 6px 7px;
background: #3853a4;
font-style: italic;
}

.moduleComponentnews .readMore:hover
{
background: #f28920;
}

.moduleComponentnews .readMore a
{
color: #fff;
text-decoration: none;
}

/* ---------------------------------------- */

.moduleComponentCalendarListing
{
float: left;
position: relative;
width: 260px;
height: 125px;
padding: 15px 20px;
margin: 0px 12px 0px 0px;
background: url(http://www.anamata.ac.nz/images/style/home_callout_bg_grey.png) top left no-repeat;
}


.moduleComponentCalendarListing p.h3
{
margin: -8px 0px 0px;
color: #f28920;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
color: #0a0a0a;
}

.moduleComponentCalendarListing p.h3:before
{
content: "";
}

.moduleComponentCalendarListing .title a
{
font-size: 11px;
color: #030303;
text-decoration: none;
margin: 0;
}

.moduleComponentCalendarListing .title a:hover
{
color: #d87715;
}

.moduleComponentCalendarListing .componentItem
{
float: left;
position: relative;
margin: 3px 0px;
padding: 0;
}

.moduleComponentCalendarListing p
{
margin: 0;
padding: 0;
font-size: 15px;
line-height: 21px;
}

.moduleComponentCalendarListing .readMore
{
position: absolute;
bottom: 0px;
left: 20px;
padding: 6px 7px;
background: #3853a4;
font-style: italic;
}

.moduleComponentCalendarListing .readMore:hover
{
background: #f28920;
}

.moduleComponentCalendarListing .readMore a
{
color: #fff;
text-decoration: none;
}

/* ---------------------------------------- */

.moduleComponentContainerhomepageTextCallout
{
float: left;
position: relative;
width: 260px;
height: 125px;
overflow-y: auto;
padding: 15px 20px;
background: url(http://www.anamata.ac.nz/images/style/home_callout_bg_trans.png) top left no-repeat;
}

.moduleComponentContainerhomepageTextCallout h2.bannerTitle
{
display: none;
}

.moduleComponentContainerhomepageTextCallout p
{
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
}

.moduleComponentContainerhomepageTextCallout p a
{
color: #3853a4;
text-decoration: none;
}


/* ---------------------------------------- */


#footer,
#footer a
{
color: #fff;
}

#topBar
{
float: left;
position: relative;
width: 100%;
height: 36px;
}

#topBar ul.footerLinks
{
width: 100%;
float: left;
position: relative;
height: 36px;
margin: 0;
padding: 0;
}

#topBar ul.footerLinks li
{
float: left;
position: relative;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0px 10px;
background: none;
font-weight: ;
}

#topBar ul.footerLinks li a
{
text-transform: uppercase;
text-decoration: none;
padding:10px;
}

#topBar ul.footerLinks li a.futureStudentLink:hover
{

background: #5177E7;
}

#topBar ul.footerLinks li a.currentStudentLink:hover
{
background: #36509D;
}

#topBar ul.footerLinks li a.employerLink:hover
{
background: #3B3C3D;
}

#topBar ul.footerLinks li a.whiteArrow
{
float: none;
padding:10px 25px 10px 10px;
background: url(http://www.anamata.ac.nz/images/style/white_arrow_right.png) center right no-repeat;
background-size: 14px 11px;
}

#topBar ul.footerLinks li.rightLink
{
float: right;
position: relative;
}

#topBar ul.footerLinks li.rightLink a
{
float: right;
position: relative;
display: block;
padding: 0px 25px;
margin: 0px 30px 0px 0px;
background: url(http://www.anamata.ac.nz/images/style/orange_button_bg.png) top left no-repeat;

}


/* ---------------------------------------- */

#bottomBar
{
float: left;
position: relative;
width: 100%;
height: 87px;
padding: 10px 0px 0px 0px;
background:#3B3C3D;
}

#bottomBar ul.leftLinks
{
width: 100%;
float: left;
position: relative;
margin: 0;
padding: 0;
}


#bottomBar ul.leftLinks li
{
width: auto;
line-height: 36px;
float: left;
position: relative;
}

#bottomBar ul.leftLinks li > a
{
text-transform: uppercase;
color: #b0b0b0;
text-decoration: none;
padding: 0px 10px;
}


#bottomBar ul.leftLinks li > a:first-child

{
margin: 0px 0px 0px 20px;
}

#bottomBar ul.leftLinks li a.whiteArrow
{float: none;padding:10px 25px 10px 10px;/* background: url(http://www.anamata.ac.nz/images/style/white_arrow_right.png) center right no-repeat; */background-size: 14px 11px;/* display: none; */}
#bottomBar ul.leftLinks li a.whiteArrow:after
{
    content:"";
    display:block;
    position:absolute;
    float: none;
    background: url(http://www.anamata.ac.nz/images/moodleOrangeHat.jpg) center right no-repeat;
    width: 33px;
    height: 33px;
    top: 1px;
    background-size: contain;
    /* left: 132px; */
    border-radius: 100%;
    padding: 0px;
}
a.facebookLink
{
float: none;
display: inline-block;
width: 29px;
height: 29px;
padding: 0;
margin: 0px -10px -10px 0px;
background: url(http://www.anamata.ac.nz/images/style/facebook_icon.png) top left no-repeat;
}

a.facebookLink span
{
display: none;
}

a.youtubeLink
{
float: none;
display: inline-block;
display:none;
width: 29px;
height: 29px;
padding: 0;
margin: 0px 63px -10px 0px;
background: url(http://www.anamata.ac.nz/images/style/youtube_icon.png) top left no-repeat;
}

a.youtubeLink span
{
display: none;
}

#bottomBar ul.leftLinks li.rightLink
{
float: right;
position: relative;
width: 550px;
padding: 0px 35px 0px 0px;
}

/* ---------------------------------------- */


#bottomBar ul.leftLinks li.rightLink #copyright
{
}

#bottomBar ul.leftLinks li.rightLink #copyright p
{
text-align: right;
line-height: 36px;
color: #595959;
font-family: arial;
margin: 0px 0px 0px 0px;
}

#bottomBar ul.leftLinks li.rightLink #copyright p a
{
text-decoration: none;
color: #595959;
}

#bottomBar ul.leftLinks li.rightLink #copyright p a:hover
{
color: #F28920;
}

/* ----------------- */

#content
{
float: left;
position: relative;
width: 1200px;
padding: 203px 0px 0px 0px;
background: none;
}

/* --------------------------------- */

/* --------------------------------- */

#leftCallouts
{
float: left;
position: relative;
width: 310px;
height: 300px;
overflow:hidden;
padding: 0;
margin: 0px 0px 0px 0px;
background: none;
}

#leftCallouts ul.moduleComponentContainerleftCallouts
{
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
background: none;
width: 310px;
height: 300px;
overflow:hidden;
}

#leftCallouts ul li.moduleComponentContainerleftCallouts
{
margin: 0:
padding: 0;
}

#leftCallouts h2
{
margin: 0:
padding: 0;
}

#leftCallouts a
{
float: left;
position: relative;
width: 270px;
padding: 10px 20px;
display: block;
line-height: 25px;
font-size: 19px;
text-transform: uppercase;
margin: 0px 0px 9px 0px;
background: #b4b4b4;
color: #fff;
text-decoration: none;
transition: all 0.2s ease-in;
}

#leftCallouts .moduleComponent26 a
{
float: left;
position: absolute;
top: 220px;
z-index: 4000;
bottom: 0;
left: 0;
height: 50px;
width: 270px;
padding: 8px 20px 12px;
display: block;
line-height: 25px;
font-size: 19px;
text-transform: none;
margin: 0px 0px 10px 0px;
background: #404040;
color: #fff;
font-style: italic;
text-decoration: none;
transition: all 0.2s ease-in;
}

.whatMakesUsDifferent #leftCallouts .moduleComponent26 a
{
top: auto;
}


#leftCallouts a:hover
{
background: #f38f2b;
}

/* --------------------------------- */

#headerImages
{
float: right;
position: relative;
width: 868px;
overflow: hidden;
min-height: 290px;
margin: 0px 0px 0px 0px;
}

#headerImages .moduleComponentContainerheaderImages
{

}

#headerImages .moduleComponentheaderImages
{

}

#headerImages .bannerImageContainer
{

}

#headerImages .bannerImageContainer img.bannerImage
{

}

#headerImages a.youtubeBannerLinkMask
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 499;
background: url(http://www.anamata.ac.nz/images/style/youtube_video_overlay.png) center no-repeat;
display:none;
}


.vision-and-mission #headerImages a.youtubeBannerLinkMask
{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 499;background: url(http://www.anamata.ac.nz/images/style/youtube_video_overlay.png) center no-repeat;display: none;}

#headerImages h2.bannerTitle
{
position: absolute;
bottom: 0;
right: 0;
z-index: 500;

line-height: 55px;
color: #fff;
margin: 0;
padding: 0px 100px 5px 50px;
font-size: 33px;
text-transform: lowercase ;
background: url(http://www.anamata.ac.nz/images/style/header_image_title_bg.png) top left no-repeat;
}



/* --------------------------------- */

#leftNavigation
{
float: left;
position: relative;
clear: left;
width: 285px;
margin: 65px 22px 0px 5px;
}

.courseOverviewLanding #leftNavigation
{
float: left;
position: relative;
clear: left;
width: 325px;
margin: 45px 22px 0px 325px;
}

.courseOverviewLanding #leftNavigation ul,
.courseOverviewLanding #leftNavigation ul li,
.courseOverviewLanding #leftNavigation ul li ul,
.courseOverviewLanding #leftNavigation ul li ul li
{
width: 300px;
}

.courseOverviewLanding #pageEditorContent
{
width: 420px;
padding-left: 30px;
margin-left: 20px;
}

#leftNavigation ul
{
margin: 0;
padding: 0;
list-style: none;
width: 285px;
float: left;
position: relative;
}


#leftNavigation ul
{
padding: 0px 0px 0px 0px;
}


#leftNavigation ul li ul
{
margin: 0;
width: 265px;
padding: 0px 0px 0px 20px;
list-style: none;
}

#leftNavigation ul li ul li ul
{
width: 245px;
padding: 0px 0px 0px 0px;
list-style: none;
}

#leftNavigation ul li
{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
position: relative;
}

#leftNavigation ul li a:before
{
content: "> ";
color: #f38f2b;
}

#leftNavigation ul li ul li a:before
{
content: none;

color: #f38f2b;
}
#leftNavigation ul li ul li ul li a:before
{
content: "> ";
color: #f38f2b;
}

#leftNavigation ul a.menu,
#leftNavigation ul a.menuSelected,
#leftNavigation ul a.childSelected
{
float: left;
position: relative;
text-indent: 10px;
width: 100%;
padding: 1px 0px;
display: block;
line-height: 22px;
font-size: 14px;
text-transform: none;
margin: 0px 0px 10px 0px;
background: none;
color: #363636;
text-decoration: none;
transition: all 0.2s ease-in;
}


#leftNavigation ul li ul li a.level1{
display: block;
background: #B4B4B4;
line-height: 24px;
padding: 4px 4px;
}

#leftNavigation ul li ul li ul li.level2 a{
background: none;
}

#leftNavigation ul a.menuSelected
{
font-weight: bold;
}

#leftNavigation ul a:hover
{
color: #3853A4;
}

.courseOverviewLanding #leftNavigation ul li a
{
display: none;
}

.courseOverviewLanding #leftNavigation ul li ul li a
{
display: block;
font-size: 26px;
line-height: 34px;
text-transform: uppercase;
}

.courseOverviewLanding #leftNavigation ul li ul li ul li a
{
line-height: 20px;
font-size: 14px;
margin: -6px 0px 10px 0px;
width: 100%;
text-transform: none;
}

#leftNavigation ul li ul li.level1
{
display: block;
}

#leftNavigation ul li ul a.level2
{
line-height: 20px;
font-size: 13px;
margin: -6px 0px 10px 0px;
width: 100%;
text-indent: 3px;

}


.courseOverviewLanding #leftNavigation ul li ul li a:before
{
content: "";
text-indent: 0px;
color: #f38f2b;
}

.courseOverviewLanding #leftNavigation ul li ul li a
{
text-indent: 0px;
}

.courseOverviewLanding #leftNavigation ul li ul li a.level2:before
{
content: "> ";
color: #f38f2b;
}

.courseOverviewLanding #leftNavigation ul li ul li a.level2
{
text-indent: -12px;
}


#pageEditorContent
{
float: left;
position: relative;

width: 797px;
background: none;
min-height: 300px;
border-left: 1px solid #d7d7d7;
margin: 47px 0px 0px 0px;
padding: 0px 35px 20px;
}

.whatMakesUsDifferent #pageEditorContent
{
float: right;
position: relative;

width: 797px;
background: none;
min-height: 300px;
border-left: none;
margin: 0px 0px 0px 0px;
padding: 0px 35px 0px 0px;
}


.whatMakesUsDifferent #leftCallouts,
ul.moduleComponentContainerleftCallouts
{
height: 394px !important;
margin-bottom: -42px;
}

/* ---------------------------------------- */

.slides-control .moduleComponentContainerhomeSlideshow li img.bannerImage
{
top: 0  !important;
left: 0  !important;
}


#navBar
{
float: right;
position: relative;
width: 177px;
min-height: 0px;
margin: 53px 0px 0px 10px;
line-height: 21px;
padding: 0px 0px 0px 0px;
color:#0a0a0a;
}

#navBar p
{
padding: 0px 0px 5px 0px;
margin: -6px 12px 27px 12px;
color: #2e2e2e;
font-size: 16px;
line-height: 20px;
border-bottom: 1px solid #CCC;
}


.navRecentLinks span.navheaders
{
display: block;
margin: 0px 0px;
font-size: 22px;
text-transform: uppercase;
font-weight: bold;
width: 177px;
height: auto;
line-height: 34px;
font-size: 14px;
text-indent: 0px;
margin: 0px 0px 0px 0px;
color:#3853a4;
}


.navRecentLinks ul
{
margin: 0;

padding: 5px 0px 0px;
margin: 0px 0px 15px 0px;
border: none;
border-top: 1px solid #e7e7e7;
background: none;
list-style: none;
}


.navRecentLinks ul li
{

}

.navRecentLinks ul li a
{
text-decoration: none;
color: #412907;
}

.navRecentLinks ul li a:hover
{
color: #F28920;
}

.navCategoryBlogLinks span.navheaders
{
display: block;
margin: 0px 0px;
font-size: 22px;
text-transform: uppercase;
font-weight: bold;
width: 177px;
height: auto;
line-height: 34px;
font-size: 14px;
text-indent: 0px;
margin: 0px 0px 0px 0px;
color:#3853a4;
}

.navCategoryBlogLinks ul
{
margin: 0;

padding: 5px 0px 0px;
margin: 0px 0px 15px 0px;
border: none;
border-top: 1px solid #e7e7e7;
background: none;
list-style: none;
}

.navCategoryBlogLinks ul li
{


}

.navCategoryBlogLinks ul li a
{
text-decoration: none;
color: #412907;
}

.navCategoryBlogLinks ul li a:hover
{
color: #F28920;
}

.navDateLinks span.navheaders
{
display: block;

margin: 0px 0px;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
width: 177px;
height: auto;
line-height: 34px;
font-size: 14px;
text-indent: 0px;
margin: 0px 0px 0px 0px;
color:#3853a4;
}

.navDateLinks ul
{
margin: 0;

padding: 5px 0px 0px;
margin: 0px 0px 15px 0px;
border: none;
border-top: 1px solid #e7e7e7;
background: none;
list-style: none;

}

.navDateLinks ul li
{

}

.navDateLinks ul li a
{
text-decoration: none;
color: #412907;
}

.navDateLinks ul li a:hover
{
color: #F28920;
}

#navBasicLinks
{
display: none;
float: left;
position: relative;
width: 100%;
}

.moduleItemsListingNews
{
float: left;
position: relative;
width: 590px;
padding: 0px 0px 0px 0px;
font-size: 12px;
}


.moduleItemsListingNews .moduleItemsListingItem
{
float: left;
position: relative;
height: auto;
border-bottom: none;
width:570px;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 0px;
border-bottom: 1px solid #d7d7d7;
color: #363636;
background: rgb(255,255,255);
background: rgba(255,255,255,0.3);
box-shadow: none;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage
{
float: left;
position: relative;
margin: 0px 15px 0px 0px ;
filter: alpha(opacity=100);
padding: 0px;
margin:0px;
}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage:hover
{
background: rgba(255,255,255,1);

}

.moduleItemsListingNews .moduleItemsListingItem .moduleItemImage img

{
border: 1px solid #ccc;
border-radius: 0px;
}


.moduleItemsListingNews .moduleItemsListingItem .moduleItemContent
{
line-height: 21px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
height: auto;
overflow: hidden;
}

.moduleItemsListingNews .moduleItemsListingItem .title
{
overflow: hidden;
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 20px;
color: #191919;
font-size: 22px;
text-transform: uppercase;
border-bottom: none;
}

.moduleItemsListingNews .moduleItemsListingItem h2
{
float: left;
position: relative;

width: 570px;
margin: 0;
padding: 0;

}

.moduleItemsListingNews .moduleItemsListingItem h2 a
{
color: #FFF;
text-decoration: none;
}



.moduleItemsListingNews .moduleItemsListingItem h3
{
margin: 0px 0px 0px 0px;
padding: 0;
}



.moduleItemsListingNews .moduleItemsListingItem h3 .title
{
line-height: 41px;
text-indent: 40px;
margin: 0px 0px 0px 0px;
font-size: 17px;
font-weight: 300;
color: #ef7c00;
text-transform: uppercase;
}

.moduleItemsListingNews .moduleItemsListingItem .date
{
position: absolute;
bottom: auto:
left: auto;
right: 20px;
top: 29px;
width: auto;
font-size: 12px;
color: #273252;
font-weight: 300;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
margin-bottom: 6px;
text-transform:capitalize;
border-left: none;
padding-left: 12px;
}

.moduleItemsListingNews .moduleItemsListingItem .readMore
{
position: relative;
bottom: auto:
left: auto;
right: auto;
top: 0px;
width: auto;
font-size: 12px;
color: #b67300;
font-weight: 300;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
margin-bottom: 6px;
text-transform:capitalize;
}

.moduleItemsListingNews .moduleItemsListingItem .readMore a
{
color: #F28920;
text-decoration: none;
}

.moduleItemsListingNews .moduleItemsListingItem .headerRating
{
float: right;
position: relative;
width: 80px;
margin: -15px -8px 0px 15px;
background: none;
text-align: right;
}

.moduleItemsListingNews .moduleItemsListingItem .headerRating .commentContainer
{
float: right;
}

.paginator
{
float: left;
positioN: relative;
width: 620px;
height: 6px;
border-top: 6px solid #dcf0f3;
padding: 20px 0px 0px;
margin: 0px 0px 20px ;
text-align: right;
color: #65a8c1;
font-size: 14px;
text-transform: uppercase;
font-family: 'Convergence', sans-serif;
word-spacing: 5px;
}

.paginator a
{
color: #ef7c00;
}

.moduleItemsListingNews .moduleItemsListingItem h3
{
border: none;
}

.moduleItemNews
{
float: left;
position: relative;
width: 580px;
margin: 0px 0px 0px 0px;

font-size: 14px;
color: #363636;
padding: 0px;
}

.moduleItemNews .moduleItemImage
{
float: right;
position: relative;
margin: 0px 0px 20px 20px;
box-shadow: none;

}

.moduleItemNews .moduleItemImage img
{
border-radius: 0px;
}

.moduleItemNews #moduleItemContent
{
float: left;
position: relative;
width: 580px;
}

.moduleItemNews .title

{
margin: 15px 0px;
color: #818285;
font-size: 22px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

.moduleItemNews .date
{
margin: 0px 0px;

color: #F28920;
font-size: 14px;
text-transform: uppercase;



font-family: 'Open Sans', sans-serif;
}


.moduleItemNews .headerRating
{
float: right;
position: relative;
margin: 0px;
background: none;
text-align: right;
}

.moduleItemNews .headerRating a
{
color: #b4b4b4;
text-decoration: none;
}

.moduleItemNews #moduleItemContentInner {
float: left;
position: relative;
width: 95%;
margin: 0px 0px 27px 0px;
}

.moduleItemNews .blogHeader
{
float: left;
position: relative;
width: 100%;
}

.moduleItemNews .blogHeaderInner
{
position: absolute;
top: 0;
right: 25px;
width: 350px;
text-align: right;
}

.moduleItemNews .blogHeaderInner .date
{
float: right;
position: relative;
margin-left: 18px;
padding-left: 18px;
border-left: 1px solid #5e4314;
font-weight: bold;
}


#comments h3
{
margin: -12px 0px 12px 0px;
padding: 0;
}

#comments .comment{
color: #363636;
background: #FFFFFF;
border-radius: 8px;
margin: 10px 0px 10px 10px;
padding: 20px 20px 40px 20px;

}

#comments .comment.level1{
margin-left: 0px;
}

#comments .comment.level2{
margin-left: 70px;
}


#comments .comment.level3{
margin-left: 140px;
}

#comments .comment.level4{
margin-left: 210px;
}

#comments .comment .date{
position: relative;
float: right;
}

#comments .comment .commentLinksContainer,
.ratingContainer{
position: relative;
height: 20px;
width: 150px;
float: right;
}

.commentContainer
{
float: left;
position: relative;
width: 100%;
min-height: 20px;
background: none;
}

.commentContainer a
{
text-decoration: none;
color: #969696;
}

a#commentLink
{
position: absolute;
top: 00px;
right: 8px;
text-decoration: none;
color: #ab6f00;
}

#comments .comment .replyLink,
.thumbsUp,
.thumbsDown,
.thumbsUpRating,

.thumbsDownRating{
position: relative;
float: right;
margin-left: 10px;
}

.comment span.name
{
line-height: 21px;
text-indent: 40px;
margin: 0px 0px 0px 0px;
font-size: 16px;
font-weight: 600;
color: #5d4213;
letter-spacing: 2px;
text-transform: uppercase;
font-family: 'Convergence', sans-serif;
}

#comments .comment .replyLink{
position: relative;
text-decoration: none;
}

.thumbsUp{
display:block;
width: 15px;
height: 15px;
cursor:pointer;
background: url(http://www.anamata.ac.nz/images/icons/thumbs.png) bottom left no-repeat;
}

.thumbsDown{
display:block;
width: 15px;
height: 15px;
cursor:pointer;
background: url(http://www.anamata.ac.nz/images/icons/thumbs.png) bottom right no-repeat;
}

.thumbsUp.clicked{
background-position: top left;
}
.thumbsDown.clicked{
background-position: top right;
}

#tagContainer
{
display: none;
}

.moduleItemBlog #facebook
{
float: left;
width: 150px;
margin: 10px 0px 10px 0px;
}

#facebook
{
float: left;
width: 150px;
margin: 10px 0px 10px 0px;
}

#twitter
{
float: left;
width: 100px;
margin: 10px 0px;
}


.pinterest
{
float: left;
width: 60px;
margin: 10px 0px;
}


#plusone
{
float: left;
width: 100px;
margin: 10px 0px;
}

#editComment
{
width: 100%;
}

#socialMediaContainer
{
float: left;
position: relative;
width: 635px;
height: 42px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#commentsContainer
{
float: left;
position: relative;
height: auto;
width: 635px;
margin: 0px 0px 15px 24px;
padding: 15px 0px 0px 0px;
}


#commentsContainer h2 a
{
float: right;
margin: 0px 15px 0px 0px;
font-size: 12px;
text-decoration: none;
color: #ef7c00;
}

#commentsContainer h2 a:hover
{
text-decoration: underline;
}

#commentsContainer .rating
{
float: left;
position: relative;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #CCC;
}

#commentsContainer .rating p
{
margin: 0px 0px 10px 0px;
padding: 0;
}


#commentsContainer .rating p.date
{
font-weight: bold;
margin: 0;
padding: 0;
}


/*--------------------------------------------------*/

/* Form Element (Email, newsletter, competition, survey) Styling ------------------------*/


#emailForm,
#subscribeForm,
#surveyTable,
#alertForm,
#registrationForm
{
float: right;
width: 100%;
background: none;
border: none;
margin: 15px 0px 0px 0px;
padding: 0px;
border-radius: 0px;
border-top: 1px solid #e0e0e0;
}

#alertForm
{
border-top: none;
}

#alertForm table#alertListing
{
border: none;
background: none;
width: auto;
}

#alertForm td
{
padding: 0;
}


body.iframe #emailForm #formTable
{
margin: 10px 0px 0px -30px;

}

#emailForm > table,
#subscribeForm > table,
#surveyTable > table,
#alertForm > table,
#registrationForm > table,
#passwordReminder
{
width: 100%;
margin:   35px 0% 0px 0px;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 25px solid #F7F7F7;
}


#emailForm table tr:nth-child(even) ,
#subscribeForm table tr:nth-child(even) ,
#surveyTable table tr:nth-child(even) ,
#alertForm table tr:nth-child(even) ,
#registrationForm tr:nth-child(even) ,
#emailForm table tr:nth-child(odd),
#subscribeForm table tr:nth-child(odd),
#surveyTable table tr:nth-child(odd),
#alertForm table tr:nth-child(odd),
#registrationForm table tr:nth-child(odd)
{
background: #F7F7F7;
}

#emailForm table td,
#subscribeForm table tr.even td,
#surveyTable table tr.even td,
#alertForm table tr.even td,
#registrationForm table tr.even td
{
padding: 0px;
background: none;
}

#emailForm table td,
#subscribeForm table tr.odd td,
#surveyTable table tr.odd td,
#alertForm table tr.odd td,
#registrationForm table tr.odd td
{
padding: 0px;
background: none;
}

body.iframe #emailForm,
body.iframe #pageSource p {
color: #8e8e8e;
}

body.iframe #emailForm #formTable
{
width: 100%;
background: none;
border: none;
padding: 0px;
border-radius: 0px;
box-shadow: none;
}

body.iframe #pageSource,
body.iframe #pageSource td.labelVertical span,
body.iframe #pageSource h2
{
color: #a7a7a7;
}

#emailForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
#alertForm td.labelHorizontal,
#registrationForm  td.labelHorizontal
{
width:30%;
vertical-align: top;
color: #333;
line-height: 36px;
padding: 0 5% 0 0 ;
}

body.iframe #emailForm td.labelHorizontal,
body.iframe #subscribeForm td.labelHorizontal,
body.iframe #surveyTable td.labelHorizontal,
body.iframe #alertForm td.labelHorizontal,
body.iframe #registrationForm  td.labelHorizontal
{
width: 30%;
vertical-align: top;

color: #a7a7a7;
padding: 0 5% 0 0 ;
}

#emailForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal,
#alertForm td,
#registrationForm  td.valueHorizontal
{
width: 65%;
vertical-align: top;
text-align: left;

}

#alertForm th{
background: none;
font-weight: normal;
text-transform: none;

}


#alertForm table#alertListing td
{
width: 30px;
}

#emailForm td.labelVertical,
#subscribeForm td.labelVertical,
#surveyTable td.labelVertical,
#alertForm th,
#registrationForm  td.labelVertical
{
color: #8e8e8e;
}

#emailForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup,
#registrationForm  td.valueHorizontal  .fgroup
{
font-size: 14px;
color: #333;

width: 100%;
margin:   10px 0% 10px 0px;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0px solid #ff0000;

}

#alertForm td.valueHorizontal .fgroup,
#alertForm td.valueHorizontal  .fgroup td{
margin: 0px !important;
border: 0px;
padding: 0px;

}

span.fieldNumber
{
font-weight: bold;
margin: 0px 10px 0px 0px ;
color:  #80BA26;


}

span.required
{
font-weight: bold;
color:  #f28920;
}

table.ftable td{ vertical-align:top; padding:0px;}



table.ftable td.flabel{ text-align:right;padding-right:10px; }
table.ftable td.fvalue{ text-align:left; }
table.ftable td.fcolumn{ text-align:center; }

input.ftxt, input.fmtxt, input.fstxt,input.fdate,textarea.fmtxt
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;
font-size: 14px;
width:96%;
float: right;
padding:  2%;
margin: 4px 0px 5px;
border-radius: 3px;
}

.fphcodetxt
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;
font-size: 14px;
width:10%;
float: left;
padding:  2%;
margin: 4px 10px 5px 0px;
border-radius: 3px;
}

select.fsel
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;
font-size: 14px;
width:96%;
padding:  2%;
margin: 4px 0px 5px;
border-radius: 3px;
}

.fphtxt
{
font-family:arial,helvetica,sans-serif;
background: #fff;




border: 1px solid #ccc;
font-size: 14px;
width:63%;
padding:  2%;
margin: 4px 0px 5px;
border-radius: 3px;
}

.fdate.hasDatepicker

{
float: left;
width: 48%;
}

.fdate.hasTimepicker
{
float: left;
width: 48%;
}

#ui-timepicker-div
{
z-index: 2000;
margin: -43px 0px 0px -2px !important;
}

select.fseldate
{
font-family:arial,helvetica,sans-serif;
background: #fff;
border: 1px solid #ccc;
font-size: 14px;
width:auto;
padding:  2%;
margin: 4px 10px 5px 0px;
border-radius: 3px;
}

body.iframe input.fmtxt, body.iframe input.fmtxt, body.iframe input.fstxt,body.iframe input.fdate,body.iframe textarea.fmtxt
{
margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;

-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 6px 30px;
color: #fff;
width:180px;
border-radius: 0px;
}



body.iframe textarea.fmtxt
{
height: 70px;
}

body.iframe td.valueVertical input.ftxt, body.iframe td.valueVertical input.fmtxt, body.iframe td.valueVertical input.fstxt,body.iframe td.valueVertical input.fdate,body.iframe td.valueVertical textarea.fmtxt

{
width:180px;

margin: 0px 0px 5px 0px;
background: #8e8e8e;
border: 1px solid #8e8e8e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
color: #a7a7a7;
}

input.ftxt:hover, input.ftxt:focus,
input.fmtxt:hover, input.fmtxt:focus,
input.fstxt:hover, input.fstxt:focus,
input.fdate:hover, input.fdate:focus{border: 1px solid #FCB714;}


input.fdate{width:150px; }
input.fstxt{width:50px; }

body.iframe select.fsel,body.iframe select.fseldate
{
background: #2e2e2e;
color: #fff;
border: 1px solid #6d6d6d;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 4px #000;
margin: 0px 0px 0px 30px;
}

body.iframe td.valueVertical select.fsel,body.iframe td.valueVertical select.fseldate
{
background: #2e2e2e;
color: #a8a8a8;
width:310px;
border: 1px solid #6d6d6d;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0px 0px 0px 0px;
}


select.fseldate{ width:auto; }

select.fseldate:hover,
select.fseldate:focus,
select.fseldate:hover,
select.fseldate:focus
{
-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
border: 1px solid #FCB714;
}

#formTable div
{
display: none;
}

#formTable div.buttonPanel
{
display: block;
}

.buttonBar, .buttonPanel {text-align: right;padding: 15px 0px 0px 0px;}

.buttonBar input, .buttonBar input.fsub, .buttonPanel input.fsub, input.fsub
{
background: #F28920;
border: none;
font-size: 14px;
padding: 8px;
width: 100px;
cursor: pointer;
border-radius: 3px;
text-transform: uppercase;
margin: 10px 0px 0px 0px;
color: #fff;
-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.buttonBar input:hover,
.buttonBar input.fsub:hover,
.buttonPanel input.fsub:hover,
input.fsub:hover
{
background: #d27518;
color: #fff;
}

body.iframe .buttonBar input, body.iframe input.fsub
{
background: none;
border: none;
font-size: 14px;
padding: 4px;
text-transform: uppercase;
width: 70px;
cursor: pointer;
border-radius: 2px;
text-align: center;
color: #0099e3;
font-weight: bold;
}

.msg

{
color: #FF0000;
margin: 10px 0px;
font-style: italic;
}

.finlinehelp
{
display: none;
}

#emailForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
#alertForm .reset,
#registrationForm .reset
{
display: none;
}


/*----------------------------------------------*/


/* Site Search ----------------------------------*/


.siteSearch span
{
font-size: 14px;
font-weight: bold;
}


.siteSearch form
{
margin: 12px 0px;
}

.siteSearch input.fsub
{
border: none;
font-size: 11px;
margin: 0px 3px 10px;
padding: 2px 6px;
cursor: pointer;
width: 50px;
}


.siteSearch input.textInput
{
font-size: 11px;
border: 1px solid #ccc;
padding: 3px 6px;
}

#searchResultDescription
{
margin: 0px 0px 10px;
}


#searchResultItems .searchResultItem

{
margin: 10px 0px 0px 0px;
}

#searchResultItems .title
{
font-weight: bold;
margin: 0px 0px 0px 10px;
}

#searchResultItems .description
{
margin: 8px 0px 0px 25px;
}



/* --------- Document Library Styles ---------------*/

#categoryNavigation
{
position:absolute ;
top: 20px;
right: 0px;
display: block;
width: 360px;
margin: 0px 0px 0px 0px;
}

#categoryNavigation .categorySelectHeader
{
position: relative;
float: left;
display: inline-block;
margin: 0px 0px 0px 0px;
text-align: right;
line-height: 35px;
}

#categoryNavigation select
{
float: right;
background: #FFF;
border: 1px solid #ccc;
font-size: 14px;
padding: 8px;
border-radius: 4px;
width: 250px;
margin: 0px 0px 15px;
}


#documentLibraryItems
{
position:relative;
border: none;
float: left;
width: 100%;
position: relative;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px ;

background: #fff;
border: 1px solid #efefef;
}

.documentLibraryItem
{
float: left;
position: relative;
width: 100%;
background: #fff;
padding: 0px 0px 0px 0px;
}

.documentLibraryItem:nth-child(even) { background: #fff}
.documentLibraryItem:nth-child(odd) { background: #f9f9f9 }

.documentLibraryItem a
{
color: #252525;
text-decoration: none;

}

.documentLibraryItem a:hover
{
text-decoration: underline;
}

.documentLibraryItem .title
{
float: left;
position: relative;
width: 59%;


padding: 10px 2% 0;
}

.documentLibraryItem .size
{
float: left;
position: relative;
width: 15%;
text-align: center;
color: #656565;
padding: 14px 0 0;
}

.documentLibraryItem .icon
{
float: left;
position: relative;

width: 17%;
padding: 8px 2% 0;
text-align: center;
font-size:11px;
text-transform: uppercase;
color: #f28920;
}


.documentLibraryItem .icon img
{
margin: 0px 0px -3px 0px;
}

.documentLibraryItem.heading
{
position:relative;
background: url(http://www.anamata.ac.nz/images/style/footer_tile.jpg) top center repeat-x;
color: #FFF;
}

.documentLibraryItem.heading .title
{
padding-bottom: 0px;

display: inline-block;
padding:9px 10px 9px 15px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-weight:600;
background: url(http://www.anamata.ac.nz/images/style/footer_tile.jpg) top center repeat-x;
}

.documentLibraryItem.heading .size
{
padding-bottom: 0px;


display: inline-block;
padding: 9px 10px 9px 0px;
text-indent: 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-weight:600;
text-align: center;
background: url(http://www.anamata.ac.nz/images/style/footer_tile.jpg) top center repeat-x;
}

.documentLibraryItem.heading .icon
{
padding-bottom: 0px;

display: inline-block;
padding: 6px 10px 0px 10px;
margin: 0px;
color: #fff;
text-transform: uppercase;
font-size:12px;
font-weight:600;
background: url(http://www.anamata.ac.nz/images/style/footer_tile.jpg) top center repeat-x;

}

.documentLibraryItem .description
{
float: left;
position: relative;
width: 98%;
padding: 0px 0px 10px 2%;
color: #666;
}

.document_library #categoryNavigation select
{
padding: 3px;
border: 1px solid #ccc;
font-size: 11px;
min-width: 200px;
margin: 10px 0px 0px 0px;
}


/*---- Calendar Elements -----------------*/


#categoryView.calendar
{
position: absolute;
top: -20px;
right: 30px;
width: 300px;
text-align: left;
font-size: 12px;
line-height: 20px;
z-index: 10;
}

#categoryView.calendar .viewSelectHeader
{
float: left;
position: relative;
width: auto;
}

#categoryView.calendar .viewSelectElement
{
float: left;
position: relative;
width: auto;
margin: -5px 0px 0px 10px;

}

#categoryView.calendar .viewSelectElement select
{
position: relative;
float: right;
top: 4px;
right: 0px;
margin: 0px 12px 0px 0px;
padding: 2px;
border: 1px solid #ccc;
width: 180px;
font-size: 11px;
background: #fff;
}

#categoryNavigation.calendar
{
position: absolute;
top: -17px;
right: 0px;
width: auto;
text-align: left;
font-size: 12px;
line-height: 20px;
z-index: 10;
}

#categoryNavigation.calendar .categorySelectHeader
{
float: left;
position: relative;
width: auto;
}

#categoryNavigation.calendar .categorySelectElement
{
float: left;
position: relative;
margin: 0px 0px 0px 10px;
}

#categoryNavigation.calendar .categorySelectElement select
{
position: relative;
float: right;
top: 6px;
right: 0px;
margin: 0px 12px 0px 0px;
padding: 2px;
border: 1px solid #ccc;
width: auto;
font-size: 12px;
background: #000;
}

.navCalendarViewLinks span
{
display: none;
}

.navCalendarViewLinks
{
position: absolute;
top: 0px;
right: 35px;
background: #DEDEDE;
border-radius: 0px;
overflow: hidden;
border: 1px solid #DEDEDE;
}

.navCalendarViewLinks a
{
display: block;
float: left;
height: 32px;
color: #404040;
font-size: 14px;
}

.navCalendarViewLinks a.bimonthly,
.navCalendarViewLinks a.monthly,
.navCalendarViewLinks a.weekly
{
text-align: center;
width: 120px;
line-height: 32px;
padding: 0px 0px 0px 0px;
background: url(../images/icons/icon_list_view.jpg) 0px 6px no-repeat;
background: none;
text-transform: uppercase;
text-decoration: none;
}


.navCalendarViewLinks a.calendar
{
text-align: center;
width: 120px;
line-height: 32px;
padding: 0px 0px 0px 0px;
background: url(../images/icons/icon_calendar_view.jpg) 0px 6px no-repeat;
background: none;
text-transform: uppercase;
text-decoration: none;
}

.navCalendarViewLinks a:hover
{
background: #f28920;
color: #fff;
}

.navCalendarViewLinks a.selected
{
background: #fff;
color: #404040;
}

.navCalendarViewLinks a.selected:hover
{
background: #fff;
color: #404040;
}

.navCalendarCategoryLinks
{
position: relative;
float: right;
width: 30%;
height: 30px;
text-align: right;
font-size: 11px;
line-height: 20px;
background: #404040;
color: #FFF;
margin: 10px 0px 20px 0px;
-webkit-border-radius: 0px 15px 15px 0px ;
-moz-border-radius: 0px 15px 15px 0px ;
border-radius: 0px 15px 15px 0px ;

}

.navCategoryLinks select
{
position: absolute;
top:01px;
right: 280px;
margin: 0px 12px 0px 0px;
padding: 6px 4px 4px 4px;
border: 1px solid #dedede;
width: auto;
height: 33px;
line-height: 33px;
font-size: 14px;
background: #fff;
color: #404040;
text-transform: uppercase;
}


#navDateLinks
{
position: relative;
float: left;
width: 99.9%;
margin: 40px 1px 0px;
height: 40px;
line-height: 40px;
font-weight: bold;
text-indent: 20px;
color: #fff;

font-size: 14px;
text-transform: uppercase;
text-align: center;
background: #404040;
}

#navDateLinks a,
#navDateLinks span.current
{
margin: 0px;
color: #fff;
font-size: 14px;
line-height: 24px;
text-transform: none;
font-weight: normal;
padding: 0px 10px;
text-decoration: none;
}

#navDateLinks a:hover
{
color: #f28920;
}

#navDateLinks span.current
{
color: #F28920;
font-size: 14px;
line-height: 24px;
}

#calendarTable
{
border: none;
margin: 0px 0px;
width: 100%;
border-collapse: collapse;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}

#calendarTable TD{
height:50px;
vertical-align:top;
background-color:#fff;
border: 1px solid #efefef;
border-top: none;
border-collapse: collapse;
}

#calendarTable TD.calendarHeader{
box-shadow: none;
border: none;
}

#calendarTable TD.blank{ border: none; background: url(http://www.anamata.ac.nz/images/style/full_width_bg.png); box-shadow: none;}

.calendar #calendarTable TD DIV.mday{
text-align:right;
color:#322F31;
font-weight:bold;
font-size:8pt;
}

.calendarBullets {
color:#AC9B8C;
}

#calendarTable TD.calendarHeader  {
width:14%;
background-color:#dedede;
font-size:14px;
padding:12px;
text-align:center;
height:auto;
color: #404040;
}

#calendarTable TD.long{ width:15%; }

#calendarTable TD{ font-size:12px;overflow:visible; padding:15px;}


#calendarItems
{
float: left;
position: relative;
width: 100%;
}

.calendarItem:nth-child(even) { background: #f9f9f9}
.calendarItem:nth-child(odd) { background: #FFF}


.calendarItem
{
float: left;
position: relative;
width: 97%;
margin: 0px 0px 0px;
padding: 15px 0px;
border-bottom: none;
}

.calendarItem .title
{
float: none;
position: relative;
width: auto;
padding: 8px 0px 10px;
margin: 0;
font-weight: normal;
margin: 0px;
color: #404040;
font-size: 26px;
line-height: 36px;
text-transform: none;
font-weight: normal;
}

.calendarItem .date
{

float: none;
position: relative;
width: auto;
padding: 5px 0px;
font-weight: bold;
font-size: 12px;
color: #f28920;
text-align: left;
}

.calendarItem .content
{
float: left;
position: relative;
width: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.calendarItem .content p
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
}


.calendarItem .calendarImage
{
float: left;
position: relative;
margin: 0px 25px 0px 0px;
width: 230px;
}

.calendarItem .calendarImage img
{
position:relative;
border-radius: 0px;
width: 230px;


}

.calendarItem .content p
{
margin: 0px 0px 10px;

padding: 0;
}

#calendarBack
{
float: left;
position: relative;
width: 100%;
padding: 10px 0px 0px 0px;
}

/*--------------------------------------------------*/



/* ----------------Back to top button ---------------- */

#back-top {
	position: fixed;
	bottom:110px;
right: 25px;
	margin-left: 0px;
z-index: 1000;
}
#back-top a {
	width: 42px;
height: 42px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;


	text-decoration: none;
	color: #000;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 42px;
	height: 41px;
	display: block;
	margin: 0px 0px 0px;
	background: url(http://www.anamata.ac.nz/images/style/up_arrow.png) no-repeat top center;
	/* rounded corners */
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	/* background color transition */
	-webkit-transition: opacity  1s;
	-moz-transition:  opacity 1s;
	transition: opacity 1s;

box-shadow: 1px 1px 7px -1px rgba(54, 55, 44,0.2);
}

#back-top a:hover span {
box-shadow: 1px 1px 7px -1px rgba(54, 55, 44,1);
background: url(http://www.anamata.ac.nz/images/style/up_arrow.png) no-repeat bottom center;
}

/*----------------------------------------------*/


.moduleItemsListingOurPeople
{
float: left;
position: relative;
width: 100%;
}

.moduleItemsListingOurPeople .moduleItemsListingItem
{
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #d7d7d7;
margin: 0px 0px 20px 0px;
padding: 10px 0px 10px 0px;
}

.moduleItemsListingOurPeople .moduleItemImage
{
float: left;
position: relative;
width: 240px;
}

.moduleItemsListingOurPeople img.thumbnail
{

}

.moduleItemsListingOurPeople .header
{
float: left;
position: relative;
width: 539px;
padding: 0px 0px 0px 17px;
}

.moduleItemsListingOurPeople p.h3.title
{
margin-bottom: 0px;
}

.moduleItemsListingOurPeople .moduleItemContent
{
float: left;
position: relative;
width: 526px;
padding: 0px 0px 0px 30px;
}





/*---------------------------------------------*/

.moduleComponentContaineremployerTestimonies
{
float: left;
position: relative;
width: 100%;
}

.moduleComponentemployerTestimonies

{
float: left;
position: relative;
width: 94%;
padding: 3%;

background: #f3f3f3;
margin: 0px 0px 25px 0px;
}

.moduleComponentemployerTestimonies .bannerImageContainer
{
float: left;
position: relative;
margin: 0px 25px 0px 0px;
}

.moduleComponentemployerTestimonies a.bannerLink
{

}

.moduleComponentemployerTestimonies img.bannerImage
{

}

.moduleComponentemployerTestimonies h2.bannerTitle
{

}

.moduleComponentemployerTestimonies h2.bannerTitle a
{

}

.moduleComponentemployerTestimonies .bannerHtmlContent
{

}

.moduleComponentemployerTestimonies a.bannerLinkMask
{

}


/*---------------------------------------------*/

.moduleComponentContainerstudentStories
{
float: left;
position: relative;
width: 100%;
}

.moduleComponentstudentStories
{
float: left;
position: relative;
width: 94%;
padding: 3%;
background: #f3f3f3;
margin: 0px 0px 25px 0px;
}

.moduleComponentstudentStories .bannerImageContainer
{
float: right;
position: relative;
margin: 0px 0px 0px 25px;
}

.moduleComponentstudentStories a.bannerLink
{

}

.moduleComponentstudentStories img.bannerImage
{

}

.moduleComponentstudentStories h2.bannerTitle
{

}

.moduleComponentstudentStories h2.bannerTitle a
{

}

.moduleComponentstudentStories .bannerHtmlContent
{

}

.moduleComponentstudentStories a.bannerLinkMask
{

}


/*----------------------------------------------*/




#howWeWorkLeadInContainer
{
position: relative;
float: left;
width: 835px;
height: 384px;
z-index: 40;
top: 0px;
margin: 0px 0px 30px 0px;
background: #363636;
}

#howWeWorkLeadInContainer .banner
{
position: relative;
float: left;
width: 835px;
height: 384px;
padding: 0px 0px;
background: none;
}

#pageEditorContent #howWeWorkLeadInContainer li:before {
content:"";
}


#howWeWorkLeadInContainer
{

}

#howWeWorkLeadInContainer h2
{
margin: 15px 0px 5px 20px;
color: #43a6a6;
font-size: 32px;
font-family: arial;
font-style: normal;
font-weight: bold;
}

#howWeWorkLeadInContainer p
{
font-family: arial;
font-size: 14px;
margin: 5px 0px 15px 20px;
}

#howWeWorkLeadInContainer p em
{


}


/*------- Tabber Styles -----------------------------*/

.ui-tabs { position: relative; padding: 0em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; font-weight: normal;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; font-weight: normal;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



#tabs
{
border-top: none;

width: 835px;
height: 384px;
padding: 0px 0px 0px 0px;
float: none;

position: relative;
top: 0px;
right: 0px;
}


#tabs ul.ui-tabs-nav
{
margin: 0;
padding: 10px 0px;
float: right;
position: relative;
width: 239px;
height: 386px;
top: 0px;
left: 0px;
z-index: 200;
list-style: none;
border-left: 2px solid #fff;
}

#tabs ul.ui-tabs-nav li
{











margin: 0;
padding: 0;
float: left;
position: relative;
display: block;
width: 239px;
height: auto;
background: none;

}

#tabs ul.ui-tabs-nav li:first-child
{
background: none;
}

#tabs ul.ui-tabs-nav li a
{
display: block;
height: auto;
width: 189px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 10px 25px;
line-height: 24px;
text-decoration: none;
color: #FFF;
font-size: 20px;
text-transform: none;
}

#tabs ul.ui-tabs-nav li a strong
{
display: block;
margin: 0px 0px 0px -0px;
padding: 0px 0px;
color: #F28920;
}

#tabs ul.ui-tabs-nav li.ui-tabs-selected a,
#tabs ul.ui-tabs-nav li a:hover
{
color: #FFF;
background: none;
}

#tabs ul.ui-tabs-nav li a span
{
display: none;
line-height: 19px;
font-size: 13px;
margin: 8px 0px 0px 0px;
}

#tabs ul.ui-tabs-nav li.active a span
{
display: block;
}


#tabs ul.ui-tabs-nav li a.tabLink1
{
display: block;
position: relative;

}

#tabs ul.ui-tabs-nav li a.tabLink1:hover,
#tabs ul.ui-tabs-nav li.active a.tabLink1
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

#tabs ul.ui-tabs-nav li a.tabLink2
{
display: block;
position: relative;

}

#tabs ul.ui-tabs-nav li a.tabLink2:hover,
#tabs ul.ui-tabs-nav li.active a.tabLink2
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

#tabs ul.ui-tabs-nav li a.tabLink3
{
display: block;
position: relative;

}

#tabs ul.ui-tabs-nav li a.tabLink3:hover,
#tabs ul.ui-tabs-nav li.active a.tabLink3
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

#tabs ul.ui-tabs-nav li a.tabLink4
{
display: block;
position: relative;

}

#tabs ul.ui-tabs-nav li a.tabLink4:hover,
#tabs ul.ui-tabs-nav li.active a.tabLink4
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

/*------- Tabber Styles -----------------------------*/

#ourKeyDifferenceTabs
{
border-top: none;
width: 835px;
height: auto;
padding: 0px 0px 0px 0px;
float: none;
background: #none;
position: relative;
top: 0px;
right: 0px;
}

#ourKeyDifferenceTabs h3
{
font-size: 20px;
font-weight: normal;
color: #363636;
text-transform: none;
margin: 45px 0px 22px;
padding: 0px 0px 5px;
border-bottom: 1px solid #afafaf;
}

#ourKeyDifferenceTabs h3:before
{
content: "";
}


#ourKeyDifferenceTabs ul.ui-tabs-nav
{
margin: 0;
padding: 0px 0px;
float: left;
position: relative;
width: 365px;
height: auto;
top: 0px;
left: 0px;
z-index: 200;
list-style: none;
border-left: none;
}

#ourKeyDifferenceTabs.ui-tabs ul.ui-tabs-nav li
{
margin: 0;
padding: 0;
float: left;
position: relative;
display: block;
width: 365px;
height: auto;
background: none;
white-space: normal;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li:first-child
{
background: none;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a
{
float: left;
display: inline-block;
height: auto;
width: 365px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 4px 15px;
line-height: 24px;
text-decoration: none;
color: #363636;
font-size: 13px;
text-transform: none;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a span
{
color: #f28920;
}


#ourKeyDifferenceTabs ul.ui-tabs-nav li:before
{
content: "";
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a:before
{
content:"\002022  ";
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a strong
{
display: block;
margin: 0px 0px 0px -0px;
padding: 0px 0px;
color: #F28920;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li.ui-tabs-selected a,
#ourKeyDifferenceTabs ul.ui-tabs-nav li a:hover
{
color: #363636;
background: #9f9f9f url(http://www.anamata.ac.nz/images/style/white_arrow_key.png) right center no-repeat;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a span
{
display: none;
line-height: 19px;

font-size: 13px;
margin: 8px 0px 0px 0px;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li.active a span
{

display: block;
}


#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink1
{
display: block;
position: relative;

}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink1:hover,
#ourKeyDifferenceTabs ul.ui-tabs-nav li.active a.tabLink1
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink2
{
display: block;
position: relative;

}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink2:hover,
#ourKeyDifferenceTabs ul.ui-tabs-nav li.active a.tabLink2
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink3
{
display: block;
position: relative;

}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink3:hover,
#ourKeyDifferenceTabs ul.ui-tabs-nav li.active a.tabLink3
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink4
{
display: block;
position: relative;

}

#ourKeyDifferenceTabs ul.ui-tabs-nav li a.tabLink4:hover,
#ourKeyDifferenceTabs ul.ui-tabs-nav li.active a.tabLink4
{
background:  url(http://www.anamata.ac.nz/images/style/white_arrow.png) 0px 15px no-repeat;
}

#ourKeyDifferenceTabs .ui-tabs-panel
{
float: right;
width: 380px;
margin: -20px 40px 0px 0px;
}

#ourKeyDifferenceTabs .ui-tabs-panel p
{
font-size: 13px;
line-height: 19px;
}


/*----------------------------------------------*/

.moduleComponentContainercourseOverviews
{

}

.moduleComponentContainercourseOverviews h3
{
border-top: 1px solid #D7D7D7;
margin: 40px 0px 30px 0px;
padding: 15px 0px 5px 0px;
font-size: 20px !important;
color: #0a0a0a;
}

.moduleComponentContainercourseOverviews .moduleComponentcourseOverviews
{
float: left;
position: relative;
width: 27%;
padding: 0 3% 0 3%;
margin: 0 0 3% 0;
min-height: 270px;
border-right: 1px solid #D7D7D7;
}

.moduleComponentContainercourseOverviews .moduleComponentcourseOverviews:nth-child(4n)
{
border-right: 1px solid #fff;
}

.moduleComponentContainercourseOverviews .moduleComponentcourseOverviews:nth-child(7n)
{
border-right: 1px solid #fff;
}

.moduleComponentContainercourseOverviews .moduleComponentcourseOverviews:hover h2.bannerTitle a
{
color: #F28920 !important;
}

.moduleComponentContainercourseOverviews h2.bannerTitle
{
font-size: 16px;
line-height: 21px;
margin-bottom: none;
}

.moduleComponentContainercourseOverviews h2.bannerTitle a
{

}

.moduleComponentContainercourseOverviews .bannerHtmlContent
{

}

.moduleComponentContainercourseOverviews .bannerHtmlContent p
{
font-size: 12px;
line-height: 18px;
}

.moduleComponentContainercourseOverviews a.bannerLinkMask
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url(http://www.anamata.ac.nz/images/blank.gif);
}

.menu
{
display:none;
}


/*----------------------------------------------*/

@media screen and (max-height:751px) {

	.moduleComponentContainerhomeSlideshow li div.container
	{
	position: absolute;
	top: 160px !important;
	right: 40px;
	}

	#footer
	{
	height: 90px !important;
	overflow: hidden;
	}

	.slides-control .moduleComponentContainerhomeSlideshow li img.bannerImage
	{
	position: fixed !important;
	width: auto  !important;
	height: auto  !important;
	top: 0  !important;
	left: 0  !important;
	}

	#slides
	{
	height: 750px !important;
	}

}

@media screen and (max-width: 1200px)
{

#header h1
{
margin: 6px 0px 0px 0px;
}

#header p
{
display: none;
}

.container
{
margin: 0px auto;
width: 768px;
text-align: left;
}

.bgContainer
{
width: 768px;
float: left;
position: relative;
height: auto;
}

#default #content
{
float: left;
position: relative;
z-index: 40;
width: 768px;
min-height: 400px;
margin: 0px 0px 160px 0px;
}

#leftCallouts
{
display: none;
}

#headerImages
{
width: 100%;
}

#headerImages .bannerImageContainer
{

width: 100%;
}
#leftNavigation
{
width: 215px;
margin: 25px 0px 0px 25px;
}


#leftNavigation ul
{
width: 215px;
}

.courseOverviewLanding #leftNavigation
{
width: 215px!important;
margin: 25px 0px 0px 0px!important;
}

#leftNavigation ul li ul
{
width: 205px;
}

#leftNavigation ul li ul li ul
{
width: 195px;
}

.courseOverviewLanding #pageEditorContent
{
float:right;
width: 367px!important;
margin: 15px 0px 0px 0px;
}

#pageEditorContent
{
width: 457px;
margin: 15px 0px 0px 0px;
}

#pageEditorContent img
{
max-width: 457px !important;
height: 100% !important;
}

#footer {
position: fixed;
width: 100%;
min-width: 768px;
height: 100px;
bottom: 0;
left: 0;
right: 0;
background: url(http://www.anamata.ac.nz/images/style/footer_tile.jpg) top center repeat-x;
clear: both;
z-index: 2000;
margin:0px;
padding: 0px;
font-size: 12px;
}

#pageEditorContent
{
border:none;
}

.moduleItemsListingOurPeople
{

}

.moduleItemsListingOurPeople .moduleItemImage img
{
display:none;
}

.moduleItemsListingOurPeople .moduleItemContent
{
width: 407px;
}


}


@media screen and (max-width: 820px)
{


#homeCallouts
{
display:none;
}


#header h1
{
margin: 6px 0px 0px 0px;

}

#header p
{
display: none;
}

.container
{
margin: 0px auto;
width: 480px;
text-align: left;
}

.bgContainer
{
width: 480px;
float: left;
position: relative;
height: auto;
}

#fullWidthHeaderTitle
{

}

#content
{
float: left;
position: relative;
z-index: 40;
width: 480px;
min-height: 400px;
margin: 0px 0px 0px 0px;
}


#header
{

width:100%;
overflow:visible;
}

#leftCallouts
{
display: none;
}

#headerImages .bannerImageContainer img.bannerImage
{
max-width:480px;
height:auto;
overflow:hidden;

}

h2.bannerTitle
{
display:none;
}

#headerImages
{
width: 100%;
min-height:130px!important;
}

#headerImages .bannerImageContainer
{
width: 100%;

}

.menu
{
display:block;
border:none;
position: absolute;
right: 0px;
top: 0px;
width:100px;
}

#navigation {
border-bottom: 0;
width:50%;
}


#navigation ul {
display: none;
height: auto;
padding: 0;
margin: 22px 0px 0px 0px!important;

}
#navigation a#pull {
display: block;
float: right;
margin: 0px 0px 0px 0px;
background-color: #3B3C3D;
width: 83%;
position: relative;
border-radius: 0px;
color: #fff;
font-size : 12px;
padding: 5px 11px 5px 8px;
text-decoration: none;
text-transform: uppercase;
}
#navigation a#pull:after {
content:"";
background: url('http://www.moca.net.nz/CONNOVATIONDEV/images/style/nav-icon.png') no-repeat;
background-size: 100% auto;
width: 15px;
height: 15px;
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
}

#navigation li {
display: block;
float: none;
width: 98%;
}

#navigation li a {
border-bottom: 1px solid #646464;
width: 98%;
}



#navigation ul li
{
margin: 0;
padding: 0;
background: #3B3C3D!important;
width:100%;
}

#navigation ul li a
{
color: #fff;
width:99%!important;
padding:7px 0px 7px 3px!important;
}

#navigation ul li ul
{
display:none!important;
}

#leftNavigation
{
width: 480px;
margin: 0px 0px 0px 0px!important;
}

#leftNavigation ul

{
width: 480px;
}


#leftNavigation ul li ul
{
width: 470px;
padding:0px!important;

}

#leftNavigation ul li ul li ul
{
width: 375px;
}

#pageEditorContent
{
width: 460px;
margin: 15px 0px 0px 0px;
padding: 0px 10px;
border: none;
border-top: 1px solid #ccc;

}

#pageEditorContent img
{
max-width: 400px !important;
height: 100% !important;
}

#footer {
display: none;
}

#pageEditorContent
{
border:none;
}


.breadcrumbs
{
display:none;
}

.siteSearchContainer
{
display:none;
}

p#back-top
{
display:none!important;
}


}
/* iPhone 2, 3, 4 */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 820px) {


#homeCallouts
{
display:none;
}


#header h1
{
margin: 6px 0px 0px 0px;

}

#header p
{
display: none;
}

.container
{
margin: 0px auto;
width: 820px;
text-align: left;
}

.bgContainer
{
width: 820px;
float: left;
position: relative;
height: auto;
}

#fullWidthHeaderTitle
{

}

#content
{
float: left;
position: relative;
z-index: 40;
width: 820px;
min-height: 400px;
margin: 0px 0px 0px 0px;
}


#header
{

width:100%;
overflow:visible;
}

#leftCallouts
{
display: none;
}

#headerImages .bannerImageContainer img.bannerImage
{
max-width:820px;
height:auto;
overflow:hidden;

}

h2.bannerTitle
{
display:none;
}

#headerImages
{
width: 100%;
min-height:130px!important;
}

#headerImages .bannerImageContainer
{
width: 100%;

}

.menu
{
display:block;
border:none;
position: absolute;
right: 0px;
top: 0px;
width:100px;
}

#navigation {
border-bottom: 0;
width:50%;
}


#navigation ul {
display: none;
height: auto;
padding: 0;
margin: 28px 0px 0px 0px!important;

}
#navigation a#pull {
display: block;
float: right;
margin: 0px 0px 0px 0px;
background-color: #3B3C3D;
width: 83%;
position: relative;
border-radius: 0px;
color: #fff;
font-size : 22px;
padding: 5px 11px 5px 8px;
text-decoration: none;
text-transform: uppercase;
}
#navigation a#pull:after {
content:"";
background: url('http://www.moca.net.nz/CONNOVATIONDEV/images/style/nav-icon.png') no-repeat;
background-size: 100% auto;
width: 15px;
height: 15px;
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
}

#navigation li {
display: block;
float: none;
width: 98%;
}

#navigation li a {
border-bottom: 1px solid #646464;
width: 98%;
}



#navigation ul li
{
margin: 0;
padding: 0;
background: #3B3C3D!important;
width:100%;
}

#navigation ul li a
{
color: #fff;
width:99%!important;
padding:7px 0px 7px 3px!important;
font-size:18px;
}

#navigation ul li ul
{
display:none!important;
}

#leftNavigation
{
width: 760px;
margin: 0px 0px 0px 0px!important;
}

#leftNavigation ul

{

width: 750px;
}


#leftNavigation ul li ul
{
width: 750px;
padding:0px!important;

}

#leftNavigation ul li ul li ul
{
width: 695px;
}

#pageEditorContent
{
width: 780px;
margin: 15px 0px 0px 0px;
padding: 0px 10px;
border: none;
border-top: 1px solid #ccc;

}

#pageEditorContent img
{
max-width: 780px !important;
height: 100% !important;
}

#footer {
display: none;
}

#pageEditorContent
{
border:none;
}


.breadcrumbs
{
display:none;
}

.siteSearchContainer
{
display:none;
}

p#back-top
{
display:none!important;
}

.moduleItemsListingOurPeople .moduleItemImage
{
display:none!important;
}

.moduleItemsListingOurPeople .moduleItemImage img
{
display:none!important;
}


}