@charset "utf-8";
/* CSS Document */

html, body {padding:0px; margin:0px;}

body {font-family:Arial, Helvetica, sans-serif; background-color:#FFF8E1;}


div.container {padding:0px; max-width:940px; background-color:#fff; margin:0px auto; color:#333;}
p {line-height:1.25;}
h2 {color:#330099;}
hr {width:85%; border: 0; height: 1px; margin-top:25px; margin-bottom:25px; 
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.red {color:#F00;}

div.title {display:block; background-color:#330099; color:#fff; padding:10px;}
div.title img {border-style:none; margin-right:30px; vertical-align:middle;}
div.title span {display:inline-block;}

div.content {padding:10px;}

div#left {float:left; width:48%;}
div#right {float:right; width:48%; padding-left:10px; border-left:2px dashed #330099;}

.div_select {display:block; width:80%; max-width:500px; padding:15px; border:1px solid #006699; border-radius:10px; background-color:#3399cc;
	text-decoration:none; text-align:center; margin:15px auto; color:#fff; font-size:18px;}
.div_select:hover {color:#000; background-color:#facf6c; border:1px solid #cc9900; cursor:pointer;}

.button {display:inline-block; padding:10px 15px; border:1px solid #006699; border-radius:10px;
	text-decoration:none; text-align:center; margin:10px auto; font-size:16px; background-color:#6CF076; color:#000; font-weight:bold;}
.button:hover {background-color:#facf6c; cursor:pointer; border-color:#cc9900;}

.submit {display:block; width:80%; max-width:150px; padding:15px; border:1px solid #006699; border-radius:10px;
	text-decoration:none; text-align:center; margin:15px auto; font-size:18px; background-color:#6CF076; color:#000; font-weight:bold;}
.submit:hover {background-color:#facf6c; cursor:pointer; border-color:#cc9900;}



/* styles to hide "honeypot" form field to prevent spam messages in some of our PHP forms */
.form_hc {display:none;}

ul.error {display:block; max-width:500px; margin:10px auto; background-color:#FFB9B9; border:1px solid #F00; 
	padding:10px; color:#000;}
ul.error li {margin-left:20px; list-style-type:square;}
.error_text {font-size:14px; color:#A71212; padding-bottom:15px; padding-left:20px;}

input {border:1px solid #333; padding:5px; width:95%;}
input:hover, textarea#topic:hover {background-color:#fefbc8;}
input:focus, textarea#topic:focus {background-color:#FF6;}
.error input, .error textarea, input.error, textarea.error {background-color:#FFB9B9;}
.error input[type="checkbox"] + label span, .error input[type="radio"] + label span {background-color:#FFB9B9;}

input[type="checkbox"], input[type=radio] {
    display:none;
}
input[type="checkbox"] + label, input[type="radio"] + label {cursor:pointer;}
label.agenda {display:block;}

input[type="checkbox"] + label span {
    display:inline-block; width:26px; height:26px; margin:-3px 5px 0px 10px;
    vertical-align:middle;  cursor:pointer; border:1px solid #333; background-color:#fff;
	/* background:url("images/checkbox.gif") left top no-repeat; */
}
input[type="radio"] + label span {
    display:inline-block; width:26px; height:26px; margin:3px 5px 5px 10px; border-radius:13px;
    vertical-align:middle;  cursor:pointer; border:1px solid #333; background-color:#fff;
	/* background:url("images/checkbox.gif") left top no-repeat; */
}
input[type="checkbox"]:hover + label span, input[type="radio"]:hover + label span {
    background-color:#fefbc8;
}
input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span {
    background:url("images/check.png") no-repeat;
}

.short {max-width:150px;}
input.short {max-width:100px; margin-right:5px;}
input.medium {max-width:200px;}
input.long {max-width:400px;}

textarea {width: 95%; max-width:500px; height:100px; border:1px solid #333; padding:5px;}

.confirm {display:block; margin:10px 20px; padding:10px; text-align:center; font-weight:bold; background-color:#FFC; border:1px solid #FF6;}

div.footer {padding:5px 10px; color:#fff; background-color:#000; font-size:14px;}

@media screen and (min-width: 880px) {
div.container {box-shadow: 0px 0px 5px #333;}
div.title {text-align:center;}
div.title img {vertical-align:top;}
div.title span {font-size:32px;}
}
@media screen and (min-width: 740px) and (max-width: 879px) {
div.title {text-align:center;}
div.title span {font-size:24px;}
div.title img {vertical-align:top;}
}
@media screen and (min-width: 520px) and (max-width: 739px) {
div.title {text-align:center;}
div.title span {font-size:24px; text-align:center; width:250px; padding-top:10px;} /* break title to 2 lines */
div.title img {margin-bottom:8px; margin-right:0px; vertical-align:top;}
input[type="radio"] + label {display:block; width:95%;}
}
@media screen and (max-width: 519px) {
div.title {text-align:center;}
div.title img {margin-bottom:8px; margin-right:0px;}
div.title span {font-size:18px; text-align:center;}
input.medium {width:95%; max-width:95%;}
input#city {margin-bottom:15px;}
input[type="radio"] + label {display:block; width:95%;}
}