@CHARSET "UTF-8";
/* mostly pbc */

div.viewport-pbc {
	margin: auto auto;
	width: 100%;
	background-color: transparent;/*#f7f9fb;*/
	
	margin-top: 120px;
	min-height: 500px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	overflow: visible;
	text-align: center;
}
div.topenvbar-si-pbc {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 120px;
	background-color: #FAFAFA;
	overflow: hidden;
	display: block;
	z-index: 50;
	font-family: Helvetica, sans-serif;
	font-weight: 500;
	font-size: 17px;
}

.topbar-si-pbc {
	background-color: #ffffff;
	
	width: 100%;
	
	height:60px;
  	display: flex;
  	justify-content: space-between; 
  	/*flex-wrap: wrap;*/
  	align-items: center;
  	
  	border-style: solid; 
  	border-color: #dddddd;
  	border-width: 0px 0px 2px 0px;

}
.menubar-si-pbc {
	width: 100%;
	background-color: #229B22;/*#FAFAFA; #F0FFF0;*/
	height: 60px;
	display: block;
	color: white;
	text-align: center;

}
a.href-homebutton-si-pbc {
	text-decoration: none;
	/*color: #22c2a8;*/
	color: inherit;
}

a.href-homebutton-si-pbc:focus {
	border: none;
	outline: none;
}
.explore-si-pbc {
	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; 
	color: black; /*#22c2a8;*/
	
}
.explore-si-pbc:hover {
	cursor: pointer;
	opacity: 0.6;
	/*background-image: url(/htm/com/008-down-arrow-1.png);*/ 
}
.explore-si-pbc-m {
	height: 30px;
	text-align: center;
	background-color: #40b868;
	border-style: solid;
	border-color: transparent;
	border-radius: 20px 20px 20px 20px; 
	padding: 2px 15px 2px 15px;
	
	display: flex;
	margin-right:20px;
	gap: 0px;
	
	color: white;/*#22c2a8;*/
	
	align-items: center; 
    justify-content: center; 
}
.explore-si-pbc-m:hover {
	cursor: pointer;
	background-color: #209848;
}
.explore-si-pbc-s {
	height: 30px;
	text-align: center;
	background-color: transparent;
	border-style: solid;
	border-color: #aabaaf;
	border-radius: 20px 20px 20px 20px; 
	padding: 2px 15px 2px 15px;
	
	display: flex;
	margin-right:20px;
	gap: 0px;
	color: black;/*#22c2a8;*/
	
	align-items: center; 
    justify-content: center; 
    border-width: 2px 2px 2px 2px;
}
.explore-si-pbc-s:hover {
	cursor: pointer;
	border-color:#5d56f1;
}
.menubar-middlebox-pbc {
	width: 620px;
	background-color: transparent; /*#F0FFF0;*/
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	/*padding-top: 5px;*/ 
	display: flex;
	align-items: center; 
    justify-content: center; 
}

.menuitem-si-pbc {
	padding-left: 30px;
	padding-right: 15px;
	height: 37px;
	color: white;
	border-style: solid;
	border-color: transparent;
	border-width: 0px 0px 3px 0px;
	white-space: nowrap; /* Prevents line breaks */
    overflow: visible;
    display: flex;
	align-items: center; 
    justify-content: center; 
}
.menuitem-si-pbc:hover {
	color: yellow;
}
.href-menuitem-si-pbc {
	text-decoration: none;
	color: white;
	font-family: Georgia, serif;
	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;
}
.href-menuitem-si-pbc:hover {
	border-color: white;
}
.href-btmitem-pbc {
	text-decoration: none;
	color: black;
	font-family: Georgia, serif;
	border-style: solid;
	border-color: transparent;
	border-width: 0px 0px 2px 0px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
}
.href-btmitem-pbc:hover {
	text-decoration: underline;
	color: blue;
}

.signin-button {
	background-color:#229B22;
	
	display:inline-block;
	color:#ffffff;
	height: 35px; 
	text-align:center;
	font-size: 15px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #97c62b;
}
.signin-button:hover{
	background-color:#50C878;
	cursor: pointer;
}

