html{width:100%;height:100%;margin:0px;padding:0;border:0;}
body{width:100%;height:100%;margin:0px;padding:0;border:0;overflow-x: hidden;overflow-y:scroll;background-color:var(--background-color);background-size:100% 100%;color:#000000;text-align:left;font-family:Arial, Helvetica, sans-serif;}

div.placeholder {float:left;position:relative;width:100%;}
div.body {float:left;position:relative;width:100%;min-height:calc(100vh - 34px);}
div.headerWrapper {float:left;position:relative;width:96%;padding:20px 2%;background-color:#ffffff;box-shadow:0 0 5px #707070;z-index:9999;}
div.headerWrapper .pagetitle {position:absolute;bottom:20px;left:100px;width:calc(100% - 200px);text-align:center;font-size:20px;}
div.logo {float:left;width:50%;line-height:70px;}
div.logo img {float:left;width:70px;max-width:100%;}
div.text {float:left;width:96%;padding:2%;text-align:center;margin-bottom:50px;}
div.txtwrapper {display:inline-block;width:calc(100% - 100px);padding:20px 10px;margin:0 40px;box-shadow:0 0 5px #707070;background-color:#ffffff;text-align:center;vertical-align: top;}
.login div.txtwrapper {max-width:1024px;}
div.innertxt {float:left;width:100%;}

div.leftBar {position:fixed;left:-270px;top:0;width:250px;height:calc(100vh - 150px);padding:130px 40px 20px 20px;z-index:999;background-color:var(--main-color);-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-ms-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
div.leftBar.open {left:0;}
div.leftBar .openmenu {position:absolute;top:110px;right:0;width:30px;padding:40px 5px 0 5px;height:calc(100% - 150px);cursor:pointer;}
div.leftBar .openmenu span {float:left;width:100%;height:3px;background-color:var(--main-contrast);margin:3px 0;border-radius: 3px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

div.leftBar.open .openmenu span {margin:0;}
div.leftBar.open .openmenu span:first-of-type {transform:rotate(45deg);}
div.leftBar.open .openmenu span:nth-of-type(2) {transform:rotate(-45deg);margin-top:-3px;}
div.leftBar.open .openmenu span:last-of-type {opacity:0;}

div.leftBar div.menu {float:left;width:100%;margin-top:61px;}
div.leftBar div.menu ul,div.leftBar div.menu ul li {float:left;position:relative;width:100%;padding:0;margin:0;list-style-type: none;color:var(--main-contrast);}
div.leftBar div.menu ul li {width:calc(100% - 40px);border-top:1px solid var(--main-color--1);padding:20px;}
div.leftBar div.menu ul li:last-of-type {border-bottom:1px solid var(--main-color--1);}
div.leftBar div.menu ul li a {position:absolute;top:0;left:0;width:100%;height:100%;}

img {max-width:100%;}
input[type=file]{cursor:pointer;display:inline-block;}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type=submit],.button,button {-moz-box-shadow:inset 0px 1px 0px 0px var(--buttons-bg-color);-webkit-box-shadow:inset 0px 1px 0px 0px var(--buttons-bg-color);box-shadow:inset 0px 1px 0px 0px var(--buttons-bg-color);background:var(--buttons-bg-color);border:1px solid var(--buttons-bg-color);color:var(--buttons-bg-contrast);cursor:pointer;text-decoration:none;padding:3px 15px;font-size:14px;line-height:20px;-webkit-appearance:none;appearance:none;font-family:Arial, Helvetica, sans-serif;border-radius:5px;display:inline-block;}

input[type=submit].cross {padding:0;width:25px;height:25px;line-height:20px;border-radius:100%;font-weight:bold;font-size:17px;}

input[type=submit].green,.button.green,button.green {-moz-box-shadow:inset 0px 1px 0px 0px #006400;-webkit-box-shadow:inset 0px 1px 0px 0px #006400;box-shadow:inset 0px 1px 0px 0px #006400;background:#006400;border:1px solid #006400;color:#ffffff;}

input[type=submit].yellow,.button.yellow,button.yellow {-moz-box-shadow:inset 0px 1px 0px 0px #ca841c;-webkit-box-shadow:inset 0px 1px 0px 0px #ca841c;box-shadow:inset 0px 1px 0px 0px #ca841c;background:#ca841c;border:1px solid #ca841c;color:#000000;}

input[type=submit]:active, .button:active, button:active {position:relative;top:1px;}

input:-webkit-autofill, textarea:-webkit-autofill {border:1px solid #BFBFBF;cursor:pointer;background-color:#ffffff;padding: 0 5px;font-size:14px;line-height:20px;-webkit-box-shadow:0 -10px 15px var(--inputs-bg-color) inset, 0 0 0 100px #ffffff inset;-moz-box-shadow:0 -10px 15px var(--inputs-bg-color) inset, 0 0 0 100px #ffffff inset;-ms-box-shadow:0 -10px 15px var(--inputs-bg-color) inset, 0 0 0 100px #ffffff inset;-o-box-shadow:0 -10px 15px var(--inputs-bg-color) inset, 0 0 0 100px #ffffff inset;box-shadow:0 -10px 15px var(--inputs-bg-color) inset, 0 0 0 100px #ffffff inset;}

input[type=text], input[type=email], input[type=password], input[type=number], textarea {border:1px solid #BFBFBF;cursor:pointer;background-color:#ffffff;padding: 3px 5px;font-size:14px;text-align:left;line-height:20px;-webkit-box-shadow:-1px 1px 3px -1px #777777 inset;-moz-box-shadow:-1px 1px 3px -1px #777777 inset;-ms-box-shadow:-1px 1px 3px -1px #777777 inset;-o-box-shadow:-1px 1px 3px -1px #777777 inset;box-shadow:-1px 1px 3px -1px #777777 inset;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:inline-block;font-family:Arial, Helvetica, sans-serif;}

.select {display: inline-block;border:1px solid #BFBFBF;position: relative;overflow: hidden;-webkit-box-shadow:-1px 1px 3px -1px #777777 inset;-moz-box-shadow:-1px 1px 3px -1px #777777 inset;-ms-box-shadow:-1px 1px 3px -1px #777777 inset;-o-box-shadow:-1px 1px 3px -1px #777777 inset;box-shadow:-1px 1px 3px -1px #777777 inset;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#ffffff;line-height:26px;min-width:80px;}

.select > * {cursor: pointer;}
.select:after {content: '';width: 0;position: absolute;right: 7px;top: 50%;margin-top: -3px;border-width: 8px 6px;border-style: solid;pointer-events: none;border-color: #9A9A9A transparent transparent transparent;}
.select:before {content: '';width: 21px;position: absolute;right: 2px;top: 3px;height: calc(100% - 6px);pointer-events: none;background-color: #ffffff;}

select {background: transparent;border: 0;outline: 0;text-shadow: 1px 1px rgba(255, 255, 255, 0.7);padding: 0 3px;font-size: 12px;width: 100%;height: 20px;line-height:20px;-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: radio-container;appearance: none;margin-right:20px;}

textarea {overflow: auto;}

table {max-width:100%;word-wrap:break-word;}

input[type=submit]:focus, select:focus {outline:0;}
input[type=checkbox],input[type=radio]{cursor:pointer;-ms-transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);margin:10px;}

input[type=text].disabled, input[type=email].disabled, input[type=password].disabled, input[type=number].disabled, textarea.disabled, input.disabled,input[disabled] {cursor:not-allowed;opacity:0.5;}

div.formwrapper {display:inline-block;width:100%;max-width:400px;vertical-align:top;margin:0 20px;}
div.formwrapper input[type=submit],div.wideContainer input[type=submit] {margin:5px;}

div.listTable input[type=submit][name=activate] {background:#006400;border-color:#006400;box-shadow:0 0;}

div.wideContainer {display:inline-block;width:100%;margin:30px 0;text-align:center;}

div.listTable {display:inline-block;text-align: center;vertical-align:top;}
div.listTable table {width:auto;text-align: center;margin:auto;border-collapse: collapse;}
div.listTable table th {padding:10px 20px;background-color:#cecece;border:1px solid #cecece;}
div.listTable table td {position:relative;padding:10px;background-color:#ffffff;border:1px solid #cecece;}
div.listTable table td a {position:absolute;top:0;left:0;width:100%;height:100%;}
div.listTable table tr.attention td {color:#8b0000;}
div.listTable table tr.attention td:last-of-type:after {content:'!';position:absolute;top:50%;left:calc(100% + 10px);width:20px;height:20px;line-height:20px;color:#ffffff;background-color: #8b0000;font-weight:bold;border-radius:100%;margin-top:-10px;}

div.park {display:inline-block;position:relative;width:300px;height:300px;margin:20px;padding:10px;box-shadow:0 0 5px #777777;text-align:center;border-radius:10px;vertical-align: top;overflow:hidden;}
div.park a {position:absolute;width:100%;height:100%;top:0;left:0;}
div.park img {max-height:150px;}
div.park table {width:100%;text-align: center;table-layout: fixed;}
div.park table td {text-align: left;padding:5px;font-size:17px;}
div.park table td[colspan] {text-align: center;}
div.park .parkImg {display:inline-block;vertical-align:top;position:relative;width:90px;height:auto;text-align:center;overflow:hidden;margin:4px;}
div.park .parkImg img {max-height:100%;vertical-align:top;}
div.park .parkImg a {position:static;display:inline-block;}
div.park input.cross {position:absolute;top:0;right:0;z-index:2;}

div.form {float:left;width:100%;}
div.form table {width:100%;table-layout:fixed;text-align:left;margin:auto;}
div.form table td {padding:5px;}
div.form table td input,div.form table td textarea {width:calc(100% - 10px);}
div.form table th {text-align:center;}

div.termsAndConditions {float:left;width:100%;text-align:center;font-size: 10px;margin:10px 0;}

div.errorMsg {float:left;width:100%;text-align:center;font-weight:bold;color:#8b0000;}

div.credits {float:left;position:relative;width:96%;padding:10px 2%;background-color:#6291e7;color:#ffffff;font-size:12px;z-index:9999;}
div.credits a {color:#ffffff;text-decoration:none;font-size:12px;}