/* mandatory lable */
.manlabel
		{
			margin: 2px 30px 0 10px;
			font-size: 20px;
			line-height: normal;
			color: #215379;
		}

/* The error message   */

.error
	{
		background:#fcc;
	}
.errorOff
	{
		background:#ffffff;
	}

a.errorImg:focus,div.guidance table td:focus 
        {
        overflow:hidden;
        outline:0 none;
		-moz-outline: 0 none;
		color:rgb(100,130,170) !important;
		z-index: 19999;
		}
a.errorImg:link,a.guidance:visited
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(../media/alert.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
		z-index:19999;
	}
a.errorImg:hover,
a.errorImg:active,
a.errorImg:focus,
        {
	        background:transparent url(../media/alert.gif) no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.errorImg
        {
        width:16px;
		height:16px;
		z-index:19999;
		}
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.errorImg
        {
        display:inline-block;
        }
a.errorImg span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
		z-index:19999;
        }
/* centered progress message container */
    #DCSprogressWrapper, #DCSprogressContainer {
        height: 50px;
        width: 300px;
    }
    
    #DCSprogressWrapper {
        bottom: 50%;
        right: 50%;
        position: absolute;
		
    }
    
    #DCSprogressContainer {
        background: #b6d0e6;
        padding: 10px;
		left: 50%;
        
        position: relative;
        top: 50%;
	
    }