.logo-1 {
	width: 40px;
	height: 40px;
	display: block;
	background-image: url(/ua/login_htm_files/logo-1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin: auto auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
.logo-1:hover {
	cursor: pointer;
}	
.p1 {
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.p2 {
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-weight: normal;
	animation: fadeInAnimation 1s ease forwards;
	padding: 30px 10px 10px 10px;
	width: 95%;
}

.memb-sel-1 {
	width: 300px;
	height: 50px;
	background-color: transparent;
	border-color: #eaeaea;
	border-width: 1px 1px 1px 1px;
	display: inline-block;
	margin: 20px 20px 20px 20px;
	vertical-align: top;
	text-align: left;
	font-size: 24px;
}
.inlineimg24 {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(/htm/sty/bkim/026-sparkles.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: bottom;
}
.spn-emph-1 {
	color: #ff660b;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: black;
	text-align: right;
	font-style: italic;
	width: 27%; 
	vertical-align: top;
	border-style: solid;
	border-color: transparent; 
	border-width: 0px 20px 0px 0px;
}


.spn-emph-2 {
	padding: 0px 30px 10px 10px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	text-align: left; 
	font-weight: 500;
	font-size: 15px;
	width: 65%;
}
.spn-emph-4 {
	color: #ff660b;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: black;
	text-align: right;
	font-style: italic;
	width: 27%; 
	vertical-align: top;
	border-style: solid;
	border-color: transparent; 
	border-width: 0px 20px 0px 0px;
}
.spn-emph-3 {
	padding: 0px 10px 10px 10px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	text-align: left; 
	font-weight: 500;
	font-size: 16px;
	width: 65%;
}
.memb-sel-2 {
	width: 375px;
	height: 30px;
	background-color: transparent;
	border-color: #eaeaea;
	border-width: 1px 1px 1px 1px;
	display: block;
	margin: 20px auto 40px auto;
	text-align: center;
	font-size: 24px;
	user-select: none;
	
	/*background-image: url(/htm/sty/bkim/019-membership-3.png);*/
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 330px center;
}

.memb-sel-3 {
	width: 420px;
	height: 40px;
	background-color: transparent;
	border-color: #eaeaea;
	border-width: 1px 1px 1px 1px;
	display: block;
	margin: 2px auto 0px auto;
	text-align: left;
	font-size: 24px;
	user-select: none;
	text-indent: 25px;
	
}


.prd-b-1 {
	height: 190px;
	width: 360px;
	border-style: solid; 
	border-width: 0px 0px 20px 0px; 
	border-color: purple;
	display: inline-block;
	
	margin: 10px 30px 10px 30px;
	text-decoration: none;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	text-align: right;
	font-weight: 500;
	vertical-align: top;
	background-color: #fafafa;
	cursor: pointer;
	/*background-image: url(/htm/sty/bkim/graduation.png);*/
	background-image: url(/htm/sty/bkim/011-membership-7.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: 20px 5px;
	
	
}
.prd-b-1:hover{
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    
	margin: 8px 30px 12px 30px;
    
}
.prd-b-2 {
	height: 190px;
	width: 360px;
	border-style: solid; 
	border-width: 0px 0px 20px 0px; 
	border-color: transparent;
	display: inline-block;
	
	margin: 10px 30px 10px 30px;
	
	text-decoration: none;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	text-align: right;
	font-weight: 500;
	vertical-align: top;
	background-color: #fafafa;
	cursor: pointer;
	
	/*background-image: url(/htm/sty/bkim/exam.png);*/
	background-image: url(/htm/sty/bkim/007-membership-3.png);
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: 20px 5px;
}
.prd-b-2:hover{
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    
	margin: 8px 30px 12px 30px;
}
.prd-b-3 {
	border: none;
	margin: 0px;
	width: 420px;
	height: 98%;
	background: none;
	display: inline-block;
	padding: 20px 20px 20px 20px;
	text-align: right;
	vertical-align: top;
	background-color: #fafafa;
	cursor: pointer;
	border-style: none;
	border-width: 1px 1px 1px 1px;
	border-color: grey;
	
	/*)background: linear-gradient(178deg, 
    #d0f0f7,  
    #c1ecec,  
    #93e1e1);
    transition: background 1.5s ease;
    */
    background-color: transparent;
}

.annual-0-css {
	width: 90%;
	text-align: right;
	pointer-events: none;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #2a2b2c;
	font-weight: 600;
	margin: 15px 60px 20px 0px;
	height: 30px; 
}
.annual-1-css {
	width: 90%;
	text-align: right;
	pointer-events: none;
/*	font-family: "Lato", sans-serif;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-family: Verdana, Geneva, sans-serif; */
	font-family: Helvetica, sans-serif;	
	font-size: 20px;
	color: black;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	height: 25px;
}
.annual-2-css {
	width: 90%;
	text-align: right;
	pointer-events: none;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 15px;
	color: black;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	height: 30px;
	color: #5a5b5c;
	font-style: italic;
	vertical-align: top;
	height: 30px;
}
.inlineimg-lrn {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(/htm/sty/bkim/020-student-5.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: top;
}
.inlineimg-lrng {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(/htm/sty/bkim/021-student-6.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: top;
	opacity: 0.3;
}

@keyframes pop {
	0% { transform: scale(1); color: red; }
	50% { transform: scale(0.8); color: black; }
	100% { transform: scale(1); }
        }
.animate-pop {
	animation: pop 5.0s ease-out;
}

@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes blink {
    50% { border-color: transparent; }
}

.animate-typing-effect {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    /*border-right: 3px solid black;*/
    animation: typing 3s steps(20, end), blink 0.8s infinite;
}

@keyframes pulsate {
    0% { transform: scale(1); color: red;}
    25% { transform: scale(0.8); color: black;}
    50% { transform: scale(1); color: red;}
    75% { transform: scale(0.8); color: black;}
    100% { transform: scale(1); }
}

.animate-pulsate {
	animation: pulsate 0.8s infinite alternate;
}

#my-spinner-ovly-1 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 9999;
	display: none; /* Hidden by default */
	justify-content: center;
	align-items: center;
}

.spinner-1 {
	border: 8px solid #f3f3f3;
	border-top: 8px solid orange;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
}

.spinner-2 {
	border: 8px solid #f3f3f3;
	border-top: 8px solid lightblue;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
}
.spinner-3 {
	border: 8px solid #f3f3f3;
	border-top: 8px solid purple;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
}
.spinner-4 {
	border: 8px solid #f3f3f3;
	border-top: 8px solid lightgreen;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
}
.spinner-5 {
	border: 8px solid #f3f3f3;
	border-top: 8px solid teal;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.lrn-chng-1 {
	width: 32px;
	height: 32px;
	background-image: url(/htm/sty/bkim/001-minus.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	border-style: solid; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	vertical-align: middle;
	margin-right: 2px;
	margin-left: 30px;
	
}
.lrn-chng-1:hover{
	border-color: #b71fc3;
	cursor: pointer;
	border-width: 2px 2px 2px 2px;
	width: 30px;
	height: 30px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.lrn-chng-2 {
	width: 32px;
	height: 32px;
	background-image: url(/htm/sty/bkim/002-plus.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	border-style: solid; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	vertical-align: middle;
	margin-left: 2px;
	
}
.lrn-chng-2:hover{
	border-color: #b71fc3;
	cursor: pointer;
	border-width: 2px 2px 2px 2px;
	width: 30px;
	height: 30px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.lrn-input-1 {
	width: 60px; 
	height: 35px; 
	font-size: 18px; 
	background-repeat: no-repeat; 
	border-style: solid; 
	border-color: purple;
	border-width: 2px 2px 2px 2px;
	border-radius: 5px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	color: black;
}
.lrn-input-1:hover {
	border-color: #b71fc3;
}
.enti-title-l {
	margin: 10px auto 1px auto; 
	width: 650px;
	height: 140px;
	
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: bold;
	
	display: block;
	font-weight: normal;
	text-align: center;
	color: #FF6B00;
	padding-left: 128px;
	background-image: url(/htm/sty/bkim/trophy.png);
	background-size: 96px 96px;
	background-repeat: no-repeat;
	background-position: 0px 15px;
}

div.viewport-pmpr {
	margin: auto auto;
	width: 100%;
	height: 100%;
	background-color: transparent;/*#f7f9fb;*/
	
	margin-top: 120px;
	min-height: 500px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	overflow: visible;
	
	/*background: linear-gradient(to bottom right, #F4F8FD, #FDFFFD);*/
}

div.acct-left-div {
	
	min-height: 600px;
	width: 28%;
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	margin-top: 30px;
	
}

div.acct-right-div {
	/*min-height: 600px;*/

	width: 70%;
	
	background-color: transparent;
	display: inline-block;
	vertical-align: top;
	margin-top: 35px;
}

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

a.acct-href {
	text-decoration: none; 
	cursor:pointer; 
	font-family: "Lucida Sans Unicode";
	font-size: 17px;
}
a.acct-href:focus {
	border: none;
	outline: none;
}
a.acct-href:hover {
	text-indent: 0px; 
	z-index:100;
	/*text-decoration: underline;*/
}

div.title-div {
	width: 100%;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 500;
	margin: 10px 0px 20px 0px;
}

div.subtitle-div {
	width: 100%;
	font-family: "Lucida Sans Unicode";
	font-size: 18px;
	margin: 5px 0px 5px 0px;
	text-align: left;
}

div.prof-item-div {
	min-height: 30px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: black;
	font-size: 14px;
	margin: 20px 0px 20px 0px;
}

div.prof-item-div-thin {
	min-height: 30px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: black;
	font-size: 14px;
	margin: 2px 0px 2px 0px;
}

div.membprofs-all-div {
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	
	}

div.membprofs-single-div-0 {
	padding-left: 5px;
	width: 90%;
	font-family: Verdana, Geneva, sans-serif;
	color: black;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	border-style: none; 
	border-width: 1px 1px 1px 1px; 
	/*border-color: lightblue;*/
	margin: 30px 0px 30px 0px;
	padding: 5px 5px 5px 15px;
}
div.membprofs-single-div-0:hover {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);

}

div.membprofs-single-div-1 {
	padding: 10px 0px 0px 0px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: black;
	font-size: 14px;
	border-radius: 8px;
	
	border-style: none; 
	border-width: 1px 1px 1px 1px; 
	border-color: #90c2fe;
}

label.prof-label {
	font-size: 16px;
	/*background-color: yellow;*/
	margin: 5px 0px 5px 0px; 
	display: inline-block;
	font-size: 18px;
}


label.tag-label {
	padding-top: 5px;
	width: 45%;
	display: inline-block;
	vertical-align: top;
	/*font-size: 12px;*/
}

.tag-label-1 {
	padding-top: 5px;
	display: inline-block;
	vertical-align: top;
	width: 250px;
	font-size: 16px;
	font-weight: 300;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	
}

.tag-label-2 {
	padding-top: 5px;
	display: inline-block;
	vertical-align: top;
	width: 250px;
	font-size: 16px;
	font-weight: 500;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	
}

.tag-label-3 {
	padding-top: 5px;
	display: inline-block;
	vertical-align: top;
	width: 450px;
	font-size: 15px;
	font-weight: 300;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	margin: 0px 20px 0px 0px;
	
}

label.save-rst-label {
	padding-top: 5px;
	width: 45%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

input.membprofs-input {
	font-family: Arial, Helvetica, sans-serif;
	color: #268a88;
	width: 30%; 
	height: 20px; 
	font-size: 16px;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #39bdbd;
	background-color: transparent;

	text-align: left;
	display: inline-block;
	vertical-align: top;
}
input.membprofs-input:hover {
	border-color: blue; 
}
input.membprofs-input:focus {
	outline: none; 
}

input.membprofs-button {
	/*width: 120px;*/
	height: 24px;
	background-color: transparent; /*#39bdbd;*/
	text-align: left;
	font-size: 14px;	
	
	border: none;
	outline: none;
	color: #39bdbd;
}
input.membprofs-button:hover{
	cursor: pointer;
	/*background-color:#268a88;*/
	text-decoration: underline;
}

select.select-num-stu-styler {
	display: inline-block; 
	vertical-align: top;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 14px;
	background-color: #40b868;
	color: white;
	margin-top: 0px;
	height: 24px;
	width: 170px;
	text-indent: 10px;
}
select.select-num-stu-styler:hover {
	background-color: #268a88;
}
select.select-num-stu-styler:focus {
	border: none;
	outline: none;
}

.select-num-study-opt {
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 14px;
	
} 

input.memb-button-alert {
	width: 98%;
	height: 35px;
	background-color: #fce605;
	color: red;
	text-align: center;
	font-size: 15px;	
	border-radius: 4px;
	border: none;
	outline: none;
	display: inline-block;
	vertical-align: top;
	
}
input.memb-button-alert:hover{
	background-color:#dec90b;
	cursor: pointer;
}

input.memb-button {
	/*width: 120px;*/
	height: 30px;
	background-color: #39bdbd;
	color:#ffffff;
	text-align: left;
	font-size: 15px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #39bdbd;
	border-radius: 4px;
}
input.memb-button:hover{
	cursor: pointer;
	background-color:#268a88;
}


.memb-text {
	height: 28px;
	width: 180px;
	background-color: transparent;
	color:black;
	text-align: left;
	text-indent: 5px;
	font-size: 14px;	
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	border-color: #39bdbd;
	border-radius: 2px;
	margin-left: 10px;
}
.memb-text:focus {
	border-color: orange;
	outline: none;
}
.memb-text:hover {
	border-color: orange;
}


div.prof-info-div {
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #39bdbd;
	background-color: yellow;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	height: 22px;
	text-align: left;
	color: black;
	margin-top: -3px;
	padding-left: 3px;
	padding-right: 3px;
}

img.avatar-img-size24 {
	width: 28px;
	height: 28px;
	border: none;
	outline: none;
	display: inline-block;
	vertical-align: top;
	margin: -3px 0px 0px 0px;
}
img.avatar-img-size24:hover{
	margin: -5px 0px 2px 0px;
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

input.save-prof-button {
	width: 150px;
	background-color:#39bdbd;
	border-radius: 3px 3px 3px 3px;
	display:inline-block;
	color:#ffffff;
	height: 24px; 
	text-align:center;
	font-size: 15px;
	border: none;	
}
input.save-prof-button:hover{
	background-color:#268a88;
}
input.save-prof-button:focus{
	border: none;
	outline: none;
}

div.profsele-diag-div {
	color: #111111;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	overflow: hidden;
	display: block;
	text-align: center;
	box-shadow: 5px 5px 5px #888888;
	border-style: solid; 
	border-color: #888888;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px 3px 3px 3px;
}

div.profsele-title-div {
	width: 100%;
	height: 65px;
	background-color: teal;
	color: white;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
	font-size: 22px;
	text-align: center;
	display: block;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	border-color: #DDDDDD;
}

div.profsele-one-block {
	/*height: 100px;
	*/
	width: 95%;
	display: inline-block;
	vertical-align: top;
	
	margin: 5px 5px 5px 5px;
	text-align: left;
	padding-left: 50px;
	
}	
div.profsele-vf {
	/*height: 100px;
	*/
	width: 85px;
	height: 85px;
	display: inline-block;
	vertical-align: top;
	
	margin: 30px 20px 15px 20px;
	padding: 10px 20px 10px 20px;
	text-align: center;
	cursor: pointer;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
}
div.profsele-vf:hover {
	margin: 28px 20px 17px 20px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
div.profsele-img-vf {
	height: 48px;
	width: 48px;
	background-color: transparent;
	background-size: 100% 100%;
	background-image: url(''); 
	background-repeat: no-repeat; 
	background-position: center center;
	border: none;
	margin: 0 auto;
	display: block;
	text-align: center;
	
}
/*div.profsele-img-vf:hover {
	margin: 2px 2px 5px 2px;
	box-shadow: 2px 2px 2px #aaaaaa;
	
}*/
.profsele-fn-vf {

	border-style: none;
 	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-weight: 300;
	font-size: 17px;
	padding-top: 2px;
	display: block;
	text-align: center;
}
/*.profsele-fn-vf:hover {
	text-decoration: underline;
}*/

div.profsele-img-div {
	height: 36px;
	width: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-image: url(''); 
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 20px 10px 0px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	
}
div.profsele-img-div:hover {
	/*height: 65%;
	width: 100%;*/
	margin: 8px 20px 12px 0px;
	box-shadow: 2px 2px 2px #aaaaaa;
	
}

.profsele-img-div-sm {
	height: 32px;
	width: 32px;
	background-color: transparent;
	background-size: 100% 100%;
	background-image: url(''); 
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 20px 10px 0px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	
}
.profsele-img-div-sm:hover {
	/*height: 65%;
	width: 100%;*/
	margin: 8px 20px 12px 0px;
	box-shadow: 2px 2px 2px #aaaaaa;
	
}
div.profsele-img-div-nh {
	height: 36px;
	width: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-image: url(''); 
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 3px 20px 10px 0px;
	display: inline-block;
	vertical-align: middle;
	
}


.profsele-img-div-active {
	height: 36px;
	width: 36px;
	background-color: transparent;
	background-size: 100% 100%;
	background-image: url(''); 
	background-repeat: no-repeat; 
	background-position: center;
	border: none;
	margin: 10px 20px 10px 0px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.profsele-img-div-active:hover {
	margin: 8px 20px 12px 0px;
	box-shadow: 2px 2px 2px rgb(0, 0, 0, 0.2);
}


.profsele-fn {
	/*height: 35%;
	width: 50%;*/
	border-style: none;
 	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-weight: 300;
	font-size: 17px;
	padding-top: 20px;
	display: inline-block;
}
.profsele-fn:hover {
	text-decoration: underline;
}
.profsele-fn-active {
	/*height: 35%;
	width: 50%;*/
	border-style: none; 
 	display: inline-block;
 	cursor: pointer;
	font-family: "Lucida Sans Unicode";
	font-size: 17px;
	padding-top: 20px;
	font-weight: bold;
	color: green;
}
.profsele-fn-active:hover {
	text-decoration: underline;
}

div.profsele-footbar-div {
	width: 100%;
	height: 45px;
	background-color: transparent;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 14px;
	text-align: right;
	visibility: hidden;
}

input.profsele-button {
	width: 200px;
	height: 25px;
	background-color:transparent;
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 14px;
	text-align: center;	
	border-style: none; 
	color: #fcb408;
	
}
input.profsele-button:hover {
	font-weight: bold;
	border: none;
	outline: none;
	
}
input.profsele-button:focus {
	border: none;
	outline: none;
}

div.avp-vi {
	width: 26px; 
	height: 26px;
	margin: 3px 5px 3px 3px;
	background-color: transparent;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	cursor:pointer; 
	border-style: solid; 
	border-width: 0px 0px 2px 0px; 
	border-color: transparent;
	user-select: none;
	
	background-color: transparent;
	background-size: 100% 100%;
	background-image: url(''); 
	background-repeat: no-repeat; 
	background-position: center center;

}
div.avp-vi:hover {
	border-color: red;
}

.displaynone {
	display: none;
}


.avpk_al {
	padding: 10px 5px 1px 8px;
	margin-top: 10px;
	border-style: none;
	border-width: 1px 1px 1px 1px;
	border-color: #f0f0f0;
	width: 100%;
	/*max-width: 775px;*/
	margin: auto auto;
	height: 95%;
	display: block;
	background-color: #f2f3f4;
	/*overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden;*/
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 5px;
	box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2);
}
.avpk_al:hover {
	border-color: lightblue;
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);
}

.select-st1 {
    height: 38px; 
	font-size: 16px; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
    text-indent: 10px; 
	display: inline-block;
	color: #777;
	margin: 1px 0px 1px 8px;
}
.select-st1:hover {
    border: none;
	outline: 2px solid #6b62f4;
	margin: 1px 0px 1px 8px;
	
}

.select-sst1 {
    height: 38px; 
	font-size: 16px; 
	border-color: #aaaaaa;
	border-width: 1px 1px 1px 1px;
	border-radius: 5px 5px 5px 5px;
	font-family: Lucida Sans, Helvetica, Arial, sans-serif;
    text-indent: 10px; 
	display: inline-block;
	color: #777;
	margin: 1px 0px 1px 8px;
}
.select-sst1:hover {
    border: none;
	outline: 3px solid #b8cde9;
	
}