@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: "Century Gothic",CenturyGothic,Geneva,AppleGothic,sans-serif;
	font-size: 12px;
	color: #000;
}
select, input{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.whitesubheading {color: #FFFFFF; font-weight:bold}

.systemheading {
	color:#FFFFFF;
	font-family:arial;
	font-size:22px;
	margin-top:4px;
}

.links {color: #006633}
.buttons {
	color: #006600;
	font-weight: bold;
	font-size: 14px;
}
.subheadings {
	color: #009900;
	font-weight: bold;
	font-size: 13px;
}

.formstyle {font-size: 16px; color:#333333}
/*#header {
    background-color: #666;
    background: url("header-bg.jpg")center center;
    background-size: cover;
    height: 250px;
    width: 100%;
}
#logo{
	background-image: url("logo.png");
    display: inline-block;
    float: left;
    height: 176px;
    margin: 35px;
    width: 526px;
}
#nav {
    float: right;
    font-size: 14px;
    width: auto;
}
.nav_lnk {
    color: #fff;
    padding: 15px 20px;
	float: left;
}*/
#stylized{
border:solid 2px #83CFEF;
background:#eef2cf;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
color:#586900;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:dotted 1px #83CFEF;
padding-bottom:10px;
}
#stylized label{
display:block;
color:#8da023;
font-weight:bold;
text-align:right;
width:30%;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
}

#stylized .small input{
width:auto;
display:block;
clear:both;
margin: 2px 7px 0 0;
}

#stylized textarea,
#stylized input[type="text"]{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #83CFEF;
width:55%;
margin:2px 0 0px 10px;
}
#stylized select{
	float:left;
	font-size:12px;
	border:solid 1px #aacfe4;
	margin:2px 0 0px 10px;
}

ul.buttons li a span,
#stylized button{
clear:both;
margin-left:15px;
padding:8px 10px;
background:#8DA023 url(img/button.png) no-repeat;
text-align:center;
line-height:15px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
float:right;
overflow:visible;
cursor:pointer;
text-decoration:none;
}
#stylized button{
	height: 30px;
}
ul.buttons li a{
	text-decoration:none !important;	
}
ul.buttons li a span{
	padding:8px 9px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {


#stylized button{
	padding:0 10px;
	font-size:12px;
}
}
.container{
	clear:both;
}

#stylized .container{
	margin-bottom:15px;
	overflow:hidden;
}
.container-radio{
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}

#stylized .container-radio .radioList{
	padding-top:5px;
}


#stylized .container-radio p{
	display:block;
	font-weight:bold;
	xtext-align:right;
	width:30%;
	float:left;
	margin:0px;
	padding:0px;
	border:none;
	font-size:12px;
	color:#8da023;
}

#stylized .container-radio label{
	width:auto;
	font-weight:normal;
	color:#666666;
}


p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */

.myform{
margin:0 auto;
width:745px;
padding:14px;
}

#stylized input.radio{
	width:20px;
	margin:0 0 0 5px;
}

#stylized input.date{
	width:55px;
}

#stylized p.declaration{
	clear:both;
	margin:0 90px 10px 235px;
	border:none;
}
#stylized .table {
	margin-bottom:20px;
	clear:both;
}

#stylized .table table{
	margin-bottom:10px;
	clear:both;
}

#stylized .table p{
	font-size:12px;
	border:none;
	font-weight:bold;
	margin:0;
}

#login p.line,
#stylized .table p.line{
	border-bottom:1px solid #83CFEF;
}

#stylized .table tr input{
	margin:0;
	width:100%;
	border:0;
	background:none;
	xpadding-left:8px;
}
#stylized .table tr th,
#stylized .table tr td{
	border:1px dotted #83CFEF;
}

tr.odd{
	background-color:#FFFFFF;
}
tr.even{
	background-color:##8DA023;
}

#stylized .table tr td h4{
	margin: 5px 0px;
}

#stylized .half-container label{
	text-align:right;
}
#stylized .half-container textarea{
	width:27.5%;
}

