@-ms-viewport {width: device-width;}
@viewport {width: device-width;}

body, html {margin:0px;
	padding:0px;
	font-family:'Open Sans', "Segoe UI", "Helvetica Neue", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:12pt;}
	
input, select, textarea, td, th {font-family:inherit;
	font-size:inherit;}
	
input, select, textarea {box-sizing:border-box;}
	
a {color:#0000ff;}
a:hover {color:#0000cc;}

h1, h2, h3, h4, h5, h6 {font-weight:800;
	text-transform:uppercase;
	color:#32aae2;
	-moz-text-shadow: 1px 1px rgba(0,0,0,0.75);
	-webkit-text-shadow: 1px 1px rgba(0,0,0,0.75);
	text-shadow: 1px 1px rgba(0,0,0,0.75);
	margin:0px 0px 15px 0px;}
	
hgroup {text-align:center;
	margin-bottom:30px;}
	
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 {margin:0px;}

h1 {font-size:40pt;}
h2 {font-size:32pt;}
h3 {font-size:26pt;}
h4 {font-size:22pt;}
h5 {font-size:18pt;}
h6 {font-size:14pt;}

blockquote {font-family:Georgia, "Times New Roman";
	padding:0px;
	margin:0px;
	margin-left:20px;}
	
blockquote:before, blockquote:after {content:'“ ';
	color:#999999;
	font-size:x-large;
	font-style:italic;}
blockquote:after {content:' ”';}
	
form {margin:0px;}

.logo {font-size:36pt;
	font-weight:800;
	text-align:center;}
	
#nav_logo {cursor:pointer;}
	
.logo .slogan {font-size:9pt;
	font-weight:400;}

.section {width:100%;
	margin:auto;
	clear:both;
	position:relative;}
	
.section .content, .section .header, .section .top-banner-content {width:1000px;
	margin:auto;
	position:relative;}
	
.section .header {padding:5px 20px;}
.section .content {padding:40px 30px;}

.section.gray {background:url(../images/template/body_bg.jpg);}
.section.black {background:#000;
	color:#fff;} 
	
.section.static-bar {height:235px;
	background:top left no-repeat;
	background-size:cover;}
.section.static-bar-1 {background-image:url(../images/template/static_bar_1.jpg);}
.section.static-bar-2 {background-image:url(../images/template/static_bar_2.jpg);}
.section.static-bar-3 {background-image:url(../images/template/static_bar_3.jpg);}
	
.section.black a {color:#f1e156;}
.section.black a:hover {color:#f8f1b9;}

.header .logo {display:inline-block;}

.nav, .nav li {list-style:none;
	margin:0px;
	padding:0px;}
	
.nav li {display:inline-block;}
.nav li a {display:inline-block;
	padding:5px 10px;
	color:#000000;
	border-left:solid #000000 1px;
	text-decoration:none;}
	
.header .login-nav {display:none;}

.nav li:first-child a {border-left:none;}
	
.nav li a.active {font-weight:bold;}

.header .nav {float:right;
	margin-top:30px;}
	
.slide-show {overflow:hidden;}

.top-banner-content .approved-ribbon {right:25px;
	top:0px;
	position:absolute;
	z-index:1000;}
	
.top-banner-content .slide-content {position:absolute;
	left:40%;
	width:35%;
	top:250px;
	color:#ffffff;
	font-size:18pt;
	text-align:center;
	-moz-text-shadow:2px 2px rgba(0,0,0,0.75);
	-webkit-text-shadow:2px 2px rgba(0,0,0,0.75);
	text-shadow:2px 2px rgba(0,0,0,0.75);}
	
.slide-content .slide-info {position:absolute;
	opacity:0;
	background:rgba(0,0,0,0.5);
	padding:15px;
	border-radius:10px;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	transition:opacity 0.5s;}
	
.slide-content .slide-info.active {opacity:1;}

.slide-content h4 {color:#ffffff;
	margin:0px;
	-moz-text-shadow:2px 2px rgba(0,0,0,0.75);
	-webkit-text-shadow:2px 2px rgba(0,0,0,0.75);
	text-shadow:2px 2px rgba(0,0,0,0.75);}
	
.slide-content p {margin:0px;}
	
.top-banner-content {z-index:100;}
	
.price-circle {position:absolute;
	top:50px;
	left:50px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
	text-align:center;
	font-size:56px;
	font-weight:bold;
	padding:0px;
	width:250px;
	height:200px;
	padding-top:50px;
	border-radius:300px;}
	
.static-bar .price-circle {top:10px;
	font-size:42px;
	width:200px;
	height:175px;
	padding-top:25px;}

.price-circle .price-note {font-size:8pt;
	font-weight:400;
	padding:0px 50px;
	text-align:left;}

.price-circle sup {position: absolute;}
	
.static-bar .price-circle .price-note {padding:0px 20px;}
	
.price-circle .price-note a {color:#f1e156;}

.signup-button {background:url(../images/template/rigester_button_bg.jpg) top left repeat-x #ff8126;
	font-weight:900;
	font-size:14pt;
	text-align:center;
	border-radius:30px;
	padding:10px 15px;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;}
	
.signup-button:hover {color:#ffffff;
	box-shadow:3px 3px 3px rgba(0,0,0,0.35);}
	
.top-banner-content .signup-button {position:absolute;
	top:250px;
	left:50px;
	width:250px;
	font-size:20pt;
	padding:10px 0px;}

.static-bar .top-banner-content .signup-button {top:165px;
	left:25px}
	
.slides-bullets {margin:0px;
	width:250px;
	text-align:center;
	padding:320px 0px 25px 50px;
	list-style:none;
	font-size:14pt;
	color:#ffffff;}
	
.slides-bullets li {margin:0px 0px 10px 0px;
	padding:5px 0px;
	list-style:none;
	background:rgba(0,0,0, 0.5);
	border-radius:30px;
	transition:background-color 0.5s;
	cursor:pointer;}
	
.slides-bullets li.active {background:#32aae2;
	font-weight:900;}
	
.top-banner-content .ticks {position:absolute;
	bottom:10px;
	left:30%;
	right:30%;
	text-align:center;
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:24pt;
	z-index:1000;}
	
.top-banner-content .ticks li {display:inline-block;
	padding:0px 3px;
	cursor:pointer;
	color:#ffffff;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	transition:color 0.2s;}
	
.top-banner-content .ticks li.active {color:#32aae2;}
	
.slide {position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	z-index:10;
	background-size:cover !important;}
	
.slide.off {margin-left:100%;}
		
.slide-1 {background:url(../images/template/slide_1.jpg) center center no-repeat;}
.slide-2 {background:url(../images/template/slide_2.jpg) center center no-repeat;}
.slide-3 {background:url(../images/template/slide_3.jpg) center center no-repeat;}
.slide-4 {background:url(../images/template/slide_4.jpg) center center no-repeat;}
.slide-5 {background:url(../images/template/slide_5.jpg) center center no-repeat;}

.top-login-form {position:absolute;
	top:200px;
	right:10px;}

.static-bar .top-login-form {top:50px;}
	
.clear-button {background:none;
	font-weight:900;
	text-align:center;
	border:none;
	cursor:pointer;}	
	
.top-login-form input {display:block;
	border-radius:30px;
	margin-bottom:10px;
	padding:2px 15px;
	width:180px;}
	
.top-login-form .clear-button {font-size:10pt;
	color:#ffffff;
	-webkit-text-shadow:2px 2px rgba(0,0,0,0.75);
	-moz-text-shadow:2px 2px rgba(0,0,0,0.75);
	text-shadow:2px 2px rgba(0,0,0,0.75);}
	
	
.three-cols {margin-top:50px;}

.large-icon {text-align:center;
	font-size:14pt;
	display:block;
	color:rgba(0,0,0,0.75);
	text-decoration:none;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	transition:color 0.2s;}
.large-icon:hover {color:#000000;}
.large-icon.course-details .small-only {display:none;}
	
.large-icon .circle {width:200px;
	height:200px;
	border-radius:200px;
	margin:auto;
	background:center center no-repeat rgba(0,0,0,0.75);
	-webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	transition:background-color 0.2s;}
	
.large-icon:hover .circle {background-color:#000000;}
	
.large-icon strong {text-transform:uppercase;
	margin-top:10px;
	display:block;}
	
.large-icon.course-details strong {margin-top:0px;
	margin-bottom:10px;}
	
.large-icon.instant-certificate .circle {background-image:url(../images/template/instant_cert.png);}
.large-icon.course-details .circle {background-image:url(../images/template/course_details.png);}
.large-icon.how-it-works .circle {background-image:url(../images/template/how_it_works.png);}

.divider-img {width:100%;
	clear:both;
	display:block;}
	
.call-to-action {display:inline-block;
	text-align:center;
	font-size:36pt;
	font-weight:900;
	color:#f1e156;
	background:#050000;
	margin:30px 0px;
	padding:10px 40px;
	text-decoration:none;
	-webkit-transition:background-color 0.2s, color 0.2s;
	-moz-transition:background-color 0.2s, color 0.2s;
	transition:background-color 0.2s, color 0.2s;}
	
.call-to-action:hover {background:#1d0000;
	color:#f4e778;}
	
.send-by-phone {background:url(../images/template/icons/large_phone.png) no-repeat top left;
	padding-left:65px;
	min-height:60px;}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}

.clear {clear:both;
	height:1px;
	overflow:hidden;}
	
.no-clear {clear:none !important;}

.wide {width:65%;}
.narrow {width:30%;}

.small {font-size:smaller;
	color:#666666;}
	
.blink {}	
.blink.on {color:#cc0000;}
.has-content {cursor:pointer;}

.button {display:inline-block;
	text-decoration:none;
	cursor:pointer;
	background-color:#3b3d8d;
	padding:3px;
	vertical-align:top;
	border:solid #2b2c6a 1px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#ffffff;
	font-weight:bold;
	background:#3b3d8d;
	-webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	transition:background-color 0.2s;
	-moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.7);
	box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.7);}
	
a.button {padding:3px 10px 7px 10px;}
.button:hover {background-color:#242676;
	color:#ffffff;}
	
.button.disabled {opacity:0.3;
	cursor:default;
	background:#999999;
	color:#efefef;}
	
.button.no-text, a.button.no-text {width:0px;
	overflow:hidden;
	height:24px;
	padding:0px;
	color:rgba(0,0,0,0) !important;}
	
.button.icon, a.button.icon, .button.gray, a.button.gray {padding-left:24px;
	background:#dbdced 4px center no-repeat;
	border-color:#c0c1d5;
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
	color:#000000;
	position:relative;}

.button.gray, a.button.gray {padding-left:10px;}
	
.button.icon .icon-16 {position:absolute;
	bottom:2px;
	right:2px;}

.button.icon.reverse {padding-right:24px;
	padding-left:3px;
	background-position:95% 50%;}
	
.button.icon.important {background-color:#3b3d8d;
	color:#ffffff;
	border:solid #2b2c6a 1px;}
	
.button.icon:hover, a.button.icon:hover {background-color:#bdc0e5;}

.button.icon.important:hover, a.button.icon.important:hover {background-color:#242676;}
	
.button.icon.more {background-image:url(../images/template/icons/more.png);}
.button.icon.filter {background-image:url(../images/template/icons/filter.png);}
.button.icon.add {background-image:url(../images/template/icons/add.png);}
.button.icon.edit {background-image:url(../images/template/icons/edit.png);}
.button.icon.delete, .button.icon.cross {background-image:url(../images/template/icons/delete.png);}
.button.icon.save {background-image:url(../images/template/icons/save.png);}
.button.icon.error {background-image:url(../images/template/icons/error.png);}
.button.icon.note {background-image:url(../images/template/icons/note.png);}
.button.icon.check {background-image:url(../images/template/icons/success.png);}
.button.icon.progress {background-image:url(../images/template/icons/progress.png);}
.button.icon.chart {background-image:url(../images/template/icons/chart.png);}
.button.icon.line-chart {background-image:url(../images/template/icons/linechart.png);}
.button.icon.search {background-image:url(../images/template/icons/search.png);}
.button.icon.view {background-image:url(../images/template/icons/view.png);}
.button.icon.back {background-image:url(../images/template/icons/back.png);}
.button.icon.forward {background-image:url(../images/template/icons/forward.png);}
.button.icon.level-1 {background-image:url(../images/template/icons/level_1.png);}
.button.icon.level-2 {background-image:url(../images/template/icons/level_2.png);}
.button.icon.level-3 {background-image:url(../images/template/icons/level_3.png);}
.button.icon.rotate {background-image:url(../images/template/icons/rotate.png);}
.button.icon.menu {background-image:url(../images/template/icons/menu.png);}
.button.icon.certificate {background-image:url(../images/template/icons/certificate.png);}
.button.icon.finish {background-image:url(../images/template/icons/finish.png);}
.button.icon.question {background-image:url(../images/template/icons/question.png);}
.button.icon.waiting {background-image:url(../images/template/icons/waiting.png);}
.button.icon.dollar {background-image:url(../images/template/icons/dollar.png);}
.button.icon.free {background-image:url(../images/template/icons/free.png);}
.button.icon.percent {background-image:url(../images/template/icons/percent.png);}
.button.icon.email {background-image:url(../images/template/icons/email.png);}
.button.icon.below70 {background-image:url(../images/template/icons/below70.png);}
.button.icon.user {background-image:url(../images/template/icons/user.png);}
.button.icon.ring {background-image:url(../images/template/icons/ring.png);}
.button.icon.login {background-image:url(../images/template/icons/login.png);}
.button.icon.logout {background-image:url(../images/template/icons/logout.png);}
.button.icon.report {background-image:url(../images/template/icons/report.png);}
.button.icon.upload {background-image:url(../images/template/icons/upload.png);}
.button.icon.alias {background-image:url(../images/template/icons/alias.png);}
.button.icon.calendar {background-image:url(../images/template/icons/calendar.png);}
.button.icon.timer {background-image:url(../images/template/icons/timer.png);}
.button.icon.expand {background-image:url(../images/template/icons/expand.png);}
.button.icon.contract {background-image:url(../images/template/icons/contract.png);}
.button.icon.print {background-image:url(../images/template/icons/print.png);}
.button.icon.lock {background-image:url(../images/template/icons/lock.png);}
.button.icon.hear {background-image:url(../images/template/icons/hear.png);}
.button.icon.student {background-image:url(../images/template/icons/student16.png);}
.button.icon.attorney {background-image:url(../images/template/icons/attorney.png);}
.button.icon.slow {background-image:url(../images/template/icons/slow.png);}
.button.icon.not-finished {background-image:url(../images/template/icons/not-finished.png);}
.button.icon.image {background-image:url(../images/template/icons/image.png);}
.button.icon.cancel {background-image:url(../images/template/icons/cancel.png);}
.button.icon.loading {background-image:url(../images/template/icons/loading.gif);}

.button-mark {
	position:absolute;
	font-size:1px;
	text-decoration:none;
	background:url(../images/template/icons/delete10.png) no-repeat center center #dbeddf;
	border: 1px solid #0a9e34;
	padding:2px;
	width:10px;
	height:10px;
	z-index:1000;
}
.button-mark:after, .button-mark:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.button-mark:after {
	border-color: rgba(219, 220, 237, 0);
	border-top-color: #dbdced;
	border-width: 5px;
	margin-left: -5px;
}
.button-mark:before {
	border-color: rgba(2, 139, 207, 0);
	border-top-color: #dbeddf;
	border-width: 6px;
	margin-left: -6px;
}
	
.icon-16, .icon-16.spouse, .icon-48, .icon-48.spouse {display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	text-decoration:none;
	background-position:center center;
	text-align:center;
	background-repeat: no-repeat;
	position:relative;}
	
.icon-48, .icon-48.spouse {width:48px;
	height:48px;}
	
.icon-16.text, .icon-48.text {font-size:x-small;
	color:#ffffff;
	width:auto;
	background-color:#1b590b;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:0px 2px;
	text-align:center;}

.icon-16.text.fail, .icon-48.text.fail {background-color:#cc0000;}
	
.icon-16.disabled, .icon-48.disabled {opacity:0.3;}

.icon-16.more {background-image:url(../images/template/icons/more.png);}
.icon-16.filter {background-image:url(../images/template/icons/filter.png);}
.icon-16.add {background-image:url(../images/template/icons/add.png);}
.icon-16.edit {background-image:url(../images/template/icons/edit.png);}
.icon-16.delete, .icon-16.cross {background-image:url(../images/template/icons/delete.png);}
.icon-16.save {background-image:url(../images/template/icons/save.png);}
.icon-16.error {background-image:url(../images/template/icons/error.png);}
.icon-16.note {background-image:url(../images/template/icons/note.png);}
.icon-16.check {background-image:url(../images/template/icons/success.png);}
.icon-16.progress {background-image:url(../images/template/icons/progress.png);}
.icon-16.chart {background-image:url(../images/template/icons/chart.png);}
.icon-16.line-chart {background-image:url(../images/template/icons/linechart.png);}
.icon-16.search {background-image:url(../images/template/icons/search.png);}
.icon-16.view {background-image:url(../images/template/icons/view.png);}
.icon-16.back {background-image:url(../images/template/icons/back.png);}
.icon-16.forward {background-image:url(../images/template/icons/forward.png);}
.icon-16.level-1 {background-image:url(../images/template/icons/level_1.png);}
.icon-16.level-2 {background-image:url(../images/template/icons/level_2.png);}
.icon-16.level-3 {background-image:url(../images/template/icons/level_3.png);}
.icon-16.rotate {background-image:url(../images/template/icons/rotate.png);}
.icon-16.menu {background-image:url(../images/template/icons/menu.png);}
.icon-16.certificate {background-image:url(../images/template/icons/certificate.png);}
.icon-16.finish {background-image:url(../images/template/icons/finish.png);}
.icon-16.question {background-image:url(../images/template/icons/question.png);}
.icon-16.waiting {background-image:url(../images/template/icons/waiting.png);}
.icon-16.dollar {background-image:url(../images/template/icons/dollar.png);}
.icon-16.free {background-image:url(../images/template/icons/free.png);}
.icon-16.percent {background-image:url(../images/template/icons/percent.png);}
.icon-16.email {background-image:url(../images/template/icons/email.png);}
.icon-16.user {background-image:url(../images/template/icons/user.png);}
.icon-16.below70 {background-image:url(../images/template/icons/below70.png);}
.icon-16.ring {background-image:url(../images/template/icons/ring.png);}
.icon-16.login {background-image:url(../images/template/icons/login.png);}
.icon-16.logout {background-image:url(../images/template/icons/logout.png);}
.icon-16.report {background-image:url(../images/template/icons/report.png);}
.icon-16.upload {background-image:url(../images/template/icons/upload.png);}
.icon-16.alias {background-image:url(../images/template/icons/alias.png);}
.icon-16.calendar {background-image:url(../images/template/icons/calendar.png);}
.icon-16.timer {background-image:url(../images/template/icons/timer.png);}
.icon-16.expand {background-image:url(../images/template/icons/expand.png);}
.icon-16.contract {background-image:url(../images/template/icons/contract.png);}
.icon-16.print {background-image:url(../images/template/icons/print.png);}
.icon-16.lock {background-image:url(../images/template/icons/lock.png);}
.icon-16.hear {background-image:url(../images/template/icons/hear.png);}
.icon-16.student {background-image:url(../images/template/icons/student16.png);}
.icon-16.attorney {background-image:url(../images/template/icons/attorney.png);}
.icon-16.slow {background-image:url(../images/template/icons/slow.png);}
.icon-16.not-finished {background-image:url(../images/template/icons/not-finished.png);}
.icon-16.image {background-image:url(../images/template/icons/image.png);}
.icon-16.cancel {background-image:url(../images/template/icons/cancel.png);}
.icon-16.loading {background-image:url(../images/template/icons/loading.gif);}

.icon-48.avaliable {background-image:url(../images/icons/247.png);}
.icon-48.two-hours {background-image:url(../images/icons/2hours.png);}
.icon-48.certificate {background-image:url(../images/icons/certificate.png);}
.icon-48.class {background-image:url(../images/icons/class.png);}
.icon-48.couple {background-image:url(../images/icons/couple.png);}
.icon-48.money {background-image:url(../images/icons/money.png);}
	
.icon-16.spouse:after, .icon-48.spouse:after {position:absolute;
	display:block;
	bottom:-5px;
	right:-5px;
	background:url(../images/template/icons/ring.png) center center no-repeat;
	content:' ';
	width:16px;
	height:16px;}

.courses-list {white-space:nowrap;}
	
.footer {font-size:smaller;
	text-align:center;}

.thin-content {width:45%;
	margin:auto;}
.full-content {position:relative;}
	
.third-content {width:32%;
	margin:auto;
	margin-right:1%;}

.two-thirds-content {width:65%;
	margin:auto;
	margin-right:1%;}
	
.highlight {background-color:#fdfb55;}
.optional {color:#666666;}

.input {border:solid #707070 1px;
	background:#ffffff;
	transition:background-position-x 0.2s, border-color 0.2s;}
.input:hover, .input:focus{border-color:#26a0da;}

.input.with-img {position:relative;}
.with-img .input-image {position:absolute;
	right:30px;
	top:6px;}

.input.valid, label.valid {background:url(../images/template/icons/success.png) no-repeat 98% center #ffffff;}
.input.invalid, label.invalid {background:url(../images/template/icons/error.png) no-repeat 98% center #ffffff;}
.input.loading, label.loading{background:url(../images/template/icons/loading.gif) no-repeat 98% center #ffffff;}
.input.weak, label.weak {background:url(../images/template/icons/weak_pass.png) no-repeat 98% center #ffffff;}
.input.medium, label.medium {background:url(../images/template/icons/medium_pass.png) no-repeat 98% center #ffffff;}
.input.strong, label.strong {background:url(../images/template/icons/strong_pass.png) no-repeat 98% center #ffffff;}
.input.percent, label.percent {background:url(../images/template/icons/percent.png) no-repeat 98% center #ffffff;}
.input.date, .input.calendar, label.date, label.calendar {background:url(../images/template/icons/calendar.png) no-repeat 98% center #ffffff;}
.input.money, label.money {background:url(../images/template/icons/dollar.png) no-repeat left center #ffffff;
	padding-left:16px;}
.input.yellow, label.yellow {background-color:#fff600;}

label.valid, label.invalid, label.loading, label.weak, label.medium,
label.strong, label.percent, label.date, label.calendar {padding-right:30px;}

.form-steps, .form-steps li {list-style:none;
	margin:0px;
	padding:0px;}
	
.form-steps {margin-bottom:15px;}
	
.form-steps li {display:inline-block;
	box-sizing:border-box;
	width:24%;
	margin-right:1%;
	text-align:center;
	padding:5px;
	font-size:smaller;
	color:#666666;
	background:#efefef;
	border:solid #cccccc 1px;
	border-radius:5px;
	cursor:pointer;
	-webkit-transition:color 0.5s, background-color 0.5s;
	-moz-transition:color 0.5s, background-color 0.5s;
	transition:color 0.5s, background-color 0.5s;}
	
.form-steps li.active {background:#ffffff;
	color:#000000;}
	
.form-steps li.blinking {background:#ffffff;}

.uploaded-docs img, .uploaded-docs .img{
    border: solid #cccccc 5px;
    margin: 5px;
    background-color: #cccccc;
    border-radius: 10px;
	display:inline-block;
}

.uploaded-docs .img {width:100px;
	position:relative;}
	
.uploaded-docs .img .loading {position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	display:none;
	background:url(../images/template/icons/loading.gif) center center no-repeat rgba(255, 255, 255, 0.5);}

.uploaded-docs .img img {border:none;
	margin:0px;
	background:none;
	border-radius:0px;}
	
.uploaded-docs .img select, .uploaded-docs .img input {width:100%;
	box-sizing:border-box;
	font-size:smaller;
	display:block;}

.upload-form {max-height:0px;
	opacity:0;
	transition:max-height 0.5s, opacity 0.5s;
	overflow:hidden;}
	
.upload-form.show {max-height:500px;
	opacity:1;
}

form .step, form .step .course-fees {max-height:1000px;
	opacity:1;
	transition:max-height 0.5s, opacity 0.5s;
	overflow:hidden;}
	
form .step.short {max-height:300px;}
	
form .step.hide, form .step.short.hide, form .step .course-fees {max-height:0px;
	opacity:0;}
	
form .step .course-fees {margin:20px 0px;}

form .step .course-fees.show {max-height:250px;
	opacity:1;}
	
.hform .input.money {padding-left:16px;}

.input:focus {background-position-x:92%;}
.input.money:focus {background-position-x:left;}

textarea.fill {width:100%;
	box-sizing:border-box;
	min-height:150px;}

div.input .input, div.input select, div.input textarea {border-width:0px;
	background-color:transparent;
	padding:0px;}
	
.hform div.input .input, .hform div.input select, .hform div.input textarea {padding-top:0px;
	padding-bottom:0px;}
	
.hform div.input .input, .hform div.input .button {margin:0px;
	outline:none;}
.hform div.input .button.icon {width:0px;
	padding:0px;
	padding-left:24px;
	margin-left:5px;
	float:right;
	clear:right;}
	
.info div.input {border-color:#efefef;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.info .input {border-color:#efefef;}

.info label {color:#999999;
	padding-top:5px;
	font-size:smaller;}
	
div.input.DOB input, div.input.DOB select {width:32%;}

.bform .input, .bform .button {display:block;
	width:100%;
	padding:5px;
	box-sizing:border-box;}
	
.bform .hform .input, .bform .hform label {margin-bottom:auto;}
	
.hform label {display:inline-block;
	width:30%;
	margin-bottom:10px;
	float:left;
	clear:left;
	padding:0px;
	box-sizing:border-box;}
	
.hform label.side-by-side {clear:none;}
	
.hform label.long {width:70%;}
.hform label.half {width:50%;}
	
.hform .input, .hform .button {display:inline-block;
	width:70%;
	padding:5px;
	margin-bottom:10px;
	float:left;
	clear:right;
	box-sizing:border-box;}

.hform .input.full, .hform label.full, .hform .button.full {width:100%;}
.hform .input.short, .hform .button.short {width:30%;}
.hform .input.half, .hform .button.half {width:50%;}
.hform .input.quarter, .hform .button.quarter {width:25%;}
	
.hform .center .button {float:none;}
	
.hform.single-col label, .hform.single-col .input, .hform.single-col .button {display:block;
	float:none;
	width:100%;}

.hform label.auto-width, .hform .input.auto-width {width:auto;
	float:none;}
	
.hform.single-col .button-push {display:none;}

.hform:after {display:block;
	content:' ';
	height:1px;
	overflow:hidden;
	clear:both;}
	
.hform .small {display:block;
	clear:both;
	text-align:right;
	margin-bottom:10px;}
	
.hform.single-col .small {text-align:left;}

.bform label {display:block;
	padding:5px;}
	
.bform label.checked {background:#f9f9f9;}
	
.errors_div, .notes_div, .success_div {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:20px;
	margin-bottom:0px;
	padding:5px;
}

.errors_div a {color:#fffcd5;}

.content .errors_div, .content .notes_div, .content .success_div {margin:20px 0px;}

.errors_div ul, .notes_div ul, .success_div ul {
	margin:0px;
	padding:0px;	
}

.errors_div li {background:url(../images/template/icons/error.png) 0px 3px no-repeat;
	list-style:none;
	padding-left:24px;}
	
.errors_div {background:#d70909;
	border:solid #730707 1px;
	color:#ffffff;}
	
.success_div li {background:url(../images/template/icons/success.png) 0px 3px no-repeat;
	list-style:none;
	padding-left:24px;}

.success_div {background:#ffead7;
	border:solid #f3ba86 1px;}

.notes_div li {background:url(../images/template/icons/note.png) 0px 3px no-repeat;
	list-style:none;
	padding-left:24px;}

.notes_div {background:#e9e9ff;
	border:solid #b5b5ec 1px;}
	
.table_list, .div-list {border-collapse:collapse;
	border:solid #a7a3d0 1px;
	width:100%;}

.table_list td, .div-list .row {padding:5px;
	border-bottom:solid #a7a3d0 1px;
	box-sizing:border-box;}
	
.div-list .info {width:100%;
	clear:both;
	margin-top:5px;}
	
.div-list .info > div, .div-list .info > span {padding-right:5px;}

.table_list th, .div-list .header {background:#221d40;
	padding:5px;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
	box-sizing:border-box;}	

.table_list th.three-quarters {width:75%;}
.table_list th.two-thirds {width:66%;}
.table_list th.half {width:50%;}
.table_list th.third {width:33%;}
.table_list th.quarter {width:25%;}
.table_list th.eighth {width:12%;}
.table_list th.ht-remaining {width:17%;}
.table_list th.tq-remaining {width:42%;}
	
.table_list table td, .table_list table th {border:none;}

.table_list tr.odd, .div-list .odd {background:#d5d3ea;}
.table_list tr.invalid, .div-list .invalid {background:#fffcd5;}

.table_list .input, .div-list .input {box-sizing:border-box;
	width:100%;
	background-color:transparent;}
	
.table_list .tools, .div-list .tools {text-align:right;
	white-space:nowrap;}
	
.div-list .tools {display:block;}
	
.div-list:after, .div-list .info:after {content:' ';
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;}

.paging {font-size:small;
	background:#f9f9f9;
	border:solid #028bcf 1px;
	padding:5px;
	text-align:center;}
	
.paging .link {display:inline-block;
	color:#666666;
	text-decoration:none;
	padding:3px 10px;}
	
.paging .disabled {color:#cccccc;
	cursor:default;}
	
.paging .active {font-weight:bold;
	color:#ffffff;
	background:#028bcf;}

.overlay {position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(34, 29, 64, 0.8);
	z-index:11000;}
	
.overlay-confirm {position:fixed;
	background:#ffffff;
	left:0px;
	right:0px;
	top:25%;
	max-height:70%;
	overflow:auto;
	z-index:12000;}
	
.overlay-confirm .content {width:50%;
	margin:auto;
	padding-bottom:10px;}
	
.overlay-confirm h4 {color:#3b3d8d;
	background:url(../images/template/icons/note.png) no-repeat center left;
	padding-left:24px;
	padding-top:10px;
	font-size:22px;
	text-transform:none;
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;}
	
.overlay-confirm.alert h4 {background:url(../images/template/icons/error.png) no-repeat center left;}
	
.overlay-confirm label {display:block;}
.overlay-confirm .input {display:block;
	width:100%;
	box-sizing:border-box;}
	
.overlay-confirm .buttons {text-align:right;}
.overlay-confirm .confirm {margin-right:15px;}

#agreement_container {max-height:200px;
	font-size:smaller;
	overflow:auto;}

.title-div {position:absolute;
	opacity:0px;
	top:-500px;
	left:-500px;
	padding:5px;
	font-size:smaller;
	min-width:200px;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	transition:opacity 0.5s;
	background: #f9f9f9;
	border: 1px solid #028bcf;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.6);}
	
.title-div .close {position:absolute;
	top:-10px;
	right:-10px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#cc0000;
	color:#ffffff;
	border:solid #ffffff 2px;
	padding:0px 4px;
	cursor:pointer;
	display:none;}
	
.title-div.show-close .close {display:block;}
	
.title-div.has-arrow:after, .title-div.has-arrow:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.title-div.has-arrow:after {
	border-color: rgba(249, 249, 249, 0);
	border-bottom-color: #f9f9f9;
	border-width: 5px;
	margin-left: -5px;
}
.title-div.has-arrow:before {
	border-color: rgba(2, 139, 207, 0);
	border-bottom-color: #028bcf;
	border-width: 6px;
	margin-left: -6px;
}

.formatted-time .value:before{content:' ';}
.formatted-time .label:before{content:' ';}

.only_ie7 {display:none;}

.fit-img img {max-width:100%;}

.thumb-100 {max-width:100px;}

@media(max-width: 1000px) {
	.section .content, .section .header, .section .top-banner-content {width:90%;}
		
	.top-banner-content .slide-content {top:250px;}
}

@media(max-width: 960px) {
	.slides-bullets {display:none;}
	.slide-show {padding-bottom:350px;}
	.top-banner-content .slide-content {top:75px;
		width:300px;
		left:300px;}
	.top-banner-content .price-circle, .top-banner-content .signup-button {left:0px;}
	.top-banner-content .ticks {bottom:auto;}
	.top-banner-content .approved-ribbon {right:15px;}
	
	.static-bar .top-banner-content .price-circle {left:50px;}
	.static-bar .top-banner-content .signup-button {left:25px;}
	.top-login-form {right:7px;}
}

@media(max-width: 880px) {
	.section .content, .section .header, .section .top-banner-content {width:95%;
		padding:1%;}
		
	.header .login-nav {display:inline-block;}
	.top-banner-content .top-login-form {display:none;}
	.top-banner-content .price-circle {top:20px;}
	.top-banner-content .signup-button {top:220px;}
	.top-banner-content .slide-content {
		text-align:left;
		width:auto;
		right:0px;}
		
	.top-banner-content .slide-content h4 {width:70%;}
		
	.top-banner-content .approved-ribbon {right:0px;
		width:15%;
		min-width:100px;}
		
	form .step.short {max-height:400px;}
}

@media(max-width: 690px) {
	.header .logo {display:block;}
	.header .nav {display:block;
		float:none;
		text-align:center;
		margin:0px;}
		
	.top-banner-content .signup-button, .static-bar .top-banner-content .signup-button {top:285px;
		right:30%;
		left:30%;
		width:auto;}
		
	.static-bar.section {height:200px;}
		
	.static-bar .top-banner-content .signup-button {top:85px;}
		
	.top-banner-content .price-circle, .static-bar .top-banner-content .price-circle {top:200px;
		left:0px;
		right:0px;
		padding:0px;
		text-align:center;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		width:auto;
		height:auto;}
		
	.static-bar .top-banner-content .price-circle {top:20px;}
		
	.top-banner-content .price-circle .price-note {text-align:center;
		margin-top:65px;
		margin-bottom:5px;}
		
	.top-banner-content .slide-content {position:static;
		padding-top:40px;}
		
	.top-banner-content .slide-content h4 {width:auto;}
	
	.large-icon .circle {width:100px;
		height:100px;
		background-size:contain;}
	
	.wide, .narrow {float:none;
		width:auto;}
		
	form .step, form .step .course-fees {max-height:1800px;}
	
	form .step.hide, form .step.short.hide, form .step .course-fees {max-height:0px;}
	
	form .step .course-fees {margin:0px 0px 20px 0px;}

	form .step .course-fees.show {max-height:250px;}
		
	.hform label, .hform .input, .hform .button, .hform label.long, .hform .input.full, .hform .input.short, .hform label.half, .hform .input.half {display:block;
		float:none;
		width:100%;}
		
	.hform .input.quarter {width:49%;
		display:inline-block;}
	
	.hform label.auto-width {display:inline-block;
		width:auto;}
		
	.hform label {margin-bottom:0px;}
	.hform .button-push {display:none;}
	.hform .small {text-align:left;}
	
	.overlay-confirm .content {width:70%;}
	
	.break-down-5 td, .break-down-5 th {display:block;
		width:25%;
		box-sizing:border-box;
		float:left;
		border-width:0px;}
	
	.break-down-5 td:first-child, .break-down-5 th:first-child {display:block;
		width:100%;
		float:none;
		clear:both;
		box-sizing:border-box;
		border-top-width:1px;}
		
	.break-down-5 .tools {width:100%;
		clear:both;
		border-bottom-width:1px;}
		
	.break-down-5 thead tr {background:#221d40;}
	
	.break-down-5 .no-text.button, .break-down-5 a.no-text.button {color:#000000 !important;
		padding-right:5px;
		padding-bottom:5px;
		width:auto;}
		
	.break-down-4 td, .break-down-4 th {display:block;
		width:33%;
		box-sizing:border-box;
		float:left;
		border-width:0px;}
	
	.break-down-4 td:first-child, .break-down-4 th:first-child {display:block;
		width:100%;
		float:none;
		clear:both;
		box-sizing:border-box;
		border-top-width:1px;}
		
	.break-down-4 .tools {width:100%;
		clear:both;
		border-bottom-width:1px;}
		
	.break-down-4 thead tr {background:#221d40;}
	
	.break-down-4 .no-text.button, .break-down-4 a.no-text.button {color:#000000 !important;
		padding-right:5px;
		padding-bottom:5px;
		width:auto;}
		
	.break-down-4.no-text-button .no-text.button, .break-down-4.no-text-button a.no-text.button {width:0px;
		overflow:hidden;
		height:24px;
		padding:0px;
		color:rgba(0,0,0,0) !important;}
		
	.break-down-4.no-text-button .button.icon, .break-down-4.no-text-button a.button.icon {padding-left:24px;}
		
	div.input .input, div.input select, div.input textarea,
	.hform div.input .input, .hform div.input select, .hform div.input textarea {border-bottom-width:1px;
		margin-bottom:10px;
		padding-bottom:5px;}
	div.input .button, div.input .button.no-text, .hform div.input .icon.button {float:none;
		display:block;
		color:#000000 !important;
		width:100%;
		box-sizing:border-box;
		margin:0px;} 
		
	div.input.DOB select {display:inline-block;
		margin:0px !important;
		padding-bottom:0px !important;
		border:none;}
		
	.slide-content .slide-info p {display:none;}
}

@media(max-width: 540px) {
	body, html {font-size:medium;}
	.section .content, .section .header, .section .top-banner-content {width:95%;}
	h1 {font-size:xx-large;}
	h2, .call-to-action {font-size:x-large;}
	h3 {font-size:large;}
	h4, h5, h6 {font-size:larger;}
	
	.header .nav {border-bottom:dashed #cccccc 1px;
		font-size:smaller;}
	
	.top-banner-content .slide-content {font-size:large;}
	
	.slide-show {padding-bottom:300px;}
	.top-banner-content .approved-ribbon {display:none;}
	.top-banner-content .signup-button {top:210px;
		left:25%;
		right:25%;
		font-size:large;}
	.top-banner-content .slide-content h4 {width:auto;}
		
	.top-banner-content .price-circle {top:160px;
		font-size:xx-large;}
		
	.top-banner-content .price-circle .price-note {margin-top:50px;}
		
	.large-icon.instant-certificate, .large-icon.course-details {padding-bottom:30px;}
		
	.large-icon .circle {width:200px;
		height:200px;
		background-size:auto;}
	
	.large-icon.course-details .large-only {display:none;}
	.large-icon.course-details .small-only {display:block;}
	
	.thin-content, .third-content, .two-thirds-content {width:auto;
		margin:auto;}
	
	.right, .left {float:none;}
	
	.overlay-confirm .content {width:90%;}
	
	.overlay-confirm {top:15%;}
	
	textarea.fill {min-height:75px;}
	
	.slide-content .slide-info p {display:none;}
	.slide-content .slide-info h4 {text-align:center;}
}

@media(max-width: 440px) {
	.top-banner-content .signup-button {top:240px;}
		
	.top-banner-content .price-circle {top:190px;}
	
	.break-down-5 td, .break-down-5 th {width:50%;}
	
	.header .nav .home {width:0px;
		padding-right:24px;
		background:url(../images/template/icons/home.png) no-repeat center center;
		text-indent:-1000pt;}
		
	.header .nav .contact {width:0px;
		padding-right:20px;
		background:url(../images/template/icons/email.png) no-repeat center center;
		text-indent:-1000pt;}
		
	.course-fees tr {display:inline-block;
		width:48%;}
		
	.course-fees tr th, .course-fees tr td {display:block;}	
	
	.course-fees .prices-row td {text-align:right;}
}

@media(max-width: 330px) {
	.header .nav li a {padding:5px;}	
}

@media(max-height: 540px) {
	.overlay-confirm .content {max-height:380px;
		overflow:auto;}
		
	.overlay-confirm .content ul {max-height:260px;
		overflow:auto;}
}

@media(max-height: 480px) {
	.overlay-confirm .content {max-height:340px;
		overflow:auto;}
		
	.overlay-confirm .content ul {max-height:220px;
		overflow:auto;}
}

@media(max-height: 320px) {
	.overlay-confirm .content {max-height:230px;
		overflow:auto;}
		
	.overlay-confirm .content ul {max-height:100px;
		overflow:auto;}
}