/* Layout */
div#page { margin:auto; width:800px; height:710px; }

header#header { position:relative; height:90px; }
section#logo { position:absolute; bottom:0; left:0; }
section#help { position:absolute; bottom:0; right:0; }

div#body { background:#fff; }
div#content { }
div#allFields { float:right; text-align:right; margin: 15px 0 0 0; }

section.progressBar { margin:auto; padding:0 0 14px 0; width:244px; }
section.spinContent { background:#d8e3c1; margin:0; padding:10px 45px 0 45px; border:1px solid #999; -moz-box-shadow: 3px 3px 3px #a7a7a7; -webkit-box-shadow: 3px 3px 3px #a7a7a7; box-shadow: 3px 3px 3px #a7a7a7; height:550px; }

.containUnderH1 { margin:0 0 0 25px; }
.splitLeft { float:left; width:360px; }
.splitRight { float:right; width:250px; margin:-21px 0 0 0; text-align:center;  }

footer#footer { width:100%; margin:0; padding:55px 0 0 0; text-align:center; }

.clearfix { clear:both; }

.previewTitle { font-weight:bold; color:#069; margin:0 0 5px -4px; }
.previewImageSmall { width:250px; height:273px; margin-left:-4px; padding:27px 0 27px 0;    border:2px solid #0a6496; background:#eaf6ff; -moz-box-shadow: 3px 3px 3px #616657; -webkit-box-shadow: 3px 3px 3px #616657; box-shadow: 3px 3px 3px #616657; }
.previewImageSmallDesg { width:250px; height:242px; margin-left:-4px; padding:45px 0 40px 0;    border:2px solid #0a6496; background:#eaf6ff; -moz-box-shadow: 3px 3px 3px #616657; -webkit-box-shadow: 3px 3px 3px #616657; box-shadow: 3px 3px 3px #616657; }
.previewImageLarge { width:250px; height:327px; margin-left:-4px; border:2px solid #0a6496; background:#eaf6ff; -moz-box-shadow: 3px 3px 3px #616657; -webkit-box-shadow: 3px 3px 3px #616657; box-shadow: 3px 3px 3px #616657; }
.previewImageLargeDesg { width:250px; height:292px; margin-left:-4px; padding:20px 0 15px 0; border:2px solid #0a6496; background:#eaf6ff; -moz-box-shadow: 3px 3px 3px #616657; -webkit-box-shadow: 3px 3px 3px #616657; box-shadow: 3px 3px 3px #616657; }





img { border:0; }
body { color:#000; font-family:arial; line-height:1.3em; background:#fff;}
.hrRule { height:2px; border-top:1px solid #b9b9b9; margin-bottom:15px; }
.border { border:1px solid #999; }
.cellAlignRight { text-align:right; padding:3px 0 0 0; }
.cellInputRight { width:236px; padding:0 0 6px 0; }
.cellSpace { width:8px; }
.number { width:27px; float:left; padding:0 20px 0 0; }
.numberContent { float:left; margin-bottom:35px; }
.tableLeft { float:left; padding:0 0 0 46px; width:475px; }

/* Text */
h1 { color:#069; font-size:1.5em; }
.error { color:red; font-size:.9em; }
.errorRight { color:red; font-size:.9em; padding:5px 0 0 0; }
.errorTop { vertical-align:bottom; }
.errorBottom { vertical-align:top; }


.medium { font-size:.85em; line-height:1.3em; }
.small { font-size:.8em; }


/* Form */
.inputLable { text-align:right; font-size:.9em; }
.inputCellContain { width:200px; }
.inputTextField { width:220px; }
.inputTextFieldLong { width:300px; }
.inputTextFieldRounded { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  -webkit-box-shadow: 0 8px 6px -6px #666; -moz-box-shadow: 0 8px 6px -6px #666; box-shadow: 0 8px 6px -6px #ccc; border:1px solid #999; color:black; padding:2px;height:18px; }

.submitButton { background:#0a6496 url(../images/bg-submit-button.gif) repeat-x; border:1px solid #25567c; color:#fff; margin:0; padding:4px 20px 4px 20px; font-weight:bold; font-size:13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration:none; }
.getDAFButton { background:#0a6496 url(../images/bg-submit-button.gif) repeat-x; border:1px solid #25567c; color:#fff; margin:0; padding:20px 20px 20px 20px; font-weight:bold; font-size:13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration:none; }
.LinkOrwidgetButton { background:#0a6496 url(../images/bg-submit-button.gif) repeat-x; border:1px solid #25567c; color:#fff; margin:0; padding:24px 120px 24px 120px; font-weight:bold; font-size:35px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration:none;width:350px }
.GetCodeButton { background:#0a6496 url(../images/bg-submit-button.gif) repeat-x; border:1px solid #25567c; color:#fff; margin:0; padding:4px 10px 4px 10px; font-weight:bold; font-size:13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration:none; }
.alignSumbit { float:right;  }
.backButton{ padding:4px 20px 4px 20px; color:#069; }

/* Links */
a:link, a:visited, a:active { color:#2b7fa1; text-decoration:none; }
a:hover { text-decoration:underline; }

ul li {
    /*
     * We want the bullets outside of the list,
     * so the text is aligned. Now the actual bullet
     * is outside of the list’s container
     */
    list-style-position: outside;

    /*
     * Because the bullet is outside of the list’s
     * container, indent the list entirely
     */
}
--------------------------------------------------------------------------------