@import "/css/reset.css";

/*
 * ------------- Global Tags ----------------
 */
body
{
	margin: 0 auto;
	/*background-color: #0585B5;*/
	color: #333;
	font-family: arial, helvetica, sans;
	background: -moz-linear-gradient(#5CCFE5, #0585B5); /* FF 3.6+ */  
    background: -ms-linear-gradient(#5CCFE5, #0585B5); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5CCFE5), color-stop(30%, #0585B5)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#5CCFE5, #0585B5); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#5CCFE5, #0585B5); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CCFE5', endColorstr='#0585B5'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5CCFE5', endColorstr='#0585B5')"; /* IE8+ */  
    background: linear-gradient(#5CCFE5, #0585B5); /* the standard */  
}


#content
{
	min-height: 400px;
	padding: 0.5em 1em 3px 1em;
}

/* -------------- Form specific styles -----------------*/
button, a.button
{
	display:block;
	margin: 1em 0;
	padding: 8px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	background: #38424A;
	border: 2px solid #38424A;
	border-radius: 10px;
	width:100%;
	-moz-border-radius: 10px;
}

.form-container, .information
{
	overflow: hidden;
	background: #fff;
	border: 2px solid #ccc5bd;
	border-radius: 10px;
	-moz-border-radius:10px;
	padding: 1em 2em;
}

.form-container input[type="checkbox"]
{
	width: 94px;
	height: 27px;
	background: url('/images/checkbox.png');
	float: right;
	margin: 11px;
}

/* disabled settings for checkbox and radiobutton */
.form-container input[type="radio"]:disabled
{
	opacity: .3;
}

.form-container input[type="checkbox"]:checked
{
	background-position: 0 27px;
}