html, body {
     height: 100%;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-color: #f9f9f9;
}

body {
    margin: 0;
	color: #333;
	background-color: #f9f9f9 !important;
	text-align:center;
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.42857143;
	letter-spacing: 0.019em;
}
.bottom{width:100%;height:12px;display:block}
.noscriptmsg {padding:45px;color:#f00;font-size:1.5em;}

#container{
	margin:20px auto;
	max-width:640px;
	text-align:center;
	background:#fff;
/*	border:1px solid #dfdfdf; */
	Xborder-radius: 4px;
/*	box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135); */
    box-shadow: 8px 8px 25px rgba(43,87,138,0.14);
}
.Inside {
	text-align:center;
	padding-bottom:40px;
	margin:0 auto;
	width: 100%;
	Xbackground: #fafafa; /* tan f7e7d4; */ /*f3eeda;*/
	Xborder-top: 7px solid #be8600; /* 73b4f0 (blue) bad4a9 (green) d3dcca */
	Xborder-bottom: 7px solid #be8600;
	min-height: 100% !important;
}

iframe {
    margin: 0 auto;
    display:block;
}

a {text-decoration:none;color:blue;}
a:hover{text-decoration:underline}

form ul{margin:0;padding:1px;list-style-type:none}


/*
.fancytable {
    border:1px solid #bbb;
    border-collapse:collapse;
    overflow:hidden;
}

table, th, td {
    border-spacing: 0;
}

th, td
{
padding:5px;
}
*/

.bordered {
    border-spacing: 0;
	background-color: #fff;
	Xborder-collapse:separate;
    border: 1px solid #eee;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;

}
.bordered th:first-child {
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
}

.bordered th:last-child {
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
}

.bordered td:first-child, .bordered th:first-child {
    Xborder-left: medium none;
}

.bordered th {
    background-color: #DCE9F9;
    background-image: -moz-linear-gradient(center top , #F8F8F8, #ECECEC);
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8F8F8), to(#ECECEC), color-stop(.4, #F8F8F8));
    border-top: medium none;
    Xbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

table.bordered {
    Xborder-bottom: medium none;
}
table .spaces {
    width:360px !important;
}
.bordered td, .bordered th {
    border-left: 1px solid #eee!important;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.bordered table tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
}

.bordered table tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
}

/* space countdown */
#divCounter {text-align:center;margin:5px auto;font-weight:500;}
#Select {text-align:left;}
.center {text-align:center}

.th {color:#777;text-shadow: 1px 1px #fff;}

#_Add_to_bodyForGradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+99 */

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 99%) fixed; /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#e5e5e5)) fixed; /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 99%) fixed; /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 99%) fixed; /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 99%) fixed; /* IE10 preview */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 99%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) fixed; /* IE6-9 */
}

h2 {
	font-size: 1.7em;
/*	font-family: "adelle-1","adelle-2",Georgia, "Times New Roman", Times, serif; */
	color: #000;
	font-weight: normal;
/*	line-height: 1.2em; */
	margin: 0 0 10px 0;
}

.Title h2 {
	text-shadow: 1px 2px 0 rgba(0,0,0,0.6);
	margin-top:0 auto;
	padding:20px 0;
/*	border-top: 1px solid #000; */
	color:#fff;
	letter-spacing:1px;
}
.Title {
/*background-image: url("/parkinglot/images/masthead3.gif"); */
background-color: #2b578a;
/* background-repeat: repeat-x; */
}

.xxx {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #F3EEDA 0%, #111135 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #F3EEDA 0%, #111135 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #F3EEDA 0%, #111135 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F3EEDA), color-stop(1, #111135));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #F3EEDA 0%, #111135 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #F3EEDA 0%, #111135 100%);

}

.Content {
	text-align:center;
/*	width:100%; */
	width:75%;
	margin:0 auto;
	/* border: 1px solid red;*/
}
.indent {
	width:90%;
	margin:0 auto;
    xpadding:14px;
}
.wrapper {
    width:100%;
    overflow: hidden;
    margin:0 auto;
}

