/* cmsms stylesheet: Wayward modified: Monday, July 29, 2024 2:10:49 PM */ /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */ * { margin: 0; padding: 0; } /*Set initial font styles*/ body { text-align: left; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:110%; line-height: 1.5em; } /*set font size for all divs, this overrides some body rules*/ div { font-size: 1em; } /*if img is inside "a" it would have borders, we don't want that*/ img { border: 0; } /*default link styles*/ a, a:link a:active { /* set all links to have underline */ text-decoration: underline; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background-color: inherit; /* this is a bluish color, you change this for all default link colors */ color: #18507C; } a:visited { /* keeps the underline */ text-decoration: underline; background-color: inherit; /* a different color is used for visited links */ color: #18507C; } a:hover { /* remove underline on hover */ text-decoration: none; background-color: inherit; /* using a different color makes the hover obvious */ color: #385C72; } /*****************basic layout *****************/ body { margin: 0; padding: 0; /* default text color for entire site*/ color: #333; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 80em; min-width: 50em; /* now that width is set this centers wrapper */ margin: 0 auto; background-color: #e1f0e1; color: #5d8655; } /* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */ div#header { /* adjust according your image size */ position: absolute; height: 210px; width: 1015px; margin: 50px auto 30px auto; padding: 0; /* you can set your own image here, will go behind h1 a image */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/images/header-page.png) no-repeat left top; } div#headercontent { position: relative; } div#headercontent h1 { /* adjust according your image size */ height: 120px; margin: 0; position: absolute; padding: 0; left: 26%; top: 84px; line-height: 0; font-family: 'Georgia', Times, serif; font-size: 2.9em; color: #f4f4f4; } div#header h1 a { margin: 0; /* this will make the "a" link a solid shape */ display: block; text-decoration: none; color: #f4f4f4; } div#header h1 a:visited { color: #f4f4f4; } div#header h2 { line-height: 1.2em; font-family: 'Georgia', Times, serif; font-size: 1.2em; position: absolute; left:264px; top:135px; color: #f4f4f4; } /* Just for MimoCool retirement */ div#header h5 { line-height: 1.2em; font-family: 'Georgia', Times, serif; font-size: 0.9em; position: absolute; left:26%; top: 165px; color: #f4f4f4; } div.crbk { /* sets all to 0 */ margin: 0; padding: 0; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainrtup.png) no-repeat right bottom; } div.breadcrumbs { /* CSS short hand rule first value is top then right, bottom and left */ padding: 1em 0em 1em 1em; /* its good to set font sizes to be relative, this way viewer can change his/her font size */ font-size: 90%; /* css shorthand rule will be opened to be "0px 0px 0px 0px" */ margin: 0px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainleftup.png) repeat-x left bottom; } div.breadcrumbs span.lastitem { font-weight: bold; } div#search { /* position for the search box */ float: right; /* enough width for the search input box */ width: 27em; text-align: right; padding: 0.5em 0 0.2em 0; margin: 0 1em; } /* a class for Submit button for the search input box */ input.search-button { border: none; height: 22px; width: 53px; margin-left: 5px; padding: 0px 2px 2px 0px; /* makes the hover cursor show, you can set your own cursor here */ cursor: pointer; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/search.gif) no-repeat center center; } div#content { /* some air above and under menu and content */ margin: 1.5em auto 2em 0; padding: 0px; } /* this gets all the outside calls that were used on the div#main before */ div.back1 { /* this will give room for sidebar to be on the left side, make sure this number is bigger than sidebar width */ margin-left: 29%; /* and some air on the right */ margin-right: 2%; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainrt1.png) no-repeat right top; } /* this is an IE6 hack, you may see these through out the CSS */ * html div.back1 { /* unlike other browser IE6 needs float:right and a width */ float: right; width: 69%; /* and we take this out or it will stop at the bottom */ margin-left: 0%; /* and some air on the right */ margin-right: 10px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainrt1.png) no-repeat right top; } div.back2 { /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainleft1.png) no-repeat left top; } div.back3 { /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/wbtmleft.png) no-repeat left bottom; } div#main { /* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */ padding: 10px 15px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/rtup.gif) no-repeat right bottom; } div.back #main { /* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */ padding: 10px 30px 1px 15px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/wtopleft.png) no-repeat left bottom; } div.back { /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */ margin-left: 29%; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/wtopleft.png) no-repeat left top; } div#sidebar { /* set sidebar left. Change to right, float: right; instead, but you will need to change the margins. */ float: left; /* sidebar width, if you change this change div.back and/or div.back1 margins */ width: 26%; /* FIX IE double margin bug */ display: inline; /* the 20px is on the bottom, insures space above footer if longer than content */ margin: 0px 0px 20px; padding: 0px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainrt1.png) no-repeat right top; } div#sidebara { padding: 13px 15px 3px 0px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainrtup.png) no-repeat right bottom; } div#sidebarb { padding: 10px 10px 1px 0px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/mainrtup.png) no-repeat right bottom; } div.footback { /* keep footer below content and menu */ clear: both; /* this sets 10px on right to let the right image show, the balance 10px left on next div */ padding: 0px 10px 0px 0px; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/wfootrt.png) no-repeat right top; } div#footer { /* this sets 10px on left to balance 10px right on last div */ padding: 0px 0px 0px 10px; /* color of text, the link color is set below */ color: #595959; /* you can set your own image here */ background: url(https://www.waywardmonitoring.co.nz/uploads/wayward/wtopleft.png) repeat-x left top; } div.leftfoot { float: left; width: 30%; margin-left: 20px } div#footer p { /* sets different font size from default */ font-size: 0.8em; /* some air for footer */ padding: 1.5em; /* centered text */ text-align: center; margin: 0; } div#footer p a { /* footer link would be same color as default we want it same as footer text */ color: #595959; } /* as we hid all hr for accessibility we create new hr with div class="hr" element */ div.hr { height: 1px; padding: 1em; border-bottom: 1px dotted black; margin: 1em; } /* relational links under content */ div.left49 { /* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ width: 49%; } div.right49 { float: right; width: 49%; /* set right to keep text on right */ text-align: right; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { /* font size for h1 */ font-size: 2em; line-height: 1em; margin: 0; } div#content h2 { color: #294B5F; /* font size for h2 the higher the h number the smaller the font size, most times */ font-size: 1.5em; text-align: left; /* some air around the text */ padding-left: 0.5em; padding-bottom: 1px; /* set borders around header */ border-bottom: 1px solid #899092; border-left: 1.1em solid #899092; /* a larder than h1 line height */ line-height: 1.5em; /* and some air under the border */ margin: 0 0 0.5em 0; } div#content h3 { color: #294B5F; font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.5em 0; } div#content h4 { color: #294B5F; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; } /* END HEADINGS */ /* TEXT */ p { /* default p font size, this is set different in some other divs */ font-size: 1em; /* some air around p elements */ margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style: italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* LISTS */ /* lists in content need some margins to look nice */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 3em; } /* definition lists topics on bold */ div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } br.clearboth { clear: both; } /* END LISTS */ div.contactform label { width: 12em; display: inline-block; text-align: right; margin-right: 10px; color: #689972; } div.contactform input[type="text"], div.contactform input[type="email"], div.contactform textarea { margin: 10px 10px 15px 10px; display: inline-block; color: #5d8655; } div.contactform input[type="submit"] { margin: 10px 10px 15px 10px; padding: 10px; margin-left: 13em; color: #0BBB63; } div.contactform div:after { clear: both; } div.swatch { width:100px; height: 30px; } div.wwback10 { background-color:#BF0000; } div.wwback21 { background-color:#136811; } div.wwback22 { background-color:#0BBB63; } div.wwback23 { background-color:#5d8655; } div.wwback24 { background-color:#689972; } div.wwback25 { background-color:#29DD00; } div.wwback30 { background-color:#0003FF; } div.wwback40 { background-color:#e1f0e1; } div.publicity_image { height: 400px; overflow-y: scroll; } /* cmsms stylesheet: Wayward Layout modified: Monday, December 4, 2023 9:21:20 AM */ @font-face {font-family: 'simplex';src: url('https://www.waywardmonitoring.co.nz/uploads/simplex/fonts/simplex.eot');src: url('https://www.waywardmonitoring.co.nz/uploads/simplex/fonts/simplex.eot?#iefix') format('embedded-opentype'),url('https://www.waywardmonitoring.co.nz/uploads/simplex/fonts/simplex.woff') format('woff'),url('https://www.waywardmonitoring.co.nz/uploads/simplex/fonts/simplex.ttf') format('truetype'),url('https://www.waywardmonitoring.co.nz/uploads/simplex/fonts/simplex.svg#simplex') format('svg');font-weight: normal;font-style: normal;}[class^="icon-"], [class*=" icon-"] {font-family: 'simplex';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-arrow-up:before {content: "\e600";}.icon-arrow-left:before {content: "\e601";}.icon-search:before {content: "\e603";}.icon-printer:before {content: "\e604";}.icon-linkedin:before {content: "\e605";}.icon-pinterest:before {content: "\e606";}.icon-youtube:before {content: "\e607";}.icon-facebook:before {content: "\e608";}.icon-google:before {content: "\e609";}.icon-twitter:before {content: "\e60a";}.icon-link:before {content: "\e602";}.leftaligned {margin-left: 0;}.rightaligned {margin-right: 0;}body#boxed {background: #f4f4f4 url(https://www.waywardmonitoring.co.nz/uploads/wayward/images/body-background.png) repeat;}body.fullwidth .row {max-width: none;}a img {border: none;}.right {float: right;}.left {float: left;}.spacing {margin: 15px;}.spacing.left {margin-right: 0;}.spacing.right {margin-left: 0;}.border {border: 2px solid #e9e9e9;}pre, code, kbd, samp {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555;}pre code {line-height: 1.4;font-size: .8125em;}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}*:first-child+ html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto;}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto;}hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0;}a {color: #BF0000;}a.external {text-decoration: none;}a:visited {color: #BF0000;}a:hover {color: #29DD00;text-decoration: underline;}a:focus {outline: thin dotted;}a:hover, a:active {outline: 0;}a.external:after {content: "\e602";padding-left: 4px;font-family: 'simplex';text-decoration: none;}h1, h2 {font-family: 'Verdana', Arial, serif;font-weight: 700;}h3, h4, h5, h6 {font-weight: 400;}h1 {color: #136811;margin: 10px 0;font-size: 1.8em; line-height: 1.1em;}h2 {color: #0BBB63;font-size: 1.7em; padding-bottom: 20px;}h3 {color: #136811;font-size: 1.5em; }h4 {color: #0BBB63;font-size: 1.375em; }h5 {font-size: 1.25em }h6 {font-size: 1.125em; }blockquote, blockquote p {font-size: 1.0625em;line-height: 1.5;color: #555;font-style: italic;font-family: Georgia, Times New Roman, serif;}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1;}blockquote cite {display: block;font-size: .941176em;color: #555;}blockquote cite:before {content: "\2014 \0020";}blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}.page-wrapper {border-top: 5px solid #f39c2c;margin-bottom: 15px;}#boxed #wrapper {margin-top: 15px;border-top: 5px solid #5d8655;/*background: #fff;*/background: #e1f0e1;box-shadow: 0 0 15px 0 #c6c6c6;max-width: 1280px;}#boxed.page-wrapper {border-top: none;}.inner-section {padding-left: 20px;padding-right: 20px;}.logo {margin-top: 20px;text-align: center;}.logo a {display: block;}.top .header {border-bottom: 1px solid #f1f1f1;}body.page-new-home div.home-panel {font-size: 1.3em;border-radius: 20px;background-color: #95DE7C;padding:20px;margin: 10px;width: 350px;position: relative;}body.page-new-home div.panel1 {left: 80px;top:140px;background: url('/uploads/wayward/images/home-pan1.png') no-repeat 0 0;}body.page-new-home div.panel2 {left: 80px;top:140px;width: 300px;}body.page-new-home div.panel3 {left: 80px;top:140px;width: 300px;}body.page-new-home div.panel4 {left: 80px;top:140px;width: 380px;}body.page-new-home div.panel5 {left: 80px;top:240px;width: 400px;}body.page-new-home div.panel6 {left: 180px;top:290px;width: 430px;}body.page-new-home div.panel7 {left: 180px;top:290px;width: 430px;}.phrase span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #689972;font-weight: 700;font-size: 1.5em; }.search {text-align: right;}input.search-input::-webkit-search-decoration, input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance: none;}.search .icon-search {margin-left: -25px;display: inline-block;height: 24px;line-height: 24px;text-align: center;width: 24px;position: relative;z-index: 10;color: #689972;top: 3px;}.search ::-webkit-input-placeholder,.search ::-moz-placeholder,.search input[placeholder] {line-height: normal;}input.search-input {border: 1px solid #f1f1f1;line-height: normal;outline: 0;padding: 6px 0 6px .5%;font-size: .6875em; color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;max-width: 99.5%;}input.search-input:focus {border: 1px solid #f39c2c;box-shadow: 0 0 3px #f39c2c;-webkit-box-shadow: 0 0 3px #f39c2c;-moz-box-shadow: 0 0 3px #f39c2c;-o-box-shadow: 0 0 3px #f39c2c;}#main-menu {margin-top: 25px;}#main-menu > li {display: block;border-bottom: 1px dotted #f1f1f1;position: relative;}#main-menu > li:last-child {border-bottom: none;}#main-menu > li > a,#main-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;text-decoration: none;font-size: 1.0625em; font-weight: 700;cursor: pointer;padding: 8px 0;display: block;position: relative;}#main-menu > li.current > a,#main-menu > li.current.sectionheader > span,#main-menu > li:hover > a,#main-menu > li.sectionheader:hover > span {color: #fff;background-color: #689972;}#main-menu > li > ul,#main-menu > li > ul > li > ul {position: absolute;left: -999em;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {position: relative;left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {text-decoration: none;color: #555;text-transform: uppercase;display: block;padding: 4px 0;}#main-menu > li > ul > li:hover > a,#main-menu > li > ul > li.sectionheader:hover > span,#main-menu > li > ul > li > ul > li:hover > a,#main-menu > li > ul > li > ul > li.sectionheader:hover > span {color: #fff;}#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {padding-left: 15px;font-size: .875em;text-transform: none;}#main-menu > li > a i,#main-menu > li > ul > li > a i,#main-menu > li.sectionheader > span i,#main-menu > li > ul > li.sectionheader > span i {float: right;position: relative;padding-top: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}#main-menu > li:hover > a i,#main-menu > li.active > a i,#main-menu > li > ul > li:hover > a i,#main-menu > li > ul > li.active > a i,#main-menu > li.sectionheader:hover > span i,#main-menu > li.active.sectionheader > span i,#main-menu > li > ul > li.sectionheader:hover > span i,#main-menu > li > ul > li.active.sectionheader > span i {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}.content-wrapper {padding-top: 300px;}.content-top {font-family: Georgia, Times New Roman, serif;color: #555;font-style: italic;line-height: 20px;position: relative;}.content-top .title-border {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}.breadcrumb {display: inline-block;background: #fff;width: auto;padding-right: 6px;z-index: 1;position: relative;}.breadcrumb a {color: #555;display: inline-block;width: auto;background: #fff;}a.printbutton {display: none;}.content .news-summary span.heading {display: none;}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9;}.content .news-summary ul.category-list {margin: 15px 0;}.content .news-summary ul.category-list li a, .news-summary ul.category-list li span {border-radius: 4px;}.news-summary ul.category-list li span {opacity: .4;}.news-article h2 {margin: 0 0 15px 0;}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;font-size: 16px;text-decoration: none;font-weight: 700;}.news-article .date {background: #f39c2c;color: #fff;display: block;float: left;width: 40px;padding: 6px;height: 40px;border-radius: 26px;text-align: center;font-family: Georgia, Times New Roman, serif;}.news-article .day {font-size: 20px;line-height: 1;padding-bottom: 2px;font-style: italic;display: block;}.news-article.month {font-size: 11px;display: block}.news-article .author, .news-article .category {font-family: Georgia, Times New Roman, serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic;}.news-summary ul.category-list {margin: 15px 0 -1px 0;padding: 0;list-style: none;}.news-summary ul.category-list li {float: left;display: block;width: auto;margin-right: 5px;}.news-summary ul.category-list li a, .news-summary ul.category-list li span {display: block;color: #555;padding: 4px 8px;background: #f1f1f1;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase;}.news-summary ul.category-list li a:hover {color: #0BBB63;}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #f1f1f1;padding: 10px;margin: 10px 0;}.more, .more a,.zzback, .zzback a,.previous a, .next a, .previous, .next {font: italic 12px/1.3 Georgia, Times New Roman, serif;color: #555;text-decoration: none;}.more a:hover, .back a:hover, .previous a:hover, .next a:hover {text-decoration: underline;}.previous, .next {padding: 6px 0;}.previous {float: left;}.next {float: right;}.sidebar .news-summary span.heading {position: relative;color: #555;font: normal 1em/1.25 Georgia, Times New Roman, serif;margin: 0 0 15px 0;display: block;}.sidebar .news-summary span.heading:after {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #fff;padding-right: 6px;position: relative;z-index: 10;}.sidebar .news-article {padding: 15px;position: relative;background: #f1f1f1;margin-bottom: 20px;border-radius: 0 0 6px 0;font-size: .8125em; }.sidebar .news-article:before {content: '';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #f1f1f1;}.lt-ie9 .sidebar .news-article:before {display: none;}.footer {position: relative;border-top: 8px solid #f1f1f1;margin: 25px 0 10px 0;padding-top: 20px;padding-bottom: 20px;}.footer:before {content: ' ';border-top: 2px dotted #fff;border-bottom: 2px dotted #fff;height: 4px;display: block;position: absolute;width: 100%;top: -8px;left: 0;}.copyright {padding-top: 15px;}.copyright-info {color: #555;font-size: .6875em; }.footer ul.social {padding: 0;margin: 0;list-style: none;text-align: center;}.footer .social li {display: inline;margin: 0;padding: 0;margin-right: 6px;}.footer .social li a {display: inline-block;text-decoration: none;font-size: 2.625em;line-height: 1;color: #555;}.footer .social li a:hover {color: #f39c2c;}.footer .social li a i {display: inline-block;}.back-top a {display: inline-block;width: 16px;height: 16px;line-height: 16px;padding: 8px;border: 5px solid #fff;text-decoration: none;color: #555;background-color: #f1f1f1;border-radius: 500px;-webkit-border-radius: 500px;-moz-border-radius: 500px;-o-border-radius: 500px;position: absolute;top: -24px;left: 50%;margin-left: -12px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}.back-top a:hover {background-color: #f39c2c;color: #fff;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}.footer-navigation {padding-top: 15px;border-bottom: 1px solid #f1f1f1;}#footer-menu li > a,#footer-menu li.sectionheader > span {color: #555;display: block;text-decoration: none;}#footer-menu li > a:hover,#footer-menu li > a.current,#footer-menu li.sectionheader > span:hover,#footer-menu li.sectionheader > span.current {color: #f39c2c;}#footer-menu > li > a,#footer-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;text-decoration: none;display: block;}#footer-menu > li > ul > li > a,#footer-menu > li > ul > li.sectionheader > span {font-size: .875em; padding: 2px 0;}#footer-menu > li > ul {margin: 15px 0;}span#brandkiwi {position: absolute;left: 0;height: 145px;padding: 10px;width: 160px;margin: 0 auto 0 37px;border-style: solid;border-top-width: 12px;border-top-color: #BF0000;border-bottom-width: 12px;border-bottom-color: #0003ff;border-left-width: 0px;border-right-width: 0px;}div#header img.brandkiwi {position: absolute;display: inline-block;width: 100px;height: auto;left: 17%;top: 24px;margin-top:10px;}div#header p.brandkiwi {position: absolute;left: 21px;top: 140px;color: #ffffff;font-size: 0.9em;}div#page_gallery .panel {display: flex;padding: 10px;margin: 10px;box-sizing: border-box;width:350px;float:left;}div#page_gallery .panel>div {flex: 1;margin: 0;box-sizing: border-box;}div#page_gallery div.gal-text {padding:10px;background-color: #136811;color: #ffffff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}div#page_gallery div.gal-image {overflow:auto;}div#page_gallery div.gal-image div {border-top-right-radius: 10px;border-bottom-right-radius: 10px;}div#page_gallery div.gal-image>div {height:0;min-height:100%;overflow: hidden;}div#page_gallery div.gal-text a {color: #29DD00;}div#page_gallery div.gal-text p.excerpt {font-size: 90%;}div#page_gallery div.gal-text a:hover {color: #F6FB6C;}@media screen and (min-width: 768px) {.lt-768 {display: none;}.logo {margin-top: 12px;position: relative;text-align: left;}.logo .palm {position: absolute;top: 5px;left: 45px;background: url(https://www.waywardmonitoring.co.nz/uploads/simplex/images/palm-circle.png) no-repeat;display: block;width: 48px;height: 48px;transition: transform 0.6s ease-out;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}.logo a:hover .palm {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}nav.main-navigation {z-index: 990;height: 55px;line-height: 37px;margin-top: 20px;}#main-menu {float: right;margin-top: 0;}#main-menu > li {display: inline-block;padding: 0;margin: 0 4px;border: none;position: relative;}#main-menu > li i {display: none;}.touch-device #main-menu > li i {display: inline-block;float: none;}.touch-device #main-menu > li li i {float: left;display: inline-block;margin-right: 8px;padding-top: 2px;text-align: left;}.touch-device #main-menu > li:first-child li i {float: right;}#main-menu > li:first-child, #main-menu > li.first {margin-left: 0;}#main-menu > li:last-child, #main-menu > li.last {margin-right: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 10px 0 10px;line-height: 37px;font-size: 1em;}#main-menu > li.parent:hover > a,#main-menu > li.sectionheader.parent:hover > span,#main-menu > li.parent.active > a,#main-menu > li.parent.active > span {color: #fff;background-color: #555;}#main-menu > li > ul,#main-menu > li > ul > li > ul {display: block;width: 260px;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {height: auto;position: absolute;z-index: 9999;top: 37px;right: 0;left: auto;display: block;border-radius: 3px;}#main-menu > li:first-child:hover > ul,#main-menu > li:first-child.active > ul {right: auto;left: 0;}#main-menu > li > ul > li {position: relative;line-height: 1;margin: 0;padding-left: 10px;}#main-menu > li:first-child > ul > li {padding-right: 10px;padding-left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {color: #e1f0e1;display: block;text-transform: none;line-height: 1.2;border-bottom: 1px dotted #858585;background-color: #555;padding: 8px 12px;font-size: .875em; text-decoration: none;}#main-menu > li > ul > li > a:hover,#main-menu > li > ul > li.sectionheader > span:hover,#main-menu > li > ul > li > ul > li > a:hover,#main-menu > li > ul > li > ul > li.sectionheader > span:hover {color: #fff;background-color: #0BBB63;}#main-menu > li > ul > li.current > a,#main-menu > li > ul > li.current.sectionheader > span,#main-menu > li > ul > li > ul > li.current > a,#main-menu > li > ul > ul > li > li.current.sectionheader > span {color: #f39c2c;}#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {width: 250px;height: auto;top: 0;right: auto;left: -250px;}#main-menu > li:first-child > ul > li:hover > ul,#main-menu > li:first-child > ul > li.active > ul {left: auto;right: -250px;}.lt-ie9 #main-menu > li > ul > li:hover > ul,.lt-ie9 #main-menu > li > ul > li.active > ul {left: -247px;}#main-menu > li > ul > li:hover > ul:after,#main-menu > li > ul > li.active > ul:after {content: ' ';width: 0px;height: 0px;border-style: solid;border-width: 7px 0 7px 6px;border-color: transparent transparent transparent #555;position: absolute;right: -6px;top: 12px;}.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul,.lt-ie9 #main-menu > li:first-child > ul > li.active > ul {left: auto;right: -247px;}#main-menu > li:first-child > ul > li:hover > ul:after,#main-menu > li:first-child > ul > li.active > ul:after {left: -10px;right: auto;}#main-menu li ul li a:hover,#main-menu li ul li span.sectionheader:hover {box-shadow: 0 0 5px rgba(85, 85, 85, .9);z-index: 2;}#main-menu > ul > li:last-child > a,#main-menu > ul > li.sectionheader:last-child > span,#main-menu > ul > li > ul > li:last-child > a,#main-menu > ul > li > ul > li.sectionheader:last-child > span {border-bottom: none;}.header-bottom {height: 55px;line-height: 55px;padding: 8px 0;}.phrase-text {text-align: left;}input.search-input {height: 17px;line-height: 17px;width: 100%;max-width: 320px;}input.search-input:focus {max-width: 90%;}a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float: right;text-decoration: none;color: #555;background-color: #fff;z-index: 1;position: relative;}a.printbutton i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}a.printbutton:hover {color: #f39c2c;}a.printbutton:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer ul.social {text-align: left;}.footer .social li a i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-ms-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}.footer .social li a:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer-navigation {border-bottom: none;}#footer-menu > li {float: left;display: block;position: relative;margin-left: 3.8%;width: 30.75%;}#footer-menu > li:first-child {margin-left: 0;}}@media only screen and (max-width: 780px) {.search {margin-top: 15px;}input.search-input {width: 100%;max-width: 100%;float: left;}input.search-input:focus {max-width: none;}.header-bottom {padding-top: 20px;text-align: center;line-height: inherit;padding: 20px 0;}div#header h1 {font-size: 1.4em}div#header h2 {font-size: 1.0em}.content-wrapper {padding-top: 400px;}}@media only screen and (max-width: 560px) {div#header {height: 500px;width: 360px;margin: 20px auto 20px auto;padding: 0;background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/images/header-mini.png) no-repeat left top;}div#header h1 {position: relative;font-size:2.4em;left: 10px;top: 55px;overflow-wrap: normal;line-height: 100%;}div#header h2 {position: relative;font-size:0.8em;left: 10px;top: 30px;}div#header h5 {display: none;}div#homedemo {display: none;}span#brandkiwi {display: none;}div#header img.brandkiwi {width: 50px;left: 254px;top: 235px;}div#header p.brandkiwi {width: 63px;top: 228px;left:202px;}}@media only screen and (min-width: 940px) and (max-width: 1110px) {#main-menu > li {margin: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px;}}@media only screen and (min-width: 768px) and (max-width: 1050px) {.row nav.main-navigation {height: auto;float: none;display: block;margin-left: 0;clear: left;}#main-menu {margin-top: 15px;margin-bottom: 15px;border-bottom: 1px solid #f1f1f1;float: right;display: block;}#main-menu > li {margin: 0;bottom: -1px;text-align: center;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;}#main-menu > li.current {border-bottom-color: #fff;border-top-color: #f39c2c;}#main-menu > li.current > a {border-top: 1px solid #f39c2c;line-height: 45px;}#main-menu > li:first-child {border-left: 1px solid #f1f1f1;}#main-menu > li > a,#main-menu > li > span {line-height: 46px;padding-left: 12px;padding-right: 6px;}#main-menu > li:hover > ul,#main-menu > li.active > ul {top: 45px;}.header-bottom {height: auto;}.row .seven-col.phrase-text,.row .five-col.search {display: block;float: none;width: 100%;margin-left: 0;text-align: center;}}@-ms-viewport {width: device-width;}@-o-viewport {width: device-width;}@-moz-viewport {width: device-width;}@-webkit-viewport {width: device-width;}@viewport {width: device-width;} /* cmsms stylesheet: Wayward Core modified: Monday, December 4, 2023 9:27:23 AM */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}audio, canvas, video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden], template {display: none;}html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }body {margin: 0;}a {background: transparent;}a:focus {outline: thin dotted;}a:active, a:hover {outline: 0;}h1 {font-size: 1.8em;margin: 0.67em 0;}abbr[title] {border-bottom: 1px dotted;}b, strong {font-weight: bold;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark {background: #ff0;color: #000;}code, kbd, pre, samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre-wrap;}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; padding: 0; }button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0; }button, input {line-height: normal;}button, select {text-transform: none;}button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; }button[disabled], html input[disabled] {cursor: default;}input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; }input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; vertical-align: top; }table {border-collapse: collapse;border-spacing: 0;}html {color: #222;font-size: 1em;line-height: 1.4;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}audio, canvas, img, svg, video {vertical-align: middle;}fieldset {border: 0;margin: 0;padding: 0;}textarea {resize: vertical;}.hidden {display: none !important;visibility: hidden;}.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}.invisible {visibility: hidden;}.cf:before, .cf:after {content: " "; display: table; }.cf:after {clear: both;}textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}pre, code, kbd, samp {font-family: monospace, serif;_font-family: courier new, monospace;font-size: 1em}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}.container {padding-left: 10px;padding-right: 10px;}.row {width: 100%;max-width: 1440px;margin: 0 auto;position: relative;}.row:before, .row:after, .form-row:before, .form-row:after {content: " ";display: table;}.row:after, .form-row:after {clear: both;}.full {width: 100%;display: block;}.half, .third, .two-third, .quarter, .three-quarter, .fifth, .two-fifth, .three-fifth, .four-fifth {float: left;}.half {width: 50%;}.third {width: 33.33%;}.two-third {width: 66.66%;}.quarter {width: 25%;}.three-quarter {width: 75%;}.fifth {width: 20%;}.two-fifth {width: 40%;}.three-fifth {width: 60%;}.four-fifth {width: 80%}.row [class*="-col"] {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}@media only screen and (min-width: 768px) {.container {padding-left: 20px;padding-right: 20px;}.col, .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col {margin-left: 3.8%;float: left;min-height: 1px;position: relative;}.row .one-col {width: 4.85%;}.row .two-col {width: 13.45%;}.row .three-col {width: 22.05%;}.row .four-col {width: 30.75%;}.row .five-col {width: 39.45%;}.row .six-col {width: 48.1%;}.row .seven-col {width: 56.75%;}.row .eight-col {width: 65.4%;}.row .nine-col {width: 74.05%;}.row .ten-col {width: 82.7%;}.row .eleven-col {width: 91.35%;}.row .twelve-col {width: 100%;margin-left: 0;}.row [class*="-col"]:first-child, .row [class*="-col"].first {margin-left: 0;}.row .offset-one {margin-left: 8.65% !important;}.row .offset-two {margin-left: 17.25% !important;}.row .offset-three {margin-left: 25.85% !important;}.row .offset-four {margin-left: 34.55% !important;}.row .offset-five {margin-left: 43.25% !important;}.row .offset-six {margin-left: 51.8% !important;}.row .offset-seven {margin-left: 60.55% !important;}.row .offset-eight {margin-left: 69.2% !important;}.row .offset-nine {margin-left: 77.85% !important;}.row .offset-ten {margin-left: 86.5% !important;}.row .offset-eleven {margin-left: 95.15% !important;}.row .push-one, .row .push-two, .row .push-three, .row .push-four, .row .push-five, .row .push-six, .row .push-seven, .row .push-eight,.row .push-nine, .row .push-ten, .row .push-eleven, .row .pull-one, .row .pull-two, .row .pull-three, .row .pull-four, .row .pull-five,.row .pull-six, .row .pull-seven, .row .pull-eight, .row .pull-nine, .row .pull-ten, .row .pull-eleven {position: relative;margin-left: 0;}.row .push-one {left: 8.65%;}.row .push-two {left: 17.25%;}.row .push-three {left: 25.85%;}.row .push-four {left: 34.55%;}.row .push-five {left: 43.25%;}.row .push-six {left: 51.8%;}.row .push-seven {left: 60.55%;}.row .push-eight {left: 69.2%;}.row .push-nine {left: 77.85%;}.row .push-ten {left: 86.5%;}.row .push-eleven {left: 95.15%;}.row .pull-one {right: 4.85%;}.row .pull-two {right: 13.45%;}.row .pull-three {right: 22.05%;}.row .pull-four {right: 30.75%;}.row .pull-five {right: 39.45%;}.row .pull-six {right: 48%;}.row .pull-seven {right: 56.75%;}.row .pull-eight {right: 65.4%;}.row .pull-nine {right: 74.05%;}.row .pull-ten {right: 82.7%;}.row .pull-eleven {right: 91.35%;}} /* cmsms stylesheet: Wayward Navigation modified: Friday, November 3, 2023 11:18:06 AM */ /******************** MENU *********************/ #menu_vert { margin: 0; padding: 0; } #menu_vert ul { /* remove any bullets */ list-style: none; /* margin/padding set in li */ margin: 0px; padding: 0px; } #menu_vert ul ul { margin: 0; /* padding right sets second level li in on right from first li */ padding: 0px 5px 0px 0px; /* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/liup.png) no-repeat right -4px; } #menu_vert li { /* remove any bullets */ list-style: none; /* negative bottom margin pulls them together, images look like one border between */ margin: 0px 0px -1px; /* bottom padding pushes "a" up enough to show our image */ padding: 0px 0px 4px 0px; /* you can set your own image here */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/liup.png) no-repeat right bottom; } #menu_vert li.currentpage { padding: 0px 0px 3px 0px; } #menu_vert li.menuactive { margin: 0; padding: 0px; /* replaced by image in ul ul */ background: none; } #menu_vert li.menuactive ul { margin: 0; } #menu_vert li.activeparent { margin: 0; padding: 0px; } /* fix stupid IE6 bug with display:block; */ * html #menu_vert li { height: 1%; } * html #menu_vert li a { height: 1%; } * html #menu_vert li hr { height: 1%; } /** end fix **/ /* first level links */ div#menu_vert a { /* IE6 has problems with this, fixed above */ display: block; /* some air for it */ padding: 0.8em 0.3em 0.5em 1.5em; /* this will be link color for all levels */ color: #18507C; /* Fixes IE7 whitespace bug */ min-height: 1em; /* no underline for links */ text-decoration: none; /* you can set your own image here this is tall enough to cover text heavy links */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/libk.png) no-repeat right top; } /* next level links, more padding and smaller font */ div#menu_vert ul ul a { font-size: 90%; padding: 0.8em 0.3em 0.5em 2.8em; } /* third level links, more padding */ div#menu_vert ul ul ul a { padding: 0.5em 0.3em 0.3em 3em; } /* hover state for all links */ div#menu_vert a:hover { background-color: transparent; color: #595959; text-decoration: underline; } div#menu_vert a.activeparent:hover { color: #595959; } /* active parent, that is the first level parent of a child page that is the current page */ div#menu_vert li.activeparent { /* you can set your own image here */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/liup.png) no-repeat right -65px; /* white to contrast with background image */ color: #fff; } div#menu_vert li.activeparent a.activeparent { /* you can set your own image here */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/libk.png) no-repeat right top; /* to contrast with background image */ color: #000; } div#menu_vert li a.parent { /* takes left padding out so span image has room on left */ padding-left: 0em; } div#menu_vert ul ul li a.parent { /* increased padding on left offsets it from one above */ padding-left: 0.9em; } div#menu_vert li a.parent span { display: block; margin: 0; /* adds left padding taken out of "a.parent" */ padding-left: 1.5em; /* arrow on left for pages with children, points down, you can set your own image here */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/active.png) no-repeat 2px center; } div#menu_vert li a.parent:hover { /* removes underline hover effect */ text-decoration: none; } div#menu_vert li a.parent:hover span { display: block; margin: 0; padding-left: 1.5em; /* arrow on left for pages with children, points right for hover, you can set your own image here */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/parent.png) no-repeat 2px center; } div#menu_vert li a.menuactive.menuparent { /* sets it in a little more than a.parent */ padding-left: 0.35em; } div#menu_vert ul ul li a.menuactive.menuparent { /* sets it in a little more on next level */ padding-left: 0.99em; } div#menu_vert li a.menuactive.menuparent span { display: block; margin: 0; /* to contrast with non active pages */ font-weight: bold; padding-left: 1.5em; /* arrow on left for active pages with children, points right, you can set your own image here */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/parent.png) no-repeat 2px center; } div#menu_vert li a.menuactive.menuparent:hover { text-decoration: none; color: #18507C; } div#menu_vert ul ul li a.activeparent { color: #fff; } /* current pages in the default Menu Manager template are unclickable. This is for current page on first level */ div#menu_vert ul h3 { display: block; /* some air for it */ padding: 0.8em 0.5em 0.5em 1.5em; /* this will be link color for all levels */ color: #000; /* instead of the normal font size for

*/ font-size: 1em; /* as

normally has some margin by default */ margin: 0; /* you can set your own image here, same as "a" */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/libk.png) no-repeat right top; } /* next level current pages, more padding, smaller font and no background color or bottom border */ div#menu_vert ul ul h3 { font-size: 90%; padding: 0.8em 0.5em 0.5em 2.8em; /* you can set your own image here, same as "a" */ background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/libk.png) no-repeat right top; color: #000; } /* current page on third level, more padding */ div#menu_vert ul ul ul h3 { padding: 0.6em 0.5em 0.2em 3em; } /* BIG NOTE: I didn''t do anything to these, never tested */ /* section header */ div#menu_vert li.sectionheader { border-right: none; padding: 0.8em 0.5em 0.5em 1.5em; background: transparent url(https://www.waywardmonitoring.co.nz/uploads/wayward/libk.png) no-repeat right top; line-height: 1em; margin: 0; color: #18507C; cursor:text; } /* separator */ div#menu_vert .separator { height: 1px !important; margin-top: -1px; margin-bottom: 0; -padding: 2px 0 2px 0; background-color: #000; overflow: hidden !important; line-height: 1px !important; font-size: 1px; /* for ie */ } div#menu_vert li.separator hr { display: none; /* this is for accessibility */ }