@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	background-color:#efefef;
	color:#063948;
}

.pagination {
	margin:15px;
	text-align:center;
	border:1px solid #34D443;
	
	}
.badge {
	position: absolute; width: 100%; text-align: center; top: 26px;
	
	
}

.green {
	color:#34D443;
	font-weight: bold;
}

.wrapper2 {
	background-color: #fff;
	padding: 40px;
	
	
}

.page {
	float:left;
	padding:0px 1px;
	text-decoration:none;
	}
	.page_design {
	float:left;
	padding:5px 15px;
	text-decoration:none;
	}
	.page_no {
		text-decoration:none;
		float:left;
		padding:5px 15px;
		color:#FFF;
		background-color:#154556;
	}
.next {
    background-color:#34D443;
    color: #fff;
    float: right;
    padding: 5px 10px;
}

a {
	color:#154556;
	border-color:#34d443;
	}

h1 {
	color:#34D443;
	font-size:24px;
	line-height:50px;
	border-bottom:1px solid #154556;
	
	}

h3 {
	color:#154556;	font-size:30px;
	line-height:30px;
	
	}

.wrapper {
	width:1000px;
	margin:0px auto;
	
	}

.header {
	width:100%;
	background-position:bottom;
	background-image:url(../images/headerbg2.png);
	padding:10px 0px;
	z-index:9999999;
	position:fixed;
	 -webkit-box-shadow: 0px 0px 5px 1px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 0px 5px 1px #000;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 0px 5px 1px #000;
  color:#fff;
	
	
	}
	
.logo {
	float:left;
	margin-right:20px;
	
	}
	
.button1 {
	background-color:#34D443;
	padding:10px 20px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	margin-top:12px;
	font-weight:600;
	-moz-border-radius: 3px;
	border:none;
	font-family: 'Lato', sans-serif;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px;
cursor:pointer;
-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   cursor:pointer;
	
	
	}

.button1home {
	width: 30%;
	background-color:#34D443;
	padding:15px 20px;
	color:#FFF;
	font-size:20px;
	text-align:center;
	margin:12px auto;
	font-weight:600;
	-moz-border-radius: 20px;
	border:none;
	font-family: 'Lato', sans-serif;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */
-khtml-border-radius: 20px;
cursor:pointer;
-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   cursor:pointer;
	 transition: 0.3s ease-in-out;
	
	
	}

.button1home:hover {

	font-size:22px;
	margin:18px auto;
	
	
	}
	
.button1:hover {
	background-color:#0E4454;
	
	
	}
	
	.button5 a {
		border-color:#34d443;
		
		}
		
	.button5 a:active {
		border-color:#34d443;
		
		}
	

	
.button5 {
	
	border:2px solid #34d443;
	float:right;
	font-size:15px;
	color:#FFF;
	background-color:#34D443;
	text-decoration:none;
	border-radius:8px;
	padding:10px 15px;
	margin-top:8px;
	margin-left:10px;
	font-weight:600;
	
	
	}
	
.button5:hover {
	border:2px solid #fff;
	color:#fff;
	cursor:pointer;
	
	
	}

.button5header a {
		border-color:#34d443;
		
		}
		
	.button5header a:active {
		border-color:#34d443;
		
		}
	

	
.button5header {
	width:300px; text-align:center;
	border:2px solid #34d443;
	float:right;
	font-size:15px;
	color:#FFF;
	background-color:#34D443;
	text-decoration:none;
	border-radius:8px;
	padding:10px 15px;
	margin-top:8px;
	margin-left:10px;
	font-weight:600;
	
	
	}
	
.button5header:hover {
	border:2px solid #fff;
	color:#fff;
	cursor:pointer;
	
	
	}
	
	
	
	
	
	.button2 a {
		border-color:#34d443;
		
		}
		
	.button2 a:active {
		border-color:#34d443;
		
		}
	

	
.button2 {
	border:2px solid #34d443;
	float:right;
	font-size:15px;
	color:#FFF;
	text-decoration:none;
	border-radius:8px;
	padding:10px 15px;
	margin-top:8px;
	margin-left:10px;
	font-weight:600;
	
	
	}
	
.button2:hover {
	border:2px solid #fff;
	color:#34d443;
	cursor:pointer;
	
	
	}

.button2header a {
		border-color:#34d443;
		
		}
		
	.button2header a:active {
		border-color:#34d443;
		
		}
	

	