.column {
	float:left;
	xheight:50px;
	width:100%;
}
label {
	margin:12px 0 6px 9px;
	float:left;
	text-align:left;
	xline-height: 5px;
	font-size: 14pt; /*1.4em; */
	vertical-align: 14px;
	font-weight: 400!important;
	color: #676767;}
.field {
	width:99%;
	float:left;
	border:none!important;
}


.qNumber {
	min-width: 30px;
	font-weight: bold;
	float: left;
	text-align: center;
	font-size: 1em;
	line-height: 1.3em;
	padding: 3px 14px;
	color: #00CAE9; /* 3c67a0 00CAE9 65be84; */
	background: #e4edda; /* b9d1ff e4edda; */
	border-left: 8px solid #d3dcca; /* abc1ec d3dcca; */
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	position: relative;  /* was absolute */
	margin-left: -8px;
	margin-top: -3px;
}

.PDF_progress {
	font-weight: bold;
	padding: 5px 15px 5px;
	color: #fff;
	background: #6fa9cc; /* 71a4ff 6fa9cc; */
	border-left: 8px solid #6397b7; /* 6998ec 6397b7; */
	float: left;
	margin-left: -8px;
	margin-bottom: 10px;
	margin-top: 20px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
.PDF_questiondivide  {
	height: 10px;
}
.PDF_question,.PDF_questionErr {
	margin: 15px 0 0;
}
.qText {
	font-family: "adelle-1", "adelle-2", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.3em;
	color: #000;
}

.cf {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.PDF_mand  {
	color: #d00;
}

.PDF_QT400 {
	margin: 10px 0px 0px 0px;
}

li.focused{
	background-color:#ecf1ea;
}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

 input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0; 
}

.err input[type=text], select, input[type=url], input[type=email], input[type=password], input[type=number], input[type=tel] {
  border: 1px solid #f00;
}


input[type=text], select, input[type=url], input[type=email], input[type=password], input[type=number], input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  vertical-align: bottom;
  text-indent: 6px;
  width: 100%; 
  height: 50px;
  line-height: 40px; 
  line-height: 1;
  font-size: 1.2em;
  border: 0px solid #bbb;
  border-radius:10px;
  background-color:#f5f7f8!important;
}
input:focus {outline-width: 0;}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
  padding-left:15px;
}
/* sample from masons for button */
.x-btn, .button, [type="submit"] {
    color: #6190a2;
    border-color: #6190a2;
    background-color: #ff2a13;
    border-width: 3px;
/*    text-transform: uppercase; */
    background-color: transparent;
}

