/*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;
}
.DlgBlockDiscription{
margin-top: 3px;
margin-bottom: 4px;
font-weight: normal;
}
.DlgHeaderTitles
{
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
}
.Indent{
margin-top: 5px;
margin-left: 25px;
}
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
* 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: 25px;
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 - Transition effect avaliable for idTabPanel
* - Include Tabs.js and call
*
* .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
* .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;
}
#idTab2
{
background-image: url('Images/Tab_M_U.gif');
background-repeat: no-repeat;
height: 25px;
width: 138px;
padding-right: 15px;
}
#idTab2_H
{
background-image: url('Images/Tab_M_H.gif');
background-repeat: no-repeat;
height: 25px;
width: 138px;
padding-right: 15px;
}
#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:
*
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: 16px;
margin-top: 20px;
margin-bottom: 5px;
line-height: 1.2em;
}
.Text-BillboardBlock {
font-size: 14px;
line-height: 19px;
}
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;
}