/****************************************************************************************************/
html, body { 
	font-size: 14px; 
	font-family: "Open Sans";
	color: #333;
	margin-top: 0;
	padding-top: 0;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
} 

body {
	background: #f8f8f8;
	padding-top:0px;
}

.columns, .column { /* for debugging */
/*	border-left: solid 1px #4a4a4a; */
	padding-left: 0;
	padding-right: 0;
}

.courses h2 {
	margin-top:2rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans";
	margin-bottom:1rem;
	font-weight:600;
	line-height:1;
	color: #0E4982;
}

h1 {
	font-size: 26px !important;
	margin-bottom: 3rem !important;
    margin-top: 1rem !important;    
}
.homepage-loggedin h1, .homepage-loggedin h2, .homepage-loggedin h3, .homepage-loggedin h4, .homepage-loggedin h5, .homepage-loggedin h6,
.homepage-nologin h1, .homepage-nologin h2, .homepage-nologin h3, .homepage-nologin h4, .homepage-nologin h5, .homepage-nologin h6 {
	/* font-family: "OswaldBold", "Arial"; */
} 

h1, h2, h3 {
	text-transform:none;	
}
/*
h1 { font-size: 20px; }
h2 { font-size:19px;}
h3 { font-size:18px;}
h4 { font-size:17px;}
h5 { font-size:16px;}
h6 { font-size:15px;}
*/

textarea, select, button, input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"],
 {
	font-size:14px;
}

table tr th, table tr td, table thead tr th {
	font-size:14px;	
}

table tr th, table thead tr th {
	text-align:center;
}

ul {
	margin-left:2.5rem;
	list-style-type: none;
}

a {
	color: #0E4982;
	font-weight: 600;
	text-decoration:none;
}

a:hover {
	color: #557AB0;
}

.instructions {
	font-size:0.85rem;
	color: #000;
	margin-bottom:1rem;
}

button, .button {
	background: #77b800;
}

button:hover, .button:hover {
	color: #77b800;
}

button:hover, button:focus, .button:hover, .button:focus {
	background: transparent;
}

/* these are for forms */
table.notable tr th, table.notable tr td {
	padding: 0;
}

.breadcrumbs {
	background-color: #fff;
	border-color: #fff;
	margin-bottom:0;
	padding-bottom:0.5rem;
	font-family: Arial;
	padding-top:1rem;
	position: relative;
}

.breadcrumbs > *  {
	font-size:12px;
	line-height:1rem;
}

.breadcrumbs > li {
	color:#a9a8a8;
}

.breadcrumbs > * a {
	font-size:12px;
	color: #a9a8a8;
	position:relative;
	top:2px;
}

.breadcrumbs li span {
	position: relative;
	top: 2px;
}

.breadcrumbs > *:before {
	content: "";
}

.breadcrumbs > *:first-child:after {
	content: "\003e \00a0";
	top: 16px;
	position: absolute;
}

.breadcrumbs > *:after {
	margin: 0 0.275rem;
	content: "\003e";
	position: absolute;
	top: 16px;
}

label {
	font-size:16px;
}

select {
/*	height: 2rem; */
}

/* calendar events */
.fc-title, .fc-time {
	font-size:12px;
}

.objectives {
	margin-top: -10px;
}

.mainsection {
	border-top: solid 1px #AEAEAE;
}

.top-bar.second-top-nav  {
	background: #000;
	padding: 0 2rem;
	height:52px;
}


.second-top-nav .top-bar-section ul:not(.dropdown) li:not(.has-form) a:not(.button), 
.second-top-nav .top-bar-section ul:not(.dropdown)  li {
	background: #000;
	color: #fff;
	font-size:16px;
	font-family: Arial; // "OswaldMedium";
	padding-top: 6px;
	letter-spacing:-1px;
}

.second-top-nav .top-bar-section li:not(.has-form).loginout a:not(.button) {
	color: #fff;
}

.second-top-nav .top-bar-section li.active:not(.has-form) a:not(.button) {
	background: #000;
	color: #fff;
}

.second-top-nav .top-bar-section ul:not(.dropdown) li > a {
	font-size:16px;
	text-transform: uppercase;
}

.second-top-nav .top-bar-section ul.dropdown li a {
	font-size:14px !important;
	text-transform: none !important;
	line-height:20px;
	font-family: Arial;
    letter-spacing: 1px !important;
    padding-top: 2px !important;
}

.second-top-nav .top-bar-section ul.dropdown li a:hover {
	color: #cf0028 !important;
}

.second-top-nav .top-bar-section li.bigdivider {
	border-left: solid 1px #474747;
	margin-top:1rem;
	height:52px;
}

.second-top-nav .top-bar-section li.has-dropdown .dropdown > a:before {
  content: "hello";
}

.tabs {
	background: transparent;
	border: none;
	border-bottom: solid 1px #ccc;
}

.tabs .tabs-title > a {
	font-family: "Open Sans";
	font-size: 14px;
	padding-top: 1rem;
	padding-bottom:1rem;
	color: #999;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
	background: transparent;
	border: solid 2px #287AAD;
	color: #000;
}

