@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);

.bold {
  font-weight: bold !important;
}
.classheader {
  float: left;
  width: 100%;
  font-family: Roboto;
}
.classheader .container {
  float: left;
  width: 100%;
  margin: 0;
}
.classheader .containerdark {
	float: left;
	width: 100%;
	margin: 0;
	background-color: #577284;
	min-height: 70px;
}
.classheaderright {
	position: absolute;
	top: 0;
	right: 0;
	margin-right:100px;
}
.classheaderright .container {
	float:left;
	width: 75px;
	margin: 15px 5px;
	padding: 10px;
	border: 3px solid #fff;
	text-align: center;
}
.classheaderright .userinfo {
	background-color: #577284;
	color: white;
	border-radius: 50%;
	font-weight: bold;
	height: 47px;
	width: 47px;
	text-align: center;
	margin: 11px 0px;
	border: 3px solid white;
	font-family: Roboto;
	float: left;
}
.classheaderright .userinfotext {
	color: white;
	font-size: 18px;
	font-weight: bold;
	/*height: 47px;*/
	/*width: 150px;*/
	text-align: center;
	margin: 26px 0px !important;
	font-family: Roboto;
	float: left;
	padding-left: 25px
}
.userinfotextbody {
	background-color: #577284;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	font-family: Roboto;	
}
.classheaderright .userinfo:hover {
	background-color: #577284;
	color: #fff;
	border-color: #fff;
}

.userloginsummaryouter {
	font-size: 0.6em;
	font-weight: 600;
	cursor: pointer;
	font-weight: 400;
	text-align: right;
	float: right;
}

	.userloginsummaryouter .userloginsummaryitem {
		float: left;
		background-color: #577284;
		color: #fff;
		border-radius: 10px;
		padding: 1px 5px;
		border: 1px solid #fff;
	}

		.userloginsummaryouter .userloginsummaryitem:hover {
			background-color: #fff;
			color: #577284;
		}

		.userloginsummaryouter .userloginsummaryitem .userloginsummarytext {
			float: left;
		}

		.userloginsummaryouter .userloginsummaryitem .userloginsummarycount {
			float: left;
			padding: 0 2px;
		}

		.userloginsummaryouter .userloginsummaryitem .itemchangeouter {
			float: left;
			margin-left: 10px;
		}

			.userloginsummaryouter .userloginsummaryitem .itemchangeouter .userloginsummarychangecount {
				float: left;
				padding: 0 2px;
			}

			.userloginsummaryouter .userloginsummaryitem .itemchangeouter .userloginsummarychangeicon {
				float: left;
			}

				.userloginsummaryouter .userloginsummaryitem .itemchangeouter .userloginsummarychangeicon.up {
					color: green;
				}

				.userloginsummaryouter .userloginsummaryitem .itemchangeouter .userloginsummarychangeicon.down {
					color: red;
				}



.classheaderright .userinfo:hover .tooltiptext {
  visibility: visible;
}

.classheaderright .userinfo .userinitials {
	padding-top: 9px;
	font-size: 24px;
}
	.classheaderright .userinfo .tooltiptext {
		visibility: hidden;
		font-family: Roboto;
		font-size: 16px;
		width: 250px;
		background-color: #577284;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		top: 90px;
		left: -100px;
	}
.classheaderright .username {
	float: left;
}
.classheaderright .container:hover, 
.classheaderright .container.selected {
	background-color: #09AB55 !important;
	cursor: pointer;
}
.classheaderright .container span {
	color: #fff;
	font-size:18px;
}
.classheader .main {
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}
.classheader .backgroundicpg {
  background-color: #000;
  background-image: url("/Resource/Images/Class_HeaderBody.jpg");
  height: 614px;
}
.classheader .backgroundcpgcpd {
  background-color: #000;
  background-image: url("/Resource/Images/Class_HeaderBody.jpg");
  height: 514px;
  
}
.classheader .backgroundppp {
	background-color: #000;
	/*background-image: url("/Resource/Images/bg-top.jpg");*/
	background-image: url("/Resource/Images/wyvern-dm-marketing-membership-system-background-image.jpg");
	height: 514px;
	background-size: 100%;
}
.classcontainer .backgroundpppmiddle {
	background-color: #000;
	background-image: url("/Resource/Images/wyvern-dm-marketing-membership-system-background-image.jpg");
	height: 514px;
	background-size: 100%;
}
.backgroundproducts {
	background-color: #000;
	background-image: url("/Resource/Images/bg-top.jpg");
	/*height: 514px;*/
	background-size: 100%;
}

