﻿:root {
	/*FOR EVERYONE!*/
	--hisFC:darkblue;/*hsl(0, 100%, 15%); /*hsl(220, 100%, 30%);  /*Font Color*/
	--hisRadius:0px;
	}
html,body {
	background-color: var(--backDarkColor);
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
	}

#_wrapper {
	display: inline-block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 5px;
    right: 0px;
    bottom: 0px;
   	}

#leftButtons {
	position: absolute;
	display: inline-block;
	top: 20px;
	width: 310px;
	bottom: 17px;
	left: 10px;
	transform-origin: top right;
	}
    
#_HISwrapper p, #_HISwrapper  h1,#_HISwrapper h2, #_HISwrapper h3, #_HISwrapper h4,#_HISwrapper label,#_HISwrapper li,#_HISwrapper summary,#_HISwrapper details {
	-webkit-user-select: text !important; /* For Chrome, Safari */
	-moz-user-select: text !important; /* For Firefox */
	-ms-user-select: text !important; /* For IE/Edge */
	user-select: text !important; /* Standard */
	}


#_HISwrapper {
	position:absolute;
	top:20px;
	right:20px;
	bottom:20px;
	left:330px;
	background:white;
	border-radius: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	padding:30px;
	}

#_HISwrapper h1 {
	font-size: 20pt;
	margin: 10px 0px 10px 0px;
	position: relative;
	display: inline-block;
	height: auto;
	text-align:center;
	width:100%;
	color:var(--hisFC);
	}

#_HISwrapper h3 {
	font-size: 16pt;
	margin: 10px 0px 10px 0px;
	position: relative;
	display: inline-block;
	height: auto;
	text-align:center;
	width:100%;
	color:var(--hisFC) !important;
	}
#_HISwrapper details {
	position: relative;
	margin: 6px 0px 20px 20px;
	}

#_HISwrapper details summary h4 {
	display:inline;
	}
        
#_HISwrapper details summary {
	font-size:13pt;
	margin:0px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:normal;
	color:var(--hisFC);
}

#_HISwrapper details summary p {
	font-size:13pt;
	margin:0px;
	color:var(--hisFC);
	}


#_HISwrapper video {
	position:relative;
	width:80%;
	height:auto;
	left:50%;
	transform:translatex(-50%);
	margin:30px;
	}

#_HISwrapper label {
	font-size:14pt;
	color:var(--hisFC);
	}

#_HISwrapper p {
	font-size: 14pt;
	line-height: 26px;
	margin: 12px 12px 12px 20px;
	text-indent:-20px;
	color:var(--hisFC);
	}

#_HISwrapper ul li {
	font-size: 14pt;
	line-height: 26px;
	color:var(--hisFC);
	}

#_HISwrapper p a {
	left: 50%;
	position: relative;
	transform: translatex(-50%);
	display: inline-block;
	font-size:14pt;
	color:var(--hisFC);
	}    

.menuButt {
	position: relative;
	height: 50px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	cursor: pointer;
	border: var(--btns-Border);
	border-radius: var(--btns_radius);
	box-shadow: var(--btns_shadow);
	width: 310px;
   	}

/*Home page elements*/
#wakeUpOnStart {
	opacity: 0;
	transition: 2s;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: auto;
	text-align: center;
	width:90%;
	}

.myAntCenterLogo {
	position: relative;
	display:inline-block;
	visibility: visible;
	cursor:pointer;
	}
#wakeUpOnStart h1, #wakeUpOnStart p, #wakeUpOnStart p a {
	color:white;
	text-align:center;
	}
#wakeUpOnStart h1 {
	font-weight:normal !important;
	margin-bottom: 30px;
	}
#wakeUpOnStart p {
	line-height: 34px;
	font-size:14pt;
	}
#wakeUpOnStart p a {
	left:0% !important;
	transform:translate(0%) !important;
	text-decoration:none;
	font-size:14pt;
	background: hsl(0, 0%, 15%);
	color: white;
	border-radius: 16px;
	padding: 20px;
}
#wakeUpOnStart p a img {
	vertical-align:sub;
	}
/*Home page elements*/

	
.menuButt a {
	text-decoration: none;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	display: block;
   	}

.menuButt a:active {
	color:darkblue;
}
	
.menuButt a p {
	width: auto;
	text-align: left;
	position: relative;
	font-family: var(--btns-FF);
	font-size: var(--btns-FS);
	font-weight: var(--btns-FW);
	left: 14px;
	height: 24px;
	height: 34px;
	margin: 0px;
	}

.menuButt a p img {
	vertical-align:sub;
	margin:0px;
	padding:0px;
	display:inline-block;
	}
	
#copyRightsP {
	position: absolute;
	display: inline-block;
	bottom: 0px;
   	}
.showingBookmarks {
	text-align: center;
   	}
	
.showingBookmarks a {
	text-align: left !important;
	left: 0px !important;
	transform: translateX(0px) !important;
	display: inline !important;
	margin-right: 14px;	
	}
	
/*Contact form classes*/
.cntFormInfoDiv {
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: left top;
	transform: translate(-50%,-50%);
	width: 800px;
	height: 400px;
	display: inline-block;
	padding: 20px;
	background: var(--hisCnvsTitle);
	border-radius:30px;
}
 
.cntFormInfoDiv label,.cntFormInfoDiv input {
	height:30px;
	}
.cntFormInfoDiv label,.cntFormInfoDiv input, .cntFormInfoDiv textarea{
	font-size:16pt;
	margin-bottom:20px !important;
	line-height:26px;
	}