.button2header {
	width:120px; text-align:center;
	border:2px solid #34d443;
	float:right;
	font-size:15px;
	color:#FFF;
	text-decoration:none;
	border-radius:8px;
	padding:10px 15px;
	margin-top:8px;
	margin-left:10px;
	font-weight:600;
	
	
	}
	
.button2header:hover {
	border:2px solid #fff;
	color:#34d443;
	cursor:pointer;
	
	
	}
	
.button3 {
	
	background-color:#34d443;
	border-radius:8px;
	color:#FFF;
	font-size:20px;
	text-decoration:none;
	padding:15px 20px;
	width:300px;
	margin:20px auto;
	font-weight:600;
	
	
	}
	
.button3:hover {
	background-color:#34E13B;
	color:#fff;
	cursor:pointer;
	
	
	}
	
.button4 {
	background-color:#063948;
	border-radius:8px;
	color:#FFF;
	font-size:20px;
	padding:15px 20px;
	width:300px;
	text-decoration:none;
	margin:20px auto;
	font-weight:600;
	
	
	}
	
.button4:hover {
	color:#fff;
	cursor:pointer;
	background-color:#0D3E50;
	
	
	}
	
.masthead {
	width:100%;
	background-color:#0D4150;
	
	
	}
	
.content {
	min-height:400px;
	width:1000px;
	margin:20px auto;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px;
border:1px solid #CCC;
padding:40px;
background-color:#FFF;
line-height:23px;
	
	}
	
.formitem {
	float:left;
	margin:5px;
	color:#1B4B59;
	font-weight:600;
	font-size:15px;
	
	}

.formboxfield {
	float: left;
	width: 50%;
	
	
	
}
	
.formfield {
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px;
border:1px solid #eee;
padding:10px;
font-family: 'Lato', sans-serif;
font-weight:300;
width:255px;
font-size:18px;
outline:none;
color:#666;
-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   cursor:pointer;

	
	
	}
	
.formlist {
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px;
color:#666;
border:1px solid #eee;
padding:10px;
font-family: 'Lato', sans-serif;
font-weight:300;
font-size:18px;
outline:none;
-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   cursor:pointer;
	
	
	}
	
.edit {
	float:right;
	font-size:14px;
	color:#34D443;
	text-decoration:underline;
	
	
	}
	
.edit a{
color:#34D443;
	text-decoration:underline;
	
	
	}
	
.footer {
	background-color:#efefef;
	width:100%;
	border-top: 4px solid #34d443;
	padding:20px 0px;
	
	}
	
	
.loginbox {
	width:400px;
	margin:0px auto;
	background-image:url(../images/headerbg2.png);
	padding:20px;
	margin-top:10%;
	text-align:center;
	
	
	}
	
.certicon {
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(../images/cert_icons.png);
	margin:0px auto;
	
	
	}
	
.headerlinks {
	font-size:14px;
	font-weight:600;
	padding-top:8px;
	
	
	}
	
.headerlinks a{
	text-decoration:none;
	color:#FFF;
	
	
	}
	
.headerlinks a:hover{
	text-decoration:underline;
	color:#FFF;
	
	
	}

.billboard {
	background-image:url(../images/billboard.jpg);
	text-align:center;
	padding:15% 0px;
	background-position:top center;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
	
	}
	
.box1 {
	background-color:#efefef;
	border-top: 4px solid #5998b1;
	text-align:center;
	padding:80px 0px;
	position:relative;
	}
	
.tab {
	position: absolute;
	width:100%;
	text-align:center;
	top: -70px;
	}
	
.splitbox {
	background-color:#64a0b9;
	width:50%;
	text-shadow: 1px 1px 1px #000;
	color:#FFF;
	float:left;
	font-size:25px;
	padding:60px 0px;
	text-align:center;
		background-position:top center;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
	
	
	
	}
	
	.box2 {
	background-color:#efefef;
	text-align:center;
	background-image:url(../images/box2bg.jpg);
	font-size:30px;
	padding:40px 0px;
	}
	
.billboardheader {
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
	font-style:italic;
	font-size:50px;
	font-family: 'Open Sans', sans-serif;
	
	}
	
.billboardsubheader {
	color:#34d443;
	text-shadow: 1px 1px 1px #000;
	font-size:20px;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
	
	}
	
.boxheader {
	font-size:36px;
	font-weight:600;
	margin-bottom:60px;
	
	}
	
