/* @import url("../images/reset.css"); */

html, body {
	background: #ecf5ff;
	margin: 40px;
	font-family: Lucida Grande, Verdana, Sans-serif;
	font-size: 12px;
	color: #000;
}

a {
	color: #004FD2;
	outline: none;
	text-decoration: none; }

	a:hover {
		text-decoration: underline; }

div#container {
	background: #f3f3f3;
	border: 1px solid #a7a7a7;
	margin: 15px auto 0 auto;
	width: 900px; }

div#page {
	background: #ffffff;
	margin: 10px;
	padding: 15px 20px 10px 20px; }

div#header {
	background: url('../images/logo.png') no-repeat;
	border-bottom: 1px solid #7db0e3;
	height: 48px;
	padding: 0 10px 10px 50px; }

	div#header h1 {
		color: #c80000;
		font-size: 16px;
		padding-top: 6px; }

	div#header p {
		color: #222222;
		font-size: 11px; }

div#sidebar {
	float: left;
	padding: 20px 0 0 0;
	width: 230px; }

	div#sidebar div.progress {
		padding-right: 20px;

		}

		div#sidebar div.progress ul { 
			border-right: 1px solid #7db0e3; }

			div#sidebar div.progress ul li {
				line-height: 24px;
				list-style: none;
				padding-left: 20px; }

				div#sidebar div.progress ul li.completed {
					background: url('../images/step-completed.png') no-repeat 0 4px; }

				div#sidebar div.progress ul li.current {
					background: url('../images/step-cur.png') no-repeat 0 4px; }

				div#sidebar div.progress ul li.next {
					background: url('../images/step-nex.png') no-repeat 0 4px; }

div#content {
	background: #ffffff;
	float: left;
	
	width: 600px; }

	div#content div.progress {
		font-weight: bold;
		padding-bottom: 10px; }

	div#content div.sections {
		padding-bottom: 10px; }

		div#content div.sections h2 {
			font-weight: bold;
			padding-bottom: 10px; }

div#footer {
	color: #2060a0;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	width: 800px; }

	div#footer a {
		color: #2060a0; }

div.grid {
	border-bottom: 1px solid #eeeeee;
	clear: both;
	margin-bottom: 10px; }

	div.grid div.even {
		border-top: 1px solid #eeeeee; }

	div.grid div.odd {
		background: #fffff4;
		border-top: 1px solid #eeeeee; }

	div.grid div.first { }

		div.grid label {
			display: block;
			float: left;
			line-height: 24px;
			width: 160px; }

			div.widegrid label {
				width: 160px; }

		div.grid div.value {
			line-height: 24px;
			margin-left: 160px; }

				div.widegrid div.value {
					margin-left: 160px; }

			div.grid div.value span.pass {
				color: #008000; }

			div.grid div.value span.fail {
				color: #C80000; }

div.row {
	clear: both;
	padding-bottom: 6px; }

	div.row label {
		display: block;
		float: left;
		line-height: 24px;
		width: 160px; }

		div.row label.error {
			color: #c80000; }

	div.row div.field {
		margin-left: 160px; }

	div.row div.field ul.items { }

		div.row div.field ul.items li { }

			div.row div.field ul.items li label {
				float: none;
				line-height: 18px;
				width: auto; }


input.text {
	border: 1px solid #999999;
	padding: 4px;
	width: 250px; }

	input.xsmall {
		width: 70px; }

	input.small {
		width: 120px; }

	input.medium {
		width: 250px; }

	input.large {
		width: 360px; }

	input.xlarge {
		width: 470px; }

textarea.textarea {
	border: 1px solid #999999;
	height: 100px;
	padding: 4px;
	width: 400px; }

	textarea.xsmall {
		height: 40px;
		width: 120px; }

	textarea.small {
		height: 60px;
		width: 180px; }

	textarea.medium {
		height: 80px;
		width: 250px; }

	textarea.large {
		height: 100px;
		width: 360px; }

	textarea.xlarge {
		height: 120px;
		width: 470px; }

select.select {
	border: 1px solid #999999;
	margin: 0;
	padding: 1px; }

input.button {
	padding: 3px 6px; }

div.clear {
	clear: both; }

#steps{
	width:240px;
	display:block;
	float:left;
	padding:3px;
	margin-right:5px;
}


/* Steps links */
ul.steps li a{
	display:block;
	text-decoration:none;
	border:1px solid #FFFFFF;
	padding:4px 0 4px 2px;
}
ul.steps li.wait a{
	color:#5D5D5D;
	font-style:italic;
}
ul.steps li a:hover{	
	border:1px solid #757575;
	background-color:#FFFDCC;
	color:#000000;
}

/* Text and headings */
h1 /* Main title */ {
    padding: 6px 0 5px 0px; 
    margin: 0px;        
    border-bottom:1px solid #AEAEAE;
    font-size:18px;
    color: #3C3C3C;
}
h2  /* Page subtitles */ {
    padding: 10px 0 4px 0px;     
	margin-top:22px;        
    border-bottom:1px dashed #CECECE;
    font-size:15px;
    color: #3C3C3C;
}
h3 /* Form labels */ { 
    padding: 7px 0 0 0; 
    margin: 0px;        
    font-size:13px;
    color: #3C3C3C;
}
span.emphazis /* Emphazise */ {
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	border:1px dashed #CECECE;
	background-color:#CADBBB;
}