.scalable {
	width: 52px; 
	height: 59px;
}

.cancelscale {
	width: 80px; 
	height: 40px;
}

#modals.hideme {
	display: none;
}

.hideme {
	display: none;
}

.readthis {
	color: #ffffff;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 3.8em;
	line-height: 125%;
	font-weight: 300; /*light*/
	padding: 80px 0 70px 0;
}
#modals {
	display: block;
	background-color: #474C55;
	-webkit-border-radius: 32px;
	-khtml-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	width: 66%;
	max-width: 800px;
	height: auto;
	max-height: 1500px;
	position: absolute;
	/*top: 11%;*/
	top: 120px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 3.5% 5% 10% 5%;
	margin: 2.5% auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 96;
}
/* superpanel for Tim inspection */
#superpanel {
display:none;
color:#ffffff;
background-color: #474C55;
position: fixed;
top: 10%;
left:10%;
width:25%;
height: auto;
max-height: 800px;
max-width: 800px;
min-width: 320px;
box-sizing:border-box;
border: 2px solid #fff;
padding: 2.5%;
margin: 2.5% auto;
overflow:auto;
/*
overflow-x: hidden;
 overflow-y: scroll;
 */
z-index: 96;
}

#superpanelheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
}
#superpanel p, #superpanel label {
line-height:150%;
font-size: 2em;
display: inline;
}

/* dynamic generated dialog by jquery .confirm instances in cpiextern.js */
.formName { font-size: 1.5em; line-height: 150%; }

#draghandle{
text-align:center;
display:block;
}

#superbox {
background-color: #575C65;
height:auto;
max-height: 300px;
font-size: .8em;
line-height:110%;
position:relative;
float:left;
width:95%;
overflow-y:scroll;
margin: 2em 0;
padding: 10px;
}
/* end of superpane/box rules */

.logohang {
	display: inline-block;
	width: 100%;
	max-width: 85px;
	height: auto;
	padding: 0 4.6em 0 0;
	float: right;
}

#umail {
	color: #115E67;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 2em;
	font-weight: 300;
	line-height: 142%;
	padding-bottom: 1.25em;
	word-wrap: break-word;
	word-break: break-all;
}

.cancel {
	 float: right;
}

.partnerimage {
	width: 31.4375%;
}

.partnerimageright {
	width: 31.4375%;
	float: right;
}

.logoimage {
	width: 30%;
}

.portraitleft {
	float: left;
	max-width: 100%;
	height: auto;
	margin: 0 0 5% 0;
}

.portraitright {
	float: right;
	max-width: 100%;
	height: auto;
	margin: 0 0 5% 0;
}

.logoleft {
	float: left;
	max-width: 100%;
	height: auto;
	padding: 30% 0 25% 0;
}

.paininthebut {
	padding: 0;
}

#modals a {
	text-decoration: none;
}

#modals input:-webkit-autofill, #modals input:-webkit-autofill:hover, #modals input:-webkit-autofill:active, #modals input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 60px #474C55 inset !important;
    transition: background-color 3000s ease-in-out 0s;
    outline: none;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
    border-top: none;
    border-left: none;
    border-right: none;
    z-index: 90;
    }
    
#modals label {
	color: #ffffff;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 2.4em;
	line-height: 120%;
	font-weight: 300; /*light*/
	padding: 10px 0 0 0;
}

#modals i.eyeball {
	color: #ffffff;
	font-size: 2.4em;
	line-height: 120%;
	font-weight: 300; /*light*/
	padding: 10px 0 0 0;
}

#modals input:focus, #modals textarea:focus {
  background: rgba(71,76,85,1);
  outline: none;
  -webkit-box-shadow: 0 0 0 60px #474C55 inset;
  }
  
#modals input[type="radio"] {
  appearance: none;
  -webkit-appearance: none; /* For Safari */
  border-radius: 50%; /* Circular shape */
  width: 20px;
  height: 20px;
  border: 2px solid #2D3135;
  background-color: #fff;
  font-family: "myriad-pro", arial, sans-serif;
	font-size: 2.4em;
	font-weight: 400; /*regular*/
  margin: 2px 10px 0 0;
  flex-shrink: 0;
}

#modals .radioGroup {
	padding-right: 0 !important;
}

#modals .radioLabel {
	display: flex;
	align-items: center;
	padding: 0 0 20px 0;
}

