/*
	Theme Name: coolibah
	Theme URI: http://html5blank.com
	Description: coolibah
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
    background: #FFFFFF;
    color: #000000;
    font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 160%;
}
a{color:#5b7527;}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.random-image img {
    border: 1px solid #91908e;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}

a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
body{
    background: #EFEFEF;
    color: #666666;
    padding: 0;
}
.wrapper {
	clear: both;
    margin: 0 auto;
    width: 980px;
	max-width:980px;
	/*width:95%;
	margin:0 auto;*/
	position:relative;
}
.wrapper1 {background: url(images/shadow-left.gif) repeat-y top left;
    padding-left: 15px;
}
.wrapper2 {
    background: url(images/shadow-right.gif) repeat-y top right;
    padding-right: 15px;
}
.wrapper3 {
    background: #FFFFFF;
    padding: 0 20px 30px;
}
header {
    background: url(images/head-bg.png) no-repeat 0 0px;
    height: 106px;
    position: relative;
    z-index: 999;
}
/* header */
.header {

}
nav.nav ul{ 
	overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
    list-style: none;
    margin: 0 auto;
	filter: none;
}
.header li.current-menu-item  a, .header li.current-menu-item:hover a, .header li.current-menu-item a:active, .header li.current-menu-item a:focus {
    color: #FFFFFF;
    background: url(../../images/grad2-2.gif) repeat-x top #91AE4E;
}
.header .nav li ul a {
    border-right: none;
    margin: 0;
    padding: 7px 10px;
    line-height: normal;
    background: none;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 92%;
}
#contactussection li {
    background: url(images/arrow.png) no-repeat 0 8px;
    margin: 0;
    padding-left: 12px;
}
#contactussection ul {
    margin: 0 0 0 2px;
    padding: 0;
	list-style-type: none;
}
nav.nav ul li.active a, nav.nav ul li.active:hover a, nav.nav ul li.active a:active, nav.nav ul li.active a:focus {
    color: #FFFFFF;
    background: url(images/grad2-2.gif) repeat-x top #91AE4E;
}
nav.nav ul li {
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    background: none;
    border-right: 1px solid #87AE37;
    cursor: pointer;
    height: 30px;
}

/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footerwrap {
    clear: both;
    font-size: 92%;
    margin-top: 30px;
}
#footer {
    background: #F3F3F3;
    border-top: 1px solid #CCCCCC;
    clear: both;
    padding: 8px 0;
    position: relative;
}
#footer small {
    color: #999999;
    display: block;
    float: left;
    font-style: normal;
    line-height: normal;
    padding: 4px 0 0 10px;
}
small.ja-copyright {
    position: absolute;
    right: 10px;
}
#saladbowl {
    background-image: url(images/saladbowl.png);
    position: absolute;
    right: -30px;
    bottom: -40px;
    height: 100px;
    width: 137px;
}
.rightcontent {
    width: 60%;
    display: inline-block;
    float: right;
}
.left-sidebar {
    width: 40%;
    display: inline-block;
    float: left;
}

