/** PROGRESS BAR **/

.progress {
    padding-bottom: 2em;
}

.progress_bar {
    width: 300px;
    height: 10px;
    line-height: 9px;
    border: 1px solid #CCC;
}

.progress_bar div {
    height: 10px;
    background: #CCC;
    line-height: 0;
}

/** NAVIGATION **/

ul.gcheck_nav {
    clear: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #CCC;
}

ul.gcheck_nav li {
    float: left;
    margin: 0;
    padding: 0;
}

ul.gcheck_nav li a,
ul.gcheck_nav li span {
    float: left;
    display: block;
    margin: 0.2em 0.2em 0.2em 0;
    padding: 0.2em 1em;
    text-align: center;
    text-decoration: none;
    border: 0;
}

ul.gcheck_nav li span {
    font-weight: bold;
    color: #FFF;
    background: #888;
}

ul.gcheck_nav li.completed a {
    color: #0A0;
}

/** FORM **/

form.questions {
    clear: left;
    padding: 5em 0;
}

form.questions fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

form.questions legend {
    padding-bottom: 1em;
    font-size: 16px;
}

form.questions label > span {
    clear: left;
    letter-spacing: 1px;
}

form.questions div {
    height: auto !important;
    height: 60px;
    min-height: 60px;
    margin: 5px 0;
    padding: 10px 10px 10px 70px;
    border: 1px solid #CCC;
    border-width: 1px 0;
    background: url(../images/gruendercheck_visited.gif) no-repeat 4px center;
}

form.visited div.completed,
form div.completed {
    background: url(../images/gruendercheck_completed.gif) no-repeat 4px center #EFE;
}

/** CONTACT **/


form.contact fieldset {
    padding: 1em 2em;
    border: 1px solid #CCC;
    background: #EEE;
}

form.contact legend {
    padding: 0 1em;
}

form.contact label {
    display: block;
    padding-bottom: 0.2em;
}

form.contact label > span {
    float: left;
    display: block;
    width: 150px;
}