﻿html
{
    background-color: #F5F5F5;
    font-family: Verdana, Helvetica, Sans-Serif;
}

body.wizard form
{
    margin: 20px auto;
	text-align:center;
	width: 600px;
}

p
{
	margin:2px 0px 10px 0px;
	padding:0;
}

div.wizard
{
	margin:0px auto 0px auto;
	text-align:left;
	font-size:11px;
	background-color:White;
	padding:5px 10px 5px 10px;
	background-image: url(/design/images/wizardpage_slice.gif);
	background-repeat: repeat-y;
}

h1
{
	background-color: #999966;
	margin: 0 0 .5em 0;
	padding: .7em .75em;
	color: White;
	font-size: 100%;
	line-height:0.1em;
}

div.wizardpagebegin,
div.wizardpageend
{
	width: 600px;
	background-repeat:no-repeat;
	font-size:1px;
	margin-left:auto;
	margin-right:auto;
}

div.wizardpagebegin
{
	background-image:url(/design/images/wizardpage_begin.gif);
	height:5px;
	clear:both;
}

div.wizardpageend
{
	background-image:url(/design/images/wizardpage_end.gif);
	height:5px;
}

div.wizard div.footer
{
    margin-left: 0px;
}

/* LOGIN FORM */

.loginform
{
    background-image: url(/content/images/login_illustration.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-left: -5px;
    -height: 1px;
    -overflow: visible;
    min-height:320px;
}

.loginform .section
{
    width: 270px;
    padding: 1em;
    float: left;
}

.loginform .seperated
{
    clear: left;
    border-right: 1px solid #CCCCCC;
}

.loginform .field
{
    background-color: #E5EFF9;
    margin: .5em 0;
    padding: .3em;
    font-size: 90%;
}

.loginform .field label
{
    
    width: 8em;
    
    text-align: right;
}



/* FORM ELEMENTS */

input.submit, p.submit input
{
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	float : right;
}

input.text, textarea, select
{
	font-family: Courier New;
	font-size: 12px;
}

input.back
{
    float: left;
}
