/* ~~~~~~~~~ common ~~~~~~~~~~ */

body, select, input, textarea {
	font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;
	color: #333;
}
small {
	font: 1.1em/1.6 tahoma, verdana, arial, helvetica, sans-serif;
	color: #666;
	padding-left: 8px;
}

body {
	 background: #ccc;
}
h1 {
	font-weight: normal;
	color: #558e28;
	font: 3.2em/1.4 georgia, 'times new roman', times, serif;
	margin: 0.2em 0 0;
	line-height: 1;
}
h2 {
	font-weight: normal;
	color: #558e28;
	font: 24px georgia, 'times new roman', times, serif;
	margin: 8px 7px;	
	text-align: left;
}

.assetgone {
	font-style: italic;
	font-size: 10px;
}


/* ~~~~~~~~~ HTML5  ~~~~~~~~~~ */

section p, section ul, section ol,
aside p, aside ul, aside ol {
	font-size: 1.4em;
	margin: 1em 0;
}
section ul {
	margin-left: 1em;
}
section ol {
	margin-left: 1.4em;
}

#header-message h1 {
	
	color: #558e28;
	
}

#header-message h2 {
	
	clear: both;
	
	float: right;
	
}


/* Forms */

.formcomponent {
	margin: 0 7px 0 7px;
	float:left;
}
.formcomponent.gap {
	margin-top: 2em;
}

input, textarea, select { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	color: #558e28;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
table select { 
	padding: 2px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	color: #558e28;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}
	
textarea.fullpage {
	width: 760px;
	max-width: 800px;
	height: 700px;
	line-height: 150%;
}


textarea.smalldescription {
	width: 300px;
	max-width: 300px;
	height: 200px;
	line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	float:right;
	width: auto;
	padding: 9px 15px;
	margin-top: 14px;
	background: #67b300;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	}
	
.submit input:hover {
	background: #777;
	}

.back-button, .save-button, delete-button {
	float:left;
	display: block;
	color: #fff;
	text-decoration: none;
	color:white;
	vertical-align:center;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
}

.back-button a, .save-button a, .delete-button a {
	background: #67b300;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color:white;
	vertical-align:center;
	font-size: 13px;
}

.save-button, .delete-button {
	float:right;
	margin-left: 10px;
}

.save-button a,.delete-button a {
	width:195px;
}
.save-button img, .delete-button img {
	margin: -3px 0 -3px 15px;
}

.adminlink {
	padding: 3px 5px;
	background: #67b300;
	border: 0;
	font-size: 11px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	margin: 0 0 0 3px ;
}

.onehun {
	width:32px;
	height:32px;
	background: url('../images/100-0.png');
}

.tf {
	width:32px;
	height:32px;
	background: url('../images/35-50-15.png');
}

.ff {
	width:32px;
	height:32px;
	background: url('../images/50-0.png');
}