@CHARSET "UTF-8";

form
{
	margin: 0;
	padding: 0;
}

/* backend fieldset */
#content fieldset
{
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #f1f1f1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-spacing: 0;
	background: #f9f9f9;
}
label
{
	display: block;
	margin: 0 0 6px 0;
	font-size: 13px;
}
label span
{
	display: block;
	margin: 0 0 1px 0;
	color: #999;
}

/* frontend fieldset */
#middle #content fieldset
{
	display: table;
	margin: 0;
	padding: 0;
	width: 540px;
	background: none;
	border: 0;
}
#middle #content label
{
	display: block;
	margin: 0 0 6px 0;
	height: 50px;
	font-size: 13px;
}
#middle #content label.full
{
	clear: both;
	height: 100%;
}
#middle #content label.half
{
	float: left;
	width: 270px;
}
#middle #content label span
{
	display: block;
	margin: 0 0 1px 0;
	color: #999;
}
#middle #content label a.checkbox
{
	color: #E21E20;
}
#middle #content label input[type="text"],
#middle #content label textarea
{
	width: 515px;
}
#middle #content label.half input[type="text"]
{
	width: 245px;
}

fieldset legend
{
	color: #666;
	font-size: 14px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

fieldset.login
{
	position: absolute;
	margin-top: -111px;
	margin-left: -178px;
	padding: 10px 20px;
	width: 312px;
	height: 200px;
	left: 50%;
	top: 50%;
	
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 2%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(2%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 2%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 2%,#f1f1f1 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 2%,#f1f1f1 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #ffffff 2%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
}
fieldset.login h2
{
	color: #fcfcfc;
	font-style: italic;
	text-shadow: #999 1px 1px 2px;
	border-bottom: 2px solid #fff;
}
fieldset.login h3
{
	color: #999;
	font-weight: normal;
	text-shadow: #ccc 1px 1px 2px;
}
fieldset.login input[type="text"]
{
	width: 280px;
	padding-left: 25px;
	background: #fff url(../images/icons/user.png) 4px center no-repeat;
}
fieldset.login input[type="password"]
{
	width: 280px;
	padding-left: 25px;
	background: #fff url(../images/icons/key.png) 4px center no-repeat;
}


input[type="text"],
input[type="password"],
textarea,
select
{
	padding: 5px;
	width: 300px;
	font-family: 13px Calibri, 'Lucida Grande', Arial, Sans-Serif;
	color: #666;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;

}
input[readonly="readonly"]
{
	padding: 0;
	font-size: 13px;
	color: #999;
	border: 0;
}
input[readonly="readonly"]:focus
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

textarea
{
	width: 400px;
}

.green
{
	display: inline-block;
	margin-right: 10px;
	padding: 0px 6px;
	height: 24px;
	line-height: 24px;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	background: url(../images/green.gif);
	border: 1px solid #3b6e22;
}

button.green
{
	padding: 0 20px;
	height: 27px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/button-bg-green.jpg);
	border: 0;
}


.spacer
{
	margin-left: 106px; 
	margin-bottom: 10px;
	font-size: 11px;
	color: #555;
}