body{
    font-size:62.5%;
    font-family:Verdana,sans-serif;
    margin:0;
    padding:0;
    text-align:center;
    background: #ecf4f9 ;
}
div#branding{
    color:#6a6968;
    background:#ecebe7 url(/templates/standard-forms/gradiant.png) repeat-x;
    font-size:1.5em; /* 15px */
    font-weight:bold;
    line-height:34px;
    border-bottom:1px solid #6a6968;
}
div#wrapper{
    margin:1em auto 1em auto;
    padding:0;
    width:800px;
    background: #f8f9fb url(/templates/standard-forms/watermark.png) no-repeat top right;
    border-top:5px solid #166494; 
    border-bottom:5px solid #166494; 
    border-left:1px solid #6A6968;
    border-right:1px solid #6A6968;
    min-height:400px;
    position:relative;
}
div#page{
   text-align:left;
   padding:1em 1em 4em 1em;
   font-size:1.4em; /* 12px */
}
div#footer{
	color:gray;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
    background:#ecebe7 url(/templates/standard-forms/gradiant.png) repeat-x;
    border-top:1px solid #6a6968;
}
h1{font-size:1.5em;text-align:center;}      /* 12px x 1.75em = 21px */
h2{font-size:1.25em;text-align:center;}       /* 12px x 1.5em = 18px */
h3{font-size:1.1em;}      /* 12px x 1.25em = 15px */
h4,h5,h6{font-size:1.0em;} /* 12px x 1.0em =12px */
h5{color:gray;}
h6{color:gray;font-style:italic;}
div.note{
    background: #ebfff8 url('note.gif') 10px 10px no-repeat;
    padding:10px 55px;
    border: 2px solid #74cebe;
    color:#6f6f6f;
    margin:1em 0;
    min-height:60px;
}
div.note.error{
    background: #ffedeb url('error.gif') 10px 10px no-repeat;
    border: 2px solid #c35658;
    color:#b62529;
}
div.note.success{
    background: #ebffeb url('success.gif') 10px 10px no-repeat;
    border: 2px solid #94c356;
    color:#499358;
}
div.note p,
div.note ul,
div.note h2{
    margin:0 0 1em 0;
    padding:0;
}
div.note li{
    margin-left:3em;
}
div.note h1,
div.note h2{text-align:left;font-size:1.5em;}

.form-wrapper{
	width:700px;
	margin-left:25px;
	border-collapse:collapse;
}
.form-wrapper td,
.form-wrapper th{
	vertical-align:top;
}
.form-wrapper td{
	padding-bottom:0.25em;
	padding-top:0.25em;
}
.form-wrapper td + td{
	width:175px
}
.form-wrapper th{
	text-align:right;
	width:233px;
	padding-top:0.25em;
	padding-bottom:0.25em;
	padding-right:0.5em;
}
.form-wrapper input.checkbox{
}
.form-wrapper input.radio{
}
.form-wrapper input.text{
}
.form-wrapper select{
}
.form-wrapper textarea{
}
.form-wrapper input.text,
.form-wrapper select,
.form-wrapper textarea{
	width:250px;
}
.form-wrapper input.button{
}
.form-wrapper input.submit{
}
.form-wrapper pre{
	border:1px solid gray;
	height:400px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:10px;
}
.error{
    color:#b62529;
}
.form-wrapper .required{
	color:red;
}
.form-wrapper .help{
	color:gray;
}

table.horizontal{
    width:100%;
    border-collapse:collapse;
}
table.horizontal th{
    background:#ecebe7 url(/templates/standard-forms/gradiant.png) repeat-x;
    color:#6a6968;
    font-weight:bold;
    text-align:center;
}
table.horizontal th,table.horizontal td{
    padding:10px;    
    font-size:0.9em;
}
table.horizontal,table.horizontal th,table.horizontal td{
    border:1px solid #6a6968;
}