/**
 * Form Styles
 */
fieldset { border: none; }

/**
 * Login
 */
#content #Remember label { display: inline; }

/**
 * 
 */
#content .field { padding-bottom: 8px;}
#content label { display: block; font-size: 14px; color: #404F4B; float: none; line-height: 24px; padding-left:2px;}
	#content label.required { color: #f00; font-size: 12px;}
#content .Actions { padding-top: 8px; }

/* checkboxs */
#content .field.checkbox { overflow: hidden; margin-bottom: 8px; }
	#content .field.checkbox input { float: left; margin: 4px 4px 0 0; }
	#content .field.checkbox label { float: left; }
	
/* optionsets */
#content .field.optionset { overflow: hidden; }
	#content .field.optionset label { padding-bottom: 8px;}
	#content .field.optionset ul { margin: 0;}
		#content .field.optionset li { list-style: none; list-style-image: none; overflow: hidden; }
		#content .field.optionset li input { float: left; margin: 2px 4px 0 0; }
		#content .field.optionset li label { float: left; padding-bottom: 0; margin: 0; line-height: 18px;}
/* inputs */
#content input.text,
#content textarea,
#content select {
	font-family: "PT Sans", "Myriad Pro", "Lucida Grande", Verdana, sans-serif; 
	font-size: 12px;
	padding: 7px;
	width: 90%;
	line-height: 16px;
	background: #ceded9;
	background: -webkit-gradient(linear, left top, left bottom, from(#b8cfc8), to(#d0e0db));
	background: -moz-linear-gradient(top,  #b8cfc8,  #d0e0db); 
	border: 1px solid #fafbfb;

	box-shadow:inset 0 2px 3px #a3b5af;
	-moz-box-shadow:inset 0 2px 3px #a3b5af;
	-webkit-box-shadow:inset 0 2px 3px #a3b5af;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#content select { width: 95%;}

/** Button framework **/
.typography .action,
.typography .button {
	-webkit-border-radius: 20px;
	-moz-border-radius: 100%;
	-moz-box-shadow: 0 0 3px #7b8089;
	-webkit-box-shadow: 0 0 3px #7b8089;
	border-radius: 100%;
	text-shadow: 0 -1px #051021;
	padding: 5px 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 24px;
}
	.typography .action:hover,
	.typography .action:focus,
	.typography .button:hover,
	.typography .button:focus {
	 	text-decoration: none;
		cursor: pointer;
		outline: none;
	}
	
#content input.action,
.typography .action { 
	background: #2d3835;
	background: -webkit-gradient(linear, left top, left bottom, from(#45534f), to(#2d3835));
	background: -moz-linear-gradient(top,  #45534f,  #2d3835);
	border: 1px solid #2d3835;
}
	#content input.action:hover,
	.typography .action:hover {
		background: #2d3835;
		background: -webkit-gradient(linear, left top, left bottom, from(#61716c), to(#45534f));
		background: -moz-linear-gradient(top,  #61716c,  #45534f);

	}
	#content input.action:focus,
	.typography .action:focus {
		background: #2d3835;
	 	text-decoration: none;
	}

.typography button,
.typography .button {
	background: #188fc8;
	text-shadow: 0 -1px #006b95;
	background: -webkit-gradient(linear, left top, left bottom, from(#22a7e7), to(#0f77aa));
	background: -moz-linear-gradient(top,  #22a7e7,  #0f77aa);
}
	.button:hover,
	button:hover {
		background: #22a7e7;
		background: -webkit-gradient(linear, left top, left bottom, from(#22a7e7), to(#1699d8));
		background: -moz-linear-gradient(top,  #22a7e7,  #1699d8);
	}
	.button:focus,
	button:focus {
		background: #136d99;
		background: -webkit-gradient(linear, left top, left bottom, from(#136d99), to(#22a7e7));
		background: -moz-linear-gradient(top,  #136d99,  #22a7e7);
	}
	
.typography .button.gray {
	background: #88a79e;
	text-shadow: 0 -1px #556a65;
	background: -webkit-gradient(linear, left top, left bottom, from(#88a79e), to(#688079));
	background: -moz-linear-gradient(top,  #88a79e,  #688079);
	border: 1px solid #5e726c;
}
	.typography .button.gray:hover {
		background: #748e87;
		background: -webkit-gradient(linear, left top, left bottom, from(#a7c7be), to(#748e87));
		background: -moz-linear-gradient(top,  #a7c7be,  #748e87);
		border: 1px solid #5e726c;
	}
	.typography .button.gray:focus { 
		background: #6c8c83;
	}
	
#content .message { color: #f00; display: block; padding: 4px 0; }
	#content .message.good { color: #448b10; padding: 0 0 4px 0;}

/**
 * Subscribe Form
 */
#footer form { overflow: hidden; width: 256px;  background: url(../images/newsletter-input.png) no-repeat left 24px; position: relative;}
#footer label { font-size: 12px; color: #fff; line-height: 16px; font-weight: bold;}
#footer fieldset { overflow: hidden; height: 80px;}
#footer input.text { float: left; color: #B8CFC8; font-size: 11px; background: transparent; border: none; margin: 13px 0 0 10px; outline: none;}
#footer #Email { float: left; }
#footer input.action { 
	position: absolute;
	top: 24px;
	outline: none;
	display: block; 
	width: 76px; height: 0px; _height: 24px; *height: 24px;
	background: #1d4376 url(../images/newsletter-submit.png) no-repeat top left; 
	padding-top: 24px;
	right: 0;
	border: none;
}
	#footer input.action:hover { background-position: 0 -24px; cursor: pointer; }

#footer .message {
	position: absolute;
	color: red;
	clear: both; 
	top: 50px;
}