button {
	background-color:transparent;
	cursor:pointer;
	border:0px;
	margin:0px;
	padding:0px;
}
button:focus {
	outline:1px dotted #cccccc;
}

input {
	outline:none !important; /* ios Flicker on Text Fields Fix */
}
input:focus {
	outline:none !important; /* ios Flicker on Text Fields Fix */
}

#maincontainer {
   min-height:100%;
   position:relative;
}

#mainbody {
   padding:0;
   padding-bottom:95px;   /* Height of the footer */
}
#mainfooter {
   position:absolute;
   bottom:0;
   width:100%;
   height:50px;   /* Height of the footer */	
   overflow:hidden;
}
.screen-reader, .screenreader {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.clear{
	clear:both;
	margin:0px;
}
.minimalheader {

	padding: 0px 0px 5px; width: 100%;
	/*position: fixed;*/
}

.homeheader {

	background: url("https://m.universalclass.com/14/bg-header.png") repeat-x 0px 100%; padding: 0px 0px 5px; width: 100%;
	/*position: fixed;*/
}
.catheader {
	padding: 0px 0px 5px; width: 100%; z-index: 10;
	/*position: fixed;*/
}
.mycheader {
	background: url("https://m.universalclass.com/14/bg-header.png") repeat-x 0px 100%; padding: 0px 0px 5px; width: 100%;
	/*position: fixed;*/
}
.mychdrcntrdiv {
display:inline-block;width:45%;text-align:center;vertical-align:top;
}

.header-bar, .header-bar-nord, .header-bar-scroll {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,424242+22,2c2c2c+38,292929+40,161616+57,070707+77,161616+97,070707+97,070707+99 */
background: rgb(67,67,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(66,66,66,1) 22%, rgba(44,44,44,1) 38%, rgba(41,41,41,1) 40%, rgba(22,22,22,1) 57%, rgba(7,7,7,1) 77%, rgba(22,22,22,1) 97%, rgba(7,7,7,1) 97%, rgba(7,7,7,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#070707',GradientType=0 ); /* IE6-9 */
padding: 0px 0px 12px; 
width: 100%; 
height: 60px;
}


.header-bar-minimal {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,424242+22,2c2c2c+38,292929+40,161616+57,070707+77,161616+97,070707+97,070707+99 */
background: rgb(67,67,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(66,66,66,1) 22%, rgba(44,44,44,1) 38%, rgba(41,41,41,1) 40%, rgba(22,22,22,1) 57%, rgba(7,7,7,1) 77%, rgba(22,22,22,1) 97%, rgba(7,7,7,1) 97%, rgba(7,7,7,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#070707',GradientType=0 ); /* IE6-9 */
padding: 0px 0px 12px; width: 100%; height: 70px;
}
.topnavbar  {
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	max-width:995px;
	background-color:none;
	text-align:center;
}
.logobox {
	display:inline-block;
	width:20%;
	min-width:210px;
	max-height:70px;
	text-align:left;
	overflow:hidden;
}
.logobox img {
	width:188px;
	height:72px;
	border:0px;
}
.topnavbtns {
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:550px;
	width:60%;
	text-align:center;
	background-color:none;
	line-height:100%;
	overflow:hidden;
}
.homelink {
	/* do nothing */	

}


.topnavbtns a, .topnavbtns button{
	padding-right:22px;
	padding-left:22px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:10px;
	color:#ffffff;
	font-size:21px;
	border-radius:10px;
	margin:10px;
	border: 1px solid #2c2c2c;
	
}
.topnavbtns a:hover, .topnavbtns button:hover {
	color:#ffffff;
	background-color:#028ec1;
	text-decoration:none;
}
.topnavbttnslctd {
	color:#ffffff;background-color:#028ec1;text-decoration:none;	
}
.loginbox {
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	overflow:visible;
	text-align:right;
	width:20%;
}

.loginbtns {font-size:14px;color:#ffffff;}
.loginbtns a {
	display:inline-block;padding-left:10px;padding-right:10px;color:#ffffff;font-size:14px;border-radius:7px;background-color:#028ec1;margin-right:15px;
}

.loginbtns a:hover {
	color:#000000;background-color:#ffffff;text-decoration:none;
}

/* BEGIN NEW TOP NAVIGATION */
.topnavblock {
	width:100%;max-width:995px;margin-right:auto;margin-left:auto;background-color:none;
}

.topnavlogo {
	display:inline-block;
	width:210px;
	height:70px;
}

.topnavbuttons {
	display:inline-block;
	width:570px;
	position:relative;
	top:-25px;
	text-align:center;
	background-color:none;
	line-height:100%;

}

.topnavbuttons a {
	padding-right:22px;
	padding-left:22px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:10px;
	color:#ffffff;
	font-size:21px;
	border-radius:10px;
	margin:10px;
	border: 1px solid #2c2c2c;
}
.topnavbuttons a:hover {
	color:#ffffff;
	background-color:#028ec1;
	text-decoration:none;
}

.tpnvlgnbxmenublock {
	display:flex;
	align-items:center !important;
	text-align:right;
	justify-content:flex-end;
	margin-top:4px;
}

.tpnvlgnbxmainmenubttn, .tpnvlgnbxlogoffbttn, .tpnvlgnbxprofilebttn, .tpnvlgnbxsearchbttn  {
	display:inline-block;
	text-align:center;
	margin-top:0px;
	margin-right:7px;
	margin-left:0px;
	width:40px;
	height:40px;
}

.tpnvlgnbxprofilemenu {
	text-align:center;
	background-color:#cccccc;
	border-radius:3px;
}
.tpnvlgnbxmainmenubttn img, .tpnvlgnbxlogoffbttn img, .tpnvlgnbxprofilebttn img, .tpnvlgnbxsearchbttn img  {
position:relative;
top:2px;
}
.tpnvlgnbxprofilemenulinks a {
	display:block;
	text-align:left;
	font-size:18px;
	padding:0px;
	margin:0px;
	line-height:100%;
	max-height:20px;
	border-bottom:1px solid #eeeeee;
	padding-left:5px !important;
	margin-left:0px !important;
	
}
.tpnvlgnbxprofilemenulinks div {
display:inline-block;
width:38px;
height:25px;
text-align:center;
margin-left:0px !important;
}
.tpnvlgnbxprofilemenulinks span {
display:inline-block;
height:25px;
text-align:center;
position:relative;
top:-5px;
}

.tpnvlgnbxclosebttn {
text-align:right;float:right;width:300px;position:absolute;
}
.tpnvlgnbxclosebttn button img {
	width:25px;
	height:25px;
	background-color:#cccccc;
	padding:1px;
	cursor:pointer;
	border-radius:3px;
	margin-right:7px;
	margin-top:7px;
}
.tpnvlgnbxclosebttn button img:hover {
	background-color:#ffffff;
}

.dim {
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
}
.dropbtn, .dropdownclick {
	height:40px;
	width:40px;
    display:inline-block;
	overflow:hidden !important;
    z-index:1100;
    color: #ffffff;
    border-radius: 4px 4px 4px 4px;
    font-size: 16px;
    border: 1px solid #2c2c2c;
    cursor: pointer;
    background-color:transparent;
}

.dropdown {
    z-index:1100;
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right:0;
    background-color: #028ec1;
    min-width: 300px;
	box-shadow: 0px 10px 15px #000000;
    z-index:9999;
	border-radius:7px 0px 7px 7px;
	padding:10px;
	text-align:left;


}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}


.dropdown:hover .dropbtn, .dropbtn:hover {
	color:#ffffff;
    background-color:#028ec1;
    border: 1px solid #028ec1;
}
.dropdownclick {
    color: #ffffff;
    border-radius: 4px 4px 0px 0px;
    background-color:transparent;
    background-color:#028ec1;
    border: 1px solid #028ec1;

}
.dropdownmnuinside, .dropdownmnuinsidemobile {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,424242+22,2c2c2c+38,292929+40,161616+57,070707+77,161616+97,070707+97,070707+99 */
	background: rgb(67,67,67); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(66,66,66,1) 22%, rgba(44,44,44,1) 38%, rgba(41,41,41,1) 40%, rgba(22,22,22,1) 57%, rgba(7,7,7,1) 77%, rgba(22,22,22,1) 97%, rgba(7,7,7,1) 97%, rgba(7,7,7,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#070707',GradientType=0 ); /* IE6-9 */
	border-radius:4px;
	color:#ffffff;
	font-size:17px;
	padding:10px;
	min-width:225px;
}
.dropdownmnuinside a, .dropdownmnuinsidemobile a {
	display:block;
	margin:0px;
	padding:7px;
	color:#ffffff;
	border-radius:7px
}

.dropdownmnuinside a:hover, .dropdownmnuinsidemobile a:hover {
	background-color:#cccccc;
	color:#000000;
}
.dropdownmnuinsidemobile  {
	background: transparent;
	font-size:17px !important;
	height:95%;
	min-height:620px;
}
.dropdownmnuinsidemobile a {
	padding:3px;
	font-size:17px !important;
}
.logoffbtn {
    display:inline-block;
    min-width:20px;
    color: #ffffff;
    border-radius: 4px 4px 4px 4px;
    font-size: 16px;
    border: 1px solid #2c2c2c;
    cursor: pointer;
    padding-left:11px;
    padding-right:11px;
    padding-top:6px;
    padding-bottom:6px;
	height:25px;
	width:75px;
	overflow:hidden;
	line-height:100%;
}
.logoffbtn:hover {
	color:#ffffff;
    background-color:#028ec1;
    border: 1px solid #028ec1;
    border-radius: 4px 4px 4px 4Px;
}
/* END NEW TOP NAVIGATION */


/* BEGIN NEW MOBILE SIDE MENU 10/2020 FOR SLIM3.CSS */
.topnavbarmobile {
	width:99%;
	margin:auto;
	max-width:995px;
	height: 55px;
	display:none;
	text-align:center;
	overflow:hidden;
}
.topnavbarmobile .topnavbarmobilesrch, .topnavbarmobile .topnavbarmobilelogo, .topnavbarmobile .topnavbarmobilemenu  {
	width:33%;
	display:inline-block;
	height:50px;
	overflow:hidden;
}
.topnavbarmobilesrch {
	text-align:left !important;
}
.topnavbarmobilesrch button, .topnavbarmobilesrch a {
	text-align:center;
	width:40px;
	height:50px;
	display:inline-block;
	display:flex;
	justify-content: center;	
	align-items:center;
}
.topnavbarmobilelogo {
	text-align:center !important;
	min-width:125px;
}
.topnavbarmobilelogo img {
	width:125px;
	height:48px;
}
.topnavbarmobilemenu {
	text-align:right;
	display:flex !important;
	justify-content:flex-end;
	
}
.topnavbarmobilemenu button {
	display:inline-block;
	text-align:center;
	width:40px;
	height:50px !important;
}
.topnavbarmobilemenu img {
	height:22px;
	width:auto;

}
.hdrmenumblbar1, .hdrmenumblbar2, .hdrmenumblbar3 {
  width: 25px;
  height: 2px;
  background-color: #ffffff;
  margin: 6px 0;
  transition: 0.4s;
  margin-left:auto;
  margin-right:auto;
}
.sidemenumobilenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 47px;
	display:none;
}


.sidemenumobilenav .sidemenuclosebtn {
	position: absolute;
	top: 0;
	left: 15px;
	font-size: 45px;
	font-weight:normal !important;
	color:#ffffff;
	margin-left: 0px;
	margin-bottom:0px;
	padding:0px;
}
/* END NEW MOBILE SIDE MENU 10/2020 FOR SLIM3.CSS */


.punchtext {
	font: 25px/normal Arial, Helvetica, sans-serif; color: #024c75; font-size-adjust: none; font-stretch: normal;overflow:hidden;
}
.mainbody {
	clear:both;
	width:100%;
	max-width:995px;
	margin-right:auto;
	margin-left:auto;
	font: 16px/24px Arial,Helvetica,sans-serif;
}

/*new homepage 2017 */

.graybackground {
    background: url(https://m.universalclass.com/17/hpg/backgroundgray2.jpg);
    background-size:cover;	
    background-repeat: repeat;
}

.homepagecover {
    background-image:url('https://m.universalclass.com/17/hpg/hmpgcoverbg4.jpg');
    background-repeat:no-repeat;
    background-size:cover;		
	width:100%;
	clear:both;
	color:#ffffff;
	font-size:20px;
}
.homepagecoverbox {
	padding:7px;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	box-shadow: 0px 2px 30px #000000;
	background: rgba(11, 12, 6, .5);
	width:80%;
	max-width:700px;
	height:275px;
	margin:auto;
	margin-top:100px;
	border-radius:2px;
	text-align:center;	
}
.homepagecoverbox h1 {
	line-height:100%;
	color:#ffffff;
	font-size:28px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-weight:normal;
	text-align:center;
	padding-bottom:10px;
}
.homepagecoverbox form {
margin:0px;color:#000000;text-align:left;width:100%;min-width:390px;white-space:nowrap;
}
.homepagecoverbox form img {
cursor:pointer;vertical-align:middle;height:33px;background-color:#028ec1;border-radius:0px 8px 8px 0px;padding:7px;position:relative;top:-1px;
}
.homepagecoverbox form img:hover {
background-color:#cccccc;
}
.homepagecoverbox input {
	width:340px;font-size:20px;height:43px;-webkit-appearance: none;
}
.homepagecoverbox button {

cursor:pointer;border:1px solid #ffffff;border-radius:4px;padding:7px;background-color:transparent;color:#ffffff;font-size:22px;	
	
}
.homepagecoverbox button:hover {
	background-color:#028ec1;
}

.homepagecoverboxcatbox {
display:inline-block;
width:50%;
}
.homepagecoverboxcatbox div {
height:100px;width:100%;display:table-cell;text-align:left;vertical-align: bottom;
}
.homepagecoverboxstatsbox  {
position:relative;left:50px;TOP:10px;display:inline-block;width:40%;text-align:right;
}

.homepagecoverboxstatsbox span {
white-space:nowrap;display:inline-block;text-align:left;font-size:16px;
}

.homepagecovercategory {
	display:none;margin:auto;width:100%;max-width:995px;height:150px;
}
.hmpgstatsdiv {
display:none;	
	padding:7px;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	box-shadow: 0px 2px 30px #000000;
	background: rgba(11, 12, 6, .5);
	width:90%;
	margin:auto;
	margin-top:20px;
	font-size:17px;
}

.crnlst17 {
	margin:auto;
	text-align:center;
	max-width:995px;
	width:100%;
	position:relative;
}
.crnlst17 ul {
	margin:auto;
	list-style-type: none;
	position:relative;
	line-height:110%;
}
.crnlst17 li {
	position:relative;
	vertical-align:middle;
	border:1px solid 000000;
	margin-bottom:25px;
	margin-right:50px;
	display:inline-block;
	text-align: center;
	color:#323232;
	background-color: #ffffff; 
	box-shadow: 2px 0px 20px 2px #cccccc !important;
	width:218px;
	height:285px;
	overflow: hidden; 
	cursor:pointer;
	white-space: normal; 
}

.crnlst17 li:hover a img {
        filter:opacity(70%);
}
.crnlst17 li:hover a {

}
.crnlst17 div {
	font-size: 14px; 
	font-weight: normal; 
	display: block;
	text-align:left;
	width:206px;
	margin:auto;
	padding-left:5px;
	padding-right:5px;
	overflow: hidden;
	color:#7b7979; 
}
.crnlst17 li a {

	text-decoration:none;
	color:#000000;
	font-size:18px;
	font-weight:normal;
	display:inline-block;
	padding-bottom:15px;
	line-height:110%;
}


.crnlst17 a img {
	border:0px;
	width:218px;
	height:134px;
}

.crnlst17stats  {
	display:block;
	font-size:14px;
	font-weight:normal;
	height:50px;
	width:216px;
	margin:auto;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}
.crnlst17stats span  {
	font-size:18px;
	padding-top:2px;
	color:#5f6060;
	display:block;
	text-align:right;
	margin:auto;padding-right:7px;

}

 .crnlst17smllbox {
	border-radius:4px;background-color:#B22222;color:#ffffff;font-size:12px;display:inline-block;padding-left:5px;padding-right:5px;padding-top:0px;
}
 .crnlst17stats span img {
 	position:relative;
 	top:5px;	


 }
.crnlst17desc {
	display:block;
	height:150px;
	overflow:hidden;
    border:0px;
    padding:7px;
    margin:0px;
	margin-top:12px;
	font-size:18px;
	color:#000000;
	text-align:left;
}
.crnlst17desc a {
	display:block;
	width:100%;
	height:50px;
	vertical-align:middle;
    color:#000000 !important;
}
.crnlst17container {
    position:relative;
    left:-10px;
    border:0px;
}
.crnlst17contents {
    background:#ffffff;
    border:0px;
    padding:0px;
    margin:0px;

}
.crnlst17gradient {
    position:absolute;
    z-index:2;
    right:0; bottom:0; left:0;
    height:90px; /* adjust it to your needs */
	width:100%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 95%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
}

.crnlst17scroll {
	margin:auto;
	width:95%;
	max-width:900px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	padding:20px;
	margin-top:10px;
	margin-bottom:20px;
}
.crnlst17scroll .crnlst17 {
	margin-left:-20px;
}
.crnlst17scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}
.crnlst17scroll::-webkit-scrollbar-track {
    background-color: rgba(211,211,211, .6);
    border-radius: 8px;
}
.crnlst17scroll::-webkit-scrollbar-thumb {
    background-color: rgba(2, 142, 193, .6);
    border-radius: 8px;
}

.crnlst17scroll ul li {
	margin-right:65px !important;
}

.punchtextbig {
	font:40px/normal Arial, Helvetica, sans-serif;
	color: #024c75;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.hpleftbox img, .hprightbox img {
	border-radius:100px;
	box-shadow: 0 10px 20px 0 #000000;	
}
.hpleftbox {
	float:left;
	width:46%;
	font-size:21px;
	text-align:center;
	margin-left:10px;
}
.hprightbox {
	float:right;
	width:46%;
	font-size:21px;
	margin-right:10px;
	text-align:center;
}
.hpboxhdr {
	padding-bottom:7px;
	font-size:24px;
	text-align:left;	
}
.hpclearbox {
	clear:both;
	padding:30px;
}
.ucbynmbrs {
	clear:both;
	max-width:1025px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:200px;
	color:#58585b;
	line-height:200%;
}
.hpfloatbox {
	float:left;
	width:33%;
	text-align:center;
}
.ucbynmbrsstat {
	text-align:center;
	font-size:40px;
}
.ucbynmbrslabel {
	text-align:center;
	padding-top:10px;
	font-size:27px;
}
.ucbynmbrsicon {
	text-align:center;
	padding:10px;
}

 /* homepage 2017 end */


.catwidget {
	background-color:#ffffff;
	font:16px/normal Arial, Helvetica, sans-serif; color: #000000;
}
.catwidgethelper {
	text-align:left;	
}
.catwidget ul {
	background-color:#ffffff;
	list-style:none;
	margin:auto;
	display:inline-block;
	vertical-align:text-top;
	margin:0px;
	padding:0px;
}
.catwidget li {
	background-color:#ffffff;
	display:inline-block;
	width:270px;
	height:75px;
	padding-left:0px;
	padding-right:0px;
	margin-left:7px;
	margin-right:7px;
	list-style-type:none;
	margin-bottom:15px;
	border-radius: 5px;
}
.catwidget a, .catwidget button {
	background-color:#ffffff;
	text-align:center;
	display:block;
	width:270px;
	height:75px;
	border:1px solid #cccccc;
	border-radius: 5px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	box-shadow: 0px 0px 9px 2px #e6e6e6;
	overflow:hidden;
}
.catwidget a:hover, .catwidget button:hover {
	border:1px solid #000000;
	color:#ffffff;
	background-color: #3391a1;
	box-shadow: 0px 0px 9px 2px #e6e6e6;
}
.catwidget img {
	/* this fixed flickering in iOS slide-down animations */
	-webkit-backface-visibility: hidden !important;
	-webkit-transform:translate3d(0,0,0);
	background-color:#ffffff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.catwidget h5, .catwidget strong {
	font:16px/normal Arial, Helvetica, sans-serif; 
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-left:80px;
	margin-top:15px;
	margin-bottom:0px;
	padding:0px;
}
.catwidget span {
	display:block;
	font-weight:normal;
	font-size:14px;
	margin-left:80px;
	padding:2px;
}

.specialofferbox {
	width:375px;height:250px;text-align:center;font: 25px/normal Arial, Helvetica, sans-serif; color: #000000;overflow:hidden;line-height:140%;background-color:#ffffff;letter-spacing:0px;
}
.spobutton, .greenbutton {
    padding: 12px 30px;
    font-size: 1.4rem;
    font-weight: bold;
    border: 2px solid #28a745;
    border-radius: 25px;
    background: transparent;
	background-color:#28a745;
    color: white;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    min-width: 140px;
    text-align: center;
    transition: 0.3s ease-in-out;
    
}

.spobuttonsmall {
	font-size:19px;
	background-color:#28a745;
	color:#ffffff;
	padding-left:25px;padding-right:25px;padding-top:7px;padding-bottom:7px;
	box-shadow: 0px 1px 10px #000000;
	border:0px;
	border-radius:0px;
	white-space: nowrap;
	cursor: pointer; 
	-webkit-appearance: none;
}
.spobutton:hover, .greenbutton:hover, .spobuttonsmall:hover {
	background-color: #464646;
	color: #ffffff;
}

.redbutton {
	font-size:25px;
	background-color:red;
	color:#ffffff;
	padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 2px #cccccc;
	cursor: pointer; 
}
.redbutton:hover {
	background-color:#cccccc;
	color:#000000;
}
.bigpictureframe {
	position:relative;
	top:-250px;
	left:375px;
	width:600px;
	height:250px;
	text-align:center;	
	overflow:hidden;
	
}
.classpiclisting {
	clear:both;
	position:relative;
	border:0px;
}
.sectionheader {
	font-size:17px;
}
.sectionheader h2 {
	background:#ffffff;color:#006372;font-size:24px; font-weight: normal;z-index: 1;
}

.pagelisting {
	padding:5px;
	text-align:center;
}

.pagelisting a, .pagelisting button {
	padding-left:7px;
	padding-right:7px;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid #cccccc;
	background-color:#cccccc;
	display:inline-block;
	font-weight:bold;
	color:#ffffff;
	border-radius:3px 3px 3px 3px;
	font-size:19px;
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 0px !important;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.pagelisting a:hover, .pagelisting button:hover {
	background-color:#028ec1;
	color:#ffffff;
}


.crnscroll {
	width:100%;
	margin:auto;
	text-align:center;
	margin-top:30px;margin-bottom:30px;
}
.crnscroll div {
	width:90%;
	margin:auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	line-height:115%;
}

.crnscroll div::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}
.crnscroll div::-webkit-scrollbar-track {
    background-color: rgba(211,211,211, .6);
    border-radius: 8px;
}
.crnscroll div::-webkit-scrollbar-thumb {
    border-radius: 8px;
   background-color: rgba(2, 142, 193, .6);
}

.classlist4row  {
	line-height:38px;
	width:100%;
	position:relative;
	text-align:center;
	font-size:14px !important;
}
.classlist4row ul {
	list-style-type: none;
	position:relative;
	left:-10px;
}
.classlist4row li {
	margin-right:15px;margin-bottom:25px;vertical-align:middle;border:0px;display:inline-block;position:relative;text-align: center; overflow: hidden; color:#ffffff;background-color: #028ec1; 
 	box-shadow: 0px 0px 20px 0px #000000; 
 	-webkit-box-shadow: 0 0 20px 0 #000000;
	font-size:14px !important;

}
.classlist4row li:hover {
	background-color:#ffffff;color:#000000;
}
.classlist4row li:hover a {
	color:#000000 !important;
}
.classlist4row li a {
	text-decoration:none;
	color:#ffffff !important;
}
.classlist4row img {
	width:218px !important;
	height:134px !important;
	border-radius:0px !important;
	box-shadow:none !important;
	padding:0px !important;
	margin:0px !important;
	border:0px !important;
}

.classlist4row li span {
	font-size:14px !important;

}

.ctitle {
	font-weight:bold;
	display:table-cell;
	vertical-align:middle !important;
	text-align:center;
	width:204px;
	overflow:hidden;
	margin:auto;
	margin-bottom:0px;
	height:42px;
	line-height:115%;
	white-space:normal !important;
	font-size:14px !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
padding-left:7px;
padding-right:3px;

}

.cprice {
	position:relative;
	top:-10px;
	padding-top:0px;
	margin-top:0px;
	display:inline-block;
	text-align:left;
	width:75px;
	font-size:14px !important;
}
.ceuvalue {
	position:relative;
	top:-10px;
	padding-top:0px;
	margin-top:0px;
	display:inline-block;
	text-align:right;
	width:75px;
	font-size:14px !important;
}

.whyuc {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:7px;
	width:730px;
	background-color:#f5f5f5;
	box-shadow: 0px 0px 5px #888888;
	padding:7px;
}
.whyuc h3 {
	margin:7px;
	
}
.btmmkttxt {
	clear:both;	
}
.knowledgeispower {
	clear:both;
	position:relative;
	top:-30px;
	border:0px;
	text-align:center;
}
.knowledgeispower h1, .knowledgeispower h2, .knowledgeispower h3 {
	font: 40px/44px Arial, Helvetica, sans-serif; text-align: center; color: #04517b; font-size-adjust: none; font-stretch: normal;margin-bottom:10px;
}
.knowledgeispower span {
	font: 19px/21px Arial, Helvetica, sans-serif; margin: 0px 0px 10px; text-align: center; color:#4c4b4b; font-size-adjust: none; font-stretch: normal;
}
.gigantic {
	font: 45px/48px Arial, Helvetica, sans-serif; margin: 0px 0px 10px; text-align: center; color:#4c4b4b; letter-spacing: -1px; font-size-adjust: none; font-stretch: normal;margin-top:7px;
}

.articletext {
	font-size:17px !important;
	width:90%;
	margin:auto;		
	box-shadow: 0px 0px 5px #888888;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:7px;
}
.articletext img {
	box-shadow: 0px 0px 5px #888888;
	border-radius: 10px;
	margin:7px;
}
.articletext span {
	font-size:20px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
}
.articletext div {
	font-size:20px !important;
	line-height:30px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
}
.articletext p {
	font-size:20px !important;
	line-height:30px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
}
.articletext strong {
	font-size:20px !important;
	line-height:30px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
}
.articletext em {
	font-size:20px !important;
	line-height:30px !important;
	font-familyverdana, :Arial, Helvetica, sans-serif !important;
}
.articletext h1 {
	font-size:30px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
}	
.articletext li {
	font-size:20px !important;
	line-height:30px !important;
	padding:7px;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
}
.articlelisting {
	font-size:17px;
	width:95%;
	margin:auto;		
	box-shadow: 0px 0px 5px #888888;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:7px;
}
.articlelisting img {
	box-shadow: 0px 0px 5px #888888;
	border-radius: 10px;
	margin:7px;
}
.articlelisting ul {
	padding:10px;
	font-size:25px;
	color:lightblue;
	list-style:none;
}
.articlelisting li {
	margin-left:10px;	
	padding-top:20px;
}
.articlelisting span {
	display:block;
	font-size:14px;
	color:darkgray;
		
}
.articlecatlisting {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	width:95%;
	box-shadow: 0px 0px 5px #888888;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:7px;
}
.articlecatlisting img {
	box-shadow: 0px 0px 5px #888888;
	border-radius: 10px;
	margin:7px;
	vertical-align:middle;
	position:relative;
	float:left;
}
.articlecatlisting span {
	margin-top:60px;
	position:relative;
	float:left;
}
.articlecatlisting a {
	display:inline-block; 
}	

.articlecatlisting ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
.articlecatlisting li {
	font-size:26px;
}

.footerminimum {
clear:both;
background-color:#353530; /* override */
background: -webkit-linear-gradient(#353530, #000000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#353530, #000000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#353530, #000000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#353530, #000000); /* Standard syntax */
color:#ffffff;	
height:100%;
max-height:200px;
}
.footerminimum ul {
	padding:0;
	margin:0;
	max-width:1000px;
	width:100%;
	max-height:50px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	text-align:center;
}
.footerminimum li {
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:12Px;
}
.footerminimum a {
color:#ffffff;		
}
.footerminimum a:visited {
color:#999999;		
}
.footerminimum a:hover {
color:#ffffff;		
}
.footer2015 {
clear:both;
background-color:#353530; /* override */
background: -webkit-linear-gradient(#353530, #000000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#353530, #000000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#353530, #000000); /* For Firefox 3.6 to 15 */
background: linear-gradient(#353530, #000000); /* Standard syntax */
color:#ffffff;		
}
.footercontainer{
width:100%;max-width: 995px;margin-left:auto;margin-right:auto;padding-top:20px;
display:flex;
}
.footercopyright {
text-align:center;color:#999999;
}
.footer2015 a {
color:#ffffff;		
}
.footer2015 a:visited {
color:#999999;		
}
.footer2015 a:hover {
color:#ffffff;		
}
.footer2015 ul {
list-style: none;
color:#999999;
}		
.footer2015 ul a {
color:#999999;
margin:0px;

}	
.footer2015 ul li {
margin-left:-40px;	
}
.footercolumn {
display:inline-block;
width:25%;
color:#ffffff;		
}
.footercolumn span {
color:#beb7b7;

display:block;
font-size:25px;	
}
.footer2015 img {
	border:0px;
	margin-right:11px;
}
.followus {
	text-align:left;
}
.followus img {
width:36px;
height:36px;	
}
.shadedimg img {
width:188px;
height:72px;
opacity: 0.4;
filter: alpha(opacity=40);
padding:5px;
border:1px solid #cccccc;
border-radius:5px;
}
.shadedimg img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
/*newcat 2017*/
.catdivheading {
	padding:10px;
	font-size:27px;	
	border-bottom:1px solid #cccccc;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:80%;
	max-width:700px;
	color:#696969;
}

.crnheading h3, .crnheading h2 {
	font-size:27px !important;
	padding-top:20px !important;
	padding-bottom:30px !important;
	padding-left:0px;
	padding-right:0px;
	color:#414a4c;
	width:99%;
	margin:auto;
	max-width:995px;
	font-weight:normal;	

}
.crnheading h3 span, .crnheading h2 span {
border-bottom:orange 4px solid;padding-bottom:2px;	font-size:27px !important;
}
.featurecover {	
	box-shadow: 0px 2px 15px #000000;
	width:100%;
	max-width:995px;
	min-height:300px;
	clear:both;
	color:#ffffff;
	font-size:20px;
	margin:auto;
	position:relative;
	border-radius:3px;
}
.catfeaturelabel {
background:url(https://m.universalclass.com/maskbg.png) left top repeat;background: rgba(11, 12, 6, .7);padding:5px;margin-top:10px;margin-left:10px;box-shadow: 0px 2px 15px #000000;display:inline-block;
}
	.featurecover h2 {
		background:url(https://m.universalclass.com/maskbg.png) left top repeat;
		background: rgba(11, 12, 6, .8);
		padding:20px;
		margin-top:10px;
		margin-left:10px;
		box-shadow: 0px 2px 15px #000000;
		font-size:35px;
		clear:both;
		display:inline-block;
		line-height:100%;		
		max-width:910px;
		max-height:140px;
		overflow:hidden;
	}
	.featurecover h2 a {

		text-decoration:none;
		color:#ffffff;
		font-weight:normal;
		line-height:100%;

	}
.featuredcrn17 {


background:url(https://m.universalclass.com/maskbg.png) left top repeat;width:100%;position:absolute;bottom:0;left:0;
height:40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+2,000000+83&0+0,0.65+81 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 2%, rgba(0,0,0,0.65) 81%, rgba(0,0,0,0.65) 83%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 2%,rgba(0,0,0,0.65) 81%,rgba(0,0,0,0.65) 83%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 2%,rgba(0,0,0,0.65) 81%,rgba(0,0,0,0.65) 83%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */	
}
.featuredcrn17 img {
	position:relative;top:3px;
	
}
.featuredcrn17 span {
	display:inline-block;position:relative;top:-3px;
}
.featuredcrn17 div {

display:table-cell;vertical-align:middle;text-align:center;height:40px;width:100%;max-width:995px;margin:auto;font-size:20px;
	
}
.categorycover {
	width:100%;
	clear:both;
	color:#ffffff;
	font-size:20px;
	height:75px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#028ec1+0,7db9e8+100&1+76,0+100 */
background: -moz-linear-gradient(top, rgba(2,142,193,1) 0%, rgba(95,175,223,1) 76%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,142,193,1) 0%,rgba(95,175,223,1) 76%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,142,193,1) 0%,rgba(95,175,223,1) 76%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#028ec1', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
margin-top:-19px;
}	
.catcoverbox  {
	width:90%;
	max-width:995px;
	margin:auto;
	font-size:20px;
	display:block;
	height:50px;

}
.catcoverbox h1 {
font-size:25px;	
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight:normal;
padding-top:17px;

}
.categorytoptext {
width:95%;
max-width:995px;
margin:auto;
height:20px;
overflow:hidden;
-webkit-transition: height 0.3s ease-in-out;
-moz-transition: height 0.3s ease-in-out;
-o-transition: height 0.3s ease-in-out;
-ms-transition: height 0.3s ease-in-out;
transition: height 0.3s ease-in-out;
}
.catsearchwidget {
	clear:both;max-width:995px;margin:auto;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;padding-bottom:20px;
}
.catsearchwidget form {
	z-index:999999;
	margin:0px;color:#000000;text-align:left;width:100%;white-space:nowrap;
}
.catsearchwidget form img {
cursor:pointer;vertical-align:middle;height:25px;width:25px;background-color:#028ec1;border-radius:0px 8px 8px 0px;padding:7px;
}
.catsearchwidget form img:hover {
background-color:#cccccc;
}
.catsearchwidget input {
	width:80%;max-width:600px;font-size:16px;height:34px;-webkit-appearance: none;background-color:#eeeeee;
}
.catsearchwidget button {

cursor:pointer;border:1px solid #ffffff;border-radius:4px;padding:7px;background-color:transparent;color:#ffffff;font-size:22px;	
	
}



.catmorecourses {
	display:none;
}


.cattags {
	margin:auto;
	max-width:995px;
	font-size:12px;
	text-align:center;
}
.cattags a, .cattags button {
	font-size:11px;
	background-color:#eeeeee;
	text-align:left;
	border:1px solid;
	display:inline-block;
	border-radius:0px !important;
	padding:5px;
	color:#000000;
	margin:5px;
}
.cattags a:hover, .cattags button:hover {
	background-color:#ffa500;
	color:#ffffff;
}
/*newcat*/

.pagelist {
	clear:both;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:19px;   
	width:90%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	box-shadow: 0px 2px 10px #000000;
	border-radius:7px;
}
.pagelist a {
	color:#ffffff;
	padding: 3px 6px;
	margin: 2px;	
}
.pagelist a:hover {
	color:#ffffff;
	background-color:#0896d7;
}
.currpg {
  color:#fff;  
  padding: 3px 6px;
  margin: 2px;
  font-weight:bold; 
  font-size:19px;
  background:#0896d7;
  text-decoration: none;
	border-radius:2px;
	display:inline-block;
}

.pagelistsimple {
	clear:both;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:19px;   
	width:90%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;
}
.pagelistsimple a {
	color:#000000;
	border-radius:2px;
	padding: 3px 6px;
	margin: 2px;
	display:inline-block;
}
.pagelistsimple a:hover {
	color:#ffffff;
	background-color:#0896d7;
}
.pagelistsimple span {
  color:#fff;  
  padding: 3px 6px;
  margin: 2px;
  font-weight:bold; 
  font-size:19px;
  background:#0896d7;
  text-decoration: none;
}

.newcatpicbanner {
	width:965px;height:175px;border:0px;padding:0px;border-radius:7px;
	background-size: 100% 100%;
	text-align:center;
	clear:both;
	margin:auto;
	box-shadow: 0px 2px 10px #000000;
}

.newcatpicbanner div {
display:table-cell;
height:175px;
width:965px;
vertical-align: middle;
text-align:center;

}


.newcatblurb, .newcatwhyuc {
	margin:auto;
	border-radius:3px;
	min-height:85px;
	width:95%;
	max-width:990px;
	min-height:105px;
	font-size:20px !important;
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
}

.newcatblurb font, .newcatblurb div,.newcatblurb p,.newcatblurb span,.newcatblurb em,.newcatblurb b,  {
	font-size:18px !important;	
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
	line-height:120% !important;
}

.newcatblurb .newcatblurb div[style],.newcatblurb p[style], .newcatblurb span[style] {
	font-size:18px !important;	
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif !important;
	line-height:120% !important;
}


.newcatmaincontent {
	margin:auto;

	min-height:85px;
	width:100%;
	max-width:990px;
	min-height:105px;

}

.newcatareasofstudy {
	text-align:center;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	box-shadow: 0px 2px 10px #000000;
	border-radius:7px;
	width:90%;
	margin:auto;
	color:#ffffff;
	font-size:19px;
	padding:7px;
	margin-left:-3px;
}

.newcatleftnavbar {
	float:left;
	width:100%;
	max-width:240px;
	display:inline-block;
	z-index:3;
	position:relative;
	margin-left:20px;
	margin-right:15px;


}


.newcatleftnavbar ul {
list-style:none;
padding:0;
z-index:4;
}

.newcatleftnavbar li {
z-index:5;
}
.newcatleftnavbar a, .newcatleftnavbar a:visited {
	color:#ffffff;	
	background-color:#3254a5;
	display:block;
	min-height:30px;
	color:#ffffff;
	font-size:17px;
	text-align:left;
	padding-left:10px;
	padding-top:7px;
	margin-bottom:5px;
	margin-left:0px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	width:210px;
	text-shadow:none;
	box-shadow: 0px 2px 15px #000000;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border:2px solid #000000;
	z-index:6;
}
.newcatleftnavbar a:hover {
background-color:#009900;	
}

.newcatleftsubslctd {
background-color:#009900;
width:100%;
max-width:220px;
border:0px;
margin-bottom:10px;
margin-top:10px;
box-shadow: 0px 2px 15px #000000;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border:2px solid #000000;
padding-bottom:15px;
font-weight:bold;
border-radius:7px;
padding-top:7px;
}

.newcatleftsubslctd div a {
border:0px;
background-color:#009900 !important;
box-shadow:none;
}
.newcatleftsubslctd div a:hover {
background-color:#cccccc !important;
color:#000000;
}


.newcatleftsubslctd span a, .newcatleftsubslctd span a:visited {
border:0px;
background-color:#009900;
box-shadow:none;
}

.newcatleftsubslctd span a:hover {
color:#000000;
background-color:#cccccc;
}

.newcatleftsubslctd ul {
margin-left:15px;
}
.newcatleftsubslctd li {
font-weight:normal;	


}
.newcatleftsubslctd li a {
font-size:15px;
width:100%;
max-width:195px;
border:0px;
box-shadow: 0px 1px 0px darkgray;

}

.newcatleftsubsubslctd, .newcatleftsubsubslctd span, .newcatleftsubsubslctd a {
	background-color:#cccccc !important;	
	color:#000000 !important;
	font-weight:bold;
	position:relative;
	top:-1px;
}




/*end newcat*/

/*newcrn*/

.crncover {

    border-radius:2px;
    
}
.crncover h1 {
color:#ffffff;
font-size:32px;
text-align:center;
border-radius:3px;
display:inline-block;
margin-bottom:0px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:12px;
box-shadow: 0px 2px 10px #000000;
letter-spacing:2px;
line-height:100%;
background-color:#000000;
background: rgb(11, 12, 6);background: rgba(11, 12, 6, .7);	
box-sizing: border-box;	
}
.crncover .stmpimg {
	border-radius:3px;
	box-shadow: 0px 2px 10px #000000;
	margin-left:15px;
	margin-bottom:20px;
	margin-top:7px;
}
.crncontainer {
	width:100%;
	max-width:995px;
	margin:auto;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:10px;
}
.crnheader {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	padding:20px;
	padding-top:5px;
	color:#ffffff;
	text-align:center;
	background: rgb(11, 12, 6);background: rgba(11, 12, 6, .7);	
	box-sizing: border-box;	
	border-radius:7px;
}
.crnheader div {
	text-align:left;
	margin-top:10px;
}
.crnrelatedbght {
margin-top:10px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;border:1px solid #cccccc;border-radius:7px;box-sizing: border-box;
}
.crnrelatedbght div span {
font-size:16px !important
}


.crndesc17container {
	width:100%;
    position:relative;
    left:0px;
    border:0px;
}
.crndesc17contents {

    border:0px;
    padding:0px;
    margin:0px;

}
.crndesc17gradient, .crncat17gradient {
    position:absolute;
    z-index:2;
    right:0; bottom:0; left:0;
    height:200px; /* adjust it to your needs */
	width:100%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 95%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(95%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%);
}

.crncat17gradient {
	height:30px;
}


.crntopspacer {
	clear:both;	
}
.stlbg, .newcathdr {
	margin:auto;
	min-height:85px;
	width:100%;
	background:url(https://m.universalclass.com/15/bg/ltgrybg975x360.jpg) left top no-repeat;
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 5px 10px #888888;
	max-width:990px;
	min-height:105px;
}

.stlbgblue {
	margin:auto;
	min-height:85px;
	width:100%;
	background: rgb(2,0,36);
	background: linear-gradient(140deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 5px 10px #888888;
	max-width:990px;
	min-height:105px;
}

.newcathdr {
	
}

.stlbg img {
	border-radius:7px;
	box-shadow: 0px 2px 10px #000000;
	margin-left:15px;
	margin-bottom:20px;
	margin-top:7px;
}

.stlbg h1, .stlbg h2, .stlbg h3, .newcathdr h1, .stlbg h5, .newcatpicbanner h1, #stlbghdr h4  {
color:#ffffff;
font-size:37px;
text-align:center;	
border-radius:8px;
background:url(https://m.universalclass.com/maskbg.png) left top repeat;
display:inline-block;
margin-bottom:0px;
margin-top:7px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
padding-top:12px;
box-shadow: 0px 2px 10px #000000;
letter-spacing:2px;
line-height:100%;

}
.newcathdr h1 {
font-size:50px !important;
}
.crncolumns, .crnjoincolumns {
display:flex;
justify-content: center;	
align-items:center;
text-align:center;
}

.crnjoincolumns {
	margin:auto;
	max-width:500px;
	min-width:300px;
}
.crncolumn1 {
width:555px;
height:185px;

}
.crncolumn2 {
margin-left:5px;
width:425px;
text-align:center;
}

.crnpricebox, .crnpriceboxgone {

	letter-spacing:-1px;
	width:100%;
	max-width:120px;
	min-width:120px;
	height:100%;
	max-height:155px;
	padding:10px;
	margin-top:8px;
	margin-left:0px
	overflow:hidden;
	text-align:center;
	font-size:35px;
	color:#ffffff;
	background-color:#29a44d;
	border-radius:7px;
	box-shadow: 0px 2px 30px #000000;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
}

.crnpriceboxgone {
	box-shadow:none;
	background-color:transparent;	
}

.crndollarsign {
display:inline-block;
font-size:25px;
font-weight:normal;
position:relative;
top:-5px;
left:-2px;
}
.crnjoinbox {	
	border-radius:8px;
	width:100%;
	min-width:200px;
	max-width:240px;
	height:100%;
	max-height:155px;
	padding:10px;
	margin:auto;
	overflow:hidden;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	color:#ffffff;
	box-shadow: 0px 2px 10px #000000;
	display:inline-block;
}
.crnjoinboxstart {
	font-size:22px;
}
.crnjoinboxstart span {
	font-size:17px;
}
.joinclassbutton {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
}
.joinclassbutton .spobutton {
	font-size:22px;
}
.crntakingmultiple {
	font-size:16px;
	line-height:125%;	
}
.crntakingmultiple span {
	font-size:15px;
}

.crnsearchinput {
	border:2px solid #cccccc;
	border-radius:7px;
	height:30px;
	width:270px;
	padding-left:3px;
	box-shadow: 0px 0px 5px #cccccc;
	font-size:17px;
}
.crnsearchbtn {
	margin-left:0px;
	background-color:#137598;
	color:#ffffff;
	width:57px;
	height:38px;
	border-radius:5px;
	border:1px solid #cccccc;
	cursor: pointer;
	box-shadow: 0px 0px 5px #cccccc;
	font-size:17px;
	-webkit-appearance: none;
}
.crnsearchbtn:hover {
	color:#000000;
	background-color:#ffffff;
}

.crnjoincolumns {
	flex-wrap: wrap;
	text-align:center;
	justify-content:center;
}

.crntallybox {
clear:both;
min-height:100px;
margin:0px;
padding:0;

}

.crntallybox ul {
text-align:center;	
clear:both;
list-style:none;
padding:0;
margin:0px;
}

.crntallybox li {
/*	margin-left:auto;margin-right:auto;*/
	padding:10px;
	padding-top:30px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	overflow:hidden;
	width:100px;
	height:60px;
	text-align:center;
	font-size:62px;
	color:#ffffff;
	background-color:#1b4376;
	border-radius:2px;
	box-shadow: 0px 2px 30px #000000;
	display:inline-block;
	letter-spacing:-1px;
}
#lcnt, #acnt, #hcnt, #ccnt, #scnt {
margin-top:-7px;
}

.crntallyboxlbl {
	display:block;
	position:relative;
	top:10px;
	font-size:15px;
	text-align:center;
	letter-spacing:0px;
	line-height:100%;
	height:32px;
	width:100%;
	text-align:center;
	
}
.crntallyboxlbl div {
	display:table-cell;
	vertical-align:middle;
	width:100px;
	height:32px;
	text-align:center;
}
.crntallybox span {
display:block;
font-size:12px;
}
.crntallybox div {
margin:0px;
margin-bottom:5px;
padding:0px;
text-align:center;
}

.crntallyvideo {
background-image: url("https://m.universalclass.com/15/video65x60.png");
background-position: 50% 10%;
background-repeat: no-repeat;
}


.crnfreetext, .crndescription {
	width:100%;
	margin:0px;
	padding:0px;
	padding-bottom:30px;
	font-size:18px !important;
	box-sizing: border-box;
}

.crnfreetext img {	box-shadow: 0px 0px 15px #888888;border-radius: 7px;margin:7px;-webkit-animation:fadeIn 2s linear;
	animation:fadeIn 2s linear;}

.crnfreetext div, .crnfreetext p, .crnfreetext span, .crnfreetext li, .crnfreetext strong, .crnfreetext u, .crnfreetext em, .crnfreetext font, .crnfreetext strong font, .crnfreetext strong span   {
	font-size:18px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	line-height:140% !important;
}
.crnfreetext b {
	color:blue !important;
	font-size:18px !important;
}

.crnfreetext strong {
	color:green !important;
	font-size:18px !important;
}

.crnfreetext em {
	color:#000000 !important;
	font-size:18px !important;
}

.crnfreetext i {
	font-size:18px !important;
}

.crnfreetext u {
	color:red !important;
	font-size:18px !important;
}

.crnfreetext ul, ol {
	margin:auto !important;
	width:80% !important;
	margin-top:20px !important;
	margin-bottom:20px !important;
}
.crnfreetext li a {
	color:#000000 !important;
}


/*
.crnfreetext ol {margin:auto;text-align:left;border-radius:7px;background-color:#ffcc99;padding-top:10px;padding-bottom:10px;box-shadow: 0px 0px 5px #888888;margin-top:20px;margin-bottom:10px;}
.crnfreetext ul {margin:auto;text-align:left;border-radius:7px;background-color:#99ccff;padding-top:10px;padding-bottom:10px;box-shadow: 0px 0px 5px #888888;margin-top:20px;margin-bottom:10px;}
*/
.crnfreetext ol {margin:auto;text-align:left;;padding:2px;}
.crnfreetext ul {margin:auto;text-align:left;padding:2px;}

.crnfreetext li {margin-left:11px;padding:5px;background-color:transparent !important;}
.crnfreetext li span, .crnfreetext li b, .crnfreetext li strong, .crnfreetext li i, .crnfreetext li em {color:#000000 !important;background-color:transparent !important;}
.crnfreetext table {margin:auto !important;}
.crnfreetext td {padding:10px;}

.crnmiddleblurb {
	 width:450px;
	 border:3px double #888888;
	 padding:7px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:12px;
	 background-color:#ffffff;
	 border-radius:5px;
}


.crndescription p, .crndescription div, .crndescription span, .crndescription strong, .crndescription li, .crndescription strong, .crndescription em, .crndescription u, .crndescription font {
	font-size:20px !important;	
}
.crndescription img {
	border-radius:10px;
	padding:0px;
	margin:7px;	
	box-shadow: 0px 0px 15px #000000;

}
.crnmiddleblurb {
	 width:450px;
	 border:3px double #888888;
	 padding:7px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:12px;
	 background-color:#ffffff;
	 border-radius:5px;
}
.crndesccolumn1 {
float:left;
background-color:#ffffff;
margin-top:20px;
margin-left:10px;
margin-right:0px;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
width:62%;
border-radius:3px;
box-shadow: 0px 1px 45px #cccccc;
overflow:hidden;
}
.crndesccolumn2 {
float:right;
width:30%;
overflow:hidden;
}

.crnckmarklist {
padding:7px;
margin-top:0px;

}
.crnckmarklist img {
border:0px !important;
box-shadow:none !important;
margin:0px !important;
padding:0px !important;
}
.crnckmarklist ul {
 list-style:none;
padding:0;
}
.crnckmarklist li {
	min-height:36px;
	color:#ffffff;
	font-size:19px;
	background: url("https://m.universalclass.com/14/clss/checkmark27x23.png") no-repeat no-repeat 5px 9px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-top:9px;
	margin-bottom:30px;
	margin-left:5px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	width:210px;
	background-color:#22B14C;
	box-shadow: 0px 2px 10px #cccccc;
	border-radius: 2px;
	border:2px solid #22B14C;
	
}
.crnckmarklist img {
	margin-left:20px;margin-top:0px;box-shadow: 0px 1px 10Px #000000;border-radius:3px;
}

.crnmoreinfocert {
	float:left;width:25%;
	text-align:center;
}
.crnmoreinfoachievements {
	float:right;
	width:65%;
	margin-bottom:0px;
}
.crnmoreinforesumeleft {
	float:left;width:65%;text-alight:left;margin-top:35px;
}
.crnmoreinforesumeright {
 float:right;width:33%
}

.crnmoreinfolist {
padding:7px;
margin-top:0px;
clear:both;
width:90%;
margin-left:auto;
margin-right:auto;
position:relative;
top:-25px;
}

.crnmoreinfolist ul {
list-style:none;
padding:0;
}
.crnmoreinfolist li {
	min-height:36px;
	color:#ffffff;
	font-size:19px;
	background: url("https://m.universalclass.com/14/clss/checkmark27x23.png") no-repeat no-repeat 5px 9px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-top:7px;
	padding-right:7px;
	padding-bottom:7px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	border:0px;
	display:block;
	overflow:normal;
	width:90%;
	background-color:#028ec1;
	box-shadow: 0px 2px 15px #cccccc;
	border-radius: 3px;
	border:2px solid #028ec1;
}

.crnlonglesson {
	margin:0px !important;
	font-size:17px !important;
}
.crnlonglesson h4 {
	font-size:22px !important;
	display:inline-block;
	vertical-align:middle;
}
.crnlonglesson img {
border:0px !important;
border-radius:0px !important;
box-shadow:none !important;	
padding:0px;
margin:0px;
opacity: 0.7 !important;
}
.crnlonglesson ul {
margin:0px!important;
margin-left:20px !important;
list-style:none !important;
padding:0px !important;
}
.crnlonglesson li {
padding:0px !important;
margin:0px !important;
margin-bottom:7px !important;
}
.crnlonglessonpnts {
	display:inline-block;
	width:12%;
	padding:0px;
	margin:0px;
	vertical-align:middle;
	border:1px solid #cccccc;
	font-size:25px;
	text-align:center;
	height:50px;
	vertical-align:middle;
	padding-top:15px;
	border-radius:7px;
	overflow:hidden;
}
.crnlonglessonpnts span {
	font-size:12px;
	display:block;
	text-align:center;
}
.crnlonglessonttlpnts {
	font-size:25px;
	text-align:center;
	padding:20px;
	width:40%;
	height:40px;
	border:1px solid #cccccc;
	border-radius:7px;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	overflow:hidden;
	background-color:#cccccc;	
	box-shadow:0px 0px 10px #cccccc;

}
.crnlonglessonttlpnts div {
	font-size:15px;
	margin:0px;
	margin-top:3px;
	padding:0px;
	line-height:100%;
}
.crnmoreinfolist span {
margin:0px;
padding:0px;
display:table-cell;
height:36px;
vertical-align: middle;
}
.crncatlistleft {
	padding-top:10px;margin-left:20px;float:left;width:25%;
}
.crncatlistright {
	padding:10px;float:left;width:68%;margin-top:15px;
}

.crncatlist ul, subnav ul {
list-style:none;
padding:0;	
}

.crncatlist li {
}
.crncatlist a, .crncatlist a:visited, .subnav a, .subnav a:visited {
	color:#ffffff;	
	background-color:#3254a5;
	display:block;
	min-height:30px;
	color:#ffffff;
	font-size:17px;
	text-align:left;
	padding-left:10px;
	padding-top:7px;
	margin-bottom:5px;
	margin-left:0px;
	border:0px;
	vertical-align:middle;
	display:block;
	overflow:normal;
	width:210px;
	text-shadow:none;
	box-shadow: 0px 2px 15px #000000;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border:2px solid #000000;

}
.crncatlist a:hover, .subnav a:hover {
background-color:#22B14C;	
}

.subnav ul {
max-width:740px !important;
margin:auto !important;
padding-bottom:50px !important;
padding-top:20px !important;
}

.subnav li {
display:inline-block !important;
}

.subnav a, .subnav a:visited {
	padding-left:10px;
	padding-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	
}

.crnrmipix {
text-align:center;	
}
.crnrmipix img {
	display:inline-block;
	margin:30px;
	box-shadow: 0px 2px 30px #000000;
}
.crnratings {
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
.crnratings img {
box-shadow:none;	
}







.crnoutcomeinfo ul, .newcatwhyuc ul {
	font-size:16px;
	width:90%;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:20px;
	margin:auto;
	text-align:center;
	
}

.crnoutcomeinfo li, .newcatwhyuc li {
	min-height:36px;
	background: url("https://m.universalclass.com/14/clss/assignmenticon25x28.png") no-repeat 5px 9px;
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:5px;
	margin-bottom:20px;
	margin-left:5px;
	margin-right:25px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	width:100%;
	max-width:320px;
	display:inline-block;
	background-color:#DCDCDC;
	text-shadow:none;
	box-shadow: 0px 2px 15px #DCDCDC;
	border-radius: 3px !important;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:2px solid darkgray;
	color:#000000;
}

.crnoutcomeinfo span, .newcatwhyuc span {
	display:table-cell;
	vertical-align:middle;
	width:100%:
	height:100%;
	padding:5px;
}






.crnoutcomeinfo a, .newcatwhyuc a, .crnoutcomeinfo a:visited, .newcatwhyuc a:visited {
color:#000000;
text-decoration:underline;
}

.crnbooks ul, .rltdartcls ul {
	font-size:18px;
	width:100%;
    list-style-type: none;
}

.crnbooks li, .rltdartcls li {
	min-height:36px;
	background: url("https://m.universalclass.com/14/clss/globe24x24.png") no-repeat 5px 9px;
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-top:7px;
	margin-bottom:20px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	width:70%;
	background-color:#22B14C;
	text-shadow:none;
	box-shadow: 0px 2px 15px #000000;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border:2px solid #22B14C;
}
.crnbooks li a, .rltdartcls li a {
	color:#ffffff;
	display:block;
	padding:3px;
}
.crnbooks li:hover, .rltdartcls li:hover {
	background: url("https://m.universalclass.com/14/clss/globebw24x24.png") no-repeat 5px 9px;
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.crnbooks li:hover a, .rltdartcls li:hover a {
	background-color:#ffffff;
	color:#000000;
}

.crnbooks li a:hover, .rltdartcls li a:hover {
	background-color:#ffffff;
	color:#000000;
}


.crnlessons, .crnrelatedcourses, .crnoutcomeinfo, .crnaddtnlinfo, .crnmorecourses {
background-color:#ffffff;
margin:auto;
margin-top:20px;
margin-bottom:20px;
padding-left:20px;
padding-right:20px;
border-radius:3px;
box-shadow: 0px 1px 45px #cccccc;
width:95%;
max-width:995px;
box-sizing: border-box;
}
.crnlessons h3 {
	color:#8f8b8a;	
	font-size:25px;
}
.crnlessons h4 {
	font-size:17px;
	margin:0px;
}
.crnlessons ul {
	margin-left:-30px;
	margin-right:10px;
    list-style-type: none;

}
.crnlessons li {
	margin-bottom:20px;	
}


.crntabsection {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}


.crntestimonials ul {
list-style:none;
padding:0;
}

.crntestimonials li {
	min-height:80px;
	font-size:21px;
	background: url("https://m.universalclass.com/15/icons/tstmnlicon95x75.png") no-repeat no-repeat 5px 9px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:115px;
	padding-top:7px;
	padding-bottom:10px;
	padding-right:10px;
	margin-bottom:30px;
	margin-left:30px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	width:82%;
	color:#000000;

}
.crntestimonials span {
width:100%;
display:table-cell;
height:80px;
vertical-align: middle;

}
.crntestimonials a {
width:100%;
display:table-cell;
height:80px;
vertical-align: middle;
font-size:21px;
font-weight:normal
}
.crntestimonials a b {
font-weight:normal
}

/*end newcrn*/



.crnclosedcourse {
	margin-top:20px;
	margin-right:20px;
	width:325px;
	border:3px double #000000;
	padding:7px;
	font-size:19px;
	font-weight:bold;
	text-align:center;
}

.videoWrapper {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}

.videoWrapper iframe {
	position:absolute;top:0;left:0;width:100%;height:100%;
}

.crnvideobox {
	margin-bottom:25px;
	text-align:center;
}
.crnvideobox545 {
	padding-left:15px;
	position:relative;
	left:-10px;
	width:640px;
	height:360px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
.crnvideobox425 {
	padding-left:11px;
	position:relative;
	width:425px;
	height:318px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.crnvideobox650 {
	padding-left:11px;
	position:relative;
	left:-10px;
	width:640px;
	height:360px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
.crndescnovdo {
	position:relative;
	width:100%;

}

.crnaddtnlinfo img {
	border-radius:3px;
	box-shadow: 0px 5px 10px #888888;
	display:inline-block;
	margin:20px;
}
.crnaddtnlinfotable div {
	padding:7px;
	border-bottom:1px dotted #cccccc;
	font-weight:bold;
}
.crnaddtnlinfotable span {
	font-weight:normal;
	padding-bottom:7px;
}

.gradetable {margin:auto;width:97%;}
.gradetable td 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	padding:4px;border-bottom:dotted 1px #cccccc;
}


.rdsegment1 {
background-image: url(https://m.universalclass.com/14/platinum/bluebubblebg1024x325.jpg);background-repeat: no-repeat;background-size: 100% 100%;
}
.rdsegment1 div {
text-align:center;color:#ffffff;font-size:35px;padding:20px;margin-top:30px;
}
.rdsegment2 {
width:100%;height:325px;
}	
.rdsegment2floatleft {
font-size:40px;line-height:140%;width:60%;float:left;margin-top:30px;padding-left:20px;
}
.rdsegment2floatright {
width:35%;float:left;text-align:right;
}

.rdsegment3 {
clear:both;width:100%;text-align:center;background-image: url(https://m.universalclass.com/14/platinum/darkbg1025x375.jpg);background-repeat: no-repeat;background-size: 100% 100%;
}	
.rdsegment4 {
clear:both;width:100%;height:300px;margin-bottom:0px;
}
.rdsegment4floatleft {
margin-top:60px;margin-bottom:-60px;width:35%;height:100%;float:left;text-align:center;
}
.rdsegment4floatright {
font-size:32px;line-height:140%;width:60%;height:100%;float:left;margin-top:10px;padding-left:20px;
}
.rdsegment5 {
min-height:325px;clear:both;background-image: url(https://m.universalclass.com/14/platinum/bluechainbackground1024x325.jpg);background-repeat: no-repeat;background-size: 100% 100%;
}
.rdsegment5floatleft {
color:#ffffff;font-size:30px;line-height:125%;float:left;width:55%;padding:20px;
}
.rdsegment5floatright {
margin-top:40px;text-align:center;float:right;width:40%;text-align:center;color:#ffffff;
}
.rdsegment6 {
padding-left:7px;margin-top:30px;clear:both;
}	
.rdsegment7 {
clear:both;background-image: url(https://m.universalclass.com/14/platinum/darkbg1025x375.jpg);background-repeat: no-repeat;background-size: 100% 100%;color:#ffffff;
}	

.planbanner {
	text-align:center;
	padding:10px;
}
.planbanner h2 {
	font-size:25px;
	font-weight:bold;
	border-radius:4px;
	padding:7px;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	display:block
	line-height:110%;	
	color:#ffffff;
	margin:auto;
	width:90%;
	margin-bottom:5px;
}
.planbannertext {
	position:relative;
	top:-76px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-45px;
	color:#ffffff;
	text-align:center;
	width:528px;
	line-height:190%; 
}
.planbanner img {
	border-radius:10px;
	box-shadow: 0px 0px 8px 0px #e6e6e6; -webkit-box-shadow: 0 0 8px 0 #e6e6e6;
}
.planbannertext span {
	font-size:35px;
	font-weigth:bold;
	border-radius:4px;
	padding:7px;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	display:inline-block;
}
.planarea {
	color:#000000;
	width:100%;margin:auto;clear:both;min-height:400px;text-align:center;
}
.planarea td {
	text-align:left;
	font-size:14px;
	color:darkgray;
}
.planarea table {
margin-top:10px;
margin-bottom:10px;
}

.planbox {
	display:inline-block;height:600px;background-color:#ffffff;width:205px;margin:7px;text-align:center;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow: 0px 0px 8px 0px #e6e6e6; -webkit-box-shadow: 0 0 8px 0 #e6e6e6;
}
.planbox img {
	border:0px  !important;
	box-shadow:none  !important;
	padding:0px !important;
	margin:0px !important;

}
.planbox td img {
	border:0px !important;
	box-shadow:none !important;
	padding:0px !important;
	margin:0px !important;
}
.planhdr {
	border-top-left-radius:10px;border-top-right-radius:10px;margin:-1px;padding:20px;color:#ffffff;font-size:20px;

	background: linear-gradient(to left, rgba(0, 35, 102, 0.7), #052668);

}
.planinfo {
	padding:12px;font-size:15px;border-bottom:1px solid #cccccc;
}
.planpricing {
padding:15px;min-height:65px;margin-top:17px;
}
.plandollar {
font-size:55px;
}
.plandollarhalf {
font-size:35px;
}

.plandollarsignnew, .plandollarsign {
font-size:20px !important;position:relative !important;top:-22px !important;
}
.plandollarsignhalfnew, .plandollarsignhalf {
font-size:15px;position:relative;top:-10px;
}
.planoff {
margin-top:-20px;
padding-bottom:10px;
font-size:17px;
color:green;
text-align:center;
font-weight:bold;
}
.planbilltime {
	padding:7px;font-size:15px; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;
}
.planbtnbox {
padding:15px;
margin-top:-15px;
}
.planbutton {
	font-weight:bold;
	display:inline-block;
	font-size:21px;
	text-align:center;
	background-color:gold;
	color:#000000;
	padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 2px #cccccc;
}
.planbutton:hover {
	background-color:#48c7f3;
	color:#ffffff;
}
.planbubble {
	border-radius: 10px;
	border: 1px solid #cccccc;
	box-shadow: 3px 3px 5px #cccccc;
	background-color:#22B14C;
	padding:10px;
	color:#ffffff;
	width:640px;
	margin:auto;
	clear:both;
}
.planbubbleparrow {
	width: 0; 
	height: 0; 
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid #22B14C;
	position:relative;
	left:550px;
	top:-10px;
}
.mycbody {
	font-size:15px;
	width:85%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;	
/*	
border: 1px solid #cccccc;
	box-shadow: 0px 0px 2px #cccccc;
*/
	background-color:#ffffff;
}
.mycbody h1 {
	font-size:19px;
	color:#ffffff;background-color:#028ec1;
	border-radius:10px 10px 10px 10px;
	font-weight:bold;
	padding:10px;
	box-shadow: 0px 0px 5px #888888;
	margin-bottom:10px;

}
.mycbody h2 {
	text-align:center;
	font-size:17px;
	margin:auto;	
	color:#ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,424242+22,2c2c2c+38,292929+40,161616+57,070707+77,161616+97,070707+97,070707+99 */
background: rgb(67,67,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(66,66,66,1) 22%, rgba(44,44,44,1) 38%, rgba(41,41,41,1) 40%, rgba(22,22,22,1) 57%, rgba(7,7,7,1) 77%, rgba(22,22,22,1) 97%, rgba(7,7,7,1) 97%, rgba(7,7,7,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#070707',GradientType=0 ); /* IE6-9 */
	border-radius:10px 10px 10px 10px;
	font-weight:bold;
	padding:5px;
	box-shadow: 0px 0px 5px #888888;
	margin-bottom:10px;
	margin-top:10px;
}
.mycbody ul {
	margin-left:30px;
}
.myctitlebar {
	width:400px;
	position:relative;
	top:-7px;
	margin:auto;
	height:25px;
	left:20px;
}
.loginform {
	box-sizing: border-box;
	background-color:#ffffff;
	color:#000000;
	width:85%;
	margin:auto;
	padding:20px;
	margin-top:40px;
	border-radius:10px;
	border: 1px solid #cccccc;
	box-shadow: #000000 0px 0px 20px 0px;
}

.loginform a:link,
.loginform a:visited,
.loginform a:hover,
.loginform a:active {
    text-decoration: none;
    color:#000000;
	/* color: inherit;  Prevents any color change */
}

.form2020 a:link,
.form2020 a:visited,
.form2020 a:hover,
.form2020 a:active {
    text-decoration: underline;
    color:#3498db;
	/* color: inherit;  Prevents any color change */
}
.loginform h1 {
	font-size:29px;
	text-align:center;
	color:#969696;
}
.mycloginform {
	width:100%;
	max-width:700px;
	margin:auto;
	padding:1px;
	font-size:18px;
}
.mycloginform td {
	padding:4px;
}
.mycloginform input[type=text] {
	font-size:19px;
	padding:2px;
	height:35px;
	width:100%;
	max-width:270px;
	min-width:110px;
}
.mycloginform select {
	font-size:19px;
	padding:2px;
	height:35px;
}
.mycloginform input[type=password] {
	font-size:19px;
	padding:2px;
	height:35px;
	width:100%;
	max-width:270px;
	min-width:110px;
}
.mycloginform a {
	text-deocration:none;
	font-size:18px;
}
.mycloginform a:hover {
	color:#000000;
}


.tdsmalldata {
	font-size:14px;
}
.bolddata {
	font-weight:bold;	
}
.Sortbutton {font-size:15px;background: #0882b5;border: 2px solid silver;color: #FFFFFF;Font-family:sans-serif,Helvetica, geneva, Arial, Verdana;cursor: pointer;border-radius:3px;padding:7px;}
.hiddendiv {z-index:-2;border:0px;margin:0px;padding:0px;visibility:hidden;position:absolute;width:1px;height:1px;left:1px;}


/* add here 2015 */

.bgmaskblurb {	
	border-radius:8px;
	padding:7px;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	box-shadow: 0px 2px 30px #000000;
}

.tplstbg {
	margin:auto;
	width:100%;
	max-width:965px;
	min-height:160px;
	height:auto;
	background:url(https://m.universalclass.com/14/default/tplst/tplst1x1025x160.jpg) left top no-repeat;
	background-size: 100% 100%;
	border:0px;
	padding:0px;
	border-radius:8px;
}

.tplstcrn {
 font-size:25px;
 padding-bottom:20px;
 clear:both;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:70px;
 width:95%;
 text-align:left;
}

.tplstcrn span, .tplstcrn div, .tplstcrn p, .tplstcrn strong, .tplstcrn li, .tplstcrn u {
	font-size:25px !important;	
}

.tplstcrn a {
	font-size:35px !important;
}

.tplstcrn img {
	padding:0px;	
	border-radius:7px;
	margin-left:20px;
	float:right;
	box-shadow: 0px 2px 15px #000000;
}

.crncnt {
	border-radius:50%;
	display:inline-block;
	width:60px;
	height:60px;
	padding:5px;
	background-color:#0099cc;
	color:#ffffff;
	font-size:50px !important;

}
.crncnt div {
	margin-top:18px;
	margin-left:1px;
	text-align:center;
	font-size:50px !important;
}



/*CRN SLIDE SHOW 2017 */

.slidecontainer {
	width:100%;
	height:100%;
	max-width:945px;
	max-height:534px;
	position:relative;
	text-align:center;
	margin:auto;
}
.slidecontainer img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius:7px;
	box-shadow: 0px 3px 30px #000000;
	width:100%;
	height:auto;
	margin:auto;
}
.framecontainer {
	min-height:535px;
	/*background: url(https://m.universalclass.com/i/vdo/thmbnl/crn/8900158/1-1024x576.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;*/
	margin:0px;
	padding:0px;
}

.slideNav {
	z-index:9999;position:absolute;width:100%;margin:auto;top:40%;
}
.slideLeft {
	z-index:9999;font-size:20px;cursor:pointer;float:left;padding:10px;background-color:#004BFF;color:#ffffff;margin-left:30px;border-radius:7px;
	margin-top:30px;
	box-shadow: 0px 2px 30px #000000;
}
.slideMiddle {
	display:inline-block;
	width:70%;
	margin:auto;
	z-index:9999;
}
.slideRight {
	z-index:9999;font-size:20px;cursor:pointer;float:right;padding:10px;background-color:#004BFF;color:#ffffff;margin-right:30px;border-radius:7px;
	margin-top:30px;
	box-shadow: 0px 2px 30px #000000;

}
.captionbox {
	z-index:9999;
	padding:10px;
	background-color:#004BFF;
	color:#ffffff;
	border-radius:7px;
	box-shadow: 0px 2px 30px #000000;
	position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s;
	
}


.slideArrow {
	font-size:25px;cursor:pointer;padding:10px;background-color:#028ec1;color:#ffffff;border-radius:7px;
	font-weight:bold;
	box-shadow: 0px 2px 7px #000000;
	text-align:center;
	display:inline-block;
}
.slideArrow:hover {
	color:#028ec1;
	background-color:#ffffff;
}

.fadeslide {
	-webkit-animation:fadeIn 2s linear;
	animation:fadeIn 2s linear;
}
@-webkit-keyframes fadeIn{0%{opacity:0}50%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}50%{opacity:1}}

.fadeslideOut {
	-webkit-animation:fadeOut 2s linear;
	animation:fadeOut 2s linear;
}
@-webkit-keyframes fadeOut{0%{opacity:1}50%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}50%{opacity:0}}


.slideleft1{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.slideright1{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.slideTop{ position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{ from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{ from{top:-300px;opacity:0} to{top:0;opacity:1}}

.slideBottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.zoomOut {animation:animatezoomOut 0.3s}@keyframes animatezoomOut{from{transform:scale(1)} to{transform:scale(0.1);}}
.zoomIn {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1);}}

/* PopUp 2018-2025 */

/* The PopUp (background) */
.PopUp {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 65px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* PopUp Content
.PopUp-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 100%;
    max-width:640px;
    border-radius:2px !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    min-height:75px !important;
}
*/

.PopUp-content {
	background: #222;
	color: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	transform: scale(0.8);
	transition: transform 0.3s ease;
	position: relative;
    width: 100%;
    max-width:640px;
	min-height:75px !important;
    margin: auto;
    padding: 0;
    border: 1px solid #cccccc;
	box-sizing: border-box;
}

/* The ClosePopUpBttn Button */
.transparentdiv {
	opacity: 0.5;
}
.transparentdivremove {
opacity:1;	
}
.ClosePopUpBttn {
    color: #ffffff;
    float: right;
    font-size: 42px;
    font-weight: normal;
    text-align:right;
	border:1px solid transparent;
	margin-top:5px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	border-radius:50%;
}

.ClosePopUpBttn:hover,
.ClosePopUpBttn:focus {
    color: #cccccc;
    cursor: pointer;
    border:1px solid #eeeeee;
}

.PopUp-header {
    padding: 2px 16px;
	text-align:center;
 	box-sizing: border-box;
	display:flex;
}

.PopUp-header h2 {
	font-size:21px;
	margin:auto;
	padding:7px;

}
.PopUp-body {
	padding: 2px 16px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;	
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
/* Shimmer 2020 */

.shimmer {
	background: linear-gradient(60deg, #22b14c, #2d89ef);
	background-size: 4000% 4000%;

	-webkit-animation: shimmer 10s ease infinite;
	-moz-animation: shimmer 10s ease infinite;
	animation: shimmer 10s ease infinite;
}

@-webkit-keyframes shimmer {
	 0%{background-position:0% 50%}
	 50%{background-position:100% 50%}
	 100%{background-position:0% 50%}
}
@-moz-keyframes shimmer {
	 0%{background-position:0% 50%}
	 50%{background-position:100% 50%}
	 100%{background-position:0% 50%}
}
@keyframes shimmer { 
	 0%{background-position:0% 50%}
	 50%{background-position:100% 50%}
	 100%{background-position:0% 50%}
}


.bdloaderwrapper {
display:none;
z-index:101;
position:fixed;
top:220px;
left:50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
}
.myloaderwrapper {
z-index:99;
position:fixed;
top:120px;
left:50%;

/* bring your own prefixes */
transform: translate(-50%, -50%);
}

/* backdroploader */
.loaderBDwrapper {
position: fixed;
top: 320px;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
z-index:99;
}
.loaderBD {
border: 8px solid #cccccc;
border-radius: 50%;
border-top: 8px solid #ffffff;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}

/* popuploader */
.loaderPopwrapper {
position: absolute;
top: 180px;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
z-index:99;
}
.loaderPop {
border: 12px solid #f3f3f3;
border-radius: 50%;
border-top: 12px solid #3498db;
width: 80px;
height: 80px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}


.loaderwrapper {
position: fixed;
top: 320px;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
z-index:99;
}
.loader {
display:none;
/*	
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
*/
}

/*BEGIN Now Loading Icon*/
.loading-container {
    position: relative;
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:9999;
}
.loading-icon {
    width: 80px;
    height: 80px;
    background-image: url('https://m.universalclass.com/30/www/ucicon1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    animation: pulse 2s infinite ease-in-out;
}
.loading-circle {
    /* Empty div for additional effects if needed */
}
.sunburst {
	margin-right:15px;
    position: absolute;
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(255,255,0,0.6) 30%, rgba(255,255,0,0.1) 80%);
    border-radius: 50%;
    z-index: 9998; /* Ensures it's behind the loading icon */
    animation: sunburst-fade 2s infinite alternate ease-in-out;
}
/* Pulsing effect for the loading icon */
@keyframes pulse {
    0% {
        transform: scale(1);
        filter: brightness(100%);
    }
    50% {
        transform: scale(1.1);
        filter: brightness(150%);
    }
    100% {
        transform: scale(1);
        filter: brightness(100%);
    }
}

/* Improved sunburst animation */
@keyframes sunburst-fade {
    0% {
        transform: scale(1);
        opacity: 0.3;
    }
    100% {
        transform: scale(1.3);
        opacity: 0.8;
    }
}
/*END Now Loading Icon*/


/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.spinner {
  animation: rotation 1s linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-359deg);
  }
}


.ltbluebg, .certlisting1 {
	margin:auto;
	width:100%;
	background:url(https://m.universalclass.com/14/default/tplst/lightblue995x110.jpg) left top no-repeat;
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 2px 45px #000000;
	min-height:105px;
}
.ltbluebg img {
	border-radius:2px;
	box-shadow: 0px 1px 5px #000000;
	background-color:#ffffff;
	padding:5px;
	margin-right:20px;
	margin-top:7px;
}

.ltbluebg h1, .ltbluebg h2, .ltbluebg h3 {
color:#ffffff;
font-size:37px;
text-align:center;	
border-radius:8px;
background:url(https://m.universalclass.com/maskbg.png) left top repeat;
box-shadow: 0px 2px 10px #000000;
letter-spacing:2px;
line-height:100%;
padding:10px;
width:95%;
margin:auto;
margin-top:14px;
}

	
	
.crnview {
	background: rgba(0, 0, 0, 0.3);
	margin:auto;
	margin-bottom:30px;
	width:100%;
	max-width:730px;
	border-radius:2px;
	box-shadow:0px 0px 9px 0px;
}
.crnviewleft {
	display:inline-block;
	width:100%;
	max-width:530px;
	text-align:left;
}
.crnviewleft img {
	border:0px;border-radius:0px;margin:0px;padding:0px;box-shadow:none;width:100%;max-width:505px;height:auto;max-height:150px;
}
.crnviewleft a {
	position:relative;
	top:-20px;
	left:-10px;
}
.crnviewgradbox {
	display:flex;
	align-items:center;
	align-content:center;
	text-align:center;
	margin:auto;
	max-width:340px;	
	position:relative;
	top:-20px;
	margin-top:-20px;
}
.crnviewgradbox a {
	position:static;
	top:0px;
	left:0px;	
}

.crnviewright {
	vertical-align:top;
	display:inline-block;
	width:25%;
	text-align:center;

}
.crnviewtitle {
	padding:8px;
	background-color:#39538c;
	width:100%;
	max-width:512px;
	border-radius:2px 0px 0px 0px;
	box-shadow:#414a4c 0px 2px 15px 0px;
	display:block;
	text-align:left;
	color:#FFFFFF;
	font-size:25px;	
	cursor:pointer;
}
.crnviewbgimage {
	background-repeat: no-repeat;
	vertical-align:bottom;
	max-width:528px;
	width:100%;
	border-radius:0px;
	text-align:right;
	font-size:30px;
	box-shadow:#414a4c 0px 0px 10px 0px;
	min-width:100px;
}

.crnviewrightcntr {
	height:210px;width:165px;display:table-cell;vertical-align:middle;text-align:center;	
}
.crnviewonly {	
	padding:10px;margin:auto;margin-top:10px;overflow:hidden;width:90px;height:75px;text-align:center;font-size:24px;color:#ffffff;background-color:#5c7caf;border-radius:7px;box-shadow: 0px 2px 20px #000000;display:inline-block;letter-spacing:-1px;text-align:center;
}
.crnviewonly img {
	margin:auto;padding:0px;margin-top:7px;border:#000000;box-shadow:#cccccc 0px 0px 5px 0px;background-color:#ffffff;
}
.crnviewonlylabel {
	box-shadow:#000000 0px 0px 5px; 0px;
	border-radius:3px;
	color:#ffffff;
	width:80%;
	margin:auto;
	margin-top:20px;
}
.crnviewlssnbx1 {
	padding:10px;margin:auto;margin-top:12px;margin-bottom:10px;overflow:hidden;width:110px;height:55px;text-align:center;font-size:62px;color:#ffffff;background-color:#39538c;border-radius:7px;box-shadow: 0px 2px 20px #000000;display:inline-block;letter-spacing:-1px;
}
.crnviewlssnbx1cnt {
	font-size:55px;margin-bottom:5px;padding-bottom:3px;margin-top:7px;
}
.crnviewlssnbx1cntlabel {
	font-size:11px;letter-spacing:0px;text-align:center;
}
.crnviewlssnbx2 {
	padding:10px;margin:auto;overflow:hidden;width:120px;height:75px;text-align:center;font-size:62px;color:#ffffff;background-color:#5c7caf;border-radius:7px;box-shadow: 0px 2px 20px #000000;display:inline-block;letter-spacing:-1px;margin-bottom:7px;
}
.crnviewlssnbx2cnt {
	font-size:75px;margin-bottom:5px;padding-bottom:12px;margin-top:15px;
}
.crnviewlssnbx2cntlabel {
	font-size:15px;letter-spacing:0px;text-align:center;
}


.innerborder1 {	
	width:100%;
/*
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	min-height:85px;
	background:url(https://m.universalclass.com/15/lp/lpbggdnt975x360.jpg) left top no-repeat;
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 5px 10px #888888;
*/
}
.innerborder2 {
	width:100%;
	padding:0px;
/*
	border-radius:0px;
	box-shadow:0px 0px 7px 0px;
	width:97%;
	margin:auto;
	background-color:#ffffff;
	min-height:500px;
*/
}

.rdForm {clear:both;}
.rdForm span {
	display:inline-block;
	width:40%;
	text-align:right;
	min-width:200px;	
}
.rdForm div {
	padding:5px;
	margin:auto;
	
}
.rdForm h1, h2 {
font-size:25px;
}
.rdForm select {
	font-size:19px;
}
/*FrontDrop*/
/* The FrontDrop (background) */
.FrontDrop {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 8887; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
	height:100%;
    overflow: none; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* FrontDrop Content */
.FrontDrop-content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 0;    
    width: 97%;
    max-width:1075px;
    min-height:640px;
    margin-top:70px;
    overflow:hidden;
}
.FrontDrop-content-filled {
	background-color:#ffffff;	
}
/* Add Animation */
@-webkit-keyframes animatetopBD {
    from {top:-1700px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetopBD {
    from {top:-1700px; opacity:0}
    to {top:0; opacity:1}
}
.FrontDropWindow {
	box-sizing: border-box;
	background-color:#ffffff;
	color:#000000;
}
.FrontDropWindow a:link,
.FrontDropWindow a:visited,
.FrontDropWindow a:hover,
.FrontDropWindow a:active {
    text-decoration: underline;
    color:#000000;
	/* color: inherit;  Prevents any color change */
}

/*BackDrop*/
/* The BackDrop (background) */
.BackDrop {
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 8888; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
	height:100%;
    overflow: none; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* BackDrop Content */
.BackDrop-content {
    position: relative;
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
    margin: auto;
    padding: 0;
    border: 1px solid #000000;
    width: 100%;
    height:100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

}

/* Add Animation */
@-webkit-keyframes animatetopBD {
    from {top:-1700px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetopBD {
    from {top:-1700px; opacity:0}
    to {top:0; opacity:1}
}

/* BackDrop Interface/PopUp */
.bdtitlebar {
	height:40px;
	text-align:center;
	vertical-align:middle;
	width:100%;
	margin:auto;
	position:relative;
	display:flex;
	align-items: flex-start;
	justify-content:flex-start;
	color:#ffffff;
}
.bdtitlebarleft {
	width:30%;
	text-align:left;
	margin:0px;
	padding:0px;
}
.bdtitlebarmiddle {
	font-size:24px;
	overflow:hidden;
	width:40%;
}
.bdtitlebarright {
	width:30%;
	text-align:right;
    font-size: 35px;
    font-weight: 100;
    color: #ffffff;
	white-space: nowrap;
	display:flex;
	justify-content:flex-end;
	align-items:flex-start;
}
.BackDropBttnDownload {
	text-align:center;
	cursor:pointer;
	color:#ffffff;
	width:45px;
	height:42px;
	padding:3px;
}
.BackDropBttnDownload a {
	color:#ffffff;
	display:inline-block;
	width:100%;
	border:0px;
}
.BackDropBttnDownload img {
	height:30px;
	width:auto;
	border:0px;
}
.BackDropBttnSettings {
	text-align:center;
	cursor:pointer;
	width:45px;
	height:42px;
	padding:3px;
	padding-left:7px;
}
.BackDropBttnSettings img {
	height:30px;
	width:30px;
	border:0px;
}
.BackDropBttnClose {
	text-align:center;
	width:45px;
	height:42px;
	padding:3px;
	margin-left:7px;
	font-size:35px;
	color:#ffffff;
	position:relative;
	top:-3px;


}
.BackDropBttnReturn {
	margin:0px;
	padding:0px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
}
.BackDropBttnReturn button {
	border:0px;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:40px;
	position:relative;
	max-height:62px;	
	color:#ffffff;	
	position:relative;
	top:-5px;
}
.BackDropBttnClose:hover,
.BackDropBttnClose:focus {
    cursor: pointer;
}

.BackDrop-header {
	padding:0px;
	margin:0px;
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.BackDrop-body {
	padding:0px;
    overflow-y: auto;	
}
.closebackdropwin {
	max-width:1200px;border:1px solid #ffffff;width:85%;min-width:300px;margin:auto;padding:20px;min-height:400px;
}
	
	.bdmenu {
		color:#ffffff;			
		margin:auto;
		width:100%;
		max-width:640px;		
	}	
	.bdmenu ul {
		width:100%;
		list-style-type:none;
		padding:0px;
		margin:auto;
		text-align:center;
		display:flex;
		align-items:center;
		align-content:center;
		flex-wrap: wrap;	
	}
	.bdmenu li {
		width:45%;
		margin:auto;
		margin-bottom:20px;
		max-width:235px;
		height:105px;
		border:1px solid #ffffff;
		padding:7px;
		text-align:center;
		font-size:22px;
		vertical-align:middle;
		background-color:#44494e;
    	background-color: rgba(68,73,78,0.4); /* Black w/ opacity */		
	
	}
	.bdmenu li a, .bdmenu li button {

		color:#ffffff;
		font-size:22px;
		width:100%;
		height:100%;
		display:block;
		cursor:pointer;

	}
	.bdmenu li:hover {
		background-color:#106ebe;
	}

	.bdmenuinfo {
		font-size:15px;
		width:100%;	
		height:100%;
		max-height:70px;
		display:flex;
		align-items:flex-end;
		align-content:center;

	}
	.bdmenuinfo span {
		padding:3px;
	}


	.bdspanleft {

		width:50%;
		text-align:left;
		display:block;
	}

	.bdspanleft img {
		position:relative;
		top:3px;
		height:20px;
		width:auto;
	}

	.bdspanright {

		display:block;
		text-align:right;
		width:50%;


	}
	.profilehdr {
		font-size:17px;
		color:#ffffff;
		vertical-align:middle;
		text-align:center;
		width:100%:
		display:block;
		padding-top:7px;
		padding-bottom:15px;
	}
	.lftarea img {
		height:22px;
		width:auto;
		position:relative;
		display:inline-block;
		top:3px;
		cursor:pointer;
	}
	.rgtarea img {
		height:14px;
		width:auto;
		position:relative;
		display:inline-block;
		top:2px;
		cursor:pointer;
		
	}
	.lftarea, .rgtarea   {
		display:inline-block;
		width:45%;

	}
	
	.lftarea {
		text-align:left;
	}
	.rgtarea {
		text-align:right;
		font-size:15px

	}
	.rgtarea span {
		display:inline-block;
		background-color:#00a300;
		padding:3px;
		padding-right:7px;
		padding-left:7px;
		cursor:pointer;
	}

	.certlisting ul, .bdcertlisting ul {
		width:100%;
		list-style-type:none;
		padding:0px;
		margin:auto;
		text-align:center;
		vertical-align:middle;
	}
	.certlisting li, .bdcertlisting li {
		display:inline-block;
		width:235px;
		height:115px;
		border:1px solid #ffffff;
		padding:7px;
		margin:11px;
		text-align:center;
		vertical-align:middle;
		background-color:#106ebe;
		color:#ffffff;
		font-size:15px;
    	/*background-color: rgba(68,73,78,0.4); */
		line-height:100%;	
		cursor:pointer;		
	}
	.certlisting li {
		border:1px solid #cccccc;
		background-color:#ffffff;
		color:#000000;
	}

	.certlisting li a, .bdcertlisting li a {
		color:#ffffff;
		font-size:15px;
	}
	.certlisting li a {
		color:#000000;
		font-size:15px;
	}

	.bdcertlisting li:hover, .bdcertlisting li:hover a {
		background-color:#44494e !important ;
		color:#ffffff !important ;
	}
	.certlisting li:hover, .certlisting li:hover a {
		background-color:lightblue !important ;
		color:#ffffff !important ;

	}

.certbadgeitem {
 background-color:#ffffff !important;border:1px solid #cccccc !important;
}
.certbadgeitem:hover, .certbadgeitem li:hover, .certbadgeitem li:hover a {
	color:#ffffff !important;
	background-color:#b91d47 !important;
}
.certbadge {
height:70px;vertical-align:middle;
}
.certbadge img {
filter: invert(50%);width:70px;height:auto;
}

.certtitle {
color:#000000;height:47px;vertical-align:middle;display:table-cell;width:100%;margin:auto;width:235px;
}





	.contactlisting {
		color:#ffffff;			
		margin:auto;
		width:95%;	

	}	
	.contactlisting ul, .addcontactlist ul {
		width:100%;
		list-style-type:none;
		padding:0px;
		margin:auto;
		text-align:center;
		vertical-align:middle;
	}
	.contactlisting li {
		display:inline-block;
		width:175px;
		height:120px;
		overflow:hidden;
		border:1px solid #ffffff;
		padding:7px;
		margin:11px;
		text-align:center;
		font-size:17px;
		vertical-align:middle;
		background-color:#44494e;
    	background-color: rgba(68,73,78,0.4); /* Black w/ opacity */		
		border-radius:3px;	
		cursor:pointer;
	}

.contactlisting li img, .addcontactlist li img {
	border-radius:7px;
	margin:auto;
	padding:0px;
  display: inline-block;
/*	width:100%;
	height:auto; */ 
   height:85px; 
  width: auto; 
}
.contactlisting li div {
	display:inline-block;
	height:90px;
	width:95%;
	margin:auto;
	overflow:hidden;
}
.contactlisting li span {
	font-size:15px;
	color:#ffffff;
	display:inline-block;
}
/* DBIconMenu 2019-2021 */

.dbicon {
	cursor:pointer;
	display:inline-block;
	height:165px;
	width:145px;
	text-align:center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	margin:20px;
}
.dbicon div {
	width:145px;
	height:100px;

}
.dbicon span {
	color:#000000;
	letter-spacing: normal !important;
	line-height:normal !important;
	font-size:16px;
	height:55px;width:145px;
	text-align:center;
	display:table-cell;
	vertical-align: middle;

}
.dbicon img {
	width:auto !important;
	height:80px !important;
	margin-top:9px;
	box-shadow:none;
	padding:0px;
	border-radius:0px;
}

.dbiconsmall {
	cursor:pointer;
	display:inline-block;
	height:115px;
	width:100px;
	text-align:center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	margin:15px;
	background-color:#ffffff;
	color:#000000;
}
.dbiconsmall div {
	width:100px;
	height:70px;

}
.dbiconsmall span {
	color:#000000;
	letter-spacing: normal !important;
	line-height:normal !important;
	font-size:13px;
	height:38px;width:100px;
	text-align:center;
	display:table-cell;
	vertical-align: middle;

}
.dbiconsmall img {
	width:auto !important;
	height:56px !important;
	margin-top:9px;
	box-shadow:none;
	padding:0px;
	border-radius:0px;
}
.dbicongreenalert {
	background-color:red;
}
.dbiconalert, .dbicongreenalert {
	position: relative !important; width: 0 !important; height: 0 !important;
}
.dbiconalert div {
	position: absolute;
	top:-15px;left:0px;
	text-align:right;
}
.dbicongreenalert div {
	position: absolute;
	top:-20px;left:55px;
}

.dbiconalert span {
	display:inline;background-color:red;color:#ffffff;font-size:14px;border-radius:5px;padding:5px;box-shadow: 0px 1px 5px #000000;
	margin-right:7px;
}
 .dbicongreenalert img {
	background-color:none;
	border-radius:50%;
	box-shadow: 0px 1px 5px #000000; 		
	height:25px !important;
	width:auto !important;
 }

.dbarticle {
	color: #343434;
	cursor:pointer;
	display:inline-block;
	height:315px;
	width:285px;
	text-align:center;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border-radius:7px;
	margin:20px;
	overflow:hidden;
}
.dbarticle .divimg {
	height:200px;
	width:285px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.dbarticle .divimg img {
    flex-shrink: 0;
    min-width: 100%;
    max-width: 285px;
    min-height: 100%
}
.dbarticle .divinfo, .dbarticle .divtitle {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:left;
	font-size:20px;
	height:75px;
	color:#444c38;
	font-weight:bold;
	padding:0px;
	overflow:hidden;
}

.dbarticle .divtitle {
	font-size:22px;
	display:flex;
	align-items:center;
	align-content:center;
	text-align:center;
	justify-content:center;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.frontdropsticky {
	position: fixed;
	top: 0;
	width: 97% !important;
	max-width:1075px;
	border-bottom:1px solid #cccccc;
}
.frontdroptitlebar {
    z-index: 8887; /* Sit on top */
	width:100%;
	max-width:1075px;
	text-align:center;display:flex;align-items: center;
	padding-top:10px;padding-bottom:10px;
	color:#3498db;
	background-color:#ffffff;	
	height:35px;
}
.frontdropdivider {
	border-bottom:1px solid #cccccc;
	width:85%;
	margin:auto;
	margin-top:5px;
	height:1px;
	padding:0px;
	display:block !important;
}
.fontdropleftnav {
	padding-left:17px;text-align:left;display:inline-block;width:9%;font-size:21px;height:24px;color:#3498db;
	
}
.frontdropsticky + .frontdropdivider {
	padding-top:44px;
}	

.fontdropleftnav button {
color:#3498db;
border:0px;
padding:0px;
margin:0px;
text-align:center;
}
.fontdropleftnav button img {
height:22px;
width:auto;
}
.frontdroptitle {
	padding-left:7px;display:inline-block;width:80%;font-size:21px;height:23px;color:#3498db;text-align:center;overflow: hidden;
}
.frontdropbttnclose {
	width:9%;cursor:pointer;font-size:45px;height:24px;text-align:right;padding-right:5px;
}
.frontdropbttnclose button span {
	font-size:45px !important;
	text-align:right;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	margin:0px;
	border:0px;
	font: 15px/30px Arial, Helvetica, sans-serif; 
	color:#3498db;
	overflow:hidden;
}
.flexcolumnInfo {
	display:flex;align-items: flex-start;list-style:none;margin:0px;padding:0px;width:95%;margin:auto;
}
.flexcolumnInfo-hdr {
text-align:center;font-weight:bold;background-color:#cccccc;padding:7px;
}
.viewhidebig {
	display:block;
}
.viewhidesmall {
	display:none;
}
/* End Backdrop Interface */
.spcart {
width:90%;margin-left:auto;margin-right:auto;padding:20px;border-radius:7px;background-color:#e8f2fb;font-size:19px;box-shadow: 0px 2px 15px #000000;margin-bottom:20px;	
}
.paybox {
width:90%;padding:20px;border-radius:3Px;background-color:#e8f2fb;font-size:19px;box-shadow: 0px 2px 15px #000000;margin:auto;margin-bottom:15px;margin-top:10px;
}
.paybox table {
background-color:#ffffff;width:100%;max-width:640px;margin:auto;font-size:16px;color:#000000;
}
.paybox td {
padding:7px;
}
.tabdiv, .tabactive {
display:inline-block;font-size:19px;border-radius:7px 7px 0px 0px;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc;
border-bottom:0px;
padding:7px;margin-top:20px;
cursor:pointer;
position:relative;top:1px;
background-color:#eeeeee;
margin-left:5px;
}
.tabdiv img, .tabactive img {
height:40px;width:auto;
}
.tabactive {
	z-index:9999;
	background-color:#ffffff;
	color:#000000;
}
.tabnotactive {

}
.billingbox {
	border:1px solid #cccccc;position:relative;top:-7px;z-index:0;background-color:#ffffff;color:#000000;width:99%;margin:0px;margin-left:auto;margin-right:auto;
}
/* Form Animation */
.form-group {
position: relative;
margin-bottom: 1.5rem;
width: 100%;
max-width:285px;
margin:auto;
box-sizing: border-box;
}
.form-control-placeholder {
position: absolute;
top: 0;
padding: 25px 0px 25PX 17px;
transition: all 200ms;
opacity: 0.5;
display:block;
cursor: text;
font-size:20px;
color:#000000;
}
.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder,
.form-setback
 {
font-size: 80%;
transform: translate3d(0, -20%, 0);
opacity: 1;
color:#8caee5;
}
.shortform input[type=text], .shortform input[type=password] {
width: 100%;
max-width:270px;
padding: 12px 20px;
box-sizing: border-box;
border: 1px solid #cccccc;
border-radius:3px;
padding:7px;
font-size:19px;
margin:7px;
font-weight:normal;
padding-top:25px !important;
}
.shortform input[type=text]:focus, input[type=password]:focus {
background-color: #ffffff;
}

/* JUNE 2020 MOBILE SUPPORT */

/* JULY 2020 UPDATED FORMS */

.dualbuttons {
	display:flex;
	align-items:center;
	align-content:center;
	text-align:center;
	margin:auto;
	max-width:640px;
}
.dualbuttons div {
	width:50%;
	text-align:center;
	padding:3px;
	margin:3px;
}


/* DEFAULT VIEW */

.form2020, .defaultview {
	width:95%;
	max-width: 995px;	
	margin:auto;
	padding:3px;
	margin-top:10px;
	margin-bottom:20px;
	font-size:18px;
	box-sizing: border-box;
	background-color:#ffffff;
	color:#000000;
	border-radius:5px;
	padding-top:10px;
	padding-bottom:50px;
}

.form2020 {
	width:99%;
}

.form2020 .dualbuttons {
	justify-content:flex-start;
	width:95%;
	margin:auto;
	padding:5px;
	text-align:left;
	max-width: 995px;
}
.form2020 .dualbuttons div {
	width:50%;
	text-align:left;
	padding:0px;
	margin-right:5px;
}
.formbuttongroup {
	display:flex;
	justify-content:center;
	align-items:center;	
	text-align:center;
}
.formbuttongroup button, .formbuttongroup input {
	margin-left:20px !important;
	margin-right:20px !important;
}	

.form2020 h1, .form2020 h2, .form2020 h3, .defaultview h1, .defaultview h2, .defaultview h3 {
 font-size:25px;
 font-weight:bold;
 color:#696969;
 border-bottom:1px solid #cccccc;
 padding-top:10px;
 padding-bottom:10px;
 text-align:center;
 width:97%;
 margin-left:auto;
 margin-right:auto;
}


.form2020 select, .customselect, .form2020 input[type=text], .form2020 input[type=password] {
	font-size:19px;
	width: 90% !important;
	max-width:450px;
	padding-left:3px;
	padding-right:3px;
	padding-top:7px;
	padding-bottom:7px;
	margin:0px;
}

.form2020 textarea {
	font-size:14px;
	width:95%;
	margin:auto;
	min-height:100px;
}

.form2020 div {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	padding:5px;
	text-align:left;
}
.form2020 label, .formlabel {
	display:block;
	font-size:19px;
	width:100%;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-align:left;
	margin-bottom:5px !important;
}

.formcheckbox {
	padding:2px;
	margin-left:7px !important;
	margin-top:3px !important;
	margin-bottom:3px !important;
	font-weight:normal;
}
.formcheckboxflex {
	max-height:400px;
/*    overflow-x: scroll; */
	display:flex;
	align-items:stretch;
	justify-content:center;
	flex-wrap: wrap;
    overflow-y: scroll;	
	box-shadow: 1px 1px 5px #555 inset;
	text-align:center;
	width:100% !important;
}

.formcheckboxitem {
	font-weight:normal;
	font-size:14px;
	display:inline-block;
	width:180px !important;
	overflow-x: hidden;
	padding:2px !important;
	margin:4px !important;	
	border:1px solid #cccccc;
	border-radius:4px;
}
.formcheckboxitem label {
	font-weight:normal;
	font-size:14px;
	padding:0px;
	margin:0px;
}
.formradioflex, .formradioimage {
	width:100%;
	display:flex;
	align-items:stretch;
	justify-content:center;
	margin:auto;
	text-align:center;
	box-sizing: border-box;
	line-height:110%;
}
.formradioimage label {
	cursor:pointer;
	text-align:center;
	align-items:center;
	justify-content:center;
	border-radius:3px;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
	border:1px solid transparent;
	width:100%;
}
.formradioimage label span {
	display:block;
	font-size:11px;
	color:#A9A9A9;
	font-weight:normal;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
.formradioimage label:hover, .formradioimageselected {
	border:1px dotted #cccccc !important;
}
.formradioimage label:hover, .formradioimageselected, .formradioimage label:hover span, .formradioimageselected {
	color:#000000;
}
.formradioimageselected span {
	color:#000000 !important;
}
.formradiodivinfo, .formradiodivinfomobile {
	color:darkgray;
	text-align:center !important;
	font-size:14px;	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;	
}
.formradiodivinfo {
	display:block;
}

.formradiodivinfomobile {
	display:none;
}

.formradio, .formradiobox, .formcheckboxsolo {
	margin-top:10px;
	margin-bottom:7px;
	margin-left:auto;
	margin-right:auto;
	width:95%;
	padding:5px;
	text-align:center;
	font-weight:normal;
}
.formradiobox {
	margin-bottom:14px !important;
}
.formradio label, .formradiobox label {
	font-weight:normal;
	font-size:17px;
	border:1px solid #eeeeee;
	border-radius:3px;
	padding:7px;
	margin-left:10px;
	margin-right:10px;
	margin-top:7px;
	margin-bottom:7px;
	cursor:pointer;
	background-color:none;
	overflow:hidden;
}
.formradio label {
	display:block;
	width:90%;
}
.formradiobox label {
	display:inline;
}
.formcheckbox2020 label {
	background-color:none !important;
	border:none !important;
	margin:5px !important;
	padding:5px !important;
}

.formradiobox .formlabel {
	margin-bottom:14px !important;	
}
.formradiobox label:hover, .formradio label:hover {
	background-color:#e3fbe3;
	border:1px solid #cccccc;
}
.formradioselected {
	background-color:#e3fbe3;
	border:1px solid #cccccc !important;
}

/* JULY 2020 WINDOW CLOSE FOR CLASS/MEMBERSHIP */

.clssPgWrpper {
width:99%;
margin:auto;
max-width: 995px;	
}
.closebutton {
	font-size:40px !important;
	text-align:right;
	padding:3px;
	font: 15px/30px Arial, Helvetica, sans-serif; 		
}
.myclosebox {
	clear:both;text-align:left;padding-left:7px;padding-right:7px;padding-top:10px;color:#585858;max-height:12px;
	display:flex;
	align-items:center;
}
.myclosebox div {

}
.myclosebox span {
}
.myclosebox button {
	font-size:34px !important;
 	color:#585858;
}
.myclosebox a {
	font-size:34px !important;
 	color:#585858;
}
.myclosebox a:visited {
 color:#585858;
}

.basicmenu {
padding:0px;margin:0px;	
text-align:center;
}
.basicmenu ul {
	padding:0px;margin:0px;
	list-style-type:none;
	margin:auto;
	text-align:center;
}
.basicmenu li {
	width:50%;
	text-align:center;
	border:1px solid #cccccc;
	border-radius:4px;
	max-width:300px;
	font-size:27px;
	margin:20px;
	display:inline-block;
}
.basicmenu li button, .basicmenu li a {
	padding:30px;
	display:block;
	width:100%;
	height:100%;
	font-size:22px;
}
.basicmenu li:hover, .basicmenu button:hover, .basicmenu a:hover {
	background-color:lightblue !important;
}

.errorscreen, .successscreen {
color:#ffffff;
font-size:25px;
width:85%;
margin:auto;
margin-top:10px;
margin-bottom:10px;
line-height:110%;
border-radius:7px;
padding:20px;
}
.errorscreen {
	background-color:red;
}
.successscreen {
	background-color:green;
}

.errorscreen h1, .errorscreen h2, .successscreen h1, .successscreen h2 {
font-size:34px;
color:#ffffff;
font-weight:normal;
width:90%;
margin:auto;
text-align:center;
border-bottom: 1px solid #cccccc;
padding:20px;
}
.errorscreen span, .successscreen span {
font-weight:bold;
}
.errorscreen div, .successscreen div {
	padding:5px;
}
.okmessage {
	width:75%;min-width:275px;max-width:640px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:20px;
	color:#323232;
	font-weight:bold;padding:11px;background-color:#cccccc;
	border-radius:7px;
	display:flex;
 	justify-content: center;
 	align-items:center;	
}
.okmessage img {
padding:7px;border-radius:50%;background-color:#22B14C;vertical-align:middle;
}
/* UNITS PROFILE 2020 */
.unitsnamebox {
	padding:20px;padding-top:0px;margin:auto;text-align:center;
	font-size:32px;
	color:#000000;
	background-color:#eeeeee;
	width:75%;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	border-radius:7px;
}
.unitsnamebox img {
	cursor:pointer;height:37px;position:relative;top:7px;width:auto;border-radius:3px;
}

.unitsprofileflex {
	display:flex;
	justify-content: center;
	align-items:center;
	width:95%;
	margin:auto;
	max-width:600px;	
	line-height:100%;
}
.unitslevelbox {
	cursor:pointer;
	display:block;
	text-align:center;
	height:125px;
	width:105px;
	background-color:#2d89ef;
	color:#ffffff;
	border-radius:3px;font-size:87px;padding:17px;font-weight:100;
	margin:auto;	
}
.unitslevelnumber {
 color:#ffffff;clear:both;padding-top:40px;
}
.unitslevellabel {
margin-top:15px;
font-size:19px;padding-top:30px;
}
.unitslearnpointsbox {
	cursor:pointer;margin:auto;margin-top:17px;width:150px;border-radius:3px;color:#ffffff;background-color:#603cba;
}
.unitslearpointsnumber {
	text-align:center;padding-top:15px;font-size:34px;font-weight:bold;
}
.unitslearnpointslabel {
	margin-top:11px;
	text-align:center;padding:9px;padding-top:0px;
	font-size:14px;
}
.unitscoursecompletebox {
	margin:auto;margin-top:17px;width:150px;border-radius:3px;color:#ffffff;background-color:#2b5797;
}
.unitscoursecompletenumber {
	text-align:center;padding-top:15px;font-size:34px;font-weight:bold;
}
.unitscoursecompletelabel{
	text-align:center;padding:9px;padding-top:0px;font-size:14px;
	margin-top:11px;
}
.unitsceusbox {
	margin:auto;margin-top:17px;width:170px;border-radius:3px;
	color:#ffffff;
	background-color:#da532c;
}
.unitsceusnumber {
	text-align:center;padding-top:15px;font-size:34px;font-weight:bold;
}
.unitsceuslabel {
	text-align:center;padding:9px;padding-top:0px;font-size:14px;
	margin-top:11px;
}
.unitsdateregistered {
	margin:auto;margin-top:17px;width:190px;border-radius:3px;color:#ffffff;background-color:#e3a21a;	
}
.unitsdateregisterednumber {
	text-align:center;padding-top:15px;font-size:34px;font-weight:bold;
}
.unitsdateregisteredlabel {
	text-align:center;padding:9px;padding-top:0px;font-size:14px;
	margin-top:11px;

}


.unitsprofile {
	padding:20px;padding-top:0px;clear:both;text-align:left;color:#ffffff;font-size:14px;border:3px solid #2b5797;border-radius:7px;
}
.unitsprofilebar1 {
	border:1px solid #cccccc;
}
.unitsprofilebar2 {
	background-color:#603cba;
}
	.genericinfo {
		font-size:14px;
		font-weight:normal;
		padding:2px;	
		text-align:left;
		margin:auto;
		
	}
	.genericinfo h1, .genericinfo h2, .genericinfoh h3 {
		font-weight:Normal;
	}
	.genericinfo h1 {
		font-size:30px;
	}
	.genericinfo h2 {
		font-size:27px;
	}
	.genericinfo h3 {
		font-size:25px;
	}

	.flexform {
		display:flex;
		align-items:center;
		align-content:center;
		flex-wrap: wrap;	
	}
	.flexform div div {
		padding:4px;
	}
	.rdtext {
		font-size:20px;
	}
	.flexbox {
		display:flex;
 		justify-content: center;

	}
	.leftnavbarclass {

		width:20%;
		vertical-align:top;		
	}
	.rightcontentclass {

		width:80%;
		vertical-align:top;
		
	}
.mymobilenav  {
	text-align:center;
	display:flex;
	align-items:center;
	align-content:center;
	vertical-align:middle;
	justify-content:center;
	font-size:14px;
	margin-top:0px;
	
}
.mymobilenav a {
	 color:#000000;	Display:inline-block;width:100%;
	 padding:7px;
	 margin:5px;
	 margin-top:0px;
	 background-color:#ffffff;border:1px solid #000000;border-radius:5px;white-space: nowrap;max-width:150px;
	 width:30%;
}
.mymobilenav a:hover {
	 color:#ffffff;
	background-color:#00a9f7; 
	}
.folderlink {
	text-align:left;
	width:100%;
	display:inline-block;
	border:1px solid #ffffff;font-size:17px;
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 5px 10px #888888;
	background-color:#ffffff;
	
}	
.folderlink a {display:block;border:1px solid #ffffff;padding:5px;color:#000000;text-decoration:none;padding-bottom:7px;padding-top:7px;}
.folderlink a:hover {border:1px dotted #000000;color:#ffffff;text-decoration:None;background-color:#839fc7;}
	

/* UC INBOX */
.msgtbl table, .ebox table {font-size:12px;BORDER-COLLAPSE: collapse;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.msgtbl th {	
	border:1px solid #cccccc;background:url(https://m.universalclass.com/08/title-bg.jpg) left top repeat-x;
	cursor:default;
	text-align:center;
	font-size:14px;
}
.msgtbl td, .ebox td {font-size:12px;padding:3px;cursor:pointer;}
.msgtbl tr:hover {background-color:#cbdfe6;cursor:pointer;}
.msgtbl button {
display:block;
width:100%;
padding:3px;
}
.msgtbl {
	width:98%;
	margin:auto;
	cursor:normal;
}
.msgtbl button span {
 	display:block;
 	width:100%;
 	text-align:left; 
 	font-size:12px;
}

.emailmsg {width:200px;font-size:14px;BORDER-COLLAPSE: collapse;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;background:url(https://m.universalclass.com/08/title-bg.jpg) left top repeat-x;}
.emailmsg td {font-size:14px;border:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:0px;cursor:pointer;}
.emailmsg td:hover {background-color:#cbdfe6;}
.emailmsg a {color:#000000;display:block;padding:5px;text-decoration:none;}
.emailmsg a:hover {background-color:#cbdfe6;}

	.managecoursesflex {
		display:flex;
		align-items: stretch;	
		justify-content: center;
		flex-wrap: wrap;
	}
	.managecoursessplit {
		width:40%;
		padding-left:10px;
		padding-right:10px;
		min-width:220px;
	}
	.managecoursestext {
		font-size:15px;
		padding:7px;
		line-height:100%;
	}
	.managecoursessplit h2, .managecoursestext h2 {
		font-size:21px;
		margin:0px;
		padding:0px;
		text-align:center;

		margin-top:7px;
	}
	.managecourses span {
		display:inline-block;
		padding:5px;
	}
	.managecoursestitle {
		font-size:20px;
		width:45%;
	}
.jointhisclassbox {
	width:95%;max-width:640px;margin:auto;align-items:center;
	display:flex;
	justify-content: center;
}
.jointhisclasstitle {
	padding-bottom:7px;
	border-bottom:1px solid #cccccc;
	margin-bottom:7px;
}
.jointhisclasstitle a {
	font-weight:bold;font-size:18px;padding:7px;
	color:#000000;
}
.jointhisclassbox img {
	height:100%;max-height:150px;width:auto;border:0px;border-radius:3px;
}
	.ghostbutton, .ghostbuttonsmall {		
		font-family: Arial, Helvetica, sans-serif !important;
		border-radius:5px;
		border: 2px solid green;
		padding:11px;
		margin:2px;
		background-color:#ffffff;	
		font-size:17px;
		color:green !important;
		font-weight:normal;
		cursor:pointer;
		display:inline-block;
		white-space: nowrap;
		-webkit-appearance: none;
	}
	.ghostbutton:hover, .ghostbuttonsmall:hover {
		background-color:green;
		color:white !important;	
	}
	.ghostbuttonwhite, .ghostbuttonwhitesmall {
		font-family: Arial, Helvetica, sans-serif !important;
		border-radius:5px;
		border: 2px solid #ffffff;
		padding:11px;
		margin:2px;
		background-color:transparent;	
		font-size:17px;
		color:#ffffff;
		font-weight:normal;
		cursor:pointer;
		display:inline-block;
		white-space: nowrap;
		-webkit-appearance: none;
	}
	.ghostbuttonred, .ghostbuttonredsmall {
		border-radius:5px;
		border: 2px solid darkred;
		padding:11px;
		margin:2px;
		background-color:#ffffff;	
		font-size:17px;
		color:darkred;
		font-weight:normal;
		cursor:pointer;
		display:inline-block;
		white-space: nowrap;
		-webkit-appearance: none;
	}
	.ghostbuttonblue, .ghostbuttonbluesmall {
		border-radius:5px;
		border: 2px solid darkblue;
		padding:11px;
		margin:2px;
		background-color:#ffffff;	
		font-size:17px;
		color:darkblue;
		font-weight:normal;
		cursor:pointer;
		display:inline-block;
		white-space: nowrap;
		-webkit-appearance: none;
	}

	.ghostbuttondisabled, .ghostbuttondisabledsmall {
		border-radius:5px;
		border: 2px solid darkgray;
		padding:11px;
		margin:2px;
		background-color:#ffffff;	
		font-size:17px;
		color:#cccccc;
		font-weight:normal;
		cursor:pointer;
		display:inline-block;
		white-space: nowrap;
		-webkit-appearance: none;
	}
	.ghostbuttonred:hover, .ghostbuttonredsmall:hover {
		background-color:darkred;
		color:#ffffff;	
	}
	.ghostbuttonblue:hover, .ghostbuttonbluesmall:hover {
		background-color:darkblue;
		color:#ffffff;	
	}
	.ghostbuttonwhite:hover, .ghostbuttonwhitesmall:hover {
		background-color:#ffffff;
		color:#000000;	
	}
	.ghostbuttonsmall, .ghostbuttonredsmall, .ghostbuttonbluesmall, .ghostbuttonwhitesmall, .ghostbuttondisabledsmall {
		font-size:14px !important;
		padding:7px !important;
	}
	.ghostbuttonsmall {
		border: 1px solid green;
	}
	.ghostbuttonredsmall {
		border: 1px solid darkred;
	}
	.ghostbuttonbluesmall {
		border: 1px solid darkblue;
	}
	.ghostbuttonwhitesmall {
		border: 1px solid #ffffff;
	}
	.ghostbuttondisabledsmall {
		border: 1px solid darkgray;
	}

	.bdcertview {
		z-index:99999;
		transform: scale(100%);
		transform-origin: 0 0;
		border:1px solid #000000;
		width:100%;
		max-width: 995px;
		margin:auto;
		text-align:center;
		position:relative;
		color:#000000;		
	}

.bdcertview a:link,
.bdcertview a:visited,
.bdcertview a:hover,
.bdcertview a:active {
    text-decoration: none;
    color:#000000;
	/* color: inherit;  Prevents any color change */
}

/* popinfo container */
.popinfo, .popinfogreen, .popinfored {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popinfo (appears on top) */
.popinfo .popinfotext, .popinfogreen .popinfotext, .popinfored .popinfotext {
  display:none;
  min-width:160px;
  width:100%;
  max-width:300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 9999;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* popinfo arrow */
.popinfo .popinfotext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.popinfogreen .popinfotext {
	background-color:green !important;
}
.popinfored .popinfotext {
	background-color:red !important;
}

/* Toggle this class when clicking on the popinfo container (hide and show the popinfo) */
.popinfo .show, .popinfogreen .show, .popinfored .show {
  display:inline-block;
  -webkit-animation: fadepopinfo 1s;
  animation: fadepopinfo 1s
}

/* Add animation (fade in the popinfo) */
@-webkit-keyframes fadepopinfo {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadepopinfo {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.threedotmenu {
	width:25px;
	height:35px;
	text-align:center;
    background-image:url('https://m.universalclass.com/21/3dotmenu-a.svg');
    background-repeat:no-repeat;
	background-size: 20px 25px;
	border-radius:5px;
	background-position: center;
}
.threedotmenu img {
width:20px;
height:30px;

}
.threedotmenu:hover {
    background-image:url('https://m.universalclass.com/21/3dotmenu-b.svg');
    background-repeat:no-repeat;
	background-size: 20px 25px;
	background-color:#cccccc;
	background-position: center;
}

/*cookie banner 2021*/
.cookiebanner {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 100%;
	max-width:400px;
	background-color: #000000;
	color: white;
	border-radius:5px;
	padding:20px;
	text-align:left;
	padding:20px;
	box-shadow:#414a4c 0px 0px 10px 0px;	
	z-index:9999;
}

.cookiebanner span {
	display:block;
	margin-top:10px;
}
.cookiebanner div, .cookiebanner span {
	width:85%;
	margin:auto;
}
.cookiebanner div {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}

.cookiebanner button {
	border:2px solid gold;
	padding:7px;
	color:gold;
	border-radius:3px;
	display:block;
	width:85%;
	max-width:225px;
	margin:10px;
}

.cookiebanner button:hover {
	background-color:gold;
	color:#000000;
}

/* new auto-header */
.basicheader {
	margin:auto;
	width:100%;
	background:url(https://m.universalclass.com/14/default/tplst/lightblue995x110.jpg) left top no-repeat;
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 2px 45px #000000;
	min-height:105px;
	display:flex;
	align-items:center;
	justify-items:center;
	text-align:center;
	margin-bottom:10px;
}
.basicheaderleft, .basicheaderright {
	width:20%;
}
.basicheadercenter {
	width:60%;
	text-align:center;
}
.basicheaderright img {
	border-radius:2px;
	box-shadow: 0px 1px 5px #000000;
	padding:5px;
	margin-right:20px;
	margin-top:7px;
	background-color:#2b5797;
	height:52px;
	width:auto;
}


.basicheader h1, .basicheader h2, .basicheader h3 {
color:#ffffff;
font-size:30px;
text-align:center;	
border-radius:8px;
background:url(https://m.universalclass.com/maskbg.png) left top repeat;
box-shadow: 0px 2px 10px #000000;
letter-spacing:5px;
line-height:100%;
padding:10px;
width:95%;
margin:auto;
}
.richtexteditor {
padding-top:10px;
padding-bottom:10px;
width:98%;
margin:auto;
margin-top:10px;
margin-bottom:10px;	
}
.richtexteditor div {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:0px;
	text-align:left;
}

.crnlst17b {
	width:100%;
	max-width:995px;
	margin:auto;
}
.crnlst17b img {
	width:218px;
	height:134px;
	cursor:pointer;
	display:inline-block;
	vertical-align: middle;
}
.crnlst17b ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.crnlst17b li {
	border:1px solid #eeeeee;
	border-radius:2px;
	padding:20px;
	margin:20px;
	vertical-align: middle;
	text-align:center;
	box-shadow: 0px 3px 50px #cccccc;
}

.crnlst17b a {
	color: #343434;
	display:flex;
	align-item:center;
	justify-content:center;
}

.crnlst17bfloat {
	padding-left:10px;
	padding-right:10px;
	margin:auto;
	display:inline-block;
	width:70%;
	vertical-align: middle;
	text-align:left;
}
.crnlst17b h3 {
	margin-top:0px;
	margin-bottom:7px;
	padding-left:2px;
	padding-right:2px;
	font-size:22px;
}
.crnlst17b span {
	font-size:17px;
}

.crnlst17binfo {
	width:100%;
	display:flex !important;
	align-items:center;
	justiy-content:center;
	font-weight:bold;
	margin-top:3px;
}
.crnlst17binfo span {
	text-align:left;
	width:50%;
}

.crnvdosplash {
	box-shadow: #000000 0px 0px 20px 0px;
	width:95%;
	max-width:820px;
	width:820px;
	height:461px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.crnvdosplash .crnvdobttn {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* size of video play button */
.crnvdosplash .crnvdobttn>img {
	width: 200px;
}
.crnvdosplash .crnvdobttn>img:hover {-webkit-filter: brightness(170%); }
.crnvdosplash .crnvdobackground {
  width: 100%;
}

.pagewindownav {
	display:flex;
	align-items:center;	
	width:100%;clear:both;max-height:45px;
	position:relative;
	top:5px;
}
.pagewindownavleft {
	width:60%;
	display:flex;
	align-items:center;
	position:relative;
	left:-2px;
}
.pagewindownavright {
	width:40%;text-align:right;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	position:relative;
	left:0px;
}
.pagewindownavleft button, .pagewindownavright button {
	margin-left:7px;
	margin-right:7px;
	padding-left:7px;
	padding-right:7px;
	text-align:center;
	border:0px;
	margin-top:0px;
	margin-bottom:0px;
	display:flex;
	align-items:center;
}
.pagewindownavright button img {
 	height:23px;
 	width:auto;
}

.lessoncards
{
	overflow-y:hidden;overflow-x:auto;scroll-behavior: smooth;width:100%;max-height:600px;display:flex;flex-wrap: nowrap;align-content:stretch;margin-bottom:10px;padding-bottom:20px;		
}
.lessoncard
{
	display:inline-block;margin:10px;padding:8px;border: 1px solid #cccccc;border-radius:7px;
}
.lessoncard h4
{
	min-height:55px;display:flex;align-content:stretch;vertical-align:middle;display:table-cell;align-content:center;
}
.thumbnail {
  position: relative;
  width: 218px;
  height: 134px;
  overflow: hidden;
}
.thumbnail img
{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);

}
.thumbnail img.portrait
{
  width: 100%;
  height: auto;

}
.lessonpoints
{
	color:#ffffff;z-index:9999;background-color:#000000;position:absolute;bottom:5px;right:5px;padding:5px;display:table-cell;align-content:center;border-radius:4px;opacity: 0.75;
}


@media screen and (min-width:100px) and (max-width:540px) {
	/* Target portrait smartphones */

	.crnlst17b a {
		display:block;
		line-height:102%;
	}

	.crnlst17b img {
		display:block;
		margin:auto;
	}
	.crnlst17b h3 {
		font-size:18px;
		line-height:104%;
		width:100%;
		max-width:218px;
		margin-top:5px;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
		
	}
	.crnlst17b span {
		font-size:14px;
		display:block;
		width:100%;
		max-width:218px;
		margin:auto;
	}

	.crnlst17bfloat {
		width:100%;
		padding:0px;
	}

}

@media screen and (min-width:100px) and (max-width:950px) {

/* Target portrait smartphones */

/* MY CLASSES 2020 MOBILE SUPPORT */

.crnvdosplash {
	max-width: 995px;
	width:95%;
	height:auto;
}
.crnvdosplash .crnvdobttn>img {
	width: 100px;
}


.innerborder1, .innerborder2 {
	background-color:#ffffff;
	background-image:none;
	box-shadow:none;
	width:97% !important;
	margin:auto;
	padding:0px;
}
.innerborder1 {
/*	padding:3px;
	border:1px solid #cccccc;
	border-radius:3px;
	margin:auto;
	box-shadow: #000000 0px 0px 20px 0px;
*/
}

/* DEFAULT VIEW */
.defaultview, .defaultview span, .defaultview div {
	font-size:16px;
}

/* FORM 2020 */
.form2020 h1, .form2020 h2, .form2020 h3, .defaultview h1, .defaultview h2, .defaultview h3 {
	font-size:20px;
	text-align:center;
}


.formradio, .formradiobox {
	margin-left:3px;
	margin-top:2px;
	margin-bottom:1px;
}
.formradio label, .formradiobox label {
	font-weight:normal;
	font-size:14px;
	display:block;
	max-width:95%;
}
.formradioflex {
	display:block;
	text-align:left;
}

.formradioimage label span, .formradioimageselected label span {
	display:none;
}
.formradiodivinfomobile {
	display:block;
}


/* UNITS PRFOILE 2020 */

.basicmenu {
	padding:0px;margin:0px;	
	text-align:left;
}
.basicmenu h1, .basicmenu h2, .basicmenu h3 {
	font-size:22px;
	padding:7px;
	margin:7px;	
	text-align:center;
}
.basicmenu ul {
	margin:auto;
	text-align:left;
	width:95%;
	border:1px solid #cccccc;
	border-radius:4px;
	margin-top:10px;
}
.basicmenu li {
	width:100%;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	border:none;
	border-bottom:1px solid #cccccc;
	border-radius:0px;
	max-width: 995px;
	font-size:16px;
	text-align:left;	
	background: url("https://m.universalclass.com/15/icons/carat-r-black.png") no-repeat;
	background-position: 97% 50%;

}
.basicmenu li button, .basicmenu li a, .basicmenu li span {
	text-align:left;
	padding:15px;
	width:100%;
	height:100%;
	font-size:16px;
}

.unitsnamebox {
	padding:10px;
	font-size:19px !important;
	margin-top:7px;
	margin-bottom:7px;
	padding-top:7px;
}
.unitsnamebox img {
	height:29px;
}

.unitslevelbox {
	height:65px;
	width:80px;
	font-size:60px;
}
.unitslevelnumber {
	margin-top:10px;
	padding-top:10px;
	margin-bottom:15px;

}
.unitslevellabel {
margin-top:2px;
font-size:17px;
padding-top:10px;
}
.unitslearnpointsbox {
	margin-top:12px;width:100px;
}
.unitslearpointsnumber {
	padding-top:7px;
	font-size:28px;
}
.unitslearnpointslabel {
	line-height:100%;
	margin-top:7px;
	font-size:12px;
}
.unitscoursecompletebox {
	width:120px;
}
.unitscoursecompletenumber {
	padding-top:15px;font-size:27px;
}
.unitscoursecompletelabel{
	padding:5px;
	font-size:12px;
	margin-top:2px;
}
.unitsceusbox {
	width:120px;
}
.unitsceusnumber {
	padding-top:15px;font-size:27px;
}
.unitsceuslabel {
	padding:5px;
	font-size:12px;
	margin-top:2px;
}
.unitsdateregistered {
	width:120px;
}
.unitsdateregisterednumber {
	padding-top:15px;font-size:27px;
}
.unitsdateregisteredlabel {
	padding:5px;
	font-size:12px;
	margin-top:2px;
}



/* UC INBOX */
.msgtbl table, .ebox table {font-size:11px !important;}
.msgtbl th {	
	font-size:12px;
}
.msgtbl td, .ebox td {font-size:11px !important;}
.msgtbl tr:hover {background-color:#cbdfe6;cursor:pointer;}
.msgtbl button span {
 	font-size:11px !important;
}

.emailmsg {font-size:12px !important;}
.emailmsg td {font-size:12px !important;}
.emailmsg td button {font-size:12px !important;}


.errorscreen, .successscreen {
font-size:18px !important;
width:85% !important;
margin:auto;
}
.errorscreen h1, .errorscreen h2, .successscreen h1, .successscreen h2 {
font-size:28px;
}

.okmessage {
	font-size:17px;
}


/* UNITS PROFILE 2020 */
.unitsnamebox {
	padding:20px;padding-top:0px;margin:auto;text-align:center;
	font-size:32px;
	color:#000000;
	background-color:#eeeeee;
	width:75%;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	border-radius:7px;
	
}
.genericinfo {
	font-size:12px;
	
}
.genericinfo h1 {
	font-size:24px;
	text-align:center;
	border-bottom:1px solid #cccccc;
	margin:auto;
	padding:7px;
}
.genericinfo h2 {
	font-size:21px;
}
.genericinfo h3 {
	font-size:18px;
}

.innerborder2 {
	min-height:200px;
}
.crnview {
	background:none;
	background-color:none;
	text-align:center;
	box-shadow:none;
}
.crnviewleft {
	width:95%;
}

.crnviewleft a {
}
.crnviewright {
	display:none;
}
.crnviewtitle {
	padding:6px;
	margin-left:0px;
	font-size:21px;	
	width:97%;
	margin:auto;

}
.crnviewbgimage {
}

.rdtext {
	font-size:15px;
}

.leftnavbarclass {
	display:none;
}
.rightcontentclass {
	display:block;
	width:100%;
}
.managecoursestext {
	font-size:14px;
}
.managecoursessplit {
	width:95%;
	margin:auto;
}
.managecoursessplit h2, .managecoursestext h2 {
	font-size:17px;
	margin:0px;
	padding:0px;
	text-align:center;
}
.managecoursestitle {
	font-size:17px;	
	width:95%;
	margin:auto;
	display:block;

}
.jointhisclasstitle {
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	margin-bottom:5px;
}
.jointhisclasstitle a {
	line-height:105%;
	font-size:15px;
	padding:5px;
}
.jointhisclassbox img {
	max-height:110px;
}

.ghostbutton, .ghostbuttonred, .ghostbuttonblue, .ghostbuttonwhite {
	font-size:12px;
	padding:9px;
	margin:1px;
}

.bdcertview {
	transform: scale(0.4);
	width:100%:
	border:1px solid #000000;
	max-width:320px;
	margin:auto;
	
}





.ltbluebg {
	min-height:40px;
	margin-bottom:0px;
}
.ltbluebg h1, .ltbluebg h2, .ltbluebg h3 {
font-size:27px;
max-height:40px;
margin-top:0px;
margin-bottom:0px;

}


/* BACKDROP */

.closebackdropwin {
	width:93%;
	padding:7px;
}
.bdmenu li {
	width:95%;
	font-size:18px;
}
.bdmenu li a, .bdmenu li button {
	font-size:18px;
}

.bdmenuinfo {
	font-size:14px;
}

.bdtitlebarmiddle {
	font-size:17px;
}
.BackDrop-content, .FrontDrop-Content {
    width: 100% !important;
    height: 100% !important;

}
.FrontDrop-content {
    margin-top:40px;
}
.frontdroptitle {
	font-size:15px;
}

.PopUp {
    padding-top: 20px; /* Location of the box */
}

.loader {
border: 11px solid #f3f3f3;
border-radius: 50%;
border-top: 11px solid #3498db;
width: 90px;
height: 90px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}

.loaderwrapper {
top: 195px;
}

body {
	font: 12px/22px Arial, Helvetica, sans-serif; margin: 0px; color:#232323; font-size-adjust: none; font-stretch: normal; -ms-text-size-adjust: none; -webkit-text-size-adjust: 100%;
	min-width:300px;
}
.header-bar, .header-bar-scroll {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#434343+0,424242+22,2c2c2c+38,292929+40,161616+57,070707+77,161616+97,070707+97,070707+99 */
background: rgb(67,67,67); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(66,66,66,1) 22%, rgba(44,44,44,1) 38%, rgba(41,41,41,1) 40%, rgba(22,22,22,1) 57%, rgba(7,7,7,1) 77%, rgba(22,22,22,1) 97%, rgba(7,7,7,1) 97%, rgba(7,7,7,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(66,66,66,1) 22%,rgba(44,44,44,1) 38%,rgba(41,41,41,1) 40%,rgba(22,22,22,1) 57%,rgba(7,7,7,1) 77%,rgba(22,22,22,1) 97%,rgba(7,7,7,1) 97%,rgba(7,7,7,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#070707',GradientType=0 ); /* IE6-9 */
width: 100%;
position:static;
height: 36px;
overflow:hidden;
}
.topnavbar {
background-color:none;
padding:0px;
font-size:10px;
overflow:hidden;
display:none;
}	
.topnavbarmobile {
display:flex;
flex-wrap:nowrap;	
}
.sidemenumobilenav {
display:block;
}
.logobox {
	text-align:center;
	height:53px;
	padding-left:5px;
	overflow:hidden;
}
.logobox img {
	width:141px;
	height:53px;
}

.topnavbtns {
display:block;
}
.homelink, .topnavtnsscrolltext {
	display:none;
}
.loginbox {
position:relative;
top:5px;
}
.tpnvlgnbxlogoffbttn {
	display:none;
}

.subnavbar {
	width:90%;
	float:none;
	margin-right:auto;margin-left:auto;
	left:0px;
	top:0px;
	clear:both;
	padding:0px;
}
.subnavbar h1 {
	width:100%;
}

.categorydropdown {
	display:none;
}
.hmpsearchbar {
	display:none;
}
.hmptitlebar {
		position:static;top:0px;left:0px;float:none;width:95%;margin:auto;text-align:center;background-color:none;overflow:show;clear:both;padding:5px;
}

/*homepage*/


.punchtextbig {
	font:28px/normal Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:10px;
}
.hpleftbox {
	float:none;
	width:90%;
	font-size:17px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
.hprightbox {
	float:none;
	width:90%;
	font-size:17px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

.hpboxhdr {
	padding-top:10px;
	padding-bottom:0px;
	font-size:22px;
	text-align:left;	
}
.hpclearbox {
	clear:both;
	padding:5px;
}
.ucbynmbrs {
	clear:both;
	max-width:1025px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:0px;
	color:#58585b;
	line-height:200%;
}
.hpfloatbox {
	clear:both;
	float:none;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	text-align:center;
}
.ucbynmbrsstat {
	text-align:center;
	font-size:40px;
}
.ucbynmbrslabel {
	text-align:center;
	padding-top:10px;
	font-size:27px;
}
.ucbynmbrsicon {
	text-align:center;
	padding:10px;
}
.homepagecover {
	position:relative;
}
.homepagecoverbox {
margin-top:10px;

}
.homepagecoverbox h1 {
	font-size:20px;
}
.homepagecoverbox form {
min-width:35px;
}
.homepagecoverbox input {
	width:200px;
}
.homepagecoverbox button {

font-size:19px;	
	
}
.homepagecoverbox button:hover {
	background-color:#028ec1;
}
.homepagecoverboxcatbox {
display:block;
width:100%;
text-align:center;

}
.homepagecoverboxcatbox div {

}

.homepagecoverboxstatsbox  {
display:none;
}

.homepagecoverboxstatsbox span {
display:none;
}
.hmpgstatsdiv {
	display:block;
	text-align:center;
}

/*endhomepage*/



/*top10list*/

.tplstcrn {
 font-size:20px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px;
}

.tplstcrn img {
	margin-top:15px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	width:100%;
	height:100%;
	max-width:400px;
	max-height:200px;
	text-align:center;
}


.tplstcrn a {
	font-size:29px !important;
}

.tplstcrn span, .tplstcrn div, .tplstcrn p, .tplstcrn strong, .tplstcrn li, .tplstcrn u {
	font-size:20px !important;	
}

.crncnt div {
	font-size:45px !important;
}





.pagehdr {
	padding:10px;
	clear:both;
	height:100%;
	background-color:#028ec1;border-radius:7px;box-shadow: 0px 0px 5px #888888;
	float:none;
	margin-right:auto;margin-left:auto;
	width:90%;
	display:block;
	position:relative;
	left:0px;
	top:0px;
}
.pagehdr h1 {
	width:100%;
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	clear:both;
	text-align:center;
	display:block;
	color:#ffffff;
	font-size:20px;
}
.searchbarnomenu {
	clear:both;
	float:none;
	width:200px;
	top:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:0px;
	padding:10px;
}


/*PLATINUM SPECIAL OFFER */

.rdsegment1 {
max-height:325px;height:100%;
}
.rdsegment1 div {
color:#ffffff;font-size:25px;padding:10px;margin-top:10px;
}
.rdsegment2 {
width:100%;height:100%;
}
.rdsegment2floatleft {
text-align:center;font-size:30px;line-height:140%;width:100%;float:none;margin-top:10px;padding:10px;
}
.rdsegment2floatright {
margin:auto;width:80%;float:none;text-align:center;padding:10px;
}
.rdsegment3 {
clear:both;width:100%;text-align:center;background-image:none;height:100%;padding:10px;
}	
.rdsegment4 {
width:100%;height:100%;padding:10px;
}
.rdsegment4floatleft {
width:100%;float:none;text-align:center;margin:0px;padding:10px;
}
.rdsegment4floatright {
font-size:20px;line-height:140%;width:100%;float:none;margin-top:3px;text-align:center;padding:10px;
}
.rdsegment5 {
clear:both;width:100%;height:100%;background-repeat: repeat;padding:10px;
}
.rdsegment5floatleft {
color:#ffffff;font-size:20px;line-height:125%;float:none;width:100%;padding:10px;
}
.rdsegment5floatright {
margin-top:20px;text-align:center;float:none;width:100%;text-align:center;color:#ffffff;padding:10px;
}
.rdsegment6 {
margin-top:30px;clear:both;padding:10px;
}	
.rdsegment7 {
clear:both;100px;width:100%;background-repeat: repeat;height:100%;color:#ffffff;padding:10px;
}	

.planbox {
	float:none;display:inline-block;width:205px;margin:15px;text-align:center;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow: 0px 0px 8px 0px #e6e6e6; -webkit-box-shadow: 0 0 8px 0 #e6e6e6;
}
/* ARTICLES */

.articletext {
	width:90%;
	margin:auto;		
}
.articletext img {
	width:auto;
	height:auto;
	max-height:125px;
	border-radius:7px;box-shadow: 0px 0px 5px #888888;
}



.whyuc {
	width:90%;
	font-size:14px;
}

/* LOGIN FORM */
.loginform {
	width:98%;
	border-radius:5px;

}
.loginform h1 {
	font-size:25px;

}


/* COURSE CATALOG */

.searchbarcc {
	display:none;
}

/* NEWCAT RD */
.featuredcrn17 img {
	height:22px;
	
}
.featuredcrn17 span {

}
.featuredcrn17 div {
font-size:17px;
}
.categorycover {
	margin-top:-1px;
	padding:0px;
	height:60px;

}
.categorycover h1 {
	font-size:19px;
	padding:4px;
	margin:0px;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:45px;
}
.featurecover h2 {
	font-size:22px;
}
.newcatleftnavbar {
display:none;	
}

.pagelist {
font-size:17px;
}


.newcatblurb, .newcatwhyuc {
	font-size:17px !important;
}

.newcatblurb font, .newcatblurb div,.newcatblurb p,.newcatblurb span,.newcatblurb em,.newcatblurb b,  {
	font-size:17px !important;	
}
.newcatblurb .newcatblurb div[style],.newcatblurb p[style],.newcatblurb span[style] {
	font-size:17px !important;	
}

.catmorecourses {
	display:block;
}

/* END NEWCAT RD */

/* NEWCRN RD*/

.crnlessons, .crnrelatedcourses, .crnoutcomeinfo, .crnaddtnlinfo, .crnmorecourses {
width:90%;
max-width:995px;
}
.crncover h1 {
	font-size:22px;
}
.crnheader {
	border-radius:0px;
	line-height:110%;
	font-size:15px;
}
.crntallybox {
}

.crntallybox li {
/*	margin-left:auto;margin-right:auto;*/
box-shadow:none;
	padding:10px;
	padding-top:22px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	overflow:hidden;
	width:90px;
	height:50px;
	text-align:center;
	font-size:38px !important;
}
.crntallyboxlbl {
	top:2px;
	font-size:14px;
	height:32px;
	width:100%;
}

.crntallyvideo {
display:none !important;
}

.crnheading h3 span, .crnheading h2 span {
font-size:21px !important;
}

.crnlst17scroll {
	width:80% !important;
	max-width:700px;
}

.crntopspacer {
display:none;	
}
.stlbg h1, .stlbg h2, .stlbg h3, .newcathdr h1, .stlbg h5, .crnoutcomeinfo h4, .newcatpicbanner h1, #stlbghdr h4  {
width:85%;
margin:auto;
font-size:30px;	
}
 
 
.crnckmarklist {
text-align:center;
}
.crnckmarklist img {
display:block;
margin:auto;
}
.crnckmarklist ul {
margin:auto;
padding:0px;
}
.crnckmarklist li {
	min-height:30px;
	font-size:17px;
	background: url("https://m.universalclass.com/14/clss/checkmark27x23.png") no-repeat no-repeat 5px 9px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-top:9px;
	margin-bottom:15px;
	margin-left:7px;
	margin-right:7px;
	width:145px;
	background-color:#22B14C;
	box-shadow: 0px 2px 10px #cccccc;
	border-radius: 2px;
	border:2px solid #22B14C;
	display:inline-block;	
}


.crnfreetext div, .crnfreetext p, .crnfreetext span, .crnfreetext li, .crnfreetext strong, .crnfreetext u, .crnfreetext em, .crnfreetext font, .crnfreetext strong font, .crnfreetext strong span   {
	font-size:17px !important;
	line-height:120% !important;
}
.crnfreetext b {
	font-size:17px !important;
}

.crnfreetext strong {
	font-size:17px !important;
}

.crnfreetext em {
	font-size:17px !important;
}

.crnfreetext i {
	font-size:17px !important;
}

.crnfreetext u {
	font-size:17px !important;
}
.crnfreetext img {
width:85%;
height:auto;
}
.crnmiddleblurb {
	 width:450px;
	 border:3px double #888888;
	 padding:7px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:12px;
	 background-color:#ffffff;
	 border-radius:5px;
}



.crndescription h2, .crnfreetext h2 {
font-size:23px !important;	
margin-left:0px;
margin-right:0px;

}

.crncolumns {
display:block;
margin:auto;
}


.crncolumn1 {

text-align:center;
width:90%;
margin:auto;
margin-bottom:0px;
padding-bottom:0px;
max-height:155px;
height:auto;
}
.crncolumn1 img {
	background-color:#ffffff;
	width:100%;
	height:auto;
	max-height:140px;
	max-width:425px;
	margin:auto !important;
	box-sizing: border-box;	
}

.crncolumn2 {
text-align:center;
width:95%;
margin:auto;
margin-top:10px;
margin-bottom:0px;
padding-top:0px;
display:block;
}

.crnpricebox {
display:none;

/*display:inline-block;*/

max-height:145px;
overflow:visible;
font-size:19px;
padding-right:1px;
padding-left:1px;
padding-bottom:7px;
padding-top:7px;
margin-top:0px;
margin-bottom:7px;
margin-left:auto;
margin-right:auto;

}
.crndollarsign {
display:inline;
font-size:19px;
font-weight:normal;
top:0px;
left:0px;
}
.crnpriceboxgone {
	display:none;
}
.crnjoinbox {
clear:both;
max-height:200px;
margin-top:10px;
margin-bottom:0px;
min-width:100px;
padding-left:1px;
padding-right:1px;
padding-top:10px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:7px;
margin-left:auto;
margin-right:auto;
}

.crnjoinboxstart {
	font-size:17px;
}
.crnjoinboxstart span {
	font-size:14px;
}
.joinclassbutton .spobutton {
	font-size:16px;
}

.crntakingmultiple {
	font-size:15px;
	line-height:115%;	
}
.crntakingmultiple span {
	font-size:14px;
}

.crndesccolumn1 {
float:none;
width:85%;
margin-left:auto;	
margin-right:auto;
}
.crndesccolumn2 {
float:none;
width:85%;
margin:auto;
text-align:center;
}





.crnmoreinfocert {
	float:none;
	width:90%;
	margin:auto;
	text-align:center;
}
.crnmoreinfoachievements {
	float:none;
	width:90%;
	margin:auto;
}
.crnmoreinfolist {
	width:100% !important;
	margin-left:0px !important;
	margin-right:100%;

}
.crnmoreinforesumeleft {
	float:none;
	width:90%;
	margin:auto;
	margin-top:-25px;
}
.crnmoreinforesumeright {
	float:none;
	width:90%;
	margin:auto;
	display:none;
}

.crnoutcomeinfo ul, .crnmoreinfolist ul {
padding:0px;
margin:auto;
margin-top:5px;
width:95%;
}




.crnoutcomeinfo li, .newcatwhyuc li, .crnmoreinfolist li {
	width:80%;
	font-size:15px;
	margin-left:auto;
	margin-right:auto;
}







.crnbooks ul, .rltdartcls ul {
padding:0px;
margin:0px;
width:90%;
margin-left:0px;
margin-top:20px;
}
.crnbooks li, .rltdartcls li {
font-size:16px;
}
.crnlonglesson {
	font-size:15px !important;
}
.crnlonglesson h4 {
	font-size:19px !important;
}
.crnlonglessonpnts {
display:none;
}
.crnlonglessonttlpnts {
display:none;
}
.crntestimonials li {
	min-height:80px;
	font-size:17px;
	background: url("https://m.universalclass.com/15/icons/tstmnlicon50x40.png") no-repeat no-repeat 5px 9px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:70px;
	padding-top:7px;
	padding-bottom:10px;
	padding-right:10px;
	margin-bottom:30px;
	margin-left:10px;
	border:0px;
	vertical-align:top;
	width:70%;
}
.crntestimonials span {
width:100%;
display:table-cell;

}
.crntestimonials a {
width:100%;
font-size:20px;
}

/* END NEWCRN */














/* OLDCOURSE */


.crnvideobox {
	margin-bottom:25px;
	text-align:center;
}
.crndescription img {
	width:40%;
	height:auto;
	box-shadow: 0px 0px 5px #888888;
	border-radius: 10px;
}
.crndescnovdo {
	position:relative;
	width:100%;
}
.crnaddthishzl {
	display:none;	
}
.leftcolumn {
	display:none;
}
.rightcolumn {
	clear:both;
	width:100%;
	position:relative;
}

.bigleftcolumn {
	float:none;
	width:100%;
	position:relative;

}
.smallrightcolumn {
	clear:both;
	float:none;
	width:90%;
	position:relative;
	text-align:center;
	margin:auto;
}




.crnmiddleblurb {
	 width:70%;
	 border:3px double #888888;
	 padding:7px;
	 margin-left:auto;
	 margin-right:auto;
	 margin-bottom:12px;
	 background-color:#ffffff;
	 border-radius:5px;
}
.crnmddlpix {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


.crnvideobox {
	width:90%;
	margin-bottom:25px;
	text-align:center;
}
.crnvideobox545 {
	width:90%;
	min-width:300px;
	max-height:275px;
	padding-left:15px;
	position:relative;
	margin-bottom:25px;
	text-align:right;
}
.crnvideobox425 {
	width:90%;
	min-width:300px;
	max-height:275px;
	padding-left:11px;
	position:relative;
	margin-left:0px;
	text-align:right;	
}
.crnvideobox650 {
	width:90%;
	min-width:300px;
	max-height:275px;
	padding-left:11px;
	position:relative;
	margin-bottom:25px;
	text-align:right;
}
.crnrequestinfo {
	width:90%;
	font-size:14px;
}
.crnrequestinfo p {
font-size:20px;	
}

.crnrequestinfo td {
	white-space: nowrap;
}
.crnrequestinfo input[type=text] {
	font-size:15px;
	width:50%;
	text-decoration:none;
}
.crnrequestinfo textarea {
	text-decoration:none;
	font-size:15px;
	width:60%;
}
.crnrequestinfo img {
	display:none;
}
.crnreqinfobtn {
	font-size:15px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:7px;
	margin-top:7px;
	background-color:#22B14C;
	color:#ffffff;
	padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 2px #cccccc;
	cursor:pointer;
}

.crnlessons {
	width:90%;
	clear:both;
	font-size:16px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.crnlessons h3 {
	margin:0px;
	font-size:21px;
	position:relative;
	padding:10px;
}
.crnlessons h4 {
	font-size:17px;
	margin:0px;
}
.crnlessons ul {
	margin-left:-30px;
	margin-right:10px;
    list-style-type: none;

}
.crnlessons li {
	margin-bottom:20px;	
}

.crnprimetd {
	font-size:12px;
}
.gradetable {margin:auto;width:97%;}
.gradetable td 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	padding:2px;border-bottom:dotted 1px #cccccc;
}

.spobutton, .greenbutton {
	font-size:16px;
}
.spobuttonsmall {
	font-size:15px;
}
.cprice {
	position:relative;
	top:-10px;
	font-size:14px;
	padding-top:0px;
	margin-top:0px;
	display:inline-block;
	text-align:left;
	width:40%;
}
.ceuvalue {
	position:relative;
	top:-10px;
	padding-top:0px;
	margin-top:0px;
	font-size:14px;
	display:inline-block;
	text-align:right;
	width:40%;
}
.footer2015 {
	padding:20px;
}
.footercolumn {
	width:34%;
	padding-left:7px;padding-right:7px;
}

.footercolumn span {
font-size:19px;	
}
.shadedimg img {
display:none;
}

/*CRN SLIDE SHOW*/
.framecontainer {
	height:100%;
	min-height:400px;
}
.slideNav {
	top:50%;
}
.slideMiddle {
	display:none;
}
.slidecontainer img {
	width:90% !important;
	height:auto;
}

.catdivheading {
	font-size:22px;	
	margin-top:5px;
	margin-bottom:5px;
	max-width:300px;
}

.cattags {
	margin:auto;
	width:80%;
	min-width:250px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	padding:10px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:10px;
}

.cattags::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 3px;
}
.cattags::-webkit-scrollbar-track {
    background-color: rgba(211,211,211, .6);
    border-radius: 8px;
}
.cattags::-webkit-scrollbar-thumb {
    background-color: rgba(2, 142, 193, .6);
    border-radius: 8px;
}


.catsearchwidget input {
	max-width:250px;font-size:15px;height:35px;
}
#mychdr1 {
	font-size:21px !important;

}
#mychdr0img, #mychdr1img {
	display:none !important;
}
.mychdrcntrdiv {
width:95% !important;
display:block;	
margin:auto;

}
.rdForm div {
text-align:center;	
}


.rdForm span {
	display:inline-block;
	width:90%;
	text-align:center !important;
	min-width:200px;	
}
.rdForm h1, h2 {
font-size:20px;
}

.rdForm table, .mycloginform table {
	display:block !important;
	text-align:center !important;
	margin:auto !important;
	width:95% !important;
	max-width:465px !important;
}
.rdForm td, .rdForm tr, .rdForm th, .mycloginform td, .mycloginform tr, .mycloginform th  {
	display:block !important;
	text-align:center !important;
	margin:auto !important;
	width:100% !important;
}
.rdHide {
	display:none !important;
}
.rdForm h1, .mycloginform h1,.rdForm h2, .mycloginform h2 {
	font-size:20px;
}
.mycloginform {
	width:90%;
	margin:auto;
	padding:1px;
	font-size:16px;
}

.mycloginform input[type=text] {
	font-size:17px;
	padding:2px;
	width:70%; !important;
	min-width:100px;
	margin:auto;
}
.rdForm select, .mycloginform select {
	font-size:15px;
	padding:2px;
	margin:auto;
	overflow:hidden;
}
.mycloginform input[type=password] {
	font-size:17px;
	padding:2px;
	width:70%; !important;
	margin:auto;
}
.mycloginform div {
	font-size:17px !important;	
}

.flexcolumnInfo {
	flex-wrap: wrap;
}

.viewhidebig {
display:none;
}
.viewhidesmall {
display:block;
}

	.tabnotactive {
	display:none;
	} 

	.paybox {
	width:100%;background-color:#ffffff;border:0px;padding:0px;margin:0px;box-shadow:none;
	}
	
.cookiebanner {
	right:0;
	bottom:0;
	max-width:100%;
	width:100%;
	border-radius:0px;
	padding:0px;
	margin:0px;
	padding-top:20px;
	text-align:center;
}
.cookiebanner div {
	padding:20px;
	padding-bottom:5px;
	text-align:center;
}
.cookiebanner button {
	margin-top:10px;	
	margin-bottom:15px;
}

.basicheaderleft, .basicheaderright {
	display:none;
}
.basicheadercenter {
	width:95%;
	margin:auto;
}
}


.rosterimg img { 
	width:100px !important;height:100px !important;border-radius:5px !important;object-fit:cover !important;
}


/* CLASS START PAGE */
.startdashboard {
	display:flex;
	align-items:center;
	text-align:center;
	justify-content: center;
	border-radius:5px;
	width:80%;margin:auto;
	margin-bottom:20px;
}

.dashobjectives {
	width:65%;
	min-height:75px;padding-left:20px;padding-right:15px;padding-bottom:0px;font-size:36px;color:#ffffff;
}
.dashobjectives h2 {
	text-align:center;
	font-weight:normal;
	font-size:27px;
}
.profilepicture {
	text-align:center;
	width:35%;
}

.profilepicture img {
	margin-top:5px;border-radius:2px;box-shadow: 0px 2px 30px #000000;background-color:#eeeeee;
}
.profilepicture div {
	margin-top:3px;text-align:center;
	color:#ffffff;
}


.clssStartPg h2 {
	/*background-image: linear-gradient(to right, #ffffff , #22B14C);*/
	font-weight:normal;
	font-size:25px;
	margin:0px;
	padding-top:11px;
	padding-bottom:20px;
}
startpageemail {
	padding:0px;		
}

.startpageemail ul {
	font-size:18px;
	width:100%;
}

.startpageemail li {
	min-height:36px;
	background: url("https://m.universalclass.com/14/clss/email28x19.png") no-repeat 8px 11px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-top:7px;
	margin-bottom:10px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	width:375px;
	background-color:#b20000;
	text-shadow:none;
	box-shadow: 0px 2px 15px #000000;
	border-radius: 2px;
	border:2px solid #b20000;
}
.startpageemail li a, .startpageemail li button {
	color:#ffffff;
	padding:3px;
	display:block;
}
.startpageemail li:hover {
	background: url("https://m.universalclass.com/14/clss/emailbw28x19.png") no-repeat 8px 11px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.startpageemail li:hover a, .startpageemail li:hover button,  {
	background-color:#ffffff;
	color:#000000;
}

.startpageemail li a:hover, .startpageemail li button:hover {
	background-color:#ffffff;
	color:#000000;
}

.startpageforums {
	padding:0px;		
}

.startpageforums ul {
	font-size:18px;
	width:100%;
}

.startpageforums li {
	min-height:36px;
	background: url("https://m.universalclass.com/14/clss/forums31x21.png") no-repeat 6px 9px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-top:7px;
	margin-bottom:10px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	width:375px;
	background-color:#b20000;
	text-shadow:none;
	box-shadow: 0px 2px 15px #000000;
	border-radius: 2px;
	border:2px solid #b20000;
}
.startpageforums li a, .startpageforums li button, .startpageforums li span  {
	color:#ffffff;
	padding:3px;
	display:block;
	font-size:18px;
	text-align:left;
}
.startpageforums li:hover {
	background: url("https://m.universalclass.com/14/clss/forumsbw31x21.png") no-repeat 6px 9px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.startpageforums li:hover a, .startpageforums li:hover button, .startpageforums li:hover span {
	background-color:#ffffff;
	color:#000000;
}

.startpageforums li a:hover, .startpageforums li button:hover {
	background-color:#ffffff;
	color:#000000;
}


.startpglesson, .startpglessonHL {
margin:auto;
padding:10px;clear:both;padding-bottom:20px;box-shadow: 0px 3px 20px #cccccc;cursor:pointer;
background-color:#ffffff;margin-bottom:70px;
}
.startpglessonHL {
	border:3px double #cccccc;
	box-shadow: 0px 10px 20px #cccccc;
	margin-bottom:95px;
}
.lessontab { position:relative; }
.lessontab div { 
	border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;height:35px;position:absolute;
	top:-45px;left:60px;background-color:#ffffff;display:inline-block;padding-left:20px;padding-right:20px;padding-top:15px;font-size:25px;border-radius: 9px 9px 0px 0px; 
	}
.lessonimgblock { vertical-align: middle;display:inline-block;max-width:220px;text-align:center;width:30%; }
.lessonbttnblock { vertical-align:top;display:inline-block;width:65%;text-align:center;min-height:135px;border-top:1px solid #cccccc;padding-bottom:0px; }

.lessonactivityblock {	
	clear:both;margin:auto;width:75%;
}
.lessoncomplete {
	display:inline-block;
	background-color:#cccccc;
	margin-left:15px;
	padding:10px;
	border-radius:4px;
	position:relative;
	top:-4px;
	line-height:100%;
	margin-top:15px;
	}
.lessoncomplete img {
	padding:7px;border-radius:50%;background-color:#22B14C;vertical-align:middle;
}
.lessonfinished {
	background-image:url('https://m.universalclass.com/14/clss/finishflag640x425.jpg');
	width:95%;
	height:auto;
	margin:auto;background-position: center;background-repeat: no-repeat;;
}
.graduationbox {
	cursor:pointer;
	width:75%;
	max-width:640px;
	font-size:25px;
	text-align:center;
	margin:auto;padding:10px;
	color:#ffffff;
	box-shadow: 0px 2px 15px #000000;
	vertical-align:middle;
}
.vdobackground {	
	border-radius:2px;
	box-shadow:0px 0px 7px 0px;
	width:97%;
	margin:auto;
	background:url(https://m.universalclass.com/17/bg/vdobg960.jpg) left top no-repeat;
	background-size: 100% 100%;
	border-radius:7px;
	box-sizing: border-box;
}
.bgmasklabel {
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	display:inline-block;
	box-shadow: 0px 2px 10px #000000;
	padding:7px;
}
.lessonratingswrapper, .ratingswrapper {
	max-width:995px;
	padding:3px;
	font-size:16px;
	width:95%;
	margin:auto;
	margin-top:20px;
	box-sizing: border-box;	
	border-radius:5px;
	background-color:#ffffff;
	color:#000000;
}

.lessonratingswrapper {
	border-radius:2px;box-shadow:0px 0px 7px 0px;	
	background-color:#ffffff;
}

.lessonratings {
	margin:auto;
	speak:none;	
}

.lessonratings h1, .lessonratings h2, .lessonratings h3, .lessonratings h4, .lessonratings h5  {
	font-size:20px;
	padding:7px;
	color:#A9A9A9;
	text-align:left;
}
/*  ASSIGNMENT */

.assignmentinfo {
	display:flex;
	align-items:center;
	margin:auto;
	width:95%;
	text-align:center;
	justify-content: center;

}
.countwrapper {
	line-height:100%;
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	width:30%;
	max-width:145px;
	height:125px;
	text-align:center;
	font-size:75px;
	color:#ffffff;
	background-color:#006699;
	border-radius:7px;
	box-shadow: 0px 2px 30px #000000;
}
.countwrapper div {
	line-height:100%;
	text-align:center;
	padding:0px;
	margin:0px;
}
.countwrapper span {
	line-height:100%;
	 display:block;
	 text-align:center;
	 margin-top:0px;
	 padding:0px;
	 font-size:14px;
	 color:#ffffff;
	max-height:25px;
}
.starcount {
	line-height:100%;
	width:40%;
	max-width:220px;
	height:100px;
	padding:10px;
	text-align:center;
	margin-top:0px;
	color:#ffffff;
	speak:none;
}



.bgwht {
	padding:20px;font-size:35px;color:#ffffff;line-height:100%;
}
.uploadinfo {
	padding:10px;
	font-weight:bold;
	font-size:18px;
	width:75%;
	margin:auto;
	color:#ffffff;	
}
.uploadinfo button {
	font-size:18px;
	color:#ffffff;
	text-align:left;
	display:inline-block;
 	
}
.uploadinfo img {
	margin-right:10px;
	box-shadow:none;
	border:0px;
}
.uploadinfo span {
	font-weight:bold;
	text-decoration:underline;
}

.uploadinfo img {
	border:0px;
}


/* EXAM PAGE */
.grayhdr {
	vertical-align:middle;
	margin:auto;
	min-height:85px;
	width:100%;
	padding:0px;
	max-width: 995px;
	background:url(https://m.universalclass.com/15/lp/lpbggdnt975x360.jpg) left top no-repeat;
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 5px 10px #888888;

}
.grayhdr h2 {
	display:table-cell;
	vertical-align:middle;
	max-width: 995px;
	margin:auto;
	padding:20px;
	font-size:32px;
	color:#ffffff;
	line-height:100%;
	text-align:left;
}
.examprogress {
	width:75%;
	text-align:center;
	margin:auto;
}
.examprogress span {
	display:block;
	color:#808080;
	font-size:14px;
	text-align:center;
}
.progressbar {
	background-color:#ffffff;text-align:left;border: 1px solid #cccccc;	
}
.progressbar div {
	height:15px;background-color:lightblue;border:1px solid #000000;
}
.exambuttonarea {
	display:flex;
	align-items:center;
	text-algn:center;
	align-items:flex-start;
	margin:auto;
	margin-top:10px;
}
.exambuttonarea div {
	width:40%;
	margin:auto;
	padding:15px;
	text-align:center;
}
.questionbox {
	display:flex;
	text-algn:center;
	align-items:flex-start;	
	width:95%;
	margin:auto;
	margin-top:25px;	
}
.questionnumber {
	text-align:center;
	min-height:35px;
	max-width:60px;
	width:10%;
	border-radius:7px;
	font-size:30px;
	color:#ffffff;
	background-color:#006699;
	vertical-align:middle;
	padding-top:14px;
}
.questiontext {
	padding-left:15px;
	width:90%;
	text-align:left;
	font-size:25px;	
}
.questiontext div, .questiontext span, .questiontext p, .questiontext strong, .questiontext li, .questiontext td, .questiontext font  {
	font-size:25px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	line-height:140% !important;
}
.examchoicearea {
	display:flex;
	text-algn:center;
	align-items:flex-start;	
	flex-wrap: wrap; 
	width:95%;
	margin:auto;
	margin-top:25px;
}
.examchoiceoption, .pollchoiceoption {
	height:auto;
	padding:0px;
	margin:auto;
	margin-top:15px;
	cursor:pointer;
	font-size:21px !important;
	border:2px solid #cccccc;
	border-radius:10px;
	padding:10px;
	background-color:#eeeeee;
	vertical-align:middle;
}
.examchoiceoption {
	width:45%;
	min-height:90px;
}

.pollchoiceoption {
	width:90%;
	margin-top:15px;
	margin-bottom:15px;
	
}


.examtfoption {
	width:40%;
	min-height:50px;
	height:auto;
	padding:0px;
	margin:auto;
	margin-top:15px;
	cursor:pointer;
	font-size:21px !important;
	border:2px solid #cccccc;
	border-radius:10px;
	padding:10px;
	background-color:#eeeeee;
	vertical-align:middle;
	text-align:center;	
}


.examchoiceoption:hover, .examtfoption:hover {
	background-color:#ffffff;
	border:2px solid #006699;
}



.examchoiceoption div, .examchoiceoption span, .examchoiceoption p, .examchoiceoption strong, .examchoiceoption li, .examchoiceoption td, .examchoiceoption font  {
	font-size:21px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	line-height:140% !important;
	cursor:pointer;
}

/* CLASS POLLS */

.pollbuttonbox {
	display:flex;
	align-items:center;	
	font-size:17px;
}
.pollbuttonbox div {
	width:45%;
	padding:10px;
}
.pollquestion {
	padding:7px;margin-bottom:15px;line-height:110%;font-size: 25px !important;
	width:95%;
	margin-left:auto;margin-right:auto;
}

/* CLASS DISCUSSIONS */


.topiclisting table {
	width:97%;
	margin-top:20px;
	margin-left:auto;margin-right:auto;
	padding:20px;
	border:1px solid #cccccc;
	border-radius:5px;cursor:pointer;
}


.forumtopicbutton {
	text-align:left;
	width:100%;
	margin:auto;
	padding:0px;
		
}
.forumsettings img {
	display:inline-block;position:relative;top:-4px;cursor:pointer;width:20px;height:auto;margin-right:5px;
}

.uclikeblock {
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:7px;
	border:1px solid #cccccc;
	background-color:#ffffcc;
	cursor:pointer;
}
.ucunlikeblock {
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:7px;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	cursor:pointer;
}
.ucunlikeblock:hover {
	background-color:#ffffcc;
}
.uclikecount, .uclikecountred, .uclikecountblue, .uclikecountgreen {
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	margin-top:0px;
	overflow:hidden;
	width:70px;
	height:43px;
	text-align:center;
	font-size:45px;
	color:#000000;
	background-color:none;
	border-radius:3px;
	box-shadow: none;
	border:1px solid #000000;
	display:inline-block;
}
.uclikecountred {
	color:darkred;
	border:1px solid darkred;	
}
.uclikecountblue {
	color:#006699;
	border:1px solid #006699;
}
.uclikecountgreen {
	color:darkgreen;
	border:1px solid darkgreen;	
}
.uclikecountlabel {
	text-align:center;margin-top:-2px;font-size:12px;
}
.uclikecountnobox {
	text-align:center;
	position:relative;
	top:0px;
	height:29px;
	font-size:40px !important;
}
.thmbpic {
	cursor:pointer;display:inline-block;border:1px solid #cccccc;border-radius:7px;margin:auto;margin-top:20px;background-color:#eeeeee;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;
}
.thmbpic:hover {
	background-color:#ffffcc;
}
.tdheader {
	font-size:17px;
	font-weight:bold;
	padding:7px;
}
.tdsubject {
	width:40%;
	border-right:1px solid #cccccc;
}

.subinfo {
font-size:11px;
color:darkgray;
text-align:right;
display:none;
width:30%;
}
.subreplies {
	width:70%;
	text-align:left;
	font-size:12px;
	color:darkred;

	margin-right:5px;
}
.trinfo {
	word-break: break-word; 
	border-radius:7px;padding:20px;
	cursor:pointer;
	padding:10px;
	background-color:#ffffff;
	text-align:left;
	font-size:19px;
}
.trinfo:hover {
	background-color:#eff4ff;
}
.trinfo h2 {
	font-size:27px;
	font-weight:normal;
}
.trinfo div {
	font-size:12px;
}
.threadbuttons {
	padding-bottom:20px;text-align:right;margin-right:20px;
}
.threadbuttons button {
	 font-size:15px !important;
	 padding:5px !important;
}
.postreplybuttons {
	padding:7px;
	margin:auto;
	text-align:left;	
}

.messagebox {
	width:97%;margin:auto;padding:3px;max-width:695px;margin-bottom:20px;word-break: break-word;
}
.messagebox h2 {
	font-size:27px;
	font-weight:normal;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}
.messagethumbnail {
	border:1px solid #cccccc;
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}
.messagethumbnail img {
  width: 100%;
  height: auto;
}

.messagecontent {
	 width:97%;padding:10px;magin:auto;font-size:19px !important;word-wrap:break-word;
}
.messagecontent img {
	max-width: 95% !important;
	height: auto !important;
	width: auto !important;  
}

.likebox {
	text-align:center;margin-top:0px;padding-to:0px;margin-bottom:10px;
}
.attachmentarea {
	border-radius:7px;
	font-size:18px;
	text-align:center;
	width:75%;
	margin:auto;
	border-bottom:1px solid #cccccc;
	padding-bottom:7px;
	margin-bottom:5px;
}
.attachmentarea button {
font-size:18px;
}

.attachmentarea img {
	width:30px;
	height:auto;
	display:inline-block;position:relative;top:7px;
}
.attachmentarea:hover {
background-color:lightblue;
}

/* RESULT PAGE */


.resultpage {
	margin:auto;
	min-height:85px;
	width:100%;
	max-width: 995px;
	min-height:105px;
	padding:0px;
	border-radius:0px;
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) ), url(https://m.universalclass.com/15/bg/ltgrybg975x360.jpg) left top no-repeat;
	background-size: 100% 100%;
	border-radius:2px;
	box-shadow: 0px 5px 10px #888888;
}
.resultpage h2 {
	font-size:27px;
	color:#ffffff;
	padding:7px;
	text-align:center;
}
.resultpageinfobox {
	border-radius:0px;
	padding:7px;
	background:url(https://m.universalclass.com/maskbg.png) left top repeat;
	/*box-shadow: 0px 2px 30px #000000;*/
	width:75%;
	max-width:700px;
	clear:both;
	margin:auto;
	font-size:23px;
	color:#ffffff;
	padding:10px;
	line-height:120%;
}
.goscreen {
	display:flex;
	align-items:center;	
	font-size:17px;
	line-height:120%;
}

/* ROSTER PAGE */

.clssroster ul {
	padding:20px;
	text-align:center;
	margin:auto;
	list-style: none;
}
.clssroster ul li {
margin-right:5px;
margin-left:2px;
margin-bottom:25px;
vertical-align:middle;
display:inline-block;
position:relative;
text-align: center;
cursor: pointer;
width:120px;
height:120px;
text-align:center;
border-radius:7px;
}
.clssroster ul li:hover {
opacity: 0.6;
filter: alpha(opacity=60);

}
.clssroster ul li div {
width:118px;
height:100px;
overflow: hidden;
text-align:center;		
border-radius:7px;
}
.clssroster ul li span {

	margin-top:5px;
	display:block;
	text-align:center;
	line-height:100%;
	font-size:12px;
	color:#000000;
}
.clssroster ul li img {
border-radius:7px;
margin:auto;
padding:0px;
display: block;
/*	width:100%;
height:auto; */ 
height:100%; 
width: auto; 
}


.pageindex {
	width:95%;margin:auto;text-align:center;font-size:20px;padding:7px;
}
.pageindex span {
	padding:10px;border:1px solid #ffffcc;
}
.pageindex a, .pageindex button {
	padding:10px;border:1px solid #ffffcc;
	line-height:2.5;
	padding:5px;
	border:1px solid #eeeeee;
}


/* REPORT CARD */




.reportcard { BORDER-COLLAPSE: collapse;font-size:16px;margin-left:auto;margin-right:auto; }
.reportcard td {padding:7px; border: 1px dotted gray !important;cursor: pointer; }
.reportcard tr {background-color:#ffffff;}
.reportcard tr:hover {background-color:#cbdfe6;}

.reportcardlesson {
	font-size:16px;
	font-weight:bold;
	width:75%;
}
.reportcardpoints {
	width:10%;
	text-align:center;
	font-weight:bold;

}
.reportcardspacer {
	width:5%;
}
.reportcarditem {
	text-align:left;
	width:75%;
}
.reportcarditempoints {
	text-align:center;
	width:10%;
}
.assesseditem {
	display:block;
	width:99%;
	margin:auto;
	padding:7px;
	display:flex;
	align-items:center;
	text-align:left;
	font-size:14px;
	line-height:100%;
}
.assesseditem span {
	font-size:12px;
}
.assesseditem:hover {
	background-color:#eeeeee;
}

.progressreport h2 {
	font-size:29px;
	margin-left:10px;
	padding:5px;
	margin-bottom:0px;
}
.infobox {
	color:#ffffff;
	margin:auto;
	font-size:17px;
	border-radius:5px;
	padding:11px;
	max-width: 995px;
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) ), url(https://m.universalclass.com/maskbg.png) left top repeat;
	box-shadow: 0px 2px 30px #000000;
}
.infoboxwhite {
	color:#000000;
	margin:auto;
	font-size:17px;
	border-radius:5px;
	padding:11px;
	max-width: 995px;
	background-color: #ffffff;
	box-shadow: 0px 2px 30px #000000;
}
.infobox h1, .infobox h2, .infobox h3, .infoboxwhite h1, .infoboxwhite h2, .infoboxwhite h3 {
	margin:0px;
	padding:3px;
	font-size:27px;
	text-align:center;	
}
.tdlabel {
	text-align:left;
	font-size:15px;
	width:20%;
}
.tdratio {
	font-size:15px;
	text-align:center;
	width:10%;
}
.tdgraph {
	font-size:15px;
	width:70%;
}
.nameblock {
	display:flex;
	align-items:center;
	text-align:center;
		
}
.nameblock div {
	width:50%;padding:7px;font-size:23px;
}
.nameblock img {
	margin-left:auto;margin-right:auto;border-radius:2px;
	max-height:75px;overflow:hidden;background-color:#eeeeee;
}
.progresscontainer {
	display:flex;
	align-items:center;
	text-align:center;
	width:95%;
	margin:auto;
}
.progressarea {
	width:75%;
}
.gradearea {
	width:25%;
}
.currentgrade {
margin-left:auto;margin-right:auto;margin-top:30px;overflow:hidden;padding:10px;width:125px;height:100px;text-align:center;font-size:85px;color:#ffffff;background-color:#006699;border-radius:7px;box-shadow: 0px 2px 30px #000000;
}
.currentgradepercent {
text-align:right;position:relative;top:28px;height:40px;
}
.currentgradelabel {
text-align:center;margin-top:37px;font-size:17px;color:#ffffff;
}
.overallgrade {
margin-left:auto;margin-right:auto;margin-top:40px;padding:10px;overflow:hidden;width:95px;height:65px;text-align:center;font-size:62px;color:#ffffff;background-color:darkred;border-radius:7px;box-shadow: 0px 2px 30px #000000;
}
.overallgradepercent {
text-align:right;position:relative;top:15px;height:34px;
}
.overallgradelabel {
text-align:center;margin-top:15px;font-size:14px;color:#ffffff;
}

/* GRADUATION PAGE */

.fwsbg {
	margin:auto;
	width:100%;
	min-height:200px;
	max-width: 995px;
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) ), url(https://m.universalclass.com/14/clss/fireworks800x500.jpg) left top no-repeat;
	background-size: cover;
	border:0px;
}

.fwsbg h1, .fwsbg h2 {
	width:80%;
	max-width: 995px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;text-align:center;
	box-shadow: 0px 2px 30px #000000;
	font-size:35px;
	color:#ffffff;
	line-height:100%;
	border-radius:5px;
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5) );
}

.fwsbgmsg {
	width:75%;
	margin-top:0px;
	margin:auto;
	font-size:21px;
	padding:11px;
	border-radius:7px;
	color:#ffffff;
}

.finalgrade {
	margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;overflow:hidden;padding:10px;width:155px;height:100px;text-align:center;font-size:85px;color:#ffffff;background-color:#006699;border-radius:7px;box-shadow: 0px 2px 30px #000000;
}
.finalgradepercent {
	text-align:center;position:relative;top:28px;height:40px;letter-spacing:-2px
}
.finalgradelabel {
	text-align:center;margin-top:37px;font-size:17px;color:#CCCCCC;
}

/*
.crncover {
	width:100%;
    background-repeat: no-repeat;
    background-position: center top;
	background-size:100% auto;    
    min-height:600px;
    position:relative;
}
*/

.activitylist {
	text-decoration:none;
	margin:0px;
	padding:0px;
	text-align:left;
	color:#000000;
	background-color:#ffffff;
	font-size:20px;
}

.activitylist a {
	color:#000000;
	background-color:#ffffff;
}
.activitylist a:hover {
	text-decoration:underline;
}

.assignmentlist ul {
	margin:0px;
	padding:0px;
	width:95%;
	max-width:625px;
}

.assignmentlist li {
	background: url("https://m.universalclass.com/14/clss/assignmenticonbw25x28.png") no-repeat 4px 4px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	margin:0px;
	margin-top:20px;
	border:0px;
	vertical-align:top;
	display:inline-block;
	position:relative;
	overflow:normal;
	background-color:#ffffff;
	text-shadow:none;
	box-shadow:none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.assignmentlist li:hover {
	background: url("https://m.universalclass.com/14/clss/assignmenticonbw25x28.png") no-repeat 4px 4px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
}
.assignmentlist li a {
	display:block;
}
.assignmentlist li:hover a {
	background-color:#ffffff;
	color:#000000;
}

.assignmentlist li a:hover {
	background-color:#ffffff;
	color:#000000;
}


.examlist ul {
	margin:0px;
	padding:0px;
	width:95%;
	max-width:625px;

}

.examlist li {
	background: url("https://m.universalclass.com/14/clss/examiconbw27x24.png") no-repeat 5px 8px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	margin:0px;
	margin-top:20px;
	border:0px;
	vertical-align:top;
	display:inline-block;
	position:relative;
	overflow:normal;
	background-color:#ffffff;
	text-shadow:none;
	box-shadow:none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
}
.examlist li a {
	display:block;
}
.examlist li:hover {
	background: url("https://m.universalclass.com/14/clss/examiconbw27x24.png") no-repeat 5px 8px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
}

.examlist li:hover a {
	background-color:#ffffff;
	color:#000000;
}

.examlist li a:hover {
	background-color:#ffffff;
	color:#000000;
}


.completedlist ul {
	margin:0px;
	padding:0px;
	width:95%;
	max-width:625px;
}

.completedlist li {
	background: url("https://m.universalclass.com/14/clss/checkmarkbw27x23.png") no-repeat 5px 4px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	margin:0px;
	margin-top:20px;
	border:0px;
	vertical-align:top;
	display:inline-block;
	position:relative;
	overflow:normal;
	background-color:#ffffff;
	text-shadow:none;
	box-shadow:none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.completedlist li a {
	display:inline-block;
	color:#cccccc;
}
.completedlist li:hover {
	background: url("https://m.universalclass.com/14/clss/checkmarkbw27x23.png") no-repeat 5px 4px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#cccccc;
}

.completedlist li:hover a {
	background-color:#ffffff;
	color:#000000;
}

.completedlist li a:hover {
	background-color:#ffffff;
	color:#000000;
}

/* LESSON PAGE */

.lessonhdr, .classhdr {
	padding-top:10px;font-size:36px;color:#ffffff;line-height:100%;text-align:center;	
}
.classhdr img {
	max-height:35px;
	width:auto;
	margin-left:7px;
	margin-bottom:2px;
}
.lessontoolbar {
width:80%;margin:auto;max-height:75px;font-size:11px;vertical-align:middle;
display:flex;align-items:center;justify-content:center;
}
.lessontoolbar img {
	width:65px;
	height:65px;
}
.lessontoolbarfiller {
	vertical-align:top;display:inline-block;border:0px;padding:0px;width:65px;height:65px;
}
/* CHECKLISTS */
.assignmentchecklist ul, .examchecklist ul, .pollchecklist ul, .netlinkchecklist ul, .announcementchecklist ul, .documentchecklist ul, .surveychecklist ul, .completedchecklist ul {
	font-size:18px;
	width:95%;
	max-width:700px;
}
.assignmentchecklist li, .examchecklist li, .pollchecklist li, .netlinkchecklist li, .announcementchecklist li, .documentchecklist li, .surveychecklist li, .completedchecklist li {
	min-height:36px;
	text-align:left;
	padding-left:40px;
	padding-top:7px;
	margin-bottom:10px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	max-width:375px;
	text-shadow:none;
	box-shadow: 0px 2px 15px #000000;
	border-radius: 2px;
	border:2px solid #b20000;
	background-color:#b20000;
}




.examchecklist li {
	background: url("https://m.universalclass.com/14/clss/examicon27x24.png") no-repeat 6px 11px; 
	background-position: center left 6px;
	background-color:#b20000;
}
.examchecklist li a, .examchecklist li button {
	color:#ffffff;
	padding:3px;
	display:block;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;
}
.examchecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/examiconbw27x24.png") no-repeat 6px 11px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.examchecklist li:hover a, .examchecklist li:hover button {
	background-color:#ffffff;
	color:#000000;
}

.examchecklist li a:hover, .examchecklist li button:hover {
	background-color:#ffffff;
	color:#000000;
}



.assignmentchecklist li {
	background: url("https://m.universalclass.com/14/clss/assignmenticon25x28.png") no-repeat 5px 9px;
	background-position: center left 6px;
	background-color:#b20000;
}
.assignmentchecklist li a, .assignmentchecklist li button {
	color:#ffffff;
	padding:3px;
	display:block;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;
}
.assignmentchecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/assignmenticonbw25x28.png") no-repeat 5px 9px;
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.assignmentchecklist li:hover a, .assignmentchecklist li:hover button {
	background-color:#ffffff;
	color:#000000;
}

.assignmentchecklist li a:hover, li button:hover {
	background-color:#ffffff;
	color:#000000;
}


.pollchecklist li {
	background: url("https://m.universalclass.com/14/clss/polls24x21.png") no-repeat 7px 11px;
	background-position: center left 6px;
	background-color:#b20000;
}
.pollchecklist li a, .pollchecklist li button {
	background-color:none;
	padding:3px;
	color:#ffffff;
	display:block;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;
}
.pollchecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/pollsbw24x21.png") no-repeat 7px 11px;
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.pollchecklist li:hover a, .pollchecklist li:hover button {
	background-color:#ffffff;
	color:#000000;
}

.pollchecklist li a:hover {
	background-color:#ffffff;
	color:#000000;
}



.netlinkchecklist li {
	background: url("https://m.universalclass.com/14/clss/globe24x24.png") no-repeat 5px 9px;
	background-position: center left 6px;
	background-color:#b20000;
}
.netlinkchecklist li a, .netlinkchecklist li button {
	color:#ffffff;
	display:block;
	padding:3px;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;
}
.netlinkchecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/globebw24x24.png") no-repeat 5px 9px;
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.netlinkchecklist li:hover a, .netlinkchecklist li:hover button {
	background-color:#ffffff;
	color:#000000;
}

.netlinkchecklist li a:hover {
	background-color:#ffffff;
	color:#000000;
}


.announcementchecklist li {
	background: url("https://m.universalclass.com/14/clss/microphone28x19.png") no-repeat 7px 9px; 
	background-position: center left 6px;
	background-color:#b20000;
}
.announcementchecklist li a, .announcementchecklist li button {
	color:#ffffff;
	padding:3px;
	display:block;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;
}
.announcementchecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/microphonebw28x19.png") no-repeat 7px 9px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.announcementchecklist li:hover a {
	background-color:#ffffff;
	color:#000000;
}

.announcementchecklist li a:hover {
	background-color:#ffffff;
	color:#000000;
}



.documentchecklist li {
	background: url("https://m.universalclass.com/14/clss/document20x24.png") no-repeat 7px 9px; 
	background-position: center left 6px;
	background-color:#b20000;
}

.documentchecklist li a, .documentchecklist li button  {
	color:#ffffff;
	padding:3px;
	display:block;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;
}
.documentchecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/documentbw20x24.png") no-repeat 7px 9px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.documentchecklist li:hover a {
	background-color:#ffffff;
	color:#000000;
}

.documentchecklist li a:hover {
	background-color:#ffffff;
	color:#000000;
}


.surveychecklist li {
	background: url("https://m.universalclass.com/14/clss/survey20x25.png") no-repeat 9px 9px; 
	background-position: center left 6px;
	background-color:#b20000;
}
.surveychecklist li a, .surveychecklist li button {
	color:#ffffff;
	padding:3px;
	display:block;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;
}
.surveychecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/surveybw20x25.png") no-repeat 9px 9px; 
	background-position: center left 6px;
	background-color:#ffffff;
	color:#000000;
	border:2px solid #000000;
}

.surveychecklist li:hover a {
	background-color:#ffffff;
	color:#000000;
}

.surveychecklist li a:hover {
	background-color:#ffffff;
	color:#000000;
}

.completedchecklist li {
	min-height:36px;
	background: url("https://m.universalclass.com/14/clss/checkmark27x23.png") no-repeat no-repeat 5px 9px; 
	background-position: center left 6px;
	text-align:left;
	padding-left:40px;
	padding-top:7px;
	margin-bottom:10px;
	border:0px;
	vertical-align:top;
	display:block;
	overflow:normal;
	max-width:375px;
	background-color:#22B14C;
	text-shadow:none;
	/* no drop-shadow on completed item */
	box-shadow:none;
	border-radius: 2px;
	border:2px solid #22B14C;
}
.completedchecklist li a, .completedchecklist li span, .completedchecklist li button  {
	color:#ffffff;
	padding:3px;
	display:block;
	pointer:cursor;
	font-size:18px;
	text-align:left;
	width:97%;	
}

.completedchecklist li:hover {
	background: url("https://m.universalclass.com/14/clss/checkmarkbw27x23.png") no-repeat no-repeat 5px 9px !important; 
	background-position: center left 6px !important;
	background-color:#ffffff !important;
	color:#000000 !important;
	border:2px solid #000000 !important;
}
.completedchecklist li:hover a, .completedchecklist li:hover span, .completedchecklist li:hover button {
	background-color:#ffffff;
	color:#000000;
}

.lessondoc {font-size:14px;line-height:1.5;padding:7px;}

.lessondocnoimgborder{
	padding-top:7px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;	
}
.lessondocimg {
	font-size:22px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;	
	padding-top:7px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.lessondocimg ul, .lessondocimg ol {
  display: block;
  list-style-type: disc;   /* for <ul>, "decimal" for <ol> */
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;       /* or sometimes padding-left: 40px */
  padding-left: 0;         /* or varies depending on browser */
}


.lessondocimg img {	box-shadow: 0px 0px 5px #888888;border-radius: 7px;margin:7px;-webkit-animation:fadeIn 2s linear;
	animation:fadeIn 2s linear;}

.lessondocimg img {
	clear:both;
	display:block !important;
	margin-left:auto !important;
	margin-right:auto !important;
	max-width: 92% !important;
	height: auto !important;
	width: auto !important;  
}
	
.lessondocimg h1, .lessondocimg h2, .lessondocimg h3, .lessondocimg h4, .lessondocimg h5 {
	text-align:center !important;
	font-size:32px !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin:auto;
	color:#424242 !important;
	background: none !important;
	border-radius:0px !important;
	font-weight:bold !important;
	font-style: normal !important;
	box-shadow:none !important;
	margin-bottom:25px !important;
	margin-top:15px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	line-height:120% !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:2px solid #cccccc !important;
	background-color:transparent !important;
	text-decoration: none !important;
}
.lessondocimg h1[style], .lessondocimg h2[style], .lessondocimg h3[style], .lessondocimg h4[style], .lessondocimg h5[style] {
	text-align:center !important;
	color:#424242 !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	font-size:32px !important;
	background-color:transparent !important;
	font-style: normal !important;
	text-decoration: none !important;
}

.lessondocimg h1 font, .lessondocimg h2 font, .lessondocimg h3 font, .lessondocimg h4 font, .lessondocimg h5 font {
	text-align:center !important;
	color:#424242 !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	font-size:32px !important;
	background-color:transparent !important;
	font-style: normal !important;
	text-decoration: none !important;
}

.lessondocimg h1 span, .lessondocimg h2 span, .lessondocimg h3 span, .lessondocimg h4 span, .lessondocimg h5 span {
	text-align:center !important;
	color:#424242 !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	font-size:32px !important;
	background-color:transparent !important;
	font-style: normal !important;
	text-decoration: none !important;
}

.lessondocimg h1 strong, .lessondocimg h2 strong, .lessondocimg h3 strong, .lessondocimg h4 strong, .lessondocimg h5 strong {
	text-align:center !important;
	color:#424242 !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	font-size:32px !important;
	background-color:transparent !important;
	font-style: normal !important;
	text-decoration: none !important;
}

.lessondocimg h1 em, .lessondocimg h2 em, .lessondocimg h3 em, .lessondocimg h4 em, .lessondocimg h5 em {
	text-align:center !important;
	color:#424242 !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	font-size:32px !important;
	background-color:transparent !important;
	font-style: normal !important;
	text-decoration: none !important;
}

.lessondocimg h1 u, .lessondocimg h2 u, .lessondocimg h3 u, .lessondocimg h4 u, .lessondocimg h5 u {
	text-align:center !important;
	color:#424242 !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	font-size:32px !important;
	background-color:transparent !important;
	font-style: normal !important;
	text-decoration: none !important;
}
.lessondocimg div, .lessondocimg p, .lessondocimg span, .lessondocimg li, .lessondocimg strong, .lessondocimg u, .lessondocimg em, .lessondocimg font, .lessondocimg strong font, .lessondocimg strong span   {
	font-size:22px !important;
	font-family:verdana, Arial, Helvetica, sans-serif !important;
	line-height:150% !important;
}
.lessondocimg b {
	color:blue !important;
	font-size:22px !important;
}

.lessondocimg strong {
	color:#00006F !important;
	font-size:22px !important;
}

.lessondocimg em {
	color:#000000 !important;
	background-color:transparent !important;
	font-size:22px !important;
}

.lessondocimg i {
	/*color:brown !important;*/
	/*background-color:yellow !important;*/
	font-size:22px !important;
}

.lessondocimg u {
	color:red !important;
	font-size:22px !important;
}

.lessondocimg ol {

}

.lessondocimg ul {

}
.lessondocimg li {
	}
.lessondocimg li span, .lessondocimg li b, .lessondocimg li strong, .lessondocimg li i, .lessondocimg li em {color:#000000 !important;background-color:transparent !important;}
.lessondocimg table {margin:auto !important; background-color:#ffffff;}
.lessondocimg td {padding:10px;}

.lessondocimg pre, .lessondocimg code {
    background: #f4f4f4 !important;
    border: 1px solid #ddd !important;
    border-left: 3px solid #f36d33 !important;
    color: #666 !important;
    page-break-inside: avoid !important;
    font-family: monospace !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 1.6em !important;
    max-width: 100% !important;
    overflow: auto !important;
    padding: 1em 1.5em !important;
    display: block !important;
    word-wrap: break-word !important;
}

.lessondocimg pre p, .lessondocimg pre div, .lessondocimg pre span, .questiontext pre, .questiontext pre div, .questiontext pre span, .lessondocimg code p, .lessondocimg code div, .lessondocimg code span, .questiontext code, .questiontext code div, .questiontext code span  {
    font-family: monospace !important;
    font-size: 15px !important;
    color: #666 !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
    padding-top:0px !important;
    padding-bottom:0px !important;	
}
pre, code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}	

.iconview {
	border:1px solid darkblue;border-radius:7px;padding:5px;margin-left:10px;margin-right:10px;margin-bottom:10px;
	width:80px;
	height:80px;
	overflow:hidden;
}
.iconview:hover {
	background-color:lightblue;
}
.iconviewoutline {
	overflow:hidden;vertical-align:middle;
	vertical-align:middle;display:flex;align-items:center;justify-content:center;

}
.iconview button {
	display:block;width:100%;height:100%;
	width:80px;height:80px;
}
.iconview img {
	width:auto;
	height:auto;
	max-height:60px;
	max-width:60px;
	display:block;margin:auto;vertical-align:middle;
}

.image90Degrees {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.image180Degrees {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.image270Degrees {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}
.image0Degrees {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

/* TODOLIST JULY 2022 */

.todolist {
	width:95%;
	margin:auto;
	font-size:20px;
	color:#4f4f4f;
	box-sizing: border-box;
	border-bottom:1px solid #cccccc;
}
.todolistheading {
	margin:0px;
	margin-top:10px;
	padding:0px;
	display:flex;
	align-items:center;
	box-sizing: border-box;
	background-image: linear-gradient(to right, lightblue , #ffffff);
}
.todolistheading img {
	width:28px;
	height:auto;
	margin:0px;
	padding:0px;
	border:0px;
}
.todolist h1, .todolist h2, .todolist h3 {
	color:#424242;
	background-color:transparent;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	display:block;
	text-align:left;
	width:100%;
	padding:7px;
	margin:10px;
	flex-grow: 3;
	box-sizing: border-box;
}
.todolistheading div {
	min-width:55px;
	font-size:16px;
	text-align:center;
	padding:7px;
	margin:10px;
}
.todolist ul {
	list-style-type: none;
	padding:0px;
	width:100%;
	box-sizing: border-box;
}
.todolist ul li {
	width:100%;
	padding:15px;
	box-sizing: border-box;
}
.todolist ul li:hover {
	background-image: linear-gradient(to right, #cdffcd , #ffffff);
}
.todolist ul li span {
	display:inline-block;
}
.todolist ul li a {
	width:100%;
	text-decoration:none;
	display:block;
	display:flex;
	align-items:center;
	color:#4f4f4f;
	box-sizing: border-box;
}
.todolistblank {
	width:40px !important;text-align:center;
}
.todolistblank img {
	width:25px;height:auto;margin:7px;
}
.todolisticon, .todolisticoncomplete {
	width:40px !important;text-align:center;
}
.todolisticon img, .todolisticoncomplete img {
	width:auto;
	min-width:20px;
	max-width:38px;
	height:auto;
	max-height:25px;
	margin:5px;
}
.todolisticoncomplete img {
	filter: grayscale(100%);
	opacity: 0.5;
}
.todolisttitle {
	min-width:50%;
	flex-grow: 3;
}
.todolisttitlecomplete {
	text-decoration: line-through;
	text-decoration-thickness:1px;
	color:darkgray;
	min-width:50%;
	flex-grow: 3;
}
.todolistchecked {
	width:40px;text-align:center;
}
.todolistchecked img {
	background-color:#1266f1;
	width:30px;height:auto;margin:5px;
}
.todoliststatus {
	text-align:center;
	background-color:#3bb54a;
	color:#ffffff;
	padding:5px;
	font-size:14px;
	border-radius:4px;
	
}


/* *************************************** */
/*   MEDIA SCREEN  TARGETING SMARTPHONES   */
/* *************************************** */

@media screen and (min-width:100px) and (max-width:820px) {

.startpglesson, .startpglessonHL {
width:88%;
}
.clssStartPg h2 {
	font-size:19px;
}

.lessontab div { left:30px;font-size:19px; }


.lessonimgblock { display:block;width:100%;margin:auto;text-align:center; }

.lessonbttnblock {display:block;width:100%;min-height:40px;padding:0px;margin:0px; }

/* CLASS START PAGE */

.lessoncomplete {
	margin:0px;
	padding:5px;
	position:relative;
	top:15px;
	display:block;
	text-align:center;
	margin:auto;
	max-width:250px
}

.graduationbox {
	width:95%;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	margin-left:auto;
	margin-right:auto;	
}


/* LESSON PAGE */

.lessonhdr, .classhdr {
	font-size:22px;
}
.classhdr img {
	max-height:25px;
}


.lessontoolbar {
	width:95%;

}
.lessontoolbar img {
	width:55px;
	height:55px;
}
.lessontoolbarfiller {
	width:55px;height:55px;
}


.lessonactivityblock {	
 width:95%;
 margin:auto;
 padding:0px;
}
.lessonactivityblock h2 {	
	font-size:19px;
	text-align:center;
}

.lessonratings {
	font-size:12px;
}



/* CHECKLISTS */
.assignmentchecklist ul, .examchecklist ul, .pollchecklist ul, .netlinkchecklist ul, .announcementchecklist ul, .documentchecklist ul, .surveychecklist ul, .completedchecklist ul {
width:97%;
margin:auto;
padding:0px;
}
.assignmentchecklist li, .examchecklist li, .pollchecklist li, .netlinkchecklist li, .announcementchecklist li, .documentchecklist li, .surveychecklist li, .completedchecklist li {
	max-width:375px;
	margin-left:auto;
	margin-right:auto;
	
}


.lessondoc {font-size:17px !important;}
.lessondocimg {	font-size:17px !important; }
.lessondocimg h1, .lessondocimg h2, .lessondocimg h3, .lessondocimg h4, .lessondocimg h5 { font-size:22px !important;}
.lessondocimg h1[style], .lessondocimg h2[style], .lessondocimg h3[style], .lessondocimg h4[style], .lessondocimg h5[style] {font-size:22px !important;}
.lessondocimg h1 font, .lessondocimg h2 font, .lessondocimg h3 font, .lessondocimg h4 font, .lessondocimg h5 font {font-size:22px !important;}
.lessondocimg h1 span, .lessondocimg h2 span, .lessondocimg h3 span, .lessondocimg h4 span, .lessondocimg h5 span {font-size:22px !important;}
.lessondocimg h1 strong, .lessondocimg h2 strong, .lessondocimg h3 strong, .lessondocimg h4 strong, .lessondocimg h5 strong {
	font-size:22px !important;
}

.lessondocimg h1 em, .lessondocimg h2 em, .lessondocimg h3 em, .lessondocimg h4 em, .lessondocimg h5 em {
	font-size:22px !important;
}

.lessondocimg h1 u, .lessondocimg h2 u, .lessondocimg h3 u, .lessondocimg h4 u, .lessondocimg h5 u {
	font-size:22px !important;
}
.lessondocimg div, .lessondocimg p, .lessondocimg span, .lessondocimg li, .lessondocimg strong, .lessondocimg u, .lessondocimg em, .lessondocimg font, .lessondocimg strong font, .lessondocimg strong span   {
	font-size:17px !important;
}
.lessondocimg b, .lessondocimg strong, .lessondocimg em, .lessondocimg i, .lessondocimg u, .lessondocimg ol, .lessondocimg ul, .lessondocimg li, .lessondocimg li .lessondocimg span, .lessondocimg li div, .lessondocimg table, .lessondocimg td {
	font-size:17px !important;
}

.lessondocimg li span, .lessondocimg li b, .lessondocimg li strong, .lessondocimg li i, .lessondocimg li em {
	font-size:17px !important;
}

/* ASSIGNMENT PAGE */

.bgwht {
	font-size:25px;	
}
.uploadinfo {
	font-size:15px;
}
.uploadinfo button {
	font-size:15px;
}
.countwrapper {
	margin:auto;
	padding:6px;
	width:50%;
	max-width:100px;
	height:100px;
	font-size:40px;
}
.countwrapper div {
	top:11px;
}
.countwrapper span {
	 margin-top:18px;
	 font-size:12px;
}
.starcount {
	display:none;
}	

/* EXAM PAGE */

.grayhdr {
	min-height:55px;
}
.grayhdr h2 {
	padding:12px;
	font-size:23px;
}

.questionbox {
	
}
.questionnumber {
	min-height:30px;
	max-width:55px;
	border-radius:0px;
	background-color:#ffffff;
	color:#000000;
	font-size:22px;
	padding-top:4px;
	font-weight:bold;
	margin-right:0px;
	padding-right:0px;
}
.questiontext {
	font-size:20px;	
	padding-left:2px;
}
.questiontext div, .questiontext span, .questiontext p, .questiontext strong, .questiontext li, .questiontext td, .questiontext font  {
	font-size:20px !important;
}
.examchoicearea {
	margin-top:10px;
}
.examchoiceoption {
	min-height:50px;
	width:95%;
	font-size:18px !important;
}

.examchoiceoption div, .examchoiceoption span, .examchoiceoption p, .examchoiceoption strong, .examchoiceoption li, .examchoiceoption td, .examchoiceoption font  {
	font-size:19px !important;
}


/* CLASS POLLS */

.pollbuttonbox {
	font-size:15px;
}
.pollquestion {
	font-size: 20px !important;
}
.pollchoiceoption {
	font-size: 19px !important;
}


/* CLASS DISCUSSIONS */

.trinfo h2 {
	font-size:21px;
}

.trinfo div {
	font-size:12px;
}
.tdsubject {
	font-size:14px !important;
	width:100%;
	margin:0px;
	border-right:0px;
	border-bottom:1px solid #cccccc;
	padding-left:0px;
}

.subinfo {
	display:block;
}


.uclikecount, .uclikecountred, .uclikecountblue, .uclikecountgreen {
	width:50px;
	height:35px;
	font-size:25px !important;	
}
.uclikecountlabel {
	text-align:center;margin-top:-2px;font-size:12px;
}
.uclikecountnobox {
	text-align:center;
	position:relative;
	top:0px;
	height:25px;
	font-size:25px !important;
}

.topiclisting table {
	width:98%;
	margin-top:10px;
	margin-left:auto;margin-right:auto;
	padding:5px;
	border:none;
	border-radius:0px;
}

.threadbuttons, .postreplybuttons {
	text-align:center !important;
	margin:auto;
}

.postreplybuttons {
	text-align:right;
}

.messagethumbnail {
  width: 70px;
  height: 70px;
}
.messagebox h2 {
	font-size:21px;
	font-weight:normal;
	padding-bottom:7px;
}

.attachmentarea button {
font-size:15px;
}

.attachmentarea img {
	width:25px;
	height:auto;
}

/* ROSTER PAGE */


.clssroster ul {
	padding:0px;
	margin:auto;
}
.clssroster ul li {
	margin-left:10px;
	margin-right:10px;

}

/* RESULT PAGE */


.resultpage {
}
.resultpage h2, .resultpage h3 {
	font-size:21px;
	padding:5px;
}
.resultpageinfobox {
	width:85%;
	max-width:600px;
	font-size:19px;
}
.goscreen {
	font-size:15px;
}

/* REPORT CARD */

.progresscontainer {
	display:block;
}
.progressarea {
	width:100%;
}
.gradearea {
	display:flex;
	width:100%;
}
	


.progressreport h2 {
	font-size:22px;
}
.infobox, .infoboxwhite {
	font-size:15px;
}
.infobox h1, .infobox h2, .infobox h3, .infoboxwhite h1, .infoboxwhite h2, .infoboxwhite h3 {
	font-size:21px;
}
.tdlabel {
	font-size:12px !important;
}
.tdratio {
	font-size:12px !important;
}
.tdgraph {
	font-size:12px !important;
}
.nameblock div {
	width:50%;padding:7px;font-size:17px;
}
.nameblock img {
	max-height:45px;
}
.currentgrade {
margin-top:20px;
width:100px;
height:80px;
font-size:65px;
}
.currentgradepercent {
top:20px;height:30px;
}
.currentgradelabel {
margin-top:30px;font-size:14px;
}
.overallgrade {
margin-top:29px;width:75px;height:55px;font-size:45px;
}
.overallgradepercent {
top:10px;height:25px;
}
.overallgradelabel {
margin-top:15px;font-size:12px;
}

.reportcardlesson {
	font-size:14px !important;
}
.reportcardpoints {
	font-size:14px !important;	
}
.reportcarditem {
	width:70%;
}
.reportcarditempoints {
	width:15%;
}


/* GRADUATION PAGE */

.fwsbg {
}

.fwsbg h1, .fwsbg h2 {
	width:95%;
	padding:10px;
	margin-top:0px;
	font-size:25px;
}

.fwsbgmsg {
	width:95%;
	font-size:18px;
	padding:7px;
}

.vdobackground {
	padding:0px;	
	border-radius:0px;
	box-shadow:none;
	width:100%;
	border-radius:2px;
}
.lessonratingswrapper {
	box-shadow:none;
	border-radius:0px;
	width:100%;
}

/* TODOLIST JULY 2022 */

.todolist {
	width:99%;
	font-size:17px;
}
.todolistheading img {
	width:25px;
	height:auto;
}
.todolist h1, .todolist h2, .todolist h3 {
	font-size:19px;
}
.todoliststatus {
	font-size:12px;
	padding:4px;
}


}