div.clear-all {
clear: both;
}
div.clear-left {
clear: left;
}
.container
{
	position:relative;
	width: 600px;
	margin-left: auto ;
  	margin-right: auto ;
}



.box
{	
	border:solid 3px #99CCFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	vertical-align: middle;
	text-align:center;
	margin-left: auto ;
  	margin-right: auto ;
	padding:4px;
	
}

.mid_box
{
	display: table-cell;
}

.small_box
{
	width:250px;
}
.single_box
{
	width:400px;
	margin-left: auto ;
  	margin-right: auto ;
}
.big_box
{
	width:440px;
	margin-left: auto ;
  	margin-right: auto ;
}
.really_big_box
{
	width:45em;
	margin-left: auto ;
  	margin-right: auto ;
}
.really_big_box2
{
	width:50em;
	margin-left: auto ;
  	margin-right: auto ;
}

.left
{
	float:left;
	/*float:middle;
	width:50%;*/
}

.right
{
	float:right;

	/*float:middle;
	width:50%;*/
}

h1
{
	text-align:center;
}

h2
{
	text-align:center;	
}



.field_input_error
{
	background-color:#F78181;
}

.status_message
{
	background-color:#F78181;
}
.field
{
	width: 300px;
	height: 45px;
	background-color:#DDEEFF;
	clear: both;
	margin-left: auto ;
  	margin-right: auto ;
	border-bottom: solid 2px #ffffff;
	vertical-align: middle;
}
.field_large
{
	width: 400px;
	padding-right:8px;
	background-color:#DDEEFF;
	clear: both;
	margin-left: auto ;
  	margin-right: auto ;
	border-bottom: solid 2px #ffffff;
	vertical-align: middle;
} 

.field_label
{

	width:168px;

	margin-top: 2px ;
  	margin-bottom: auto ;
	float: left;
	
}

label
{
	line-height:1.8em;
}

.field_label_small
{
	
	width:120px;
	margin-top: 4px ;
  	margin-bottom: auto ;
	vertical-align: middle;



}

.field_box
{
	width:162px;
	/*float: right;*/
	display: table-cell;	    
    
	padding:2px;

}
.field_box_big
{
	width:190px;
	float: right;
	margin:2px;
	margin-bottom:4px;
	padding:2px;
	
    display: table-cell;	    
}

.progress_bar
{
	width:0em;
	height:100%;
	display:block;
	float:left;	
	/*border: 1px solid black;
	background-color:#99CCFF;*/
	
}

.instruction_block
{
	border-width:.2em;
	border-color:#99CCFF;
	border-style:solid;
	-moz-border-radius: .7em;
	-webkit-border-radius: .7em;
	margin-bottom:.6em;
	padding:.3em;
	width:15em;
	height:100%;
	display:block;
	float:left;
	
}
.registration_block
{
	border-width:.2em;
	border-color:#99CCFF;
	border-style:solid;
	-moz-border-radius: .7em;
	-webkit-border-radius: .7em;
	margin-left:5px;
	margin-bottom:.6em;
	padding:.3em;
	float:left;
	height:100%;
	width:45em;
	display:block;
overflow: auto;
}

.registration_block2
{
	border-width:.2em;
	border-color:#99CCFF;
	border-style:solid;
	-moz-border-radius: .7em;
	-webkit-border-radius: .7em;
	margin-left:5px;
	margin-bottom:.6em;
	padding:.3em;
	float:left;
	width:55em;
	display:block;
}

.info_block
{
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	
}

div.edit_roster_button
{
	background-color:#85AAD4;
	border: 3px solid #444;
	-moz-border-radius: .7em;
	-webkit-border-radius: .7em;
	text-align:center;
	width:5.5em;
	padding:.2em;
	padding-top:.7em;
	padding-bottom:.7em;
	margin-bottom:2px;
	text-decoration: none;
	font-weight:bold;
	color:#fff;	
}

.fill_box
{
	text-decoration: none;
	font-weight:bold;
	color:#fff;	
	background-color:#85AAD4;

}

