@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Roboto:400,100,300,500,700,900&subset=latin,latin-ext);
@import url(../lib/jqueryui/jquery-ui.min.css);
@import url(../lib/jqueryui/jquery-ui.structure.min.css);
@import url(../lib/jqueryui/jquery-ui.theme.min.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

a:hover {
  cursor: pointer;
}

a:focus {
  outline: none;
}

img,
object,
embed {
  max-width: 100%;
  height: auto;
}

object,
embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

.layers-sprite {
  background-image: url('../img/layers-s3051836209.png');
  background-repeat: no-repeat;
}

/* FORM */
/* FORM FOCUS */
/* FORM ERROR */
/* FORM SUCCESS */
/* SIZES */
/* FONTS */
/* ANIMS */
.ui-widget {
  font-size: 13px;
}

body, html {
  width: 100%;
  height: 100%;
  font-family: "Roboto", sans-serif;
  color: #332d31;
}

a {
  color: #2e3092;
  text-decoration: none;
}

.app {
  width: 100%;
  min-height: calc(100% - 130px);
  background-color: #efefef;
  opacity: 0;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -moz-transition-property: opacity, filter;
  -o-transition-property: opacity, filter;
  -webkit-transition-property: opacity, filter;
  transition-property: opacity, filter;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.app.loaded {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.page {
  height: 100%;
  padding-bottom: 1px;
}

header {
  width: 100%;
  background-color: #00AEEF;
  height: 130px;
  margin-bottom: 30px;
}
header ul {
  width: 345px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 100%;
}
header ul li {
  position: relative;
}
header ul li:nth-child(1) {
  float: left;
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -147px;
  height: 87px;
  width: 142px;
  top: 21.5px;
}
header ul li:nth-child(1) a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
header ul li:nth-child(2) {
  float: right;
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -234px;
  height: 57px;
  width: 153px;
  top: 36.5px;
}
header ul li:nth-child(2) a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}

footer {
  background-color: #00AEEF;
  width: 100%;
  height: 130px;
}
footer .content {
  padding: 30px 0 30px 0;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin: 0 auto 0;
  overflow: hidden;
  *zoom: 1;
}
footer .content h1 {
  float: left;
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -234px;
  height: 57px;
  width: 153px;
  margin: 0 15px 0 0;
}
footer .content h1 a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
footer .content ul li {
  text-align: center;
  display: inline-block;
  margin: 7.5px 0 0 45px;
}
footer .content ul li a {
  color: #FFF;
}
footer .content ul li strong {
  font-size: 22px;
  display: block;
  width: auto;
  font-weight: 500;
  margin: 0 0 2px 0;
}
footer .content ul li span {
  font-size: 14px;
  width: auto;
  width: 100%;
  font-weight: 300;
}

h1 {
  font-style: italic;
  font-family: "Roboto Slab", serif;
  font-weight: 500;
  font-size: 38px;
  color: #00AEEF;
  display: block;
  padding: 1px 0 1px 0;
}
h1 span {
  color: #d2d6db;
}

h2 {
  font-weight: 200;
  font-size: 23px;
  line-height: 27px;
  margin: 15px 0 0 0;
  display: block;
}
h2 span {
  color: #d2d6db;
}

p {
  line-height: 24px;
  margin: 0 0 15px 0;
  font-weight: 400;
}

main, nav {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 15px;
}

.textblock {
  width: 790px;
  background-color: #dfdfdf;
  padding: 15px 30px 30px 30px;
  margin: 0 auto 15px auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.textblock p, .textblock ul, .textblock li {
  line-height: 18px;
  font-size: 14px;
  margin: 15px 0 0 0;
  font-weight: 300;
}
.textblock li {
  margin: 0 0 0 15px;
}
.textblock i {
  font-style: italic;
}
.textblock strong {
  font-weight: 500;
}
.textblock .todolist li {
  position: relative;
  display: block;
  margin: 15px 0 7.5px 0;
  padding: 0 0 0 15px;
}
.textblock .todolist li:before {
  content: " ";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 8px;
  height: 8px;
  background-color: #efefef;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.success_message + .textblock, .error_message + .textblock {
  margin-top: 15px;
}

.lead {
  font-weight: 500;
}

.listitems {
  margin: 15px 0 15px 0;
}
.listitems .listitem {
  margin: 15px 0 0 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  *zoom: 1;
  border: 1px solid #FFF;
  padding: 15px 15px 0 15px;
}
.listitems .listitem .hidden form {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  padding: 0 0 0 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.listitems .listitem.active .hidden form {
  opacity: 1;
  height: auto;
}
.listitems .listitem .itemname {
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 15px 0;
}
.listitems .listitem .itemname span {
  font-weight: 500;
}

.editmenu {
  display: block;
  width: 50%;
  float: right;
}
.editmenu li {
  width: auto;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 0 5px;
  position: relative;
}
.editmenu li form {
  padding: 0 0 0 0;
}
.editmenu li span, .editmenu li a, .editmenu li input[type=submit] {
  color: #FFF;
  padding: 5px 5px 5px 22px;
  display: block;
  cursor: pointer;
  margin: 0 0 0 0;
  background-color: transparent;
  font-size: 11px;
  color: #FFF;
  border-bottom: none;
}
.editmenu li.booking {
  background-color: #00a54f;
}
.editmenu li.booking:before {
  content: " ";
  position: absolute;
  left: 3px;
  top: 2px;
  display: block;
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 0;
  height: 17px;
  width: 17px;
}
.editmenu li.booking:before a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.editmenu li.edit {
  background-color: #2e3092;
}
.editmenu li.edit:before {
  content: " ";
  position: absolute;
  left: 3px;
  top: 2px;
  display: block;
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -60px;
  height: 16px;
  width: 16px;
}
.editmenu li.edit:before a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.editmenu li.delete {
  background-color: #a8003b;
}
.editmenu li.delete:before {
  content: " ";
  position: absolute;
  left: 3px;
  top: 2px;
  display: block;
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -17px;
  height: 16px;
  width: 17px;
}
.editmenu li.delete:before a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}

.smalltext, .privacytext {
  display: block;
  float: left;
  font-size: 12px;
  margin: 20px 0 0 0;
  color: #8c8f94;
}

.privacytext {
  margin: 0 0 0 5px;
}

.topbar {
  padding: 5px 0 5px 0;
  background-color: #009bd5;
  color: #dfdfdf;
  font-weight: 300;
  text-transform: lowercase;
}
.topbar .wrap {
  text-align: right;
  font-size: 13px;
  overflow: hidden;
  *zoom: 1;
  width: 790px;
  margin: 0 auto;
}
.topbar a, .topbar span {
  display: block;
  float: right;
  margin: 0 0 0 20px;
}
.topbar a {
  color: #99def8;
}

.widepanel {
  width: 100%;
  height: 100%;
  background-color:   #FFF;
}

.pac-container:after {
  content: none !important;
}

form {
  position: relative;
  padding: 0 0 15px 0;
  overflow: hidden;
  *zoom: 1;
}
.login form:after {
  content: " ";
  width: 80%;
  height: 2px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -40%;
  border-bottom: 1px solid #FFF;
}

label, input, textarea {
  display: block;
  outline: none;
}

h3, h4 {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  margin: 15px 0 3px 0;
  padding: 0 0 0 5px;
  color: #8c8f94;
  width: auto;
  float: left;
  overflow: hidden;
  *zoom: 1;
  display: block;
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
h3 + a, h4 + a {
  font-size: 11px;
  display: block;
  float: right;
  margin: 18px 0 5px 0;
}

h4 {
  font-size: 13px;
  font-weight: 400;
  margin: 7.5px 0 7.5px 0;
}

.focus h3, .focus h4, .focus h3, .focus h4 {
  color: #332d31;
}

input[type=text], textarea, input[type=password], input[type=number] {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  width: 100%;
  padding: 10px;
  height: 34px;
  width: 100%;
  border: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #d2d6db;
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #FFF;
  font-weight: 400;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
input[type=text]:focus, textarea:focus, input[type=password]:focus, input[type=number]:focus {
  background-color: #e4e6e9;
}
input[type=text].error, textarea.error, input[type=password].error, input[type=number].error {
  background-color: #ebbbb6;
}
input[type=text].error:focus, textarea.error:focus, input[type=password].error:focus, input[type=number].error:focus {
  background-color: #e4e6e9;
}

textarea {
  height: 40px;
}

input[type=submit], .navbutton {
  border: 0px;
  background-color: #00a54f;
  font-size: 15px;
  margin: 15px 0 5px 0;
  padding: 10px 15px 8px 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: right;
  color: #FFF;
  font-weight: 500;
  border-bottom: 2px solid #007337;
  cursor: pointer;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
input[type=submit]:focus, .navbutton:focus {
  background-color: #009447;
}
input[type=submit]:hover, .navbutton:hover {
  background-color: #00843f;
}
input[type=submit]:active, .navbutton:active {
  background-color: #007337;
}

input[type=checkbox], input[type=radio] {
  float: left;
}

label {
  cursor: pointer;
  color: #0065a8;
  position: relative;
  top: 0px;
  left: 4px;
}

input:focus + label {
  color: #004773;
  font-weight: 500;
}

input:checked + label {
  font-weight: 500;
}

.two {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
}
.two input {
  float: left;
  width: calc( 50% -  15px/2 );
}
.two input + input {
  float: right;
}

.subform {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  padding: 0 0 0 15px;
}

.checklist {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  padding: 0 0 0 15px;
}
.checklist li {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  font-size: 13px;
  margin: 4px 0 0 0;
}
.checklist li label {
  position: relative;
  top: 2px;
  left: 2px;
}

.singlecheck {
  font-size: 14px;
  line-height: 17px;
  margin: 15px 0 3px 0;
}

.regbutton {
  border: 0px;
  background-color: #0064a4;
  font-size: 17px;
  margin: 15px 0 5px 0;
  padding: 13px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  font-weight: 400;
  width: 100%;
  text-align: center;
  display: block;
  position: relative;
  border-bottom: 3px solid #004672;
}
.regbutton:after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
}

.error-list, .error_message {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0 5px 0;
  border: 1px solid #ebbbb6;
  padding: 15px;
}
.error-list li, .error-list h2, .error_message li, .error_message h2 {
  margin: 0 0 7.5px 0;
  color: #d43b2b;
}
.error-list li:last-child, .error-list h2:last-child, .error_message li:last-child, .error_message h2:last-child {
  margin-bottom: 0px;
}

.success_message {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  *zoom: 1;
  border: 1px solid #baebb6;
  padding: 15px;
  color: #00a54f;
  width: 790px;
  margin: 15px auto 0 auto;
}
.success_message h2 {
  margin: 0 0 0 0;
}
.success_message p {
  line-height: 24px;
  margin: 15px 0 0 0;
  font-weight: 400;
}
.success_message .navbutton {
  margin: 0 0 0 0;
}
.success_message .message_body {
  width: 500px;
  float: left;
}

.formwrap {
  margin: 0 auto 15px auto;
  width: 60%;
  overflow: hidden;
  *zoom: 1;
}
.formwrap:last-child {
  margin: 0 auto 0 auto;
}

.formfields {
  padding: 15px 0 0 0;
  margin: 0 0 0 0;
  width: 100%;
}
.formfields .field {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.filterpanel {
  overflow: hidden;
  *zoom: 1;
}
.filterpanel .field {
  float: left;
  max-width: none;
  margin: 0 10px 0 0;
}
.filterpanel .field span {
  float: left;
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 12px;
  line-height: 23px;
}
.filterpanel .field input[type=text], .filterpanel .field textarea, .filterpanel .field select {
  display: inline-block;
  float: right;
  width: auto;
  max-width: 100px;
}
.filterpanel .field input[type=text], .filterpanel .field textarea {
  height: 24px;
}
.filterpanel .field input[type=submit] {
  margin: 0 0 0 0;
  float: left;
  height: 24px;
  padding: 2px 5px 0 5px;
  font-size: 12px;
}

nav ul {
  overflow: hidden;
  *zoom: 1;
  padding: 10px 0 10px 0;
  margin: 0 0 15px 0;
}
nav li {
  width: calc(25%);
  height: 100%;
  float: left;
  display: block;
  text-align: center;
  position: relative;
  padding: 40px 0 0 0;
  font-size: 13px;
  font-weight: 300;
}
nav li .stepcount {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 30px;
  height: 30px;
  line-height: 28px;
  margin: 0 0 0 -15px;
  border: 1px solid #000;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  text-align: center;
  font-size: 14px;
  -moz-box-shadow: 0 0 5px 5px #efefef;
  -webkit-box-shadow: 0 0 5px 5px #efefef;
  box-shadow: 0 0 5px 5px #efefef;
  z-index: 100;
}
nav li:after {
  display: block;
  content: " ";
  position: absolute;
  top: 15px;
  right: calc(-50% + 15px);
  width: calc(100% - 30px);
  border-bottom: 1px dashed #000;
  z-index: 99;
}
nav li:first-child:before {
  display: none;
}
nav li:last-child:after {
  display: none;
}
nav li.active {
  font-weight: 500;
  color: #0065a8;
}
nav li.active .stepcount {
  width: 32px;
  height: 32px;
  border: 2px solid #0065a8;
}
nav li.active:after {
  right: calc(-50% + 15px);
  width: calc(100% - 32px);
  border-bottom: 1px dashed #bcbcbd;
}
nav li.done a {
  color: #00a54f;
}
nav li.done .stepcount {
  font-size: 0px;
  border: 1px solid #00a54f;
  background-image: url("../img/layers/done.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-decoration: none;
}
nav li.done:after {
  border-bottom: 1px dashed #00a54f;
}
nav li.accessible a {
  color: #2e3092;
}
nav li.accessible .stepcount {
  border: 1px solid #2e3092;
  text-decoration: none;
}
nav li.accessible:after {
  border-bottom: 1px dashed #bcbcbd;
}
nav li.next-accessible:after {
  border-bottom: 1px dashed #2e3092;
}
nav li.inactive {
  color: #bcbcbd;
}
nav li.inactive .stepcount {
  border: none;
  color: #bcbcbd;
  border: 1px solid #bcbcbd;
}
nav li.inactive:after {
  border-bottom: 1px dashed #bcbcbd;
}
nav li a:hover {
  font-weight: 500;
}

.prevnext {
  width: 790px;
  margin: 0 auto 30px auto;
  font-size: 12px;
  text-transform: lowercase;
  font-weight: 300;
  overflow: hidden;
  *zoom: 1;
}
nav .prevnext {
  margin: 0 auto 15px auto;
}
.prevnext .prev {
  float: left;
}
.prevnext .next {
  float: right;
}

.clevertable .pagination {
  width: 100%;
  font-size: 12px;
  text-transform: lowercase;
  font-weight: 300;
  margin: 15px 0 0 0;
  overflow: hidden;
  *zoom: 1;
}
.clevertable .pagination li a {
  display: block;
  text-transform: lowercase;
}
.clevertable .pagination li a[rel="next"] {
  float: right;
}
.clevertable .pagination li a[rel="next"]:after {
  content: " »";
}
.clevertable .pagination li a[rel="prev"] {
  float: left;
}
.clevertable .pagination li a[rel="prev"]:before {
  content: "« ";
}
.clevertable .list_top {
  overflow: hidden;
  *zoom: 1;
}
.clevertable .list_header {
  width: 70%;
  float: left;
  overflow: hidden;
  *zoom: 1;
}
.clevertable .list_header h1 {
  height: 45px;
}
.clevertable .list_header h1 span {
  color: #d2d6db;
}
.clevertable table {
  width: 100%;
  margin: 15px 0 0 0;
}
.clevertable tbody {
  font-size: 12px;
  line-height: 15px;
}
.clevertable tbody p {
  margin: 0 0 0 0;
  font-weight: 300;
}
.clevertable tbody .cellid {
  position: absolute;
  top: 2px;
  left: 0px;
  display: block;
}
.clevertable tbody .celldata {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0 0 20px;
}
.clevertable tbody strong {
  font-weight: 500;
}
.clevertable tbody i {
  font-weight: 400;
  font-style: italic;
}
.clevertable tbody p {
  line-height: 14px;
}
.clevertable tbody .datalist p {
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 0;
}
.clevertable tbody:before, .clevertable tbody:after {
  line-height: 10px;
  content: "\00a0 ";
  color: white;
  /* to hide text */
  display: block;
}
.clevertable tbody td {
  padding: 6px;
  font-weight: 300;
}
.clevertable tbody td a {
  font-weight: 400;
}
.clevertable tbody td p a {
  font-weight: 300;
}
.clevertable tbody tr {
  border-bottom: 1px dashed #dfdfdf;
}
.clevertable tbody tr:last-child {
  border-bottom: none;
}
.clevertable tbody tr:hover {
  background-color: #f7f7f7;
}
.clevertable thead, .clevertable tfoot {
  font-size: 13px;
  background-color: #dfdfdf;
  font-weight: 500;
  margin: 0 0 20px 0;
  text-align: left;
}
.clevertable thead tr th, .clevertable tfoot tr th {
  padding: 10px 13px 10px 6px;
}
.clevertable thead tr th a, .clevertable tfoot tr th a {
  color: #0065a8;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.clevertable thead tr th a:before, .clevertable tfoot tr th a:before {
  content: " ";
  position: absolute;
  right: -6px;
  top: 3px;
  opacity: 0;
}
.clevertable thead tr th.asc a:before, .clevertable tfoot tr th.asc a:before {
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -333px;
  height: 6px;
  width: 10px;
}
.clevertable thead tr th.asc a:before a, .clevertable tfoot tr th.asc a:before a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.clevertable thead tr th.desc a:before, .clevertable tfoot tr th.desc a:before {
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -54px;
  height: 6px;
  width: 10px;
}
.clevertable thead tr th.desc a:before a, .clevertable tfoot tr th.desc a:before a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.clevertable thead tr th.sorted a:before, .clevertable thead tr th:hover a:before, .clevertable tfoot tr th.sorted a:before, .clevertable tfoot tr th:hover a:before {
  opacity: 1;
}
.clevertable thead tr th.desc:hover a:before, .clevertable tfoot tr th.desc:hover a:before {
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -333px;
  height: 6px;
  width: 10px;
}
.clevertable thead tr th.desc:hover a:before a, .clevertable tfoot tr th.desc:hover a:before a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.clevertable thead tr th.asc:hover a:before, .clevertable tfoot tr th.asc:hover a:before {
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -54px;
  height: 6px;
  width: 10px;
}
.clevertable thead tr th.asc:hover a:before a, .clevertable tfoot tr th.asc:hover a:before a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.clevertable .button {
  margin: 0 0 0 0;
  font-size: 0px;
}
.clevertable .button.edit {
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -76px;
  height: 11px;
  width: 11px;
}
.clevertable .button.edit a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.clevertable .button.delete {
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -33px;
  height: 11px;
  width: 12px;
}
.clevertable .button.delete a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.clevertable .button.open {
  font-size: 0;
  display: block;
  background-image: url('../img/layers-seb8a1c7442.png');
  background-position: 0 -291px;
  height: 12px;
  width: 12px;
}
.clevertable .button.open a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  font-size: 0;
}
.clevertable form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.clevertable form input[type=submit] {
  margin: 0 0 0 0;
  height: 24px;
  padding: 2px 5px 0 5px;
  font-size: 12px;
}

.table-calendar .cal_prev, .table-calendar .cal_next {
  display: block;
  font-size: 12px;
  text-transform: lowercase;
  font-weight: 300;
}
.table-calendar .cal_prev {
  text-align: left;
}
.table-calendar .cal_next {
  text-align: right;
}
.table-calendar thead tr {
  border: none;
}
.table-calendar thead td {
  border: none;
}
.table-calendar tr td {
  border: 1px solid #dfdfdf;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.table-calendar tr td .date {
  display: block;
  width: 103px;
  height: 103px;
  position: relative;
}
.table-calendar tr td .date .addnew {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 4px;
  font-size: 12px;
  height: 21px;
  color: #FFF;
  background-color: #00a54f;
  display: none;
  font-weight: 300;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.table-calendar tr td .date:hover {
  padding: 0 0 0 0;
  -moz-box-shadow: 0 0 0 1px #c6c6c6;
  -webkit-box-shadow: 0 0 0 1px #c6c6c6;
  box-shadow: 0 0 0 1px #c6c6c6;
}
.table-calendar tr td .date:hover .addnew {
  display: block;
}
.table-calendar tr td .date .cal_day {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 5px;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.table-calendar tr td .date .events {
  position: absolute;
  top: 23px;
  left: 0px;
  width: 100%;
}
.table-calendar tr td .date .events p {
  margin: 0 0 1px 0;
  display: block;
  width: 100%;
}
.table-calendar tr td .date .events p a {
  padding: 1px 3px 2px 2px;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 300;
  overflow: hidden;
}
.table-calendar tr td .date .events p .highlight {
  font-weight: 700;
}
.table-calendar .cal_labels td {
  padding: 40px 0 5px 0;
  border: none;
  text-align: center;
  font-size: 11px;
}

.calendar {
  width: 730px;
  float: right;
  margin: 15px 0 0 0;
}

.calendar_filter {
  width: 200px;
  min-height: 400px;
  float: left;
  margin: 15px 0 0 0;
}
.calendar_filter .checklist {
  display: block;
  width: 200px;
}
.calendar_filter .checklist li {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.calendar_filter .checklist input:focus + label {
  font-weight: 300;
}
.calendar_filter .checklist input:checked + label {
  font-weight: 300;
}
.calendar_filter .checklist .highlight label {
  font-weight: 700 !important;
}

.page-welcome main, .page-welcome nav {
  background-color: #dfdfdf;
  padding: 30px;
  margin: 0 auto 15px auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
  width: 1020px;
}
.page-welcome .poster {
  float: left;
  display: block;
  position: relative;
  width: 500px;
  height: 430px;
}
.page-welcome .poster p {
  color: #00aeef;
  margin: 15px 0 0 0;
  font-size: 15px;
  display: block;
}
.page-welcome .login {
  width: 408px;
  float: right;
  z-index: 3;
}
.page-welcome .bottom {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.page-welcome .bottom .welcomestats {
  width: 408px;
  float: right;
  margin: 30px 0 0 0;
}
.page-welcome .bottom .welcomestats .homemap {
  margin: 15px 0 30px 0;
  width: 408px;
  height: 320px;
}
.page-welcome .bottom .welcomestats .kids {
  margin: 15px 0 30px 0;
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
.page-welcome .bottom .welcomestats .kids p {
  margin: 15px 0 15px 0;
  font-weight: 300;
  font-size: 15px;
  display: block;
  overflow: hidden;
  *zoom: 1;
  width: 100%;
}
.page-welcome .bottom .welcomestats .kids .kids_count {
  position: absolute;
  font-size: 84px;
  font-weight: 900;
  width: 100%;
  text-align: center;
  display: block;
  top: 50px;
  color: #FFF;
  text-shadow: 3px 3px 0 rgba(0, 174, 239, 0.8);
}
.page-welcome .bottom .welcomestats .kids .kid {
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin: 3px 3px 0 0;
  display: none;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.page-welcome .bottom .welcomestats .kids .kid.kid1 {
  background-image: url("../img/blue.gif");
  opacity: 1;
}
.page-welcome .bottom .welcomestats .kids .kid.kid2 {
  background-image: url("../img/pink.gif");
}
.page-welcome .bottom .welcomestats .kids .kid.kid3 {
  background-image: url("../img/green.gif");
}
.page-welcome .bottom .welcomestats .kids .kid.kid4 {
  background-image: url("../img/red.gif");
}
.page-welcome .bottom .contentblock {
  width: 515px;
  float: left;
  margin: 30px 0 0 0;
  padding: 0 15px 30px 15px;
}
.page-welcome .bottom .contentblock .regbutton {
  width: 200px;
  margin-bottom: 22.5px;
}
.page-welcome .bottom .contentblock p {
  line-height: 24px;
  margin: 0 0 15px 0;
  font-weight: 300;
  font-size: 15px;
}
.page-welcome .bottom .contentblock h1 {
  font-style: italic;
  font-family: "Roboto Slab", serif;
  font-weight: 500;
  font-size: 38px;
  color: #00AEEF;
  margin: 15px 0 15px 0;
  display: block;
  padding: 0 0 1px 0;
}
.page-welcome .bottom .contentblock .welcome {
  margin-bottom: 15px;
  overflow: hidden;
  *zoom: 1;
}
.page-welcome .bottom .contentblock .welcome ul {
  display: block;
  padding: 1px 0 0 0;
  margin: 15px 0 30px 30px;
}
.page-welcome .bottom .contentblock .welcome ul li {
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
  padding: 1px 0 0 0;
  display: block;
  margin: 15px 0 0 0;
  position: relative;
}
.page-welcome .bottom .contentblock .welcome ul li:before {
  content: " ";
  position: absolute;
  left: -22px;
  top: 8px;
  width: 13px;
  height: 13px;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.page-welcome .bottom .contentblock .qa ul li {
  background-color: #dfdfdf;
  border: 1px solid transparent;
  padding: 15px 15px 15px 45px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 10px 0;
  background-image: url("../img/q.png");
  background-repeat: no-repeat;
  background-position: 13px 17px;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  cursor: pointer;
}
.page-welcome .bottom .contentblock .qa ul li:hover, .page-welcome .bottom .contentblock .qa ul li.active {
  background-color: transparent;
  background-image: url("../img/q_active.png");
  border: 1px solid #dfdfdf;
}
.page-welcome .bottom .contentblock .qa ul li.active {
  cursor: default;
}
.page-welcome .bottom .contentblock .qa ul li .question {
  margin-top: 0px;
}
.page-welcome .bottom .contentblock .qa ul li .answer {
  height: 0px;
  overflow: hidden;
}
.page-welcome .bottom .contentblock .qa ul li.active .answer {
  padding: 10px 0 0 0;
  height: auto;
}

.page-usermap h1 {
  margin: 0 0 15px 0;
}
.page-usermap .regioselector {
  overflow: hidden;
  *zoom: 1;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.page-usermap .regions {
  float: right;
  width: 300px;
  margin: 35px 0 0 0;
}
.page-usermap .regions li {
  font-weight: 300;
  overflow: hidden;
  *zoom: 1;
  padding: 10px;
  margin: 2px 0 0 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  font-size: 14px;
}
.page-usermap .regions li:hover, .page-usermap .regions li.active {
  background-color: #0065a8;
  color: #FFF;
}
.page-usermap .regions li.selected {
  background-color: #004773;
  color: #FFF;
}
.page-usermap .regions li input {
  float: left;
  margin: 2px 10px 0 0;
}
.page-usermap .svgmap svg {
  position: relative;
  left: -10px;
}

.perma {
  margin: 0 0 30px 0;
}
.perma .datagrouphead {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  margin: 30px 0 0 0;
}
.perma .datagrouphead h2 {
  width: 30%;
  text-align: right;
  margin: 0 0 15px 0;
  padding: 0 10px 0 0;
  display: block;
  float: left;
}
.perma .datagrouphead .editmenu {
  width: 70%;
}
.perma .datagrouphead .editmenu li {
  top: 3px;
  float: left;
}
.perma .datagroup {
  border-top: 1px solid #dfdfdf;
}
.perma .row {
  border-bottom: 1px dashed #dfdfdf;
  overflow: hidden;
  *zoom: 1;
}
.perma .col-left, .perma .col-right {
  float: left;
  padding: 10px;
}
.perma .col-left {
  width: 30%;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #8c8f94;
}
.perma .col-right {
  text-align: left;
  width: 70%;
}
.perma .col-right p {
  margin: 0 0 0 0;
  font-weight: 300;
}
.perma .subgrouphead {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
}
.perma .subgrouphead h3, .perma .subgrouphead h4 {
  width: 30%;
  text-align: right;
  margin: 0 0 15px 0;
  padding: 0 10px 0 0;
  display: block;
  float: left;
  margin: 20px 0 10px 0;
  font-size: 18px;
  line-height: 23px;
}

.adminpage {
  overflow: hidden;
  *zoom: 1;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 15px;
}
.adminpage .content {
  width: 100%;
  min-height: 300px;
  padding: 0 0 0 0;
}
.adminpage .success_message {
  width: 100%;
  margin: 0 0 15px 0;
}

.adminheader {
  margin: 0 0 0 0;
}

.adminmenu {
  background-color: #dfdfdf;
  padding: 0 0 0 0;
  margin: 0 0 30px 0;
}
.adminmenu .menuwrap {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  *zoom: 1;
  position: relative;
  left: -20px;
}
.adminmenu .menublock {
  width: auto;
  float: left;
  margin: 0 0 0 0;
  padding: 15px 20px 15px 20px;
}
.adminmenu .menublock h2 {
  margin: 0 0 0 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #2e3092;
}
.adminmenu .menublock:hover {
  padding-bottom: 50px;
  background-color: #c6c6c6;
}
.adminmenu .menublock:hover ul {
  display: block;
}
.adminmenu .menublock:hover h2 {
  color: #332d31;
}
.adminmenu ul {
  background-color: #c6c6c6;
  display: none;
  width: 100%;
  margin: 0 0 0 0;
  position: absolute;
  top: 50px;
  left: 0px;
  padding: 15px 20px 15px 20px;
}
.adminmenu ul li {
  font-size: 14px;
  float: left;
  margin: 0 20px 0 0;
}
.adminmenu ul li a.active, .adminmenu ul li a:hover {
  font-weight: 700;
}

.adminmenu + .widepanel {
  margin: -30px 0 0 0;
}

.bigmap {
  width: 100%;
  height: 100%;
  min-height: 300px;
  min-width: 300px;
}

.map_infowindow {
  min-width: 170px;
  min-height: 30px;
}
.map_infowindow .boxtitle {
  font-size: 16px;
  font-weight: 500;
}
.map_infowindow p {
  margin: 0 0 0 0;
}

.singlemap {
  width: 100%;
  height: 130px;
}

/*# sourceMappingURL=style.css.map */