html{
	overflow:hidden;
}

body{
	margin:0; 
	background-color:#fff;/*网页背景色*/ 
	font:system;
	overflow:hidden;
}

#title-bar{ 
	behavior:windowCommand;
	width:100%;
	height:285px;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
} 
 
#title-bar span.title{
	font:system;
	margin:7px 0 0 12px; 
	color:#d3e1ed; 
} 

/*CSS选择器中,空格表示节点间的父子包含关系*/
#title-bar .ctrl-bar{ 
	position:absolute;//标题栏按钮容器绝对定位到窗口右上角
	top:1px;//顶坐标
	right:8px;//右坐标
	width:35px
}

/*CSS选择器中,方括号指定节点拥有的属性*/
#title-bar .ctrl-bar a{ 
	display:block; //显示为块节点
	float:left;//块节点左浮动( 从左向右排 )
	height:14px;
	font-family:"Marlett";/*该字体显示按钮符号*/  
	font-size:14px;
	padding:4px;
	color:#fff;
}

#title-bar a[command]:hover{ 
    background:#6ebccf;
}

#title-bar a[command]:active{ 
    background:#FF0000;
}

button{
	line-height:100%;
}

input[type="checkbox"] {
	width:17px;
	height:17px;
	overflow:hidden;
    display: inline-block;
	background:url(images/chk_bg.png) no-repeat;
	margin-left:0px;
}
.avaliable-size{
	color:#999;
}
 
input[type="checkbox"]:checked{
    width:17px;
	height:17px;
	overflow:hidden;
    display: inline-block;
	background:url(images/chk_bg_checked.png) no-repeat; 
}

label{
	margin-right:9px;
}

.compound-edit 
{ 
	background-repeat:stretch;
	padding:3px;
	margin:4px;
	flow: horizontal;
	width:330px; 
	background-image:url(theme:edit-normal);
	display: inline-block; 
	behavior:clickable;
}

.compound-edit[has-focus]
{
  outline: 4px glow highlight;
}

.compound-edit > widget[type=text]
{
	background-image: none;
	padding: 0px;
	margin:* 2px; // put it in the middle of the container (vertically)
	width:*;  
	focus-on!:  self.parent().has-focus = true;
	focus-off!: self.parent().has-focus = null;
	font-size:11px; 
}	

.compound-edit > widget.button
{
  color:#555;
  margin-right:5px;
  margin-left:15px;
  width:max-intrinsic;
  
  active-on!: self.parent().click(),return true;
  focus-on!:  self.parent().has-focus = true;
  focus-off!: self.parent().has-focus = null;
  behaivor:clickable;
}

#setup-button {
	background-image: url(images\install.png); 
	background-position: 2px 2px 2px 2px; 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
	color:#fff;
	padding:6px 10px;
	font-size:12px;
}
#setup-button:hover{
	background-image: url(images\install-hover.png); 
	background-position: 2px 2px 2px 2px; 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
}
#setup-button:active {
	background-image: url(images\install-active.png); 
	background-position: 2px 2px 2px 2px; 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
	color:#EEE;
}
#setup-button:disabled {
	background-image: url(images\install-disabled.png); 
	background-position: 2px 2px 2px 2px; 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
	color:#EEE;
}

#agree-license:not(:checked) {
	assigned!:$1(#setup-button):disabled = true;
}
#agree-license:checked {
	assigned!:$1(#setup-button):disabled = false;
}

#setup-button-ok {
	background-image: url(images\install.png); 
	background-position: 2px 2px 2px 2px; 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
	color:#fff;
	padding:6px 10px;
	font-size:24px;
	width:120x;
	height:38px;
	margin:30px 206px;
}

#setup-button-ok:hover{
	background-image: url(images\install-hover.png); 
	background-position: 2px 2px 2px 2px; 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
}
#setup-button-ok:active {
	background-image: url(images\install-active.png); 
	background-position: 2px 2px 2px 2px; 
	background-repeat: expand stretch-top stretch-left stretch-middle stretch-right stretch-bottom;
	color:#EEE;
}

#main progress{
	margin-top:15px;
	width:85%; 
	height:20px;
	opacity:0.7; 
	padding:3px;
	background-image: url(images/update-progroess-bg.png);
	background-position: 4px 5px 5px 3px;
	background-repeat: expand;
	foreground-image: url(images/update-progroess.png); 
	foreground-position: 1px 5px 3px 2px; 
	foreground-repeat: expand; 
}

#main .setup-status{
	color:#999;
	margin-left:32px;
}

#main{
    width:100%;
	height:100%%;
	padding:16px 25px 5px 25px;
	line-height:28px;
	overflow:hidden;
}