.productstext {
	font-size: 24px !important;
	color: white !important;
}
.classheadspacer {
	float: left;
	background-color: #577284;
	width: 100%;
	height: 50px;
}
.classheadspacerborder {
	float: left;
	width: 100%;
	background-image: linear-gradient(90deg, #fff 25%, #577284 25%, #577284 50%, #fff 50%, #fff 75%, #577284 75%, #577284 100%);
	background-size: 120.00px 120.00px;
}
.classheadspacer.normal {
  height: 27px;
}
.classheadspacer.large {
  height: 100px;
}
.classheadspacer.small {
  height: 10px;
}
.classheadspacer .content {
	margin: 0 auto;
	text-align:center;
	padding: 20px 0;
}
.classheadspacer .contentborder {
	margin: 0 auto;
	text-align:center;
	padding: 20px 0;
}
.classheadspacer .content span {
	margin: 0 auto;
	color: #fff;
	font-size:22px;
}
.classheader .spacer {
  height: 100px;
}
.classheader .flex {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}
.flex_middle {
  float: left;
  text-align: center;
  width: 100%;
  padding: 70px 0 70px 0;
  display: flex;
  justify-content: space-between;
}
.classheader .flexline {
  width: 680px;
  height: 1px;
  margin: 0 auto;
  display: inline-block;
  border-top: 1px solid #000;
}
.classheader .flex .icpg {
  border-top: 1px solid #ffffff;
}
.classheader .logo {
  width: 600px;
  height: 150px;
  margin: 0 auto;
  display: inline-block;
}
.classheader .logo .cpgcpd {
  padding-right: 30px;
}
.classheader .logoeeas {
  width: 800px;
  height: 150px;
  margin: 0 auto;
  display: inline-block;
}
.classheader .logoeeas .jrcalc,
.classheader .logoeeas .aace {
  padding-bottom: 120px;
}
.classheader .logoeeas .eeasnhs {
  padding: 0 50px;
}
.classheader .logonias {
  height: 150px;
  margin: 0 auto;
  display: inline-block;
}
.classheader .logonias .niashsc {
  padding: 0 50px;
}
.classheader .logonias .niasapp {
  width: 110px;
  height: 110px;
  padding: 0 20px;
}
.classheader .logosecamb {
  height: 150px;
  margin: 0 auto;
  display: inline-block;
}
.classheader .logosecamb .secambaace {
  padding: 0 10px;
}
.classheader .logosecamb .secamb {
  padding: 0 10px;
}
.classheader .logosecamb .secambapp {
  padding: 0 10px;
}
.classheader .logojrcalcplus {
  height: 150px;
  margin: 0 auto;
  display: inline-block;
}
.classheader .logojrcalcplus .jrcalc {
  padding: 0 10px;
}
.classheader .logojrcalcplus .aace {
  padding: 0 10px;
}
.classheader .logojrcalcplus .jrcalcplusapp {
  padding: 0 10px;
}
.classheader .messagelogo {
  width: 680px;
  height: 22px;
  margin: 0 auto;
  display: inline-block;
  background-repeat: no-repeat;
  background: url('data:image/png;base64,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') /*/Resource/Images/Class_AACELogoSub.png*/;
}
.classheader .messagelogocpgcpd {
  width: 280px;
  height: 22px;
  margin: 0 auto;
  display: inline-block;
  background-repeat: no-repeat;
  background: url("/Resource/Images/Class_CPGCPDLogoSub.png");
}
.classheader .messageppp {
  margin: 0 auto;
  display: inline-block;
}
	.classheader .messageppp span {
		font-size: 46px;
		color: #de791c;
		font-weight: 600;
	}
.classheader .booklogo {
  width: 152px;
  height: 215px;
  margin: 0 auto;
  display: inline-block;
}
.classheader .content {
  float: left;
  text-align: center;
  width: 100%;
}
.classheader .button {
  width: 200px;
  margin: 0 auto;
  display: inline-block;
  padding-right: 20px;
  text-align: center;
  padding: 5px;
  border: solid 2px #fff;
  margin-top: 100px;
}
.classheader .button:hover {
  cursor: pointer;
}
.classheader .button span {
  color: #fff;
  font-size: 18px;
}
.classheader .button .downloadimg {
  float:left;
  padding-left:30px
}
.classheader .button .downloadtxt {
  float:left;
  padding:10px 0 0 10px;
}
.classheader .head {
  width: 1100px;
  height: 100%;
  margin: 0 auto;
}
.classheader .head .cpgcpd {
  padding: 10px 20px 30px 0;
}
.classheader .head img {
  padding-bottom: 0;
}
.classheader .infotext {
  float: right;
  color: #ffffff;
  margin-top: 60px;
  font-size: 14px;
  text-align: right;
}
.spacercontent {
  background-color: #4191b2;
  width: 60%;
  height: 5px;
  display: inline-block;
}
/*==============================================================================================*/
.classinfo {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  font-family: Roboto;
}
.classinfo .fixedwidthcontent {
  width: 1000px;
  margin: 0 auto;
}
.classinfo .fixedwidthcontent .pppborder {
    width: 1000px;
  margin: 0 auto;
  height: 100px;
  background-color: black;
}
	.classinfo .subtext {
		font-size: 18px;
		color: #577284;
		width: 100%;
		text-align: left;
	}
.classinfo .infotext .infotextquote {
  margin-top: 50px;
  margin-bottom: 25px;
  margin-left: -25px;
  font-size: 24px;
  color:  	#303030;
}

.classinfo .infotext {
  margin-bottom: 50px;
  margin-left: 10px;
}
.classinfo p {
  font-size: 15px;
  color: #000000;
  width: 100%;
  text-align: left;
  margin: 5px 0;
}
.classinfo .bold {
  font-weight: bold;
}
.classinfo ul {
  font-size: 15px;
  color: #000000;
  width: 100%;
  text-align: left;
  margin: 5px 0;
  list-style: disc;
}
.classinfo ol {
  font-size: 15px;
  color: #000000;
  width: 100%;
  text-align: left;
  margin: 5px 0;
  list-style: decimal;
}
.classinfo li {
  margin: 5px 0;
}
.classinfo .infoimg {
  float: right;
  margin: 0 20px;
}
.infotext div {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.infotext .paddingleft {
  padding-left: 18px;
}
.infotext .doublepaddingleft {
  padding-left: 36px;
}
.infotext .triplepaddingleft {
  padding-left: 54px;
}
.infotext .marginleft {
  margin-left: 18px;
}
.infotext .doublemarginleft {
  margin-left: 36px;
}
.infotext .triplemarginleft {
  margin-left: 54px;
}
.infotext a {
  color: #4191b2;
}
.infotext a:visited {
  color: #4191b2;
}
.infotext a:hover {
  text-decoration: underline;
}
/*==============================================================================================*/
.classcontainer {
  float: left;
  text-align: center;
  width: 100%;
  padding: 0 0 0 0;
  font-family: Roboto;
}
.classcontainer .titletext {
  float: left;
  font-size: 40px;
  color: #000000;
  width: 100%;
  text-align: center;
}
.classcontainer .subtext {
  float: left;
  font-size: 18px;
  color: #577284;
  width: 100%;
  text-align: center;
}
.classcontainer .subtextleft {
  float: left;
  font-size: 18px;
  color: #577284;
  width: 100%;
  text-align: left;
}
.featured {
  float: left;
  font-size: 34px;
  color: #577284;
  width: 100%;
  text-align: center;
  padding: 10px 0 10px 0;
}
.classcontainer .subtextlight {
  float: left;
  font-size: 18px;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.classcontainer .flex {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
}
.classcontainer .flexdark {
  float: left;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  background-color: #4191b2;
  color: #fff;
  border-bottom: 5px solid #000;
}
.flexbuy {
  float: left;
  text-align: center;
  width: 100%;
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
  background-color: #000;
  color: #fff;
  border-bottom: 5px solid #4191b2;
  background-image: url("/Resource/Images/Class_HeaderBody.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
.advertbackbuy {
  float: left;
  text-align: center;
  width: 1000px;
  margin: 0 auto;
}
.advertbackbuy .buybox {
  float: left;
  text-align: center;
  width: 100%;
  font-size: 22px;
}
.advertbackbuy .buyboxdiv {
  /*float: left;*/
  text-align: center;
  width: 249px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.6);
  height: 60px;
  padding: 10px 0;
  display: inline-block;
}
.advertbackbuy .buyboxdiv span {
  width: 100%;
  float: left;
}
.advertbackbuy .buyboxdiv.end {
  border-right: 1px solid #fff;
}
.classcontainer .button {
  width: 300px;
  margin: 0 auto;
  display: inline-block;
  padding: 0 10px;
}
.classcontainer .buttonsmall {
  width: 100px;
  margin: 0 auto;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
}
.classcontainer .advertback {
  float: left;
  text-align: center;
  width: 100%;
  height: 336px;
  background: url(/Resource/Images/Class_Homeadvert_r.jpg);
}
.classcontainer .advertbacktwo {
  float: left;
  text-align: center;
  width: 100%;
  height: 353px;
  background-color: #F7F7F7;
  border-bottom: 1px solid #d7d7d7;
}
.classcontainer .advertback img,
.classcontainer .advertback img {
  margin: 0 auto;
  display: inline-block;
}
.classcontainer .fixedwidthcontent {
  width: 1100px;
  margin: 0 auto;
  display: inline-block;
}
	.classcontainer .fixedwidthcontent .registerboxtitle {
		width: 300px;
		height: 50px;
		padding-top: 2px;
		background-color: #577284;
	}
.classcontainer .fixedwidthcontent .registerboxtitletext {
  color: white;
  font-size: 26px;
  margin-top: 10px;
}
.classcontainer .fixedwidthcontent .registerboxtitlebody {
  width: 300px;
  height: 225px;
  background-color: #ffffff; 
}
.classcontainer .fixedwidthcontent .registerboxtitlebody .registerboxtitlebodybutton {
	background-color: #09AB55;
	color: #fff;
	font-size:18px;
	padding: 5px;
	cursor: pointer;
	width: 75px;
	margin-left:110px;	
}
.classcontainer .fixedwidthcontent .registerboxtitlebody .registerboxtitlebodytext ul {
  font-size: 18px;
  padding-left: 40px;
}
.classcontainer .fixedwidthcontent .registerboxtitlebody .registerboxtitlebodytext ul li {
  list-style-type: disc;
  padding-top:20px;
  padding-left: 10px;
  text-align: left;
}
.classcontainer .button img {
  margin: 0 0 10px 0;
}
.classcontainer .button .title {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #000000;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}
.classcontainer .button .titlesub {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #000000;
  text-align: center;
  padding-bottom: 10px;
}
.classcontainer .button .text {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #000000;
  text-align: center;
  border-top: 1px solid #000000;
  padding: 10px 0;
}
.classcontainer .button .titlesublight {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  padding-bottom: 10px;
}
.classcontainer .button .titlelight {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}
.classcontainer .button .textlight {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  border-top: 1px solid #ffffff;
  padding: 10px 0;
}
.classcontainer .contentpadding {
  float: left;
  width: 100%;
  margin: 10px auto;
}
.classcontainer .iconart {
  width: 300px;
  margin: 0 auto;
  display: inline-block;
  padding-right: 2px;
}
.classcontainer .iconart img {
  float: left;
}
.classcontainer .iconart span {
  float: left;
  width: 256px;
  font-size: 14px;
  color: #000;
  margin: 10px auto;
  text-align: center;
  height: 30px;
}
.classcontainer .backgrey {
  background-color: #ffffff;
}
.classcontainer .spacer {
  background-color: #577284;
  width: 250px;
  height: 2px;
  display: inline-block;
}
.classcontainer .subtextdark {
  float: left;
  font-size: 16px;
  color: #000000;
  text-align: center;
  padding: 5px 0;
  width: 100%;
}
.classcontainer .textdark {
  float: left;
  font-size: 20px;
  color: #577284;
  text-align: center;
  padding: 0 0 40px 0;
  width: 100%;
  font-weight: 800px;
}
.classcontainer .textcolor {
  float: left;
  font-size: 20px;
  color: #4191b2;
  text-align: center;
  padding: 0 0 20px 0;
  width: 100%;
}
.classcontainer .basetext {
  float: left;
  font-size: 14px;
  color: #000000;
}
.classcontainer .basetextgreen {
  float: left;
  font-size: 14px;
  color: #a7c541;
}
.classcontainer .appstore {
  float: left;
}
.classcontainer .appstore span {
  float: left;
  padding: 7px 5px;
}
.classcontainer .appstore img {
  float: left;
}
.classcontainer .box {
  margin: 15px auto;
  display: inline-block;
}
/*==============================================================================================*/
.classcontact {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
	background-color: #577284;
	color: #fff;
	font-size: 14px;
	font-family: Roboto;
	line-height: 24px;
}
.classcontact.eeas {
  background-color: #303030;
}
.classcontact .container {
  float: left;
  width: 48%;
  height: 200px;
}
.classcontact .containercenter {
  width: 50%;
  margin: 0 auto;
}
.line {
  float: left;
  /*width: 95%;*/
  margin: 0 0 0 5%;
  /*padding: 5px 0;*/
}
.classcontact .text {
  float: left;
  width: 100%;
}
.text_ftitle {
  font-size: 24px;
  margin: 20px 0 10px 0;
}

.classcontact .containercenter .line .contactlist{
  font-size: 16px;
  margin: 20px 0 10px 0;
}
.classcontact .containercenter .line .copyrighttext{
  font-size: 16px;
  margin: 75px 0 10px 10px;
}
.classcontact .containercenter .line .socialmedia{
  margin: 50px 0 10px 25px;
}
.classcontact .containercenter .line .cpdimage{
  margin: 20px 0 10px 0;
}
.classcontact .containercenter .line ul li{
  padding-top: 10px;
  padding-left: 10px;
  text-align: left;
}

.classcontact .containercenter .line .contactlist{
  font-size: 16px;
  margin: 20px 0 10px 0;
}

.classcontact input {
  float: left;
  padding: 10px 20px 10px 11px;
  margin-right: 10px;
}
.classcontact .button {
  float: left;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px 30px 10px 10px;
  margin-right: 10px;
  background-color: #1C1C1C;
}
.classcontact .spacer {
  height: 1px;
  background-color: #AEAEAD;
  margin: 10px 0 0 0;
  width: 100%;
  display: inline-block;
}
.classcontact .spacerup {
  height: 220px;
  float: left;
  width: 1px;
  margin: 20px 10px;
  background-color: #AEAEAD;
}
.classcontact .box {
  width: 33%;
  margin: 0 auto;
  height: 350px;
}
.classcontact .icon {
  float: left;
  padding-right: 20px;
}
.classcontact .link {
  margin-right: 20px;
  color: #fff;
  cursor: pointer;
}
.classcontact .linkbox {
  margin: 0 auto;
  padding-top: 10px;
  width: 100%;
  text-align: center;
}
.classcontact .linkboxleft {
  margin: 0 auto;
  padding-top: 10px;
  width: 100%;
  text-align: left;
}
/*==============================================================================================*/
.loginarea {
	background-color: #e0e7eb;
	width: 500px;
	height: 500px;
	border-radius: 1%;
	margin-top: 5px;
	box-shadow: 0px 8px 16px 30px rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.loginareaheader {
	font-size: 24px;
	color: #577284;
	font-family: Roboto;
	opacity: 1 !important;
}
.loginareasubheader {
	font-size: 14px;
	color: #577284;
	font-family: Roboto;
	opacity: 1 !important;
}
.wyvernsubsloginformfield {
	width: 100%;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	background-color: white;
	background-repeat: no-repeat;
	padding: 10px 20px 12px 40px;
	margin-left: 0px !important;
}
.wyvernsubsloginformlabel {
	background-color: #e0e7eb;
	font-size: 26px;
	padding-left: 5px !important;
	margin-top: 3px;
	color: #577284;
}
.wyvernsubsloginfieldset {
	border: none;
}
.wyvernsubsloginbutton {
	background-color: #09AB55 !important;
	border: 3px solid #fff !important;
	width: 75px !important;
	height: 35px !important;
	font-family: Roboto;
	color: white !important;
	padding: 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	margin: 5px 53px 0px 0px !important;
}
	.wyvernsubsloginbutton:hover {
		background-color: #006B54 !important;
	}
.wyvernsubsformfieldbulkremove {
	border-radius: 4px;
	font-size: 13px;
	background-color: white;
	background-repeat: no-repeat;
	padding: 5px;
	width: 312px;
}
.wyvernsubsformlabelbulkremove {
	font-weight: 600;
	font-size: 14px;
	margin-top: 5px;
}
.wyvernsubsformdropdownbulkremove {
	font-size: 13px;
	border-radius: 4px;
	margin-left: 28px !important; 
	padding: 5px;
	width: 300px !important;
}

.wyvernsubsformlabelbulkaddrow {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	cursor: pointer;
}

	.wyvernsubsformlabelbulkaddrow .bulklabel {
		float: left;
		font-weight: 600;
		font-size: 14px;
		margin-top: 5px;
	}
.wyvernsubsformlabelbulkadd.wide{
	width:100%;
}
.wyvernsubsformlabelbulkaddrow .bulklabel.small {
	font-weight: 400;
	font-size: 12px;
}

.wyvernsubsformlabelbulkaddrow .bulkradio {
	float:left;
	height:25px;
	width:25px;
}

/*==============================================================================================*/
.classform {
	margin: 0 auto;
	width: 700px;
	padding: 15px 30px;
	background-color: #fff;
}
.classform form {
  padding-bottom: 20px;
  font-family: Roboto;
}
.classform .error {
  border: 1px solid red;
}
.classform .errortext {
  border: 1px solid red;
  color: #000;
  font-size: 14px;
  margin: 2px 5px;
  padding: 0 5px 0 3px;
  display: none;
}
.neutralmessage {
  font-size: 14px;
  color: black;
}
.passmessage {
  font-size: 14px;
  color: green;
}
.failmessage {
  font-size: 14px;
  color: red;
}
.hyperlink {
  color: #577284 !important;
}
.hyperlink:hover {
  text-decoration: underline;
  cursor: pointer;
}
/*==============================================================================================*/
.classheaderloginbody {
  float: left;
  background-image: url("/Resource/Images/Class_HeaderLoginBody.jpg");
  height: 100px;
  width: 100%;
}
.classheaderspacesmall {
  float: left;
  width: 100%;
  height: 10px;
}
.classheadercontent {
  float: left;
  width: 80%;
  height: 100%;
  margin-left: 20%;
}
.classheaderlogintail {
  float: left;
  background-image: url("/Resource/Images/Class_HeaderLoginTail.jpg");
  height: 10px;
  width: 100%;
}
.classhomecontentseperatorwhite {
  float: left;
  width: 95%;
  height: 1px;
  margin: 0 2.5%;
  background-color: #ffffff;
}
.classhomecontentseperatorverticalwhite {
  float: left;
  text-align: left;
  width: 1px;
  margin: 0 10px;
  background-color: #ffffff;
}
.classcontentcontainer {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
}
.classcontentcontainerdark {
  float: left;
  background-color: #000000;
  width: 100%;
}
.classcontentcontainerflextextleft {
  float: left;
  text-align: center;
  width: 95%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.classcontactuscontainer {
  float: left;
  width: 100%;
  padding: 10px 0 0 0;
  background-color: #000;
}
.classhomecontentcontainer {
  float: left;
  width: 100%;
  padding: 20px 0 10px 0;
  text-align: center;
}
.classhomebuttoncontainer {
  width: 150px;
  margin: 0 auto;
  display: inline-block;
  padding-right: 20px;
}
.classhometitlecontainer {
  width: 300px;
  margin: 0 auto;
  display: inline-block;
  padding-right: 20px;
}
.classhomemaintextsubblack {
  float: left;
  font-size: 18px;
  color: #000000;
  width: 100%;
  text-align: center;
}
.classhomedownloadtext {
  font-size: 18px;
  color: #000000;
}
.classhomedownloadtextgreen {
  font-size: 18px;
  color: #a7c541;
}
.classcontactusmaintextbold {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
}
.classcontactusmaintext {
  font-size: 18px;
  color: #ffffff;
}
.classcontactusmaintextsubbold {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  padding-bottom: 3px;
}
.classcontactusmaintextsub {
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 3px;
}
.classcontactusmaintexttext {
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 3px;
}
.classcontactustextcontainer {
  padding-bottom: 20px;
}
.classcontactusicon {
  float: left;
  padding-right: 20px;
}
.classcontactuslink {
  font-size: 14px;
  color: #ffffff;
  padding-right: 20px;
}
.classcontactuscontentcontainer {
  float: left;
  text-align: left;
  width: 40%;
  padding: 10px;
}
.morefromclass .jrcalccpd {
  height: 45px;
  margin: 5px;
  padding: 5px;
  background-color: #7faec1;
}
/*==============================================================================================*/
/* Unoslider container */
.unoslider {
  list-style: none;
  position: relative;
  width: 1102px;
  height: 336px;
  margin: 0 auto;
  padding: 0;
}
.unoslider img {
  max-width: 100%;
}
.unoslider li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
/* Timebar */
.unoslider_timer {
  background-color: white;
  width: 0;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
}
/* Progress bar preloader container */
.unoslider_preloader {
  background: rgba(255, 255, 255, 0.5);
}
/* progress bar preloader */
.unoslider_preloader .unoslider_progress {
  width: 30%;
  height: 5px;
  margin: 0 auto;
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #949494;
  border-right: 1px solid #949494;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #b3b3b3));
  background: -webkit-linear-gradient(#9a9a9a, #b3b3b3);
  background: -moz-linear-gradient(#9a9a9a, #b3b3b3);
  background: -o-linear-gradient(#9a9a9a, #b3b3b3);
  background: -ms-linear-gradient(#9a9a9a, #b3b3b3);
  background: linear-gradient(#9a9a9a, #b3b3b3);
}
/* progress bar fill */
.unoslider_preloader .unoslider_progress span {
  display: block;
  height: 100%;
  background: #66cccc;
}
/* Spinner preloader */
.unoslider_spinner {
  background: url('/images/spinner.gif') #ffffff center center no-repeat;
}
.unoslider_layers {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*---------------------------*/
/* Hand cursor over navigation elements */
.unoslider_navigation {
  cursor: pointer;
}
/* container which contains navigation and indicator */
.unoslider_navigation_container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
/* Tooltip panel */
.unoslider_caption {
  position: absolute;
  right: 60px;
  bottom: 15px;
  left: 60px;
  font-family: "Helvetica neue", Helvetica, Verdana, sans-serif;
  padding: 10px 0px;
  width: auto;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  color: white;
  text-align: center;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* play, pause, previous and next elements */
.unoslider_pause,
.unoslider_play,
.unoslider_left,
.unoslider_right {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  display: block;
  background: url("basic.png") no-repeat;
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.unoslider_pause:hover,
.unoslider_play:hover,
.unoslider_left:hover,
.unoslider_right:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* play and pause elements */
.unoslider_pause,
.unoslider_play {
  height: 46px;
  width: 46px;
  margin-top: -23px;
  margin-left: -23px;
  top: 50%;
  left: 50%;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  -ms-border-radius: 90px;
  -o-border-radius: 90px;
  border-radius: 90px;
}
/* previous and next elements */
.unoslider_left,
.unoslider_right {
  width: 40px;
  height: 100%;
}
/* previous */
.unoslider_left {
  background-position: 10px center;
  left: 0;
}
/* next */
.unoslider_right {
  background-position: -52px center;
  right: 0;
}
/* pause */
.unoslider_pause {
  background-position: -163px 10px;
}
/* play */
.unoslider_play {
  background-position: -110px 10px;
}
/* bullet indicator */
.unoslider_indicator {
  position: absolute;
  top: 10px;
  right: 60px;
  width: 100%;
  text-align: right;
}
.unoslider_indicator a {
  text-indent: 110%;
  white-space: nowrap;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  overflow: visible;
  cursor: pointer;
  background: black;
  margin: 3px;
  width: 12px;
  height: 12px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  *display: inline;
}
.unoslider_indicator a.unoslider_indicator_active,
.unoslider_indicator a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  width: 6px;
  height: 6px;
  background: white;
  border: 3px solid black;
}
.classspacer {
  float: left;
  width: 100%;
}
.classspacer.large {
  height: 250px;
}
.classspacer.small {
  height: 100px;
}
.classwebapp {
  width: 100%;
  height: 100%;
  min-height: 1000px;
}
fieldset legend label {
	color: #577284;
	font-size: 18px;
	font-weight: normal;
	width: auto;
	background: #fff;
}
.subtextsmall {
  font-size: 14px;
  color: #577284;
  width: 100%;
  text-align: left;
}
.subtextauto {
  font-size: 18px;
  color: #577284;
  text-align: left;
}
/*=======================================
            Wyvern Menu
========================================*/
.classmenu {
  text-align: center;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 75px;
  margin: 20px 60px 0 0;
  padding: 0;
  font-family: Roboto;
}
.classmenu a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.classmenuli {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  width: auto;
  height: 20px;
  font-size: 16px;
  background-color: transparent;
}
.classmenuli span {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: auto;
  height: 20px;
  font-size: 16px;
  background-color: transparent;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
}
.classmenuli:hover {
  background-color: #000000;
}
.classmenulinohover {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  width: auto;
  height: 20px;
  font-size: 16px;
  background-color: transparent;
  text-transform: uppercase;
}
.classmenuliselected {
	float: left;
	padding: 5px;
	margin: 0;
	list-style-type: none;
	width: auto;
	height: 20px;
	font-size: 16px;
	background-color: #000000;
}
.classmenuliselected a {
	color: #fff;
}
.classmenulistart {
	float: left;
	height: 41px;
	width: 20px;
}
.classmenuliend {
  float: left;
  height: 41px;
  width: 20px;
}
.classmenuhover {
	text-align: center;
	font-weight: normal;
	position: absolute;
	padding: 0;
	font-family: Roboto;
	display: none;
	z-index: 111;
}
.classmenuhover a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.classmenuhoverli {
	float: left;
	padding: 7px 10px;
	margin: 0;
	list-style-type: none;
	width: 90%;
	height: 20px;
	font-size: 16px;
	background-color: #577284;
	text-transform: uppercase;
	border: 3px solid #577284;
}
.classmenuhoverli:hover {
	background-color: #000000;
}

.classmenuhoverli a:hover {
  text-decoration: none;
}

	.classmenuhoverli a:visited {
		color: #fff;
	}

	.classmenuhoverli.membersadmin {
		background-color: #000;
		border-color: #000
	}

		.classmenuhoverli.membersadmin:hover {
			background-color: #577284;
			border-color:#000;
		}

.classmenuhoverspacer {
	float: left;
	padding: 5px 10px;
	margin: 0;
	list-style-type: none;
	width: 90%;
	height: 20px;
	font-size: 16px;
	background-color: transparent;
	text-transform: uppercase;
}
.classmenuli span,
.classmenuli a {
  color: #ffffff;
  cursor: pointer;
}
.classmenuli:hover span,
.classmenuli:hover a {
  color: #ffffff;
  text-decoration: none;
}
/*=======================================
            Wyvern Menu
========================================*/
.eeasmenu {
  text-align: center;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 0;
  margin: 20px 60px 0 0;
  padding: 0;
  font-family: Roboto;
}
.eeasmenuli {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  width: auto;
  height: 20px;
  font-size: 16px;
  background-color: transparent;
  text-transform: uppercase;
}
.eeasmenuli span,
.eeasmenuli a {
  color: #000000;
  cursor: pointer;
}
.eeasmenuli:hover span,
.eeasmenuli:hover a {
  color: #ffffff;
}
.eeasmenuli:hover {
  background-color: #4191b2;
}
.eeasmenulinohover {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  width: auto;
  height: 20px;
  font-size: 16px;
  background-color: transparent;
  text-transform: uppercase;
}
.eeasmenulinohover span,
.eeasmenulinohover a {
  color: #000000;
}
.eeasmenuliselected {
  float: left;
  padding: 5px;
  margin: 0;
  list-style-type: none;
  width: auto;
  height: 20px;
  font-size: 16px;
  background-color: #4191b2;
  text-transform: uppercase;
}
.eeasmenulistart {
  float: left;
  height: 41px;
  width: 20px;
}
.eeasmenuliend {
  float: left;
  height: 41px;
  width: 20px;
}
.eeasmenuhover {
  text-align: center;
  font-weight: normal;
  position: absolute;
  padding: 0;
  font-family: Roboto;
  display: none;
}
.eeasmenuhover a span {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.eeasmenuhoverli {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  width: 90%;
  height: 20px;
  font-size: 16px;
  background-color: transparent;
  text-transform: uppercase;
}
.eeasmenuhoverli span,
.eeasmenuhoverli a {
  color: #000000;
  cursor: pointer;
}
.eeasmenuhoverli:hover span,
.eeasmenuhoverli:hover a {
  color: #ffffff;
}
.eeasmenuhoverli:hover {
  background-color: #4191b2;
}
.eeasmenuhoverspacer {
  float: left;
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
  width: 90%;
  height: 20px;
  font-size: 16px;
  background-color: transparent;
  text-transform: uppercase;
}

.featurespanel {
	width: 80%;
	margin: 0 auto;
}
.featurespanel .title {
	color: #09ac56;
	margin: 50px 0 10px 0;
	font-size: 20px;
	font-weight: bold;
}
.featurespanel ul {
	font-size: 22px;	
	list-style-position: inside;
}
.featurespanel ul li {
	margin-top: 15px;
	padding: 0 0 0 1em;
	text-indent: -1em;
	margin-right: 1em;
}
.featurespanel ul li:before {
 content: "\2713\0020"; 
}
.featurespanel .pppstandbylogo {
	margin-top: 50px;
}
.featurespanel .left{
	float:left;
	width: 60%;
	text-align:left;
	padding-bottom: 75px;
	
}
.featurespanel .right{
	float:left;
	width: 40%;
	padding-top: 50px;
}

/*==============================Password showhide - js in core===================================*/
.passwordshowhide {
	float: left;
	cursor: pointer;
	margin: 8px 0 0 -35px;
	width: 30px;
	height: 30px;
}

	.passwordshowhide .icon {
		float: left;
		width: 30px;
		height: 30px;
		padding: 0;
	}