html {height:100%; border:0px}
body {height:100%; border:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:medium; background-color:#ffffff; color:#606060; cursor:default;}

/* content */
div#page-container {width:829px; margin:0px auto; font-size:80%;}

/* page header */
div#page-header {margin-top:20px;}
div#page-header div#banner {height:83px; background-image:url(../images/portal/header/header-banner.jpg); background-repeat: no-repeat;}
div#page-header div#banner h1 {color:#ffffff; margin:0px; font:22px/28px Arial, Helvetica, sans-serif;}
div#page-header div#step-img {margin-top:5px;}

/* page footer */
div#page-footer {margin-top:10px; font-size:90%}
div#page-footer-two-column {text-align:center; margin-top:10px; font-size:90%
	clear: both; width: 829px; border-top:1px solid #cccccc; padding: 4px 0 10px 0px;	margin:10px 0px 0px 8px; }

div#page-footer div.social {margin-top:10px; padding-top:5px; padding-bottom:20px; border-top:solid 1px #cccccc; font-size:95%;}
div#page-footer div.social span.socialLink {margin-left:25px;}
div#page-footer div.social span.socialLink img {margin-right:6px; }


/* page body and main body sections */
div#page-body {margin-top:15px;}

div#page-body fieldset {border:solid 1px #cccccc}
div#page-body fieldset legend {color:#606060; font-size:155%; font-weight:bold; padding:2px 6px; margin-left:15px; vertical-align:middle;}
div#page-body fieldset legend span.step-num {font-size:175%; font-weight:bold; color:#cc6633; margin-right:10px; vertical-align:middle}

div#page-body div.body-content {padding:10px 20px}

/* dual column */
div#page-body div.left-column {float:left; width: 460px; }
div#page-body div.left-column fieldset {border-right-width:0px; border-bottom-width:0px}

div#page-body div.right-column {float:right; width:350px; padding-top:20px}
div#page-body div.right-column div#step-photo {text-align:right;}

/* form elements */
form {height:100%; margin:0px;}
textarea {}
select {}

/* form layout */
table.user-form {}
table.user-form th {text-align:left; font-weight:normal;}

table.login-form {}
table.login-form th {text-align:right;}

/* text */
div.instruction {margin-top:10px;}
div.msgError {padding:0.5em; border:solid 1px #cccccc; color:#dd0000; margin-bottom:1em;}
h2.green-subtitle {color:#339966; font-size:125%}
.validation-text {margin-left:5px}

/* links */
a: {}
a:link {color:#336699; text-decoration:none;}
a:hover {color:#336699; text-decoration:underline !important;}
a:active {color:#336699; text-decoration:none;}
a:visited {color:#336699; text-decoration:none;}

/* lists */
ul li {list-style-image:url(../images/bullet/GreenSquare.gif);}

/* data grids */
table.info-grid {}
table.info-grid th {text-align:right; padding:4px 8px; vertical-align:top; background-color:#dfdfdf; border-bottom:solid 1px #ffffff; white-space:nowrap; width:1%}
table.info-grid td {padding:4px 8px;}

/* progress animation */
div.progAnim {position:absolute; top:50%; left:50%;}
div.progAnimInner {position:relative; top:-50%; left:-50%; padding:25px; border:solid 1px #cccccc; background-color:#ffffff;}

/* modal popup */
div.modal-container {padding:0px; width:550px; background-color:#ffffff; border:solid 1px #666666; overflow:auto;}
div.modal-header {background-color:#dddddd; padding:5px 8px; font-weight:bold; font-size:95%; border-bottom:solid 1px #999999;}
div.modal-header img {vertical-align:middle; margin-right:8px}
div.modal-content {padding:0px 10px 10px 10px; font-size:95%; border-top:solid 1px #cccccc}
div.modal-content div.modal-confirm-buttons {text-align:center;}
div.modal-content div.modal-confirm-buttons input {font-size:95%; padding-right:10px; padding-left:10px; margin:0px 5px}

.modalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7}

/* misc */
div.clear-float {height:0px; clear:both; overflow:hidden}