/* BUTTONS */

button, .ourbutton {
	background-color: #fff;
	color: #000;
}

button, .scoretest {
	background-color: #E8EDF3;
	font-size:30px;
	color: #000;
	position: relative;
	border:#003D7B;
	border-style: outset;
	border-width: 1px;
}

button:hover, button:focus, .button:hover, .button:focus {
	color: #fff;
	background: #287AAD;
}

button.menu-icon {
	color: #fff;
	background: #287AAD;
	border: none;
}

button.menu-icon.dark::after {
	background: #fff;
	box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
	-webkit-box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
	-moz-box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
	top: -5px;
}
table tr td a, p a {
	font-size:14px;
}

a:hover {
	background: none;
	color: #287AAD;
	text-decoration: none;
}

button:hover, .ourbutton:hover, .sub-nav dd.active a:hover {	
	color: #fff;
	background: #287AAD;
	text-decoration:none;
}

.sub-nav dd a:hover {
	color: #77b800;
}

a.lessons:hover {
	background:none;
	color: #77b800; 
}

.details-button a:hover {
	background: #fff;
}

/* DIALOG AND MESSAGE BOX */
.reveal-modal {
	border:solid 3px #1d4189;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	 padding:0; 
}

.reveal-modal > p {
	margin: 1rem 0 0 0;
}

.reveal-modal div,  .reveal-modal p {
	font-family: Arial;
	font-size:16px;
}

.reveal-modal .modal-title {
	background-color: #1d4189;
	color: #fff;
	height:3rem;
	padding:0.7rem;
	font-size: 20px;
}

.reveal-modal.no-title {
	padding:5px;
}

.reveal-modal .modal-content {
	padding:1.875rem;
}

.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
	color: #fff;
	top: 0.1rem;
}

#msg_display.reveal-modal {
	padding:1rem;
	border:solid 10px #1d4189;
	border-radius: 15px;
	-webkit-border-radius: 15px;
}

#msg_display.reveal-modal .close-reveal-modal {
	color: #fff;
	top:-30px;
	right:-20px;
}


div.row {
	text-align:left;
	/* why did I rem out this line??? */
	max-width: 1200px;  /* 59.4rem; */
	margin-top:0;
	padding-top:0;
}

div.row.row {
	margin-left:0;
	margin-right:0;
}

div.footer {
	background: #287AAD;
	color: #fff;
	clear:both;
	text-align:left;
	padding-top: .5rem;
	padding-bottom: .5rem;
	/* padding-left: 0.5rem; */
}

div.footer .copyright {
	margin-top:2rem;
	color: #fff;
	font-family: "Open Sans";
	font-size: 12px;
}

div.footer a {
	color: #fff;
	font-weight: 400;
	font-family: "Open Sans";
	font-size: 12px;
}

.footer-logos a {
	display: block;
	margin-bottom: 2rem;
}

div.footer_top {
	padding-left: 1rem;
}
/* .footer-logos a {
	display: block;
	margin-bottom:1rem;
} */

#logo {
	display:block;
	margin-top:0.5rem;
}

div.maintopline hr {
	margin-bottom:0;
}


.first-top-nav {
/*	height: 55px;
	line-height:55px;
	padding-top:0;
	padding-bottom:0; */
	background: #287AAD;
}

.first-top-nav ul {
	background: #287AAD;
}

