td, th { border: none; padding: 0.3em; }
h1 { margin: 0; border: none; color: black; font-weight: bold; font-size: 123.1%; }
.enrolmentProgress, .enrolmentProgress ul, .enrolmentProgress li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.enrolmentProgress
{
    display: block;
    /*background: red;*/
    
}
.enrolmentProgress li
{
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    background: #ccc url(../images/design/course/enrolstep_gray_gray.gif) no-repeat center left;
    padding-left: 35px;
    border: solid 1px black;
    border-width: 1px 0;
}

.enrolmentProgress li.done { background-color: #8ECC8E; background-image: url(../images/design/course/enrolstep_green_green.gif); padding-left: 30px;}
.enrolmentProgress li.next { background-image: url(../images/design/course/enrolstep_yellow_gray.gif); }
.enrolmentProgress li.last { border-right-width: 1px; padding-right: 10px;}
.enrolmentProgress li.current { background-image: url(../images/design/course/enrolstep_green_yellow.gif); background-color: #F2F192; }
.enrolmentProgress li a
{
    display: block;
    text-decoration: none;
    color: black;
     padding-left: 20px; 
     cursor: default;
}
.enrolmentProgress li.done a { color: #4E704E; background: transparent url(../images/design/course/tick.gif) no-repeat center left;}
.enrolmentProgress li.current a { color: #E59100; }
.enrolmentProgress li.first { background-image: none; border-left-width: 1px; padding-left: 10px;}

#TopMenu div {padding: 0.8em;}

table.enrolSummary input, table.paymentPlans input { position: relative; top: 3px; } /* move radio buttons down slightly */

.enrolSummary { margin-top: 1em; }
.enrolSummary h1 { margin-top: 0; }

.enrolSummary tr.done th, .enrolSummary tr.done td { color: #929292; }
.enrolSummary td.change { font-size: 86%; }
.enrolSummary td.change a:visited { color: blue; }

.paymentPlans
{
    margin-top: 1em;
}

.paymentPlans .note 
{
    font-size: 86%;
}

.paymentPlans th
{
    text-align: left;
    font-weight: bold;    
}

.paymentPlans .radioCell, .enrolSummary th
{
    vertical-align: top;
    width: 14em;
    text-align: left;
}
.paymentPlans .radioCell { width: 7em; padding-left: 7em;} /*overidden for IE6 by conditional comment */


.paymentPlans .paymentType
{
    width: 5em;
}
.paymentPlans .amount
{
    width: 5em;
    text-align: right;
    padding-right: 0.5em;
}
.paymentPlans .amount.now
{
    font-size: 123.1%;
    padding-right: 0.40617em; /* = 0.5 * (1/123.1%) */
    color: #0C8300;
    font-weight: bold;
}
.paymentPlans .total
{
    border-top: solid 1px black;
}
.paymentButton
{
    padding: 0.8em 2em;
    margin-top: 1em;
}