.cntFormInfoDiv label{
	width:150px;
	}

.cntFormInfoDiv input, .cntFormInfoDiv textarea{
	width:560px;
	margin:4px;
	font-weight:normal;
	border-radius:var(--hisRadius);
	background-color:#FFFFEC;
	color:var(--hisFC);
	}

.cntFormInfoDiv textarea {
	vertical-align:top;
	height:100px;
	}
	
.cntFormInfoDiv button {
	width:300px;
	height:40px;
	left:50%;
	transform:translateX(-50%);
	position:relative;
	margin-top:4px;
	box-shadow:1px 1px 3px gray;
	border-radius:3px;
	cursor:pointer;
	font-size:14pt;
	text-align:center;
	line-height:30px;
	
	/*
//		oS.width = "300px";
//		oS.height = "70px";
//		oS.left =  "50%";
//		oS.top = "50%";
//		oS.position = "relative";
//		oS.fontSize = "14pt";
//		oS.transform = "translate(-50%,-50%)";
	*/
	}
	
.cntFormInfoDiv div p {
	font-size:14pt;
	text-align:center;
	line-height:24px;
	}

.cntFormInfoDiv div:active {
	color:red;
	box-shadow:inset 1px 1px 3px gray;
	}
#copyRightsP {
	line-height:20px;
	}
/*END Contact form classes*/

#openAcctDiv {
	text-align:center;
	}
.signupContractFrame{
	position: relative;
	display: inline-block;
	box-shadow: 5px 5px 5px 5px #999999;
	border-radius: 5px;
	border: none;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
	background-color: hsl(29, 100%, 95%);
	left: 50%;
	transform: translatex(-50%);
	height: auto;
	padding-bottom: 50px;
	transition: 2s;
	opacity:0;
	}

.signupContract {
	position: relative;
	display: inline-block;
	/*box-shadow: 5px 5px 5px 5px #999999;*/
	border-radius: 5px;
	border:2px inset;;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
	background-color:hsl(29, 50%, 95%);
	left: 50%;
	transform: translatex(-50%);
	}


.signupContract div p, .signupContract div li, .signupContract div h4, .signupContract div h3, .signupContract div h5 {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	text-align:left;
	/*font-size:12pt;*/
	}

.signupContract div h4, .signupContract div h3 {
	margin:10px 0px 3px 0px;
	}
	
.signupContract div p {
	font-size:var(--hisFS);
	margin-left:0px !important;
	text-indent:-5px;
	padding-left:20px;
	}
#openAcctDivInfo {
	width: 900px;
	left: 50%;
	position: relative;
	transform: translatex(-50%);
	}
/*Signup Form*/
.signupFormInfoDiv {
	/*
	left:50%;
	transform:translateX(-50%);
	top:50%;transform:translate(-50%,-50%);
	width:760px;
	*/
	left:50%;
	transform:translateX(-50%);
	position:relative;
	width:900px;
	height:800px;
	}
 
.signupFormInfoDiv label{
	font-size:12pt;
	width:450px;
	font-size:13pt;
	color:#333333;
	}

.signupFormInfoDiv label, .signupFormInfoDiv input, .signupFormInfoDiv textarea {
	}


.signupFormInfoDiv input, .signupFormInfoDiv textarea {
	font-size:14pt;
	width:280px;
	margin:4px;
	font-weight:lighter;
	border-radius:3px;
	color:var(--hisFC);
	}

.signupFormInfoDiv input {
	height:26px;
	}
.signupFormInfoDiv textarea {
	vertical-align:top;
	height:100px;
	}
	
.signupFormInfoDiv button {
	width:300px;
	height:40px;
	background-color:#CCCCCC;
	position:relative;
	margin-top:20px;
	box-shadow:1px 1px 3px gray;
	border-radius:3px;
	cursor:pointer;

	font-size:14pt;
	text-align:center;
	}
	
.signupFormInfoDiv div p {
	font-size:14pt;
	text-align:center;
	line-height:20px;
	}	

.signupFormInfoTitleP {
	margin:6px 0px 0px 0px;
	text-decoration:underline;
	width:auto;
	text-align:center;
	display:block;
	}

.signupContract div p, .signupContract div li .signupContract div ui, .signupContract div h4, .signupContract div h3, .signupContract div h5 {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	text-align:left;
	/*font-size:12pt;*/
	}

.signupContract div h4, .signupContract div h3 {
	margin:10px 0px 3px 0px;
	}
	

h2, h3, h4, h5 {
	margin-top:26px;
}

.signUpPrivacy {
	text-align: left !important;
	display: inline !important;
	left: 0px !important;
	transform: translatex(0%) !important;
	}

.panelSignUp, #panelSignUp {
	transform-origin: center center;
	visibility: visible;
	position: absolute;
	z-index: 10;
	left: 50%;
	transform: translatex(-50%);
	top: 100px;
	width: 50%;
	height: 400px;
	background: antiquewhite;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 20px 50px 20px 20px;
	border: 5px outset;
	border-radius: 10px;
    }	

.panelSignUpClose {
	position: sticky;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 34px;
	background: aliceblue;
	font-weight: bold;
	}
	
.numberInButton{
	font-size: 14pt;
	vertical-align: middle;
	border-radius: 20px;
	width: 36px;
	height: 36px;
	padding: 0px;
	line-height: 36px;
	text-align: center;
	margin: -1px 0px 4px -8px;
	}
/*END Singup form*/
