html, body{
margin:0px;
}
html, input, textarea, select, option
{
font-family:calibri,sans-serif;
color:#333333;
font-size: 14px;
}
form
{
margin: 0px;
padding: 0px;
}
h1,h2,h3,h4,h5,h6
{
font-family: calibri;
}
h1
{
font-weight:bold;
font-size:20px;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
display: block;
color: #46494E ;
margin-top:8px;
}
h2
{
/*padding-left: 67px;*/
/*background: url(/images/templateimages/header_arrow_tag.png) no-repeat;*/
background-position: 0px 2px;
font-size: 28px;
color: #46494E;
min-height: 28px;
margin: 0px 0px 5px 0px;
white-space: nowrap;
overflow: visible;
display: block;
}
h2 span
{
font-size: 24px;
margin-top: 1px;
}
h2 span.smallflashheader
{
margin-left: -5px;
z-index: 1000;
padding-right: 0px;
width: 58px;
overflow: visible;
}
h2 span.smallflashheader object
{
margin-top: 5px;
}
h2 span.sIFR-replaced
{
float: left;
display: block;
font-size: 28px;
padding-left: 0px;
width: auto;
}
h2 span.smallflashheader .sIFR-flash
{
}
.smallflashheader
{
font-size: 21px;
}
.flashheader
{
margin-bottom: 0px;
}
H3{
font-weight:bold;
font-size:16px;
color:#46494E;
padding: 0px;
margin:0px;
margin: 0px 0px 7px 0px;
}
h4{font-weight: bold; color: #46494E; font-size: 1em; margin: 0px 0px 5px 0px;}
h5{margin:0px; padding:0px; margin-bottom: 5px; color:#46494E; font-size: 14px; font-weight: bold;}
h6{ color: #46494E}
p{margin: 10px 0px 10px;}
a{color: #46494E ; text-decoration: underline;}
a:hover{text-decoration: none;}
a img{ border: 0px;}
hr{ display:block; overflow:hidden; line-height: 0px; height: 0px; font-size: 0px; border: 0px; margin: 0px; padding: 0px; border-bottom: 1px dashed #aaaaaa; padding-top:12px; margin-bottom: 12px;}
td{ vertical-align: top;}
ul
{
list-style: none;
margin-left: 0px;
padding-left: 0px;
}
li
{
list-style: none;
margin-left: 0px;
background: url(images/templateimages/list_arrow.gif) no-repeat 0px 1px;
padding-left: 40px;
line-height: 18px;
margin-bottom: 10px;
}
.clearboth
{
clear: both;
}
/*------------TEMPLATE ELEMENTS---------------*/
html
{
background:#fff;
}
body
{
background:#ffffff;
}
#headerwrapper
{
position:relative;
z-index:200;
}
#logolinkswrapper,
#menu
{
width:990px;
margin:0px auto;
}
#logolinkswrapper
{
height:70px;
padding-top:10px;
}
#logopanel
{
float:left;
padding:0 0;
}
#logopanel img {
max-width:273px;
}
#toprightpanel
{
float:right;
/*width:222px;*/
/*padding-top: 24.5px;*/
}
#toprightpanel .link-list
{
margin:0;padding:0;
list-style:none;
display:block;
margin-bottom:13px;
float: right;
}
#toprightpanel .link-list a
{
margin:0;padding:0;
background:none;
display:block;
float:left;
margin-left:11px;
}
#toprightpanel .link-list a.first
{
margin-left:0;
}
#toprightpanel .link-list a.sorcer
{
margin-left:0;
}
#toprightpanel .link-list a img
{
display:block;
max-width: 36px;
border-radius: 6px;
}
form#topsearchpanel
{
margin:0;padding:0;
border:1px solid #c6c6c6;
}
/*#InputSearch
{
width: 174px;
height: 18px;
color: #007f85;
font-size:14px;
font-family:Verdana;
border: none;
padding:2px 8px;
margin:0;
display:inline-block;
float:left;
}*/
#ButtonSearch{
width:23px;
height:22px;
font-size:1px;
margin:0px;
background-image: url(/images/templateimages/bttn_go.jpg);
border: 0px;
cursor: pointer;
display:inline-block;
float:right;
}
#menuwrapper
{
height: 48px;
background-image: linear-gradient(top, #78BE20 19%, #78BE20 60%);
background-image: -o-linear-gradient(top, #78BE20 19%, #78BE20 60%);
background-image: -moz-linear-gradient(top, #78BE20 19%, #78BE20 60%);
background-image: -webkit-linear-gradient(top, #78BE20 19%, #78BE20 60%);
background-image: -ms-linear-gradient(top, #78BE20 19%, #78BE20 60%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.19, #78BE20 ),
color-stop(0.6, #78BE20 )
);
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#78BE20',
EndColorStr='#78BE20',
GradientType=0
);
}
#maincontainer,
#firstlevelfooterpanel
{
width: 990px;
margin: 0px auto;
padding: 20px 0;
height: 100%;
}
#maincontainer
{
padding-bottom: 15px;
}
.divBreadcrumbs,
.divBreadcrumbs a
{
font-size: 0.95em;
}
#breadcrumbContainer
{
margin-bottom: 15px;
}
#firstlevelfooterwrapper
{
/*background:url('/images/templateimages2013/FooterTopBgTile.png') repeat-x left top #46494E;*/
background-color: #46494E;
}
#firstlevelfooterwrapper h4
{
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#firstlevelfooterwrapper ul
{
margin:0;padding:0;
list-style:none;
margin-bottom:13px;
}
#firstlevelfooterwrapper ul li
{
margin:0;padding:0;
background:none;
display:block;
}
#firstlevelfooterwrapper ul li a
{
color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
#secondlevelfooterwrapper
{
/*background:url('/images/templateimages2013/FooterBgTile.png') repeat-x left top #BAB7B5;*/
background-color: #46494E;
}
#secondlevelfooterpanel
{
width: 990px;
margin: 0px auto;
padding: 32px 0;
}
#secondlevelfooterpanel .right
{
width:200px;
float:right;
text-align:right
}
#secondlevelfooterpanel .right a img {
width: 100%;
}
#footertoolspanel
{
width: 650px;
float:left;
padding-top:5px;
}
#footertoolspanel .footertool
{
float:left;
margin-right: 38px;
}
#footertoolspanel .lastfootertool
{
margin-right: 0px;
}
#footertoolspanel .footertool a,
#footertoolspanel .footertool img
{
float: left;
margin-right: 10px;
display: block;
color: #ffffff;
text-decoration: none;
font-size: 14px;
}
#footertoolspanel .footertool a
{
margin-top: 3px;
}
#fontsizeselectorwrapper
{
display: none;
position: absolute;
right: -20px;
top: -80px;
}
#fontsizetext
{
position: absolute;
right: -60px;
bottom: 0px;
color: #ffffff;
font-size: 14px;
}
/*-----------Email this page styles----------*/
#emailpageholder
{
width: 590px;
margin: 6px 0px 10px 0px;
}
#emailpageholder div
{
font-size: 12px;
}
#errorsummary
{
margin-bottom: 15px;
padding-top: 5px;
}
#errorsummary ul li
{
font-size: 12px;
}
.emailpagetitle
{
clear: both;
margin-bottom: 12px;
font-size: 14px;
}
#emailpageholder .leftcolumn
{
width: 225px;
margin-right: 25px;
}
#emailpageholder .rightcolumn
{
width: 330px;
}
#emailpageholder .row
{
border: 0px;
margin-bottom: 5px;
}
#emailpageholder .normalinput
{
height: 24px;
line-height: 20px;
padding-right: 0px;
padding-left: 5px;
margin: 0px;
width: 220px;
border: 1px solid #888888;
}
#emailpageholder .normaltextarea
{
height: 155px;
line-height: 18px;
margin: 0px;
border: 1px solid #666666;
width: 330px;
}
#emailpageholder input.blur
{
color: #888;
}
#emailpageholder #errorsummary,
#emailpageholder input.forminputerror
{
border: 1px dashed #900 !important;
color: #900;
background-color: #FFF2F2;
}
#errorsummary ul
{
margin-left: 10px;
}
#errorsummary ul li
{
color: #900;
background-image: url(/images/templateimages/li_arrow_error.jpg);
line-height: 14px;
padding-left: 15px;
}
#emailpageholder input.darkcolor
{
color: #20282B;
}
#emailpageholder input.submit
{
border: 0px;
background-color: Transparent;
width: 95px;
height: 21px;
background-image: url(/images/templateimages/bttn_sendit.jpg);
background-repeat: no-repeat;
cursor: pointer;
}
.ui-dialog .ui-dialog-content
{
overflow: hidden;
}
/*-----------End email this page styles----------*/
.hidden
{
display: none;
}
.floatleft
{
float: left;
}
.floatright{float: right;}
.content a,
.content a:VISITED,
.homepageContent a,
.homepageContent a:VISITED,
.rightnav a,
.rightnav a:VISITED,
.breadcrumbs a,
.breadcrumbs a:VISITED{
font-weight:bold;
color:#FF6600;
text-decoration:none;
}
.content a:HOVER,
.homepageContent a:HOVER,
.rightnav a:HOVER,
.breadcrumbs a:HOVER{
font-weight:bold;
color:#FF6600;
text-decoration:underline;
}
.breadcrumbs,
.breadcrumbs span{
color: #005B99;
font-weight:bold;
font-family:calibri, sans-serif;
}
.homepageContent{
vertical-align:top;
padding-top:1em;
padding-left:15%;;
}
.homepageContent p, .homepageContent ul{
margin:4px;
}
.maori{
font-family:calibri,sans-serif;
}
.whatshot{
width:182px;
text-align:left;
}
.whatshotTop{
background-color:#015B9B;
font-size:13px;
font-weight:bold;
color:white;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
text-align:left;
line-height:11px;
}
.whatshotMiddle{
border-right:2px solid #008489;
border-left:2px solid #008489;
border-top:2px solid #008489;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
text-align:left;
}
.sectionMenu{
font-size:.8em;
font-weight:bold;
text-align:center;
}
td.selected a,
td.selected a:visited,
td.unselected a,
td.unselected:visited{
color:#40A3A7;
text-decoration:none;
}
td.selected a:hover,
td.unselected a:hover{
color:#40A3A7;
text-decoration:underline;
}
/*-----------SIDE MENU STYLES-------------*/
.divSectionMenuExpanded{width:100%;text-align:left; margin-top: 2px;}
.divSectionMenuExpanded a{text-decoration:none;}
/*Item1*/
.divSectionMenuExpanded .item1
{
font-weight:bold;
/*background-image: linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -o-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -moz-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -webkit-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -ms-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.19, #BAB7B5),
color-stop(0.6, #46494E)
);
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#BAB7B5',
EndColorStr='#46494E',
GradientType=0
);*/
background-color: #46494E;
min-height: 27px;
height: auto !important;
height: 27px;
margin-bottom: 2px;
border-radius: 5px;
}
.divSectionMenuExpanded .item1 a
{
/*background: url(/images/templateimages/sub_menu_top_bg.jpg) no-repeat;*/
color:#ffffff;
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 8px;
position: relative;
padding-left: 35px;
}
.divSectionMenuExpanded .item1 a .linkwrap
{
width: 183px;
height: 5px;
position: absolute;
left: 0px;
bottom: 0px;
/*background: url(/images/templateimages/sub_menu_bottom_bg.jpg) no-repeat;*/
border-radius: 3px;
}
.divSectionMenuExpanded .item1 a .linkarrow,
.divSectionMenuExpanded .item1-selected a .linkarrow,
.divSectionMenuExpanded .item1-selected-children-displayed a .linkarrow
{
width: 21px;
height: 17px;
background: url(/images/templateimages/list_arrow.gif) no-repeat;
position: absolute;
top: 8px;
left: 5px;
}
.divSectionMenuExpanded .item1_hover,
.divSectionMenuExpanded .item1-selected,
.divSectionMenuExpanded .item1-selected-children-displayed
{
font-weight:bold;
background-image: linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -o-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -moz-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -webkit-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -ms-linear-gradient(top, #BAB7B5 19%, #46494E 60%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.19, #BAB7B5),
color-stop(0.6, #46494E)
);
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#BAB7B5',
EndColorStr='#46494E',
GradientType=0
);
min-height: 27px;
height: auto !important;
height: 27px;
margin-bottom: 2px;
border-radius: 5px;
}
.divSectionMenuExpanded .item1_hover a,
.divSectionMenuExpanded .item1-selected a,
.divSectionMenuExpanded .item1-selected-children-displayed a
{
/*background: url(/images/templateimages/sub_menu_top_bg_hover.jpg) no-repeat;*/
background-color: #BAB7B5;
color:#ffffff;
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 8px;
position: relative;
padding-left: 35px;
border-radius: 5px;
}
.divSectionMenuExpanded .item1_hover a .linkwrap,
.divSectionMenuExpanded .item1-selected a .linkwrap,
.divSectionMenuExpanded .item1-selected-children-displayed a .linkwrap
{
width: 183px;
height: 5px;
position: absolute;
left: 0px;
bottom: 0px;
/*background: url(/images/templateimages/sub_menu_bottom_bg_hover.jpg) no-repeat;*/
border-radius: 5px;
}
.divSectionMenuExpanded .item1-selected-children-displayed{}
.divSectionMenuExpanded .item1-selected-children-displayed a{}
/*Item2*/
.divSectionMenuExpanded .item2{padding-left:35px; padding-top:1px;padding-bottom:1px;font-weight:bold;}
.divSectionMenuExpanded .item2 a{color:#008489;}
.divSectionMenuExpanded .item2-selected{padding-left:35px;padding-top:1px;padding-bottom:1px;font-weight:bold;}
.divSectionMenuExpanded .item2-selected a{color:#FF6600;}
.divSectionMenuExpanded .item2-selected-children-displayed{padding-left:35px;padding-top:1px;padding-bottom:1px;font-weight:bold;}
.divSectionMenuExpanded .item2-selected-children-displayed a{color:#FF6600;}
/*Item3*/
.divSectionMenuExpanded .item3{padding-left:45px; padding-top:1px;padding-bottom:1px; background-image:url(images/line.gif); background-repeat:no-repeat; background-position:20px 50%;font-weight:bold;font-size:.9em;}
.divSectionMenuExpanded .item3 a{color:#008489;}
.divSectionMenuExpanded .item3-selected{padding-left:45px;padding-top:1px;padding-bottom:1px; background-image:url(images/line.gif); background-repeat:no-repeat; background-position:20px 50%;font-weight:bold;font-size:.9em;}
.divSectionMenuExpanded .item3-selected a{color:#FF6600;}
.divSectionMenuExpanded .item3-selected-children-displayed{padding-left:45px;padding-top:1px;padding-bottom:1px;background-image:url(images/line.gif); background-repeat:no-repeat; background-position:20px 50%;font-weight:bold;font-size:.9em;}
.divSectionMenuExpanded .item3-selected-children-displayed a{color:#FF6600;}
/*Item4*/
.divSectionMenuExpanded .item4{padding-left:40px; padding-top:1px;padding-bottom:1px;background-image:url(images/circle.gif); background-repeat:no-repeat; background-position:30px 50%;font-weight:bold;font-size:.9em;}
.divSectionMenuExpanded .item4 a{color:#FF6600;}
.divSectionMenuExpanded .item4-selected{padding-left:40px;padding-top:1px;padding-bottom:1px; background-image:url(images/circle.gif); background-repeat:no-repeat; background-position:30px 50%;font-weight:bold;font-size:.9em;}
.divSectionMenuExpanded .item4-selected a{color:#008489;}
.divSectionMenuExpanded .item4-selected-children-displayed{padding-left:40px;padding-top:1px;padding-bottom:1px;background-image:url(images/circle.gif); background-repeat:no-repeat; background-position:30px 50%;font-weight:bold;font-size:.9em;}
.divSectionMenuExpanded .item4-selected-children-displayed a{color:#008489;}
/*----- STYLES TO BE USED FOR NEWS AND JOBS -----*/
.JobsCategory-sectionTitle, .jobsCategories-controlTitle, .divNews-sectionTitle, .newsCategories-sectionTitle, .divNewsCategory-sectionTitle, .newsArchives-sectionTitle, .NewsArchive-sectionTitle {color:#005B99;font-size:1.3em;font-weight:bold;margin-top:10px;margin-bottom:5px;}
.jobsCategories-categoryTitle, .categoriesLink, .archiveLink, .currentNewsLink, .newsCategories-category, .newsArchives-link {padding-left:25px;}
.JobsCategory-job, .NewsArchive-article, .divNewsCategory-article, .divNews-article {padding-bottom:20px;}
.JobsCategory-postDate, .NewsArchive-date, .divNewsCategory-date, .divNews-date {padding-bottom:5px;font-size:smaller;}
.JobsCategory-title a:link {font-size: 1.2em; font-weight:bold}
.JobsCategory-title a:active {font-size: 1.2em; font-weight:bold}
.JobsCategory-title a:VISITED{font-size: 1.2em; font-weight:bold}
.JobsCategory-title a:HOVER{font-size: 1.2em; font-weight:bold}
.JobsCategory-additionalData {font-size: .95em; font-weight:bold}
/* .JobsCategory-preview, .divNewsCategory-content, .NewsArchive-content {padding-left:25px; border-top:thin dashed #EEEEEE; border-bottom:thin dashed #EEEEEE} */
img{
border:0;
}
img.twopixelpadding{margin:2px;}
img.fivepixelpadding{margin:5px;}
img.tenpixelpadding{margin:10px;}
img.twopixelpaddingrightalign{float:right;margin:2px;}
img.fivepixelpaddingrightalign{float:right;margin:5px;}
img.tenpixelpaddingrightalign{float:right;margin:10px;}
img.twopixelpaddingleftalign{float:left;margin:2px;}
img.fivepixelpaddingleftalign{float:left;margin:5px;}
img.tenpixelpaddingleftalign{float:left;margin:10px;}
/*---------CLEARFIX CODE -------------------- */
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
#headerwrapper #SearchPanel {
margin: 0 auto;
width: 990px;
margin-bottom: 20px;
}
#headerwrapper #SearchPanelInner {
float: left;
width: 860px;
color: #000;
font-size: 14px;
background-color: #BAB7B5;
padding: 11px 0;
font-family: Verdana, Arial;
}
#headerwrapper #SearchPanelInner .select-type {
float: left;
margin-top: 4px;
}
#headerwrapper #SearchPanelInner .search-form {
float: left;
width: 540px;
margin-left: 8px;
}
#headerwrapper #SearchPanel #search-in-site {
margin-left: 16px;
width: 20px;
}
#headerwrapper #SearchPanel #search-in-catalog {
margin-left: 10px;
}
#headerwrapper #SearchPanel #SearchWebsiteForm {
display: none;
}
#headerwrapper #SearchPanel #search-text,
#headerwrapper #SearchPanel #InputSearch {
width: 420px;
margin-left: 6px;
padding: 4px 12px;
font-size: 16px;
font-family: calibri,sans-serif !important;
color: #000;
}
#headerwrapper #SearchPanel #GoButton {
width: 34px;
height: 29px;
font-weight: bold;
background-color: #ececec;
border: none !important;
cursor: pointer;
margin-left: 0;
margin-top: 0;
}
#headerwrapper #SearchPanel #GoButton:hover {
background-color: #46494E;
color: #ececec;
}
#headerwrapper #SearchPanel #my-account-btn {
float: left;
width: 84px;
background-color: #46494E;
padding: 18px 23px;
text-decoration: none;
cursor: pointer;
color: #fff;
font-weight: bold;
font-size: 14px;
font-family: calibri,sans-serif !important;
}
#headerwrapper #SearchPanel #my-account-btn:hover {
color: #fff;
}