/* Start of CMSMS style sheet 'Alternative' */
/* Alternative Layout */

.banner {
background-image: none;
height: 16em;
position: relative;
}

/* Process Diagram */

.process {
float: left;
list-style: none;
margin: 0;
padding: 1.8em 0;
}

.process li {
background: url('images/count-blue.gif') no-repeat left top #6CAEDF;
float: left;
font-size: 1.6em;
font-weight: bold;
height: 100px;
line-height: 1.12;
margin-right: 10px;
width: 57.5px;
}

.process .step-2 { background-position: -60px 0; }

.process .step-3 { background-position: -120px 0; }

.process .step-4 { background-position: -180px 0; }

.process .step-5 { background-position: -240px 0; }

.process .step-6 { background-position: -300px 0; }

.process .step-7 { background-position: -360px 0; }

.process .step-8 { background-position: -420px 0; }

.process .step-9 { background-position: -480px 0; }

.process .step-10 { background-position: -540px 0; }

.process li.active {
background-color: #1F62AC;
background-image: url('images/count-white.gif');
}

.process .last { margin-right: 0; }

.process div, .process a {
height: 100%;
width: 100%;
}

.process div { background: url('images/chevron-pale.gif') no-repeat right bottom; }

.active div { background: url('images/chevron-dark.gif') no-repeat right bottom; }

.process a {
color: #1F62AC;
display: block;
text-decoration: none;
}

.process span {
display: none;
margin: 0 0.32em;
}

.process a:hover span {
bottom: 0.56em;
display: block;
left: 0;
position: absolute;
}
/* End of 'Alternative' */

