@charset "utf-8";
/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {margin: 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;
	color:#939598;
	color: #333333;
	-webkit-text-size-adjust:none; background:url(../images/responsive/main-bg.jpg) repeat-x left top;}
header, footer, section, aside, nav, article, video { display:block; }
h1, h2, h3, h4, h5, h6, section, img, div { margin:0; padding:0;font-weight:normal; }
ul, ol, li{ margin:0; padding:0; list-style:none;}
dl, dt, dd{ margin:0; padding:0; font-weight:normal;}
img { border:none;}
.fleft { float:left; }
.fright { float:right; }
p { margin:0 0 0 0; padding:0 0 0 0;}
.clear { clear:both; }
a{ text-decoration:none; color:#0000ff;}
.brd-none{ border:0px none !important;}
::-webkit-input-placeholder { color: #b4a7a5;}
:-moz-placeholder { /* Firefox 18- */ color:#b4a7a5;  }
::-moz-placeholder {  /* Firefox 19+ */ color:#b4a7a5; }
:-ms-input-placeholder { color:#444; }

/*-----------MAINWRAPPER---------------------------------------------------------------------------------------------------*/
#mainwrapper{width:100%; float:left;}

/*-----------HEADERWRAPPER---------------------------------------------------------------------------------------------------*/
#headerwrapper{width:100%; float:left;}

/*-----------TOPPART--------------------------------------------------------------------------------------------------------*/
#toppart {width:100%; float:left;}
.toppattern{width:100%; float:left; background:url(../images/responsive/top-pattern.jpg) no-repeat right top;}
.toppart{width:953px; margin:0 auto;}
.online-ce-logo{width:auto; float:left;}
.loginpart {width:320px; float:right; padding:42px 0 26px 0;}
.loginpart .filde1{width:140px; float:left; padding:0 0 0 0; margin:0 20px 0 0;}
/*
.loginpart .filde1{width:115px; float:left; padding:0 0 0 0; margin:0 20px 0 0;}
*/
.loginpart .filde1 label{width:100%; float:left; padding:0 0 0 0; font-size:11px; color:#010e9c;}
.loginpart .filde1 input{width:100%; float:left; padding:3px 5px 3px 5px; font-size:11px; color:#010e9c; border:1px solid #0f0f10; background:#cccdff; margin-top:3px;}
.loginpart h2{width: 100%; font-size: 0.95em; color:#010e9c; }
.loginpart a{ margin: 0 0 0 75px; font-size:12px; color:red; padding:0 0 0 0; text-decoration:underline;}
.loginpart a:hover{color:#000000; text-decoration:none;}
.logoutpart {width:320px; float:right; padding:42px 0 26px 0;}
.logoutpart h2{width: 100%; font-size: 0.95em; color:#010e9c; }
.logoutpart a{ margin: 0 0 0 0px; font-size:12px; color:#010e9c; padding:0 0 0 0; text-decoration:underline;}
.logoutpart a:hover{color:#000000; text-decoration:none;}
.login-btn{font-size: 11px; margin: 0 20px 0 0px; width:140px; float:left; text-transform:uppercase; color:#ffffff; background:#010e9c;;}
.logout-btn{font-size: 9px; margin: 5px 0 0 0; width:auto; float:left; text-transform:uppercase; color:#ffffff; background:#010e9c;}
.forgot-link{width:100%; float:left; text-align:left; padding-top:5px;}
.forgot-link a{ margin: 0 0 0 75px; font-size:12px; color:#010e9c; padding:0 0 0 0; text-decoration:underline;}
.forgot-link a:hover{color:#000000; text-decoration:none;}
.update-link{width:100%; float:left; text-align:left; padding-top:5px;}
.update-link a{margin: 0 0 0 75px; font-size:12px; padding:0 0 0 0; text-decoration:underline;}
.update-link a:hover{color:red; text-decoration:none;}
.logout-link{width:100%; float:left; text-align:left; padding-top:5px;}
#navi-bg{width:100%; float:left; background:#e3e3e3 url(../images/responsive/menu-bg.jpg) repeat-x left top; min-height:79px; border-bottom:1px solid #ffffff; padding-bottom:5px;}
h1 {width:100%; float:left; font-family:"Times New Roman", Times, serif; font-size:25px; color:#003d7c; padding:6px 0 2px 0;}
.navigation{width:953px; margin:0 auto;}
.navigation ul{list-style-type:none; margin:0px; padding:0 0 0 70px;}
.navigation ul li{padding:0px; float:left; display:inline; float:left;font-family:"Times New Roman", Times, serif; font-size:13px; color:#86878a;}
.navigation ul li a{padding:0px; float:left; display:inline; float:left;font-family:"Times New Roman", Times, serif; font-size:13px; color:#86878a;}
.navigation ul li a:hover{ color:#000000;}
.navigation ul li a{width: 238px};

#middlewrapper{width:100%; float:left; border-top:5px solid #cdced0;}
.middlewrapper{width:954px;  margin:0 auto;}
.gallery{width:100%; float:left; margin-top:1px;}
.gallery ul{list-style-type:none; margin:-1px 0 0 0; padding:0px; border-top:1px solid #ffffff;}
.gallery ul li {padding:0px; float:left; margin-left:1px;}
.gallery ul li img{display:block; width:100%;}
.content-part{width:100%; float:left; margin-top:1px;}
.left-side{width:228px; float:left;}
.categorypart{width:100%; float:left; background:#2f4887 url(../images/responsive/category-bg.jpg) no-repeat right top; list-style-type:none; padding:7px 0 0 0; margin:0px; min-height:291px;border-radius:0 0 8px 8px;}
.categorypart li {padding:0; width:100%; float:left; }
.categorypart li a {text-decoration:none; font-size:12px; color:#ffffff; padding:6px 0 6px 33px; font-weight:600;background:url(../images/responsive/cat-dot.png) no-repeat 15px 8px;float:left;}
.categorypart li a:hover{text-decoration:none; color:#3e75ff;background:url(../images/responsive/cat-dot-hover.png) no-repeat 15px 8px; float:left; padding:6px 0 6px 33px;}
.online-banner{width:100%; float:left; background:#4a6497 url(../images/responsive/online-banner.jpg) no-repeat left top; min-height:160px; margin-top:5px;border-radius:8px;}
.online-banner p{width:56%; float:right; line-height:13px; font-size:11px; color:#ffffff; padding-top:12px; padding-right:6px;}

.middle-side{width:456px; float:left; margin:10px 20px 0 22px;}
h2 {width:100%; float:left; font-family:"Times New Roman", Times, serif; font-size:25px; color:#000000; padding:0px 0 10px 0;}
.course-part{width:100%; float:left;}
.course-part .title{font-family:"Times New Roman", Times, serif; font-size:12px; color:#003d7e; float:left; margin-bottom:8px; font-weight:600;}
.course-part .textpart {font-size:11px; color:#000000; line-height:15px; float:left;}
.course-part .leftpart{width:auto; float:left; margin:0 5px 0px 0;}
.course-part .rightpart{width:274px; float:left; margin:0 0px 0px 0;}
.middle-side p {font-size:11px; color:#000000; line-height:15px; float:left; width:100%; padding:5px 0 15px 0;}

.clickhere{font-family:Geneva, sans-serif; font-size:12px; color:#4b67f6; padding:0 0 0 0; text-decoration:underline;}
.clickhere:hover{color:#000000; text-decoration:none;}

h3{width:100%; float:left; font-family:"Times New Roman", Times, serif; font-size:14px; color:#003c7c; font-weight:600; padding:10px 0 10px 0;}
.bottom-part{width:100%; float:left;}
.bottom-part .b-link{width:50%; float:left; padding:0 0 0 48px; margin:0 0 0 0; list-style-type:none;}
.bottom-part .b-link li{display:block; padding:5px 0 0 0;}
.bottom-part .b-link li a{padding:0 0 0 0; text-decoration:underline; font-size:12px; color:#4b67f6;}
.bottom-part .b-link li a:hover{text-decoration:none;color:#000000;}

.right-side{ width:227px; float:left; margin-top:11px;}
.tri-it-free{width:100%; float:left; background:#4a6497 url(../images/responsive/tri-it-free.jpg) no-repeat left top; min-height:90px;border-radius:8px;padding:10px;}
.tri-it-free .title{width:100%; float:left; font-family:Geneva, sans-serif; font-size:14px; color:#ffffff; text-transform:uppercase;}
.tri-it-free p{width:100%; float:left; font-family:Geneva, sans-serif; font-size:11px; color:#ffffff; padding:0px 0 0 0;}
.tri-it-btn {width:auto; float:right;background:#b7b8bb url(../images/responsive/tri-it-btn.jpg) repeat-x left top; padding:4px 0 4px 0;border-radius:8px;}
.tri-it-btn a{padding:0 16px 0 12px; font-size:11px; color:#395086;font-family:Geneva, sans-serif; background:url(../images/responsive/blue-arrow.png) no-repeat 49px 1px; text-decoration:none;}
.tri-it-btn a:hover{ text-decoration:none; color:#000000;}
.right-link{width:100%; float:left; padding:17px 0 28px 10px;margin:0 0 0 0; list-style-type:none;}
.right-link li{display:block; padding:5px 0 0 0;}
.right-link li a{padding:0 0 0 0; text-decoration:underline; font-size:12px; color:#4b67f6;}
.right-link li a:hover{text-decoration:none;color:#000000;}
.shop-online{width:100%; float:left; background:#fffd67; border:1px solid #a7a8ab;border-radius:8px; padding:12px 0 12px 0;}
.shop-text{width:90%; float:left; margin:0 5% 0 5%;font-size:11px; color:#010100; background:url(../responsive/online-arrow.png) no-repeat right 3px;}
.shop-text a {text-decoration:none;color:#010100;}
.shop-text a:hover {text-decoration:none;color:#4a6397;}

.healthcare-banner{width:100%; float:left; background:#4a6397 url(../images/responsive/heathcare.jpg) no-repeat left top; min-height:183px; margin-top:15px;border-radius:8px;}
.healthcare-banner p{width:56%; float:right; line-height:13px; font-size:11px; color:#ffffff; padding-top:12px; padding-right:6px;}
.healthcare-banner .btn-part{width:56%; float:right; border-bottom:1px solid #e3e3e3; padding-bottom:15px;}
.view-btn {width:auto; float:right;background:#b7b8bb url(../images/responsive/tri-it-btn.jpg) repeat-x left top; padding:4px 0 4px 0;border-radius:8px; margin-right:15px; margin-top:10px;}
.view-btn a{padding:0 16px 0 12px; font-size:11px; color:#395086;font-family:Geneva, sans-serif; background:url(../images/responsive/blue-arrow.png) no-repeat 44px 1px; text-decoration:none;}
.view-btn a:hover{ text-decoration:none; color:#000000;}
.macfree{width:100%; float:left; margin-top:10px; text-align:center;}

#footerwrapper{width:100%; float:left; margin-top:25px;}
.footer{width:953px; margin:0 auto;}
.coypright{width:100%; float:left; background:#cccccc; padding:12px 0 12px 0; text-align:center; font-size:12px; color:#939498;border-radius:8px;}
.footer-text{width:100%; float:left; padding:15px 0 22px 0; text-align:center; font-size:12px; color:#939498;border-radius:8px;}
.footer-text a{color:#1842C7; text-decoration: underline;}
.inner-middle {width:703px; float:left; margin:11px 0 0 20px;}
.inner-middle p {width:100%; float:left;	font:12px/20px Arial;
	font-weight:normal;
	color:#000000;
	line-height:150%;
	letter-spacing:normal;
	padding:0px;
	margin:5px 0px 0px 0px;
}
.inner-middle h1 {width:100%; float:left; font-family:"Times New Roman", Times, serif; font-size:25px; color:#000000; padding:0px 0 0 0;}
.inner-middle h2 {width:100%; float:left;	font:18px/20px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	color:#3a5086;
	line-height:normal;
	letter-spacing:normal;
	padding:0px;
	margin:5px 0px 5px 0px;
}
.inner-middle h3 {width:100%; float:left;font:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3B5087;
}
/************ Custom Additions ***************/
#quizIntroPart {
	background: #ffffff;
}
/************ Bootstrap Compatible Additions ************/
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
/*  color: #a94442; */
	color: red;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

/*
#quizIntroPart:before { content: "quizPart"; }
*/
#quizIntroPart h1 { color: red; font-weight: bolder; font-family: Arial, sans-serif; padding: 0 0 0px 0; }
#quizIntroPart fieldset {
	border: 1px black solid;
	-moz-border-radius:5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 10px 0 0px 0;
}
#quizIntroPart h3 {
	color: #333333;
	font-weight: bolder;
	font-size: 1.2em;
	border-bottom: black solid 1px;
}
#quizIntroPart p {
	font-size: 1.0em;
	color: #333333;
}
.big1Letter:first-letter {
	font-size: 2.0em;
	font-weight:normal;
	padding-right: 1px;
}
#quizIntroPart ul {
	font-size: 1.0em;
	color: #333333;
}
#quizIntroPart li {
	color: #333333;
	margin: 10px 0 0 20px;
}
#quizIntroPart .redtext { color: red; }
#quizIntroPart ol li { list-style-type: decimal; }
#quizIntroPart #printlink {
	color: red;
	text-align: center;
}
#quizIntroPart #printlink a {
	color: red;
}
#quizIntroPart #printlink a:hover {
	text-decoration: underline;
}
/* quizContentPart */
#quizContentPart {
	background: transparent;
}
fieldset#quizContentPart {
	color: #333333;
}
/* Originally defined for /contactUs/index.php */
.form5 {
	width: 100%;
	background: transparent;
	float: left;
}
.form5 li {
	list-style-position:inside;
	margin: 0 0 20px 20px;
	color: red;
}
::-webkit-input-placeholder {
    color:    #ff0000;
}
:-moz-placeholder {
    color:    #ff0000;
}
::-moz-placeholder {
    color:    #ff0000;
}
:-ms-input-placeholder {
    color:    #ff0000;
}
.form5 fieldset {
	border: 1px black solid;
	-moz-border-radius:5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.form5 legend {
	margin: 10px;
	font-size: 1.2em;
	padding: 10px;
	color: #3333ff;
}
.form5 label {
    width:150px;
    display:inline-block;
    float:left;
    height: 25px;
    margin: 5px;
    color: #333333;
    text-align: right;
    font-size: 1.0em;
}
.form5 input {
	float: left;
  width: 220px;
  padding: 5px 8px;
  margin: 5px;
  height: 23px;
}
.blueButton {
	background: #333399;
	color: white;
}
.redButton {
	background: #993333;
	color: white;
}
.blueButton:hover {
	background: #6666ff;
}
.redButton:hover {
	background: #ff0000;
}
.form5 textarea {padding:8px; width:300px;}
.form5 button { margin-left:156px; }
.form5 select { margin: 5px; width: 200px; }
.form5 .clear {
	clear: both;
}
.form5 input, .form5 textarea {
    border:1px solid #333333;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.form5 input:focus, .form5 textarea:focus {
    background: #ffffff;
    border: 1px solid blue;
    box-shadow: 0 0 3px #aaa;
}
.form5 option {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
  margin: 5px;
}
.form5 option:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}
/* Button Style */
.form5 button.submit {
    background-color: #ccccff;
    border: 1px solid black;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #333333;
    font-weight: bold;
    width: 150px;
    text-align: center;
    margin: 5px;
}
.form5 button.submit:hover {
    opacity: .85;
}
.form5 button.submit:active {
    border: 1px solid #eeeeff;
}
/******************************************************/
/* Originally defined for /pages/state_requirements.php */
.occupationsPart {
	padding-top: 20px;
}
.occupationsPart ul {
	margin: 0 0 0 25%;
}
.occupationsPart ul li {
	padding: 5px 0 5px 0;
}
.occupationsPart ul li a {
	font-size: 1.1em;
	padding: 5px 50% 5px 5px;
}
.occupationsPart ul li a:hover {
	background: blue;
	color: white;
	padding: 5px 50% 5px 5px;
}
/****/
.proBlock {
	padding-top: 20px;
	width: 90%;
	margin: 0 auto 0 auto;
}
.proBlock ul {
	margin: 0 0 0 10px;
}
.proBlock ul li {
	width: 50%;
	float: left;
	padding: 10px 10px 10px 10px;
}
.proBlock ul li a {
	font-size: 1.1em;
	padding: 5px 50% 10px 10px;
}
.proBlock ul li a:hover {
	background: blue;
	color: white;
}
.proBlock label {
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0;
	color: darkblue;
	text-decoration: underline;
}
.proBlock legend {
	color: darkblue;
}
.proBlock fieldset {
	border: 1px black solid;
	-moz-border-radius:5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
/* states listing */
.statesListingPart {
	padding-top: 20px;
	width: 95%;
}
.statesListingPart ul {
	margin: 0 0 0 10px;
}
.statesListingPart ul li {
	width: 25%;
	float: left;
}
.statesListingPart ul li a {
	font-size: 1.1em;
	padding: 5px 50% 0 0;
}
.statesListingPart ul li a:hover {
	background: blue;
	color: white;
}
/************* bios ***********************/
.bios {
	padding-top: 20px;
}
.bios label {
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0;
	color: DarkBlue;
}
.bios legend {
	color: DarkBlue;
}
.bios fieldset {
	margin: 20px 0 10px 0 ;
	border: 1px black solid;
	-moz-border-radius:5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.bios blockquote {
	margin: 20px 0 0 20px;
}
.bios p {
	text-align: justify;
	padding: 10px 10px 0 10px;
}
.bios img {
	float: right;
	width: 150px;
	padding: 0 10px 10px 10px;
}

/************* CUSTOM: Course Listings *************/
.listCourses {
	padding-top: 20px;
}
.listCourses label {
	margin: 10px 0 20px 0;
	padding: 10px 0 20px 0px;
	color: DarkBlue;
}
.listCourses legend {
	color: DarkBlue;
}
.listCourses li {
	margin: 5px;
	color: #333333;
}
.listCourses fieldset {
	margin: 10px 0 0 0 ;
	border: 1px black solid;
	-moz-border-radius:5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.listCourses blockquote {
	margin: 20px 0 0 20px;
}
.listCourses blockquote li {
	list-style-type: disc;
}
.listCourses dl {
	color: #333333;
}
.listCourses blockquote dt {
	padding: 10px 0 0 0;
}
.listCourses dd {
	margin: 10px 0 0 20px;
}
.listCourses ol {
	padding: 0 0 0 20px;
}
.listCourses ol li {
	list-style-type: decimal;
}
.listCourses ul {
	padding: 0 0 0 20px;
}
.listCourses ul li {
	list-style-type: disc;
}
.listCourses p.indent {
	margin: -5px 0 0 20px;
}
/************* Search Relicense Styles *********/
/*
.relicensure div {margin: 10px 0 0 0;}
.relicensure table { width: 75%; margin: 20px auto 20px auto; border-collapse: collapse;   }
.relicensure table { border: black 1px solid !important; }
.relicensure table, th, td { border: 1px solid black !important; }
.relicensure td b {color: #333399;}
.relicensure .danger {color: red;}
.licInfo fieldset { border: none; }
.licInfo fieldset li { padding: 0 0 0 20px; }
.transcript { font-size: 1.0em; }
.transcript div {margin: 10px 0 0 0px;}
.transcript .danger {color: red;}
.transcript label {padding-left: 10px; display: block; width: 160px; float: left; }
.transcript clearBoth { clear: both }
.transcript .pad200 { padding: 0 0 0 220px; }
.transcript fieldset {display: block; width: 700px; border:1px solid black !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.transcript table { border-collapse: collapse; }
.transcript table, th, td { border: 1px solid black; }
@media print{ #noprint{ display:none; }
*/
/************* purchase forms  *****************/
#purchaseForm {
}
#purchaseForm th {
	background: #666699;
	color: white;
	font-weight: bolder;
}
#purchaseForm td {
	background: #ccccff;
	color: #333333;
}
.mainContent {
	bacground: red;
}
.mainContent td {
	color: #333333;
}
/****************** after login shopping cart ***************/
#courseSelectionRegion {
	margin: 0 0 0 30px;
}
#courseSelectionRegion fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	width: 95%;
}
#courseSelectionRegion p {
	margin: 10px;
	font-size: 10pt;
}
#courseSelectionRegion label {
	width: 25%;
	height: 20px;
	margin: 0 0 10px 0px;
	padding: 10px 0 10px 20px;
	font-size: 12pt;
	text-align:left;
	float: left;
	display:block;
	background: #ccc;
}
#courseSelectionRegion select {
	background: #ccccff;
	width: 50%;
	margin-left: 40px;
	margin-right: 10px;
}
#courseSelectionRegion .textbox {
	width: 50%;
	background: #ccccff;
	margin-left: 40px;
	margin-right: 10px;
	height: 20px;
}
#courseSelectionRegion .textbox:hover {
	background: #cccccc;
}
#courseSelectionRegion select:hover {
	background: #cccccc;
}
#courseSelectionRegion select option:hover {
	background: #cccccc;
}
/* Top line of personal home page navigation */
#personalPageNav div{
	margin: 10px 0 10px 0px;
}
#personalPageNav a
{
	font-weight: bolder;
	display: block;
	width: auto;
	float: left;
	text-align: center;
	border: 1px solid black;
	background: #666699;
	font-size: 9pt;
	padding: 5px 5px 5px 5px;
	margin: 10px;
	color: white;
	text-decoration: underline;
}
#personalPageNav a:hover
{
	color: #ffffff;
	text-decoration: none;
	background: #000099;
}
/********** Defines for /shopping/cart **********/
#shoppingCart {
	display: block;
	margin-top: 20px;
}
/*fieldset#shoppingCart {
	border: solid black thin;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;
}  */
#shoppingCart label {
	height: 20px;
	margin: 0 0 10px 0px;
	padding: 10px 0 10px 20px;
	font-size: 12pt;
	text-align:left;
	float: left;
	display:block;
	background: #ccc;
}
#shoppingCart .textbox {
	width: 90%px;
	background: #ccccff;
	margin-left: 10px;
	margin-right: 10px;
	height: 26px;
}
#shoppingCart .textbox:hover {
	background: #9999cc;
}
#shoppingCart select {
	float: left;
	width: 48%;
	padding: 5px;
	margin: 5px 0 5px 0;
	background: #334D83;
  font-size: 12px;
  margin: 4px 6px;
  height: 26px;
  width: 296px;
  max-width: 296px;
  text-align-last: center;
}
#shoppingCart select:hover {
	background: #536595;
}

/*#shoppingCart option {
	background: #ccccff;
}
#shoppingCart option:hover {
	background: #9999cc;
} */

#shoppingCart .submitButton {
	float: right;
	width: 48%;
	padding: 5px;
	margin: 5px 0 5px 0;
	background: #cccccc;
}
#shoppingCart .submitButton:hover {
	background: #9999cc;
}
#shoppingCart .submitButtonCtr {
	width: 48%;
	padding: 5px;
	margin: 0 auto 0 auto;
	display: block;
	background: #ccccff;
}
#shoppingCart .submitButtonCtr:hover {
	background: #9999cc;
}
#shoppingCart a:hover { color: red; }
/*********** Available Courses Display **********/
.courseBlock {
	font-family: Arial;
	color: #333333;
	font-size: 1.0em;
}
.courseBlock fieldset {
	margin-top: 20px;
}
.courseBlock h3 {
	color: #333399;
	background: #ccc;
	padding-left: 10px;
	border: none;
}
.courseBlock legend {
	font-size: 1.0em;
	font-weight: bolder;
	padding: 0px 10px 0 10px;
	color: #333399;
}
.courseBlock label {
	display: block;
	float: left;
	text-align: right;
	padding: 10px 10px 0 0;
	font-weight: bold;
	color: #333399;
	width: 33%;
	background: transparent;
}
.courseBlock .desc {
	display block;
	float: left;
	padding: 10px 0 0 0;
	width: 66%;
}
.courseBlock #states {
	float: left;
	width: 150px;;
	margin-left: 60px;
	background: transparent;
}
.courseBlock .description {
	display: block;
	float: left;
	width: 66%px;
	padding: 0 0 20px 0;
}
.courseBlock .subtitle {
	display block;
	float: left;
	padding: 10px 0 0 0;
	width: 66%;
}
.courseBlock br {
	clear: both;
}

.courseBlock #paragraph {
	background: transparent;
	margin-left: 60px;
	padding: 5px 10px 10px 10px;
	text-align: justify;
	width: 66%;
}
.courseBlock #paragraph p {
	font-size: 0.9em;
	color: #333399
}
.courseBlock #paragraph a:hover {
	font-size: 0.9em;
}
.courseBlock #topiclink {
	display: block;
	width: auto;
	margin: 10px auto 0 auto;
	font-size: 1.0em;
	padding: 5px 0 0 0;
	text-align: center;
}
.courseBlock h3 {
	color: #339;
	background: #CCC none repeat scroll 0% 0%;
	padding: 5px 0 5px 10px;
	border: medium none;
	font-size: 1.5em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	width: 90%;
}
.courseBlock ul li {
	margin: 0 0 10px 0px;
	list-style: none;
}
.myButton {
	float: left:
	display: block;
	background-color: #ccccff;
	border: 1px solid black;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 2px 5px 2px 5px;
	width: 30%;
}
.myButton:hover {
	color: red;
	background: #eeeeff;
	border: red solid 1px;
}
.myGrayButton {
	float: left:
	display: block;
	background-color: #eeeeee;
	border: 1px solid black;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color: #333333;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 2px 5px 2px 5px;
	width: 30%;
}
.myGrayButton:hover {
	color: red;
	background: #eeeeee;
	border: red solid 1px;
}
/**************** Rasberry CUSTOM CSS ONLY **********/
.tinyTxt {
	font-size: 0.6em !important;
}
.pullRight {
	text-align: right !important;
}
/************ Database Controlled Content from /pages/approvalData.php ************/
.controlledContent {
	clear: both;
}
.controlledContent ol {
	padding: 20px;
}
.controlledContent ol li {
	list-style-type: decimal;
}
.controlledContent ul {
	margin: 20px;
}
.controlledContent ul li {
	list-style-position: inside;
	list-style-type: disc;
	margin: 10px;
}
/**************** My Custom Tables Using CSS ONLY **********/

@media only screen and (max-width: 900px) {
/* #courseSelectionRegion:before { content: "900px"; } */
/* .personalPage:before { content: "900px"; } */
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:332px;}
	.online-ce-logo{width:auto;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	.middlewrapper{width:100%; padding:0 0 0 0;}
	.gallery ul li{width:16.4%; margin-left:1px; margin-bottom:1px;}
	.middle-side{width:430px;}
	.right-side{width:200px;}
	.left-side{width:200px;}
	.bottom-part .b-link{padding-left:0px;}
	.course-part .title{margin-top:10px;}
	.footer{width:100%; padding-left:10px; padding-right:10px;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	.inner-middle {width: 100%; margin: 0 0 0 0 ; padding: 0 0 0 0;}
}

@media only screen and (max-width: 800px) {
/* .personalPage:before { content: "800px"; } */
#personalPageNav a {
	width: 100%;
	margin: 5px 0 0 0;
}
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:332px;}
	.online-ce-logo{width:auto;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:16.4%; margin-left:1px; margin-bottom:1px;}
	.right-side{width:200px;}
	h2{font-size:23px;}
	.bottom-part .b-link{padding-left:0px;}
	.course-part .title{margin-top:10px;}
	.proBlock ul li {
		width: 50%;
		float: left;
		padding: 10px 0 0 5px;
	}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
}

@media only screen and (max-width: 768px) {
/* #courseSelectionRegion:before { content: "768px"; } */
/*	.personalPage:before { content: "768px"; } */
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:332px;}
	.online-ce-logo{width:auto;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:16.4%; margin-left:1px; margin-bottom:1px;}
	.left-side{width:200px;}
	.middle-side{width:302px;}
	.right-side{width:200px;}
	.middle-side{width:302px;}
	.right-side{width:200px;}
	h2{font-size:23px;}
	.bottom-part .b-link{padding-left:0px;}
	.course-part .title{margin-top:10px;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
}

@media only screen and (max-width: 667px) {
/* #courseSelectionRegion:before { content: "667px"; } */
/*	.personalPage:before { content: "667px"; } */
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:100%; padding-top:15px;}
	.loginpart,.logoutpart .filde1{width:288px; margin-right:5px;}
	.forgot-link {width:99%; margin-top:15px;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:100%; text-align:center;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	/* .inner-middle p:after { content:"667px"; } */
	.course-part .rightpart{ width:100%;}
	.course-part .leftpart{width:auto; margin-bottom:12px;}
	.bottom-part .b-link{width:100%; padding-left:0px;}
	.right-side{width:100%;}
	.gallery ul li{width:48%; margin-left:9px; margin-bottom:1px;}
	.tri-it-btn{margin-top:8px;}
	.coypright{padding-left:10px; padding-right:10px;}
	.shop-text{width:96%; margin:0 2%;}
	.categorypart li a{font-size:12px;}
	.nav-collapse{display:block;}
	.courseBlock .myButton { width: 100%; }
	.courseBlock .myGrayButton { width: 100%; }
}

@media only screen and (max-width: 640px) {
/* #courseSelectionRegion:before { content: "640px"; } */
/* .personalPage:before { content: "640px"; } */
	#courseSelectionRegion label { width: 90%; }
	#courseSelectionRegion select { width: 90%; }
	#courseSelectionRegion button { width: 90%; margin: 5px 0 0 40px; }
	fieldset.faqs { width: 95%; }
	fieldset.form5In { width: 95%; }
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:100%;}
	.loginpart,.logoutpart .filde1{width:274px; margin-right:5px;}
	.forgot-link {width:99%; margin-top:15px;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	h1{font-size:19px;}
	h2{font-size:23px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:100%; text-align:center;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	.course-part .rightpart{ width:100%;}
	.course-part .leftpart{width:auto; margin-bottom:12px;}
	.bottom-part .b-link{width:100%; padding-left:0px;}
	.right-side{width:100%;}
	.gallery ul li{width:48%; margin-left:10px; margin-bottom:1px;}
	.tri-it-btn{margin-top:8px;}
	.coypright{padding-left:10px; padding-right:10px;}
	.shop-text{width:96%; margin:0 2%;}
	#shoppingCart .submitButtonCtr { width: 100%; }
	#shoppingCart .submitButton { width: 100%; margin-bottom: 30px; }
	#shoppingCart select { width: 100%; }
}

@media only screen and (max-width: 600px) {
/* #courseSelectionRegion:before { content: "600px"; } */
/* .personalPage:before { content: "600px"; } */
	fieldset.form5In textarea {
		margin: 0 0 0 10px;;
		padding: 0 0 0 10px;;
		width: 95%;
	}
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:100%;}
	.loginpart,.logoutpart .filde1{width:254px; margin-right:5px;}
	.forgot-link {width:99%; margin-top:15px;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:100%; text-align:center;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	.course-part .rightpart{ width:100%;}
	.course-part .leftpart{width:auto; margin-bottom:12px;}
	.bottom-part .b-link{width:100%; padding-left:0px;}
	.right-side{width:100%;}
	.gallery ul li{width:48%; margin-left:8px; margin-bottom:1px;}
	.tri-it-btn{margin-top:8px;}
	.coypright{padding-left:10px; padding-right:10px;}
	.shop-text{width:96%; margin:0 2%;}
	/* .inner-middle p:after { content:"600px"; } */
	.proBlock ul li {
		width: 50%;
		float: left;
		padding: 5px 0 5px 5px;
	}
}

@media only screen and (max-width: 480px) {
/* #courseSelectionRegion:before { content: "480px"; } */
/* .personalPage:before { content: "480px"; } */
	fieldset.faqs {
		width: 80%;
		padding: 0 0 0 0;
		margin: 0;
		font-size: 0.5em;
	}
	fieldset.form5In label {
		margin: 20px 0 0 10px;
		padding: 0 0 0 0;
		text-align: left;
	}
	fieldset.form5In input {
		width: 80%;
		text-align: left;
		margin: 0 0 0 10px;
	}
	fieldset.form5In select {
		width: 95%;
		font-size: 0.9em;
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
	}
	fieldset.form5In option {
		width: 95%;
		font-size: 0.9em;
		padding: 0 0 0 10px;
	}
	fieldset.form5In textarea {
		margin: 0 0 0 10px;;
		padding: 0 0 0 10px;;
		width: 95%;
	}
	fieldset.form5In .submit {
		margin: 0 0 10px 10px;;
		padding: 0 0 0 10px;;
		width: 95%;
	}
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:100%;}
	.loginpart,.logoutpart .filde1{width:194px; margin-right:5px;}
	.forgot-link {width:99%; margin-top:15px;}
	.navigation{width:100%; padding:0 10px 0 10px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:100%; text-align:center;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	.course-part .rightpart{ width:100%;}
	.course-part .leftpart{width:auto; margin-bottom:12px;}
	.bottom-part .b-link{width:100%; padding-left:0px;}
	.right-side{width:100%;}
	.gallery ul li{width:48%; margin-left:6px; margin-bottom:1px;}
	.tri-it-btn{margin-top:8px;}
	.coypright{padding-left:10px; padding-right:10px;}
	/* .inner-middle p:after { content:"480px"; } */
	.proBlock ul li {
		width: 100%;
		float: left;
		padding: 5px 0 5px 5px;
	}
}
@media only screen and (max-width: 375px) {
/* #courseSelectionRegion:before { content: "375px"; } */
/* .personalPage:before { content: "375px"; } */
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:100%;}
	.loginpart,.logoutpart .filde1{width:172px; margin-right:5px;}
	.forgot-link {width:78%; margin-top:15px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:100%; text-align:center;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	.course-part .rightpart{ width:100%;}
	.course-part .leftpart{width:auto; margin-bottom:12px;}
	.bottom-part .b-link{width:100%; padding-left:0px;}
	.right-side{width:100%;}
	.gallery ul li{width:48%; margin-left:5px; margin-bottom:1px;}
	.tri-it-btn{margin-top:8px;}
	.coypright{padding-left:10px; padding-right:10px;}
	/* .inner-middle p:after { content:"375px"; } */
}

@media only screen and (max-width: 360px) {
/* #courseSelectionRegion:before { content: "260px"; } */
/* .personalPage:before { content: "360px"; } */
.blueButton {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 5px;
}
.redButton {
	width: 100%;
	padding: 5px;
	margin: 0 0 10px 0;
}
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:100%;}
	.loginpart,.logoutpart .filde1{width:164px; margin-right:5px;}
	.forgot-link {width:78%; margin-top:15px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:100%; text-align:center;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	.course-part .rightpart{ width:100%;}
	.course-part .leftpart{width:auto; margin-bottom:12px;}
	.bottom-part .b-link{width:100%; padding-left:0px;}
	.right-side{width:100%;}
	.gallery ul li{width:48%; margin-left:5px; margin-bottom:1px;}
	.tri-it-btn{margin-top:8px;}
	/* .inner-middle p:after { content:"360px"; } */
}

@media only screen and (max-width: 320px) {
/* #courseSelectionRegion:before { content: "320px"; } */
/* .personalPage:before { content: "320px"; } */
	.occupationsPart ul { margin: 0 0 0 0; }
	.toppart{ width:100%; padding:0 10px 0 10px;}
	.online-ce-logo{width:100%; text-align:center;}
	.loginpart,.logoutpart{width:100%;}
	.loginpart,.logoutpart .filde1{width:145px; margin-right:5px;}
	.forgot-link {width:78%; margin-top:15px;}
	.middlewrapper{width:100%; padding:0 10px 0 10px;}
	.gallery ul li{width:100%; text-align:center;}
	.left-side{width:100%;}
	.middle-side{width:100%; margin:10px 0 0 0;}
	.course-part .rightpart{ width:100%;}
	.course-part .leftpart{width:auto; margin-bottom:12px;}
	.bottom-part .b-link{width:100%; padding-left:0px;}
	.right-side{width:100%;}
	.gallery ul li{width:48%; margin-left:4px; margin-bottom:1px;}
	.courseBlock label {
		font-size: 0.90em;
	}
	.courseBlock .desc {
		padding: 10px 10px 0 0;
		font-size: 0.90em;
	}
}