.first-top-nav .menu a {
	font-family: "Open Sans";
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.first-top-nav .is-dropdown-submenu-item a {
	text-transform: capitalize;
}

.first-top-nav .menu .active a {
	background: transparent;
}

.first-top-nav .menu > li > a {
	/* padding: 1.2rem 1rem; */
}

.first-top-nav .menu-text {
	padding-left: 0;
	padding-right: 0;
}
.first-top-nav .logout_button {
	padding-right: 1rem;
}

.first-top-nav .login_button {
	max-width: 250px;
	padding-left: 2.5rem;
}

.first-top-nav .login_button a, .first-top-nav .logout_button a {
	background: #287AAD;
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	margin-top: 0;
	letter-spacing: 0px;
}

.first-top-nav .logout_button {
	float: right;  /* default to aligning right for small to medium screens */
}

.first-top-nav .logout_button li {
	color: #fff;	
	font-weight: 600;
}

/* Medium and up */
@media only screen and (min-width: 40.063em) {
	.top-bar.second-top-nav .menu-centered {
		text-align: center;
	}
	
	.top-bar.second-top-nav .menu.vertical > li:first-child {
		margin-top: 0;
	}
	
	.first-top-nav .login_button {
		max-width: 250px;
		padding-left: 2.5rem;
	}
	
}
/* Large and up */
@media screen and (min-width: 64.063em) {
	.first-top-nav .logout_button {
		float: none;
	}
	
	.first-top-nav .login_button {
		max-width: 350px;
		padding-left: 0;
	}
	.first-top-nav .login_button a.button, .first-top-nav .logout_button a.button {
		padding-left: 3rem;
		padding-right: 3rem;

		/* margin-right: 2rem; */
	}

	
	.first-top-nav .button {
		/* margin-right: 6rem;
		padding: 0.5rem 6rem; */
	}
	
	.first-top-nav ul.submenu {
		/* opacity:0.8; */
	}
	.first-top-nav ul.submenu li a:hover {
		background: gray;
	}
}
/*
nav.first-top-nav .top-bar .name {
	width:300px;
	height:45px;
}

nav.first-top-nav .top-bar-section ul {
	padding-top:0;
}

.first-top-nav.expanded .top-bar-section ul li.active > a {
	background: blue;
}
nav.first-top-nav .top-bar-section li:not(.has-form) a:not(.button) {
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

nav.first-top-nav .top-bar-section ul li.divider {
	border-color: #717f80;
}

.top-bar .toggle-topbar.menu-icon {
	margin-top: -23px;
}
.top-bar .toggle-topbar.menu-icon a {
	color: #4a4a4a;
}

nav.first-top-nav .top-bar-section ul li a {
	color: #fff;
	font-size:16px;
	font-weight:400;
}

nav.first-top-nav .top-bar-section ul li a:hover, nav.first-top-nav .top-bar-section li:not(.has-form) a:not(.button):hover {
	background: #1B5D94; 
	text-decoration: none;
}

nav.first-top-nav.top-bar.expanded .title-area {
	background: #fff;
}
*/
.row.maincontent {
	padding-bottom:2rem;
}

.row.maincontent hr.firsthr {
	height:3px;
	background-color:#717f80;
	margin-bottom:0.5rem;
}

.row.maincontent hr.firsthr, .row.maincontent hr.secondhr {
	margin: 0;
}


.row.maincontent.withimage hr.firsthr {
	margin:0;
}

.row.maincontent hr.secondhr {
	height:1px;
	background-color:#c6cccd;
	margin-bottom:2rem;
	border:none;
}

.row.maincontent.homepage-nologin hr.firsthr, .row.maincontent.homepage-loggedin hr.firsthr {
	margin-bottom: 0;
}

.row.maincontent.homepage-loggedin hr.secondhr {
/*	margin-bottom:0; */
}
.row.maincontent hr.thirdhr {
	background-color: #77b700;
	height:3px;
	margin-bottom:0.5rem;
	margin-top:0;
	border:none;
}
.row .second-top-nav {
	
}

/*
nav.top-bar.second-top-nav, .second-top-nav.top-bar.expanded .title-area {
	background: #e97663;
}


@media only screen and (min-width: 1024px) {
	nav.second-top-nav .top-bar-section {
		display:inline-block;
	}
}
*/

/*
@media only screen and (min-width: 40.063em) {
	.top-bar.first-top-nav {
		overflow:hidden; /* this will not allow the drop downs but it causes it to shift up 
		margin-top:0;
	}

	.top-bar.first-top-nav .top-bar-section li.active:not(.has-form) a:not(.button), 
	.top-bar.first-top-nav .top-bar-section li:not(.has-form) a:not(.button) {
		line-height:45px; /* height of image 
		background: #287AAD;
	}
	
	.top-bar.first-top-nav .top-bar-section li.active:not(.has-form) a:not(.button) {
		/* background: #1B5D94; 
	}
	
	.top-bar-section li.active:not(.has-form) a:not(.button):hover {
		background: transparent;
	}
}
*/
/*
.second-top-nav .top-bar-section li:not(.has-form) a:not(.button) {
	background: #e97663;;
	text-decoration:none;
}

.second-top-nav .top-bar-section li.active:not(.has-form) a:not(.button) {
	background:#e97663;
	text-decoration:underline;
}

.second-top-nav .top-bar-section li:not(.has-form) a:not(.button):hover { 
	color: #e97663;
	background: #fff;
}

.second-top-nav .top-bar-section ul:first-child > li.active:not(.has-form) a:not(.button):hover {
	background: #e97663;
	color: slategray;
}

.second-top-nav .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background: #e97663;
	color: #fff;
	text-decoration:none;
}

.second-top-nav .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
	color:slategray;
	text-decoration:none;
}
.second-top-nav dl.sub-nav {
	margin: 0.55rem auto 0 auto;
	display:inline-block;
}

*/

.sub-nav dd.active a {
	background: #fff;
	color:#4a4a4a;
	border: solid 2px #4a4a4a;
	border-radius:0;
	-webkit-border-radius: 0;
}

/*
.second-top-nav dl.sub-nav dd.active a {
	border: none;
	background:#e97663;
	color: #fff;
	text-decoration:underline;
}
*/
.main-right-nav {
	background: #e97;
	border-left: solid 1px #1d4189;
	padding-left:10px;
	margin-top:40px;
	min-height:200px;
	position:relative;
	padding-top:1rem;
}

.hp-seminars-viewall {
	position:absolute;
	bottom: 0;
	right:10px;
}

.main-right-nav h2 {
	font-size:16px;
	color:#fff;
}

.main-right-nav a {
	color: #fff;
	font-size:14px;
}

.main-right-nav hr {
	margin: 0;
}
.details-button {
	margin-bottom: 1.5rem;
}

/* be careful modifying this section because it affects the universal top navigation */
.details-button a, a.course-button, .ourbutton, button, span.course-button {
	display: inline-block;
	margin: 1rem 0 0 0;
	border: solid 1px #c6cccd;
	border-radius:0;
	-webkit-border-radius: 0;
	font-weight:100;
	padding: 0.25rem 0.5rem 0.2rem 0.5rem;
	color: #000;
}

.ourbutton {
	display: inline-block;
	margin: 1rem 0 0 0;
	border: solid 1px #c6cccd;
	padding: 10px 20px;
	color: #000;
/*	min-height:50px; */
	width:auto;
/*	letter-spacing:2px;*/
	font-family: Arial;
	background: #fff;
	font-size:16px;
	text-align: center;
	font-weight:600;
}

span.error, small.error {
	display:inline-block;
	margin-left: 0.5rem;
	color: #990100;
	font-weight: 600;
	vertical-align: middle;
}

a.course-button.white, .ourbutton.white {
	background-color: #fff;
	color: #77b800;
}

a.course-button.white:hover, .ourbutton.white:hover {
	color: #fff;
	background: #77b800;
}

td.centered {
	text-align:center;
}
td.text-left {
	text-align:left;
}

table {
	width:100%;
}

form table {
	border: none;
	background: #fff;
	border-collapse:collapse;
	width:100%;
		
}

form table tr.even, form table tr.alt, form table tr:nth-of-type(even)
 {
	background-color: #fff;
}

/* used for course information */
.section_header {
	background:#e1ece8;
	color: #000;
	padding: 5px;
}

.section_content {
	margin-bottom:20px;
	margin-top:5px;
}

.section_content.small_content {
	font-size:.85rem;
}

.section_content ul li {
	color: #333;
	font-size:14px;
}

div.newcourse {
	border: solid 1px #f1f1f1;
	margin:0;
	padding:0;	
}

h3.newcoursetitle {
	margin:0;
	padding: 1rem 0 2rem 1rem;
}

h3.selectleft {
	margin-top:2rem;
	margin-bottom:2rem;
}

/* tables throughout for listings, change to real colors */

table.entryTable {
	border: solid 1px #f1f1f1;
	border-collapse: collapse;
}
table.entryTable thead tr {
	background:#f1f1f1;
}

table.entryTable td {
	border: solid 1px #f1f1f1;
}

table.smalltable td, table.smalltable td a, table.smalltable td div {
	font-size:12px;
}

span.warning, table td.warning {
	color: #990100;
	font-weight:400;
}

table.grid td {
	border: solid 1px #ebebeb;
	padding: 5px;
}

form table td input[type="text"], form table td input[type="password"], form table td input[type="email"] {
	margin:0;
	height:2rem;
}

/* Calendar css */
.fc-row.fc-widget-header table {
	margin-bottom:0;
}

.fc-content-skeleton table thead {
	background: none;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
	border-color: #ddd !important;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: left !important;
	padding-left:4px;
	color: #888;
}

.fc-event-container .fc-day-grid-event > .fc-content {
	white-space: normal !important;
}

/* End of Calendar css */

input[type="text"].searchtext {
	width:150px;
	display:inline-block;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #fff !important;
}

textarea {
	height:150px;
}

.small, small {
	font-size: 14px;
}

xsmall, .xsmall {
	font-size:12px;
}

.sub-nav dt a, .sub-nav dd a {
	color: #4a4a4a;
}

.accordion dd > a:before {
	content: " + ";
}

.accordion dd.active > a:before {
	content: " - ";
}


.prefix, .postfix {
	font-size:1rem;
}
div.vmenu {

}

.vmenu .vmenu_title {
	padding:3px 10px 1.5rem 3px;
	color: #4a4a4a;
	text-transform:uppercase;
	font-weight:600;
}

.vmenu .vmenu_content {
	margin-top:10px;
}

.vmenu .vmenu_content .divider {
	margin-top:0.5rem;
	border-top: solid 1px #c6cccd;
	margin-right:2rem;
	padding-bottom:0;
	line-height:1;	
}

.vmenu_content input[type="checkbox"] {
	margin-bottom:0;
	display: none;
}

.vmenu .vmenu_content a, .vmenu .vmenu_content span  {
	display:inline-block;
	margin-bottom:0;
	font-size:17px;
	width:100%;
	padding: 0;
	color: #2aaacc;
	font-family: 'OswaldRegular';
}

.vmenu .vmenu_content span {
	color: #52afc0;
}

.vmenu_content.myaccount div {
	line-height:2.5;
}

.maincontent p {
	font-size:15px;
}

div.slidercaption {
	padding: 1rem;
	line-height:1.5;
}

div.slidercaption h1 {
	color: #fff;
	font-weight:600;
	text-align:left;
}
div.slidercaption div {
	color: #fff;
	text-align:left;
	font-size:15px;
	font-family:Arial;
}

div.slidercaption div a.ourbutton {
	padding:10px;
	color: #fff;
	border-color: #1d4189;
	background:transparent;
}

.slidercaption p {
	font-family: OswaldRegular;
	font-size:40px;
	margin-left:160px;
	margin-bottom: 0;
	letter-spacing:2px;
	line-height: 50px;
	text-transform: uppercase;
}

.captionHomepage {
	background: #5c6975;
	background-color: rgba(92, 105, 117, 0.69);
}

.captionCommercial { /* orangy */
	background: #5c6975;
	background-color: rgba(92, 105, 117, 0.69);
}

.captionResidential { /* bluish */
	background: #4e6f93;
	background-color: rgba(78, 111, 147, 0.69);
}


.maincontent h1 {
	/* font-size:2.125rem; */
	font-size: 2.5rem;
}

.slidercaption h1 {
	font-size:2.125rem;
}

.main-section-below {
	border: solid 1px #CCC;
	padding:0.5rem;
	min-height:800px;
	margin-bottom: 1rem;
}

.showcase_courses {
	margin: 1rem 0;
}

.showcase_courses a {
	margin-left: 1rem;
	padding:0.5rem;
	display:inline-block;
}

.showcase_courses a.active {
	cursor:text;
	border: solid 3px #287AAD;
	color: #000;
	font-weight: 900;
	padding: 10px 20px;
	font-family: 'Open Sans';
	font-size: 14px;
	
}

.showcase_courses a.active:hover {
	color: #000;
}
.maincontent .pages_img h1 {
	font-size:2.5rem;
}

.main-section-right {
/*	padding-left: 0.5rem;
	padding-right: 0.5rem; */
	overflow-x: auto;
}
.main-section-right h1 {
	color: #333;
}

.maincontent h2 {
	font-size: 1.6875rem;
}
.maincontent h3 {
	font-size: 1.375rem;
}

.maincontent h4 {
  font-size: 1.125rem; 
}

.maincontent h5 {
  font-size: 1.125rem; 
}

.maincontent div.pages_img {
	min-height:345px;
	background: transparent url("../images/image_online.jpg") no-repeat right top;
	
}

.maincontent div.pages_img.image_online {
	background: transparent url("../images/image_online.jpg") no-repeat right top;
	
}
.maincontent div.pages_img.image_myaccount {
	background: transparent url("../images/image_myaccount.jpg") no-repeat right top;
	
}

.maincontent div.pages_img.image_home {
	background: transparent url("../images/image_home.jpg") no-repeat right top;
	
}
.maincontent div.pages_img.image_resources {
	background: transparent url("../images/image_resources.jpg") no-repeat right top;
	
}
.maincontent div.pages_img.image_planreview {
	background: transparent url("../images/image_planreview.jpg") no-repeat right top;
	
}

.maincontent div.pages_img.image_inperson {
	background: transparent url("../images/image_inperson.jpg") no-repeat right top;	
}

.main-section {
	border-top: none;
/*	padding: 0.5rem !important; */
	background: #fff;
}

.alert-box {
	background: transparent url("../images/icon_alert_info.png") no-repeat left center;
	font-size: 14px;
	min-height:85px;
	padding-left:95px;
	line-height:35px;
	color: #4a4a4a;
	padding-top:1.7rem;
	border: solid 2px #c6cccd;
	margin-bottom:2rem;
}

.alert-box.create {
	background: #fff url("../images/icon_create.png") no-repeat left center;	
	border-color: #c6cccd;
	color: #4a4a4a;	
}

.alert-box.info {
	background: transparent url("../images/icon_alert_info.png") no-repeat left center;
	background-color: #fff;
	border-color: #c6cccd;
	color: #4a4a4a;
}

 .alert-box.warning {
	background: #fff url("../images/icon_alert_warning.png") no-repeat left center;
	border-color: #c6cccd;
	color: #4a4a4a;
}

.alert-box.info.white, .alert-box.info.white {
}

.main-section-courses .lessons {
	cursor:pointer;
	color: #336699;
}

.main-section-activities .row {
	max-width:100%;
}

.main-section-activities {
	margin: 2.5rem 0;
	background-color: #EBEBEB;
	padding: 0;
}

.main-section-activities span {
	margin: 1.5rem 0;
	display:block;
	font-size:14px;
	text-align:center;
}

.main-section-activities span.details-button {

}

.main-section-activities ul li {
	margin:auto;
}

.main-section-activities a {
	color: #4a4a4a;
}

.main-section-activities span.has-tip.activity_details, .activities span.has-tip.activity_details:hover {
	border: none !important;
}

/*
nav.first-top-nav .top-bar-section {
	padding-top:0.2rem;
}

nav.first-top-nav .top-bar-section ul {
	display: none; 
}

nav.first-top-nav.top-bar.expanded section ul {
	display:block;
	text-align:left;
	margin: 1rem;
	border: solid 2px #646469;
	width:90%;
}

nav.top-bar.expanded section ul a {
	line-height:1px;
}
*/
ul.pagination li a, ul.pagination li button {
	font-size: 14px;
	margin-left: 5px;
	font-family: "Open Sans";
	font-weight: normal;
}

ul.pagination li.current a, ul.pagination li.current button {
	background: #ECF3FF;
}

.legend {
	margin-top:2rem;
	border:solid 1px #c6cccd;	
}

.legend .section_header {
	font-weight:600;
}

.legendcontent {
	padding: 1.5rem 0;
}

.legendcontent > div {
	border-bottom: solid 1px #c6cccd;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	clear:both;
}

.legend div > div {
	padding: 0 1.5rem 0 0.5rem;
}

.legend .statusdesc {
	width:80%;
}

.legend .statusword {
	width:100px;
	
}
.cros_submitted {
	font-size:12px;
	color: #000;
	line-height:14px;
	font-family: Arial;
	text-align:left;
	font-weight:600;
}

.row .course_row {
	padding-bottom: 0.25rem !important;
	padding-top: 0.25rem !important;
	border-bottom: solid 1px #999;
	padding-left:0.5rem;
}

#advertisement {
	text-align: center;
	font-family: 'Open Sans';
	font-size: 10px;
	line-height: 14px;
	color: #000;
	/* background-color: #EEE; */
	padding: 5px;
	margin-bottom: 10px;
}

