@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'), url(https://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


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

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

BODY, TABLE
{
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color: #000;
}

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

/*
Light Grey: #cccccc
Dark Grey: #818285
Light Blue: #9bd1e5
Medium Blue: #65a8c1
Light Green: #c0cfa5
Medium Green: #7b8b38
Light Brown #d2c4a5
Medium Brown #D2C5A5
*/

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

h1
{
margin: 15px 0px;
color: #000;
font-weight: normal;
font-size: 30px;
text-transform: none;
font-family: 'Oswald', sans-serif;
}

h2
{
margin: 15px 0px;
color: #000;
font-size: 28px;
font-weight: normal;
text-transform: none;
font-family: 'Open Sans', sans-serif;
}

h3
{
margin: 10px 0px;
color: #000;
font-size: 18px;
font-weight: normal;
font-family: 'Oswald', sans-serif;
}

h3 button
{
float: right;
}

h4
{
margin: 8px 0px;
color: #5f5f5f;
font-size: 14px;
font-weight: normal;
text-transform: uppercase
font-family: 'Oswald', sans-serif;
}

h5
{
margin: 8px 0px 0px 0px;
color: #26B253;
font-size: 14px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}

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

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

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

a
{
color: #26B253;
text-decoration: none;
}
.inactive{
    color: #ff0000;
    
    font-weight: bold;
}
a:hover
{
color: #000;
text-decoration: underline;
}

td
{
vertical-align: top;
}

a img
{
border: none;
}

button
{
float: left;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
margin: 0px 10px 0px 0px;
font-size: 16px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
color: #fff;
border: none;
background: #5a8d2b; /* Old browsers */
background: -moz-linear-gradient(top,  #5a8d2b 0%, #c5d645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a8d2b), color-stop(100%,#c5d645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5a8d2b 0%,#c5d645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a8d2b', endColorstr='#c5d645',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}

button:hover
{
background: #1559a2;
}


.fsubNoWidth
{
float: left;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 8px 10px;
margin: 0px 0px 0px 0px;
font-size: 12px;
text-decoration: none;
color: #fff;
border: none;
background: #ff0000; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */
cursor: pointer;
font-family: 'Open Sans', sans-serif;













left: 20px;
}

button:hover
{
background: #1559a2;
}



.jConnor{
	display: none;
}




.clickToDownloadButton
{
float: left;
position: relative;
display: block;
border-radius: 4px;
padding: 8px 20px;
margin: 20px 10px 0px 0px;
font-size: 16px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
color: #fff;
border: none;
background: #5a8d2b; /* Old browsers */
background: -moz-linear-gradient(top,  #5a8d2b 0%, #c5d645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a8d2b), color-stop(100%,#c5d645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5a8d2b 0%,#c5d645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a8d2b', endColorstr='#c5d645',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}

.clickToDownloadButton:hover
{
color: #fff;
background: #1559a2;
}

table
{
width: 100%;
margin: 0;
border: none;
position: relative;
height: auto;
}

th,
td.lheader,
td.lheadercolumn
{
padding: 10px 0px;
color: #000;
font-size: 15px;
font-weight: 100;
text-transform: none;
background: #f5f5f5;
border: none;
border-collapse:collapse;
font-family: 'Open Sans', sans-serif;
}

td.lheader a,
td.lheadercolumn a
{
color: #000;
text-decoration: none;
}

td
{
border-collapse:collapse;
border: none;
padding: 10px 0px;
}

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

tr{ 
background: #FFF; 
}

p strong { font-weight: 600; }
#company{
    width: 360px;
    height: 60px;
    float: left;
}
.companyName{   
    font-size: 30px;
    color: #000;
    text-decoration: none !important;
	text-align: center;
	margin-top: -7px;
}
.copmanyTagline{
    color:#000;
    font-size:16px;
    text-decoration: none !important;
	clear: left;
}



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

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

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

#header
{
float: left;
position: relative;
z-index: 50;
width: 1000px;
height: auto;
}

#content
{
float: left;
position: relative;
z-index: 40;
width: 1000px;
min-height: auto;
}


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

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

#header
{
float: left;
position: relative;
width: 100%;
height: 140px;
background: #26B253;
}

#header .container
{

}

#header .bgContainer
{
    float: left;

    position: absolute;
}

#header a.logo
{

}

#header a.logo img
{
margin: 20px 0px 0px 0px;
}

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

#content
{
float: left;
position: relative;
width: 100%;
height: auto;
padding: 35px 0px;
min-height: 300px;
background: #fff;
}

#content .container
{

}

#content .bgContainer
{

}


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

#default #pageEditorContent
{
float: left;
position: relative;
width: 100%;
padding: 0;
background: none;
}

#pageEditorContent .presentationPage{
position: relative;
float: left;
width: 100%;
}
.induction-list #content #pageEditorContent h2{
    position: relative;
    border-bottom:2px solid #d7d7d7;
    font-size:32px;
	width: 100%;
}
.induction-list #content #pageEditorContent #clickToStart{
    border:none;
    font-size:28px;
}
.induction-list #content #pageEditorContent #filterForm #c{
position: relative;
float: right;    
border: 1px solid #ccc;
border-radius: 3px;
padding: 0.8% 2%;
z-index: 10;
font-family: "Open Sans",sans-serif;
font-weight: 100;
font-size: 15px;
}
.induction-list #content #pageEditorContent #filterForm #c option{
padding: 0.8% 11%;
}
#noDataMsg{
position: relative;
float: left;   
}
#lastPage{
    margin-top:20px;
    float:left;
    position:relative;
    width:100%;
    text-align:center;
}
#lastPage h1{
    color:#26B253;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
    font-size:32px;
    margin-bottom:0;
}
#lastPage h3{
    color:#a0a0a0;
    font-family: 'Open Sans', sans-serif;
    font-size:20px;
    margin-top:0;
    padding-top:0;
}
#pageEditorContent #paginator{
    float:left;
    position:relative;
    width:100%;
    margin-top: 30px;
}
#pageEditorContent #paginator .pageNum{
    
    float: left;
    position: relative;
    text-align: center;
    
    height: 36px;
    padding-top: 10px;
    font-weight: bold;
    margin-left: 330px;
}

#contactInformationContainer
{
position:absolute;
right:0px;
top: 358px;
border: 1px solid #676767;
width: 261px;
padding:10px 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
}
#pageEditorContent.homeLoggedIn{
    width:100%;
}
/*----------------------------------------------------------*/

#loginContainer
{
float: right;
position: relative;
width: 245px;
padding: 3%;
background: #26B253;
color: #fff;
border-radius: 4px;
height: 272px;
}

#loginContainer a
{
text-transform: none;
padding: 0px;
border-radius: 0px;
margin: 5px 0px;
font-family: arial;
color: #fff;
text-decoration: none;
background: none; 
display: block;
}

#loginContainer p.loginLabel
{
margin:0px 0px 25px 0px;
font-size: 24px;
font-family: oswald, sans-serif;
}

#loginContainer p
{

}

#loginContainer form
{

}

#loginContainer form div
{

}

#loginContainer form input
{
    background-color: #fff;
}

#loginContainer form input.inputText
{
font-size: 12px;
font-family: arial;
padding: 6px;
width: 233px;
border: none;
margin: 5px 0px;
border-radius: 2px; 
}

#loginContainer form input.buttonForm
{
float: right;
cursor: pointer;
width: 72px;
text-transform: uppercase;
padding: 5px 15px;
border-radius: 4px;
border: none;
margin: 35px 4px 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #000;
text-decoration: none;
background: #fff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */
}

