/*

	PCCB Main stylesheet
	
	Author: cFront Software Ltd (SABN)
	Date: September 2014
	
	Colours:
	
	Green: #3baa35;
	Dark Blue: #2e3d50;
	
*/

html {
	overflow-y:scroll;
}

body {
	background:#EDEDED;
	font-family: verdana,tahoma,helvetica,sans-serif;
	margin:0;
	padding:0;
	font-size:14px;
}

#page {
	max-width:1040px;
	margin:0 auto;
	background:#FFFFFF;
}

h1, h2, h3, h4, h5 {
	color:#3baa35;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
}

h1 {
	font-size: 3em;
	margin: 10px 0 4px 0;
}

h1.reg {
	margin: 10px 0 20px 0;
}

h2 {
	
}

.noshow {display:none;}

.form-help {
    color: #666666;
    font-style: italic;
    font-size: 13px;
    padding: 0 12px;
    background: #ededed;
    margin: 12px 0;
    border: 1px dotted #666666;
    border-radius: 8px;
}

.form-row-para .label {
	display:inline-block;
	width:80px;
}

.form-row-para select {
	margin:0 4px;
}

a, a:visited, a:link {
	text-decoration:none;
	color:#3baa35;
}

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

h2 a, h2 a:visited, h2 a:link {
	display:block;
	color:#2e3d50;
}

h2 a:hover {
	text-decoration:none;
	color:#3baa35;
	transition: color ease 0.5s;
}

em {
	color:#666666;
}

.bold {
	font-weight:600;
}

#header {
	padding:0;
	clear:both;
	border-bottom: 4px solid #2e3d50;
	position: relative;
}

#header h1 {
	display:block;
	float:left;
	max-width:300px;
	margin:0 30px 0 30px;
	padding: 45px 0 0 0;
	font-size: 2em;
	font-weight:bold;
}

#header h1 .normal {
	font-weight:normal;
	display:block;
	
}

h3.reg3_title {
    color: #2e3d50;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-size:30px;
}

h3.reg3_title img {
    display:inline-block;
    margin-right:10px;
    width:80px;
}
    #logo {
    display: block;
    max-width: 90px;
    float: left;
    padding: 20px 0px 20px 30px;
}

.reg_bank_details,
.reg3_srch_agree {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    background: #ededed;
    border: 1px solid #CCCCCC;
}
#logo img {
    display: block;
    width: 100%;
}

#header ul {
	margin:0;
	padding:0;
}

#navigation {
	display:block;
	float:left;
	max-width:675px;
	font-family: 'Raleway', sans-serif;
}

#navigation li {
	display:inline-block;
}

#navigation li a {
	display:block;
	color:#999999;
	padding:20px 15px;
	text-decoration:none;
	margin-top:50px;
}

#navigation li a:hover {
	display:block;
	color:#FFFFFF;
	background:#2e3d50;
	transition: background ease 0.5s;
	text-decoration:none;
}

.header_border {
	display:block;
	width:50%;
	border-bottom:3px solid #2e3d50;
}

#content {
	padding-bottom:20px;
}

/*
	
	Registration

*/

#reg_progress li {
	list-style-type:none;
	font-size:9px;
	display:block;
	float:left;
	background:#DDDDDD;
	color:#333333;
	width:11%;
	text-align:center;
	font-weight: 600;
}

#reg_progress li span {
	display:block;
	padding:10px 5px;
}

#reg_progress li.current {
    background: #2e3d50;
    color: #ffffff;
}

#reg_progress li.completed {
	background:#3baa35;
	color:#FFFFFF;
}

.form_left_col {
	float:left;
	width:45%;
	margin-right:5%;
}

.form_right_col {
	float:left;
	width:45%;
	margin-right:5%;
}

.reg_standard_note {
	display:block;
	background:#EDEDED;
	border-radius:2px;
	padding:10px;
	margin-top:20px;
	font-size:12px;
}

.clear_note {
	clear:both;
	margin-top:10px;
	background:#EDEDED;
	border-radius:2px;
	padding:10px;
	font-size:12px;
}

.form_control {
	clear:both;
	margin-top:10px;
}

.reg4_tbnote {
	display:block;
	clear:both;
}

.form_container h2 {
	border-bottom:3px solid #ededed;
	padding-bottom:5px;
}