.step {
	float:left;
	text-align:center;
	width:250px;
	font-size:14px;
	
	}
	
.featurebox {
	background-image:url(../images/boxbg.png);
	padding:40px 20px;
	border-radius:20px;
	margin-top:60px;
	color:#FFF;
	
	
	}
	
.feature {
	float:left;
	text-align:center;
	width:220px;
	margin:0px 10px;
	font-size:14px;
	
	}
	
	
.my_text_class {	
	width:400px !important;
	height:40px!important;
	size:10!important;
}
	
	

	
	
.certicon_panding {
	background-repeat:no-repeat;
	background-image:url(../images/cert_icons.png);
	margin:0px auto;
	width:30px;
	height:30px;
	background-position:top;
	}
	
.my_text_class_deco {
	
	
	text-decoration: none;
	
}
.certicon_Uploaded_admin {
    background-image:url("https://www.backgroundmanager.com/images/upload.png");
    background-position: center top;
    background-repeat: no-repeat;
	background-size: 27px auto;
    height: 28px;
    margin: 0 auto;
    width: 85px;
	
}
.certicon_Pass_Orverrid_admin {
    background-image: url("https://www.backgroundmanager.com/images/pass-overide.png");
    background-position: center top;    
	background-size: 30px auto;
	background-repeat: no-repeat;
    height: 30px;
    margin: 0 auto;
    width: 85px;
	
}
.certicon_needs_review_admin {
    background-image: url("https://www.backgroundmanager.com/images/nr_icon.png");
    background-position: center top;    
	background-size: 30px auto;
	background-repeat: no-repeat;
    height: 30px;
    margin: 0 auto;
    width: 85px;
	
}

@media only screen and (max-width: 600px) {
  .wrapper {
	width:99%;
	margin:0px auto;
	
	}
	
	.logo {
	float:left;
	margin-right:10px;
	
	}
	.logo img{
	width:120px;
	height:auto;
	
	}
	
	.headerlinks {
		display: none;
	
	
	}
	
	.button5header {
	width:120px; text-align:center;
	border:2px solid #34d443;
	float:right;
	font-size:10px;
	color:#FFF;
	background-color:#34D443;
	text-decoration:none;
	border-radius:8px;
	padding:10px 0px;
	margin-top:5px;
	margin-left:5px;
	font-weight:600;
	
	
	}
	
.button2header {
	width:100px; text-align:center;
	border:2px solid #34d443;
	float:right;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	border-radius:8px;
	padding:10px 0px;
	margin-top:5px;
	margin-left:5px;
	font-weight:600;
	
	
	}
	
	.billboard {
	background-image:url(../images/billboard.jpg);
	text-align:center;
	padding:25% 0px;
	background-position:top center;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
	
	}
	
	.billboardheader {
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
	font-style:italic;
	font-size:40px;
		line-height: 40px;
	font-family: 'Open Sans', sans-serif;
	
	}
	.button1home {
		width: 80%;
		text-align: center;
	background-color:#34D443;
	padding:10px 20px;
	color:#FFF;
	font-size:16px;
	margin:0 auto;
	font-weight:600;
	-moz-border-radius: 3px;
	border:none;
	font-family: 'Lato', sans-serif;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px;
cursor:pointer;
-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   cursor:pointer;
	
	
	}
	
	.homeimg img{
		width: 100%;
		height:auto;
		
		
		
	}
	
	.step {
	float:none;
	text-align:center;
	width:80%;
	margin:15px auto;
	font-size:14px;
	
	}
	.feature {
	float:none;
	text-align:center;
	width:80%;
	margin:0px auto;
	font-size:14px;
	
	}
	
	.splitbox {
	background-color:#64a0b9;
	width:100%;
	text-shadow: 1px 1px 1px #000;
	color:#FFF;
	float:none;
	font-size:25px;
	padding:60px 0px;
	text-align:center;
		background-position:top center;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size: cover;
	
	
	
	}
	
	.badge {
	position:relative; width: 100%; text-align: center; top: 0px;
	
	
}
	
.button1 {
	background-color:#34D443;
	padding:10px 20px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	margin-top:12px;
	width:100%;
	font-weight:600;
	-moz-border-radius: 3px;
	border:none;
	font-family: 'Lato', sans-serif;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px;
cursor:pointer;
-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   cursor:pointer;
	
	
	}
	
	
.formboxfield {
	float: none;
	width: 100%;
	
	
	
}
	
}