@import url('normalise.css');
@import url('forms.css');

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/mont.ttf) format('truetype');
}

body {
    font-family: 'Montserrat', Arial, sans-serif;
}

:root {    
    --form-border: #AAAAAA;
    --form-bg: #FEFEFE;
    --form-text: #4D4D4D;
    --pop-bg: #F1F1F1;
    --foot-height: 80px;
    --border-col: #78000B;
    --obs-border: #333;
}


.columnWrap:before,.columnWrap:after{content: "";   display: table;}
.columnWrap:after{clear: both;}
.columnWrap{zoom: 1;}

.error-state {
    -webkit-box-shadow: 0px 0px 22px 2px rgba(255,5,5,0.6);
    -moz-box-shadow: 0px 0px 22px 2px rgba(255,5,5,0.6);
    box-shadow: 0px 0px 22px 2px rgba(255,5,5,0.6);
}

.error-state-2 {
    -webkit-box-shadow: 0px 0px 14px 2px rgba(255,5,5,0.6);
    -moz-box-shadow: 0px 0px 14px 2px rgba(255,5,5,0.6);
    box-shadow: 0px 0px 14px 2px rgba(255,5,5,0.6);
}

#messages {
	position: absolute;
	box-sizing: border-box;
	display: none;
	width: calc( 100% - 16px );
	bottom: 0;
	left: 0;
	height: 70px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	color: #FFFFFF;
	padding-top : 20px;
}

.mess-div {
    display: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    padding: 4px 0;
}

.mess-good { color: #009809 }
.mess-bad { color: #C3000B }
.mess-blah { color: #C37700 }

.mbad { background-color: #78000B; }
.mgood{ background-color: #009809; }
.mblah{ background-color: #C37700; }

.fl-left { float: left }
.fl-right { float: right }
.am-inline { display:inline-block; }

.pColumn {
    float: left;
    width: 50%;
    box-sizing: border-box;    
}

.fline {
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#333), to(#fff));
}

#waiting-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background-image: url(images/cal-wait-bg.png);
    z-index: 9999;
}

#waiting-inner {
    background-image: url(images/cal-wait.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
}


.select-link, .select-link:active, .select-link:visited {
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    color: #555555;
    background-color: #FFFDEE;
    border-bottom: 1px solid #C8C5B1;
}

.select-link:hover {
    background-color: #C8C5B1;
    color: #000000;
}


@media screen and (max-width: 500px){
    .pColumn { width: 100% }
}


.m10 { margin-left:  10px }
.m11 { margin-left:  11px }
.m12 { margin-left:  12px }
.m13 { margin-left:  13px }
.m14 { margin-left:  14px }
.m15 { margin-left:  15px }
.m16 { margin-left:  16px }
.m17 { margin-left:  17px }
.m18 { margin-left:  18px }
.m19 { margin-left:  19px }
.m20 { margin-left:  20px }
.m21 { margin-left:  21px }
.m22 { margin-left:  22px }
.m23 { margin-left:  23px }
.m24 { margin-left:  24px }
.m25 { margin-left:  25px }
.m26 { margin-left:  26px }
.m27 { margin-left:  27px }
.m28 { margin-left:  28px }
.m29 { margin-left:  29px }
.m30 { margin-left:  30px }
.m31 { margin-left:  31px }
.m32 { margin-left:  32px }
.m33 { margin-left:  33px }
.m34 { margin-left:  34px }
.m35 { margin-left:  35px }
.m36 { margin-left:  36px }
.m37 { margin-left:  37px }
.m38 { margin-left:  38px }
.m39 { margin-left:  39px }
.m40 { margin-left:  40px }
.m41 { margin-left:  41px }
.m42 { margin-left:  42px }
.m43 { margin-left:  43px }
.m44 { margin-left:  44px }
.m45 { margin-left:  45px }
.m46 { margin-left:  46px }
.m47 { margin-left:  47px }
.m48 { margin-left:  48px }
.m49 { margin-left:  49px }
.m50 { margin-left:  50px }
.m51 { margin-left:  51px }
.m52 { margin-left:  52px }
.m53 { margin-left:  53px }