#loginContainer form input.buttonForm:hover
{
color: #000;
background: #fff; /* Old browsers */
}

#loginContainer form #loginRemember
{
    float: left;

    bottom: 0;
    margin-top: 37px;
}

#loginContainer form input.remembermeCheckbox
{

}

#loginContainer form label
{

}



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

#footer {
	height: auto;
	background: #eef3f8;
	bottom: 0;
}

#footer .container
{

}

#footer .bgContainer
{

}

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

#copyright
{

}

#copyright p
{
color: #bbb;
}

#copyright p a
{
text-decoration: none;
color: #bbb;
}


/*-----------------------------------------------------------*/
#welcomeContainer{
    float:right;
    position:relative;
    background-color:#000;
    color:white
;
    padding: 10px;
    font-size: 13px;
}
#welcomeContainer a{
    float: right;
    position: relative;
    text-align: right;
    border-left: 1px solid #fff;
    margin-left: 10px;
    padding-left: 10px;
    color: #fff;
}
#tabNavigation 
{
float: right;
position: relative;
top: 101px;
right: -260px;
width: auto;
padding: 0;
background: none;
color: #000;

z-index: 1000;
}

#tabNavigation #tabNavigationInner 
{

}

#tabNavigation #tabNavigationInner ul
{
display: inline-block;
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}

#tabNavigation #tabNavigationInner ul li
{
display: inline-block;
float: left;
position: relative;
margin: 0;
padding: 0;
}

#tabNavigation #tabNavigationInner ul li a
{
float: left;
position: relative;
display: inline-block;
padding: 8px 20px;
margin: 0px 0px 0px 10px;
font-size: 16px;
text-decoration: none;

font-family: 'Open Sans', sans-serif;
color: #fff;
background: #26B253;

}

#tabNavigation #tabNavigationInner ul li a:hover

{
color: #000 !important;
border: none;
background: #fff;
cursor: pointer;
padding-bottom:11px;
}

#tabNavigation #tabNavigationInner ul li a.childSelected
{

}

#tabNavigation #tabNavigationInner ul li ul
{

}

#tabNavigation #tabNavigationInner ul li ul li.level1
{

}
#tabNavigation #tabNavigationInner ul li a.menuSelected
{
color: #000;
background-color:#fff;
padding-bottom:11px;
}

#tabNavigation #tabNavigationInner ul li ul li a.menuSelected
{
color: #000;
background-color:#fff;
padding-bottom: 11px;
}

#tabNavigation #tabNavigationInner ul li ul li a.menu
{

}


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

.logoutLink
{
position: absolute;
bottom: -39px;
right: 0px;
}

.logoutLink a
{
float: left;
position: relative;
display: inline-block;
width: 80px;
text-align: center;
border-radius: 4px;
padding: 8px 0px;
margin: 0px 0px 0px 10px;
font-size: 16px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
color: #fff;
border: none;
background: #1559a2;
cursor: pointer;
}

.logoutLink a:hover
{

background: #5a8d2b; /* Old browsers */
background: -moz-linear-gradient(top,  #5a8d2b 0%, #c5d645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a8d2b), color-stop(100%,#c5d645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5a8d2b 0%,#c5d645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a8d2b', endColorstr='#c5d645',GradientType=0 ); /* IE6-9 */

}

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

.inductionListingItem
{
float: left;
position: relative;
width: 96%;
padding:  1.2% 2%;
border-radius: 3px;
margin: 0px 0px 15px 0px;
border: 1px solid #ccc;
}

.inductionListingItem:nth-child(even)
{
/* background: ; */
}

/* .inductionListingItem.disableInduction{
    background-color: #f8f8f8 !important;
} */

.inductionListingItem a
{
text-decoration: none;
color: #26B253;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
}

.inductionListingItem a:hover
{
color: #0F9EB3;
}

.inductionListingItem span.completed {
	float: left;
	top: 0;
	position: relative;
	width: 50%;
	color:#9a9a9a;
	display: inline-block;
	margin: 4px 0px 0px 0px;
	padding: 0 0 0 20px;
}

.inductionListingItem .divTitle{

}
.inductionListingItem .title{
    float: left;
    position: relative;
    width: 100%;
    font-size: 18px;
}
.inductionListingItem .divTitle p{
    color:#9a9a9a;
    margin: 0;
}
.completionDate{
	
}
.completedMaterialLink{
    float:left;
    position:relative;
    padding: 0px 0px 0px 0px;
font-size: 15px;
}
.certificate{
    display: inline-block;
    position:relative;
    margin: 0px 30px 0px 0px;
    background: url(http://www.wntventures.co.nz.test.moca.co.nz/images/style/viewCertificate.png)bottom center no-repeat;
    height: 50px;
}
.inductionUrl{
    top: 140px !important;
}
.inductionListingItem .description
{
float: left;
position: relative;
}

.induction-manage-staff h1{
	margin-bottom: 40px;
}

.inductionQuestions .question span{
font-size:18px;
font-weight: bold;
padding: 10px;
color: #26B253;
}

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

a.printLink
{
position: absolute;
top: 30px;
right: 0;
height: 20px;

padding: 0px 0px 0px 20px;
color: #a0a0a0;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}

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

form#pageForm

{

}



.paginator
{

float: left;
position: relative;
background: #1559a2;
width: 92%;
margin: 30px 0px 0px 0px;
padding: 1% 4%;
border-radius: 4px;

text-align: right;
color: #fff;

}


.paginator b
{
color: #fff;

}

.paginator a
{
color: #fff;
}


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

input.fmtxt

{
float: left;
font-size: 12px;
font-family: arial;
padding: 10px;
width: 452px;
border: none;
margin: 5px 0px;
border-radius: 2px; 
border: 1px solid #ccc;
}


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

table#surveyTable,
table#surveyTable table
{
width: 100%;
margin: 0px 0px 0px ;
border: none;
}


table#surveyTable th
{
padding: 10px 15px;
color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background: #1466A2;
border: none;
border-collapse:collapse;

}

table#surveyTable td
{
border-collapse:collapse;
border: none;
padding: 10px 0px;
}

table#surveyTable td input
{
float: left;
display: block;
width: 5%;
margin: 0px 0px;
}

table#surveyTable td input.fsub
{
float: left;
display: block;
width: auto;
margin: 0px 0px;
}

table#surveyTable td label
{
float: left;
display: block;
width: 90%;
margin:0px;
}

table#surveyTable th p,
table#surveyTable td p
{
margin: 0;
padding: 0;
}

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

table#surveyTable p strong { font-weight: 600; }

span.fieldNumber
{
display: inline-block;
width: auto;
padding: 0px 15px 0px 0px;
}

table#surveyTable td.surveyLabelVertical,
table#surveyTable td.surveyLabelHorizontal
{
background: #6E9B30;
color: #fff;
padding: 10px;
font-family: 'Oswald', sans-serif;
}

table#surveyTable label:hover
{
cursor: pointer;
color: #1559a2;
}

table#surveyTable td table
{
margin: -10px 0px;
padding: 0;
}




table#surveyTable td table td table td input
{
float: left;
display: block;
width: 10%;
margin: 0px 0px;
}

table#surveyTable td table td table td label
{
float: left;
display: block;
width: 90%;
margin:0px;
background: #ff0000;
}

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

.fsub
{
float: right;
position: relative;
display: inline-block;

border-radius: 4px;
padding: 8px 20px;
margin: 0px 0px 0px 0px;
font-size: 16px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
color: #fff;

background: #26B253;
border: none; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */
cursor: pointer;
}

.fsub:hover
{
color: #fff;
text-decoration: none;
background: #0F9EB3;
cursor: pointer;

}
.reset{
    margin-right:20px
}

#statusMessage
{
color: #ff0000;
margin: 5px 0px 20px;
}

#inductionCertificate td
{
background: #fff;

}
#pageEditorContent #inductionCertificate table td.headerCert{
    
}

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

a.previousStep
{
float: left;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
margin: 0px 10px 0px 0px;
font-size: 15px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
color: #fff;
border: none;
background: #a0a0a0; /* Old browsers */ /* FF3.6+ */
 /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
 /* IE6-9 */
cursor: pointer;
}

a.previousStep:hover
{
color: #fff;
background: #0167B2;
}

span.previousStep
{
float: left;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
margin: 0px 10px 0px 0px;
font-size: 15px;
text-decoration: none;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
color: #fff;
border: none;
background: #a0a0a0; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */
cursor: auto;
}

a.nextStep
{
float: right;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
margin: 0px 0px 0px 10px;
font-size: 15px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
color: #fff;
border: none; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */
cursor: pointer;
background: #26B253;
}

a.nextStep:hover
{
color: #fff;
background: #0167B2;
}

span.nextStep
{
float: right;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 8px 80px;
margin: 20px 10px 0px 0px;
font-size: 24px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
color: #fff;
border: none;
background: #5a8d2b; /* Old browsers */
background: -moz-linear-gradient(top,  #efefef 0%, #bbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef ), color-stop(100%,#bbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efefef 0%,#bbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efefef 0%,#bbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efefef 0%,#bbb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efefef 0%,#bbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef ', endColorstr='#bbb',GradientType=0 ); /* IE6-9 */
cursor: auto;
}

#lastPage .nextStep{
display: none;
}

#lastPage .previousStep{
font-size:16px;
}

#lastPage #presentationComplete button{
position: relative;
top: 50px;
}
.addUser{
    width: 19.6%;
    
    float: right;
    position: relative;
    margin: 20px 0px 20px 0px;
}
#addUser{
    float:right;
    position:relative;
    background: #26B253;
    padding: 0px 10px;
    border-radius: 5px;
}
a#addUser
{
text-decoration: none;
color: #fff;

}