#pageContentLeftCol label, 
.form_container label {
	display:inline-block;
	width:180px;
	font-weight:600;
	color:#2e3d50;
	font-size:13px;
}

.form_checkbox_row {
    padding:10px 0;
}

#pageContentLeftCol .form_checkbox_row label,
.form_container .form_checkbox_row  label 
{
    width:calc(90% - 40px);
}

.form_row {
    margin:10px 0;
}

input {padding:6px 12px;}

.form_checkbox_row input {
    margin:2px 10px 0 0;
}

.form_checkbox_row {
    display:flex;
}

#pageContentLeftCol label.full_width {
	width:100%;
}

.form_container input[type="text"],
.form_container input[type="password"] {
	padding: 10px 5px;
	border:1px solid #DDDDDD;
	margin: 10px 0;
	display:inline-block;
}

.reg2_smallnote {
	font-size:15px;
	color:#666666;
	display:block;
}

.input_note {
	display:block;
	margin-left:184px;
}


#lblUID {display:block;}

span#lblUsernameError,
span.reg2_uidlabel {
	display:block;
	margin-left:184px;
	padding:10px;
}

span.reg2_uid_note_OK {
	background:#3baa35;
	color:#FFFFFF;
}	

span.reg2_uidlabel {
	font-weight:bold;
	color:#3baa35;
}

.fw {width:100%;}

.form-error,
span.reg2_uid_error {
	background: #f00542;
    color: #FFFFFF;
    padding: 4px 6px;
    display: block;
    border-radius: 3px;
}

.form-error a,
.form-error a:visited,
.form-error a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.reg2_cberror,
.fielderror,
.ERROR {
	color:#f00542;
	font-weight:bold;
}

.edititem {
	display:block;
	clear:both;
}

.firm_status span {
	font-weight:600;
}

/* Home page specific styles */
#homeFeature {
	background:#3baa35;
	height:360px;
	overflow:hidden;
}

#homeFeatureContent {
	float:left;
	width:65%;
	max-width:680px;
	color:#FFFFFF;
}

#homeFeatureIntro {
	padding:50px;
	font-size:2em;
}

#homeFeatureImage {
	width:35%;
	max-width:360px;
	float:left;
}

#homeFeatureImage img {
	width:100%;
}

#homeFeatureSearchBox {
	padding:20px 30px 20px 50px;
	
}

#homeFeatureSearchBox input {
	background:#FFFFFF;
	border:0;
	font-size:1.6em;
	padding:10px;
	width:75%;
	max-width:360px;
	font-family: 'Raleway', sans-serif;
}

#homeFeatureSearchBox button {
	background:#297525;
	border:0;
	font-size:1.6em;
	padding:10px 20px;
	color:#FFFFFF;
	font-family: 'Raleway', sans-serif;
}

#homeFeatureSearchBox button:hover {
	cursor:pointer;
	background:#2e3d50;
	transition: background ease 0.5s;
}


#homeContent {
	padding:20px 40px;
}

#homeContentLeftCol {
	float:left;
	width:65%;
}

#homeContentRightCol {
	float:left;
	width:30%;
	margin-left:5%;
}

#homeContentRightCol h2 {
	margin:20px 0 10px 0;
}

#homeContentRightCol img {
	display:block;
	width:75%;
}

#tposBox {
	margin-top:40px;
}

.search_code {
	margin:40px 0;
}

.org_reg {
    margin:20px 0;
    line-height:26px;
}

.or_codes span {font-weight:900;}

/* page styles */

#pageContentOuter,
#pageContent {
	display:flex;
    flex-wrap:wrap;
    padding: 20px 40px;
    box-sizing:border-box;
    width:100%;
}

.form-row {
    margin:8px 0;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

#pageContentOuter > *,
#pageContent > * {
    box-sizing:border-box;
}

.controls,
#pageContent h2,
#pageContent h3,
#pageContent h4 {
    width:100%;
}

#pageContentOuter > #pageContent {
    padding:0;
}

#pageContentLeftCol {
	width:65%;
}

#pageContentRightCol {
	width:30%;
	margin-left:5%;
}

#pageContentLeftCol ul,
#pageContentLeftCol ol {
	margin:20px;
}

#pageContentLeftCol ul#reg_progress {
    margin: 0;
    padding: 0;
    display: flex;
}