.journy {
	overflow:hidden;
	margin:0 auto 10px auto;
	width:775px;
}

.journy ul{
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

.journy ul li{
	float:left;
	list-style:none;
	width:100px;
	padding:15px 10px;
	margin-right:8px;
	background:#e6ecbd;
}

.journy ul li.long{
	width:160px;
}

.journy ul li.long .title{
	font-size: 1.2rem;
}

.journy ul li a{
	float:left;
	color:#404b00;
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}

.journy ul li a span{
	float:left;
}

.journy ul li a .step{
	font-size:2.2em;
	font-style:italic;
	font-weight:bold;
	margin-right:5px;
}
.journy ul li a .title{
	font-weight:normal;
	 width:70px;
	 padding-top:5px;
}
.journy ul li.active{
	background:#8da023;
}

.journy ul li.active a{
	cursor:pointer;
}

.journy ul li.active a span{
	color:#ebf4fb;
}

.journy ul li.last{
	margin:0;
}

.primaryHeader{
 background:#FEFAEF;
 width:100%;
}
.secondryHeader{
 background:#C1D157;
}

.secondryHeader div{
 	padding-top:3px;
}

ul.buttons{
list-style:none;
	padding:0;
	margin:0 95px 0 0;
	float:right;
}

ul.buttons li{
float:left;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
	padding:5px 0 0 230px;
	float:left;
	width:100%;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000 !important;
}
.dateField{
	width:100px;
	float:left;
}

.dateField .LV_invalid {
	padding:5px 0 0 6px;

}

.half-container{
	float:left;
	width:100%;
}

.half-container span{
	width:50%;
	float:left;
	margin-bottom:15px;
}

.contentArea{
	margin:0 auto;
	width:775px;
}


.contentArea .content{
	padding:20px 0;
}

.contentArea p{
	color:#333;
	font-size:1em;
	padding-bottom:20px;
	text-align:justify;
}

.contentArea p.subheadings{
	color:#596900;
	font-size:1.2em;
	font-weight:bold;
	clear:both;
}


.login_left{
	float:left;	
	width:50%;
}

.login{
	float:left;
	margin: 0px 0 25px 45px;
}

.forgot{
	color:#333333;
	float:left;
	padding-top:5px;
	text-decoration:none;
}

.contentArea ul{
	list-style:none;
	margin:0;
	padding:0;
	
}
.login ul li{
	list-style:none;
	/*display:inline;*/
}

.contentArea ul.steps{
	padding:0px 15px 15px 0;
	float:left;
}

.contentArea ul.steps li{
	 color:#333333;
	 padding:15px 0 0 15px;
	 border-top:1px dotted #333333;
	 float:left;
	 width:365px;
	 min-height:90px;
	 padding-bottom:10px;
	 text-align:justify;
}

.login .formElements{
	background:#eef2cf;
	 padding:20px 20px 12px 20px;
	 border:1px solid #83CFEF;
}

.login input.tetxInput{
	width:180px;
	height:20px;
	border:1px solid #83CFEF;
}


.login .formElements .formField{
	padding-bottom:8px;
}
.login .formElements label{
	color:#333333;
	width:70px;
	float:left;
	text-align:left;
}
.login .formElements .formField .buttons{
	background:#8da023;
	color:#FFFFFF;
	font-weight:normal;
	border:none;
	padding:3px;
	font-size:1.0em;
	margin-right:45px;
	float:right;
}
.contentArea ul.registerLinks{
	margin-top:10px;
	font-size: 11px;
}
.registerLinks li {
	color:#8da023;
	font-size:1.2em;
	font-weight:bold;
	padding-left:8px;
	
}

.registerLinks li a {
	color:#8da023;
	text-decoration:none;
	
}

.registerLinks li a.newUser {
	font-style:italic;
}
.youtube_content ul,
.media_content ul{
	list-style:none;	
	padding:0;
	margin:0;
}
.youtube_content ul li,
.media_content ul li{
	margin-top: 5px;
	margin-bottom:5px;
	float:left;
	width:100%;
	border-bottom:1px dotted #83CFEF;
	padding-bottom:5px;
}
.youtube_content ul li div.title,
.media_content ul li div.title{
		float:left;
}
.youtube_content ul li div,
.media_content ul li div{
		float:right;
}
.youtube_content ul li div.delete_file a,
.media_content ul li div.delete_file a{
	background:url(delete.gif) no-repeat top left;
	height:24px;
	width:24px;
	display:block;
}
.youtube_content ul li div.view_file a,
.media_content ul li div.view_file a{
	background:url(view.gif) no-repeat top left;
	height:24px;
	width:24px;
	display:block;
}

.media_content ul li div.download_file a{
	background:url(download.gif) no-repeat top left;	
	height:24px;
	width:24px;
	display:block;
}
.youtube_content ul li div.video{
	text-align:center;
	width:100%;
}
.youtube_content ul li div a span,
.media_content ul li div a span{
	display:none;	
}
#stylized .terms{
	padding-top:10px;
}
#stylized .terms input{
	width:12px;
	float:left;
}

