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

div
{
	cursor: auto;
	font-family: 'MS UI Gothic';
	font-size: 10pt;
}

button
{
	cursor: auto;
	width: 125px;
	height: 25px;
	font-family: 'MS UI Gothic';
	font-size: 10pt;
}

input
{
	vertical-align: middle;
}

ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}


/*	Close Button	************************************************
*
*	.CloseBtn		- normal close button
*	.CloseBtnOver	- mouse over close button
*
*	-	Styles are swapped in CloseBtn.htc
********************************************************************/
.CloseBtn
{
	z-index: 1;
	left: 770px;
	width: 16px;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	height: 16px;
	behavior: url(js\CloseBtn.htc);
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.CloseBtnOver
{
	z-index: 1;
	left: 770px;
	width: 16px;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	height: 16px;
	behavior: url(js\CloseBtn.htc);
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}



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

#idBackGrdTabbed
{
	width: 790px;
	height: 600px;
	left: 5px;
	top: 5px;
	position: absolute;
	z-index: 0;
	background-image: url(Images/BackGrd2.png);
}



/*	Tabs and Content Panel	****************************************
*
*	#idTab(n)	-	id for each tab, used to set background .gif
*
*	#idTabPanel	-	Conatiner that spcifies the dialog's content, including margins
*	.TabPanel<Effect>	-	Transition effect avaliable for idTabPanel
*						-	Include Tabs.js and call <body onload="OnTabPanelEffect()">
*
*	.TabsPosition	- Positions the tabs along the top of .TabPanel
*
*	.TabsPosition .TabSeparator		- Space between tabs
*	.TabsPosition .TabOn			- Style for tab being ON
*	.TabsPosition .TabOff			- Style for tab being OFF
*	.TabsPosition a.TabOff			- OFF <Link>
*	.TabsPosition a.TabOff:hover	- hover over effect
*
********************************************************************/
#idTabPanel
{
	background-color: Transparent;
	left: 27px;
	width: 747px;
	position: absolute;
	top: 167px;
	height: 385px;
	/*border-right: black 1px dotted;
	border-top: black 1px dotted;
	border-left: black 1px dotted;
	border-bottom: black 1px dotted;*/
}

.TabPanelFade
{
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);
	visibility: hidden;
}

#idTab1
{
	background-image: url(Images/TabGreen.gif);
	background-repeat: repeat-x;
	font-family: 'MS UI Gothic';
}

#idTab2
{
	background-image: url(Images/TabRed.gif);
	background-repeat: repeat-x;
	font-family: 'MS UI Gothic';
}

#idTab3
{
	background-image: url(Images/TabYellow.gif);
	background-repeat: repeat-x;
	font-family: 'MS UI Gothic';
}

#idTab4
{
	background-image: url(Images/TabBlue.gif);
	background-repeat: repeat-x;
	font-family: 'MS UI Gothic';
}

.TabsPosition
{
	left: 38px;
	position: absolute;
	top: 108px;
	height: 35px;
	width: 680px;
	clear: none;
	z-index: 2;
	/*border-right: black 1px dotted;
	border-top: black 1px dotted;
	border-left: black 1px dotted;
	border-bottom: black 1px dotted;*/
}

.TabsPosition .TabSeparator
{
	float: left;
	width: 3px;
	background-color: transparent;
}

.TabsPosition .TabOn
{
	height: 50px;
	width: 120px;
	float: left;
	background-color: #e6e6e6;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	color: black;
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=35,finishOpacity=100,startX=100,finishX=100,startY=90,finishY=40); 
	border-left: darkgray 1px solid;
	border-right: darkgray 2px solid;
}

.TabsPosition .TabOff
{
	height: 30px;
	width: 120px;
	background-color: #e6e6e6;
	text-align: center;
	padding-top: 10px;
	float: left;
	margin-top: 1px;
	color: black;
	border-left: lightgrey 1px solid;
	border-right: darkgray 2px solid;
	FILTER: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=1,motion=reverse)
			progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=40,finishOpacity=100,startX=100,finishX=100,startY=0,finishY=50);
	font-weight: bold;
	cursor: hand;
}


.TabsPosition a.TabOff
{
	text-decoration: none;
	color: black;
}

