﻿/* 
	The transparent background that
	covers the whole screen
*/
.TransparentGrayBackground 
{
	position: fixed;
	top: 0;
	left: 0;
	
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%
	
}

/* Style class for Sample1 */
.Sample1PageUpdateProgress
{
	background-color:Gray;
	color:#000000;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

/* Style class for Sample2 */
.Sample2PageUpdateProgress
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 88%;
}

/* Style classes for Sample3 */
.Sample3PageUpdateProgress
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 88%;
}


/* Style classes for Sample4 */
.Sample4PageUpdateProgress
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	top: 0;
	left: 88%;
}


/* Style classes for Sample5 */
.Sample5PageUpdateProgress
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	bottom: 50%;
	left: 45%;
}


/* Style classes for Sample6 */
.Sample6PageUpdateProgress
{
	background-color:white;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	position: fixed;
	bottom: 50%;
	left: 45%;
}


/* Style classes for Sample7 */
.Sample7PageUpdateProgress
{
	background-color:#CF4342;
	color:#fff;
	width: 150px;
	text-align: center;
	vertical-align: middle;
}