#stylized .terms span{
	width:710px;
	padding: 0px 0px 15px 12px;
	float:left;
}

#stylized form{
	overflow:hidden;
}
ul.tabs{
	width:100%;
	margin:0;
	padding:0;
	float:left;
	margin-bottom:10px;
	border-bottom:1px solid #83CFEF;
}

ul.tabs li{
	float:left;
	list-style:none;
	padding:10px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	margin-right:4px;
}

ul.tabs li a{
	text-decoration:none;
	color:#666;
}

ul.tabs li.selected{
	background:#83CFEF;
	border:none;
	margin-top:1px;
}

ul.tabs li.selected a{
	color:#FFF;
}
.extrabanner{
	background-color:#545351;
	text-align:center;	
}

/*Print*/

dt{
	float:left;
	clear:left;
	width:150px;
	margin-bottom:15px;
}

dd{
	 float:left;
	 margin-bottom:15px;
}

#print ul,
#print li{
	list-style:none;
}
#print h2,
#print h3,
#print span{
	width:100%;
	float:left;
}

/* New Styles */
	h1
	{
		border-bottom: 1px solid #ddd;
		color: #0e634e;
		margin-bottom: 30px;
		padding: 10px 0;
		line-height: 40px;
		font-size: 20px;
	}
	.contentArea .content{
		padding: 0;
	}
	.contentArea{
		width: 100%;
		float: left;
	}
	.sidebar-left{
		width: 15%;
		float: left;
		min-height: 50px;
	}
	.sidebar-right{
		width: 18%;
		float: right;
	}
	#home-content.middle-content{
		width: 70%;
	}
	.middle-content{

		width: 80%;
		/* margin: 0 2.5%; */
		margin: 0 auto;
		/* float: left; */
		font-size: 14px;
		line-height: 18px;
		padding-top: 20px;
	}
	.contentArea p{
		line-height: 2em;
	}
	.contentArea ul.steps{
		margin-left: 20px;
	}
	.contentArea ul.steps li{
		width: 100%;
		border: none;
		margin-bottom: 15px;
	}
	.contentArea ul.steps h4, h4.heading{
		color: #0e634e;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		margin: 10px 0;
	}
	.sidebar-left ul.side-menu{
		width: 95%;
	}
	.sidebar-left ul.side-menu li{
		color: #FFF;
		padding: 13px 0 13px 13px;
		background: #2DCC70;
		list-style-type: none;
		font-size: 14px;
		margin-bottom: 2px;
	}
	.sidebar-left ul.side-menu li:hover{
		background: #00AC53;
	}
	.sidebar-left ul.side-menu a{
		text-decoration: none;
	}
	.login {
		float: right;
		margin: 0;
		width: 90%;
	}
	.login .formElements{
		background: #3ab4e7;
		border: none;
		color: #FFF;
	}
	.login .formElements label{
		color: #FFF;
		font-size: 14px;
		font-weight: 600;
	}
	.login input.tetxInput{
		width: 100%;
	}
	.forgot{
		color: #FFF;
	}
	.sidebar-right .buttons{
		background: #49BB76;
		border: none;
		color: #FFF;
		font-size: 26px;
		padding: 5px 20px;
		text-align: center;
		font-weight: 300;
		text-transform: uppercase;
		width: 80%;
		margin: 10px auto;
	}
	.registerLinks li a{
		color: #FFF;
		font-weight: 300;
		font-style: normal;
	}
	.effect6
	{
		position:relative;       
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
				box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	}
	.effect6:before, .effect6:after
	{
		content:"";
		position:absolute; 
		z-index:-1;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
		box-shadow:0 0 20px rgba(0,0,0,0.8);
		top:50%;
		bottom:0;
		left:10px;
		right:10px;
		-moz-border-radius:100px / 10px;
		border-radius:100px / 10px;
	}
	#login p.line, #stylized .table p.line{
		border-bottom: 1px solid #FFF;
	}	
	#social_icons {
		margin: 15px;
		width: 215px;
		text-align: center;
	}
	#social_icons a {
		text-decoration: none;
	}
	.scl_bx {
		display: inline-block;
		height: 50px;
		width: 50px;
	}
	.scl_bx i {
		color: rgb(255, 255, 255);
		margin: 13px;
	}
	#footer {
		background: #363636;
		color: #D9D9D9;
		border-top: thin solid rgb(218, 218, 222);
		/* float: left; */
		/* width: 100%; */
		padding:20px 0;
		line-height: 20px;
	}

	

	#footer2{
		color: #D9D9D9;
		background: #3F3F3F;
		padding:15px 0;
	}

	#ftr_left {
		color: rgb(149, 149, 149);
		display: inline-block;
		float: left;
		font-size: 12px;
	}
	#ftr_right {
		color: rgb(149, 149, 149);
		display: inline-block;
		float: right;
		font-size: 12px;
	}
	#img {
		display: inline-block;
		margin-right: 10px;
	}
	#stylized{
		border: none;
		background: #ebebeb;
	}
	.myform{
		width: 80%;
		padding: 15px 10%;
	}
	#stylized h1{
		color: #000;
		font-weight: 300;
		font-size: 21px;
		border-bottom: none;
	}
	#stylized p{
		border: none;
	}
	#stylized label{
		color: #000;
		font-weight: 300;
		font-size: 13px;
	}
	#stylized .container-radio p{
		color: #000;
		font-weight: 300;
		font-size: 16px;
	}
	#stylized textarea, #stylized input{
		/*border: none;*/
	}
	#stylized button{
		background: none repeat scroll 0 0 #1d8045;
		float: none;
		font-family: "Open Sans";
		font-size: 18px;
		font-weight: 300;
		height: auto;
		line-height: 20px;
		margin-left: 0;
		margin-top: 25px;
		padding: 10px 20px;
	}
	.journy{
		margin: 0 auto;
		width: 100%;
	}
	.journy ul li {
		background: none repeat scroll 0 0 #83CFEF;
		float: left;
		height: 30px;
		list-style: none outside none;
		padding: 15px 10px;
		width: 13.2%;
		color: #FFF;
		font-size: 12px;
		text-align: center;
		margin-right: 3px;
		line-height: 14px;
	}
	.journy ul li.active{
		background: #3ab4e7;
	}
	.journy ul li.active a{
		font-weight: 600;
	}
	.journy ul li a span{
		float: none;
	}
	ul.buttons li{
		margin-left: 8px;
	}
	ul.buttons li a span{
		background: none repeat scroll 0 0 #1d8045;
		float: left;
		font-family: "Open Sans";
		font-size: 18px;
		font-weight: 300;
		height: auto;
		line-height: 20px;
		margin-left: 0;
		margin-top: 25px;
		padding: 11px 20px;
	}
	#stylized .container-radio p{
		text-align: left;
	}