/* Styles for the cover that is shown when a form is visible. */
div.frm_cover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    border: 0;
    background-color: #333;
    filter: alpha(opacity = 40);
    		opacity: 0.4;
    z-index: 9999;
    -webkit-user-select: none;
	display: none;
}

/* Styles for the form container. */
div.form_container {
	position: fixed;
    width: 536px;
    display: none;
    overflow: hidden;
    padding: 20px;
    -webkit-user-select: none;
    -webkit-border-radius: 10px;
    		border-radius: 10px;
    -webkit-box-shadow: 0px 3px 12px #555;
    		box-shadow: 0px 3px 12px #555;
    z-index: 10000;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Styles for the various form elements. */
input[type=text], input[type=password] {
	width: 280px;
	padding: 5px;
	color: #09f;
	font-size: 15px;
	border: 1px solid #999;
	background-color: #eee;
	-webkit-border-radius: 4px;
			border-radius: 4px;
}

input[type=checkbox] {
	margin: 5px 5px;		/* 5px for IE; 10px for Chrome; 8px for Firefox */
}

input.empty, textarea.empty {
	border: 1px solid #C66;
}

select.empty {
	border: 1px solid #C66;
}

select {
	padding: 5px 5px 5px 2px;
	color: #09f;
	font-size: 15px;
	border: 1px solid #999;
	background-color: #eee;
	-webkit-border-radius: 4px;
			border-radius: 4px;
}

textarea {
	color: #09f;
	padding: 5px;
	font-size: 15px;
	border: 1px solid #999;
	background-color: #eee;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	font-family: arial, sans-serif;
}

div.row {
	padding: 3px;
}

div#msg_image {
	
}

div#msg_value, div#msg_value_contact,
		div#msg_value_form, div#msg_value_rsvp {
	font-size: 13px;
	text-align: center;
}

div.error {
	color: red;
}

div#msg_container > div.attention {
	color: orange;
}

div.header {
	color: #555;
	font-size: 17px;
	/*font-size: 35px;*/
	margin: 0 0 15px 0;
	text-align: center;
	background-image: url(../images/heading_deco.png);
	background-repeat: no-repeat;
	background-position: center;
	/*font-family: 'Pinyon Script', cursive;
	font-weight: 400;*/
}

div.hidden {
	display: none;
}

div.label {
	color: #777;
	float: left;
	width: 180px;
	text-align: right;
	display: inline-block;
	padding-top: 8px;
	font-size: 14px;
}

div.control {
	padding-left: 183px;
}

div.radio {
	line-height: 33px;
}

input.checkbox {
	margin-top: 11px;
}

span#spn_another {
	color: #777;
	font-size: 13px;
}

div#contact_form, div#response_form {
	float: left;
	width: 565px;
	padding-right: 25px;
}

div#contact_info, div#accommodation_info {
	float: right;
	width: 290px;
	height: 290px;
	padding-left: 25px;
	border-left: 1px dotted #999;
}

span.form_note {
	color: #777;
	font-size: 11px;
	font-style: italic;
}

/* The styles for the buttons. */
button {
	width: 80px;
	text-decoration: none!important;
	padding: 8px 12px; 
	-webkit-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
			box-shadow: inset 0px 0px 2px #fff;
}

button:active {
	-webkit-box-shadow: inset 0px 0px 3px #999;
			box-shadow: inset 0px 0px 3px #999;
}

/* The styles for the grey button */
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {
	border: 1px solid #666;
}

/* The styles for the red button */
.red {
	color: #923c47;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#f997b0, #f6677b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background-image: -webkit-linear-gradient(#f997b0, #f6677b);
	background-image: -o-linear-gradient(#f997b0, #f6677b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
}
.red:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#f6677b, #f997b0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background-image: -webkit-linear-gradient(#f6677b, #f997b0);
	background-image: -o-linear-gradient(#f6677b, #f997b0);
	background-color: #f997b0;
}
.red:active {
	border: 1px solid #ab3e4b;
}

/* The styles for the blue button */
.blue {
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.blue:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
.blue:active {
	border: 1px solid #3b778b;
}

/* The styles for the green button */
.green {
	color: #5a742d;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.green:active {
	border: 1px solid #506320;
}