#advertisement fieldset {
	padding: 0.25rem;
}
#advertisement fieldset legend {
	text-align: left;
	background: #eee;
}

#advertisement fieldset a {
	padding-right:5px;
}
.course_date, .course_type, .course_credit {
	font-size: 12px;
	color: #666;
	
	margin-bottom:1rem;
}

.course_image img {
	display: inline-block;
	/* height: 120px;
	width: 135px; */
}
.sponsor_image img {
	height: auto;
	width: 180px;
}
.course_credit {
	font-weight:600;
}
.course_title a {
	text-decoration: none;
	font-size:16px;
	color: #0E4982;
	line-height: normal;
}
.course_title {
	margin-bottom: 0.5rem;
	line-height:1.1rem;
	padding-right:8px;
}

.course_subtitle {
	font-size: 12px;
	min-height:70px;
}

.learn_more {
	
}

.course_sponsor {
	font-family: "Open Sans";
	font-size: 11px;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
	padding-right: .75rem;
}

/***********  MEDIA QUERIES ****************************************/
/*
@media only screen and (min-width: 481px) {
	nav.first-top-nav .top-bar-section ul {
		display:block;
	}	
}
*/


.top-bar.first-top-nav .menu.vertical > li {
    display: block;
}

@media only screen and (min-width: 64.0625em) {
	.top-bar.first-top-nav .menu.vertical > li {
	    display: inline-block;
	}		
}

