@charset "utf-8";
/* CSS Document */
body, html, form { margin: 0; padding: 0; }
body { width: 760px; height: 510px; font: 12px Arial, Helvetica, sans-serif; color: #6d6e70; overflow:hidden}
h1, h2, h3 { font-weight: normal }
h1 { margin: 0; font-size: 27px; color: #404041; }
h2 { margin: 0 0 1em; font-size: 16px; color: #6d6e70; }
h3 { margin: 0 0 .5em; font-size: 14px; color: #404041; }
a { text-decoration: underline; border-bottom: #26a9e0; color: #26a9e0; }
a:hover { text-decoration: none; border-bottom: 1px solid #26a9e0; }
xa img { border: none; }
input {font: 12px Arial, Helvetica, sans-serif; color: #6d6e70; }

.ez-hide  
{
	opacity: 0; filter:alpha(opacity=0);    

}
.ez-checked  
{
    background: transparent url('check-box-on.png') 0 4px no-repeat;
	height:22px; 
}

.ez-selected  
{
	background-position: 0 -19px;
}

.ez-clear  {    
    background: transparent  url('check-box-off.png') 0 4px no-repeat;
	height:22px; 
}

p { line-height: 130%;  }
label { line-height: 200%; /*color: #404041; */ font: 12px Arial, Helvetica, sans-serif; color: #6d6e70;}
#xwrap { xposition: relative; width: 740px; height: 490px; padding: 10px; }
#border { padding: 5px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #6d6e70; zfilter: alpha(opacity=80); z-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
#container { position: relative; width: 720px; height: 490px; background: #fff; }
#header { position: relative; padding: 35px 43px 20px; font: 14px/32px Arial, Helvetica, sans-serif; text-align: right; color: #a6a8ab; 
	background: url(logo-installer.png) 40px 30px no-repeat; }
#header span { padding: 8px 13px 8px 35px; background: 0 center no-repeat; }
#header span#prog-1 { background-image: url(1.png) }
#header span#prog-1-on { background-image: url(1-on.png) }
#header span#prog-2 { background-image: url(2.png) }
#header span#prog-2-on { background-image: url(2-on.png) }
#header span#prog-3 { background-image: url(3.png) }
#header span#prog-3-on { background-image: url(3-on.png) }
#main { background: url(main-bottom-gradient.png) center bottom repeat-x }
#content { height: 340px; background: url(top-shadow-divider.png) center 0 no-repeat; }
#cont-1 { padding: 40px 60px 0; }
#cont-2b { height: 300px; padding: 40px 340px 0 40px; }
#cont-2 { padding: 60px 40px 0; }
#cont-2-prog { padding: 100px 40px 0; }
#buttons { padding: 0px 40px 0; }
#cont-3 { padding: 40px 40px 0; }
a.finalButton:hover, a.finalButton { border: none; }
a#close { border: none; position: absolute; right: 12px; top: 12px; width: 16px; height: 16px; 
	background: url(close.png) center no-repeat; }
a#close:hover { background-image: url(close-over.png) }



.browseInput { font-size: 100%; font-weight: bold; xtext-align: v-center; line-height: 24px; height: 24px; width: 210px; border: 1px solid #929497; padding: 0px; xpadding-top: 4px; padding-left: 4px; padding-right: 4px; margin-bottom: 45px;  }
.browseButton { font-size: 100%; width: 75px; height: 26px; border: 1px solid #929497; xborder-left: 0px; color: #404041; background: #eaeaea; text-transform: none; padding: 0px; margin-left: -3px; margin-bottom: 45px; margin-top: -3px}


.button { float: left; width: 150px; height: 32px; margin: 0 5px 0 0; padding: 0px; font: bold 16px/32px Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; color: #929497; background: #f1f1f2; border: none; cursor: pointer; }
.button.cancel { float: left; width: 100px; height: 32px; margin: 0 5px 0 0; padding: 0px; font: bold 16px/32px Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; color: #929497; background: #f1f1f2; border: none; cursor: pointer; }
.button.primary { float: right; width: 148px; margin: 0 0 0 5px; padding-right: 0px; color: #fff; background: #87BFC9 url(next-arrow.png) 105px center no-repeat; }
.button.primary.accept { float: right; width: 148px; margin: 0 0 0 5px; padding-right: 0px; color: #fff; background: #87BFC9 url(next-arrow.png) 115px center no-repeat; }
.button.disabled { color: #6d6e70 !important; background-color: #f1f1f2 !important; cursor: default; }
.button.primary.disabled { background-image: url(next-arrow-disabled.png) }
.browseButton:hover, .button:hover { background-color: #e1e1e2 }
.button.primary:hover { background-color: #1ab5e5 }
.legal { font: 11px Arial, Helvetica, sans-serif; color: #6d6e70;  margin-top: -20px; padding-bottom:5px; }
.legal.first { font: 11px Arial, Helvetica, sans-serif; color: #6d6e70;  margin-top: -20px; padding-bottom:5px; }


.wrapper .progress-bar {
  width: 100%;
  height: 25px;
  border-radius: 30px;
  background: #F6F6F6;
  position: relative;
  border-color: #D8D9DA;
  box-shadow: 1px 1px 1px 1px #D8D9DA;
}

.wrapper .progress-bar:hover .progress-bar-inner,
.wrapper .progress-bar:hover #counter {
 	animation-play-state: paused; 
}
* { box-sizing: border-box; }
.wrapper .progress-bar-inner {
  height: 99%;
  width: 0%;
  border-radius: inherit;
  position: relative;
  background: linear-gradient(#B5D558, #75B446);
  box-shadow:
    inset 1px 1px 2px 1px rgba(117, 180, 70, 1);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B5D558', endColorstr='#75B446',GradientType=0 ); /* IE6-9 */	
}

.wrapper #counter {
  position: absolute;
  background: #FFFFFF;
  padding: 5px 10px;
  border: 1px solid #E6E6E6;
  border-radius: 0.4em;
  box-shadow:
    inset 0 0 1px 0 rgba(255,255,255,1),
    0 2px 4px 1px rgba(0,0,0,0.2),
    0 1px 3px 1px rgba(0,0,0,0.1);
  left: 0px;
  top: 35px;
  font-size: 14px; 
  color:#393939; 
  font-weight: bold;
  width: 44px;
  margin:auto; 
  display:table;
}

.wrapper #counter:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 7px;
  left: 50%;
  margin-left: -7px;
  top: -6px; 
  background: url(point.png) 0px 0px no-repeat;
  display:none;
}
.label
{
	font: 13px Arial, Helvetica, sans-serif; 
	color: #6d6e70;	
}
.checkboxlabel
{
	font: 13px Arial, Helvetica, sans-serif; 
	color: #6d6e70;	
    padding-bottom : 10px;
}