/* --------------------------------------------------------------------------- general */
/* ----------------------------------------------------------------------------------- */

body {
	background: 		#8CC63F /*url('../images/template/bauble.jpg') no-repeat right bottom fixed*/;
	color:			#333333;
	font-family: 		arial,helvetica,sans-serif;
	font-size: 		0.9em;
	margin: 		0;
	padding: 		0;
}

p {
	margin:			0 0 10px 0;
	text-align:		justify;
}

a {
	border-bottom: 		1px solid #008A5E;
	color: 			#008A5E;
	padding-bottom: 	1px;
	text-decoration: 	none;
}

a:hover {
	border-bottom: 		1px solid #33CCCC;
	color: 			#33CCCC;
	padding-bottom: 	1px;
	text-decoration: 	none;
}

form {
	display:		inline;
}

button {
	background:		#008A5E;
	border:			1px solid #EEEEEE;
	border-right:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
	color:			#FFFFFF;
}

button:hover, #control a:hover {
	background:		#FFFFFF;
	border:			1px solid #669966;
	border-right:		1px solid #008A5E;
	border-bottom:		1px solid #008A5E;
	color:			#008A5E;
}

/* ---------------------------------------------------------------------------- layout */
/* ----------------------------------------------------------------------------------- */

#wrap {
	background: 		#FFFFFF;
	border-right: 		3px solid #99CC66;
	border-left: 		3px solid #99CC66;
	margin: 		auto;
	padding: 		20px 20px 10px 20px;
	width: 			821px;
	
}

#head {
	border-bottom: 		5px solid #009169;
	height: 		150px;
	margin:			0 0 10px 0;
}

#left_col {
	float:			left;
	width:			615px;
}

#right_col {
	float:			right;
	width:			206px;
}

/* ----------------------------------------------------------------------------- guide */
/* ----------------------------------------------------------------------------------- */

#head #col {
	float: 			left;
	text-align: 		justify;
	padding:		20px 0 0 0;
	width: 			350px;
}

#head p {
	font-size: 		1.2em;
	line-height: 		1.2em;
	float: 			left;
	margin: 		0 0 0 5px;
	padding: 		0;
}

#head a, #head img  {
	border: 		0;
}

#rc {

	float: 			right;
}

#cn {
	float: 			right;
	margin: 		0 0 0 20px;
}

/* ----------------------------------------------------------------------------- guide */
/* ----------------------------------------------------------------------------------- */

#guide {
	background: 		#FFFFFF;
	border: 		1px solid #CCCCCC;
	height: 		92px;
	margin: 		0 0 10px 0;
	padding: 		0;
;
}

#guide li {
	background: 		#99CC99;
	border: 		0;
	color: 			#333333;
	display:		block;
	float:			left;
	font-size: 		1.1em;
	list-style: 		none;
	height: 		80px;
	margin: 		1px;
	padding: 		5px;
	text-align: 		left;
	width:			261px;
}

#guide li strong {
	color:			#FFFFFF;
	display:		block;
}

/* -------------------------------------------------------------------------- left_col */
/* ----------------------------------------------------------------------------------- */

#preview {
	border: 		1px solid #AAAAAA;
	padding: 		1px;
	width:			600px;
}

#control {
	background:		#99CC99;
	border: 		1px solid #AAAAAA;
	border-top:		0;
	margin:			0 0 10px 0;
	padding:		5px;
	text-align:		right;
	width:			592px;
}

#control a {
	background:		#008A5E;
	border:			1px solid #EEEEEE;
	border-right:		1px solid #CCCCCC;
	border-bottom:		1px solid #CCCCCC;
	color:			#FFFFFF;
	padding:		1px 8px;
}

#control .send {
	float:		left;
}

#left_col input {
	border:			1px solid #AAAAAA;
	margin:			1px;
	width:			160px;
}

#left_col p {
	clear:			left;
	margin-right:		11px;
	padding:		10px 0 0 0;
}

#left_col p input {
	width:			15px;
}

#details, #message {
	background:		#99CC99;
	border: 		1px solid #AAAAAA;
	color:			#008A5E;
	float:			left;
	font-weight:		bold;
	margin:			0 11px 0 0;
	padding:		0px;
	width:			294px;
}

#left_col p.recieve {
	margin:			10px 0 0 0;
	padding:		5px;
}

/* ------------------------------------------------------------------------- right_col */
/* ----------------------------------------------------------------------------------- */

#right_col ul {
	list-style:		none;
	margin:			0;
	padding:		0;
}

#right_col li {
	background:		#99CC99;
	border: 		1px solid #AAAAAA;
	margin:			0 0 10px 0;
	padding:		1px;
	width:			202px;
}

#right_col li img {
	background:		#FFFFFF;
	border-bottom: 		1px solid #AAAAAA;
	padding:		1px;
	width:			200px;
}

#right_col li img {

}

/* ------------------------------------------------------------------------------ foot */
/* ----------------------------------------------------------------------------------- */

#foot {
	background: 		#FFFFFF;
	border: 		1px solid #AAAAAA;
	clear:			both;
	margin: 		10px 0;
	padding: 		1px;
	height: 		105px;
}

#foot li {
	background: 		#99CC99;
	border: 		0;
	display: 		inline;
	list-style: 		none;
	float: 			left;
	
	margin: 		1px;
	text-align: 		center;
	width: 			161px;
}

#foot a {
	border: 		0;
	display:		block;
	font-weight:		bold;
	font-size:		0.9em;
	height:			30px;
	padding: 		10px 0 10px 0;
	
}

#foot a:hover {
	color: 			#FFFFFF;
}