body {
	font-family:sans-serif;
	background-color:#77aa77;
	color:white;
	font-family:trebuchet, sans-serif;
	min-width:970px;
	min-height:580px;
	position:absolute;
}

#tile_selector {
	font-size:9pt;
	margin-bottom:.25em;
	position:none;
	top:0px;
	left:0;
	color:black;
	width:400px;
}

#tile_selector label {
font-family:sans-serif;
}

#tile_input_rows {
	float:right;
	display:block;
	background-color:#713d30;
	position:absolute;
	left:370px;
	top:203px;
}

#reservation_message, #subheading {
	margin-top:0;
	margin-bottom:.1em;
	font-family:font-family:trebuchet,sans-serif;
	display:block;
	position:relative;
	left:125px;
	width:800px;	
}
#reservation_message {
	font-size:17pt;
}

#subheading {
	font-size:11pt;

}

#organization_logo {
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:110px;
}

#rows {
	padding:10px !important;
}

#donor_form {
	position:absolute;
	top:75px;
	left:0px;
	display:block;
	width:800px;
}

#donor_form h3 {
	font-size:18pt;
	width:220px;
	margin-top:0.25em;
	margin-bottom:0.25em;
	
}

#donor_form fieldset {
	margin:0px;
	padding:0px;
}

#donor_form fieldset input, #donor_form  table,  #donor_form  tbody {
	margin-left:0px;
	padding-left:0px;
}

fieldset {
	border:0px;
}

#tile_input_rows #rows input {
	text-align:center;
	font-style:bold;
	font-size:25pt;
	border:2px solid #713d30;
}

.row {
	text-align:center;
	width:100%;
	position:relative;
	right:3px;
}





.level1 #row3,
.level1 #row4,
.level1 #row4,
.level2 #row3,
.level2 #row4,
.level3 #row4, 
.level4 #row4,
.level5 #row4,
.level6 #row4
{
	display:none;
}

.level1 input, .level2 input {
	font-size:15pt !important;
}


.level2, .level1 , .level9, .level10 {
	top:70px !important;
}

.level1, .level2 { /* 4in x 8in / 1:2*/
	position:absolute;
	top:50px !important;
	width:300px;
	height:150px;
}
.level1 #row1 , .level2 #row1{
	margin-top:0px;
}


.level1 .chosen_insignias, .level2 .chosen_insignias {
	bottom:8px !important;
}

#tile_insignia_3 {
display:none;
}



.level3, .level4 { /* 8in x 8in / 2:2*/
	width:301px; /* safari puts the third input row at the top if the width is exactly 300 px. I think it's a bug */
	height:300px;
}
.level3 #row1, .level4 #row1 {
	margin-top:60px;
}

.level3 .row , .level4 .row, .level5 .row, .level6 .row   {
	margin-bottom:0.70em;
}



.level5 { /* 8in x 12in / 2:3*/
	width:450px;
	height:300px;
}
.level5 #row1 {
	margin-top:60px;
}
.level6 { /* 8in x 12in / 2:3*/
	width:450px;
	height:300px;
}
.level6 #row1 {
	margin-top:60px;
}



.level7 { /* 8in x 16in / 2:1*/
	width:600px;
	height:300px;
}
.level7 #row1 {
	margin-top:60px;
}

.level8 { /* 8in x 16in / 2:1*/
	width:600px;
	height:300px;
}
.level8 #row1 {
	margin-top:60px;
}


.level9, .level10 { /* 16in x 24in / 2:3 */
/*	width:524px; */ /*  */
/* 	width:393px; */ /* corp 03 */
/* 	height:350px; */ 
/*	height:262px; */ /* corp 03 */

	width:333px;
	height:222px;
	
	background-image:url(/sponsor_custom_tiles/corporate_04-trans.png);
	text-align:center;
}

.level9 input.row, .level10 input.row {
	font-size:14pt !important;
	font-family:serif;
	width:330px;
	display:none;
}



.level9 #row1, .level10 #row1 {
	margin-top:175px;
}

