/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/* = HTML5 Elements
----------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* = Body
----------------------------------------------------------------------------------------------------------------- */
body { text-align: left; background: #fff; color: #555; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; }

/* = Text-Level
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; color: #333; font-weight: normal; text-transform: uppercase; }
h1 { font-size: 2em; }
h2 { font-size: 2em; }
h3, h4, h5, h6 { font-size: 1.6em; }

p { margin: 0 0 20px 0; line-height: 1.9em; }
a { color: #922b4c; text-decoration: none; }
img { vertical-align: bottom; }

/* = Forms
----------------------------------------------------------------------------------------------------------------- */
.webForm {position:relative;}
.webForm div { clear: both; margin: 0 0 20px 0; zoom: 1; }
.webForm div:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.webForm div em { display: block; margin-left: 25%; margin-top: 10px; }
label { float: left; width: 25%; padding: 5px 0; font-weight: bold; }
.tickbox label { float: none; }

input.text, textarea, select { border: 1px solid #E5E5E5; width: 70%; padding: 5px; -webkit-box-shadow: 0px 0px 6px #eee; -moz-box-shadow: 0px 0px 6px #eee; box-shadow: 0px 0px 6px #eee; -moz-box-sizing: border-box; box-sizing: border-box; }
input.error { border-color: #fe0000; }
select.error { border-color: #fe0000; }
/*span.error{border: solid 1px #fe0000}*/

.radiobuttons, .checkboxes { float: left; width: 65%; }
.radiobuttons label, .checkboxes label { padding: 3px 0; }
.radiobuttons input, .checkboxes input { float: left; clear: left; }
.checkboxes br { display: none; }

::-webkit-input-placeholder { color: #000; opacity: 1 !important; }
:-moz-placeholder { color: #000; opacity: 1 !important; }
::-moz-placeholder { color: #000; opacity: 1 !important; }
:-ms-input-placeholder { color: #000; opacity: 1 !important; }


.inlineDD {margin-right: 1%; width: 22%;}
.inlineDDend {margin-right: 0; width: 24%}



/* = Screen Messages
----------------------------------------------------------------------------------------------------------------- */
.msg { border: solid 1px #E5E5E5; background: #F5F5F5; padding: 5px 5px 0 5px; margin: 0 0 5px 0; font-weight: bold; }
.msgError{position: absolute; top: 0; left: 0; width: 100%; padding: 15px; background: #FFDCDD; border: 1px solid #E9B9BB; color: #8D4345; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.msgError p{margin: 0;}
.msgSuccess { background-color: #E1FFD9; border: 1px solid #BADEB1; color: #526D4B; position:absolute; width:95% }
.msg p { margin: 0 0 5px 0; }
.msgError .close {float:right;}

.msgError{width:95% !important}

/* = Buttons 
----------------------------------------------------------------------------------------------------------------- */
.btn { display: inline-block; font-weight: bold; border: solid 1px #ccc; border-bottom-color: #aaa; background: #fafafa; padding: 7px 14px; color: #333; text-shadow: 1px 1px 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
cursor:pointer
}
.btn:hover { color: #111; -webkit-box-shadow: 0px 0px 6px #ccc; -moz-box-shadow: 0px 0px 6px #ccc; box-shadow: 0px 0px 6px #ccc; }

.facebookConnect { color: #fff; padding: 3px 5px 4px 25px; line-height: 1em; font-size: 0.9em; font-weight: bold; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, Sans-Serif; border-top: 1px solid #29457d; border-right: 1px solid #29457d; border-bottom: 1px solid #1a366e; border-left: 1px solid #29457d; background: #5871a6 url(../../_img/btn/facebook.jpg) no-repeat top left; -moz-box-shadow: 0 1px 0 #889abf inset; -webkit-box-shadow: 0 1px 0 #889abf inset; box-shadow: 0 1px 0 #889abf inset; }

#embedlink{
    cursor: pointer;
}


/* = Banner
----------------------------------------------------------------------------------------------------------------- */
.banner img { max-width: 100%; height: auto; margin-bottom: 20px; }

@media screen and (max-width: 500px) {
    label { width: 100%; }
    input.text, textarea, select { width: 100%; }
}