@media only screen and (min-width: 40.063em) and (orientation: landscape) {
	.top-bar.first-top-nav .menu.vertical > li {
	    display: inline-block;
	}
}

@media only screen and (max-width: 980px) {
/*	
	.top-bar.expanded .title-area {
		background: #fff;
	}
	
	nav.first-top-nav .top-bar-section ul {
		float: none !important;
		margin-top:1.5rem;
		clear:both;
	}	

	.top-bar .title-area {
		float:none !important;
	}

	.top-bar.first-top-nav {
		overflow: visible !important;
		/* margin-top:2rem; 
	}
	
*/
	.maincontent div.pages_img.image_online, .maincontent div.pages_img.image_myaccount, .maincontent div.pages_img.image_home, 
	.maincontent div.pages_img.image_resources, .maincontent div.pages_img.image_planreview, .maincontent div.pages_img.image_inperson {
		background: transparent;
		min-height: initial;
	}
	
	.maincontent div.pages_img div.medium-12 {
		width: 100%;
	}
	
}

@media only screen and (min-width: 40.063em) {
	/*
	.second-top-nav .top-bar-section .has-dropdown > a:after {
		display: none;
	}
	
	.second-top-nav .top-bar-section .has-dropdown > a:before {
		content: url('../images/red_menu_arrow_down.png');
		
		/* content: ""; 
		display: block;
		width: 0;
		height: 0;
		/*
		border: inset 5px;
		border-color: #FF0000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		border-top-style: solid;
		border-left-style: solid; 
		
		/* margin-top: -2.5px; 
		top: 8px;
		left: 0;
		
		/* margin-right: 13px; 
		position: absolute;
	}
	
	.second-top-nav .top-bar-section li:not(.has-form) a:not(.button), 
	.second-top-nav .top-bar-section li.active:not(.has-form) a:not(.button) {
		/* padding: 0;
		line-height: inherit;
	}
	
	.second-top-nav .top-bar-section ul.dropdown li.not(.has-form) a:not(.button), 
	.second-top-nav .top-bar-section li.active ul.dropdown li:not(.has-form) a:not(.button) {
		/* padding: 5px !important; 
	}
	
	.second-top-nav .top-bar-section .has-dropdown > a {
		padding-right: 20px !important;
		padding-left: 13px !important;
	}
	*/
}