a#addUser:hover span

{

}

a#addUser span
{
display: inline-block;
position: relative;
top: 1px;
width: 11px;
height: 30px;
line-height: 28px;
font-weight: bold;
color: #fff;
text-align: center;
font-size: 24px;
margin: 0px 6px 0px 0px;
}

td.headerUser{
    width:200px;
    padding: 14px 10px 0px 10px;
}
td.valueUser{
    padding: 10px;
    
}
td.headerEmail{
    width:300px;
    padding: 14px 10px 0px 10px;
}
td.valueEmail{
    padding: 10px;
}
td.headerStatus{
    width: 100px;
    padding: 14px 10px 0px 10px;
}
td.valueStatus{
    padding: 10px;
}
td.headerLastLogged{
    width: 100px;
    padding: 14px 10px 0px 10px;
}
td.valueLastLogged{
    padding: 10px;
}
td.headerDelete{
    width: 87px;
    padding: 10px;
}
tr.userRow{
    border-bottom: 1px solid #E2E2E2;
}
td.valueUser,
td.valueEmail,
td.valueStatus,
td.valueLastLogged,
td.valueDelete{
    border-bottom: 1px solid #DBDBDB;
}

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


#sendControls
{
float: none;
position: relative;
width: 92%;
padding: 2% 4%;
}

#sendControls #sendResults
{

}

#sendControls span
{
display: inline-block;
width: 330px;
}

#sendControls span#userEmail
{
display: inline;
width: auto;
}

#sendControls input#userEmailCheckbox
{


}

#sendControls span#adminEmail

{
display: inline;
width: auto;
}

#sendControls input#adminEmailCheckbox
{
}

#sendControls span
{

}

#sendControls input#email
{
width: 250px;
border: 1px solid #bbb;
padding: 6px 8px;
border-radius: 4px;
margin: 8px 10px 8px -252px;
}

#sendControls button#emailSend
{
float: left;
position: relative;
display: inline-block;
width: 347px;
border-radius: 4px;
padding: 6px 30px;
margin: 4px 10px 30px 0px;
font-size: 16px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
color: #fff;
border: none;
background: #5a8d2b; /* Old browsers */
background: -moz-linear-gradient(top,  #5a8d2b 0%, #c5d645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a8d2b), color-stop(100%,#c5d645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5a8d2b 0%,#c5d645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a8d2b', endColorstr='#c5d645',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}

#sendControls button#emailSend:hover
{
background: #1559a2;
}

#sendControls button#print
{
float: left;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 6px 30px;
margin: 4px 10px 30px 0px;
font-size: 16px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
color: #fff;
border: none;
background: #5a8d2b; /* Old browsers */
background: -moz-linear-gradient(top,  #5a8d2b 0%, #c5d645 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a8d2b), color-stop(100%,#c5d645)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5a8d2b 0%,#c5d645 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5a8d2b 0%,#c5d645 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a8d2b', endColorstr='#c5d645',GradientType=0 ); /* IE6-9 */
cursor: pointer;
}

#sendControls button#print:hover
{
background: #1559a2;
}

#sendControls #sendResults

{
margin: 15px 0px;
font-style: normal;
line-height: 22px;
color: #aac43f;
}

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

table.userRegistration td
{
padding: 2px 10px;
background: #f5fdfe;
font-size:15px;
font-family: 'Open Sans', sans-serif;
}

table.userRegistration .fheader
{
font-weight: bold;
color: #000;

}

table.userRegistration td input.fmtxt

{
width: 380px;
}


table.userRegistration td input.reset
{
display: none;
}

li.last.leaf:before
{
content: "" !important;
}

.tree .ltr ins
{
visibility: hidden;
}


#iTree ul.ltr

{
background: #f5fdfe !important;
}

#iTree li.leaf
{

background: #f5fdfe !important;
}
.userRegistration .labelHorizontal{
    width:150px;
    padding:15px 0px 0px 50px;
}
.passIgnore{
    float:left;
    position:relative;
    color:#a0a0a0;
    
    margin-left: 10px;
}
.userRegistration .newUserText{
    float:left;
    position:relative;
    top: 25px;
    left: -160px;
}
.userRegistration .buttonPanel{
    width: 60px;
    height: 38px;
    float: right;
    position: relative;
    right: -20px;
    margin-bottom: 50px;
}
.ftable{
    margin:20px;
}
#listingTable{
float:left;
position:relative;
}
.inductionListing{
    float:left;
    position:relative;
    left: 0px;
    margin: 20px 0 0 0;
}


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

a.getStartedButton {
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	color: white;
}


/*------------------TREE OVERRIDE----------------------*/

.tree-apple li a, 
.tree-apple li span{
border: none !important; 
color:black !important; 
padding: 4px 0px 4px 10px !important;
}

.tree-apple li a, 
.tree-apple li span{ 
background: transparent url(http://www.wntventures.co.nz.test.moca.co.nz/images/icons/checkbox.jpg) top left no-repeat !important;
}

.tree-apple li a.clicked, 
.tree-apple li span.clicked{ 
background: transparent url(http://www.wntventures.co.nz.test.moca.co.nz/images/icons/checkbox_checked.jpg) top left no-repeat !important;

}

.tree-apple li a:hover,
.tree-apple li a.clicked:hover{
color: #26B253 !important; 
}

/* #pageEditorContent .treeBox ul li:before {
    content: "";
} */

.emailHelpNote{
position: absolute;
top: 280px;
left: 40px;
font-size: 12px;
font-style:italic;
color: #999999;
}

p#welcome{
position: absolute;
top:60px;
right: 0px;
color: #185da6;
font-weight: bold;
}
.data_form{
    float:left;
    position:relative;
}
.inductionLabelHorizontal{
    display:block;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    background: #cef3f9;
}
.inductionValueHorizontal{
    display:block;
    width: 100%;
    float:left;
    margin-bottom: 30px;
    padding-left: 6px;
}
#inductionTable td{
    
}
#inductionTable td label{
    margin: 0px 0px 0px 22px;
	float: left;
}
#inductionTable td input[type="radio"],
#inductionTable td input[type="checkbox"]{
	float: left;
}
#retryMessage{
}

