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

div
{
	cursor: auto;
	font-family: 'Segoe UI', Tahoma;
	font-size: 15px;
	color: #FFFFFF;
}

input
{
	font-family: 'Segoe UI', Tahoma;
	font-size: 15px;
}

button
{
	cursor: hand;
	width: 112px;
	height: 30px;
	font-family: 'Segoe UI', Tahoma;
	font-size: 15px;
	color: #FFF;
	background-color:#000000;
	border: 1px solid #FFF;
}
button:hover{
	background-color:#000000;
	border: 1px solid #0083ff;
	}
button:active{
	background-color: #0083ff;
	border: 1px solid #0083ff;
	}

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: 762px;
	width: 20px;
	background-repeat: no-repeat;
	position: absolute;
	top: 23px;
	height: 20px;
	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: 762px;
	width: 20px;
	background-repeat: no-repeat;
	position: absolute;
	top: 23px;
	height: 20px;
	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/BackGrd.png);
}

#idBackGrdTabbed
{
	width: 790px;
	height: 600px;
	left: 5px;
	top: 5px;
	position: absolute;
	z-index: 0;
	background-image: url(Images/BackGrd.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: 40px;
	width: 700px;
	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/Tab_L-U.gif);
	/*background-repeat: repeat-x;*/
	font-family: 'Segoe UI' , Tahoma;
}

#idTab1_H
{
	background-image: url(Images/Tab_L-H.gif);
	/*background-repeat: repeat-x;*/
	font-family: 'Segoe UI' , Tahoma;
}




#idTab2
{
	background-image: url(Images/Tab_M-U.gif);
	/*background-repeat: repeat-x;*/
	font-family: 'Segoe UI' , Tahoma;
	
}
#idTab2_H
{
	background-image: url(Images/Tab_M-H.gif);
	/*background-repeat: repeat-x;*/
	font-family: 'Segoe UI' , Tahoma;

	
}

#idTab3
{
	background-image: url(Images/Tab_R-U.gif);
	/*background-repeat: repeat-x;*/
	font-family: 'Segoe UI' , Tahoma;
}

#idTab3_H
{
	background-image: url(Images/Tab_R-H.gif);
	/*background-repeat: repeat-x;*/
	font-family: 'Segoe UI' , Tahoma;
}

#idTab4
{
	background-image: url(Images/Tab4.gif);
	background-repeat: repeat-x;
	font-family: 'Segoe UI' , Tahoma;
}

.TabsPosition
{
	left: 38px;
	position: absolute;
	top: 105px;
	height: 5px;
	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: 20px;
	width: 120px;
	float: left;
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
	color: #FFFFFF;
	padding-bottom: 5px;
	/*margin-right: 2px;*/






/*

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

.TabsPosition .TabOff
{
	height: 20px;
	width: 120px;
	text-align: center;
	padding-top: 8px;
	float: left;
	/*margin-top: 1px;*/
	color: #999999;







	/*border-left: lightgrey 1px solid;
	border-right: darkgray 1px 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;
	padding-bottom: 5px;
	/*margin-right: 2px;*/
}


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

.TabsPosition a.TabOff:hover
{
	text-decoration: none;
	color: #FFFFFF;
	/*border-left: darkgray 1px solid;
	border-right: darkgray 1px solid;*/


	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=100,startX=100,finishX=100,startY=100,finishY=100);
	font-weight: bold;
	/*margin-right: 2px;*/
}


/*	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: 558px;
	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: 650px;
	left: 2px;
	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: -5px;
	position: absolute;
	z-index: 1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 6px;
}

.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;
}

.DlgProgressBillboard
{
	left: 10px;
	top: 10px;
	width: 700px;
	height: 280px;
	position: absolute;
	background-color: Transparent;
	z-index: 1;
	visibility: hidden;
	/*border: solid 1px green;*/
}




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

.ProgressInner
{
	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\CDS.gif);
	background-repeat: no-repeat;
}

a.idLaunchSketchPad:hover
{
	background-image: url(Images\CDSOver.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;
}

.Text-BillboardTitle {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}
.Text-BillboardHeader {
	font-weight: bold;
	font-size: 18px;
	margin-top: 70px;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.Text-BillboardBlock {
	font-size: 14px;
	line-height: 19px;
}
input[type=checkbox]{
        -webkit-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        margin: 0;
        cursor: pointer;
        vertical-align: bottom;
        background: #000000;
        border: 1px solid #FFF;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
}

input[type=checkbox]:active{
        border-color:#0083ff;
        background: #000000;
}       
        
input[type=checkbox]:hover {
        border-color: #0083ff;
        -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
}

input[type=checkbox]:checked{
        background: #000000;
}

input[type=checkbox]:checked::after {
        content: url(Images/checkbox.png);
        display: block;
        position: absolute;
        top: -2px;
        right: 0px;
        left: -2px
}

input[type=checkbox]:focus {
        outline: none;
        border-color: #ffffff;
}



.input[type="radio"] {

    padding:0.2em 1em;
    border:1px solid #CCCCCC;
    border-radius:0.5em;
    color:#999;
}
.input[type="radio"]:checked {
    padding:0.2em 1em;
    border:1px solid #FF6600;
    border-radius:0.5em;
    background:#FF6600;
    color:#FFFFFF;
}
