/*Global*/

html{
/*
scrollbar-base-color: #666666;

scrollbar-face-color: #FF0000;
scrollbar-shadow-color: #0000FF;
scrollbar-highlight-color: #00FF00;
scrollbar-3dlight-color: #FF00FF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FFFF00;
scrollbar-arrow-color: #000000;
*/
}

*{
	padding: 0px;
	margin: 0px;
	font-family: 'Segoe UI', Tahoma;

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

/*Text*/
a:link {
	color: #0099FF;
}
a:visited {
	color: #0099FF;
}
.DlgHeader{
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
}
.DlgBlock{
	margin-bottom: 4px;
	font-weight: normal;
}
.DlgHeaderTitles
{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}
label {
	font-weight: bold;
	color: #dddddd;
}
.Error {
	color: #FF0000;
	background-color: #C0C0C0;
	visibility: hidden;
}

.WindowSize{
	width: 800px;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*	Background	*****************************************************
*
*	#idBackGrd	-	Area behind main tab panel <Size of dialog>
* 0, 128, 128
********************************************************************/

#idBackGrd{
	background-image: url('Images/Background.png');
	background-repeat: no-repeat;
}

#idBackGrdTabbed
{
	background-image: url('Images/Background.png');
	background-repeat: no-repeat;
}


/*Layout*/
#idPanel
{
	left: 45px;
	position: absolute;
	top: 137px;
	width: 710px;
	height: 370px;
}
#idTabPanel
{
	left: 45px;
	position: absolute;
	top: 130px;
	width: 710px;
	height: 390px;
}

.TabsPosition
{
	position: absolute;
	top: 86px;
	clear: none;
	left: 20px;
}

.DiskSpace {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.Icon {
	margin: 0px -1px 0px 1px;
	padding: 0px;
	float: left;
	clip: rect(auto, 0px, auto, auto);
}
.Margin-Bottom {
	margin-bottom: 10px;
}
p {
	color: #cccccc;
	font-size: 13px;
}
.Margin-Icon {
	margin-left: 50px;
}
.Margin-Checkbox {
	margin-left: 24px;
}

.Input-TextBox {
	width: 100%;
	top: 10px;
	height: 26px;
}
.DlgProgressBillboard
{
	width: 100%;
	height: 300px;
	z-index: 1;
	position: absolute;
	top: 20px;
	color: #FF0000;
}

/*Effect*/
.PanelFade
{
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);
	visibility: visible;
}

/* Controls	************************************************
*
*	.CloseBtn		- normal close button
*	.CloseBtnOver	- mouse over close button
*
*	-	Styles are swapped in CloseBtn.htc
********************************************************************/

.CloseBtn
{
	z-index: 3;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 16px;
	height: 16px;
	behavior: url(js\CloseBtn.htc);
}

.CloseBtnOver
{
	z-index: 3;
	background-repeat: no-repeat;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 16px;
	height: 16px;
	behavior: url(js\CloseBtn.htc);
}

button
{
	cursor: auto;
	width: 140px;
	height: 28px;
	font-size: 13px;
}
.Button-Active {
	font-weight: bold;
}

.DlgWizardBtns
{
	z-index: 2;
	position: absolute;
	height: 35px;
	left: 15px;
	width: auto;
	z-index: 1;
	bottom: 15px;
	right: 15px;
}

.DlgWizardBtns table {
	width: 100%;
}
.DlgWizardBtns td {
	width: 100%;
}

.Frame {
	padding: 10px;
	border: 1px solid #C0C0C0;
	background-color: #333333;
	width: 100%;
}

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

#idTab1
{
	background-image: url('Images/Tab_L_U.gif');
	background-repeat: no-repeat;
	height: 25px;
	width: 138px;
	padding-right: 5px;
}
#idTab1_H
{
	background-image: url('Images/Tab_L_H.gif');
	background-repeat: no-repeat;
	height: 25px;
	width: 138px;
	padding-right: 5px;
}
#idTab3
{
	background-image: url('Images/Tab_R_U.gif');
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
	padding-right: 15px;
}
#idTab3_H
{
	background-image: url('Images/Tab_R_H.gif');
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
	padding-right: 15px;
}
.TabSeparator-L
{
	float: left;
	height: 25px;
	width: 8px;
	background-image: url('Images/Tab_C_LH.gif');
	background-repeat: no-repeat;
}

.TabOn
{
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding-top: 2px;
	
	color: #FFFFFF;
}

.TabOff
{
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding-top: 2px;
}


.TabOff a:visited
{
	text-decoration: none;
	color: #CCCCCC;
}
.TabOff a
{
	text-decoration: none;
	color: #CCCCCC;
}

.TabOff a:hover
{
	color: #FFFFFF;
	font-weight: bold;

	/*FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=100,startX=100,finishX=100,startY=100,finishY=100);*/
}

/*	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
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
	width: 100%;
	border-color: #272727;
	background-image: url('Images/ProgressBK.png');
	background-repeat: repeat-x;
}
.ProgressInner
{
	padding: 0px;
	margin: 0px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#aeaeae,endColorStr=#6b6b6b);
	height: 14px;
	width: 0px;
	font-size: 1px;
}

.Text-BillboardTitle {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
}
.Text-BillboardHeader {
	font-weight: bold;
	font-size: 18px;
	margin-top: 50px;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.Text-BillboardBlock {
	font-size: 14px;
	line-height: 19px;
	margin-top: 10px;
}


input {
	margin-left: 0px;
	font-size: 15px;
}


.DlgBlock-Top {
	margin-bottom: 4px;
	margin-top: 20px;
}
.DiskSpace label {
	font-size: 11px;
}
.ControlText {
	font-weight: bold;
	font-size: 13px;
}
.Margin-Icon-S {
	margin-left: 28px;
}
.Frame label {
	font-size: 13px;
}
.TabSeparator-R {
	float: left;
	height: 25px;
	width: 8px;
	background-image: url('Images/Tab_C_RH.gif');
	background-repeat: no-repeat;
}
img {
	z-index: -1;
}