/* for high retina displays we don't want it to separate columns yet */
/*
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1024px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1024px),
only screen and (                min-resolution: 192dpi) and (min-width: 1024px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1024px) {
	
  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0% !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }
}
*/
#leaderboard {
	border:solid 1px #ccc; 
	background-color:#FFFFFF;
}

#topDiv {
	background: #fff !important;
	border: solid 1px #CCC;
	margin:auto auto auto auto;
}

.top_second_section {
	padding: 0rem;
	padding-top: 0rem;
}

.top_second_section .signin {
	text-align:right;
	margin-bottom:0.5rem;
}


.top_second_section .search_box input[type="text"] {
	display:inline-block;
	font-family: 'Open Sans';
}

.top_second_section .search_box .search_input {
	margin-bottom:0.5rem;
}

.top_second_section .search_box .search_image {
	position: absolute;
	top: 0.5rem;
	right: -22px;
}

#hp_course_carousel {
	margin-bottom:2rem;
}
#hp_course_carousel h4 {
	font-size: 20px;
	font-weight: 400;
	border-bottom: solid 1px #557AB0;
}

#hp_course_carousel .course_carousel {
	margin-bottom: 2rem;
}

#hp_course_carousel .course_carousel .carousel_image  {
	border: solid 1px lightblue;
	padding:0.5rem;
	padding-bottom: 0.2rem;
	-web-kit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	border-right: none;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
	border-bottom: solid 2px lightblue;
	-webkit-box-shadow: 0 5px 5px #888;
	-moz-box-shadow: 0 5px 5px #888;
	box-shadow: 0 5px 5px #888;
}
#hp_course_carousel .course_carousel .carousel_image .photo_credit {
	color: #868686;
	font-size: 10px;
}