.rightcontent .innerpad {
    clear: both;
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
}
.footer {

}
#contactussection{
	clear: both;
    padding: 30px 0 0;
}
.logo {
    margin-bottom: 20px;
}
.jcolwrap {
    background: url(images/col-center.gif) repeat-y center top;
    float: left;
    overflow: hidden;
	width: 100%;
}
.colwrap-bot {
    background: url(images/col-bot.gif) no-repeat bottom;
    padding-bottom: 20px;
}
.colwrap-top {
    background: url(images/col-top.gif) no-repeat top;
    padding-top: 10px;
}
.colwrap-bot div.innerpad {
    background: #f3f3f3 url(images/vline.gif) repeat-y center;
    display: block;
    overflow: hidden;
}
.col1 {
    float: left;
    overflow: hidden;
    width: 50%;
}
.col2 {
    float: right;
    overflow: hidden;
    width: 49.9%;
}
.home .headline{display:none;}
h2 {
    font-size: 150%;
    color: #5b7527;
}
.left-sidebar div.moduletable {
    padding: 10px 20px;
}
.bannerslider div.moduletable {
    padding: 5px 0px;
}
div.moduletable {
    padding: 5px 10px;
}
div.moduletable h3, div.moduletable-hilite h3 {
    color: #560;
    font-size: 120%;
    line-height: 25px;
    margin: 0 0 8px;
    padding: 0;
}
.col1 ul, .col2 ul {
    margin: 0;
    padding: 0;
}
.col1 ul li, .col2 ul li {
    padding-left: 13px;
	list-style-type: none;
}
ul.menu li a {
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    display: block;
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    text-indent: 5px;
    width: 99%;
}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {
    background: url(images/grad1.jpg) top #FFFFFF;
    color: #666666;
    text-decoration: none;
}
.jcolwrap img {
    border: 1px solid #91908e;
}
section {
    margin-top: 10px;
}
#metaslider_472 {
    float: none;
    overflow: hidden;
	width:500px;
	height:333px;
    border: 3px solid #5b7527;border-radius: 0%;
}
h2.headline{
	color:#545454;
}
.header ul li.active a, .header ul li.active:hover a, .header ul li.active a:active, .header ul li.active a:focus {
    color: #FFFFFF;
    background: url(images/grad2-2.gif) repeat-x top #91AE4E;
}
.header .nav {
    bottom: 11px;
    height: 35px;
    left: 0%;
    position: absolute;
    z-index: 100;
}
.header .nav li a, .header .nav ul li span.separator {
    display: block;
    text-decoration: none;
    line-height: 32px;
    padding: 0 20px;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    border-right: 1px solid #3B4D19;
    border-bottom: 0px !important;
    height: 32px !important;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.header ul {
  margin: 0; /* all lists */
  padding: 0;
}
.header li {
  margin: 0; /* all list items */
  padding: 0;
  float: left;
  display: block;
  background: none;
  border-right: 1px solid #87AE37;
  cursor: pointer;
  height:30px;
}
.header li ul {
  width: 17em;
  position: absolute; /* second-level lists */
  z-index: 99;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  height: auto;
  width: 16.0em;
}



.header li ul ul {

  margin: -2em 0 0 15em; /* third-and-above-level lists */

}



.header li li {

  padding: 0 1em 0 0;

  margin: 0;

  width:15em;

}



.header ul a {

  /* width: 16em;

  w\idth: 10.8em; */
  width: auto !important;

}



.header li:hover ul ul, .header li:hover ul ul ul,

.header li.sfhover ul ul, .header li.havechildsfhover ul ul, .header li.havechild-activesfhover ul ul, .header li.activesfhover ul ul,

.header li.sfhover ul ul ul, .header li.havechildsfhover ul ul ul, .header li.havechild-activesfhover ul ul ul, .header li.activesfhover ul ul ul {

  left: -999em;

}



/* This "unhides" the sub-menus (left: -999em is what hides them) */

.header li:hover ul, .header li li:hover ul, .header li li li:hover ul,

.header li.sfhover ul, .header li.havechildsfhover ul, .header li.havechild-activesfhover ul, .header li.activesfhover ul,

.header li li.sfhover ul, .header li li.havesubchildsfhover ul, .header li li.havesubchild-activesfhover ul, .header li li.activesfhover ul,

.header li li li.sfhover ul, .header li li li.havesubchildsfhover ul, .header li li li.havesubchild-activesfhover ul, .header li li li.activesfhover ul {

  left: auto;

}



/* STYLING THE MENU

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

/* 1st level */

.header li a, .header ul li span.separator {

  display: block;

  text-decoration: none;

  line-height: 32px;

  padding: 0 20px;

  color: #fff;

  font-size: 100%;

  font-weight: bold;

  border-right: 1px solid #3B4D19;
  border-bottom: 0px !important;
height: 32px !important;

}



.header li a:hover,

.header li a:active,

.header li a:focus {

  color: #FFFFFF;

}

.header li:hover,
.header li.sfhover,
.header li.havechildsfhover,
.header li.havechild-activesfhover {
  color: #FFFFFF;
  background: url(../../images/menu-highlight.png) repeat-x top ;
}
.header li.active a,
.header li.active:hover a,
.header li.active a:active,
.header li.active a:focus {
  color: #FFFFFF;
  background: url(../../images/grad2-2.gif) repeat-x top #91AE4E;
}

div#maximenuck ul.maximenuck li div.floatck ul.maximenuck2,ja-cssmenu li ul.maximenuck2 {
  border: 1px solid #3b4d19;
  background: url(../../images/menu-highlight.png) repeat bottom ;
  background:#6b7e1b;
}
div#maximenuck ul.maximenuck li.level1.parent:hover > a, div#maximenuck ul.maximenuck li.level1.parent:hover > span.separator,div#maximenuck ul.maximenuck li.level1.parent > a, div#maximenuck ul.maximenuck li.level1.parent > span.separator{
    background: none;
}
.header li ul li {
  border-bottom: 1px solid #3b4d19;
  border-right: none;
  background: url(../../images/menu-highlight.png) repeat bottom ;
  color:black;
  background:#6b7e1b;
}
.header li ul a {
  border-right: none;
  margin: 0;
  padding: 7px 10px;
  line-height: normal;
  background: none;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 92%;
}



