@CHARSET "UTF-8";


div.viewport {
	margin: auto auto;
	width: 1250px;
	background-color: #f7f9fb;/*transparent;*/
	margin-top: 72px;
	overflow-y: auto;
	/*min-height: 100vh;  this is to make div full screen */
	background-image: linear-gradient(to right, white , #f7f9fb, white);
}

div.viewport-po {
	margin: auto auto;
	width: 1250px;
	background-color: #f7f9fb;/*transparent;*/
	margin-top: 50px;
	overflow-y: auto;
	
	background-image: linear-gradient(to right, white , #f7f9fb, white);
	
}

div.ui-dialog {position:fixed;} 

div.backdrop {
  width: 80%;
  height: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  
  background-color: transparent;
  text-align: center;
  
}

.positionfixed {
	position: fixed;
}

div.TPMenuEnt {
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  background-color: white;
  
  height:45px;
  display: block;
  text-align: center;
  
  border-style: solid; 
  border-color: #dddddd;
  border-width: 0px 0px 2px 0px;
  
  
}
div.TPMenuMid {
	max-width: 1200px;
	height: 50px;
	text-align: center;
  	margin-left: auto;
  	margin-right: auto;
}
div.TPMenuEv {
  width: 49%;
  height: 100%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  
}
div.TPMenuEvEle {
  display: inline-block;
  background-color: transparent;
  text-align: center;
  margin-left: 5px;
  margin-right: 25px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px;
  border: solid;
  border-color: transparent;
  border-width: 0px 0px 1px 0px;
}
div.TPMenuEvEle:hover {
  border-width: 0px 0px 4px 0px;
  /*border-color: black;*/
  cursor: pointer;
}

td.TPMenuTblTd {
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
a.TPMenuAL {
	text-decoration: none;
	color: #22c2a8;
}

div.exp-bx1 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 2px 12px 5px 20px;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #d1d1d1;
	border-width: 0px 0px 0px 3px;
}
div.exp-bx1:hover {
	box-shadow: 2px 2px 5px #dddddd;
	border-color: orange;
}


.bordercolorGrey {
	border-color: #dadada;
}
.bordercolor0 {
	border-color: #ca4741;
}
.bordercolor1 {
	border-color: #c27a5e;
}
.bordercolor2 {
	border-color: #6883f4;
}
.bordercolor3 {
	border-color: #74cf5d;
}
.bordercolor4 {
	border-color: #be20cb;
}
.bordercolor5 {
	border-color: teal;
}
.bordercolor6 {
	border-color: #eaea4f;
}

div.MnBackDrop {
	
  max-width: 1200px;
  min-height: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
  
  background-color: transparent;
  text-align: center;
  
}

.NoSele {
  -webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;      
  user-select: none;             
}



div.signin-group-panel {
	width: 100%;
	background-color: transparent;
	
}

div.topbarout {
	width: 100%;
	/*text-align: center;*/
	top:2px;
	background-color: transparent;
	height: 80px;
	
}

span.calWk-1 {
	margin: 5px 5px 5px 5px;
	padding-top: 10px;
	width: 100px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: lightblue;
	border-radius: 10px 0px 0px 0px;
	background-color: lightgreen;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
span.calWk-2 {
	margin: 5px 5px 5px 5px;
	padding-top: 10px;
	width: 80px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: lightgreen;
	border-radius: 5px 5px 5px 5px ;
	background-color: #dedede;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 15px;
}
span.calWk-3 {
	margin: 5px 5px 5px 5px;
	padding-top: 10px;
	width: 80px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-style: none;
	border-width: 1px 1px 1px 1px;
	border-color: lightgreen;
	border-radius: 5px 5px 5px 5px ;
	background-color: #dedede;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 15px;
}
span.calMn-1 {
	margin: 5px 5px 5px 5px;
	padding-top: 10px;
	width: 100px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #cde0e4;
	border-radius: 5px 5px 5px 5px;
	color: black;
	background-color: #dee6e9;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

.textalignright {
	text-align: right;
}
.textaligncenter {
	text-align: center;
}
.textalignleft {
	text-align: left;
}
.fontgreyA {
	color: #aaaaaa;
}
.width300 {
	width: 300px;
}
.width345 {
	width: 345px;
}
.width150 {
	width: 150px;
}
.width100 {
	width: 100px;
}

.width180 {
	width: 180px;
}

.fontweightnormal {
	font-weight: normal;
}
.fontweightbold {
	font-weight: bold;
}
.fontweightlighter {
	font-weight: lighter;
}
.fontweight600 {
	font-weight: 600;
}
.fontweight500 {
	font-weight: 500;
}
.fontweight400 {
	font-weight: 400;
}
.fontweight300 {
	font-weight: 300;
}
.fontweight200 {
	font-weight: 200;
}

.fontsize30 {
	font-size: 30px;
}
.fontsize24 {
	font-size: 24px;
}
.fontsize23 {
	font-size: 23px;
}
.fontsize22 {
	font-size: 22px;
}
.fontsize21 {
	font-size: 21px;
}
.fontsize20 {
	font-size: 20px;
}
.fontsize19 {
	font-size: 19px;
}
.fontsize18 {
	font-size: 18px;
}
.fontsize17 {
	font-size: 17px;
}
.fontsize16 {
	font-size: 16px;
}
.fontsize15 {
	font-size: 15px;
}
.fontsize14 {
	font-size: 14px;
}
.fontsize13 {
	font-size: 13px;
}
.fontsize12 {
	font-size: 12px;
}
.fontsize11 {
	font-size: 11px;
}
.fontsize10 {
	font-size: 10px;
}
.fontsize8 {
	font-size: 8px;
}
.fontcolorgrey5 {
	color: #555555;
}
.fontcolorwhite {
	color: white;
}
.fontcolorgrey8 {
	color: #888888;
}
.fontcolorgreen {
	color: green;
}
.fontcolorblue {
	color: blue;
}
.fontcolorlightblue {
	color: #5a63f4;
}

.fontcolororange {
	color: #df7510;
}
.fontcolorpurple {
	color: purple;
}
.fontcolororangep {
	color: #fc7b13;	
}
.fontcoloraqua {
	color: #268a88;
}
.fontcolorred {
	color: #ff3333;
}
.fontcolorblack {
	color: black;
}
.fontcolortransparent {
	color: transparent;
}
.fontcolortransblue {
	color: transparent;
}
.fontcolortransgray {
	color: transparent;
}
.fontcolortransgreen {
	color: transparent;
}
.fontunderline {
	text-decoration: underline;
}
.fontbold {
	font-weight: bold;
}

.fontstyleitalic {
	font-style: italic;
}
.fontstylenormal {
	font-style: normal;
}
.fontstylestrikethrough {
	text-decoration: line-through;
}
.displayinlineblock {
	display: inline-block;
}
.display-ns {
	display: none;
}
.disabledSp {
	pointer-events: none;
    opacity: 0.5;
}
.leftBracket-1 {

	/*height: 30px;*/
	padding-left: 30px;
	text-align: left;
	width: 700px;
	border-radius: 20px 0px 0px 20px;
	border-style: solid;
	border-color: transparent transparent transparent #93b282;
	border-width: 1px 1px 1px 2px;
	
}

.div-box-letter-1 {
	margin-left: auto;
	margin-right: auto;
	padding-bottom:2px;
	height: 10px;
	width: 16px;
	border-style: none;
	font-style: italic;
	text-align: center;
	display: inline-block;
}

.div-box-letter-2 {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4px;
	height: 14px;
	width: 14px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: grey;
	font-style: italic;
	text-align: center;
	display: inline-block;
}


.div-box-letter-3 {
	margin-left: auto;
	margin-right: auto;
	padding-bottom:2px;
	height: 10px;
	width: 30px;
	border-style: none;
	font-style: italic;
	text-align: center;
	display: inline-block;
}

.div-box-letter-4 {
	margin-left: auto;
	margin-right: auto;
	padding-bottom:2px;
	height: 30px;
	width: 60px;
	border-style: none;
	font-style: italic;
	text-align: center;
	display: inline-block;
}

input.plain-btn {
	width: 105px;
	height: 30px;
	background-color: transparent; /*#00A0A0;*/
	color: black;
	text-align: left;
	font-size: 14px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: transparent;
	font-family: Arial, Helvetica, sans-serif;	
	display: inline-block;
	vertical-align: top;
	margin: 8px 5px 2px 5px;	
	
	/*background-image: url(/htm/prac_htm_files/fill_48.png);*/
	background-repeat: no-repeat; 
	background-size: 16px 16px;
	background-position: right center; 
	text-indent: 30px;
	text-decoration: underline;	
}
input.plain-btn:hover{
	cursor: pointer;
	color: #8d414d;
	/*font-weight: bold;*/
}
input.plain-btn:focus{
	outline: none;
}

strong2 {
	font-family: Times, serif;
	font-weight: bold;
	font-style: italic;
}

.fontfamArial
{
	font-family: Arial, Helvetica, sans-serif;	
}
.fontfamTimes
{
	font-family: Times, serif;
}
.flucida {
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
}
.fft
{
	font-family: Times New Roman, serif;
}
.fft_18l4
{
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
}
.fft_19l4
{
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 25px;
}
.fft_20l4
{
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
}

.fontfamGeorgeria
{
	font-family: Georgia, Times New Roman, Times, serif;	
}
.fontfamverdana {
	font-family: Verdana, Geneva, sans-serif; 
}
.fontfamserif {
	font-family: sans-serif, Arial, Helvetica; 
}
.fontfamluto {
	font-family: sans-serif; 
}
.fontfamHelvetica
{
	font-family: Helvetica, sans-serif;	
}
.fontfamnewromans {
	font-family: Times New Roman, serif;
}
.fontfamlucida {
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
}
.backgroundcolornone {
	background-color: transparent;
}
.backgroundcolorlightblue {
	background-color: lightblue;
}
.backgroundcolorlightgreen {
	background-color: lightgreen;
}
.backgroundcolorred {
	background-color: red;
}
.backgroundcolorteal {
	background-color: #69f2f5;
}
.backgroundcolorblue {
	background-color: blue;
}
.backgroundcolorgreen {
	background-color: green;
}
.backgroundcolorpurple {
	background-color: purple;
}
.backgroundcolororange {
	background-color: orange;
}
.backgroundcoloryellow {
	background-color: yellow;
}
.backgroundcolorlightorange {
	background-color: #f2e6bb;
}
.backgroundcolorgrey {
	background-color: #d0d0d0;
}
.signin-box {
	background-color: transparent;
	padding: 20px 15px 20px 15px;
	width: 410px;
	min-height: 200px;
	margin-left: auto;
    margin-right: auto;
    
    text-align: center;
    border-style: solid;
    border-color: #eaeaea;
    border-width: 1px 1px 1px 1px;
	border-radius: 8px 8px 8px 8px;
	background-color: #f8f8f8;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);

}
.signin-box:hover {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.signin-title-box {
	width: 100%;
	text-align: center;
	height: 50px;
	
}
.signin-title {
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size:22px;
	display: inline-block;
	font-weight: normal;
}

.sign-title-smaller {
	font-family: Verdana, Geneva, sans-serif; 
	font-size:32px;
	display: inline-block;
}

.signin-subtitle-box {
	width: 100%; /*width: 100%;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
	color: #555555;
	vertical-align: middle;
	cursor: default;
	font-size: 16px;
}

.pmpr-bnd-box-0 {
	width:100%;
	background-color: transparent;
	
	display: flex;
  	justify-content: center; 
  	align-items: center;
  	
}
.pmpr-bnd-box-1 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
	vertical-align: middle;
	width: 800px;
	height: 80px;
	border-style: solid;
    border-color: #eaeaea;
    border-width: 1px 1px 1px 1px;
	border-radius: 18px 18px 18px 18px;
	background-color: #fefefe;
	
}

.pmpr-bnd-box-2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px 20px 10px 10px;
	margin-top: 30px;
	margin-bottom: 50px;
	vertical-align: middle;
	width: 600px;
	/*height: 350px;*/
	border-style: solid;
    border-color: transparent;
    border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	/*box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);*/
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
.pmpr-bnd-box-2:hover {
	/*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);*/
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.pmpr-bnd-box-3 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px 20px 10px 10px;
	margin-top: 30px;
	margin-bottom: 50px;
	vertical-align: middle;
	width: 600px;
	border-style: solid;
    border-color: transparent;
    border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
}

div.radical-sign-12 {
	font-size: 12px;
	display: inline-block;
	border-width: 1px 0px 0px 0px;
	border-color: black;
	border-style: solid; 
	vertical-align: middle;
	
}
div.radical-sign-16 {
	font-size: 16px;
	display: inline-block;
	border-width: 1px 0px 0px 0px;
	border-color: black;
	border-style: solid; 
	vertical-align: middle;
	
}
div.radical-sign-17 {
	font-size: 17px;
	display: inline-block;
	border-width: 1px 0px 0px 0px;
	border-color: black;
	border-style: solid; 
	vertical-align: middle;
	
}
div.radical-sign-18 {
	font-size: 18px;
	display: inline-block;
	border-width: 1px 0px 0px 0px;
	border-color: black;
	border-style: solid; 
	vertical-align: middle;
	
}
div.radical-sign-19 {
	font-size: 19px;
	display: inline-block;
	border-width: 1px 0px 0px 0px;
	border-color: black;
	border-style: solid; 
	vertical-align: middle;
	
}
div.radical-sign-20 {
	font-size: 20px;
	display: inline-block;
	border-width: 1px 0px 0px 0px;
	border-color: black;
	border-style: solid; 
	vertical-align: middle;
	
}

div.signin-subtitle-box-shorter {
	width: 100%;
	text-align: center;
	height: 30px;
	color: #555555;
	
}

div.timer-box {
	width: 350px; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 50px;
	color: #0000BB;
	vertical-align: bottom;
}
p.timer-box {
	font-family: Arial, Helvetica, sans-serif; 
}

p.signin-subtitle {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:16px;
;
}

p.signup-subtitle {
	font-family: "Comic Sans MS", cursive, sans-serif; /*Arial, Helvetica, sans-serif;*/ 
	font-size:16px;
	
}


.signin-input-box {
	width: 100%;
	text-align: center;
	height: 60px;
	
}

.pmpr-msg-box {
	width: 500px;
	text-align: center;
	height: 60px;
	margin-top: 5px;
	height: 50px;
	margin: auto auto;
	display: flex;
	align-items: center; 
    justify-content: center;
}
.pmpr-em-box {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	height: 60px;
	margin: auto auto;
}

.pmpr-input-box {
	width: 500px;
	text-align: center;
	margin: auto auto;
}

.signin-disclaimer-box {
	width: 350px;
	text-align: center;
	height: 50px;
	margin-left: auto;
	margin-right:auto;
}

.logo-box-1 {
	text-align: center;
	height: 50px;
	margin: 0px auto 20px auto;
	
	width:98%;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	
}
.log-box-2 {
	text-align: center;
	height: 50px;
	margin-left: auto;
	margin-right:auto;
	width:98%;
	height: 60px;
	
}

.disclaimer-box-2 {
	width: 95%;
	text-align: left;
	height: 30px;
	margin: 5px 5px 15px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.disclaimer-box-3 {
	width: 95%;
	text-align: left;
	height: 30px;
	margin: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.imageemail {
	background-image: url(/ua/login_htm_files/er03.png);
}
.imagepwd {
	background-image: url(/ua/login_htm_files/er22.png);
}
.imagesearch {
	/*background-image: url(/htm/prac_htm_files/supervista_general_zoom_16.png) no-repeat left middle;*/
	background: url(/htm/prac_htm_files/supervista_general_zoom_16.png) no-repeat left center;
}

input.select-button-memb {
	width: 171px;
	background-color:#4291bd;
	display:inline-block;
	color:#ffffff;
	height: 35px; 
	text-align:center;
	font-size: 15px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #4291bd;
}
input.select-button-memb:hover{
	background-color:#44b2ff;
}
input.select-button-memb:focus{
	background-color:#4cb5ff;
}

input.unselect-button-memb {
	width: 171px;
	background-color:#DDDDDD;
	display:inline-block;
	color:#ffffff;
	height: 35px; 
	text-align:center;
	font-size: 15px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #DDDDDD;
}
input.unselect-button-memb:hover{
	background-color:#44b2ff;
}
input.unselect-button-memb:focus{
	background-color:#DDDDDD;
}

div.signin-reminder-box {
	display: block;
	text-align: center;
	height: 20px;
	margin: auto auto;
	margin-top: 10px;
	
}


div.signin-helper-box {
	width: 342px;
	text-align: right;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	
}

a.href-helper {
	text-decoration: none; 
	cursor:pointer; 
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
	color: #5d56f1;

}
.container a.href-helper-2 {
	text-decoration: underline; 
	cursor:pointer; 
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
	color: #5d56f1;

}
.href-reminder {
	text-decoration: none; 
	cursor: pointer; 
	color: #5d56f1;/*#327ef4;*/
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	display: inline-block;
		
}
.href-reminder:hover {
	text-decoration: underline;
}

a.href-bks {
	text-decoration: none; 
	cursor:pointer; 
	padding-right:5px;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
	color: #86ad29;
}

a.href-btmbarout {
	text-decoration: none; 
	cursor:pointer; 
	padding-left:20px;
	padding-right:20px;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	color: #777777;
}

img.img-topbarout-48 {
	
	/*alt="About Us";*/ 
 	width: 48px; 
 	height: 48px;
 	vertical-align: middle;
 	margin-left: 5px;
 	margin-right: 5px;
}
img.img-topbarout-32 {
	
	/*alt="About Us";*/ 
 	width: 32px; 
 	height: 32px;
 	vertical-align: middle;
 	margin-bottom: 6px;
 	margin-left: 5px;
 	margin-right: 5px;
}
img.img-fillup {
	width: 100%;
	height: 100%;
}

input.signin-input {
	width: 300px; 
	text-indent: 10px; 
	height: 35px; 
	font-size: 15px; 
	/*background-image: url(/mb/asc/er03.png);*/ 
	background-repeat: no-repeat; 
	border-style: solid; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
}
input.signin-input:hover {
	
	border-width: 1px 1px 2px 1px; 
}
input.signin-input-shorter {
	width: 150px; 
	text-indent: 10px; 
	height: 35px; 
	font-size: 14px; 
	background-repeat: no-repeat; 
	border-style: solid; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;

}
input.signin-input-shorter:hover {
	
	border-width: 1px 1px 2px 1px; 
}

.pmpr-input-l {
	width: 98%; 
	text-indent: 10px; 
	height: 35px; 
	font-size: 16px; 
	background-repeat: no-repeat; 
	border-style: solid; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
}
.pmpr-input-l:hover {
	border: none;
	outline: 2px solid #6b62f4;
	margin: 1px 1px 1px 1px;
}
.pmpr-input-l:focus {
	border: none;
	outline: 2px solid #6b62f4;
	margin: 1px 1px 1px 1px;
}

.pmpr-input-s {
	width: 98%; 
	text-indent: 10px; 
	height: 35px; 
	font-size: 16px; 
	background-repeat: no-repeat; 
	border-style: solid; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	margin: 1px 0px 1px 0px;
}
.pmpr-input-s:hover {
	border: none;
	outline: 3px solid #b8cde9;
	margin: 2px 0px 2px 0px;
}
.pmpr-input-s:focus {
	border: none;
	outline: 3px solid #b8cde9;
	margin: 2px 0px 2px 0px;
}

.signin-input-longer {
	width: 310px; 
	text-indent: 10px; 
	height: 35px; 
	font-size: 14px; 
	/*background-image: url(/mb/asc/er03.png);*/ 
	background-repeat: no-repeat; 
	border-style: solid; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
}
.signin-input-longer:hover {
	
	border-width: 1px 1px 2px 1px; 
}

div.h-spacer-10 {
	width: 10px;
	display: inline-block;	
}
div.h-spacer-50 {
	width: 50px;
	display: inline-block;	
}
div.h-spacer-15 {
	width: 15px;
	display: inline-block;	
}
div.h-spacer-20 {
	width: 20px;
	display: inline-block;	
}
div.h-spacer-25 {
	width: 20px;
	display: inline-block;	
}

div.h-spacer-30 {
	width: 30px;
	display: inline-block;	
}
div.h-spacer-35 {
	width: 30px;
	display: inline-block;	
}
div.h-spacer-40 {
	width: 30px;
	display: inline-block;	
}
div.h-spacer-45 {
	width: 30px;
	display: inline-block;	
}

div.hspacer {
	width: 10px;
	display: inline-block;	
}
div.hspacer-50 {
	width: 50px;
	display: inline-block;
	height: 100%;	
}
div.hspacer-100 {
	width: 100px;
	display: inline-block;	
}
div.hspacer-15 {
	width: 15px;
	display: inline-block;	
}
div.hspacer20 {
	width: 20px;
	display: inline-block;	
}
div.hspacer30 {
	width: 20px;
	display: inline-block;	
}
div.hspacer-tablecell {
	width: 10px;
	display: table-cell;
}

div.vspacer {
	width: 100%;
	text-align: center;
	height: 20px;pointer-events: none;
	
}
div.vspacer-50 {
	width: 100%;
	text-align: center;
	height: 50px;pointer-events: none;
	
}
div.vspacer-45 {
	width: 100%;
	text-align: center;
	height: 40px;pointer-events: none;
	
}
div.vspacer-40 {
	width: 100%;
	text-align: center;
	height: 40px;pointer-events: none;
	
}
div.vspacer-35 {
	width: 100%;
	text-align: center;
	height: 40px;pointer-events: none;
	
}
div.vspacer-30 {
	width: 100%;
	text-align: center;
	height: 30px;pointer-events: none;
	
}
div.vspacer-25 {
	width: 100%;
	text-align: center;
	height: 25px;pointer-events: none;
	
}
div.vspacer-20 {
	width: 100%;
	text-align: center;
	height: 20px;pointer-events: none;
	
}
div.vspacer-15 {
	width: 100%;
	text-align: center;
	height: 15px;pointer-events: none;
	
}
div.vspacer-ln {/* a new line spacing that looks ok*/
	width: 100%;
	text-align: center;
	height: 20px;pointer-events: none;
	
}

div.vspacer-10 {
	width: 100%;
	text-align: center;
	height: 10px;pointer-events: none;
	
}
div.vspacer-5 {
	width: 100%;
	text-align: center;
	height: 5px;pointer-events: none;
	
}
div.indent-30 {
	width: 95%;
	padding-left: 30px;
	display: inline-block;
}
input.checkbox {
	width:20px;
	display: inline-block;
}

div.btmbarout-box {
	padding-top: 60px;
	margin: auto auto;
	width: 100%;
	text-align: center;
	height: 20px;
	
	font-family: Arial, Helvetica, sans-serif;	
	color: black;/*#22c2a8;*/
	display: flex;
	align-items: center; 
    justify-content: center;
	
}

.notrobo-rec {
	width: 200px;
	height: 40px;
	vertical-align: middle;
	display: inline-block;
	background-color: lightgreen;
}

.whatisthis-rec {
	width: 100px;
	height: 40px;
	vertical-align: middle;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}


div.imgtileboundary128 {
	width: 128px;
	height: 128px;
	text-align: center;
	
}
div.imgtileitem60 {
	margin-top: 5px;
	margin-right: 2px;
	width: 52px;
	height: 52px;
	display: inline-block;
	vertical-align: top;
	background-color: #222222;
}
div.imgtileitem128 {
	margin-top: 10px;
	margin-right: 10px;
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: top;
	background-color: #333333;
}

.imgsize256 {
	width: 256px;
	height: 256px;
	display: inline-block;
	vertical-align: middle;
}
.imgsize128 {
	width: 128px;
	height: 128px;
	display: inline-block;
	vertical-align: middle;
}
.imgsize96{
	width: 96px;
	height: 96px;
}
.imgsize64 {
	width: 64px;
	height: 64px;
	display: inline-block;
	vertical-align: middle;
}
.imgsize48 {
	width: 48px;
	height: 48px;
	display: inline-block;
	vertical-align: middle;
}
.imgsize32 {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}
.imgsize24 {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
}

.imgsize16 {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}

.height180 {
	height: 180px;
}
.height50 {
	height: 40px;
}
.height40 {
	height: 40px;
}
.height30 {
	height: 30px;
}
.height20 {
	height: 20px;
}
.height5 {
	height: 5px;
}
.height10 {
	height: 10px;
}

.background-color-lightblue {
	background-color: lightblue;
}
.background-color-lightgreen {
	background-color: lightgreen;
}

.background-color-orange {
	background-color: orange;
}

.background-green-sd1 {
	background-color: #a7e8a8;
}

.background-orange-sd1 {
	background-color: #f6cd63;
}

.background-grey-sd1 {
	background-color: #DDDDDD;
}

.background-color-yellow {
	background-color: #edee0a;
}


input.search-input-box {
	width: 80%; 
	text-indent: 25px; 
	height: 70%; 
	/*background-image: url(/mb/asc/er03.png);*/ 
	background-repeat: no-repeat; 
	border-style: solid; 
	border-color: #999999;
	border-width: 1px 1px 1px 1px;
	display: inline-block;
	/*border-width: 1px 0px 1px 0px; 
	;*/
}
input.search-input-box:hover {
	
	border-width: 1px 1px 1px 1px; 
	border-color: #666666;
}
input.search-input-box:focus {
	
	outline: none; 
}

.align-right {
	text-align: right;
}

.textalign-left {
	text-align: left;
}
.textalign-center {
	text-align: center;
}
.textalign-right {
	text-align: right;
}
.mipb-inp-box-1 {
	font-family: Times New Roman, Times, serif;
	height: 26px;
	width:34px; 
	font-size: 18px;
	background-color: transparent;/*#e3dee8;*/
	text-align: center;
	border-style: none;
	
	caret-color: red;
	vertical-align:middle;
	/*padding-right: 1px;
	padding-left: 1px;*/
	
	display: inline-block;
}
.mipb-inp-box-1:focus {
	outline-style: solid;
	outline-width: 1px;
	outline-color: transparent;
}
.mipb-inp-box-half {
	font-family: Times New Roman, Times, serif;
	height: 26px;
	width:17px; 
	font-size: 18px;
	background-color: transparent;/*#e3dee8;*/
	text-align: center;
	border-style: none;
	
	caret-color: red;
	vertical-align:middle;
	/*padding-right: 1px;
	padding-left: 1px;*/
	
	display: inline-block;
}

div.imgcirclebk-white-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-blue-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_blue.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-brown-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_brown.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-green-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_green.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-orange-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_orange.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-red-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_red.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-teal-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_teal.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-purple-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_purple.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-magenta-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_magenta.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgcirclebk-lime-48 {
	height: 48px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/circ/circle_lime.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
div.imgpushpin {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 24px;
	content: url(/htm/prac_htm_files/prac/push_pin_48white.png);
	display: inline-block;
	vertical-align: top;
}

div.imgmission {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/prac/pathfinder_intersect_48white.png); 
	background-repeat: no-repeat; 
	background-position: left center;
	background-size: 24px 24px;
	vertical-align: middle;
	display: inline-block;
}
div.imgroadmap {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/prac/uv_map_32white.png);
	background-repeat: no-repeat; 
	background-position: left center;
	background-size: 24px 24px;
	vertical-align: middle;
	display: inline-block;
}
div.imgrefresh {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/prac/table_24.png);
	background-repeat: no-repeat; 
	background-position: left center;
	background-size: 24px 24px;
	vertical-align: middle;
	display: inline-block;
}
div.imgresubjects {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/prac/stats_bar_chart_24.png);
	background-repeat: no-repeat; 
	background-position: left center;
	background-size: 24px 24px;
	vertical-align: middle;
	display: inline-block;
}
div.imgprint {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/prac/printer_32_white.png);
	background-repeat: no-repeat; 
	background-position: left center;
	background-size: 24px 24px;
	vertical-align: middle;
	display: inline-block;
}
div.imgprogress {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/prac/progress_bar_48white.png);
	background-repeat: no-repeat; 
	background-position: left center;
	background-size: 24px 24px;
	vertical-align: middle;
	display: inline-block;
}
div.imgaward {
	margin-top: 12px;
	margin-left: 12px;
	height: 24px;
	width: 100%;
	background-image: url(/htm/prac_htm_files/prac/star_32_star.png); 
	background-repeat: no-repeat; 
	background-position: left center;
	background-size: 24px 24px;
	vertical-align: middle;
	display: inline-block;
	
}

div.div-img-1 {
	height: 48px;
	
	padding-left: 60px;
	
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	text-align: center;
}
.displaytablecell {
	display: table-cell;
}

div.imgcircletext {
	margin-top: 15px;
	margin-left: 10px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
} 
div.imgcircletext:hover {
	color: green;
	/*padding-left: 15px;*/
}

table.table_general {
	border-collapse: collapse;
	
}
th.th_general {
	padding-right: 50px;
	padding-top: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	
}
td.td_general {
	padding-right: 30px;
	padding-top: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

.text-alert {
	width: 98%;
	background-color: transparent;/*#fce605;*/
	color: red;
	text-align: left;
	font-size: 18px;	
	border: none;
	outline: none;
	display: inline-block;
	vertical-align: top;
	padding-top: 3px;
	margin-bottom: 5px;
}

div.comm-icn-fit {
	width: 24px;
	height: 24px;
	/*background-image: url(/htm/prac_htm_files/prac/reload_16_white.png);*/ 
	background-repeat: no-repeat; 
	background-position: left center; 
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}


a.tp-menu-si {
	text-decoration: none;
	color: black;
}

a.tp-menu-si:focus {
	border: none;
	outline: none;
}

.td-cl-0 {
	width: 25px;
	padding: 2px 5px 2px 5px;
	color: black;
	text-align: center;
}
.td-cl-1 {
	width: 150px;
	padding: 5px 10px 5px 10px;
	color: black;
}
.td-cl-2 {
	width: 150px;	
	padding: 5px 10px 5px 10px;
	color: black;
}
.td-cl-3 {
	padding: 5px 10px 5px 10px;
	text-align: left;
	color: #4e4e50;
}

.td-cl-5 {
	width: 200px;
	padding: 5px 10px 5px 10px;
	color: black;
}
.padding-120 {
	padding: 0px 30px 10px 10px;
}
.padding-121 {
	padding: 10px 10px 10px 10px;
}
.padding-122 {
	padding: 15px 10px 10px 10px;
}
.padding-0 {
	padding: 5px 10px 10px 10px;
}
.padding-real-0 {
	padding: 2px 1px 1px 2px;
}
.padding-real-1 {
	padding: 8px 5px 8px 5px;
}
.tr-bk-1 {
	background-color: #dcf8e9;
}
.tr-bk-2 {
	background-color: #90a5ec;
}
.tr-bk-0 {
	background-color: transparent;
}
.tr-bk-3 {
	background-color: #eaefef;
}
.tr-bk-4 {
	background-color: #edeef3;
}

.slanted-crout {
  position: relative;
  display: inline-block;
}

.slanted-crout::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px; 
  background-color: red; 
  top: 50%; 
  left: 0;
  transform: rotate(30deg); 
  transform-origin: center;
}

.topbrd-hd-1 {
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: orange;
	padding-top: 5px;
}
.bottombrd-hd-1 {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: orange;
}
.topbrd-hd-2 {
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: green;
	padding-top: 5px;
}
.bottombrd-hd-2 {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: green;
}
.topbrd-hd-3 {
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: #888888;
	padding-top: 5px;
}
.bottombrd-hd-3 {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #888888;
	padding-bottom: 5px;
}
.topbrd-hd-4 {
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: #9a7ae1;
	padding-top: 5px;
}
.bottombrd-hd-4 {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #9a7ae1;
	padding-bottom: 5px;
}
.midtop-hd-3 {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #d3d2d4;
	padding-bottom: 5px;
}
.tr-bk-hd {
	height: 40px;
	background-color: transparent;
	vertical-align: middle;
	
}
.td-cl-4 {
	padding: 5px 20px 5px 20px;
	color: black;
	font-size: 16px;
}
.td-cl-4-lng {
	padding: 5px 40px 5px 40px;
	color: black;
	font-size: 16px;
}
.padding-top-5 {
	padding-top: 5px;
}
.padding-top-15 {
	padding-top: 15px;
}
.ind-bd-0 {
	border-width: 0px 3px 0px 0px;
	border-color: orange;
	border-style: solid;
	font-weight: bold;
	font-size: 15px;
	color: black;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
.ind-bd-1 {
	border-width: 0px 3px 0px 0px;
	border-color: orange;
	border-style: solid;
	font-weight: bold;
	font-size: 15px;
	color: black;
	font-family: Georgia, "Times New Roman", Times, serif;
		
}

.td-cl-5-lng {
	padding: 10px 10px 10px 10px;
	color: black;
	font-size: 16px;
}

.tb-exp-0 {
	border-collapse: collapse;
	/*border-spacing: 0px 20px; 
	border-collapse: separate;*/
	
	font-family: Arial, Helvetica, sans-serif; 
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
	margin: 1px 1px 1px 1px;
	float:top;
	display:block;
	
}
.tr-exp-0 {
	margin: 0px 0px 0px 0px;
}
.td-exp-0 {
	vertical-align: top;
	border-style: solid;
	border-color: transparent; 
	border-width: 0px 0px 0px 0px;
	text-align: left;
 	font-family: Georgia, "Times New Roman", Times, serif; 
 	color: orange;
 	width: 40px;
 	padding-bottom: 0px;
 	padding-top: 0px;
 	font-size: 17px;

}
.td-exp-1 {
	vertical-align: top;
	border-style: solid;
	border-color: transparent; 
	border-width: 0px 0px 0px 0px;
	text-align: left;
	padding-top: 0px;
 	padding-bottom: 0px;
 	padding-left: 2px;
}

div.exp-bx3 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 8px 20px;
	border-radius: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 0px 0px 3px;
}
div.exp-bx3:hover {
	box-shadow: 2px 2px 5px #dddddd;
	border-color: orange;
	
}

div.exp-bx2 {
	width: 100%;
	margin: 8px 0px 0px 0px;
	padding: 0px 12px 2px 20px;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 0px 0px 0px 3px;
}
div.exp-bx2:hover {
	box-shadow: 2px 2px 5px #dddddd;
	border-color: orange;
	
}

.tb-exp-1 {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
}

.tb-exp-2 {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif; 
	display: block;
	
	width: 800px; 
	margin: 10px 1px 30px 1px;
	float:top;
	font-size: 17px;
}
.tb-exp-3 {
	border-collapse: collapse;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 16px;
	display: block;
	margin-top: 1px;
	margin-bottom: 1px;
}
.td-exp-2 {
	text-align: left;
	vertical-align: top;
	border-style: solid;
	border-color: #dddddd; 
	border-width: 0px 3px 0px 0px;
	
	font-family: Verdana, Geneva, sans-serif; 
	
	font-size: 15px;
	font-weight: light;
}
.td-exp-2:hover {
	border-color: orange; 
}

.td-cl-p1 {
	/*width: 150px;*/
	padding: 10px 10px 10px 10px;
	color: black;
}
.td-cl-p2 {
	/*width: 150px;*/	
	padding: 10px 10px 10px 10px;
	color: black;
}

.tr-bk-p1 {
	background-color: #e4e4e4;
}
.tr-bk-p0 {
	background-color: transparent;
}
.tb-exp-p1 {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
}
.bottombrd-hd-p1 {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: black;
}
.font-alpa-1 {
	font-family: sans-serif; 
	font-size: 50px;
	font-weight: bold;
	
}
.font-alpa-3 {
	font-family: Bradley hand; 
	font-size: 50px;
	font-weight: bold;
	
}
.font-alpa-2 {
	font-family: "Times New Roman"; 
	font-size: 50px;
	font-weight: bold;
	font-style: italic;
	
}
.font-alpa-4 {
	font-family: 'Zilla Slab Highlight', sans-serif; 
	font-size: 60px;
}

div.cn-pen-1 {
	/*width: 87px;
	height: 87px;*/
	width: 19.5mm;
	height: 19.5mm;
	
	background-image: url(/htm/rsc/cnbl/pen_obv_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-pen-2 {
	/*width: 87px;
	height: 87px;*/
	width: 19.5mm;
	height: 19.5mm;background-image: url(/htm/rsc/cnbl/pen_rev_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-pen-4 {
	/*width: 87px;
	height: 87px;*/
	width: 19.5mm;
	height: 19.5mm;background-image: url(/htm/rsc/cnbl/pen_rev_2.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-pen-6 {
	/*width: 87px;
	height: 87px;*/
	width: 19.5mm;
	height: 19.5mm;background-image: url(/htm/rsc/cnbl/pen_rev_3.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}

div.cn-nickel-1 {
	/*width: 96px;
	height: 96px;*/
	width: 21.21mm;
	height: 21.21mm;
	background-image: url(/htm/rsc/cnbl/nickel_obv_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-nickel-2 {
	/*width: 96px;
	height: 96px;*/
	width: 21.21mm;
	height: 21.21mm;
	background-image: url(/htm/rsc/cnbl/nickel_rev_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-nickel-3 {
	/*width: 102px;
	height: 100px;*/
	width: 22.8mm;
	height: 22.3mm;
	background-image: url(/htm/rsc/cnbl/nickel_obv_2.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-nickel-4 {
	/*width: 102px;
	height: 100px;*/
	width: 22.5mm;
	height: 22.1mm;
	
	background-image: url(/htm/rsc/cnbl/nickel_rev_2.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-dime-1 {
	/*width: 81px;
	height: 81px;*/
	
	width: 17.9mm;
	height: 17.9mm;
	background-image: url(/htm/rsc/cnbl/dime_obv_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-dime-2 {
	/*width: 81px;
	height: 81px;*/
	width: 17.9mm;
	height: 17.9mm;
	background-image: url(/htm/rsc/cnbl/dime_rev_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}

div.cn-quarter-1 {
	/*width: 105px;
	height: 109px;*/
	width: 24.26mm;
	height: 24.26mm;
	background-image: url(/htm/rsc/cnbl/quarter_obv_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-quarter-2 {
	/*width: 109px;
	height: 117px;*/
	width: 25mm;
	height: 27mm;
	background-image: url(/htm/rsc/cnbl/quarter_rev_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-quarter-3 {
	/*width: 110px;
	height: 121px;*/
	width: 25mm;
	height: 27mm;
	background-image: url(/htm/rsc/cnbl/quarter_obv_2.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-halfd-1 {
	/*width: 135px;
	height: 135px;*/
	width: 30.61mm;
	height: 30.61mm;
	background-image: url(/htm/rsc/cnbl/half_dollar_obv_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-halfd-2 {
	/*width: 135px;
	height: 135px;*/
	width: 30.61mm;
	height: 30.61mm;
	background-image: url(/htm/rsc/cnbl/half_dollar_rev_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-dlar-1 {
	/*width: 120px;
	height: 120px;*/
	width: 26.5mm;
	height: 26.5mm;
	background-image: url(/htm/rsc/cnbl/dollar_sacagawea_obv_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-dlar-2 {
	/*width: 120px;
	height: 120px;*/
	width: 26.5mm;
	height: 26.5mm;
	background-image: url(/htm/rsc/cnbl/dollar_sacagawea_rev_1.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-dlar-3 {
	/*width: 120px;
	height: 120px;*/
	width: 26.5mm;
	height: 26.5mm;
	background-image: url(/htm/rsc/cnbl/coin_dollar_obv_3.jpeg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.cn-dlar-4 {
	/*width: 120px;
	height: 120px;*/
	width: 26.5mm;
	height: 26.5mm;
	background-image: url(/htm/rsc/cnbl/coin_dollar_rev_3.png); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-one-1 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_one_obv_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-one-2 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_one_rev_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-two-1 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_two_obv_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-two-2 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_two_rev_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-five-1 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_five_obv_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-five-2 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_five_rev_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-ten-1 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_ten_obv_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-ten-2 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_ten_rev_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-twen-1 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_twen_obv_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-twen-2 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_twen_rev_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-fifty-1 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_fifty_obv_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-fifty-2 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_fifty_rev_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-hund-1 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_hund_obv_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}
div.bl-hund-2 {
	width: 400px;
	height: 167px;
	background-image: url(/htm/rsc/cnbl/bill_hund_rev_1.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 100% 100%;
	display: inline-block;
}

.margin5px {
	margin: 5px 5px 5px 5px;
}

.backgroundSizePerc {
	background-size: 80% 80%;
	
}
.verticalalignmiddle {
	vertical-align: middle;
}
.verticalaligntop {
	vertical-align: top;
}
.verticalalignbottom {
	vertical-align: bottom;
}
.verticalalignsub {
	vertical-align: sub;
}

.nopointerevnt {
	pointer-events:none;
}

.displayblock {
	display: block;
}
.displayinline {
	display: inline-block;
}
.nobkimg {
	background-image: none;
}
.mental-m-box-1 {
	background-color: #eef4e2;
  	text-align: center;
  	box-shadow: 5px 5px 8px #aaaaaa;
  	
  	margin-left: 30px;
  	padding: 40px 30px 40px 30px;
  	border-radius: 2px 2px 2px 2px;
}
.cal-bound-1 {
	padding-top: 5px;
  	width: 420px;
  	background-color: lightblue;
  	text-align: center;
  	box-shadow: 5px 5px 8px #aaaaaa;
}
.cal-bound-2 {
	padding-top: 5px;
  	width: 420px;
  	background-color: lightblue;
  	text-align: center;
  	box-shadow: 5px 5px 8px #aaaaaa;
  	float: right;
}
.cal-bound-3 {
	padding-top: 5px;
  	width: 420px;
  	background-color: lightblue;
  	text-align: center;
  	box-shadow: 5px 5px 8px #aaaaaa;
  	float: left;
}
select.pntw-select-02 {
    border-style: none;
    border-width: 1px 1px 1px 1px;
    border-color: #bcebcc;
    max-width: 200px;
	font-family: Lucida Sans Unicode;
	font-size: 18px;
    outline: none;
    background-image: none;
    border-radius: 0px 0xp 0px 0px;
    display: inline-block;
    vertical-align: middle;
    color: #888888;
    /*background: transparent url("img/icon-select.png") no-repeat 50% 50%;*/
}
select.pntw-select-02:hover {
    background-color: #CCCCCC;
    /*background: transparent url("img/icon-select.png") no-repeat 50% 50%;*/
}

.cal-m {
	width: 100%;
  	height: 30px;
  	display: block;
  	text-align: center;
  	font-size: 20px;
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
    padding-top: 10px;
    
}

table.cal-tbl-1 {
  	width: 100%;
  	border-collapse: collapse;
  	background-color: transparent;
  	color: #555555;
  	display: inline-block;
  	text-align: center;
  	font-size: 18px;
    border-width: 0px 0px 0px 0px;	
    font-family: Arial, Helvetica, sans-serif; 
  	border-spacing: 0px;
}

td.cal-p-m-d {
  	color: #929292;
  	text-align: center;
  	height: 30px;
  	font-size: 16px;
}
td.cal-c-m-d {
  	color: #323232;
  	text-align: center;
  	height: 30px;
  	padding: 0px;
}

td.cal-curr-d {
  	color: #e36c61;
  	padding: 0px;
  	
}

tr.cal-wk-d1 {
  	color: #e36c61;
  	font-weight: bold;
  	text-align: center;
  	font-size: 16px;
  	font-family: Georgia, "Times New Roman", Times, serif;
  	
}
td.cal-wk-d2 {
	width: 60px;
	height: 30px;
  	border-width: 0px;
  	padding: 0px;
  	
}
tr.cal-date {
  	background-color: #f2f2f2;
  	font-size: 16px;
  	color: #121212;
  	text-align: center;
  	height: 40px;
}

div.cal-crcl {
	width: 20px;
	height: 20px;
	display: inline-block;
  	text-align: center;
  	vertical-align: middle;
	border-radius: 50%;
	padding: 2px 2px 1px 1px;
	
}
div.cal-crcl-in {
	display: inline;
  	text-align: center;
  	vertical-align: middle;
}

.blck-cont {
	display: block;
	overflow: auto;
	width: 750px;
	margin: 10px 10px 30px 10px;
}

/*
 * rotate div
 */

.ui-rotatable-handle {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-image: url(/htm/icn/rotate_64_r.png);
    background-size: 100%;
}

.ui-rot {
	background-color: transparent;
	display: none;
	background-color: transparent;
	position: absolute;
	top: 300px;
	left: 300px;
 }
 .ui-rot-tag {
	background-color: transparent;
	display: none;
	background-color: transparent;
	position: absolute;
	top: 300px;
	left: 300px;
 }
.ui-ruler-1 {
	background-image: url(/htm/rsc/unitrl/ruler_1.png);
	background-size: 100%;
	background-repeat: no-repeat; 
	background-position: center;
	width: 5.125in;
	height: 0.72in;
}
.ui-ruler-2 {
	background-image: url(/htm/rsc/unitrl/ruler_2.png);
	background-size: 100%;
	background-repeat: no-repeat; 
	background-position: center;
	width: 5.125in;
	height: 0.72in;
}
.ui-ruler-3 {
	background-image: url(/htm/rsc/unitrl/ruler_3.png);
	background-size: 100%;
	background-repeat: no-repeat; 
	background-position: center;
	width: 5.125in;
	height: 0.72in;
}
.ui-ruler-4 {
	background-image: url(/htm/rsc/unitrl/ruler_4.png);
	background-size: 100%;
	background-repeat: no-repeat; 
	background-position: center;
	width: 5.125in;
	height: 0.72in;
}
.ui-ruler-5 {
	background-image: url(/htm/rsc/unitrl/ruler_5.png);
	background-size: 100%;
	background-repeat: no-repeat; 
	background-position: center;
	width: 5.125in;
	height: 0.72in;
}
 
.stp-hdr {
	display: inline-block;
	color: orange; 
	margin: 2px 2px 8px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
.stp-hdr-b {
	display: inline-block;
	color: black; 
	margin: 2px 2px 8px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
.maxwidth200 {
	max-width: 200px;
}

div.tp-blk-1 {
	display: inline-block;
	background-color: #e17e61;
	height: 30px;
	width: 45px;
border-style: solid; 
  	margin-right: 2px;
  border-color: transparent;
  	border-width: 1px 1px 1px 1px;
  }
div.tp-blk-2 {
	display: inline-block;
	background-color: #4eA7Db;
	height: 30px;
	width: 45px;
border-style: solid; 
  	margin-right: 2px;
  border-color: transparent;
  	border-width: 1px 1px 1px 1px;
  }
div.tp-blk-3 {
	display: inline-block;
	background-color: #9eC78e;
	height: 30px;
	width: 45px;
border-style: solid; 
  	margin-right: 2px;
  border-color: transparent;
  	border-width: 1px 1px 1px 1px;
  }
div.tp-blk-4 {
	display: inline-block;
	background-color: orange;
	height: 30px;
	width: 45px;
border-style: solid; 
  	margin-right: 2px;
  border-color: transparent;
  	border-width: 1px 1px 1px 1px;
  }
div.tp-blk-5 {
	display: inline-block;
	background-color: #e9abe5;
	height: 30px;
	width: 45px;
border-style: solid; 
  	border-color: transparent;
  	margin-right: 2px;
  border-width: 1px 1px 1px 1px;
  }
div.tp-blk-0 {
	display: inline-block;
	background-color: #dbae85;
	height: 30px;
	width: 45px;
	
	border-style: solid; 
  	border-color: transparent;
  	border-width: 1px 1px 1px 1px;
  	margin-right: 2px;
  
}

div.frfrm4mi-thin {
	/*width: 20px;
	margin: 0px 3px 0px 1px;*/
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
div.frfrm4-thin {
	/*width: 20px;
	margin: 0px 1px 0px 1px;*/
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: center;
}
div.frfrm5mi-thin {
	/*margin: 0px 1px 0px 1px;*/
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
div.frfrm5-thin {
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: center;
	/*margin: 0px 1px 0px 1px;*/
}
 
/*
 *
 */
.pic-cnt-1 {
	width: 80px;
	height: 80px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 30px 20px 10px;
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
	
}

.pic-cnt-2 {
	width: 80px;
	height: 80px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 30px 20px 10px;
	display: inline-block;
	
	vertical-align: middle;
}

.pic-cnt-3 {
	width: 80px;
	height: 80px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 30px 20px 10px;
	display: inline-block;
	
	vertical-align: middle;
}

.pic-cnt-4 {
	width: 80px;
	height: 80px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 30px 20px 10px;
	display: inline-block;
	
	vertical-align: middle;
}

.pic-cnt-5 {
	width: 80px;
	height: 80px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 30px 20px 10px;
	display: inline-block;
	
	vertical-align: middle;
}
.pic-eft-shrk {
	width: 80px;
	height: 80px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 30px 20px 10px;
	display: inline-block;
	
	vertical-align: middle;
}
.pic-eft-shrk:hover {
	background-size: 75% 75%;
}

.under-const-1 {
	width: 48px;
	height: 48px;
	background-color: transparent;
	background-size: 100% 100%;
	background-image: url('/htm/sty/usit/coding-r.gif'); 
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 0px 15px 10px 0px;
	display: inline-block;
	vertical-align: middle;
}
.under-const-1:hover {
}


.ans-cnt-1 {
	width: 36px;
	height: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	background-image: url(/htm/sty/img/num2/1-4.png);
	border: none;
	margin: 5px 10px 5px 2px;
	display: inline-block;
	vertical-align: middle;
	
}

.ans-cnt-2 {
	width: 36px;
	height: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	background-image: url(/htm/sty/img/num2/2-4.png);
	border: none;
	margin: 5px 10px 5px 2px;
	display: inline-block;
	vertical-align: middle;
}
.ans-cnt-3 {
	width: 36px;
	height: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	background-image: url(/htm/sty/img/num2/3-4.png);
	border: none;
	margin: 5px 10px 5px 2px;
	display: inline-block;
	vertical-align: middle;
}
.ans-cnt-4 {
	width: 36px;
	height: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	background-image: url(/htm/sty/img/num2/4-4.png);
	border: none;
	margin: 5px 10px 5px 2px;
	display: inline-block;
	vertical-align: middle;
}
.ans-cnt-5 {
	width: 36px;
	height: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	background-image: url(/htm/sty/img/num2/5-4.png);
	border: none;
	margin: 5px 10px 5px 2px;
	display: inline-block;
	vertical-align: middle;
}
.digital-stand {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	margin: auto auto;
}

@CHARSET "UTF-8";


div.sub-gen-view-left-div {
	width: 20%;
	background-color: transparent;
	height: 500px;
	display:inline-block;
	vertical-align: top;
	border-style: solid; 
	border-width: 0px 1px 0px 0px; 
	border-color: #DDDDDD;
/*	margin-top: 10px;
	margin-left: 10px;*/
}

div.sub-gen-view-right-div {
	width: 78%;
	background-color: transparent;
	height: 500px;
	display:inline-block;
	vertical-align: top;
	border-style: none; 
	border-width: 0px 0px 0px 1px; 
	border-color: #DDDDDD;
	/*margin-top: 10px;
	margin-left: 10px;*/
}

div.sub-grditem-gen-view {
	width: 30%;
	background-color: transparent;
	height: 40px;
	display:inline-block;
	vertical-align: left;
	margin-left: 20px;
	margin-top: 10px;
	text-align: left;
}

div.grd-menu-box {
	width: 50%;
	margin-left: 20%;
	margin-right: auto;
}

div.grd-menu {
	height: 20px;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	display: table;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	margin: 5px 8px 8px 5px;
	padding: 2px 5px 2px 2px;
	/*box-shadow: 2px 2px 2px #888888;*/
	cursor: pointer;
	text-decoration: none;
	color: #2e2e2e;
	font-size: 16px; 
	min-width: 50px;
	text-align: center;
}
div.grd-menu:hover{
	background-color: #eeeeee;
	
}

.separator-1 {
  border: none;
  border-top: 2px solid #ccc;
  margin: 20px 0;
  margin: 5px 8px 10px 5px;
  padding: 5px 5px 5px 5px;
}

.grd-menu-gr {
	height: 20px;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	display: table;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 15px;
	margin: 5px 8px 8px 5px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 3px 3px 0px 0px;
	color: #2e2e2e;
	font-size: 16px; 
	min-width: 50px;
	text-align: left;
	font-weight: 500;
	
	position: relative;
	overflow: hidden;
}
.grd-menu-gr::before{
	content: "";
    position: absolute;
    width: 0%;
    height: 0;
    background-color: #22233b; 
    bottom: 0;
    left: 0;
    
    height: 2px;
    background: red; /* Border color */
    transition: width 0.33s ease-in-out;
}
.grd-menu-gr:hover::before{
	width: 100%; 
}
/*
div.grd-menu-gr {
	height: 20px;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	display: table;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 15px;
	margin: 5px 8px 8px 5px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 3px 3px 0px 0px;
	color: #2e2e2e;
	font-size: 16px; 
	min-width: 50px;
	text-align: left;
	font-weight: 500;
}
div.grd-menu-gr:hover{
	background-color: #ffe6c9;
}
*/
div.grd-menu-icn {
	height: 20px;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	display: table;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 16px; 
	cursor: pointer;
	margin: 5px 8px 8px 5px;
	border-radius: 3px 3px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: black;
	min-width: 50px;
	background-color: transparent;
	text-align: left;
	font-weight: 500;
	/*box-shadow: 2px 2px 2px #888888;*/

}
div.grd-menu-icn:hover{
	background-image: url('/htm/sty/usit/coding-r.gif');/*url(/htm/sty/usit/wall-r.gif);*/
	background-repeat: no-repeat; 
	background-size: 36px 36px;
	background-position: left;
	color: transparent; 
	background-color: transparent;
}

div.grd-menu-active {
	height: 20px;
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #86ad29;
	color: white;
	background-color: #86ad29;/*#058484;*/
	display: table;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-size: 15px;
	margin: 5px 8px 8px 5px;
	padding: 2px 20px 2px 20px;
	box-shadow: 4px 4px 4px #888888;
}
div.grd-menu-active:hover{
	/*text-decoration: underline;*/
}

div.div-undl {
	width: 230px;
	background-color: transparent;
	display:inline-block;
	vertical-align: top;
	margin: 8px 20px 0px 10px;
	text-align: left;
	text-decoration: none; 
	border-style: none;
}

div.div-undl-0 {
	width: 240px;
	background-color: transparent;
	display: inline-block;
	vertical-align: top;
	margin: 5px 10px 5px 10px;
	text-align: left;
	text-decoration: none; 
	border-style: none;
	border-color: orange;
	border-width: 0px 0px 1px 0px;
	font-size: 17px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: 300;
}


div.div-undl-1 {
	width: 500px;
	background-color: transparent;
	display: inline-block;
	vertical-align: top;
	margin: 5px 10px 5px 10px;
	text-align: left;
	text-decoration: none; 
	border-style: none;
	border-color: orange;
	border-width: 0px 0px 1px 0px;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif; 
	font-weight: normal;
}

.sub-vi {
	background-color: transparent;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	cursor:pointer; 
	font-family: Verdana, Geneva, sans-serif;
	color: #1d160e; 
	font-size: 14px;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	padding-bottom: 3px;
	user-select: none; 
	font-weight: normal;
	
	position: relative;
	overflow: hidden;

}
.sub-vi::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0;
    background-color: #22233b; 
    bottom: 0;
    left: 0;
    
    height: 2px;
    background: red; /* #c52b1e */
    transition: width 0.5s ease-in-out;
}
.sub-vi:hover::before {
    width: 100%; 
}

/*
div.sub-vi {
	background-color: transparent;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	cursor:pointer; 
	font-family: Verdana, Geneva, sans-serif;
	color: #1d160e; 
	font-size: 14px;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	padding-bottom: 3px;
	user-select: none; 
	font-weight: normal;
	
	transition: border-color 0.75s ease-in-out; 
}
div.sub-vi:hover {
	border-color: #c52b1e;
}
*/
.sub-vi-pbc {
	background-color: transparent;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	cursor:pointer; 
	font-family: "Lucida Sans Unicode";
	color: #3a3a3a;
	font-size: 16px;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	padding-bottom: 2px;
	user-select: none; 
	
	position: relative;
	overflow: hidden;
}

.sub-vi-pbc::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0;
    background-color: #22233b; 
    bottom: 0;
    left: 0;
    
    height: 2px;
    background: red; /* #c52b1e */
    transition: width 0.5s ease-in-out;
}
.sub-vi-pbc:hover::before {
    width: 100%; 
}

div.skb-vi {
	background-color: transparent;
	width: 100%;
	display: block;
	vertical-align: top;
	text-align: left;
	color: #6a6a6a;
	font-size: 16px;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: transparent;
	margin: 20px 0px 1px 0px;
	
}
div.skb-vi:hover {
	text-decoration: underline;
	cursor: pointer;
	color: orange;
}

a.subtv-subitem-href {
	text-decoration: none; 
	cursor:pointer; 
	font-family: "Times New Roman", Times, serif;
	color: #e48606;
	font-size: 16px;
}
a.subtv-subitem-href:focus {
	border: none;
	outline: none;
}
a.subtv-subitem-href:hover {
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #058484;
	/*text-indent: 0px; 
	padding-left: 20px;*/

}

a.sprn-itref {
	text-decoration: none; 
	cursor:pointer; 
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: "Lucida Sans Unicode";
	
	color: #058484;
	font-size: 16px;
}
a.sprn-itref:focus {
	border: none;
	outline: none;
}
a.sprn-itref:hover {
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #058484;
	/*text-indent: 0px; 
	padding-left: 20px;*/

}

div.sub-clk-view {
	background-color: transparent;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	cursor:pointer; 
	color: #467678;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	padding-bottom: 3px;
	user-select: none; 
	
	position: relative;
	overflow: hidden;
	
}
.sub-clk-view::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 0;
    background-color: #22233b; 
    bottom: 0;
    left: 0;
    
    height: 2px;
    background: red; /* #c52b1e */
    transition: width 0.4s ease-in-out;
}
.sub-clk-view:hover::before {
    width: 100%; 
}
/*
div.sub-clk-view {
	background-color: transparent;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	cursor:pointer; 
	color: #467678;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	padding-bottom: 3px;
	user-select: none; 
	
}
div.sub-clk-view:hover {
	border-color: red;
}
*/
div.subprac-right-div-inside {
	width: 100%;
	height: 100%;

	
}

div.subj-prop-div {
	width: 100%;
	height: 40px;
	font-size: 18px;
}

input.sub-prac-button {
	width: 80%;
	height: 30px;
	background-color:#97c62b;
	color:#ffffff;
	text-align: center;
	font-size: 15px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #97c62b;
	text-align: center;
}
input.sub-prac-button:hover{
	background-color:#86ad29;
}
input.sub-prac-button:focus{
	background-color:#86ad29;
}

/*
browse
learning
*/


div.lesson-main {
	min-height: 600px;
	width: 100%;
	background-color: transparent;
}

div.lesson-left-div {
	height: 100%;
	min-height: 100px;
	width: 5%;
	/*max-width: 60%;
	max-height: 100%;*/
	background-color: transparent; /*#EEEEEE;*/
	display: inline-block;
	vertical-align: top;
	/*font-size: 20px; 
	font-family: "Times New Roman", Times, serif;
	word-wrap: break-word;*/
}

div.lesson-right-div {
	height: 100%;
	width: 93%;
	/*max-width: 60%;
	max-height: 100%;*/
	background-color: transparent; /*#EEEEEE;*/
	display: inline-block;
	vertical-align: top;
	/*font-size: 20px; 
	font-family: "Times New Roman", Times, serif;
	word-wrap: break-word;*/
}

div.lesson-right-div-cur {
	width: 100%;
	border-style: none;
	border-width: 0px 0px 1px 0px;
	border-color: #DDDDDD;
	padding-bottom: 20px;
	min-height: 50px;
	text-align: center;
	margin-top: 20px;
}

div.lesson-right-div-hist {
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #DDDDDD;
	padding-bottom: 20px;
	opacity: 0.7;
}
div.lesson-right-div-hist:hover {
	opacity: 1.0;
}


div.lesson-content-list {
	width: 30%;
	height: 100%;
	text-align: left;
	padding: 5px 5px 5px 5px;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	/*box-shadow: 2px 2px 2px #888888;*/
	background-color: transparent;/*#f5fff5;*/
	margin-right: 20px;
}
/*div.lesson-content-list:hover {
	opacity: 1.0;
}*/

div.lesson-all-category {
	width: 68%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

div.lesson-all-category-hist {
	width: 65%;
	height: 100%;
	display: inline-block;
	vertical-align: top;

}

div.lesson-category {
	width: 95%;
	min-height: 100px;
	background-color: transparent /*#FAFAFA*/;
	text-align: left;
	border-style: solid;
	border-color: lightblue;
	border-width: 0px 0px 1px 0px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px 5px 5px;
	margin-right: 25px;
	cursor: url('/htm/prac_htm_files/prac/arrowhead_right_32blue.png'), auto;
}
div.lesson-category:hover {
	background-color: #333333;
	color: white;
}

div.lesson-category-opened {
	width: 40%;
	min-height: 100px;
	background-color: transparent/*#FAFAFA*/;
	text-align: left;
	border-style: solid;
	border-color: lightblue;
	border-width: 0px 0px 1px 0px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px 5px 5px;
	margin: 0px 25px 10px 0px;
	cursor: url('/htm/prac_htm_files/prac/arrowhead_right_32blue.png'), auto;
}
div.lesson-category-opened:hover {
	background-color: #333333;
	color: white;
}

div.lesson-category-completed {
	width: 40%;
	min-height: 100px;
	background-color: transparent /*#FAFAFA*/;
	text-align: left;
	border-style: solid;
	border-color: lightblue;
	border-width: 0px 0px 1px 0px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px 5px 5px;
	margin: 0px 25px 10px 0px;
	cursor: url('/htm/prac_htm_files/prac/arrowhead_right_32blue.png'), auto;
	opacity: 0.2;
}
div.lesson-category-completed:hover {
	background-color: #333333;
	color: white;
}

div.lesson-category-new {
	width: 40%;
	min-height: 100px;
	background-color: transparent /*#FAFAFA*/;
	text-align: left;
	border-style: solid;
	border-color: lightblue;
	border-width: 0px 0px 1px 0px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 5px 5px 5px;
	margin: 0px 25px 10px 0px;
	cursor: url('/htm/prac_htm_files/prac/arrowhead_right_32blue.png'), auto;
}
div.lesson-category-new:hover {
	background-color: #333333;
	color: white;
}

div.lesson-category-moresheets {
	width: 95%;
	background-color: transparent /*#FAFAFA*/;
	text-align: right;
	border-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 10px 5px 5px 5px;
}

div.lesson-category-divider-line {
	width: 100%;
	min-height: 2px;
	background-color: transparent; /*#FAFAFA*/
	text-align: left;
	border-style: solid;
	border-color: lightblue;
	border-width: 0px 0px 1px 0px;
	display: inline-block;
	vertical-align: top;
}

div.lesson-category-blank {
	width: 120px;
	height: 120px;
	/*box-shadow: 2px 2px 2px #888888;*/
	background-color: transparent /*#FAFAFA*/;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
	text-decoration: underline;
	cursor: url('/htm/prac_htm_files/prac/add_24blue.png'), auto;
}
div.lesson-category-blank:hover {
	background-color: #FAFAFA;
}

div.lesson-category-header {
	height: 40px;
	width: 100%;
}

div.lesson-cateogry-cur-icn {
	width: 50px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

div.lesson-cateogry-icn {
	width: 25%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

div.lesson-category-title {
	width: 70%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

div.lesson-category-chap {
	width: 95%;
	font-size: 16px;
	color: #333333;
	height: 24px;
	
	/*text-decoration: underline;*/
}

div.lesson-category-cate {
	width: 100%;
	height: 18px;
	font-size: 20px;
}

div.lesson-category-content {
	width: 100%;
	word-wrap: break-word;
	font-size: 12px;
	color: #888888;
}

div.lesson-cycle-content {
	width: 100%;
	word-wrap: break-word;
	font-size: 16px;
	color: #333333;
}

div.lesson-content-subj {
	width: 100%;
	word-wrap: break-word;
}

div.lesson-content-subj-clickable {
	width: 100%;
	word-wrap: break-word;
	/*color: black;*/
	font-size: 17px;
	height: 48px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.lesson-content-subj-clickable:hover {
	cursor: pointer;
}

.lesson-content-subj-special {
	color: orange;
	font-style: italic;
	font-weight: bold;
}

.tbl-col1-cycle-content {
	width: 60%;
	text-align: left;
}

.tbl-col2-cycle-content {
	font-style: italic;
	width: 40%;
}

.tbl-cycle-content {
	width: 99%;
}

.tbl-col1-cycle-category {
	width: 40%;
	text-align: left;
}

.tbl-col2-cycle-category {
	font-style: italic;
	width: 60%;
}

input.next-chap-btn {
	border-radius: 8px 8px 8px 8px;
	background-color: #309ad8;
	color: #FFFFFF;
	text-align: left;
	border-style: none;
	font-style: italic;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-size: 13px;
}
input.next-chap-btn:hover {
	background-color: #2e87b0;
}

input.new-session-btn {
	border-radius: 8px 8px 8px 8px;
	background-color: #39bdbd;
	color: #FFFFFF;
	text-align: left;
	border-style: none;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-size: 13px;
}
input.new-session-btn:hover {
	background-color: #268a88;
}

div.history-content-list {
	width: 27%;
	height: 100%;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	/*cursor: url('/htm/prac_htm_files/prac/clean_general_refresh_32.png'),
		auto;*/
}


div.hist-nav-bar {
	width: 100%;
	height: 40px;
	margin-top: 10px;
}

div.cur-nav-bar {
	width: 100%;
	height: 30px;
	color: black;
	/*background-color: #268a88;*/
	font-size: 18px;
	padding-right: 10px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif; 
}

div.hist-all-category {
	width: 100%;
	min-height: 100px;
	margin-top: 10px;
}

div.hist-nav-arrow {
	width: 15%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 36px;
	color: #CCCCCC;
	cursor: pointer;
	
}
div.hist-nav-arrow:hover {
	color: #333333;

}

div.hist-nav-center {
	width: 68%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	
}

div.learn-one-hist-session {
	width: 30%;
	min-height: 120px;
	/*border-style: solid;
	border-color: #dda273;
	border-width: 0px 0px 1px 0px;*/
	text-align: left;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	cursor: url('/htm/prac_htm_files/prac/arrowhead_right_32brown.png'), auto;
}
div.learn-one-hist-session:hover {
	background-color: #333333;
	color: white;
}

input.hist-nav-btn {
	border-radius: 4px 4px 4px 4px;
	background-color: #39bdbd;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-size: 16px;
	height: 26px;
	width: 100px;
}
input.hist-nav-btn:hover {
	background-color: #268a88;
}

input.resume-here-nav-btn {
	border-radius: 4px 4px 4px 4px;
	background-color: #39bdbd;
	color: white;
	text-align: left;
	border-style: none;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-size: 16px;
	height: 26px;
	text-indent: 28px;
	background-image: url(/htm/prac_htm_files/prac/push_pin_24white.png); 
	background-repeat: no-repeat;

}
input.resume-here-nav-btn:hover {
	background-color: #268a88;
	color: #FFFFFF;
	/*font-style: italic;*/
}

div.learn-roadmap-box {
	width: 70%;
	margin-left: 20%;
	margin-right: auto;
}
div.learn-roadmap-one-year {
	width: 100%;
	
}

a.lrbh-gbox {
	width: 12px;
	height: 12px;
	background-color: #DDDDDD;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 2px 2px 2px 2px;
	
	cursor:pointer; 
}
a.lrbh-gbox:focus {
	border: none;
	outline: none;
}
a.lrbh-gbox:hover {
	text-indent: 0px; 
	color: green;
	text-decoration: underline;
	z-index:100;
	cursor: default;
}
a.lrbh-obox {
	width: 12px;
	height: 12px;
	background-color: #f6cd63;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 2px 2px 2px 2px;
	
	cursor:pointer; 
}
a.lrbh-obox:focus {
	border: none;
	outline: none;
}
a.lrbh-obox:hover {
	border-radius: 6px 6px 6px 6px;
	/*text-indent: 0px; 
	color: green;
	text-decoration: underline;
	z-index:100;*/
}
a.lrbh-gnbox {
	width: 12px;
	height: 12px;
	background-color: green;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 2px 2px 2px 2px;
	
	cursor:pointer; 
}
a.lrbh-gnbox:focus {
	border: none;
	outline: none;
}
a.lrbh-gnbox:hover {
	border-radius: 6px 6px 6px 6px;
	/*text-indent: 0px; 
	color: green;
	text-decoration: underline;
	z-index:100;*/
}

input.learn-roadmap-prev-btn {
	width: 100%;
	background-color: transparent;
	color: #888888;
	padding-right: 10px;
	text-align: right;
	border-style: none;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	font-style: italic;
}
input.learn-roadmap-prev-btn:focus {
	border: none;
	outline: none;
}

div.learning-link-div-blnk {
	width: 100%;
	height: 20px;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

a.learning-link-href {
	text-decoration: none; 
	cursor: pointer; 
	font-family: "Lucida Sans Unicode";
	margin-left: 7px;
	padding-left: 10px;
	font-size: 20px;
	color: black;
}
a.learning-link-href:focus {
	border: none;
	outline: none;
}
a.learning-link-href:hover {
	color: green;
	text-decoration: underline;
	z-index:100;
	text-style: normal;
}

a.lrn-lp-hrf {
	text-decoration: none; 
	cursor: pointer; 
	font-family: "Lucida Sans Unicode";
	margin-left: 48px;
	font-size: 20px;
	color: black;
}
a.lrn-lp-hrf:focus {
	border: none;
	outline: none;
}
a.lrn-lp-hrf:hover {
	color: green;
	text-decoration: underline;
	z-index:100;
	text-style: normal;
}

a.learning-link-href-blnk {
	text-decoration: none; 
	cursor:pointer; 
	font-family: "Lucida Sans Unicode";
	margin-left: 7px;
	font-size: 16px;
	color: green;
}
a.learning-link-href-blnk:focus {
	border: none;
	outline: none;
}
a.learning-link-href-blnk:hover {
	text-decoration: underline;
	z-index:100;
}

a.lrn-lnk-href-undl {
	text-decoration: underline; 
	cursor: pointer; 
	font-family: "Lucida Sans Unicode";
	font-size: 16px;
	color: #669cec;
	
}
a.lrn-lnk-href-undl:focus {
	border: none;
	outline: none;
}
a.lrn-lnk-href-undl:hover {
	text-decoration: underline;
	color: green;
	z-index:100;
}
	
/*
  for home view display
*/
div.home-learn-content {
	width: 100%;
	word-wrap: break-word;
	font-size: 14px;
	color: #333333;
}

div.home-learn-category-header {
	height: 40px;
	width: 100%;
}
div.home-learn-cycle-content {
	width: 100%;
	word-wrap: break-word;
	font-size: 14px;
	color: #333333;
}
div.home-lesson-category-title {
	width: 90%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
}

div.home-lesson-section-title {
	width: 100%;
	color: #222222;
	background-color: white;
	margin-top: 20px;
}
div.dash-home-section-content {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FAFAFA;/*#9adfa2;*/
}

div.new-sess-act-div {
	min-width: 60px;
	height: 30px;
	background-image: url(/htm/prac_htm_files/prac/add_24blue.png); 
	background-repeat: no-repeat; 
	margin: 0px 0px 0px 30px;
	padding: 12px 35px 0px 0px;
	background-position: right center;
	font-size: 15px;	
	font-family: "Lucida Sans Unicode";
	background-color: transparent; /*#00A0A0;*/
	color: black;
	
	text-align: left;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #56adfb;;/*#56adfb;*/
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.8;
}
div.new-sess-act-div:hover{
	color: green;
	font-style: italic;
}
div.new-sess-act-div:focus {
	border: none;
	outline: none;
}
div.new-chap-act-div {
	min-width: 60px;
	height: 30px;
	background-image: url(/htm/prac_htm_files/prac/arrowhead_right_24orange.png); 
	background-repeat: no-repeat; 
	margin: 0px 0px 0px 30px;
	padding: 12px 35px 0px 0px;
	background-position: right center;
	font-size: 15px;	
	font-family: "Lucida Sans Unicode";
	background-color: transparent; /*#00A0A0;*/
	color: black;
	
	text-align: left;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: orange;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.8;
}
div.new-chap-act-div:hover{
	color: green;
	font-style: italic;
}
div.new-chap-act-div:focus {
	border: none;
	outline: none;
}

a.pntw-href {
	text-decoration: none;
	outline: none;
	cursor: pointer; 
	font-family: "Lucida Sans Unicode";
	color: #424242;/*#0040FF;#FF8000*/
	font-size: 16px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #D8D8D8;/*#F3E2A9;*/
	padding-bottom: 1px;
}
a.pntw-href:focus {
	border: none;
	outline: none;
	border-color: #424242;
}
a.pntw-href:hover {
	border-color: #424242;

}

/* front pag of various practice types */
/* spo: subject practice online  */

div.hp-area {

	width: 95%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 32px;
	overflow: auto;
	background-color: #FFFFFF;/*#f6fbfa;*/
}

.cat-pane-0 {
	text-align: left;
	width: 98%;
	background-color: #fefefe;
	display: inline-block;
	vertical-align: top;
	padding: 15px 10px 10px 10px;
	margin: 5px 0px 5px 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ededed;
	border-radius: 5px 5px 5px 5px;
	
	column-count: 3;	
}
.cat-pane-0:hover {
	box-shadow: 3px 5px 5px rgba(133, 133, 133, 0.5);
	border-color: transparent;
}

div.spo-pane-1 {
	height: 100%;
	width: 380px;
	color: black;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	border-style: none;
	margin: 0px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	word-wrap: break-word;
}

div.spo-pn-rgt {
	height: 100%;
	width: 600px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	background-color: transparent;
	font-family: "Lucida Sans Unicode";
	margin: 0px 0px 0px 0px;
	border-style: none;
	border-width: 1px 1px 1px 1px;
	border-color: #eaeaea;/*#F3E2A9;*/
	
}
div.spo-pane-2 {
	width: 600px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	font-family: "Lucida Sans Unicode";
	margin: 10px 5px 10px 5px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #eaeaea;/*#F3E2A9;*/
	
	border-radius: 5px 5px 5px 5px;
	box-shadow: 3px 3px 3px #eeeeee;
}
div.spo-pane-2:hover {
	cursor: pointer;
	box-shadow: 3px 3px 3px #fceebd;
}
div.spo-pane-3 {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	font-family: "Lucida Sans Unicode";
	
}

div.spo-cap {
	width: 100%;
	height: 38px;
	font-size: 20px;
	text-align: left;
	display: block;
	padding: 15px 0px 0px 80px;
	background-image: url(/htm/icn/ic_subject.png); 
	background-repeat: no-repeat; 
	background-size: 48px 48px;
	background-position: left center;
	word-wrap: break-word;
}
div.spo-cap-rgt {
	width: 100%;
	height: 38px;
	font-size: 18px;
	text-align: left;
	display: block;
	padding: 25px 0px 0px 20px;
	color: #6a6a6a;
	font-family: "Lucida Sans Unicode";
	
}
div.spo-tbl-ib {
	text-align: left;
	word-wrap: break-word;
	width: 350px;
	margin: 25px 0px 25px 20px;
	font-size: 18px;	
	display: block;
	vertical-align: top;
	color: black;
	font-family: "Lucida Sans Unicode";
	overflow-wrap: anywhere;
	background-repeat: no-repeat; 
	background-size: 32px 32px;
	background-position: left center;
}

div.spo-prog-ib {
	text-align: left;
	word-wrap: break-word;
	width: 60%;
	margin: 25px 0px 25px 20px;
	font-size: 17px;	
	display: block;
	vertical-align: top;
	color: black;
	font-family: "Lucida Sans Unicode";
	background-image: url(/htm/icn/lock_open_48.png); 
	background-repeat: no-repeat; 
	background-size: 12px 12px;
	background-position: right top;
}

div.spo-tbl-vb {
	text-align: center;
	word-wrap: break-word;
	width: 90px;
	margin: 20px 20px 20px 20px;
	font-size: 12px;	
	display: inline-block;
	vertical-align: top;
	color: black;
	font-family: "Lucida Sans Unicode";
	padding-top: 40px;
	background-color: transparent;
	background-repeat: no-repeat; 
	background-size: 32px 32px;
	background-position: top center;
	border-style: none;
	/*border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 2px #eeeeee;*/
	
}
div.spo-tbl-vb:hover {
	background-size: 36px 36px;
	/*margin: 18px 0px 22px 20px;*/
	cursor: pointer;
	
}
div.spo-tbl-ibi {
	text-align: left;
	word-wrap: break-word;
	margin: 2px 10px 20px 40px;
	font-size: 18px;	
	display: block;
	vertical-align: top;
	color: #6a6a6a;
	font-family: "Lucida Sans Unicode";
	text-indent: 50px;
	background-repeat: no-repeat; 
	background-size: 18px 18px;
	background-position: left center;
}
input.spo-st-btn {
	width: 120px;
	background-color: transparent; /*#39bdbd;*/
	border-radius: 3px 3px 3px 3px;
	display:inline-block;
	color: orange;
	height: 30px; 
	text-align:center;
	font-size: 18px;
	border-color: orange;
	border-width: 1px 1px 1px 1px;
	border-style: solid;	
	font-family: "Lucida Sans Unicode";
	
}
input.spo-st-btn:hover{
	cursor: pointer;
	text-decoration: underline;

}
input.spo-st-btn:focus{
	border: none;
	outline: none;
}
div.spo-tbl-ibr {
	height: 40px;
	text-align: left;
	word-wrap: break-word;
	width: 100%;
	margin: 20px 0px 20px 20px;
	font-size: 20px;	
	display: block;
	vertical-align: middle;
	color: black;
	font-family: "Lucida Sans Unicode";
	padding-top: 5px;
	background-image: url(/htm/icn/play_64teal.png); 
	background-repeat: no-repeat; 
	background-size: 32px 32px;
	background-position: 40px 0px;
}
div.spo-tbl-ibr:hover {
	background-image: url(/htm/icn/play_64teal.png);
	cursor: pointer;
}

/* front page dialog css */

div.ftpg-dia-area {
	width: 100%;
	height: 100%;
	/*min-height: 400px;*/
	/*min-width: 600px;*/
	textaligh: left;
	/*margin-right: auto;
	margin-left: auto;*/
	overflow: hidden;
	/*background-color: #eae9eb;*/
	border-style: none; 
	border-width: 1px 1px 1px 1px; 
	border-color: #CCCCCC;
	/*box-shadow: 4px 4px 4px #d4d2d6;*/
	padding-left: 5px;
	padding-right: 5px;
}

@CHARSET "UTF-8";


div.topenvbar-si {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100px;
	background-color: #FAFAFA;
	overflow: hidden;
	display: block;
	z-index: 50;
	font-family: Helvetica, sans-serif;
	font-weight: 500;
	font-size: 16px;
}

div.menubar-si {
	width: 100%;
	background-color: #008E87;/*#FAFAFA; #F0FFF0;*/
	height: 52px;
	display: block;
	color: white;
	text-align: center;

}

div.href-homebutton-div {
	width: 80%;
	height: 60%;
	margin-top: 7px;
	margin-left: 2px;
}

a.href-homebutton-si {
	text-decoration: none;
	color: black;
}

a.href-homebutton-si:focus {
	border: none;
	outline: none;
}

a.href-switch-prof-si {
	text-decoration: underline;
	color: green;
}
a.href-switch-prof-si:hover {
	color: green;
	font-style: italic;
}
a.href-switch-prof-si:focus {
	border: none;
	outline: none;
}

.av-si {
	display: inline-block;
	width: 64px;
	height: 64px;
	margin: 1px 1px 1px 1px;
	background-color: transparent;
	background-size: 100% 100%;
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	vertical-align: middle;
}
div.topbar-si {
	background-color: #ffffff;
	margin-top:3px;
	
	width: 100%;
	
	height:52px;
  	display: flex;
  	justify-content: space-between; 
  	/*flex-wrap: wrap;*/
  	align-items: center;
  	
  	border-style: solid; 
  	border-color: #dddddd;
  	border-width: 0px 0px 2px 0px;

}
div.padding-left {
	width: 12px;
	background-color: transparent;
	border-style: none; 
	
	display: flex;
	margin-right:0px;
	gap: 0px;
}
div.padding-right {
	width: 12px;
	background-color: transparent;
	border-style: none; 
	
	display: flex;
	margin-left:0px;
	gap: 0px;
}

div.homebutton-si {
	width: 150px;
	/*display: inline-block;*/
	
	height: 26px;
	padding-top: 10px;
	text-align: left;
	text-indent: 45px;
	
	display: flex;
	margin-right: 20px;
	gap: 0px;
	justify-content: flex-start; 
  	
	background-size: 32px 32px;
	background-position: left center;
	background-image: url(/ua/login_htm_files/logo-1.png); 
	background-repeat: no-repeat; 
	background-color: transparent;
	border-style: none; 
}
div.homebutton-si:hover {
	cursor: pointer;
}	

div.explore-si {
	width: 90px;
	/*display: inline-block;*/
	height: 26px;
	padding-top: 10px;
	text-align: center;
	background-color: transparent;
	border-style: none; 
	
	display: flex;
	margin-right:20px;
	gap: 0px;
	
	background-size: contain;
	background-position: right center;
	background-image: url(/htm/com/001-down-arrow.png); 
	background-repeat: no-repeat; 
	background-color: transparent;
	border-style: none; 
	
}
div.explore-si:hover {
	cursor: pointer;
	opacity: 0.6;
	/*background-image: url(/htm/com/008-down-arrow-1.png);*/ 
}


div.TPMenuEvEleSearch {
  	display: flex;
  	margin-right:auto;
	width: 400px;
	gap: 0px;
  
  	background-color: transparent;
  	height: 32px;
  	text-align: center;
  	font-family: Arial, Helvetica, sans-serif; 
  	font-size: 15px;
  
  	border: solid;
  	border-color: #b7b98a;
  	border-width: 1px 1px 1px 1px;
  	border-radius: 16px 16px 16px 16px;
}
input.TPMenuSearchInp {
	width: 360px;
	height: 100%;
	padding-left: 15px;
	margin-right: 5px;
	background-color: transparent; 
	color: #777777;
	text-align: left;
	font-size: 16px;	
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
}
input.TPMenuSearchInp:hover{
	outline: none;	
}
input.TPMenuSearchInp:focus{
	border: none;
	outline: none;
}
.TPMenuSearch {
	background-color: transparent;
	width: 22px;
	height: 22px;
	background-size: 20px 20px;
	background-image: url(/htm/prac_htm_files/zoom.png); 
	background-repeat: no-repeat; 
	background-position: right 4px;
	border: none;
	display: inline-block;
	margin-right: 8px;
}
.TPMenuSearch:hover {
	border:none;
	outline: none;
	cursor: pointer;
	background-size: 22px 22px;
}

div.greeting-si {
	vertical-align: top;
	margin: 3px 25px 3px 0px;
	
	display: flex;
	margin-left:auto;
	gap: 0px;
	
	padding: 0px 40px 0px 0px;
	height: 28px;
	max-width: 24%;
	
	text-align: left;
	float:right;
	background-size: contain;
	background-position: right center;
	background-image: url(/htm/pfc/076-avatar-1.png); 
	background-repeat: no-repeat; 
	background-color: #ffffff;/*transparent*/
	border-style: none; 
}
div.greeting-si:hover {
	cursor: pointer;
	opacity: 0.6;

}
div.greeting-si:focus {
	border: none;
	outline: none;
}

div.explore-name-si {
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	height: 70%;

	/*border-style: solid;
	border-color: lightblue;
	border-width: 0px 0px 1px 0px;*/
}

div.explore-name-si:hover {
	color: green;
}

div.hi-there-si {
	display: inline-block;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	vertical-align: middle;
	background-repeat: no-repeat; 
	background-position: top right;
	width: 200px;
	background-color: transparent;
	text-align: right;
	cursor:pointer;
	font-size: 15px;
}
div.hi-there-si:hover {
	opacity: 0.75;
	
}

div.hi-there-si-icn {
	margin-left: 1px;
	display: inline-block;
	vertical-align: middle;
	
}
div.hi-there-si-icn:focus {
	border: none;
	outline: none;
}

div.newsbar-si {
	width: 100%;
	background-color: transparent; /*#EEFFEE; #F0FFF0;*/
	height: 2px;
}
.vn-blk-1 {
	display:inline-block;
	width: 130px; 
	height: 180px;
	background-color: transparent;
	margin: 60px 12px 1px 12px;
	vertical-align: bottom;
}
.vn-blk-2 {
	display:inline-block;
	width: 135px; 
	height: 225px;
	background-color: transparent;
	margin: 60px 12px 1px 12px;
	vertical-align: middle;
}

.vn-blk-3 {
	display:inline-block;
	width: 120px; 
	height: 140px;
	background-color:transparent;
	margin: 65px 10px 1px 10px;
	vertical-align: middle;
}
.vn-blk-4 {
	display:inline-block;
	width: 125px; 
	height: 180px;
	background-color: transparent;
	margin: 65px 10px 1px 10px;
	vertical-align: middle;
}
.vn-blk-5 {
	display:inline-block;
	width: 110px; 
	height: 200px;
	background-color: transparent;
	margin: 1px 1px 1px 5px;
	vertical-align: middle;
}
.vn-blk-6 {
	position: absolute;
	top: 10px;
	left: 10px;
	display:inline-block;
	width: 115px; 
	height: 60px;
	background-color: transparent;
	margin: 1px 1px 1px 1px;

}
.vn-blk-11 {
	display:inline-block;
	width: 130px; 
	height: 40px;
	background-color: transparent;
	margin: 10px 25px 10px 25px;
	font-style: italic;
	font-size: 17px;
	color: #3e3e3e;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
.vn-blk-12 {
	display:inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 95px; 
	height: 20px;
	background-color: transparent;
	margin: 10px 25px 10px 25px;
	font-style: italic;
	font-size: 17px;
	color: #3e3e3e;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
.vn-blk-emp {
	position: absolute;
	display:inline-block;
	width:24px;
	height:22px;
	padding: 3px 0px 0px 0px;
	text-align:center;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	border-radius: 3px;
	
}
div.menubar-middlebox {
	width: 620px;
	background-color: transparent; /*#F0FFF0;*/
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 17px;
}

div.menuitem-si {
	padding-left: 15px;
	padding-right: 15px;
	height: 40px;
	font-size: 18px;
	color: white;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: transparent;
	border-width: 0px 0px 2px 0px;
	/*display: inline-block;*/
	display: table-cell;
	vertical-align: middle;
	
}
div.menuitem-si:hover {
	color: green;
}

div.menuitem-si-icon {
	padding-right: 10px;
	height: 36px;
	font-size: 16px;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: transparent;
	border-width: 0px 0px 2px 0px;
	/*display: inline-block;*/
	display: table-cell;
	vertical-align: middle;
}
/*div.menuitem-si-icon:hover {
	border-width: 0px 0px 2px 0px;
	border-color: green;
}*/

a.href-menuitem-si {
	text-decoration: none;
	color: white;
	border-style: solid;
	border-color: transparent;
	border-width: 0px 0px 2px 0px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
}
a.href-menuitem-si:hover {
	border-color: yellow;
}

a.leftmenu-si-pbc {
	text-decoration: none;
	color: #2e2e2e;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px; 
	/*height: 40px;*/
	
}
a.leftmenu-si-pbc:hover {
	color: red;
}

a.leftmenu-si-icn {
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px; 
	color: inherit;
}

a.href-leftmenu-si {
	text-decoration: none;
	color: #3a3a3a;
	font-family: Verdana, Geneva, sans-serif; 
}
a.href-leftmenu-si:hover {
	color: white;
	text-decoration: underline;
}

div.chapterbar-si {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
}

div.expl_outer-si {
	color: #111111;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 280px;
	/*height: 180px;*/
	background-color: #FFFFFF;
	overflow: hidden;
	display: block;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-color: #dedede;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
}

div.acct_outer-si {
	color: #111111;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 280px;
	/*height: 180px;*/
	background-color: #FFFFFF;
	overflow: hidden;
	display: block;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-color: #dedede;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	z-index: 80;
}

div.dialog-menu-email-si {
	color: black;
	text-align: left;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #eeeeee;
	margin-top: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	font-family: "Lucida Sans Unicode";
	display: block;
	
}

input.txt-t-img {
	width: 120px;
	height: 25px;
	background-color: transparent; 
	color: black;
	text-align: left;
	border-style: none; 
	display: inline-block;
	vertical-align: top;
	
	background-image: url(/htm/pfc/086-sign-out.png);
	background-repeat: no-repeat; 
	background-size: 22px 22px;
	background-position: left center; 
	text-indent: 35px;

	text-decoration: none;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	color: black;
	font-size: 17px;
	
}
input.txt-t-img:hover{
	color: green;
	text-decoration: underline;
	z-index: 100;
	cursor: pointer;	
}


div.dialog-menu-si {
	color: black;
	min-height: 24px;
	width: 95%;
	border-style: none;
	border-width: 0px 0px 1px 0px;
	border-color: transparent;
	margin: 20px 0px 20px 7px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	display: block;
	font-size: 16px;
	padding-left: 10px;
	
}

div.dialog-menu-si-e {
	
	height:1px;
	min-height: 1px;
	margin: auto auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #efefef;
	width: 95%;
	border-style: none;
	
}

div.dialog-menu-si-e2 {
	
	height:1px;
	min-height: 1px;
	margin: auto auto;
	margin-top: 18px;
	margin-bottom: 18px;
	background-color: #888888;
	width: 95%;
	border-style: none;
	
}


div.dialog-menu-si-icn {
	color: black;
	min-height: 24px;
	width: 95%;
	border-style: none;
	border-width: 0px 0px 1px 0px;
	border-color: transparent;
	margin: 20px 0px 25px 7px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	display: block;
	font-size: 16px;
	padding: 8px 0px 0px 5px;
	text-indent: 50px;
	background-size: 25px 25px;
	background-position: 10px center;
	background-repeat: no-repeat; 
	background-color: transparent;
}

div.prn-menu-si {
	color: black;
	height: 48px;
	border-style: none;
	padding: 25px 0px 0px 0px;
	margin: 6px 0px 1px 0px;
	font-family: "Lucida Sans Unicode";
	text-align: left;
	display: block;
	vertical-align: top;
	font-size: 18px;
	text-indent: 42px;
	
	background-size: 40px 40px;
	background-position: left center;
	background-repeat: no-repeat; 
	background-color: transparent;
}

a.dialog-menu-href-si {
	text-decoration: none;
	cursor: pointer;
	color: black;
	
	margin-top: 5px;
}
a.dialog-menu-href-si:focus {
	border: none;
	outline: none;
}
a.dialog-menu-href-si:hover {
	color: green;
	text-decoration: underline;
	z-index: 100;
}

a.prn-href-si {
	text-decoration: none;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	color: black;
	margin-left: 7px;
	padding-left: 10px;
	font-size: 20px;
}
a.prn-href-si:focus {
	border: none;
	outline: none;
}
a.prn-href-si:hover {
	color: green;
	text-decoration: underline;
	z-index: 100;
}

input.dialog-menu-btn-si {
	background-color: transparent;
	color: black;
	text-align: left;
	border-style: none;
	border-width: 0px 1px 0px 1px;
	border-color: #c5cdfe;
	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	margin-left: 7px;
	padding-left: 10px;
}
input.dialog-menu-btn-si:hover {
	/*border-style: solid; 
	border-width: 0px 0px 0px 4px; 
	border-color: #058484;*/
	text-indent: 0px;
	padding-left: 12px;
	color: green;
	font-weight: bold;
	z-index: 100;
}

div.test-top-div {
	height: 100px;
	width: 100%;
	background-color: transparent;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: lightblue;
}

div.test-bottom-div {
	width: 100%;
	min-height: 320px;
	text-align: left;
}

div.z51-pntw-div {
	height: 25px;
	width: 120px;
	background-color: transparent;
	display: inline-block;
	vertical-align: top;
	margin-left: 40px;
	margin-top: 40px;
	padding-top: 3px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #DDDDDD;
	text-indent: 30px;
	
	background-image: url(/htm/prac_htm_files/prac/checkmark_24_orange.png); 
	background-repeat: no-repeat; 
	background-color:transparent;
	
}
div.z51-pntw-div:hover {
	cursor: pointer;
}

div.ftbar-si {
	width: 100%;
	/*text-align: center;*/
	background-color: transparent;
	min-height: 40px;
}

div.dashboard-left-elem {
	padding-left: 30px;
	font-size: 20px;
}


div.dash-home-section-title {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	color: #222222;
}

div.dash-home-mission-item {
	width: 150px;
	min-height: 120px;
	border-style: solid;
	border-color: #dda273;
	border-width: 0px 0px 1px 0px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	
	
}

div.dsh-div {
	width: 100%;
	min-width: 800px;
	min-height: 800px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

div.dsh-sec {
	width: 90%;
	min-height: 50px;
	background-color: transparent;
	margin: 0px auto 0px auto;
	padding: 50px 0px 20px 0px;
	
	border-style: solid;
	border-color: lightblue;
	border-width: 0px 0px 1px 0px;
	
}

/*
div.dsh-sec-ttl {
	padding-top: 10px;
	margin: 20px 5px 2px 5px;
	height: 30px;
	display: inline-block;
	font-size: 20px;
	text-align: left;
	font-family: "Lucida Sans Unicode"; 

	background-color: transparent;
}*/

div.dsh-sec-cont {
	width: 100%;
	display: block;
	text-align: center;
	
}
div.dsh-sec-cont-seg {
	width: 100%;
	min-height: 50px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 16px;
}
div.dsh-sec-cont-seg-no-deco {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	vertical-align: top;
	font-size: 22px;
	
}
div.dsh-sec-cont-seg-ttl {
	font-size: 16px;
	font-family: "Lucida Sans Unicode";
	margin: 2px 2px 2px 2px; 
	
}

div.dsh-href-div {
	height: 20px;
	padding: 10px 0px 0px 0px;
}
a.dsh-href-href {
	text-decoration: none; 
	cursor:pointer; 
	padding-right: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #86ad29;
}
a.dsh-href-href:hover {
	font-style: italic;
}
div.dsh-cycle-content {
	width: 100%;
	word-wrap: break-word;
	color: #333333;
	text-align: left;
}
.dsh-tbl-col1 {
	padding-left: 10px;
	width: 50%;
	text-align: right;
	padding-right: 20px;
	/*box-shadow: 3px 3px 3px blue;*/	
}

.dsh-tbl-col2 {
	width: 50%;
	text-align: left;
	padding-left: 20px;
	font-style: italic;
	/*box-shadow: 3px 3px 3px blue;*/
}

table.dsh-cont-tbl {
	width: 100%;	
	background-color: transparent;;
}
td.dsh-cont-td-ttl {
	padding: 25px 10px 10px 10px;
	width: 15%;
	background-color: transparent;
	vertical-align: top; 
}
td.dsh-cont-td-seg {
	padding: 25px 10px 10px 10px;
	width: 30%;
	/*box-shadow: 3px 5px 5px #EEEEEE;*/
	background-color: #FFFFFF;/*#F3F3F3;*/
	vertical-align: top;
	
}
td.dsh-cont-td-spacer {
	width: 1%;
	background-color: transparent;
	
}

.dsh-tbl {
	width: 99%;
}

.recaptcha-container {
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center; /* Center it horizontally */
  padding: 0px;
  border-color: transparent;
  background-color: transparent; /* Light gray background */
  border: 0px solid #ddd;
  border-radius: 8px; /* Rounded corners */
  display: inline-block; /* Shrink to fit content */
}

div.color-blk-white {
	background-color: #f1f0f2;
	width: 12px;
	border-style: solid;
	border-color: grey;
	border-width: 1px 1px 1px 1px;
	box-shadow: 2px 2px 5px #EEEEEE;
	height: 12px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-white:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-blue {
	background-color: #397ee0;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-blue:hover {
	margin-bottom: 5px;
	cursor: pointer;
	
}



div.color-blk-yellow {
	background-color: #ffe62a;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-yellow:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-orange {
	background-color: orange;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-orange:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-green {
	background-color: #6fd26e;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-green:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-white-rad {
	background-color: #f1f0f2;
	width: 12px;
	box-shadow: 2px 2px #EEEEEE;
	height: 12px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-color: grey;
	border-width: 1px 1px 1px 1px;
	
}
div.color-blk-white-rad:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-blue-rad {
	background-color: #397ee0;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-blue-rad:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-yellow-rad {
	background-color: #ffe62a;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-yellow-rad:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-orange-rad {
	background-color: orange;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-orange-rad:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.color-blk-green-rad {
	background-color: #6fd26e;
	width: 13px;
	box-shadow: 2px 2px #EEEEEE;
	height: 13px;
	text-align: right;
	border-radius: 3px 3px 3px 3px;
}
div.color-blk-green-rad:hover {
	margin-bottom: 5px;
	cursor: pointer;
}

div.star-container {
	height: 18px;
	background-color: transparent;
	cursor: pointer;
}
div.star-blk-white {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: contain;
	background-image: url(/htm/prac_htm_files/prac/beta_general_star_24.png);/*star_24_white.png);*/ 
	background-repeat: no-repeat; 
	background-position: bottom left;
	opacity: 0.2;
}
div.star-blk-golden {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-size: contain;
	background-image: url(/htm/prac_htm_files/prac/beta_general_star_24.png); 
	background-repeat: no-repeat; 
	background-position: top left;	
}

span.sp-subscrip-1 {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
span.sp-subscrip-2 {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: normal;
}
span.sp-subscrip-3 {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}
span.sp-subscrip-4 {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}
span.sp-subscrip-5 {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}

span.sp-subscrip-6 {
	font-family: sans-serif, Arial, Helvetica;
	font-size: 13px;
	line-height: 50%;
	font-weight: normal;
	font-style: normal;
}

span.var-fnt-1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	pointer-events:none;
}
span.var-fnt-12 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	pointer-events:none;
}
span.var-fnt-10 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	pointer-events:none;
}
span.var-fnt-14 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	pointer-events:none;
}
span.var-fnt-15 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	pointer-events:none;
	font-weight: normal;
}
span.var-fnt-16 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	pointer-events:none;
}
span.var-fnt-17 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	pointer-events:none;
}
span.var-fnt-18 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	
	pointer-events:none;
}
span.var-fnt-19 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: italic;
	
	pointer-events:none;
}
span.var-fnt-20tnormal {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	pointer-events:none;
}
span.var-fnt-20 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	pointer-events:none;
}
span.var-fnt-22 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	pointer-events:none;
	
}
/*
font-family: Lato, Noto Sans, sans-serif;
*/
span.var-fnt-24 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	pointer-events:none;
}

span.var-fnt-18tnormal {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	pointer-events:none;
	
}

span.var-fnt-17tnormal {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	pointer-events:none;
}
span.var-fnt-16tnormal {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	pointer-events:none;
}
span.var-fnt-15tnormal {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	pointer-events:none;
}
span.var-fnt-12tnormal {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	pointer-events:none;
}
span.var-fnt-10tnormal {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	pointer-events:none;
}

div.frfrm4 {
	width: 20px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin: 0px 1px 0px 1px;
}
div.frfrm4-box {
	width: 20px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin: 0px 1px 0px 1px;
	border-style: dashed;
	border-color: orange;
	border-width: 1px 1px 1px 1px;	
}
div.frfrm4mi {
	width: 20px;
	margin: 0px 3px 0px 1px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
div.frfrm4mi-box {
	width: 20px;
	margin: 0px 1px 0px 1px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: right;
	border-style: dashed;
	border-color: orange;
	border-width: 1px 1px 1px 1px;
}
div.frfrm5 {
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin: 0px 1px 0px 1px;
}
div.frfrm5mi {
	margin: 0px 1px 0px 1px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-family: "Lucida Sans Unicode";
	font-style: normal;
	font-weight: normal;
	text-align: right;
}

div.frtb4bar {
	width: 100%;
	height: 1px;
	border-style: solid;
	border-color: black;
	border-width: 0px 0px 1px 0px;
	margin: 1px 0px 2px 0px;
}
div.frtb5bar {
	width: 100%;
	height: 1px;
	border-style: solid;
	/*border-color: black;*/
	border-width: 0px 0px 1px 0px;
	margin: 1px 0px 2px 0px;
}

div.p-frfrm4 {
	width: 20px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin: 0px 1px 0px 1px;
}
div.p-frfrm4-box {
	width: 20px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin: 0px 1px 0px 1px;
	border-style: dashed;
	border-color: orange;
	border-width: 1px 1px 1px 1px;	
}
div.p-frfrm4mi {
	width: 20px;
	margin: 0px 3px 0px 1px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-weight: normal;
	text-align: right;
}
div.p-frfrm4mi-box {
	width: 20px;
	margin: 0px 1px 0px 1px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-weight: normal;
	text-align: right;
	border-style: dashed;
	border-color: orange;
	border-width: 1px 1px 1px 1px;
}
div.p-frfrm5 {
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	margin: 0px 1px 0px 1px;
}
div.p-frfrm5mi {
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-weight: normal;
	text-align: right;
}

div.p-frtb4bar {
	width: 100%;
	height: 1px;
	border-style: solid;
	border-color: black;
	border-width: 0px 0px 1px 0px;
	margin: 1px 0px 2px 0px;
}
div.p-frtb5bar {
	width: 100%;
	height: 1px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	margin: 1px 0px 2px 0px;
}

.hint-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 6px;
    height: 15px;
  }

  .hint-container .hint-text {
    visibility: hidden;
    background-color: #333333;
    color: #ffffff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 100;
    width: 300px;
    bottom: 125%; /* Show above the icon */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 13px;
  }

  .hint-container:hover .hint-text,
  .hint-container:focus-within .hint-text {
    visibility: visible;
    opacity: 1;
  }

  .hint-txt-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #d0d1d2;
    color: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    user-select: none;
    vertical-align: super;
  }