.TabsPosition a.TabOff:hover
{ 
	text-decoration: none;
	color: black;
	border-left: darkgray 1px solid;
	border-right: darkgray 2px solid;
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=100,startX=100,finishX=100,startY=100,finishY=100);
	font-weight: bold;
}


/*	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: 520px;
	z-index: 2;
	position: absolute;
	height: 35px;
	left: 27px;
	width: 740px;
	z-index: 1;
	/*border-right: black 1px dotted;
	border-top: black 1px dotted;
	border-left: black 1px dotted; 
	border-bottom: black 1px dotted;*/
}

.DlgBlock
{ 
	width: 692px;
	left: 0px;
	position: absolute;
	background-color: Transparent;
	z-index: 1;
	/*border-right: black 1px dotted;
	border-top: black 1px dotted;
	border-left: black 1px dotted;
	border-bottom: black 1px dotted;*/
}

.DlgHeaderTitles
{
	width: 735px;
	left: 0px;
	position: absolute;
	z-index: 1;
	background-color: Transparent;
	font-weight: bold;
	/*border-right: black 1px dotted;
	border-top: black 1px dotted;
	border-left: black 1px dotted;
	border-bottom: black 1px dotted;*/
	height: 44px;
}


.DlgHeader
{
	/*width: 475px;*/
	width: 450px;
	left: 0px;
	position: absolute;
	z-index: 1;
	padding-left: 6px;
	/*padding-bottom: 3px; /*padding-top: 3px;*/
	/*FILTER: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=0,startX=45,finishX=100,startY=100,finishY=100);*/
	border-left: #eeeeee 1px solid;
	border-bottom: #b4b4b4 1px solid;
}

.DlgHeaderText
{
	width: 475px;
	left: 0px;
	position: absolute;
	z-index: 2;
	padding-left: 5px;
	/*padding-bottom: 2px;*/
	/*padding-top: 2px;*/
	color: black;
	*FILTER: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=100,finishOpacity=0,startX=45,finishX=100,startY=100,finishY=100);*/
	background-color: white;
}


.Dlg
{
	background-color: silver;
}



/*	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;
}

.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=#4D86C6,endColorStr=#0A3478);
}




/*	.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: 250px;
	vertical-align: middle;
	background-image: url(Images\MenuOn.gif);
	text-align: left;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	background-color: white;
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-position: right center;
	background-repeat: no-repeat;
}

.MenuOn
{
	position: absolute;
	width: 200px;
	left: 250px;
	vertical-align: middle;
	background-image: url(Images\MenuOn.gif);
	text-align: left;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	background-color: #efefef;
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-position: right center;
	background-repeat: no-repeat;
}

.MenuBtn
{
	width: 1px;
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: white;
	border-bottom-style: none;
}


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



/*	Application Launcher on Finish Page ****************************
*
*	-	Used for the launch Sketch Pad links on the
*		finish page
*
********************************************************************/
.idLaunchSketchPad
{
	width: 315px;
	height: 110px;
	background-image: url(Images\SPL.gif);
	background-repeat: no-repeat;
}

a.idLaunchSketchPad:hover
{
	background-image: url(Images\SPLOver.gif);
	background-repeat: no-repeat;
}





/*	Content on Progress Dialog	*************************************
/********************************************************************/

/* - if the margin-top changes, you need to change margin top on the image as well */
.Links
{
	margin-top: 10px;
	margin-left: 5px;
	font-weight: bold;
	background-color: Transparent;
	padding-left: 6px;
	border-left: #eeeeee 1px solid;
	border-bottom: #b4b4b4 1px solid;
}

.LinksOver
{
	/*border: solid 1px black;*/
	margin-top: 10px;
	margin-left: 5px;
	font-weight: bold;
	cursor: hand;
	color: green;
	/*background-color: #f8f8f8;*/
	padding-left: 6px;
	border-left: #eeeeee 1px solid;
	border-bottom: green 1px solid;
}

.LinksClick
{
	margin-top: 10px;
	margin-left: 5px;
	font-weight: bold;
	color: Green; /*background-color: Transparent;*/
	padding-left: 6px;
	border-left: #eeeeee 1px solid;
	border-bottom: green 1px solid;
	background-color: Transparent;
}

.LinksContent
{
	/*border: solid 1px black;*/
	display: none;
	font-size: 8pt;
	margin-left: 10px;
	background-color: Transparent;
	height: 180px;
	padding-top: 14px;
}