#pageContentLeftCol ul li,
#pageContentLeftCol ol li {
    margin: 0 0 10px 0;
}

.renew_org_comp label {
    width:150px;
    display:inline-block;
}

.form_row_flex {
    display:flex;
    align-items:flex-start;
}

.form_container .form_row_flex label,
#pageContentLeftCol .form_row_flex label {
    width:25%;
}

.form_container .form_row_newline label,
#pageContentLeftCol .form_row_newline label {
    width:100%;
    display:block;
    margin:10px 0;
}

.fielderror {
    display:block;
    padding:10px;
    background:#f00542;
    color:#FFFFFF;
}

#rightSubMenu,
.resources_filter {
	margin:20px 0 0 0;
	padding:0;
	list-style-type:none;
}

#rightSubMenu li a {
	display:block;
	padding:0 0 5px 0;
	text-decoration:none;
}

#rightSubMenu li a:hover {
	text-decoration:none;
}

#subMenuBox h2 {
	color:#2e3d50;
}

.full_news {
	border-bottom:1px solid #DDDDDD;
	padding-bottom:20px;
}

.faq {
	margin:10px 0;
	border-bottom:1px solid #DDDDDD;
}

.faq_question {
	display:block;
	padding:10px 0;
	position:relative;
}

.faq_question.selected {
	color:#2e3d50;
	padding:10px;
	background:#DDDDDD;
}

.faq_question .close_answer {
	position:absolute;
	right:0px;
	top:0px;
	text-decoration:none;
	color:#2e3d50;
	display:none;
}

.faq_question.selected .close_answer {
	display:block;
	padding:10px;
}

.faq_question.selected .close_answer:hover {
	background:#2e3d50;
	color:#FFFFFF;
	text-decoration:none;
}

.faq_answer {
	display:none;
	padding:10px 20px;
	background:#EDEDED;
	color:#2e3d50;
}

.faq_answer.visible {
	display:block;
}

.lnav_about.resources {
	display:none;
}

table {
	border: 1px solid #D8D6C3;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	width: 60%;
}

table.org_resources {
	width:100%;
}

table.org_resources td.org_resource_dld a {
	white-space:nowrap;
}

table td {
	border: 1px solid #D8D6C3;
	padding: 6px;
}

#pageContentLeftCol .register_search ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}	

#registerSearch input {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	font-size: 1.6em;
	padding: 10px;
	width: 75%;
	max-width: 360px;
	font-family: 'Raleway', sans-serif;
}

.register_search ul li {
	padding:10px;
	margin:10px 0;
	border:1px solid #DDDDDD;
	
}

.register_search ul li .listitem .name,
.register_search ul li .details .name {
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
	color:#2e3d50;
	font-size:1.2em;
}

.register_search ul li .listitem .location {
	color:#666666;
	margin-bottom:10px;	
}

.register_search ul li .details .address {
	margin:10px 0;
}	

.register_search ul li .details .email {
	margin-top:10px;
}

.register_search ul li .details .website {
	margin-bottom:10px;
}

.register_search ul li .details {
	background:#EDEDED;
	padding:10px;
}

.detail_link,
.hide_detail_link {
	display:block;
	padding:5px;
	margin:10px 0 0 0;
	background:#DDDDDD;
	color:#2e3d50;
	text-decoration:none;
}

.detail_link:hover,
.hide_detail_link:hover {
	background:#2e3d50;
	color:#FFFFFF;
	transition:background ease 0.5s;
	text-decoration:none;
	cursor:pointer;
}

#pageContentLeftCol .srch_prods input {
	margin-right:10px;
}

#pageContentLeftCol .srch_prods label {
	width:400px;
}

#pageContentLeftCol select {
	padding:10px;
}

/* Footer styles */

#footer {
	padding:20px 40px;
	background:#2e3d50;
	color:#FFFFFF;
}

#footerTop {
	padding:0 0 20px 0;
	clear:both;
}

#footerNavigation {
	list-style-type: none;
	margin: 0 0 20px 0px;
	padding: 0 0 15px 0px;
	font-size: 0.75em;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	float: left;
}

#footerNavigation li {
	display:inline-block;
}

#footerNavigation li:first-of-type {
	margin-left:-10px;
}

#footerNavigation li a {
	display:block;
	padding:5px 10px;
	background:none;
	color:#FFFFFF;
}

