body{
	background: #1F3308;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}

.container{
	background-image: url('/images/container_bg.png');
	background-repeat: repeat-y;
	background-position: top center ;
}

#header{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 5px solid #5c0602;
	width: 500px;
}

	#header h1{
		font-family: "Droid Serif",Helvetica, 'Helvetica Neue', Arial, sans-serif;
		margin-top: 10px;
		text-shadow: 2px 2px 2px #aaa;
		letter-spacing: 0.045em;
		color: #1F3308;
	}
	
	#header h4{
		font-family: "Droid Serif", Helvetica, 'Helvetica Neue', Arial, sans-serif;
		text-transform: uppercase;
		font-size: 8pt;
		font-weight: normal;
		margin-top: -10px;
		letter-spacing: 0.108em;
		color: #1F3308;
	}


.dateformatter{
}


#strform{
	font-size: 12pt;
}

	#strform input{
		font-size: 12pt;
		padding: 8px;
	}

.label{
	text-transform: uppercase;
	font-family:  Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 8pt;

}


.tab_content{
	font-size: 12pt;
}

	.tab_content label{
		font-weight: normal;
	}

.ui-tabs .ui-tabs-nav li a {
	font-family:  Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.065em;
}

#formatted_date{
	padding: 15px;
	width: 436px;
	font-family:  Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 18pt;
}
	
#ruby_doc_link{
	padding-top: 10px;
}

#footer{
	text-align: center;
	margin: 10px auto 20px auto;
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 5px solid #5c0602;
	border-bottom: 5px solid #5c0602;
	width: 500px;
	font-family:  'Droid Serif', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;

}

.drop_box{
	border: 1px #333 dashed;
	text-align: center;
	background: #ccc;
}

.draggable_format{
	border: 1px #333 solid;
	background: #6B2824;
	color: #fff;
	padding: 6px;
	float: left;
	margin: 5px;
	cursor: move;
	-moz-border-radius: 2px;
	border-radius: 4px;
	font-size: 16pt;
	list-style-type: none;	
}