#hp_course_carousel .course_carousel .carousel_tabs {
}

#hp_course_carousel .course_carousel .carousel_tabs div:not(.carousel_divider) {
	border-top: solid 1px lightblue;
	border-bottom: solid 1px lightblue;
	border-right: solid 1px lightblue;
	-web-kit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
	height: 47px;
	padding-left:1rem;
	padding-top:0.6rem;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}

#hp_course_carousel .course_carousel .carousel_tabs .carousel_divider {
	height: 7px;
	border-left: solid 1px lightblue;
}
#hp_course_carousel .course_carousel .carousel_tabs div.inactive {
	border-left: solid 2px lightblue;
	-webkit-box-shadow: -2px 0 3px #888;
	-moz-box-shadow: -2px 0 3px #888;
	box-shadow: -2px 0 3px #888;
}

#hp_course_carousel .course_carousel .carousel_tabs div.active {
	border-right: solid 2px lightblue;
	border-bottom: solid 2px lightblue;
	-webkit-box-shadow: 3px 3px 3px #888;
	-moz-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}
.carousel_tabs div h6 {
	margin-bottom: 0;
	padding-left:0.2rem;
	font-size:12px;
}
#hp_course_carousel .course_carousel .carousel_tabs div span {
	font-size: 11px;
	font-style: italics;
}
.hp_course_listings h5 {
	font-size: 17px;
	border-bottom: solid 1px #557AB0;
}

.hp_course_listings item {
	border-bottom: 2rem;
}

#courseListing_home {

}

#contentDiv {
	background: #fff !important;
	border: solid 1px #CCC;
	margin:auto auto auto auto;
}

.no-padding {
	padding: 0 0 0 0;
}

.no-margin {
	margin: 0 0 0 0;
}

.course_category a{
	color: #0E4982;
}

/* begin Buyers Guid */

#buyersGuideWrapper {
	font-family: "Open Sans";
	border: 1px solid #003D7B;
}

#buyersGuideWrapper #title {
	font-size: 13px;
	margin-bottom: 0px;
	padding: 2px 2px 0px;
	font-weight: bold;
	line-height: 15px;
}
#buyersGuideWrapper #band {
	background-color: #003D7B;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: right;
	margin-top:3px;
}
#buyersGuideContent {
	padding: 5px;
}
#buyersGuideContent .companyInfo{
	clear: both;
	margin-top: 5px;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#buyersGuideContent .block .logo {
	clear: both;
	margin-right: 5px;
}
#buyersGuideContent .block {
	font-size: 12px;
	padding: 5px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}
#buyersGuideContent .block .productName {
	font-size: 14px;
	font-weight:bold;
	color: #5A9534;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.advertising {
	font-size: 11px;
	font-style: italic;
	color: #999999;
	text-align: center;
	margin-bottom: 4px;	
}
#buyersGuideContent .imageFloatLeft {
	/*height: 150px;*/
	width: 120px;
	overflow: hidden;
    float: left;
    margin-right: 10px;
}
#buyersGuideContent .imageFloatLeft img {
	width:120px;
}


image.imageAlignLeft {
	float: left;		
}
	
div.reqSection {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #00F;		
}
div#contentResource p.LargeTextBlue2 {
	font-family: "Open Sans";
	font-size: 14px;
	color: #0E4982;
	font-weight: bold;
	text-decoration: underline;	
}

