body
{
	background-color: #FFFFFF;
	behavior: url(js\Refresh.htc);
	
}

div
{
	cursor: auto;
	font-family: 'Segoe UI' , Tahoma;
	font-size: 13px;  /*10pt is 13px */
	color: #000000;
}

button
{
	cursor: auto;
	width: 120px;
	font-family: 'Segoe UI' , Tahoma;
	font-size: 13px;
	color: #333333;
	border: solid 1px #333333; 
	background: #FFFFFF;
}

.Initiator
{
	cursor: auto;
	width: 120px;
	font-family: 'Segoe UI' , Tahoma;
	font-size: 13px;
	color: #FFFFFF;
	border: solid 1px #B3B3B3; 
	background: #61A706;
	
}

.Failure
{
	cursor: auto;
	font-family: 'Segoe UI' , Tahoma;
	font-size: 13px;  /*10pt is 13px */
	color: #FF0000;
}

.Success
{
	cursor: auto;
	font-family: 'Segoe UI' , Tahoma;
	font-size: 13px;  /*10pt is 13px */
	color: #61A706;
}

.Header
{
    color: #000000;
}

.Desc
{

    color: #333333;    
}
input
{
	vertical-align: middle;
}


/*	Close Button	************************************************
*
*	.CloseBtn		- normal close button
*	.CloseBtnOver	- mouse over close button
*
*	-	Styles are swapped in CloseBtn.htc
********************************************************************/
.CloseBtn
{
	z-index: 1;
	left: 562px;
	width: 12px;
	background-repeat: no-repeat;
	position: absolute;
	top: 13px;
	height: 12px;
	background-color: transparent;
	border: none;
}

.CloseBtnOver
{
	z-index: 1;
	left: 562px;
	width: 12px;
	background-repeat: no-repeat;
	position: absolute;
	top: 13px;
	height: 12px;
	border: none;
}



/*	Background	*****************************************************
*
*	#idBackGrd	-	Area behind main tab panel <Size of dialog>
* 0, 128, 128
********************************************************************/
#idBackGrd
{
	width: 588px;
	height: 702px;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
	background-image: url(..\..\_XX\Custom\Images\BackGrd.png);
}

#idBackGrd1
{
	width: 588px;
	height: 702px;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
	background-image: url(..\..\_XX\Custom\Images\BackGrd1.png);
}
/*	Tabs and Content Panel	****************************************
*
*	#idTab(n)	-	id for each tab, used to set background .gif
*
********************************************************************/




/**
*	\remarks	Pannel for non-tabbed pages
*/
#idPanel
{
	background-color: Transparent;
	left: 28px;
	width: 530px;
	position: absolute;
	top: 160px;
	height: 500px;
	/*border: dotted 1px green;*/
}

#idBrandingLeft
{
	top: 30px; 
	width: 258px; 
	height: 60px;
	position: absolute;
	z-index: 1;
	background-image: url(../../_XX/Custom/Images/cdgs_banner.png);
	left: 28px;
	background-color: transparent;
	background-repeat: no-repeat;


}
#idBrandingRight
{
	top: 30px; 
	width: 44px; 
	height: 60px;
	position: absolute;
	z-index: 0;
	background-image: url(../../_XX/Custom/Images/cdgs_suite_balloon.png);
	left: 514px;
	background-color: transparent;
	background-repeat: no-repeat;
}
/*	Positioning Containers	****************************************
*
*	.DlgWizardBtns	-	Positions the 'wizard' buttons at the bottom
*						of the screen (left and width should match .TabPanel)
*
*	.DlgBlock		-	A block on the dialog
*
*	.DlgHeader		-	Header block (coloured background)
*
*	.DlgCheckboxLabel	-	Used for <Labels> on checkboxes
*							It aligns the text with the label, instead
*							of the checkbox (it looks better if the
*							text wrapps)
	left: 22px;
	width: 747px;
	position: absolute;
	top: 149px;
	height: 386px;
********************************************************************/
.DlgWizardBtns
{
	top: 638px;
	z-index: 2;
	position: absolute;
	height: 45px;
	left: 0px;
	border-top: #333333 1px solid;
	padding-top: 15px;
	left: 27px;
	width: 530px;
}