#footerNavigation li a:hover {
	background:rgba(0,0,0,0.25);
	transition:background ease 0.5s;
	color:#FFFFFF;
	text-decoration:none;
}

#footerLeft,
#footerRight {
	float:left;
	font-size:0.75em;
}

#footerLeft {
	width:65%;
	line-height:150%;
}

#footerRight {
	width:30%;
	margin-left:5%;
	text-align:right;
	height: 77px;
	position: relative;
}

#footerLeft a,
#footerLeft a:link,
#footerLeft a:visited {
	color:#FFFFFF;
	display:inline-block;
	padding:2px 2px 2px 4px;
	margin:-2px -2px 0 -2px;
	border-radius:1px;
	border-bottom:2px solid #2e3d50;
}

#footerLeft a:hover {
	border-bottom:2px solid #3baa35;
	transition:border-bottom ease 0.5s;
	color:#FFFFFF;
	text-decoration:none;
}

#footerRight a,
#footerRight a:link,
#footerRight a:visited {
	color:#FFFFFF;
	display:inline-block;
	padding:2px 2px 2px 4px;
	margin:-2px -2px 0 -2px;
	border-radius:1px;
	border-bottom:2px solid #2e3d50;
}

#footerRight a:hover {
	border-bottom:2px solid #06D5ED;
	transition:border-bottom ease 0.5s;
	color:#FFFFFF;
	text-decoration:none;
}

.credit {
	position: absolute;
	bottom: 10px;
	right: 0;
}

/* contact form styles */

#contactForm input, #contactForm textarea {
	background: #dbdde0;
	padding: 10px 15px;
	font-family: 'Raleway', sans-serif;
	color: #2e3d50;
	border: none;
	width: 350px;
	font-size: 1em;
	margin: 15px 0 10px 0;
	display: block;
}

#contactForm textarea {
	width: 450px;
	height: 140px;
}

#contactForm input[type="submit"] {
	background: #2e3d50;
	padding: 10px 15px;
	color: #FFFFFF;
	border: none;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
}

#contactForm input[type="submit"]:hover {
	background: #3baa35;
	transition: all 0.5s ease;
	cursor: pointer;
}

#head_login_gen_form {
	margin:0;
	width:400px;
	margin:50px auto;
}

#head_login_gen_form input {
	border:none;
	padding:10px 5%;
	background:#DDDDDD;
	font-family: 'Raleway', sans-serif;
	margin:10px 0;
	clear:left;
	float:left;
	width:90%;
}
.si_button,
#head_login_gen_form input.si_button {
	width:100%;
	background:#2e3d50;
	color:#FFFFFF;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	border:none;
	margin:10px 0;
}

.si_button:hover,
#head_login_gen_form input.si_button:hover {
	background:#3baa35;
	transition:background ease 1s;
	cursor:pointer;
}

a.si_gen_forgot {
	text-align:center;
	font-size:11px;
	color:#2e3d50;
}

#header .head_login_gen {
	position:absolute;
	top:0;
	right:0;
	font-family: 'Raleway', sans-serif;
}

#header #head_login_gen_form {
	margin:0;
	width:auto;
}

#header #head_login_gen_form input {
	border:none;
	padding:10px 5%;
	background:#DDDDDD;
	font-family: 'Raleway', sans-serif;
	margin:10px 0;
	clear:left;
	float:left;
	width:90%;
}

#DocumentUpload input {
	border:none;
	padding:10px 5%;
	background:#DDDDDD;
	font-family: 'Raleway', sans-serif;
	margin:10px 0;
	width:90%;
	max-width:200px;
}

#DocumentUpload input#DocumentUpload_UploadButton {
	width:150px;
	background:#2e3d50;
	color:#FFFFFF;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	border:none;
	margin:10px 0;	
}

#DocumentUpload input#DocumentUpload_UploadButton:hover {
	background:#3baa35;
	transition:background ease 1s;
	cursor:pointer;
}

.reg_login_pwd label {
	font-weight:500;
	float:left;
	display:block;
	padding: 10px 5% 10px 0;
	margin: 10px 0;
	clear:left;
	width:180px;
}

.reg_login_pwd input {
	border:none;
	padding:10px 5%;
	background:#DDDDDD;
	font-family: 'Raleway', sans-serif;
	margin:10px 0;
	float:left;
	width:90%;
	max-width:200px;
}