div#contentResource p {
	font-family: "Open Sans";
	font-size: 11px;
}

div#contentResource li {
	font-family: "Open Sans";
	font-size: 11px;
}

div.footer div.footer_accreds {
	margin-top:1rem;	
}

div.footer div.footer_accreds a {
	padding-right:0.5rem;

}

.sites {
	float:left;
	margin-top: 5rem;
	text-align:right;
}

.sites a:not(:last-child) {
	padding-right: 4rem;
}
.top_second_section {
	margin-top: 1.5rem;
}

.top_second_section .search_box {
	float: left;
	position: relative;
	width: 70%;
	margin-top: 3rem;
}

.cec_header {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* phones */
@media only screen and (max-width: 40em) {
	.cec_header {
		/* width: 150px; */
		padding-left: 1rem;
	}
	.sites {
		padding: 10px;
		text-align:left;
		padding-left:2rem;
	}

	.sites a {
		padding-right: 1rem;
	}

	.top_second_section {
		margin-top: 1rem;
	}
}

@media only screen and (max-width: 64em) {

	.cec_header {
		/* width: 150px; */
		padding-left: 2rem;
	}
	
	.sites {
		margin-top: 2rem;
		text-align:left;
		padding-left:2rem;
	}
	
	.top_second_section .search_box {
		margin-top: 2rem;
		margin-left: 2rem;
	}
}

.div-first-top-nav {
	background: #287AAD;
}
.first-top-nav-right {
	background: #287AAD;
    height: 69px;
	float: none;
}

.first-top-nav-right .login_button {
	margin-top: 1rem;
}

.first-top-nav-right .logout_button {
	margin-top: 0.5rem;
}

.first-top-nav-right .login_button .menu > li {
	display: inline-block;
	width: 70%;
}

.first-top-nav-right .logout_button .menu > li {
	display: inline-block;
}

div.adtag {
	background: #fff;
	padding-bottom: 0.5rem;
	border-bottom: solid 1px #ddd;
	display: inline-block;
}

#menu_academy {
	display: inline-block;
	
}

label.required:before, h5.required:before, span.required:before {
	content: '* ';
	color: #990100;
	font-size: 20px;
	position: relative;
	top: 6px;
}

.warning { 
	color: red; 
}

span.error, small.error {
	font-size: 1rem;
}

.adtag iframe {
	max-width: 100%;
	/* width: 100%; */
}

.limit_ads_size {
	max-width: 100% !important;
	width: 100% !important;
}

@media screen and (min-width: 750px) and (max-width: 800px) {
	.main-section-right.large-3 {
		width: 40%;
	}
	.main-section-main.large-9 {
		width: 60%;
	}
	
	#carousel.row .columns.large-3 {
		width: 40%;
	}

	#carousel.row .columns.large-9 {
		width: 60%;
	}
}



@media screen and (min-width: 64em) and (max-width: 1150px) {
	.main-section-right.large-3 {
		width: 30%;
	}
	.main-section-main.large-9 {
		width: 70%;
	}
	#carousel.row .columns.large-3 {
		width: 30%;
	}

	#carousel.row .columns.large-9 {
		width: 70%;
	}
}

@media screen and (min-width: 64em) and (max-width: 1000px) {
	.main-section-right.large-3 {
		width: 33%;
	}
	.main-section-main.large-9 {
		width: 67%;
	}
	#carousel.row .columns.large-3 {
		width: 33%;
	}

	#carousel.row .columns.large-9 {
		width: 67%;
	}
}

@media screen and (min-width: 64em) and (max-width: 900px) {
	.main-section-right.large-3 {
		width: 37%;
	}
	.main-section-main.large-9 {
		width: 63%;
	}
	#carousel.row .columns.large-3 {
		width: 37%;
	}

	#carousel.row .columns.large-9 {
		width: 63%;
	}
}

@media screen and (min-width: 64em) and (max-width: 820px) {
	.main-section-right.large-3 {
		width: 38%;
	}
	.main-section-main.large-9 {
		width: 62%;
	}
	#carousel.row .columns.large-3 {
		width: 38%;
	}

	#carousel.row .columns.large-9 {
		width: 62%;
	}
	
	
}

@media screen and (min-width: 64em) {
	div.footer-logos a {
		display: inline-block;
	}	
	
	.footer-logos-margin {
		margin-right: 53px;
	}	
	div.footer_top {
		padding-left: 3rem;
		padding-right:3rem;
	}
}

@media screen and (min-width: 1151px) {
	.main-section-right.large-3 {
		width: 27%;
	}
	.main-section-main.large-9 {
		width: 73%;
	}
	#carousel.row .columns.large-3 {
		width: 27%;
	}

	#carousel.row .columns.large-9 {
		width: 73%;
	}
}
@media print {
	div.adtag, div.div-first-top-nav, .top_second_section, .main-section-right, .footer, .ourbutton {
		display: none !important;	
	}
	#topDiv {
		border:none !important;
	} 
}