.DlgBlock
{ 
	width: 530px;
	left: 0px;
	position: absolute;
	background-color: Transparent;
	z-index: 1;
	/*border: solid 1px gray;*/
}
.DlgBlockLeft
{ 
	width: 505px;
	left: 25px;
	position: absolute;
	background-color: Transparent;
	z-index: 1;
	/*border: solid 1px gray;*/
}
.DlgBlockImg
{ 
	width: 505px;
	left: 30px;
	position: absolute;
	background-color: Transparent;
	z-index: 1;
	height: 48px;
	width: 48px;
	top: 5px;
	/*border: solid 1px gray;*/
}
.DlgHeader
{
	top: 10px;
	width: 530px;
	left: 0px;
	position: absolute;
	z-index: 1;
	padding-bottom: 12px; /*padding-top: 3px;*/
	border-bottom: #333333 1px solid;
}
.DlgHeaderWtBox
{
	top: 10px;
	width: 530px;
	left: 0px;
	position: absolute;
	z-index: 1;
	padding-bottom: 12px; /*padding-top: 3px;*/
}

/*	.MenuBtn	*****************************************************
*
*	.Menu		-	Main selector (Includes text)
*	.MenuOn		-	Main selector (Includes text -- for mouse over)
*	.MenuBtn	-	Button used to activate menu when tabbing
*	.MenuPopUp	-	'Fly-out' part of menu
/********************************************************************/
.Menu
{
	position: absolute;
	width: 200px;
	left: 330px;
	vertical-align: middle;
	background-image: url(../../_XX/Custom/Images/MenuOn.gif);
	background-color: white;
	text-align: left;
	border: silver 1px solid;
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-position: right center;
	background-repeat: no-repeat;
	color: Black;
}

.MenuOn
{
	position: absolute;
	width: 200px;
	left: 330px;
	vertical-align: middle;
	background-image: url(../../_XX/Custom/Images/MenuOn.gif);
	text-align: left;
	border: silver 1px solid;
	background-color: #61A706;/*#D0E8D9*/
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-position: right center;
	background-repeat: no-repeat;
	color: white;
}

.MenuBtn
{
	width: 0px;
	height: 1px;
	border: none;
	background-color: white;
}


.MenuPopUp
{
	border: silver 1px solid;
	position: absolute;
	overflow: auto;
	width: 200px;
	left: 8px;	/* 0px in X4 */
	top: 19px;	/* 17 in X4 */
	background-color: white;
	FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=dimgray,strength=3);
	display: none;
	color: Black;
}

.MenuPopUpItem:hover
{
	background-color: #D0E8D9;
}


/*	Application Launcher on Finish Page ****************************
*
*	-	Used for the launch Draw or Photo-PAINT links on the
*		finish page
*
********************************************************************/
}

button:hover
{
	background-color: #D0E8D9;
	
}


/*	Progress Bar(s)	************************************************
*
*	-	Progress bars are made of 2 containers
*			- 1 .ProgressOuter	- for the outer boarder
*			- 2 .ProgressInner	- for the inner solid part (the progress)
*
*	-	Specify the look of the progress bar here, the style 
*		in the html markup should position the bar on the page
*
*	Example:
*	<div id="idProgressOuter" class="ProgressOuter" style="top: 75px; width: 630px;">
*		<div id="idProgressInner" class="ProgressInner"></div>
*	</div>
Top: 91be44
Bottom: 456901
********************************************************************/
.ProgressOuter
{
	height: 22px;
	position: absolute;
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
	/*background-color: whitesmoke;*/
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f5f5f5,endColorStr=#efefef);
}

.ProgressOuter .ProgressInner
{
	top: 1px;
	height: 18px;
	position: absolute;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
filter: progid:DXImageTransform.Microsoft.Light() progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0E8D9,endColorStr=#61A706);
}