a.edit_roster_button
{
	text-decoration: none;
	
}
#help_box
{
	position:fixed;
	top:0px;
	right:5px;
	height:1.8em;
	width:4em;
	background:#85AAD4;

	text-align:center;
	vertical-align:middle;
	line-height:1.8em;
	-moz-border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	border-width:0px 4px 4px 4px;
	border-style: double;
	border-color: white; 
	text-decoration: none;
	font-weight:bold;
	color:#fff;
	
}

.help_footer
{
	position:fixed;
	bottom:0px;
	background:#85AAD4;
	height:18px;
	left:0px;
	width:100%;
	line-height:1.1em;
	font-size:100%;
	font-family: sans-serif;
	text-align:center;
	vertical-align:bottom;
	padding-top:4px;
	background-image:url('templates/grey-white-gradient.png');
	background-position:left top; 
}
.spacer
{
	height:22px;

}
.step_done
{
	background-color:#85AAD4;
}

.step_now
{
	background-color:#9CE990;	
}

.step_next
{
	background-color:#D5E1E0;
}
.wrapper
{
	min-width: 58px;
}

.footnote
{
	font-size: x-small;
}

.big_button
{
	height:3em;
	width:100%;
}

.instructions_popup
{
	
}



#instructions {
	position: absolute;
	width: 86%;
	margin-left:5%;
	margin-right:5%;
	opacity:0.90;
	filter:alpha(opacity=90);
	height: 90%;
	top: 20px;
	background-color: #eee;
	border: 1px solid #000;
	padding: 10px;
}

#meal_costs {
	position: absolute;
	width: 20%;
	margin-left:40% ;
  	margin-right: auto ;
	margin-top: 20%;
	opacity:0.90;
	filter:alpha(opacity=90);
	height: 30%;
	text-align:center;
	top: 20px;
	background-color: #99CCFF;
	border: 1px solid #000;
	padding: 10px;
}
#event_costs {
	position: absolute;
	margin-left: 25% ;
  	margin-right: auto ;
	margin-top: 10%;
	opacity:0.90;
	filter:alpha(opacity=90);
	text-align:center;
	top: 20px;
	background-color: #99CCFF;
	border: 1px solid #000;
	padding: 10px;
}
#totals_table th{
	background-color: #ddd;
	
}
#totals_table td{
text-align:center;	
}


#summary_table{
		border-spacing: 0px;
		border:1px;
		border-style: solid;
		border-color: blue;
}

#summary_table td, #summary_table th, #summary_table tr{
	border:0px;
	border-style: solid;
	border-color: blue;
	text-align:center;
	cell-spacing:0px;
	padding: 0px 5px; 
}

#summary_table .row0{
	background-color:#EEEEEE;
	border-bottom: 1pt solid #EEEEEE;
}
#summary_table .row1{
	background-color:#DDDDDD;
	border-bottom: 1pt solid #DDDDDD;
}


#summary_table .left-border{
	border-left-width: 1px;
}

#summary_table .right-border{
	border-right-width: 1px;
}
#summary_table .top-border{
	border-top-width: 1px;
}
#summary_table .bottom-border{
	border-bottom-width: 1px;
}



h3
{
	margin:0;
}
form
{
	
}
div.field_label2 {
	font-weight:bold;
	float:left; 
	margin-right:3px;
	width:80px;
}
.inlineblock_top
{

	display:inline-block;
vertical-align:top;
	zoom: 1;
    *display: inline;
}
.inlineblock_top_left
{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	zoom: 1;
    *display: inline;

}

.top
{
	vertical-align:top;
}

td.rb, th.rb{
	border-right: solid black 1px;
}
td.lb, th.lb{
	border-left: solid black 1px;
}
td.label, th.label{
	border-bottom: dashed black 1px;

}

td.ordered, th.ordered{
	background-color:#FFF;
		text-align:right;
			padding-left:4px;
	padding-right:4px;
	border-bottom: dashed black 1px;
}
td.present, th.present{
	background-color:#DDD;
	text-align:right;
	padding-left:4px;
	padding-right:4px;
	border-bottom: dashed black 1px;


}
td.registered, th.registered{
	background-color:#CCC;
		text-align:right;
		padding-left:4px;
	padding-right:4px;
	border-bottom: dashed black 1px;
}
th.middle{
	text-align:center;
}