@charset "utf-8";
/* CSS Document Last Modified June 2025 */
/*****PAGE STRUCTURE********/
html {
	min-height:100%;
  	position:relative;
}
body {
	margin:0px !important;
	padding:0px;
	width:100%;
	height:100%;
	font-family:PTSans;
}
@font-face{
	font-family:"PTSans";
	src:url(../font/PTSans-Regular.ttf) format("truetype");
}
.page-wrapper {
	  width:100%;
	  height:100%;
}
.header {
	  width:100%;
	  min-height:60px;
	  color:#2E1A47;
	  background-image: url(../img/tower.png), linear-gradient(to bottom, #e8e8e8, #FFF, #e4e3e8, #d7d7d7);
	  background-position: right top, center;
	  background-repeat: no-repeat, no-repeat;
	  z-index:500;
}
div.header div.title {
	  position:relative;
	  float:left;
	  font-weight:bold;
	  font-size:2.6rem;
	  font-family:PTSans;
	  line-height:24pt;
	  padding:16px;
}
div.header div.topnav {
	  position:relative;
	  float:right;
	  font-weight:bold;
	  font-size:0.9rem;
	  font-variant:upper-alpha;
	  font-family:PTSans;
	  line-height:24pt;
	  margin-right:10px;
}
.sub-nav {
	  width:100%;
	  margin-bottom:20px;
	  padding:6px 0px;
	  font-size:0.9rem;
	  color:#FFF;
	  background-color:#634984;
	  z-index:500;
	  border-bottom:1px solid #FFF;
	  box-shadow: 0px 5px 8px #2E1A47;
}
.sub-nav a {
	  color:#FFF;
	  text-decoration:none;
}
.sub-nav a:hover {
	text-decoration:underline;
}
.sub-nav a:active {
	color:#2E1A47;
}
.sub-nav a.current {
	color:#dbc9f2;
	text-decoration:none;
}
.sub-nav ul {
	margin:0 !important;
	padding-left:1em;
}
.sub-nav ul li {
	display:inline;
}
.sub-nav ul li:before {
	content: '\2022';
	margin: 0em 0.7em 0em 0.5em;
}
.sub-nav ul li:last-child:after {
	content: '\2022';
	margin: 0.5em;
}
.content-wrapper {
	margin:20px 200px 50px 200px;
	padding:0px;
	height:100%;
	z-index:400;
}

.content-wrapper .leftpanel {
	float:left;
  	width:320px;
}

.content-wrapper .rightpanel {
	float:right;
  	width: calc( 100% - 320px );
}

.footer {
	width: calc( 100% - 1rem );
	min-height:30px;
	background-color:#DEE2E6;
  	margin-top:1rem;
	padding:0.2rem 0 0.2rem 1rem;
      position: absolute;
    bottom: 0;
}
.divider {
    margin:2rem 0;
    border-bottom:1px solid #dee2e6;
  	width:100%;
}
.spacer {
	width:100%;
  	height:15px;
}
.spacer-50 {
	width:100%;
  	height:50px;
}
/*****headers******/
h1 { 
	font-size:1.4em;
	font-weight:600;
	margin:0px;	
	padding:0px 0px 12px 0px;
}
h2 { 
	font-size:1.2em;
	font-weight:600;
	margin:0.5rem 0;
}
h2.starfield {
  	margin:0;
  	float:left;
}
h4 { 
	font-size:0.9em;
	font-weight:600;
	margin:0px;
}
/*****buttons******/
.primary, .btn-small  {
	color:#FFF;
	padding:6px 12px;
	border-radius:4px;
	border:1px solid #634984;
	background-image: linear-gradient(#2E1A47, #634984, #2E1A47);
}
.btn-small {
	padding:3px 5px;
	font-size:0.8rem;
}
.secondary {
	color:#634984;
	padding:6px 12px;
	border-radius:4px;
	border:1px solid #634984;
}
.primary:hover, .btn-small:hover, .primary.hover, .btn-small.hover {
	border:1px solid #2E1A47;
	background-color:#634984;
	background-image:none;
}
.secondary:hover, .secondary.hover {
	background-color:#e8e8e8;
	color:#2E1A47;
	border-color:#2E1A47;
}
.primary:active, .btn-small:active, .primary.active, .btn-small.active {
	color:#FFF;
	background-color:#2E1A47;
	background-image:none;
}
.secondary:active, .secondary.active {
	color:#FFF;
	background-color:#2E1A47;
	background-image:none;
}
.primary.focus, .secondary.focus, btn-small.focus,
.primary:focus, .secondary:focus, btn-small:focus {
	outline-offset: 2px;
	outline: 2px solid black !important;
}
/*****HOME********/
div.content-wrapper div.home {
  margin:2rem 0 0 0;
  padding:0px;
}
div.content-wrapper div.home-3 {
  width:49%;
  float:left;
}
.photo {
	float:left;
	outline:3px solid purple;
	width:200px;
	height:267px;
	margin:0 2rem 2rem 2rem;
	filter: drop-shadow(4px 4px 8px #A9A9A9);
}
.photo img {
	width:200px;
	height:267px;
}
.clear {
	clear:both;
}
/*****PATTERNS********/
.description-wrapper {
	clear:both;
	border-bottom:1px solid #dee2e6;
	overflow:hidden;
	margin-bottom:30px;
	width:100%;
	line-height:18px;
	padding:20px 0 30px 0;   
}
.arrow-right,
.arrow-left {
	width:34px;
	height:56px;
}
.arrow-right img,
.arrow-left img {
	margin:auto 0px;
}
.arrow-left { 
	float:left; 
	margin-right:20px;
}
.description {
	width:calc( 100% - 150px );
	float:left;
	padding-right:20px;
	padding-left:20px;
}
.arrow-right { 
	float:right; 
	margin-left:20px;
}
a {
	color:#2E1A47;
}
/*****SECTION 1********/
.step {
	margin-right:4px;
	vertical-align: baseline;
	float:left;
	position:relative;
	vertical-align: text-bottom;
}
.mar-bot-20 {
	margin-bottom:20px;
}
/*****SECTION 2********/
.end-container {
	  display:none;
	  margin-bottom:20px;
}
/*****SECTION 3********/
#stars {
	width:100%;
	height:250px;
	background-color:#000;
	color:#FFF;
	position:relative;
}
.controls {
	position:relative;
	font-family:verdana;
	font-size:0.8rem;
  	float:right;
  	margin:0 0;
}
.texttop {
	vertical-align: text-bottom;
	margin-left:6px;
	margin-right:3px;
	display:inline-block;
}
/*****SECTION 4********/
.lighttext {
	color:#5E5E5E;
}
/*****SECTION 5********/
.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.button-table {
	border-collapse: collapse;
}
.button-table th {
	background-color:#e6e6e6;
	border-bottom:1px solid #2E1A47;
}
.button-table td {
	padding:6px;
}
.button-table td.rHeader {
	text-align:right;
	font-weight:bold;
}
/**********SECTION 6*************/
h3.password {
	float:left;
	margin:12px 0 0 0;
}
ul.password-ul {margin:0 0 10px 0; }
ul.password-ul li {line-height:24px; }    
li.check { list-style-image: url(../img/checkmark.png); }
li.cross { list-style-image: url(../img/x.png); }

.password-meter {
	padding-left:20px;
	position:relative;
	height:50px;
	width:auto;
	overflow:hidden;
}
div.password-meter div.password-title {
	font-size:0.9rem;
	font-weight:bold;
	height:18px;
}
#block1 {
	border-radius: 4px 0px 0px 4px;
}
#block3 {
	border-radius: 0px 4px 4px 0px;
}
div.password-meter div.weak,
div.password-meter div.pass,
div.password-meter div.strong,
div.password-meter div.block {
	position: relative;
	float:left;
	width:31%;
	height:10px;
	background: linear-gradient( #e8e8e8, #FFFFFF, #e4e3e8, #d7d7d7);
	border:1px solid white;
}
div.password-meter div.weak {
	background: linear-gradient(#faf88d, #FFF, #f3f164, #faf88d);
}
div.password-meter div.pass {
	background: linear-gradient( #7bd192, #FFF, #a2f2b8, #7bd192);
}  
div.password-meter div.strong {
	background: linear-gradient( #128030, #FFF, #68d986, #128030);
}
div.password-meter div.password-msg {
	font-size:0.7rem;
	font-weight:bold;
}
.newwindow {
  position: relative; 
  padding-right: 20px; 
    
}

.newwindow:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px; 
  height: 12px; 
  background-repeat:no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='12' height='12'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E");
}
/******form validation********/
label {
	  font-size:1em;
	  font-weight:bold;
	  display:inline;
	  margin-bottom:2px;
}
legend {
	display:inline;
  	width:auto;
}
fieldset {
	border:0;
    padding:0px;
}
.error, .hours-error {
	  font-size:0.9em;
	  color:#AE0000;
		font-weight:bold;
	  line-height:16px;
}
.hours-error {
	  clear:both;
}
.error-msg {
	  color:#AE0000;
		font-weight:bold;
		border:1px solid #AE0000;
		background-color:#FDE7E8;
		border-radius:8px;
		padding:8px 12px;
		margin:10px 0;
}
  .form-input.error {
	  border: 1px solid #AE0000;
  }
.error-box {
    width:100%;
    height:auto;
    clear:both;
    margin-bottom:10px;
}
.success-msg {
    font-weight:bold;
    border:1px solid #099525;
    background-color:#dcf7e1;
    border-radius:8px;
    padding:8px 12px;
    margin-bottom:10px;	
    color:#099525;
    font-weight:bold;
}
.form-select {    
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:#212529;
    background-color:  #fff;
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid#dee2e6;;
    border-radius: 0.375rem;
    word-wrap: normal;
    height: 44px;
}	
.form-input {
    padding: .2rem .2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color:  #fff;
    border: 1px solid #aaaaaa;
    border-radius: 0.375rem;
    transition: none;
    padding:2px;
    width:100%;
    flex-wrap:nowrap;
    height:38px;
}
.form-input.small {
  	width:30%;
}
.form-input.square {
  	border-radius:0px;
  	position:relative;
  	float:left;
  	width:auto;
  	padding-left:4px;
  	width: calc( 100% - 80px );
}
.form-select.error,
.form-input.input-error {
  	border: 1px solid #AE0000;
}
input[type=text]#uniquepassword.form-spacious {
  	padding: .2rem .2rem;
  	font-size: 1.2rem;
  	font-weight: 400;
  	line-height: 1.5;
  	color: #4A4A4A;
  	background-color:  #F2F2F2;
  	width:100%;    
  	transition: none;
  	border-radius:0px !important;    
  	box-shadow:none !important; 
  	border:0px;
  	border-bottom: 1px solid #4A4A4A;
}

input[type=text]#uniquepassword.form-spacious:focus {
  	color: #696969;
  	border-left:0px !important;
  	border-right:0px !important;
  	border-top:0px !important;
  	border-bottom:2px solid #2E1A47;
  	box-shadow: 0px 0px 0px 0px transparent, 0px 0px 0px 0px transparent !important;
  	outline:none !important;
}
button.minus,
button.plus {
  	color:#634984;
  	padding:4px 12px;
  	border-radius:0 0.375rem 0.375rem 0;
  	border-top:1px solid #aaaaaa;
  	border-bottom:1px solid #aaaaaa;
  	border-left:0px;
  	border-right:1px solid #aaaaaa;
  	background-color:#d6d6d6;	
  	background-image:none;
  	flex-wrap:nowrap;
  	position:relative;
  	line-height: 1;
  	float:left;
  	height:44px;
}
button.minus {
  	border-radius:0.375rem 0 0 0.375rem;
  	border-left:1px solid #aaaaaa;
  	border-right:0px;
}
button.plus:active,
button.minus:active {
  	background-color:#d8d8d8;	
}
button.minus.error,
button.plus.error {
  	border-color:#AE0000;
  	color:#AE0000;
  	background-color:#FDE7E8;
}
/*****WORK********/
.hide {
  	display:none;
}
.left {
  	position:relative;
  	float:left;
  	width:48%;
}
.right {
  	position:relative;
  	float:right;
  	width:50%;
}
.box {
  	padding: .6rem;
  	border: 1px solid #dee2e6;
  	border-radius: 0.375rem;
  	transition: none;
  	margin-bottom:10px !important;
  	height:200px;
  	width:90%;
  	overflow-y:scroll;
}
.password-box {
  	padding: 0.8rem;
  	border: 1px solid #dee2e6;
  	margin:0 20px !important;
  	height:auto;
  	width:60%;
}
/***** TABLE *******/
.table-wrap{
  	margin-bottom:30px;
}
.centre-table {
  	border-collapse: collapse;
  	padding:0px !important;
  	margin:0px !important;
  	width:100%;
}
.centre-table tr { line-height: 33px; }
.centre-table thead th {
  	padding:4px;
  	font-weight:600;
  	border-bottom:3px solid #165788 !important;
  	background-color:#e5e5e5;
}
.centre-table td.center {
  	text-align:center;
}
.centre-table td {
  	padding:4px 6px;
  	font-size:1.0rem;
  	vertical-align: top;
}
.centre-table tr.top-line {
  	border-top:1px solid #e5e5e5;
}
tr:nth-of-type(even) {
  	background-color:#F8F8F8;
}
.plain tr:nth-of-type(odd) {
  	background-color:#FFF;
}
td, th {
  	font-size:16px;
}
td.seventy {
  	width:70%;
}
td.sixty {
  	width:60%;
}
th.forty {
  	width:40%;
}
th.thirty {
  	width:30%;
}
th.twentyfive {
  	width:25%;
}
th.twenty {
  	width:20%;
}
th.fifteen {
  	width:15%;
}
th.ten {
  	width:10%;
}
th {
  	vertical-align:top;
}
th.max50 {
  	width:50% !important;
}
.width20 {
  	width:20%;
}
.centre-table thead th.no_underline {
  	border-bottom:1px solid #ddd !important;
}
td select {
  	width:90px;
}	
.centercell {
  	text-align:center;
}	
.norecords {
  	text-align:center;
  	margin:20px;
  	padding:20px;
}
.centre-table caption {
	  display:none;
}
  /*****RESPONSIVE DESIGN*****/
@media only screen and (min-width: 200px) and (max-width: 800px) {    
	.content-wrapper {
		margin:10px 5px 0px 5px;
	}
	/*home*/
	div.content-wrapper div.home {
		margin:2rem 0 0 0;
	}
	.photo {
		width:180px;
		height:240px;    
		margin:3px 16px 5px 3px;
	}
	.photo img {
	  width:180px;
	  height:240px;
	}
	/*contact*/
	div.content-wrapper div.form {
			margin:0 10%;
	}    
}
@media only screen and (max-width: 990px) { 
	  .table-wrap{
		  overflow:auto !important;
		  flex:none;
	  }
}
@media only screen and (min-width: 801px) and (max-width: 1200px) {  
	.content-wrapper {
		margin:20px 80px 0px 80px;
	}
	/*home*/
	div.content-wrapper div.home {
		margin:0 0;
	}
	.photo {
		width:240px;
		height:320px;    
		margin:3px 16px 5px 3px;
	}
	.photo img {
	  width:240px;
	  height:320px;
	}
	/*contact*/
	div.content-wrapper div.form {
			margin:0 30%;
	}  
	
  }