#retryMessage #results{
font-size: 18px;
}
#retryMessage #results span{
}
#retryMessage #retryButton{
float: left;
position: relative;
display: inline-block;
border-radius: 4px;
padding: 8px 20px;
margin: 0px 0px 0px 0px;
font-size: 15px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
color: #fff;
border: none; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */
cursor: pointer;
background: #26B253;
}

#retryMessage #retryButton:hover{
color: #fff;
background: #0167B2;
}


/*------------------Dashboard----------------------*/

#inductionDashboard{
position: relative;
float: left;
width: 100%;
background: #eeeeee;
margin-top: 3%;
}

#inductionDashboard h4{
font-size: 18px;
}

#inductionDashboard p{
color: #5f5f5f;
}

#inductionDashboard .stats{
min-height: 120px;
}

#inductionDashboard .graphContainer{
position: relative;
float: left;
width: 40%;
margin: 4.9% 0;
padding: 0 4.9%;
border-right: 1px solid #cccccc;
text-align: center;
}

#inductionDashboard.inclLicense .graphContainer{
width: 23% !important;
}


#inductionDashboard .graphContainer:last-child{
border-right: none;
}

#inductionDashboard canvas{

}


#inductionDashboard #staffNotCompleted,
#inductionDashboard #staffCompleted{
position: relative;
float: left;
text-align: left;
background: #ffffff;
margin: 10% 0 0 0;
padding: 5%;
width: 89%;
border: 1px solid #cccccc;
border-radius: 4px;
}

#inductionDashboard #staffNotCompleted span,
#inductionDashboard #staffCompleted span{
display: block;
margin-left: 5%;
color: #5f5f5f;
font-size: 15px;
}

#inductionDashboard .exportData{
position: relative;
float: left;
width: 100%;
display: block;
padding: 2% 2% 2% 30px;
margin-top: 5%;
text-align: left;
background: url(http://www.wntventures.co.nz.test.moca.co.nz/images/icons/export.png) top left no-repeat;
background-size: 20px;
cursor: pointer;
color: #5f5f5f;
}

#inductionDashboard .exportData:hover{
color: #000;
background-size: 22px;
}



/*---- BP1 --- Tablets ------------*/