#modals input[type="radio"] + label {
	padding-top: 0 !important;
}

#modals input[type="radio"]:checked {
  background-color: rgba(132, 189, 0, 1);
  border: 2px solid #84BD00;
  box-shadow: inset 0 0 0 10px #84BD00; /*band-aid to mask failed background color 020525*/
}

#modals input[type="radio"]:checked + label {
  color:  #B4ED00;
}

#modals input[type=text], #modals input[type=email], #modals input[type=password] {
	color: #ffffff;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 2.4em;
	font-weight: 400; /*regular*/
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ffffff;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: transparent;
	width: 100%;
	padding: 0px 0 10px 0;
}
  
#modals input {
  vertical-align: middle;
  }
  
#modals textarea {
  overflow: auto;
  }

.modalcopy {
	color: #ffffff;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 2.4em;
	font-weight: 300;
	line-height: 142%;
	font-style: italic;
	padding: 3em 0 0 0;
	clear: both;
}

.modalresponse {
	color: #ff99cc;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 1.8em;
	font-weight: 300;
	line-height: 142%;
	padding-top: .5em;
}

.pwcopy {
	color: #ffffff;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 2.4em;
	font-weight: 300;
	line-height: 142%;
	padding: 1em 0 2em 0;
	font-style: italic;
	clear: both;
}

#modals .whitebutton {
	clear: both;
	margin: 2em 0 0 0;
}

.modalbutton {
	display: block;
	width: 9em;
	height: 36px;
	background: #FFFFFF;
	-webkit-border-radius: 11% / 50%;
	-khtml-border-radius: 11% / 50%;
	-moz-border-radius: 11% / 50%;
	border-radius: 11% / 50%;
	color: #115E67;
	text-align: center;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 2.1em;
	font-weight: 400;
	margin-top: 1.5em;
	padding: 4px 0 12px 0;
	outline: 0; 
	letter-spacing: normal;
	box-sizing: border-box;
	float: right;
	clear: both;
}

#modals input[type=button].modalbutton:hover, #modals input[type=button].modalbutton:focus, #modals input[type=button].modalbutton:active {
	display: block;
	color: #cc6699;
	cursor:pointer;
	box-shadow: 0 0 0 60px #FFFFFF inset;/*band-aid to mask failed background color 020525*/
}

#modals input[type=submit].modalbutton:hover, #modals input[type=submit].modalbutton:focus, #modals input[type=submit].modalbutton:active {
	display: block;
	color: #cc6699;
	cursor:pointer;
	box-shadow: 0 0 0 60px #FFFFFF inset;/*band-aid to mask failed background color 020525*/
}

#modals .leftColumn {
	clear: both;
}

#buttongroup .modalbutton:first-child {
	margin-top: 3em;
} 

a.modalbutton {
	text-decoration: none;
	outline: 0;
}

a.modalbutton:hover {
	color: #cc6699;
}

#modals .g-recaptcha {
	max-width: 100% !important;
}

#modals #rc-imageselect {
	max-width: 100% !important;
}

#modals .g-recaptcha-response {
	max-width: 100% !important;
}

.photocrop {
	width: 400px;
	height: 400px;
	margin: 0 auto 80px auto;
}

#modals label.disable {
	color: #999999;
}

#modals input[type=text].disable, #modals input[type=email].disable {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999999;
	color: #999999;
}

#modals .quartercolumn{
	width: 25%;
	padding-right: 2%;
	display: block;
	float: left;
	box-sizing: border-box;
}

.rostertext {
	color: #ffffff;
	font-family: "myriad-pro", arial, sans-serif;
	font-size: 1.8em;
	line-height: 120%;
	font-weight: 300; /*light*/
}

.rostertext p {
	padding: 0 0 1em 0;
}

.rostertext a:hover {
	color: #cc6699;
}

/* Media Queries */

@media only screen and (max-width:1024px) {
.readthis {
	font-size: 3.4em;
	padding: 68px 0 76px 0;
}
.scalable {
	width: 44px; 
	height: 50px;
}
.cancelscale {
	width: 70px; 
	height: 35px;
}
#modals label, #modals i.eyeball, #modals input[type=text], #modals input[type=email], #modals input[type=password] {
	font-size: 2em;
}
#modals input {
	font-size: 2em;
}
#modals input[type=text], #modals input[type=email] {
	font-size: 2em;
}
.modalresponse {
	line-height: 130%;
}
.pwcopy {
	font-size: 2em;
	line-height: 130%;
}
.modalcopy {
	font-size: 2em;
	line-height: 130%;
}
.modalbutton {
	height: 32px;
	font-size: 1.8em;
	-webkit-border-radius: 10% / 50%;
	-khtml-border-radius: 10% / 50%;
	-moz-border-radius: 10% / 50%;
	border-radius: 10% / 50%;
	padding: 3px 0 10px 0; 
}
#modals input.modalbutton {
	font-size: 1.8em;
}
}

