﻿body
{
	padding: 15px 80px 20px 30px;
    font-size: 12px; font-family:Verdana,Tahoma,Helvetica,San Serif;
}

.statusTitle
{
	float: left;
	width: 200px;
	display: block;
    font-weight:bold;
}

#whatYouCanDoTitle
{
	float: left;
	width: 200px;
	display: block;
    font-weight:bold;
    margin: 10px 0 0 0;
}

#whatYouCanDo
{
	float: left;
	display: block;
	margin: 10px 0 0 0;
}

#progressBar
{
    border-style:solid;
    border-color:Black;
    border-width:1px;
    height:41px;
    width:485px;
    z-index:-1;
    position: relative;
}

#currentProgress
{
    background-color:Green;
    height:41px;
    width:100%;
    float:left;
    position: absolute;
}

.errorMessage
{
    color:Red;
}

.progressIcon
{
    position:absolute;
    width:97px;
    height:41px;
}

.DateTakenPending
{
    background-image:url(Images/lo/order-status-progress_01.gif);
}

.DateTakenCompleted
{
    background-image:url(Images/hi/order-status-progress_01.gif);
}

.DateInLabPending
{
    background-image: url(Images/lo/order-status-progress_02.jpg);
    margin-left:97px;
}

.DateInLabCompleted
{
    background-image:url(Images/hi/order-status-progress_02.jpg);
    margin-left:97px;
}

.QualityControlledPending
{
    background-image: url(Images/lo/order-status-progress_03.jpg);
    margin-left:194px;
}

.QualityControlledCompleted
{
    background-image:url(Images/hi/order-status-progress_03.jpg);
    margin-left:194px;
}

.LabOrderedPending
{
    background-image: url(Images/lo/order-status-progress_04.jpg);
    margin-left:291px;
}

.LabOrderedCompleted
{
    background-image:url(Images/hi/order-status-progress_04.jpg);
    margin-left:291px;
}

.DispatchedPending
{
    background-image: url(Images/lo/order-status-progress_05.jpg);
    margin-left:388px;
}

.DispatchedCompleted
{
    background-image:url(Images/hi/order-status-progress_05.jpg);
    margin-left:388px;
}

.heading {
	color: #6597F0;
	font-weight: bold;
	margin: 0 0 22px 0;
}

#greeting {
	margin: 0 0 12px 0;
}

#currentStatus {
	margin: 10px 0 0 0;
}

#progressDetails {
	margin: 0 0 30px 0;
}

#orderField {
	margin: 20px 0 20px 0;
}

#locateOrderNumberImage { 
           width: 600px;
           height: 200px;
           background: url(Images/invoice-grads.gif) no-repeat;
}