@media screen and (max-width: 1100px) {
		body, html{   }
		body.iframe{   }
		h1, h2, h3, h4, h5, p, ul, ol, li, form, hr{   }
		BODY, TABLE{
		font-size:15px;
		}
		/* ----------- General Page Rules -------------------------*/
		h1{
		margin: 15px 0px;
		font-size: 30px;
		}
		h2{
		margin: 15px 0px;
		font-size: 28px;
		}
		h3{
		margin: 10px 0px;
		font-size: 18px;
		}
		h3 button{   }
		h4{
		margin: 8px 0px;
		font-size: 14px;
		}
		h5{
		margin: 8px 0px 0px 0px;
		font-size: 14px;
		}
		p,div#pageSource{
		line-height: 19px;
		margin: 12px 0px;
		}
		div#pageSource{   }
		ul{
		margin: 10px 0px;
		padding: 0px 0px 0px 30px;
		}
		ol{
		margin: 10px 0px;
		padding: 0px 0px 0px 30px;
		}
		#pageEditorContent ul li:before{   }
		li p{
		line-height: 24px;
		}
		hr{
		margin: 15px 0px;
		}
		a{   }
		.inactive{   }
		a:hover{   }
		td{   }
		a img{   }
		button{
		padding: 8px 20px;
		margin: 0px 10px 0px 0px;
		font-size: 16px;
		}
		button:hover{   }
		.fsubNoWidth{
		padding: 8px 10px;
		font-size: 12px;
		left: 20px;
		}
		button:hover{   }
		.clickToDownloadButton{
		padding: 8px 20px;
		margin: 20px 10px 0px 0px;
		font-size: 16px;
		}
		.clickToDownloadButton:hover{   }
		table{   }
		th,td.lheader,td.lheadercolumn{
		padding: 10px 0px;
		font-size: 15px;
		}
		td.lheader a,td.lheadercolumn a{   }
		td{
		padding: 10px 0px;
		}
		th p,td p{   }
		tr{   }
		p strong {   }
		#company{
		width:360px;
		height:60px;
		top: 32px;
		margin: 0px 0px 0px 20px;
		}
		.companyName{
		font-size: 36px;
		text-decoration: none !important;
		}
		.copmanyTagline{
		font-size:16px;
		top: 35px;
		text-decoration: none !important;
		}
		/*------------ Main Containers ---------------------------------------*/
		body{
		height: 100%;
		}
		#header{
		width: 100%;
		}
		#content{
		z-index: 40;
		width: 100%;
		}
		/*------------ Module/Element Specific Rules ---------------------------------------*/
		/*----------------------------------------------------------*/
		#header{
		height: 140px;
		}
		#header .container{   }
		#header .bgContainer{   }
		#header a.logo{ 0px 0px 0px 20px; }
		#header a.logo img{
		margin: 20px 0px 0px 0px;
		}
		/*----------------------------------------------------------*/
		#content{
		padding: 35px 0px;
		min-height: 300px;
		}
		#content .container{   }
		#content .bgContainer{   }
		/*----------------------------------------------------------*/
		#pageEditorContent .presentationPage{   }
		.induction-list #content #pageEditorContent h2{
		font-size:32px;
		}
		.induction-list #content #pageEditorContent #clickToStart{
		font-size:28px;
		}
		.induction-list #content #pageEditorContent #filterForm #c{
		padding: 0.8% 2%;
		font-size: 15px;
		}
		.induction-list #content #pageEditorContent #filterForm #c option{
		padding: 0.8% 11%;
		}
		#lastPage{
		margin-top:20px;
		}
		#lastPage h1{
		font-size:32px;
		}
		#lastPage h3{
		font-size:20px;
		}
		#pageEditorContent #paginator{
		margin-top: 30px;
		}
		#pageEditorContent #paginator .pageNum{
		height: 36px;
		padding-top: 10px;
		margin-left: 230px;
		}
		#contactInformationContainer{
		top: 358px;
		width: 261px;
		padding:10px 20px;
		}
		#pageEditorContent.homeLoggedIn{   }
		/*----------------------------------------------------------*/
		#loginContainer{
		width: 245px;
		padding: 3%;
		height: 272px;
		}
		#loginContainer a{
		margin: 5px 0px;
		}
		#loginContainer p.loginLabel{
		margin:0px 0px 25px 0px;
		font-size: 24px;
		}
		#loginContainer p{   }
		#loginContainer form{   }

		#loginContainer form div{   }
		#loginContainer form input{   }
		#loginContainer form input.inputText{
		font-size: 12px;
		padding: 6px;
		width: 233px;
		margin: 5px 0px;
		}
		#loginContainer form input.buttonForm{
		width: 72px;
		padding: 5px 15px;
		margin: 35px 4px 0px;
		}
		#loginContainer form input.buttonForm:hover{
		/* Old browsers */
		}
		#loginContainer form #loginRemember{
		margin-top: 37px;
		}
		#loginContainer form input.remembermeCheckbox{   }
		#loginContainer form label{   }
		/*----------------------------------------------------------*/
		#footer{   }
		#footer .container{   }
		#footer .bgContainer{   }
		/*----------------------------------------------------------*/
		#copyright{   }
		#copyright p{   }
		#copyright p a{   }
		/*-----------------------------------------------------------*/
		#welcomeContainer{
		padding: 10px;
		font-size: 13px;
		}
		#welcomeContainer a{
		margin-left: 10px;
		padding-left: 10px;
		}
		#tabNavigation {
		top: 66px;
		right: 0px;
		}
		#tabNavigation #tabNavigationInner {   }
		#tabNavigation #tabNavigationInner ul{   }
		#tabNavigation #tabNavigationInner ul li{   }
		#tabNavigation #tabNavigationInner ul li a{
		padding: 8px 20px;
		margin: 0px 0px 0px 10px;
		font-size: 16px;
		}
		#tabNavigation #tabNavigationInner ul li a:hover{
		padding-bottom:11px;
		}
		#tabNavigation #tabNavigationInner ul li a.childSelected{   }
		#tabNavigation #tabNavigationInner ul li ul{   }
		#tabNavigation #tabNavigationInner ul li ul li.level1{   }
		#tabNavigation #tabNavigationInner ul li a.menuSelected{
		padding-bottom:11px;
		}
		#tabNavigation #tabNavigationInner ul li ul li a.menuSelected{
		padding-bottom: 11px;
		}
		#tabNavigation #tabNavigationInner ul li ul li a.menu{   }
		/*-----------------------------------------------*/
		.logoutLink{
		bottom: -39px;
		}
		.logoutLink a{
		width: 80px;
		padding: 8px 0px;
		margin: 0px 0px 0px 10px;
		font-size: 16px;
		}
		.logoutLink a:hover{   }
		/*-----------------------------------------------*/
		.inductionListingItem{
		width: 96%;
		padding:  1.2% 2%;
		margin: 0px 0px 15px 0px;
		}
		.inductionListingItem:nth-child(even){   }
		.inductionListingItem a{   }
		.inductionListingItem a:hover{   }
		.inductionListingItem span.completed{
		width: 60%;
		margin: 4px 0px 0px 0px;
		padding: 0 0 0 20px;
		}
		.inductionListingItem .title{
		font-size: 18px;
		}
		.inductionListingItem .divTitle p{   }
		.completedMaterialLink{
		font-size: 15px;
		}
		.certificate{
		margin: 0px 30px 0px 0px;
		background: url(http://www.wntventures.co.nz.test.moca.co.nz/images/style/viewCertificate.png)bottom center no-repeat;
		height: 50px;
		}
		.inductionUrl{
		top: 140px !important;
		}
		.inductionListingItem .description{   }
		.induction-manage-staff h1{
		width: 40%;
		/*  */
		margin-bottom: 40px;
		}
		.inductionQuestions .question span{
		font-size:18px;
		padding: 10px;
		}
		/*-----------------------------------------------*/
		a.printLink{
		top: 30px;
		height: 20px;
		padding: 0px 24px 0px 20px;
		}
		/*-----------------------------------------------*/
		form#pageForm{   }
		.paginator{
		width: 92%;
		margin: 30px 0px 0px 0px;
		padding: 1% 4%;
		}
		.paginator b{   }
		.paginator a{   }
		/*-----------------------------------------------*/
		input.fmtxt{
		font-size: 12px;
		padding: 10px;
		width: 452px;
		margin: 5px 0px;
		}
		/*-----------------------------------------------*/
		table#surveyTable,table#surveyTable table{   }
		table#surveyTable th{
		padding: 10px 15px;
		font-size: 13px;
		}
		table#surveyTable td{
		padding: 10px 0px;
		}
		table#surveyTable td input{
		width: 5%;
		}
		table#surveyTable td input.fsub{   }
		table#surveyTable td label{
		width: 90%;
		}
		table#surveyTable th p,table#surveyTable td p{   }
		table#surveyTable tr:nth-child(even) {   }
		table#surveyTable tr:nth-child(odd) {   }
		table#surveyTable p strong {   }
		span.fieldNumber{
		padding: 0px 15px 0px 0px;
		}
		table#surveyTable td.surveyLabelVertical,table#surveyTable td.surveyLabelHorizontal{
		padding: 10px;
		}
		table#surveyTable label:hover{   }
		table#surveyTable td table{
		margin: -10px 0px;
		}
		table#surveyTable td table td table td input{
		width: 10%;
		}
		table#surveyTable td table td table td label{
		width: 90%;
		}
		.buttonBar{   }
		.fsub{
		padding: 8px 20px;
		font-size: 16px;
		}
		.fsub:hover{   }
		.reset{
		margin-right:20px}
		#statusMessage{
		margin: 5px 0px 20px;
		}
		#inductionCertificate td{   }
		#pageEditorContent #inductionCertificate table td.headerCert{   }
		/*-------------------------------------------------------*/
		a.previousStep{
		padding: 8px 20px;
		margin: 0px 10px 0px 0px;
		font-size: 15px;
		}
		a.previousStep:hover{   }
		span.previousStep{
		padding: 8px 20px;
		margin: 0px 10px 0px 0px;
		font-size: 15px;
		}
		a.nextStep{
		padding: 8px 20px;
		margin: 0px 0px 0px 10px;
		font-size: 15px;
		}
		a.nextStep.continueToQuestions{
		padding: 8px 20px;
		margin: 0px 0px 0px 0px;
		font-size: 13px;
		}
		a.nextStep:hover{   }
		span.nextStep{
		padding: 8px 80px;
		margin: 20px 10px 0px 0px;
		font-size: 24px;
		}
		#lastPage .nextStep{   }
		#lastPage .previousStep{
		font-size:16px;
		}
		#lastPage #presentationComplete button{
		top: 50px;
		}
		.addUser{
		width: auto;
		margin: 20px 0px 20px 0px;
		}
		#addUser{
		padding: 0px 10px;
		}
		a#addUser{   }
		a#addUser:hover span{   }
		a#addUser span{
		top: 1px;
		width: 11px;
		height: 30px;
		line-height: 28px;
		font-size: 24px;
		margin: 0px 6px 0px 0px;
		}
		td.headerUser{
		width:200px;
		padding: 14px 10px 0px 10px;
		}
		td.valueUser{
		padding: 10px;
		}
		td.headerEmail{
		width:300px;
		padding: 14px 10px 0px 10px;
		}
		td.valueEmail{
		padding: 10px;
		}
		td.headerStatus{
		width: 100px;
		padding: 14px 10px 0px 10px;
		}
		td.valueStatus{
		padding: 10px;
		}
		td.headerLastLogged{
		width: 100px;
		padding: 14px 10px 0px 10px;
		}
		td.valueLastLogged{
		padding: 10px;
		}
		td.headerDelete{
		width: 87px;
		padding: 10px;
		}
		tr.userRow{   }
		td.valueUser,td.valueEmail,td.valueStatus,td.valueLastLogged,td.valueDelete{   }
		#sendControls{
		width: 92%;
		padding: 2% 4%;
		margin: 0px !important;
		}
		#sendControls #sendResults
		{   
		}
		#sendControls span{
		width: auto;
		}
		#sendControls span#userEmail{   }
		#sendControls input#userEmailCheckbox{   }
		#sendControls span#adminEmail{   }
		#sendControls input#adminEmailCheckbox{   }
		#sendControls span{ width: auto !important;  }
		#sendControls input#email{
		width: 250px;
		border: 1px solid #bbb;
		padding: 6px 8px;
		margin: 8px 10px 8px 0px;
		}
		#sendControls button#emailSend{
		width: 347px;
		padding: 6px 30px;
		margin: 4px 10px 30px 0px;
		font-size: 16px;
		}
		#sendControls button#emailSend:hover{   }
		#sendControls button#print{
		padding: 6px 30px;
		margin: 4px 10px 30px 0px;
		font-size: 16px;
		}
		#sendControls button#print:hover{   }
		#sendControls #sendResults{
		margin: 15px 0px;
		line-height: 22px;
		}
		/*-------------------------------------------------------------*/
		table.userRegistration td{
		padding: 2px 10px;
		font-size:15px;
		}
		table.userRegistration .fheader{   }
		table.userRegistration td input.fmtxt{
		width:220px;
		}
		table.userRegistration td input.reset{   }
		li.last.leaf:before{
		content: "" !important;
		}
		.tree .ltr ins{   }
		#iTree ul.ltr{   }
		#iTree li.leaf{   }
		.userRegistration .labelHorizontal{
		width:150px;
		padding:15px 0px 0px 0px;
		}
		.passIgnore{
		margin-left: 10px;
		}
		.userRegistration .newUserText{
		top: 25px;
		left: -160px;
		}
		.userRegistration .buttonPanel{
		width: 60px;
		height: 38px;
		right: -20px;
		margin-bottom: 50px;
		}
		.ftable{
		margin:20px;
		}
		#listingTable{   }
		.inductionListing{
		margin: 20px 0 0 0;
		}
		/*--------------------------------------------*/
		a.getStartedButton{
		padding: 8px 20px;
		font-size: 16px;
		}
		a.getStartedButton:hover{   }
		/*------------------TREE OVERRIDE----------------------*/
		.tree-apple li a, .tree-apple li span{
		padding: 4px 0px 4px 10px !important;
		}
		.tree-apple li a, .tree-apple li span{
		background: transparent url(http://www.wntventures.co.nz.test.moca.co.nz/images/icons/checkbox.jpg) top left no-repeat !important;
		}
		.tree-apple li a.clicked, .tree-apple li span.clicked{
		background: transparent url(http://www.wntventures.co.nz.test.moca.co.nz/images/icons/checkbox_checked.jpg) top left no-repeat !important;
		}
		.tree-apple li a:hover,.tree-apple li a.clicked:hover{   }
		#pageEditorContent .treeBox ul li:before {   }
		.emailHelpNote{
		top: 280px;
		left: 40px;
		font-size: 12px;
		}
		p#welcome{
		top:60px;
		}
		.data_form{   }
		.inductionLabelHorizontal{
		padding: 10px 5px;
		}
		.inductionValueHorizontal{
		margin-bottom: 30px;
		padding-left: 6px;
		}
		#inductionTable td{   }
		#inductionTable td label{
		margin: 0px 0px 0px 22px;
		}
		#retryMessage{   }
		#retryMessage #results{
		font-size: 18px;
		}
		#retryMessage #results span{   }
		#retryMessage #retryButton{
		padding: 8px 20px;
		font-size: 15px;
		}
		#retryMessage #retryButton:hover{   }
		/*------------------Dashboard----------------------*/
		#inductionDashboard{
		margin-top: 3%;
		}
		.inductionDashboardSelect{
		font-size: 15px;
		padding: 0.8% 2%;
		}
		#inductionDashboard h4{
		font-size: 18px;
		}
		#inductionDashboard p{   }
		#inductionDashboard .stats{
		min-height: 120px;
		}
		#inductionDashboard .graphContainer{
		width: 40%;
		margin: 4.9% 0;
		padding: 0 4.9%;
		}
		#inductionDashboard.inclLicense .graphContainer{
		width: 23% !important;
		}
		#inductionDashboard .graphContainer:last-child{   }
		#inductionDashboard canvas{   }
		#inductionDashboard #staffNotCompleted,#inductionDashboard #staffCompleted{
		margin: 10% 0 0 0;
		padding: 5%;
		width: 89%;
		}
		#inductionDashboard #staffNotCompleted span,#inductionDashboard #staffCompleted span{
		margin-left: 5%;
		font-size: 15px;
		}
		
		.tree li a, 
		.tree li span {
		white-space: normal !important;
		text-indent: -24px;
		margin: 0px 0px 10px 0px !important;
		padding: 0px 0px 4px 30px !important;
		}

}