input.reg_button,
input.cancel_button,
input.back_button {
	width:150px;
	background:#2e3d50;
	color:#FFFFFF;
	padding:10px;
	font-family: 'Raleway', sans-serif;
	border:none;
	margin:10px 0;
}

input.cancel_button {
	background:#e0124d;
	margin-left:10px;
}

input.back_button {
	background:#DDDDDD;
	color:#333333;
	margin-right:10px;
}

input.back_button:hover,
input.reg_button:hover {
	background:#3baa35;
	transition:background ease 1s;
	cursor:pointer;
	color:#FFFFFF;
}

input.cancel_button:hover {
	background:#692337;
	transition:background ease 1s;
	cursor:pointer;
}

a.finish_url {
	width: 150px;
	background: #2e3d50;
	color: #FFFFFF;
	padding: 10px;
	font-family: 'Raleway', sans-serif;
	border: none;
	margin: 10px 0;
	display:block;
	text-decoration:none;
	text-align: center;
}

a.finish_url:hover {
	background: #3baa35;
	transition: background ease 1s;
	cursor: pointer;
}

#pageContentLeftCol ul.dm_documentlist, 
#pageContentLeftCol ul.dm_documentlist {
	margin: 0px;
}

.listcontainer {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #DDDDDD;
}

.dm_documentupload {
	margin-bottom:10px;
}

.reg_login_pwd h2 {
	clear:both;
}

a.login_registration,
a.login_resources,
a.logout {
	text-decoration:none;
	display:block;
	float:left;
	padding:5px;
	margin:0 2px;
	background:#2e3d50;
	color:#FFFFFF;
	font-size:13px;
}

a.logout {
	background:#65768b;
}

a.login_registration:hover,
a.login_resources:hover,
a.logout:hover {
	text-decoration:none;
	background:#3baa35;
	color:#FFFFFF;
	transition:background ease 1s;
}

.loggedinname {
	display:block;
	float:left;
	padding:5px;
	margin:0 2px;
	background:#FFFFFF;
	color:#666666;
	font-weight:bold;
}

.login_registration {

}

.login_resources {

}

.logout {
	
}

/* clearfix */

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

/* 

		MEDIA QUERIES

*/

@media all and (max-width: 900px) {
	#homeFeatureIntro {
		padding: 50px 50px 25px 50px;
		font-size: 1.5em;
	}
	
	#homeFeatureSearchBox {
		padding: 20px 30px 50px 50px;
	}
	
	#homeFeatureSearchBox input {
		font-size: 1.2em;
		padding: 10px;
		width: 75%;
		max-width: 260px;
	}
	
	#homeFeatureSearchBox button {
		font-size: 1.2em;
	}
	
	#homeFeature {
		height:300px;
	}
}

@media all and (max-width: 600px) {
	#homeFeatureImage {
		display:none;
	}
	
	#homeFeatureContent {
		width:100%;
	}
	
	#homeFeature {
		height:auto;
	}
	
	#homeContentLeftCol,
	#homeContentRightCol {
		float:left;
		width:100%;
		margin:0;
	}

    #pageContentLeftCol,
    #pageContentRightCol {
	    width:100%;
	    margin:0;
    }
    
    .reg2_regt_addr,
    .reg_user,
    .reg_org,
    #reg_progress {
        display:flex;
        flex-wrap:wrap;
    }

    span.reg2_uidlabel,
    .input_note {margin-left:0;}

    #pageContentLeftCol label:first-of-type,
    .form_container .reg2_regt_addr label:first-of-type,
    .reg_user label,
    .reg_user input,
    .reg_user select,
    .reg_org label,
    .reg_org input {
        width:100%;
    }

    #pageContentLeftCol label:first-of-type,
    .form_container .reg2_regt_addr label:first-of-type {
        margin:8px 0;
    }

    #pageContentLeftCol label, .form_container label {
        width:unset;
    }

    .form_container .reg2_regt_addr label:first-of-type {display:block;}

    #reg_progress li {
        display: none;
        width:100%;
    }

    #reg_progress li.current {
        display: block;
    }
	
}

@media all and (max-width: 400px) {
	#homeFeatureImage {
		display:none;
	}
	
	#homeFeatureIntro {
		padding: 25px;
		font-size: 1em;
	}
}