.header li.havesubchild,

.header li.havesubchild-active {

  background: url(../../images/arrow3.png) no-repeat 94% 50%;

}
.header li ul a:hover,
.header li ul a:active,
.header li ul a:focus,
.header ul li:hover,
.header ul li.sfhover,
.header ul li.havesubchildsfhover,
.header ul li.havesubchild-activesfhover,
.header ul ul li:hover,
.header ul ul li.sfhover,
.header ul ul li.havesubchildsfhover,
.header ul ul li.havesubchild-activesfhover {
  background: url(../../images/menu-highlight.png) repeat-x top;
  color: #FFFFFF;
  background:#596916;
}
.header ul li a.active,
.header ul li a.active:hover,
.header ul li a.active:active,
.header ul li a.active:focus {
  background: none !important;
  color: #FFFFFF; 
}

/*ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus, ul.menu li span.separator:active, ul.menu li span.separator:focus, ul.menu li span.separator:hover{color: #FFFFFF; background:url("../../images/menu-highlight.png") repeat-x scroll center top rgba(0, 0, 0, 0);}*/

.header li ul li:hover {background: #596916 !important;}
.random_image .moduletable{ padding:0;}

#ja-header ul.nav > li:hover a, #ja-header ul.nav > li:hover > span{ color: #FFFFFF; background:url(../images/menu-highlight.png) repeat-x scroll center top rgba(0, 0, 0, 0);}
.header > li > a.active, .header > li >  a.active:hover, .header > li >  a.active:active, .header li >  a.active:focus, .header > li.active  > a, .header > li.active > span{ background:url(../images/grad2-2.gif) repeat-x scroll center top #91AE4E ! important; color: #FFFFFF;}

div.moduletable h3 span, div.moduletable-hilite h3 span{ text-transform:capitalize;}
.page-header h2{ padding:5px 0;}

header li a, header ul li span.separator {
    display: block;
    text-decoration: none;
    line-height: 32px;
    padding: 0 20px;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    border-right: 1px solid #3B4D19;
    border-bottom: 0px !important;
    height: 32px !important;
}
.header li ul {
    opacity: 0.9;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) and (max-width:768px) {
	.wrapper {width: 100%;max-width: 100%;}
	.wrapper1 {padding-left: 0px;}
	#contactussection table td{width:100%;}
	.left-sidebar{width: 100%;display: block;float: none;}
	.rightcontent {width: 100%;display: block;float: none;}
	#metaslider_472 {float: left;overflow: hidden;width: 100%;height: auto;border: 3px solid #5b7527;border-radius: 0%;}
	.wrapper2 {padding-right: 0px;}
	.rightcontent .innerpad {padding: 20px 0 0 0px;}
	#contactussection table td {width: 100%;display: block;}
	#saladbowl {right: -15px;}
	.col1 ul li, .col2 ul li {
    padding-left: 0px;
    list-style-type: none;
}

}
@media only screen and (min-width:480px) {
 }
@media only screen and (min-width:768px) {
 }
@media only screen and (min-width:1024px) {
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
/*******************************/
div.module {
    background: url(images/box-br.gif) no-repeat bottom right;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
div.module div {
    background: url(images/box-bl.gif) no-repeat bottom left;
    padding: 0;
}
div.module div div {
    background: url(images/box-tr.gif) no-repeat top right;
    padding: 0;
}
div.module div div div div {
    background: none;
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
div.module h3 {
    border-bottom: 1px solid #DDDDDD;
    font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0 -20px 10px;
    padding: 5px 20px;
    white-space: nowrap;
}
div.module div div div {
    background: url(images/box-tl.gif) no-repeat top left;
    padding: 0 20px 15px;
}
.legend {
    background-color: #FFFFFF;
    border: 1px solid #5c7727;
    margin: 20px 10px;
    padding: 10px 10px;
    position: relative;
    float: left;
}
.legend-title {
    background-color: #FFFFFF;
    color: #5a7426;
    display: block;
    float: left;
    font-size: 100%;
    font-weight: bold;
    left: 7px;
    margin: 0;
    padding: 0 3px;
    position: absolute;
    top: -12px;
}
.navigation .left {
    float: left;
    width: 50%;
	text-align: left;
}
.home .navigation {
    display: none;
}
.navigation .right {
    float: right;
    width: 50%;
	text-align: right;
}
.herb_tb {
    border: 1px solid #000;
    }
table a {
    color: #5b7527;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    color: #5b7527;
    text-decoration: underline;
}
.eaf {margin: 0px 20px;}
.eaf p{font-size:16px;}
.epform {display: block;}
.epform .left {width: 40%;float: left;}
.epform .cimg {height: 125px;}
.epform .right {width: 60%;float: left;}
.epform .ctitle{text-align: center;border: 1px solid #000;padding: 18px;color: #000;}
.eaf input.wpcf7-form-control {border-bottom: 2px solid;border-bottom-style: dotted;border-top: 0px;border-left: 0px;border-right: 0px;padding: 5px 10px;}
.eaf label {display: block;margin: 0px 0px 5px;}
.eaf .commencework {width:calc( 100% - 275px);}
.eaf .email {width:calc( 100% - (50% + 100px));}
.eaf .fullname {width:calc( 100% - (50% + 100px));}
.eaf .postcode {width: calc( 100% - (73% + 69px));}
.eaf .address {width: calc( 100% - (29% + 63px));}
.eaf .phonenumber {width:calc( 100% - (41% + 200px + 10px));}
.eaf .homenumber {width: calc( 100% - (40% + 200px));}
.epdfradio {display: block;position: relative;width: 100%;}
.epfradio .left {width: 30%;float: left;margin-right: 3%;}
.epfradio .middle {width: 30%;float: left;margin-right: 3%;}
.epfradio .right {width: 30%;float: left;margin-right: 3%;}
.epfradio .wpcf7-list-item {display: block;}
.epfradio .langspokenother {width: 85%;}
.epfradio .langreadother {width: 85%;}
.epfradio .langwrittenother {width: 85%;}
.licenceno {width: 25%;}
.lclass{width: 25%;}
.dateofissue{width: 20%;}
.expirydate{width: 25%;}
.photocopyoflicence {width: 100%;}
.witness {width: calc(100% - ( 45% + 80px));}
.nposition {width: calc(100% - ( 58% + 130px));}
.cof {width: 15%;border-bottom: 0px ! important;}
.licence input {border-bottom: 0px ! important;}
.injuryconditionlineone,.injuryconditionlinetwo,.injuryconditionlinethree{width:100%;}
.criminaloffencelineone,.criminaloffencelinetwo,.criminaloffencelinethree{width:100%;}
.abcno,.accno,.anpno, .afpypw {width: 25%;}
.asignature {width: calc(100% - ( 44% + 200px));}
.signdate {width: calc(100% - ( 58% + 40px));}
.ttext {text-align: center;}
.eaf .wpcf7-form-control.wpcf7-submit {
    border-bottom: 0px ! important;
    background: #3B4D19;
    color: #fff;
    padding: 10px 25px ! important;
    border-radius: 5px;
    text-transform: uppercase;
}
.contactsname {width: 35%;}
.companyname {width: 35%;}
.companyaddress {width: 33%;}
.contactrelationship {width: 32%;}
.employersuburb {width: calc(100% - ( 45% + 155px));}
.datesofemployment {width: calc(100% - ( 58% + 155px));}
.position {width: calc(100% - ( 34% + 155px));}
.duties {width: calc(100% - ( 57% + 55px));}
.reasonforleaving {width: calc(100% - ( 45% + 155px));}
.nameofpersonreportedto {width: calc(100% - ( 56% + 200px));}
.contactnumber {width: calc(100% - ( 43% + 200px));}
.qualifications {width: 60%;}
.year {width: 20%;margin-left: 6px;}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}