/*---- BP2 --- All phones ----------*/

@media screen and (max-width: 450px) {
body, html{   }
body.iframe{   }
h1, h2, h3, h4, h5, p, ul, ol, li, form, hr{   }
BODY, TABLE{
font-size:15px;
}
/* ----------- General Page Rules -------------------------*/
h1{
margin: 15px 0px;
font-size: 30px;
}
h2{
margin: 15px 0px;
font-size: 28px;
}
h3{
margin: 10px 0px;
font-size: 18px;
}
h3 button{   }
h4{
margin: 8px 0px;
font-size: 14px;
}
h5{
margin: 8px 0px 0px 0px;
font-size: 14px;
}
p,div#pageSource{
line-height: 19px;
margin: 12px 0px;
}
div#pageSource{   }
ul{
margin: 10px 0px;
padding: 0px 0px 0px 30px;
}
ol{
margin: 10px 0px;
padding: 0px 0px 0px 30px;
}
#pageEditorContent ul li{
margin: 3px 0px;
line-height: 24px;

}
#pageEditorContent ul li:before{   }
li p{
line-height: 24px;
}
hr{
margin: 15px 0px;
}
a{   }
.inactive{   }
a:hover{   }
td{   }
a img{   }
button{
padding: 8px 20px;
margin: 0px 10px 0px 0px;
font-size: 16px;
}
button:hover{   }
.fsubNoWidth{
padding: 8px 10px;
font-size: 12px;
left: 20px;
}
button:hover{   }
.clickToDownloadButton{
padding: 8px 20px;
margin: 20px 10px 0px 0px;
font-size: 16px;
}
.clickToDownloadButton:hover{   }
table{   }
th,td.lheader,td.lheadercolumn{
padding: 10px 0px;
font-size: 15px;
}
td.lheader a,td.lheadercolumn a{   }
td{
padding: 10px 0px;
}
th p,td p{   }
tr{   }
p strong {   }
#company{
width:300px;
height:60px;
top: 32px;
margin: 20px 10px;
}
.companyName{
font-size: 36px;
text-decoration: none !important;
}
.copmanyTagline{
font-size:16px;
top: 35px;
text-decoration: none !important;
}
a.navbar-brand {
	padding: 0px
}
a.navbar-brand img {
	width:150px;
}
/*------------ Main Containers ---------------------------------------*/
body{
height: 100%;
}
#header{
width: 100%;
}
#content{
z-index: 40;
width: 100%;
}
/*------------ Module/Element Specific Rules ---------------------------------------*/
/*----------------------------------------------------------*/
#header{
height: 320px;
}
#header .container{   }
#header .bgContainer{  width: 320px; padding: 0; }
#header a.logo{ 0px 0px 0px 20px; }
#header a.logo img{
margin: 20px 0px 0px 0px;
}
/*----------------------------------------------------------*/
#content{
padding: 35px 0px;
min-height: 300px;
}
#content .container{   }
#content .bgContainer{   }
/*----------------------------------------------------------*/
#pageEditorContent .presentationPage{   }
.induction-list #content #pageEditorContent h2{
font-size:32px;
}
.induction-list #content #pageEditorContent #clickToStart{
font-size:28px;
}
.induction-list #content #pageEditorContent #filterForm #c{
padding: 0.8% 2%;
font-size: 15px;
}
.induction-list #content #pageEditorContent #filterForm #c option{
padding: 0.8% 11%;
}
#lastPage{
margin-top:20px;
}
#lastPage h1{
font-size:32px;
}
#lastPage h3{
font-size:20px;
}
#pageEditorContent #paginator{
margin-top: 30px;
}
#pageEditorContent #paginator .pageNum{
height: 36px;
padding-top: 10px;
margin-left: 0px;
width: 100%;

}
#contactInformationContainer{
top: 358px;
width: 261px;
padding:10px 20px;
}
#pageEditorContent.homeLoggedIn{   }
/*----------------------------------------------------------*/
#loginContainer{
width: 245px;
padding: 3%;
height: 272px;
}
#loginContainer a{
margin: 5px 0px;
}
#loginContainer p.loginLabel{
margin:0px 0px 25px 0px;
font-size: 24px;
}
#loginContainer p{   }
#loginContainer form{   }
#loginContainer form div{   }
#loginContainer form input{   }
#loginContainer form input.inputText{
font-size: 12px;
padding: 6px;
width: 233px;
margin: 5px 0px;
}
#loginContainer form input.buttonForm{
width: 72px;
padding: 5px 15px;
margin: 35px 4px 0px;
}
#loginContainer form input.buttonForm:hover{
/* Old browsers */
}
#loginContainer form #loginRemember{
margin-top: 37px;
}
#loginContainer form input.remembermeCheckbox{   }
#loginContainer form label{   }
/*----------------------------------------------------------*/
#footer{ 
position: relative;
}
#footer .container{   }
#footer .bgContainer{   }
/*----------------------------------------------------------*/
#copyright{   }
#copyright p{   }
#copyright p a{   }
/*-----------------------------------------------------------*/
#welcomeContainer{
width: 92%;
padding: 10px 4%;
font-size: 13px;
}
#welcomeContainer a{
margin-left: 10px;
padding-left: 10px;
}
#tabNavigation {
top: 90px;
right: 0px;
}
#tabNavigation #tabNavigationInner {   }
#tabNavigation #tabNavigationInner ul,
#tabNavigation #tabNavigationInner ul li{  
padding:0px;
margin: 1px 0px;
display: block !important;
width: 100% !important;
}
#tabNavigation #tabNavigationInner ul li a{
padding: 8px 3%;
margin: 0px 3%;
font-size: 16px;
display: block !important;
width: 88% !important;
border-radius: 5px;
}
#tabNavigation #tabNavigationInner ul li a:hover{
padding-bottom: 8px;
}
#tabNavigation #tabNavigationInner ul li a.childSelected{   }
#tabNavigation #tabNavigationInner ul li ul{   }
#tabNavigation #tabNavigationInner ul li ul li.level1{   }
#tabNavigation #tabNavigationInner ul li a.menuSelected{
padding-bottom:11px;
}
#tabNavigation #tabNavigationInner ul li ul li a.menuSelected{
padding-bottom: 11px;
}
#tabNavigation #tabNavigationInner ul li ul li a.menu{   }
/*-----------------------------------------------*/
.logoutLink{
bottom: -39px;
}
.logoutLink a{
width: 80px;
padding: 8px 0px;
margin: 0px 0px 0px 10px;
font-size: 16px;
}
.logoutLink a:hover{   }
/*-----------------------------------------------*/
.inductionListingItem{
width: 96%;
padding:  1.2% 2%;
margin: 0px 0px 15px 0px;
}
.inductionListingItem:nth-child(even){   }
.inductionListingItem a{
float: left;
width: 100%;
}
.inductionListingItem a:hover{   }
.inductionListingItem span.completed{
width: 100%;
margin: 4px 0px 0px 0px;
padding: 0 0 0 0px;
}
.inductionListingItem .title{
font-size: 18px;
}
.inductionListingItem .divTitle p{   }
.completedMaterialLink{
font-size: 15px;
}
.certificate{
margin: 0px 30px 0px 0px;
background: url(http://www.wntventures.co.nz.test.moca.co.nz/images/style/viewCertificate.png) bottom right no-repeat;
height: auto;
padding: 3px 0px;
}
.inductionUrl{
top: 140px !important;
}
.inductionListingItem .description{   }
.induction-manage-staff h1{
width: 100%;
/*  */
margin-bottom: 40px;
}
.inductionQuestions .question span{
font-size:18px;
padding: 10px;
}
/*-----------------------------------------------*/
a.printLink{
display: none;
}
/*-----------------------------------------------*/
form#pageForm{   }
.paginator{
width: 92%;
margin: 30px 0px 0px 0px;
padding: 1% 4%;
}
.paginator b{   }
.paginator a{   }
/*-----------------------------------------------*/
input.fmtxt{
font-size: 12px;
padding: 10px;
width: 452px;
margin: 5px 0px;
}
/*-----------------------------------------------*/
table#surveyTable,table#surveyTable table{   }
table#surveyTable th{
padding: 10px 15px;
font-size: 13px;
}
table#surveyTable td{
padding: 10px 0px;
}
table#surveyTable td input{
width: 5%;
}
table#surveyTable td input.fsub{   }
table#surveyTable td label{
width: 90%;
}
table#surveyTable th p,table#surveyTable td p{   }
table#surveyTable tr:nth-child(even) {   }
table#surveyTable tr:nth-child(odd) {   }
table#surveyTable p strong {   }
span.fieldNumber{
padding: 0px 15px 0px 0px;
}
table#surveyTable td.surveyLabelVertical,table#surveyTable td.surveyLabelHorizontal{
padding: 10px;
}
table#surveyTable label:hover{   }
table#surveyTable td table{
margin: -10px 0px;
}
table#surveyTable td table td table td input{
width: 10%;
}
table#surveyTable td table td table td label{
width: 90%;
}
.buttonBar{   }
.fsub{
padding: 8px 20px;
font-size: 16px;
}
.fsub:hover{   }
.reset{
margin-right:20px}
#statusMessage{
margin: 5px 0px 20px;
}
#inductionCertificate td{   }
#pageEditorContent #inductionCertificate table td.headerCert{   }
/*-------------------------------------------------------*/
a.previousStep{
width: 100%;
padding: 8px 0px;
margin: 0px 10px 0px 0px;
font-size: 12px;
text-align: center;
}
a.previousStep:hover{   }
span.previousStep{
padding: 8px 20px;
margin: 0px 10px 0px 0px;
font-size: 12px;
}
a.nextStep{
width: 100%;
padding: 8px 0px;
margin: 0px 0px 0px 10px;
font-size: 12px;
text-align: center;
}
a.nextStep.continueToQuestions{
padding: 8px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
}
a.nextStep:hover{   }
span.nextStep{
padding: 8px 80px;
margin: 20px 10px 0px 0px;
font-size: 12px;
}
#lastPage .nextStep{   }
#lastPage .previousStep{
font-size:16px;
}
#lastPage #presentationComplete button{
top: 50px;
}
.addUser{
float: left;
width: auto;
margin: 20px 0px 20px 0px;
}
#addUser{
padding: 0px 10px;
}
a#addUser{   }
a#addUser:hover span{   }
a#addUser span{
top: 1px;
width: 11px;
height: 30px;
line-height: 28px;
font-size: 24px;
margin: 0px 6px 0px 0px;
}
td.headerUser{
width:200px;
padding: 14px 10px 0px 10px;
}
td.valueUser{
padding: 10px;
}
td.headerEmail{
width:300px;
padding: 14px 10px 0px 10px;
}
td.valueEmail{
padding: 10px;
}
td.headerStatus{
width: 100px;
padding: 14px 10px 0px 10px;
}
td.valueStatus{
padding: 10px;
}
td.headerLastLogged{
width: 100px;
padding: 14px 10px 0px 10px;
}
td.valueLastLogged{
padding: 10px;
}
td.headerDelete{
width: 87px;
padding: 10px;
}
tr.userRow{   }
td.valueUser,td.valueEmail,td.valueStatus,td.valueLastLogged,td.valueDelete{   }
#sendControls{
width: 92%;
padding: 2% 4%;
margin: 0px !important;
}
#sendControls #sendResults
{   
}
#sendControls span{
width: auto;
}
#sendControls span#userEmail{   }
#sendControls input#userEmailCheckbox{   }
#sendControls span#adminEmail{   }
#sendControls input#adminEmailCheckbox{   }
#sendControls span{ width: auto !important;  }
#sendControls input#email{
width: 250px;
border: 1px solid #bbb;
padding: 6px 8px;
margin: 8px 10px 8px 0px;
}
#sendControls button#emailSend{
width: 347px;
padding: 6px 30px;
margin: 4px 10px 30px 0px;
font-size: 16px;
}
#sendControls button#emailSend:hover{   }
#sendControls button#print{
padding: 6px 30px;
margin: 4px 10px 30px 0px;
font-size: 16px;
}
#sendControls button#print:hover{   }
#sendControls #sendResults{
margin: 15px 0px;
line-height: 22px;
}
/*-------------------------------------------------------------*/
table.userRegistration td{
padding: 2px 10px;
font-size:15px;
}
table.userRegistration .fheader{   }
table.userRegistration td input.fmtxt{
width:220px;
}
table.userRegistration td input.reset{   }
li.last.leaf:before{
content: "" !important;
}
.tree .ltr ins{   }
#iTree ul.ltr{   }
#iTree li.leaf{   }
.userRegistration .labelHorizontal{
width:150px;
padding:15px 0px 0px 0px;
}
.passIgnore{
margin-left: 10px;
}
.userRegistration .newUserText{
top: 25px;
left: -160px;
}
.userRegistration .buttonPanel{
width: 60px;
height: 38px;
right: 0px;
margin-bottom: 50px;
}
.ftable{
margin:20px;
}
#listingTable{   }
.inductionListing{
margin: 20px 0 0 0;
}
/*--------------------------------------------*/
a.getStartedButton{
padding: 8px 0px;
margin : 15px 0px;
text-align: center;
font-size: 16px;
}
a.getStartedButton:hover{   }
/*------------------TREE OVERRIDE----------------------*/
.tree-apple li a, .tree-apple li span{
padding: 4px 0px 4px 10px !important;
}
.tree-apple li a, .tree-apple li span{
background: transparent url(http://www.wntventures.co.nz.test.moca.co.nz/images/icons/checkbox.jpg) top left no-repeat !important;
}
.tree-apple li a.clicked, .tree-apple li span.clicked{
background: transparent url(http://www.wntventures.co.nz.test.moca.co.nz/images/icons/checkbox_checked.jpg) top left no-repeat !important;
}
.tree-apple li a:hover,.tree-apple li a.clicked:hover{   }
#pageEditorContent .treeBox ul li:before {   }
.emailHelpNote{
top: 280px;
left: 40px;
font-size: 12px;
}
p#welcome{
top:60px;
}
.data_form{   }
.inductionLabelHorizontal{
padding: 10px 5px;
}
.inductionValueHorizontal{
margin-bottom: 30px;
padding-left: 6px;
}
#inductionTable td{   }
#inductionTable td label{margin: 0px 0px 0px 22px;max-width: 85%;}
#retryMessage{   }
#retryMessage #results{
font-size: 18px;
}
#retryMessage #results span{   }
#retryMessage #retryButton{
padding: 8px 20px;
font-size: 15px;
}
#retryMessage #retryButton:hover{   }
/*------------------Dashboard----------------------*/
#inductionDashboard{
margin-top: 3%;
}
.inductionDashboardSelect{
font-size: 15px;
padding: 0.8% 2%;
width: 100%;
}
#inductionDashboard h4{
font-size: 18px;
}
#inductionDashboard p{   }
#inductionDashboard .stats{
min-height: 120px;
}
#inductionDashboard .graphContainer{
width: 40%;
margin: 4.9% 0;
padding: 0 4.9%;
}
#inductionDashboard.inclLicense .graphContainer{
width: 92% !important;
padding: 0 4%;
border-right: none;
}
#inductionDashboard .graphContainer:last-child{   }
#inductionDashboard canvas{   }
#inductionDashboard #staffNotCompleted,#inductionDashboard #staffCompleted{
margin: 10% 0 0 0;
padding: 5%;
width: 89%;
}
#inductionDashboard #staffNotCompleted span,#inductionDashboard #staffCompleted span{
margin-left: 5%;
font-size: 15px;
}