.level9 .empty_row, .level10 .empty_row {
	border:2px dashed #000 !important;
	opacity:0.45 !important;
	background:#fff !important;
}

.level9 .insignia_spot , .level10 .insignia_spot {
display:none;
}



#tile_description {
	padding-top:.5em;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
}

.name_information {
	display:none;
}


#tile_input_rows input {
	background:none;
	border:none;
}

#chars_per_line {
	margin-top:-1em;
	padding-top:-1em;
	position:relative;
}


.empty_row {
	border:2px dashed #000 !important;
	opacity:0.15;
	background:#fff !important;
}

.note_from_clayworks a {
	color:#fff;
}
.note_from_clayworks {
	color:#f6f699;
	font-family:sans-serif;
	font-size:10.5pt;
	position:absolute;
	top:600px;
	right:0px;
	z-index:100;
	width:700px;
	text-align:right;
}

#donor_info_div {
	position:relative;
}

#donor_info_div h3{
	margin-top:2em;
	margin-bottom:.5em;
	font-family:trebuchet,sans-serif;

}
#donor_info_div label {
	font-family:trebuchet,sans-serif;
}

#donor_info input {
	width:250px;
	font-family:trebuchet,sans-serif;

}

.please_reserve_my {
	display:inlie;
}

#submit_button {
	position:relative;
	top:70px;
}
#instructions {
	position:absolute;
	left:100px;
	top:0px;
	display:block;
	color:#black;
	font-style:italic;
	font-weight:bold;
	font-family:trebuchet,sans-serif;
}

#instructions ol {
	margin:0;
}

.insignia_preview {
	height:100px;
	
}

.insignia_chooser {
	width:600px;
	position:absolute;
	top:70px;
	left:370px;
}

.insignia_chooser_table {
	border:1px solid black;	
	width:100%;
}

.insignia_chooser img {
	display:inline;
	position:relative;
	height:50px;
	border:1px solid black;
	margin:1px;
}



.insignia_chooser:hover img {
	opacity:.65;
}
.insignia_chooser img:hover {
	opacity:1;
}

.chosen_insignias {
	display:block;
	position:absolute;
	padding:5px;
	width:100%;
	height:55px;
}




.insignia_spot {
	position:relative;
	display:block;
	float:left;
	text-align:center;
	width:auto;
	height:50px;
	margin-right:3px;
	margin-left:3px;
	border:3px solid #713d30;
}

.level1 .insignia_spot, .level2 .insignia_spot {
	border:none;
}
	
.delete_hint, .insignia_image {

	position:relative;
	display:block;
	height:50px;
}

.delete_hint {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
}

.show_delete_hint {
	visibility:visible;
	z-index:10;
}

.insignia_spot .delete_hint {
	visibility:hidden !important;
}

.insignia_spot:hover .delete_hint {
	visibility:visible !important;
}

.insignia_spot:hover .nothing {
	visibility:hidden !important;
}


.selected_insignia {
	border:3px solid yellow;
}

.nodisplay {
	display:none;
}

.hidden_insignia {
	display:none;
}

 a {
	color:white;
}

#donation_levels_pane {
	background-color:none;
	display:block;
	width:350px;
	color:black;
	top:70px;
	position:relative;
}

.insignia_spot {
/*	border:1px solid black; */
}

#certificate_designer {
	background-color:white;
	color:black;
	border:2px dashed #77AA77;
	padding:1em;
}

#design_certificate, #certificate_designer {
	position:relative;
	top:70px;

	width:300px;
	margin-top:1em;
	margin-bottom:1em;
}

#design_certificate {
	font-weight:bold;
	margin-top:1em;
	margin-bottom:1em;
	display:block;
	font-size:12px;
	color:#ffc;
}

.hidden {
	display:none !important;
}

.labelify {
	color:#888;
	
}


#cancel_certificate_button {
	text-align:right;
}


#design_certificate, #certificate_cancel {
	cursor: pointer;
	cursor: hand;
}

#certificate_cancel {
color:#880;
}