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

body {
    background-color: #ededed;
    margin: 0;
    padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	overflow-y: scroll;
}

H1 {
	color:#f1564b;
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
	font-size:26px;
}

H2 {
	color:#f1564b;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	font-size:20px;
}

H3 {
	color:#f1564b;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

DIV.main {
	width:100%;
	max-width:960px;
	min-width:320px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
}

IMG.artwork {
	max-width:100%;
	margin-top:10px;
	margin-bottom:10px;
}

TABLE.rsvp {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	text-align:left;
}

TD.data {
	font-weight:bold;
	font-style:italic;
	padding-right:15px;
}

INPUT[type="submit"] {
	color:#FFFFFF;
	background-color:#807f80;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D83AB', endColorstr='#3E4B62'); /* for IE */
	background-image: linear-gradient(to bottom, #6D83AB, #3E4B62);  /* for IE 10+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#6D83AB), to(#3E4B62)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6D83AB,  #3E4B62); /* for firefox 3.6+ */	
	border: 1px outset #3B424F;
	width:100px;
	/*
	height:24px;
	line-height:24px;
	box-shadow:3px 3px 5px #ACACAC;
	*/
	font-size:16pt;
	cursor:pointer;
	border-radius:2px;
}

INPUT[type="submit"]:hover {
	background-color:#a09fa0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8CA8DC', endColorstr='#4E5E7A'); /* for IE */
	background-image: linear-gradient(to bottom, #8CA8DC, #4E5E7A);  /* for IE 10+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#8CA8DC), to(#4E5E7A)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #8CA8DC,  #4E5E7A); /* for firefox 3.6+ */	
}

SELECT {
	background-color:#b4dbfc;
	border: 1px solid #f1564b;
	width:150px;
	padding:1px;
	font-weight:bold;
	font-style:italic;
}

SELECT.wide {
	width:300px;
}

.form_error {
	color: red;
	font-weight: bold;
}

@media screen and (max-width: 760px) {

	table, thead, tbody, th, tr {
		display: block;
	}

	td {
		display: inline-block;
		width: 45%;
		padding: 3px;
	}

	td:empty {
		display: none;
	}

	#row_corrections_label td, #row_corrections td {
		width: 96%;
	}

	#row_corrections textarea {
		max-width: 96%;
		margin-left: 2%;
	}
}