.tree li a, 
.tree li span {
white-space: normal !important;
text-indent: -24px;
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 4px 30px !important;
}


.userRegistration .newUserText {
    left: 0px;
    top: 0px;
margin : 14px 0px;
}

.ftable {
    margin: 0px;
}

table.userRegistration,
table.userRegistration tr,
table.userRegistration td
{
display: block;
clear: both;
margin: 0;
padding: 0;
width : 100% !important;
background: #f5fdfe;
}
table.userRegistration td
{
width : 96% !important;
padding: 0 2% !important;
}

iframe,
img
{/* width: auto !important; */height: auto !important;max-width: 100%;}

#listingTable td.valueUser
{
display: block;
}


#listingTable td
{
display: none;
}

.loginContainer{
	float: right;
	width: 30%;
}


.mobileTable {
    overflow-x:scroll;
    padding-bottom:40px;
}
.mobileTable:after {
   content:" ";
   display:block;
   position:fixed;
   float:left;
   height:40px;
   margin-bottom:20px;
   width:30px;
   left:50%;
   background:url("../images/icons/scroll.png");
   background-size:100%;
}

div.supervisor-icons svg {
    width: 100px;
}

}

@media only screen and (max-width: 1024px) {
	
	
  }

.disableInduction{
	background-color: #f8f8f8 !important;
	border: 0px;

	
}

.disableOverlay{
	position: absolute;
    width: 97%;
    height: 85%;
    background-color: #f9f9f9;
    opacity: 0.25;
	z-index: 100;
}

#covidStatusModal{
	top: 20%;
	left: 5%;
}

#saveCovidStatus{
	left: 45%;
    margin-bottom: 20px;
    margin-top: 20px;
}

#covidShow img{
	height: 16px;
    margin-left: 5px;
}

.covidStatusIcons img{
	height: 30px;
}

.vaccineStatusIcon{
	height: 30px;
}