html, body{height:100%;margin:0;padding:0;}
html { overflow-y: scroll; }
applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;outline:0;vertical-align:baseline;background:transparent;}
h1, h2, h3, h4, h5, h6{font-size:12px; margin:20px 0 10px 0;}
a img{ border:none; }
textarea{ width:100%; border-style:solid; border-width:1px; padding: 2px 0 0 2px;  margin: 0 -2px; vertical-align:text-top; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
body{ font:10px/1 'Open Sans', sans-serif; text-rendering: optimizeLegibility; }

/* workhorse classes */
.inline-block{ display:inline-block; }
.relative { position: relative; }
.none { display: none; }
.inv{ visibility:hidden; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.float-right { float: right; display:inline; }
.float-left { float: left; display:inline; }
.text-center{ text-align:center; } .text-left{ text-align:left; } .text-right{ text-align:right; }
.align-c{ position: relative; width: 100%; }
.align-c:after{ content: ''; display: block; clear: both; }
.align-c-l{position: relative; right: 50%; float: right; }
.align-c-r{position: relative; z-index: 1; right: -50%; }
.td-none{text-decoration:none;} .td-u{text-decoration:underline;}
.strong{font-weight:bold;}
.normal{font-weight:normal;}
.fnarrow{ font-family: "Arial Narrow", Arial, sans-serif; font-stretch:condensed; }
.lowercase{text-transform:lowercase;}
.uppercase{text-transform:uppercase;}
.smallcaps{font-variant:small-caps;}
.cur-p{ cursor:pointer; }
.oh{overflow:hidden;}
.floatfix:after, .RegisterForm .field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.floatfix, .RegisterForm .field { display: inline-block;} 
.floatfix, .RegisterForm .field { zoom: 1; display: block; }
/* workhorse classes end */

/*default form stuff from layout */
.field.error:not(.compound-field) input[type="text"]:not(.customInput), .field.error:not(.compound-field) input[type="password"], .field.error:not(.compound-field) textarea, .field.error:not(.compound-field) select, .field.error:not(.compound-field) .value-outline, .field.error.compound-field .value { margin: 0; border-color: #E76; border-width: 2px; }
.field.error:not(.compound-field) .value-outline, .field.error.compound-field .value { border-radius: 3px; padding: 3px; border-style: solid; background-color: #fff; }
.field.compound-field .valueContainer .value { width: auto; }
.field .error-box { display: none; }
.field.error .error-box {  clear:both; /* -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 3px 3px; box-shadow: 0 2px 3px #883333 inset; background-color: #c53;*/ color: #c53; font-size: 11px; margin: 0 2px; padding: 3px 0; display: block; font-weight: bold; }
.field.error .name { color: #c30; }
.field.error .error-box .icon { -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; background-color: #830; border: 1px solid #FFF; display: none; font: bold 12px Arial; line-height: 13px; margin: 0 4px 0 -4px; text-align: center; width: 13px; height: 13px; }
.field.error .error-box .error { display: inline; }

input[type="text"], input[type="password"], textarea, select, .noedit { margin: 1px; box-shadow: 1px 1px 2px #E5E5E5 inset; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bbb; background-color: #fff; font-size: 13px; }
input[type="text"], input[type="password"] { padding: 5px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus,
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { box-shadow: 1px 1px 2px #ddd inset; border-color: #999; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #555; }

.field.error input[type="text"]:focus, .field.error input[type="password"]:focus, .field.error textarea:focus, .field.error select:focus { border-color: #A40; }


.field label input[type="checkbox"], .field label input[type="radio"], .field label .caption { vertical-align: top; }
.field label input[type="checkbox"], .field label input[type="radio"] { margin-bottom: -20px; margin-top: 5px; }
.field label input[type="checkbox"]{ position:relative; z-index:100; }
.field label { padding: 2px 7px 2px 2px; display: inline-block; } 
.field label .caption { display: block; margin-top: 4px; padding-left: 24px; }
.field .valueContainer .value { width: 100%; }

.field input[type="text"] { width: 250px; }
.field input[type="text"].short { width: 70px; }
.field .integer input[type="text"] { width: 100px; }
.field input[type="password"] { width: 180px; }
.field textarea { width: 300px; }
.field select { width: 262px; }
.field input.autocomplete { width: 325px; }

label.payment-system { display: block; margin-bottom: 10px; }

form .note {margin: 1px; padding: 7px; border: 1px solid #ddd; float: left; white-space: nowrap;}

.RegisterForm .textBlock { padding: 20px 0 15px; clear:both; }
.RegisterForm .textBlock .blockTitle { font-weight: bold; font-size: 14px; }
.RegisterForm .textBlock .blockNote { font-size: 11px; padding-top: 2px; }
.RegisterForm label { cursor: pointer; }

.field .nameContainer, .field .nameContainer .padding, .field .nameContainer .reqSign, .field .nameContainer .name, .field .valueContainer, .field .valueContainer .value, .field .descriptionContainer{float:left; display:inline; vertical-align: top; }

.field .value input[type="text"].customInput {width: 84px;}
.field .value textarea { width: 300px; }
.field .value textarea.rte { width: 420px; }

.field .nameContainer .name{ float:right; }
.field .nameContainer { width: 30%; text-align: right; padding-right: 5px; padding-top: 5px; }
.field .valueContainer { width: auto; max-width: 65%; }
body .form-fields td { line-height: 21px; }
body .inline-block { display:-moz-inline-box; display:inline-block; vertical-align: top; }
.valueContainer .descriptionContainer{ display: block; padding: 2px 3px;}
.RegisterForm .field { padding: 4px 0 2px; clear:both; }
.RegisterForm .required .nameContainer { font-weight: bold; }
.RegisterForm .reqSign{ font-weight: bold;}

.cool-button a, a.cool-button, .cool-button input, input.cool-button {cursor: pointer;outline: none;}
/**/

.RegisterForm .ticketFields{ padding:0; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; }
.form-inline{ position:relative; }
.field .valueContainer{ max-width:none; float:none; display:block; }
.form-inline .field .target{ font-family: "Open Sans", sans-serif; border-radius:0; font-size:140%; box-sizing: border-box; padding:0.5em 0; width:100%; display:block; margin:0 0 .5em; border-width:0 0 1px; }
.field .nameContainer{ display:none; }

.form-inline .actions {padding:0; text-align:center; }
.form-inline textarea.target{ resize:none; }

.form-inline .value-outline-field .nameContainer,
.form-inline .value-outline-field .nameContainer .name{ display:block; float:none; text-align:left; font-size:14px; margin-bottom:.5em; font-weight:300; width:auto; }

.no-textarea-form .field{ max-width:400px; }
.form-inline .cool-button .submit{ margin-left:auto; margin-right:auto; }

/* colors */
.field .target{ border-color:#d0d0d0; box-shadow:none; border-radius:0; -webkit-appearance: none; outline: none;}
.field .target:hover{ border-color:#b7d9e0; box-shadow:none;  -webkit-appearance: none; outline: none;}
.field .target:focus{ border-color:#01bddf; box-shadow:none;  -webkit-appearance: none; outline: none; }
.field .target[type="checkbox"]{ -webkit-appearance:checkbox; }

.form-inline .actions.cool-button input{ font-size:120%; border-radius:0; -webkit-appearance: none; }
.form-inline .cool-button .submit{ box-sizing: border-box; text-align:center;   display:inline-block; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size:120%; text-decoration:none; padding:1.3em 4em; transition: all .2s; border-style:solid; border-width:1px; background-color:#de5629; color:#fff; border-color:#de5629; background-image:none; text-shadow:none; font-weight:300; border-radius:0; -webkit-appearance: none; }
.form-inline .cool-button .submit:hover,
.form-inline .cool-button .submit:focus{ background-color:#d81313; color:#fff; border-color:#d81313; background-image:none; text-shadow:none; -webkit-appearance: none; }

.form-inline .RegisterForm .separateTicket, .form-inline .billingBlock .billingData {    background-color: transparent;}

.field.error:not(.compound-field) input[type="text"]:not(.customInput), .field.error:not(.compound-field) input[type="password"], .field.error:not(.compound-field) textarea, .field.error:not(.compound-field) select, .field.error:not(.compound-field) .value-outline, .field.error.compound-field .value{ border-width:0 0 1px; }
.form-inline .value-outline-field .nameContainer,
.form-inline .value-outline-field .nameContainer .name{ color:#777; }
.form-inline .value-outline-field .caption{ color:#777; }
.form-inline .value-outline-field.error .caption{ color:#444; }

.form-inline .field label input[type="checkbox"], .form-inline .field label input[type="radio"]{vertical-align: middle;padding: 0;margin: 0;}
.form-inline .value-outline label .caption{display: inline;vertical-align: middle;padding: 0;margin: 0;}

.field,
.field .target{ transition:all .3s; background-color:transparent; }

.form-inline .facebookButton{ margin:0 0 .75em; border-width:0; background-color:#4D69AD; display:block; padding:10px 0; width:100%; text-align:center; font-size:160%; cursor:pointer; cursor:hand; border-radius:10px; }
.form-inline .facebookButton .t{ color:#e8eaf0; transition: all .25s; font-weight:bold; font-family: "Open Sans", sans-serif; }
.form-inline .facebookButton:hover { background-color:#3D59AD;}
.form-inline .facebookButton:hover .t{ color:#fff; }

/* media queries */
@media(min-width:500px){
  .has-textarea-form .field{ width:48%; }
  .has-textarea-form .field-textarea-1{ position:absolute; top:0; left:50%; width:50%; }
  .has-textarea-form .field-textarea-1 .target{ min-height:130px; }
  .has-textarea-form .form-inline .actions{ padding-left:50%; width:50%; } 
  .has-textarea-form .form-inline .cool-button .submit{ width:100%; display:block; } 
  .has-textarea-override .field{ margin-left:auto; margin-right:auto; }
  .has-textarea-override .field-textarea-1{ position:static; width:48%; }  
}
@media screen and (min-height: 720px){
  .RegisterForm .ticketFields{ padding:0;flex-direction: column; }
  .form-inline .field{ margin-top:.5em; margin-bottom:.5em; }
  .form-inline .field .target { font-size: 110%; }
}