button[type=submit] {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 1.5em 0;
 font-size: 1em; line-height: 2.5em;
 color: #fff;
 font-weight: bold;
 height: 50px; width: 100%;
 background-color: #2b578a!important; 
 /*
 background: -moz-linear-gradient(top, #0a0b43 0%, #2c2652 100%); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a0b43), color-stop(100%,#2c2652)); 
 background: -webkit-linear-gradient(top, #0a0b43 0%,#2c2652 100%); 
 background: -o-linear-gradient(top, #0a0b43 0%,#2c2652 100%); 
 background: -ms-linear-gradient(top, #0a0b43 0%,#2c2652 100%); 
 background: linear-gradient(to bottom, #0a0b43 0%,#2c2652 100%);
 */
 border: 1px solid #2b578a;
/*
 background: #fdfdfd; 
 background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); 
 background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 
 background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 
 background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); 
 background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
*/
 -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;

}
input:focus{border-color:#51a7e8;box-shadow:inset  1px 2px rgba(0,0,0,0.075),0 0 4px rgba(81,167,232,0.5)}

/* blinking text */
.blink_me {
  animation: blinker 1s linear infinite;
}
@-webkit-keyframes blinker {  
  50% { opacity: .5; }
}
@-moz-keyframes blinker {  
  50% { opacity: .5; }
}
@-o-keyframes blinker {  
  50% { opacity: .5; }
}
@keyframes blinker {  
  50% { opacity: .5; }
}

/*
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

.button {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
*/

/*
textarea:focus{background-color:#fff}

input[type=text], select, input[type=url], input[type=email], input[type=password], input[type=number], input[type=tel] {
  background-color:#fafafa;
}
input:focus {background-color:#fff}

input[type=text], select, input[type=url], input[type=email], input[type=password], input[type=number], input[type=tel] {
	xmin-height:34px;
	xpadding:7px 8px;
	outline:none;
	color:#333;
	xbackground-color:#fff;
	background-repeat:no-repeat;
	background-position:right center;
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);
	vertical-align:middle;
}

input:focus{border-color:#51a7e8;box-shadow:inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(81,167,232,0.5)}
*/

.comment {
	line-height: 2em;
	font-size: 1em;
	position: relative;
	top: -10px;
	margin-left: 15px;
}
.comment2 {
	line-height: 2em;
	font-size: 1em;
	position: relative;
	top: -15px;
	margin-left: 0px;
}

		
.styledRadio, .styledCheckbox {
	display: inline-block;
}


.example, ul {
	vertical-align:bottom;
}

/*
xlabel {
	line-height: 43px;
	font-size: 20px;
	vertical-align: 14px;
	padding-right: 20px;
}
*/

.alt {
	background-color: #f5f5f5;
}
 
.topTable td {
	padding: 10px;
}

.lowerTable td {
	line-height: 10%;
	vertical-align: top;
	padding: 5px;
	letter-spacing: -.048em;
	word-spacing: .05em;
}

table.events {
	border-collapse:separate;
	padding-top: 10px;
    padding-bottom: 10px;
}
button.events { 
  line-height:0.1em;
  Xwidth: 230px;
  margin:20px auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: red; 
  display:block;
  white-space:nowrap;
  outline:none;
}
button.events.bordered.off { 
	cursor: not-allowed;border:0;background:#F4F4F4;color:#BEBEBE;
}

.buttons button { 
  width: 100%;
}
.eventcol{background:#f6f6f6;color:#0f1138;font-size:.8em;}

input[type=submit].submittop{background:none;border:none;font-size:1.3em;color:white;cursor:pointer;}

th
{
xbackground-color: #fafafa;
 background: #fdfdfd; 
 background: -moz-linear-gradient(top, #efefef 0%, #dcdcdc 100%); 
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dcdcdc)); 
 background: -webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); 
 background: -o-linear-gradient(top, #efefef 0%,#dcdcdc 100%); 
 background: -ms-linear-gradient(top, #efefef 0%,#dcdcdc 100%); 
 background: linear-gradient(to bottom, #efefef 0%,#dcdcdc 100%);
}
	
/* shiny blue (inspired by rdio iphone interface)
*******************************************************************************/
/*
button.shiny-blue {
  background-color: #759ae9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
  background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  padding: 7px 0;
  text-shadow: 0 -1px 1px #1a5ad9;
  width: 150px; }
  button.shiny-blue:hover {
    background-color: #5d89e8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    cursor: pointer; }
  button.shiny-blue:active {
    border-top: 1px solid #1b4db3;
    border-right: 1px solid #174299;
    border-bottom: 1px solid #133780;
    border-left: 1px solid #174299;
    -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; }
*/

/**
 * Button Object
 */

/**
 * 1. Corrects inability to style clickable 'input' types in iOS
 * 2. Remove excess padding in IE6/7
 * 3. IE6/7 inline-block hack for native block-level elements
 */

.btn-auth,
.btn-auth:visited {
    position: relative;
    display: inline-block;
    height: 22px;
    padding: 0 1em;
    border: 1px solid #999;
    border-radius: 2px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    cursor: pointer;
    color: #222;
    background: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* iOS */
    -webkit-appearance: none; /* 1 */
    /* IE6/7 hacks */
    *overflow: visible;  /* 2 */
    *display: inline; /* 3 */
    *zoom: 1; /* 3 */
}

.btn-auth:hover,
.btn-auth:focus,
.btn-auth:active {
    color: #222;
    background-color:#3366a1;
    text-decoration: none;
}
.btn.clear:active, .btn.clear.active {
    -webkit-box-shadow: none; 
    box-shadow: none;
}
/*
.xbtn-auth:before {
    content: "";
    float: left;
    width: 22px;
    height: 22px;
    background: url(auth-icons.png) no-repeat 99px 99px;
}
*/

/**
 * 36px
 */

.btn-auth.large {
    height: 50px;
    line-height: 36px;
    font-size: 18px;
}

.btn-auth.large:before {
    width: 200px;
    height: 50px;
}

/*
 * Remove excess padding and border in FF3+
 */

.btn-auth::-moz-focus-inner {
    border: 0;
    padding: 0;
}



/* Google
   ========================================================================== */
.btn-auth.btn-google.large.gray { border-color: #666;color: #666;background-color:#ccc!important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#ccc));
    background-image: -webkit-linear-gradient(#ccc, #ccc);
    background-image: -moz-linear-gradient(#ccc, #ccc);
    background-image: -ms-linear-gradient(#ccc, #ccc);
    background-image: -o-linear-gradient(#ccc, #ccc);
    background-image: linear-gradient(#ccc, #ccc);
}

.btn-google,
.btn-google:visited {
    border-color: #2b578a;
    background-color: #2b578a;
    /*border-color: #080a3d;*/
    color: #fff;
/*    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0a0b43), to(#2c2652));
    background-image: -webkit-linear-gradient(#0a0b43, #2c2652);
    background-image: -moz-linear-gradient(#0a0b43, #2c2652);
    background-image: -ms-linear-gradient(#0a0b43, #2c2652);
    background-image: -o-linear-gradient(#0a0b43, #2c2652);
    background-image: linear-gradient(#0a0b43, #2c2652);
*/
 -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;

/*
    border-color: #3079ed;
    color: #fff;
    background: #4787ed;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(#4d90fe, #4787ed);
    background-image: -moz-linear-gradient(#4d90fe, #4787ed);
    background-image: -ms-linear-gradient(#4d90fe, #4787ed);
    background-image: -o-linear-gradient(#4d90fe, #4787ed);
    background-image: linear-gradient(#4d90fe, #4787ed);
*/
}

.btn-google:hover,
.btn-google:focus,
.btn-google:active {
    color: #fff;
    background-color: #3366a1; /* 3b2a6e; */
    Xbackground-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0a0b43), to(#3a296d));
    Xbackground-image: -webkit-linear-gradient(#0a0b43, #3a296d);
    Xbackground-image: -moz-linear-gradient(#0a0b43, #3a296d);
    Xbackground-image: -ms-linear-gradient(#0a0b43, #3a296d);
    Xbackground-image: -o-linear-gradient(#0a0b43, #3a296d);
    Xbackground-image: linear-gradient(#0a0b43, #3a296d);
    outline:none;
}

.btn-google:active {
    -Xwebkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    Xbox-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.g-button.large {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    cursor: pointer;
}

.g-button.large:before {
    width: 36px;
    height: 36px;
}

/*
 * Remove excess padding and border in FF3+
 */

.g-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


.g-button {
  display: inline-block;
  min-width: 46px;
  text-align: center;
  color: #444;
  font-size: 15px;
  font-weight: bold;
  height: 27px;
  padding: 0 8px;
  line-height: 27px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  border: 1px solid #dcdcdc;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
text-decoration: none;
 text-transform: capitalize;
  }
.g-button-red {
  border: 1px solid transparent;
 color: #fff !important;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  text-transform: capitalize;
  background-color: #d14836;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
  background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
  background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
  background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
  background-image: -o-linear-gradient(top,#dd4b39,#d14836);
  background-image: linear-gradient(top,#dd4b39,#d14836);
  }
  .g-button-red:hover {
  border: 1px solid #b0281a;
  color: #fff !important;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #c53727;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
  background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
  background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
  background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
  background-image: -o-linear-gradient(top,#dd4b39,#c53727);
  background-image: linear-gradient(top,#dd4b39,#c53727);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  }
  .g-button-red:active {
  border: 1px solid #992a1b;
  background-color: #b0281a;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
  background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
  background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
  background-image: linear-gradient(top,#dd4b39,#b0281a);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  }





.g-button-gray,  .g-button-gray:hover,.g-button-gray:active {
  border: 1px solid transparent;
  color: #fff !important;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  text-transform: capitalize;
  background-color: #ccc;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ccc));
  background-image: -webkit-linear-gradient(top,#ddd,#ccc);
  background-image: -moz-linear-gradient(top,#ddd,#ccc);
  background-image: -ms-linear-gradient(top,#ddd,#ccc);
  background-image: -o-linear-gradient(top,#ddd,#ccc);
  background-image: linear-gradient(top,#ddd,#ccc);
  }

/*
 * Icon
 */

/*
.xbtn-google:before {
    margin: 0 1em 0 -1em;
    background-position: -88px 0;
    background-color: #e6e6e6;
}

.xbtn-google.large:before {
    background-position: -144px -22px;
}
*/


.hidden { display: none; }
.unhidden { display: block; }

.qty {
	padding-left: 6px;text-align:center;width: 30pt;
}

/* Begin Images */
p img
{
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright
{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright { float: right; }
.alignleft { float: left; }
.alignleft2 { float: left; margin: 0 7px 0 0;display: block; }

/* End Images */


/* - - - Popup Area - - -  */

#hover {
    background: #eeeeee;
    padding: 6px;
    display: block;
    position: relative;
}

#hover:hover, #hover:active {
    background: #dddddd;
    
}



#popup {
    opacity: 0;
    position: absolute;
    top: 32px;
    background: #fafafa;
    border: 1px solid transparent;
    border-radius: 6px;
    height: 0px;
    padding: 0 12px;
    overflow: hidden;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}


#hover:hover #popup, #hover::active #popup {
    padding: 12px 12px;
    height: auto;
    opacity: 1;
    border: 1px solid #eeeeee;
}

/*  - - -end popup area - - -  */


/*  - - - start old modal - - - */
/*
.modal .modal-header {
  border-bottom: none;
  position: relative;
}
.modal .modal-header .btn {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.modal .modal-footer {
  border-top: none;
  padding: 0;
}
.modal .modal-footer .btn-group > .btn:first-child {
  border-bottom-left-radius: 0;
}
.modal .modal-footer .btn-group > .btn:last-child {
  border-top-right-radius: 0;
}
*/
/*  - - - end old modal - - - */

/*  BOOTSTRAP MODAL  */

.modal-open {
  overflow: hidden;
}
.modal {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.vertical-alignment-helper {
    display:table;
    height: 70%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
	position:fixed;
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width:inherit;
	height:inherit;
	/* To center horizontally */
	margin: 0 auto;
	pointer-events: all;
	position: relative;
	bottom: 0;
	overflow: auto;
	overflow-y: auto;
}
.modal-content p {text-align:left}
.modal-header{
	padding:10px 15px;
	border-bottom:0;
	background-color:#4D98DA; /* elect.blue #02AED6; */
	border-radius: 4px 4px 0 0;
}
.Xmodal-title { font: 34px/38px 'Raleway', sans-serif !important;font-size:1.em;color:#FFF;Xletter-spacing: -0.035em;-webkit-font-smoothing: antialiased!important;text-align:left;text-transform: uppercase;font-variant: small-caps;}
.modal-title { font-size: 34px;line-height:38px;color:#FFF;Xletter-spacing: -0.035em;-webkit-font-smoothing: antialiased!important;text-align:left;text-transform: uppercase;Xfont-variant: small-caps;}

/* MODAL CLOSE BUTTON */
.modal-header .close{
	margin-top: -15px!important;
	margin-right:10px;
	font-size:3em;
	font-weight:700;
	line-height:1;
	color:#fff;
	text-shadow:0 1px 0 #000;
	opacity:1;
	filter:alpha(opacity=1)
}
.modal-header .close:hover, .modal-header .close:focus {
	color:#777;
	opacity:1;
	filter:alpha(opacity=1)
}

.modal-footer{
	margin-top:0px;
	text-align:right;
	color:#fff;
	padding: 15px;
	border-top: 1px solid #0B8EAD;
	background-color:#4D98DA;
	border-radius: 0 0 4px 4px;
	font-size: 1.5em;
}

.modal-footer .close a:hover, .modal-footer .close a:focus {
	cursor:pointer;
}
.modal-footer .close:hover, .modal-footer .close:focus {
	opacity:.5;
	filter:alpha(opacity=5);
	cursor:pointer!important;

}

.modal-header, .modal-footer a, .modal-footer a:hover {font-size: 1em;color:#fff!important }

.x-btn {margin-top:20px;margin-bottom:20px;}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (min-width: 320px) and (max-width : 380px) {
  .Xmodal {width: 93.4%!important;}
	button[type=submit] {
	 font-size: .8em;
	 height: 3.1em;
	}
	.btn-auth.large {
		font-size: .9em;
	}
	.loginme input 96{width:% !important}
}

/* ========== END BOOTSTRAP MODAL =========== */

/*  - - - alert messages - - - */
.alert {
	border:1px solid green;
	padding:10px;
	margin:20px auto;
	max-width:320px;
	text-align:center;
	border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}
.showIt {
	border:1px solid green;
	padding:10px;
	margin:0 auto;
	max-width:320px;
}
.success {background-color:#DFF0D8;color: #3C763D;border-color: #D0E9C6;} /* green */
.due {background-color:#FCF8E3;color: #8A6D3B;border-color: #FAF2CC;} /* lte yellow */
.warn {background-color:#D9EDF7;color: #31708F;border-color: #BCDFF1;} /* blue */
.error {background-color:#F2DEDE;color: #A94442;border-color: #E9CACA;} /* red */


/* --- SVG CSS - - - */

.vtext
{ /* Autzen Stadium Direction */
	display: block;
	position: relative;
	text-align:right;
	float:right;
	margin-top: -180px;margin-right:-30px;
	color:white;
	font-size:1.3em;
	text-shadow: 0 -1px 1px #000;
	font-weight:900;
	line-height: .835em;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	 -o-transform: rotate(-90deg);
	 -ms-transform: rotate(-90deg);
	 transform: rotate(-90deg); }
}
/* GoogleEarth Copyright */
.Xgoogletext {
	width:290px;
	position:relative;
	z-index:999999;
	clear:both;
	Xtext-align:center;
	font-size:.873em;
	text-shadow: 0 -1px 1px #000;
	font-weight:900;
	line-height: 1.135em;
}
.ctext{position: relative;left: 30px;top: 40px;color: white;width: 285px;Xz-index:-999999}
.north {
    width: 150px;
    height: 150px;
    background-color: transparent;
    background-image: url(../images/North2.png);
    opacity: 1;
    left: 50px;
    top: -30px;
    position: relative;
}
.Xnorth
{
    width: 150px;
    height: 150px;
    background-color: transparent;
    background-image:url('../images/North2.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
    background-size: 100%;
    Xz-index:999999;
    margin: 20px 0 0 50px;
    opacity: 1;
    left:50px;
    top:-30px;
	display: block;
	position: relative;
	text-align:right;
	Xfloat:left;
}
 
.lot{
    background-color: transparent;
    background-image:url('../images/MasonicLodgeMapWeb6.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
    background-size: 100%;
    width: 800px;
    height: 600px;
    margin:0 auto;
    opacity: 1;
    margin-top:20px;
    left:0px;
    top: -210px;
} 
.map{top:-210px}

polygon.non-hoverable{
    fill: red; /* transparent; */
    fill-opacity: 0.3;
    stroke:white; /* Replace with none if you like */
    stroke-width: 2;
    stroke-opacity="0.2";
}

polygon.reserved{
    fill: yellow; /* transparent; */
    fill-opacity: 0.5;
    stroke:white; /* Replace with none if you like */
    stroke-width: 2;
    stroke-opacity="0.2";
}

polygon.hoverable{
    fill: transparent; /* lime or transparent; */
    fill-opacity: 0.3;
    stroke:white; /* Replace with none if you like */
    stroke-width: 2;
    stroke-opacity="0.2";
    cursor: pointer;
}

polygon.hoverable:hover, polygon.hoverable:active{
	fill-opacity: 0.8;
}


area{
    sharedAttr: 'attribute';
}

area.hoverable{
    background-color: 'red';

}

area.non-hoverable{
    background-color: 'red';
}

area.reserved{
    background-color: 'yellow';
}

area.view{
    background-color: 'cyan';
}

.story {
	margin:0 25px 25px 40px; width:100%;
}

.login {
	position:relative;
	z-index:1;
	margin:-70px 20px 0 0;
	width:10%;
	float:right;
	
}
.key {
	line-height:.8em;
	color:#fff;
	font-size:.9em;
/*	font-weight:bold; */
/*	text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000; */
	text-shadow: 1px 1px #000;
	width:15%;
	margin:-60px 0 0 15px;
    opacity: 1;
    white-space:nowrap;
}

.lodgekey1
 {
	width: 26px;
	height: 20px;
	background: #3E5887;
	display:block;
    opacity: 1;
    border:2px solid #ffff00;
}
.key1 {
	width: 30px;
	height: 20px;
	background: cyan;
	display:block;
    opacity: 1;
}
.key2 {
	width: 30px;
	height: 20px;
	background: red;
}
.key3 {
	width: 30px;
	height: 20px;
	background: yellow;
	display:block;
}
.key4 {
	width: 30px;
	height: 20px;
	background: lime;
}
.key5 {
	width: 30px;
	height: 20px;
	background: #F8B239;
	display:block;
    opacity: 1;
}
.key6 {
	width: 30px;
	height: 20px;
	background: #2fa0ff;/*1DADE8;*/
	display:block;
    opacity: 1;
}
.key7 {
	width: 30px;
	height: 20px;
	background: #fff!important;
	background-color: #fff!important;
	display:block;
    opacity: 1;
}
.keyb {
height: 11px;
font-size:.8em;
line-height:1em;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; 
  border-bottom: 10px solid white;
}

.hue {background-color: rgb(255, 0, 0)}

.overlay{
  position: relative;
  top: -600px;
  left: 0px;
  width: 100%;
  height:0px;
  Xheight: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.0); /*dim the background*/
}


/* NEW GOOGLE LIKE BUTTON - SHADOW BUTTON */
/*
.shadow-button,.shadow-button:visited{background-color:#4173c9;background-image:-moz-linear-gradient(top,#5e8ee4,#4173c9);background-image:-webkit-linear-gradient(top,#5e8ee4,#4173c9);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5e8ee4),color-stop(1,#4173c9));background-image:linear-gradient(top,#5e8ee4,#4173c9);border:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-family:arial,sans-serif;font-size:13px;font-weight:bold;line-height:1.54;padding:7px 12px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.08)}
a.shadow-button{color:#fff !important;text-decoration:none}
button.shadow-button{margin:0;overflow:visible;white-space:normal}
button.shadow-button::-moz-focus-inner{border:0;padding:0}
.shadow-button:hover,.shadow-button:focus{background-color:#396bbc;background-image:-moz-linear-gradient(top,#5587d7,#396bbc);background-image:-webkit-linear-gradient(top,#5587d7,#396bbc);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5587d7),color-stop(1,#396bbc));background-image:linear-gradient(top,#5587d7,#396bbc)}
.shadow-button:active{-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}
.shadow-button[disabled],.shadow-button.shadow-button-disabled{background-color:#a4b9e3;background-image:-moz-linear-gradient(top,#b0c7f0,#a4b9e3);background-image:-webkit-linear-gradient(top,#b0c7f0,#a4b9e3);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b0c7f0),color-stop(1,#a4b9e3));background-image:linear-gradient(top,#b0c7f0,#a4b9e3);-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;cursor:default !important}
.shadow-button{font-weight:bold}
*/
/* Complements masons-button */
/*
.sh-button {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.44);
  font-size: 13px;
  font-weight: 600;
}

.sh-button:hover {
  text-decoration: none;
}
.sh-button.large {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    cursor: pointer;
}

.sh-button.large:before {
    width: 36px;
    height: 36px;
}

.blockUI {

margin:auto;
width:100%;
top:40%
left:35%
text-align:center;
color:#000;
border: 3px solid #aaa;
background: #f00;
*/

/*
				padding:	0,
				margin:		0,
				width:		'30%',
				top:		'40%',
				left:		'35%',
				textAlign:	'center',
				color:		'#000',
				border:		'3px solid #aaa',
				backgroundColor:'#fff',
*/

}


/* - - - Tooltips - - - */
area.tip {
    overflow:hidden;
    padding:10px 3px;

}

/* - - - Form Input - - - */
/* TOP MOBILE MENU  */

/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
	display: none;
	text-align: center;
	padding-top:10px;
}
#nav-trigger span {
    display: inline-block;
    color: white;
    cursor: pointer;
    Xtext-transform: uppercase; 
}
#Xnav-trigger span:hover {
    background-color: #f2f2f2; 
}
#nav-trigger span.open:after {
	border-left: solid 10px transparent;
	border-top: none;
	border-bottom: solid 10px #fff;
	border-right: solid 10px transparent; 
}
nav {
	position:relative;
	top:-19px;
}
nav#nav-main {
	Xbackground-color: #c80032;
	Xpadding: 10px 0; 
	Xmargin-top:-40px;
}
nav#nav-main ul {
    Xlist-style-type: none;
    Xmargin: 0;
    Xpadding: 0;
    Xtext-align: center; 
}
nav ul{padding:0;}
nav#nav-main li {
padding-left:-30px;
    display: inline-block;
}
  nav#nav-main a {
    display: block;
    color: white;
}
nav#nav-main a:hover {
	background-color: #356aa8; /* 0f1138; */
	color: #fff; 
}

nav#nav-mobile {
	position: relative;
	display: none; 
}
nav#nav-mobile ul {
	display: none;
    list-style-type: none;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: 0;
    text-align: center;

    background-color: #306098;
/*    background-color: #0f1138; */
}
.expanded{margin-left:-40px;}
nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    border-bottom: solid 1px #999; 
    font-size: 1.3em;
}
nav#nav-mobile li:first-child {
	border-top: solid 1px #999; 
}
nav#nav-mobile li:last-child {
	border-bottom: none; 
}
nav#nav-mobile a {
    display: block;
    color: white;
    padding: 13px 0; 
}
nav#nav-mobile a:hover {
/*	background-color: #494961; */
	background-color: #356aa8; /* 0f1138; */
}

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 12900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }

#lines {
position:relative;
z-index:1;
    border-bottom: 10px double #fff; 
    border-top: 3px solid #fff; 
    content:"";
    height: 4px; 
    width:25px;
}

/* - - - Responsive - - - */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	a {text-decoration:underline;color:blue;}
	html, body{background-color:#fff;color: #000;}
	#container, #modal-text{border:none !important;width:100%}
	#container{margin:0px;padding:0;}
	.Title h2 {
		font-size:1.3em;
	}
	.Inside {
		width:100%;
		padding:0 0 50px 0;
		border-left:none;
		border-right:none;
		/* border-top: 7px solid #be8600;
    	border-bottom: 7px solid #be8600;
    	border: 2px solid cyan; */
		}
	.Content {
		width:90%;
		padding:0;
		margin:0 auto !important;}
	.indent {
		padding:0;
		margin:0 auto;}
	.field {
		width:96%;
		padding:0;
		margin:0 auto;
		float:left;}
/*
	.column {
		float:left;
		height:45px;
		width:98%;}
	label { float:left;
		xline-height: inherit;
		font-size: 1.25em;
		vertical-align: 9px;
		xpadding-top:10px;
		width:98%;
		xheight:.0065em;
		margin:0 0 -10px 5px;}		
	.field {
		width:97%;
		float:left;}
*/
	.Outside {
		margin-top: 0px;}	
	.PDF_progress {
		font-size: 1.5em;}
	.qNumber {
		font-size: 1.5em;}	
	.styledRadio, .styledCheckbox {
		display: inline-block;}
	.topTable td {height:24px;}		
	button{
		display: block;}

	.condense1 {
		letter-spacing: -.048em;
		word-spacing: -.04em;
	}
	.condense {
		letter-spacing: -.05em;
		word-spacing: -.06em;xmargin-right:0;padding-right:0;
	}

	P {font-size: 1em;}

	
	.btn-google {
	display: block;
	text-align: center;
	margin-bottom: 0.5em;
	}
	
	#nav-trigger {
		padding-top:20px;
		padding-left:10px;
	}
	#lines {
		height: 3px; 
		width:20px;
	}
	.alert {max-width:255px;font-size:.88em}
	div.alert h3{font-size:.968em;}

	#block-ui {
		position:fixed;
		left: 33%;
		width: 128px;
		height: 128px;
		margin:auto;
		z-index: 9; 
	}

}

.btn.clear {
    border: 1px solid #DFE1E5;
    background-color: white;
    border-radius: 29px;
    box-sizing: border-box;
    color: #3C4043;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    line-height: 36px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    margin-top: 20px;
    width: 230px;
}
.btn.clear:hover {
    background-color: #EDF0F1;
}

.btn.clear:focus {
    outline: none;
}

p input[type=text].initials {
	all: unset; /* or all: unset; */
    /* padding-inline: 2pximportant; */
    width:30px!important;
    text-transform: uppercase;
    border: 1px solid #999;
    padding: 0; 
    text-align:center;
}
p input.initials::placeholder {
  color: #FFC0CB!important;
}



/* holder */
.float-label-control { position: relative; margin-bottom: 1.5em; }
    .float-label-control ::-webkit-input-placeholder { color: #777; }
    .float-label-control :-moz-placeholder { color: #777; }
    .float-label-control ::-moz-placeholder { color: #777; }
    .float-label-control :-ms-input-placeholder { color: #777; }
    .float-label-control input:-webkit-autofill,
    .float-label-control textarea:-webkit-autofill { background-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
    .float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
	.float-label-control input:focus,
	.float-label-control textarea:focus {-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
	.float-label-control textarea:focus { padding-bottom: 4px; }
    .float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.4em 0em 1px 0em; border: none; border-radius: 10px; border: 0px solid #bbb; outline: none; margin: 0px; background: #fff; }
    .float-label-control textarea { padding: 0.1em 0em 5px 0em; }
    .float-label-control label { position: absolute; font-weight: normal; top: -1em; left: 0.5em; color: #aaaaaa; z-index: -1; font-size: 0.75em; -moz-animation: float-labels 300ms none ease-out; -webkit-animation: float-labels 300ms none ease-out; -o-animation: float-labels 300ms none ease-out; -ms-animation: float-labels 300ms none ease-out; -khtml-animation: float-labels 300ms none ease-out; animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
    .float-label-control input.empty + label,
    .float-label-control textarea.empty + label { top: 0.1em; font-size: 1.5em; animation: none; -webkit-animation: none; }
    .float-label-control input:not(.empty) + label,
    .float-label-control textarea:not(.empty) + label { z-index: 1; }
    .float-label-control input:not(.empty):focus + label,
    .float-label-control textarea:not(.empty):focus + label { color: #aaaaaa; }
    .float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
    .float-label-control.label-bottom input:not(.empty) + label,
    .float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }


@keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1em; opacity: 1; }
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

.form-group{margin:.25em 0 .25em -.1em;zoom:1}

.form-group:after,.form-group:before{content:"";display:table}

.form-group:after{clear:both}

.form-group{width:100%;float:left;padding:0 0 0 .45em;-moz-box-sizing:border-box;box-sizing:border-box}

@media (min-width: 400px){
.field--one-eight{width:12.5%}
.field--two-eights{width:25%}
.field--quarter{width:25%}
.field--third{width:33.33333%}
.field--three-eights{width:37.5%}
.field--half{width:50%}
.field--five-eights{width:62.5%}
.field--two-thirds{width:66.66667%}
.field--six-eights{width:75%}
.field--seven-eights{width:87.5%}

}

@media (max-width: 768px) and (min-width: 320px) {
	html, body, #x-root {overflow: none !important;}
	.Xcolumn.field {width:92%!important;}
	.wrapper {padding-right:10px!important;}
}