@media only screen and (max-width:960px) {
.g-recaptcha iframe {
    max-width: 100% !important;
    transform:scale(0.8) !important;
    -webkit-transform:scale(0.8) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
	margin-left:5px;
}
  #rc-imageselect {
    transform:scale(0.7) !important;
    -webkit-transform:scale(0.7) !important;
    transform-origin:center center !important;
    -webkit-transform-origin:center center !important;
}
}

@media only screen and (max-width:945px) {
.readthis {
	font-size: 3em;
	padding: 60px 0 68px 0;
}
.scalable {
	width: 40px; 
	height: 45px;
}
.cancelscale {
	width: 62px; 
	height: 31px;
}
#modals label, #modals i.eyeball, #modals input[type=text], #modals input[type=email], #modals input[type=password] {
	font-size: 1.8em;
}
#modals input {
	font-size: 1.8em;
}
#modals input[type=text], #modals input[type=email] {
	font-size: 1.8em;
}
.modalresponse {
	line-height: 132%;
}
.pwcopy {
	font-size: 1.8em;
	line-height: 132%;
}
.modalcopy {
	font-size: 1.8em;
	line-height: 132%;
}
}

@media only screen and (max-width:800px) {
#modals .quartercolumn{
	width: 50%;
	padding-right: 2%;
}
}

@media only screen and (max-width:768px) {
.readthis {
	font-size: 2.8em;
	padding: 56px 0 63px 0;
}
.g-recaptcha iframe {
    max-width: 100% !important;
    transform:scale(0.66) !important;
    -webkit-transform:scale(0.66) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
	margin-left:5px;
}
  #rc-imageselect {
    transform:scale(0.66) !important;
    -webkit-transform:scale(0.66) !important;
    transform-origin:center center !important;
    -webkit-transform-origin:center center !important;
}
}

@media only screen and (max-width:640px) {
.scalable {
	width: 34px; 
	height: 38px;
}
.cancelscale {
	width: 60px; 
	height: 30px;
}
#modals .whitebutton {
	margin: 1em 0 0 0;
}
.modalbutton {
	margin: 0 0 1.5em 0;
}
#modals .leftColumn {
	padding: 0 0 0 0;
}
#modals input[type=button].modalbutton {
	margin: 0 0 1.5em 0;
}
.readthis {
	font-size: 2.6em;
	padding: 42px 0 48px 0;
}
.photocrop {
	width: 300px;
	height: 300px;
	margin: 0 auto 80px auto;
}
.g-recaptcha iframe {
	padding-top: 4em;
}
}

@media only screen and (max-width:600px) {
#modals .hideme {
	font-family: "myriad-pro", arial, sans-serif;
    font-style: normal;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    font-size: inherit; 
}
.readthis {
	font-size: 1.5em;
}
#modals label {
	font-size: 1.2em;
}
#modals input.modalbutton, #modals .whitebutton {
	font-size: 1.2em;
}
.leftColumn {
	width: 100%;
	max-width: 100%;
	float: none;
}
.rightColumn {
    width: 100%;
    max-width: 100%;
    padding: 0 0 10px 0;
    float: none;
}
}

@media only screen and (max-width:568px) {
#modals .whitebutton {
	margin: 1em 0 0 0;
}
}

@media only screen and (max-width:480px) {
#modals .quartercolumn{
	width: 100%;
	padding-right: 0;
}
.photocrop {
	width: 240px;
	height: 240px;
	margin: 0 auto 80px auto;
}
}

@media only screen and (max-width:320px) {
.scalable {
	width: 27px; 
	height: 30px;
	padding-top: 20px;
}
.cancelscale {
	width: 56px; 
	height: 28px;
	padding-top: 20px;
}
#modals .leftColumn {
	max-width: 250px;
}
#modals .rightColumn {
	max-width: 250px;
}
}