#samples {
	MARGIN-TOP: 15px; BACKGROUND: url(daohang_files/special-bg.jpg) #fff no-repeat; LEFT: 0px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 2px; WIDTH: 980px; FONT-FAMILY: arial,"宋体"; POSITION: relative; TOP: 0px; HEIGHT: 600px
}
#sample-menu {
	Z-INDEX: 1; LEFT: 30px; OVERFLOW: visible; WIDTH: 186px; FONT-FAMILY: arial,"宋体"; POSITION: absolute; TOP: 42px
}
#sample-menu-inner {
	ZOOM: 1
}
#sample-menu A {
	PADDING-RIGHT: 20px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-SIZE: 12px! important;
	PADDING-BOTTOM: 3px;
	CURSOR: pointer;
	COLOR: #fff;
	LINE-HEIGHT: 17px;
	PADDING-TOP: 6px;
	ZOOM: 1;
	TEXT-ALIGN: right;
	-moz-outline: none; 	
	outline: 0 none;
	letter-spacing: 1px;
}
#sample-menu A:hover {
	BACKGROUND: url(daohang_files/over-item.png) no-repeat; TEXT-DECORATION: none
}
.ext-ie #sample-menu A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ztsy_files/daohang_files/over-item.png', sizingMethod='scale')
}
#sample-menu A.active {
	FONT-WEIGHT: bold; BACKGROUND: url(daohang_files/active-item.png) no-repeat; COLOR: #1860a8; TEXT-DECORATION: none
}
.ext-ie #sample-menu A.active {
	BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ztsy_files/daohang_files/active-item.png', sizingMethod='scale')! important
}
#sample-menu A IMG {
	DISPLAY: none; BACKGROUND-IMAGE: url(daohang_files/icons.gif); MARGIN: 0px 4px 0px 0px; VERTICAL-ALIGN: top; WIDTH: 16px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
#sample-menu H4 {
	PADDING-RIGHT: 4px; DISPLAY: none; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px! important; BACKGROUND: url(/deploy/dev/resources/images/default/panel/top-bottom.gif) repeat-x 0px -1px; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #284f85; LINE-HEIGHT: 16px; PADDING-TOP: 4px; BORDER-BOTTOM: #89a8cf 1px solid; FONT-FAMILY: arial,"宋体"
}
.ext-ie #sample-menu A IMG {
	VERTICAL-ALIGN: middle
}
#sample-menu .sample-inactive-over SPAN {
	TEXT-DECORATION: underline
}
#sample-box {
	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; FONT-SIZE: 11px; LEFT: 215px; BORDER-LEFT: #fff 0px solid; LINE-HEIGHT: 14px; BORDER-BOTTOM: #fff 0px solid; POSITION: absolute; TOP: 12px; BACKGROUND-COLOR: #fff
}
#sample-box-inner {
	BORDER-RIGHT: #3e6598 1px solid; BORDER-TOP: #3e6598 1px solid; FONT-SIZE: 11px; OVERFLOW: auto; BORDER-LEFT: #3e6598 1px solid; WIDTH: 750px; LINE-HEIGHT: 14px; BORDER-BOTTOM: #3e6598 1px solid; HEIGHT: 577px; BACKGROUND-COLOR: #fff
}
#sample-ct {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
#sample-ct P I {
	FONT-WEIGHT: bold; COLOR: #c33; FONT-STYLE: normal
}
#sample-ct H2 {
	CURSOR: pointer; PADDING-TOP: 6px; BORDER-BOTTOM: #99bbe8 2px solid; -moz-user-select: none; -khtml-user-select: none
}
#sample-ct H2 DIV {
	PADDING-RIGHT: 4px; PADDING-LEFT: 17px; BACKGROUND: url(daohang_files/group-expand-sprite.gif) no-repeat 3px -47px; PADDING-BOTTOM: 4px; FONT: bold 11px tahoma, arial, helvetica, sans-serif; COLOR: #3764a0; PADDING-TOP: 4px
}
#sample-ct .collapsed H2 DIV {
	BACKGROUND-POSITION: 3px 3px
}
#sample-ct .collapsed DL {
	DISPLAY: none
}
#sample-ct DD {
	FLOAT: left; MARGIN: 0px 10px 5px 10px; WIDTH: 700px; CURSOR: pointer; ZOOM: 1
}
#sample-ct DD IMG {
	FLOAT: left; MARGIN: 0px 0px 5px 0px; WIDTH: 443px; HEIGHT: 75px
}
#sample-ct DD DIV {
	FLOAT: left;  WIDTH: 700px;FONT-SIZE: 14px; LINE-HEIGHT: 26px;
}
#sample-ct DD A {
	COLOR: red; TEXT-DECORATION: underline
}
#sample-ct DD H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555; FONT-FAMILY: arial,"宋体"
}
#sample-ct DD P {
	FONT-SIZE: 14px; COLOR: #505050; LINE-HEIGHT: 26px;
}
.icon-apps {
	BACKGROUND-POSITION: 0px 0px
}
.icon-grid {
	BACKGROUND-POSITION: 0px -16px
}
.icon-tree {
	BACKGROUND-POSITION: 0px -32px
}
.icon-win {
	BACKGROUND-POSITION: 0px -112px
}
.icon-misc {
	BACKGROUND-POSITION: 0px -144px
}
.icon-layout {
	BACKGROUND-POSITION: 0px -48px
}
.icon-combo {
	BACKGROUND-POSITION: 0px -64px
}
.icon-form {
	BACKGROUND-POSITION: 0px -80px
}
.icon-menu {
	BACKGROUND-POSITION: 0px -96px
}
.icon-tabs {
	BACKGROUND-POSITION: 0px -128px
}
.condensed-view #sample-ct DD {
	FLOAT: left; MARGIN: 5px 5px 5px 10px; WIDTH: 135px; CURSOR: pointer; ZOOM: 1; HEIGHT: 114px; TEXT-ALIGN: center
}
.condensed-view #sample-ct DD IMG {
	FLOAT: none; MARGIN: 5px 2px 0px; WIDTH: 120px; HEIGHT: 90px
}
.condensed-view #sample-ct DD DIV {
	FLOAT: none; MARGIN-LEFT: 0px; WIDTH: auto
}
.condensed-view #sample-ct DD H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN: 0px; COLOR: #666; FONT-FAMILY: arial,"宋体"; TEXT-ALIGN: center
}
.condensed-view #sample-ct DD P {
	DISPLAY: none
}
.condensed-view #sample-ct DD.over {
	BACKGROUND: url(daohang_files/sample-over700.gif) no-repeat
}
.condensed-view #sample-ct DD.over H4 {
	COLOR: #1860a8
}
.mini-view #sample-ct DD {
	FLOAT: left; MARGIN: 5px 5px 5px 10px; WIDTH: 75px; CURSOR: pointer; ZOOM: 1; HEIGHT: 69px; TEXT-ALIGN: center
}
.mini-view #sample-ct DD IMG {
	FLOAT: none; MARGIN: 5px 2px 0px; WIDTH: 60px; HEIGHT: 45px
}
.mini-view #sample-ct DD DIV {
	FLOAT: none; MARGIN-LEFT: 0px; WIDTH: auto
}
.mini-view #sample-ct DD H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; MARGIN: 0px; OVERFLOW: hidden; COLOR: #666; FONT-FAMILY: arial,"宋体"; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-ALIGN: center
}
.mini-view #sample-ct DD P {
	DISPLAY: none
}
.mini-view #sample-ct DD.over {
	BACKGROUND: #ebf7d2
}
.mini-view #sample-ct DD.over H4 {
	COLOR: #1860a8
}
#samples-cb {
	FONT-SIZE: 11px; LEFT: 900px; OVERFLOW: hidden; WIDTH: 100px; CURSOR: pointer; COLOR: #fff; ZOOM: 1; FONT-FAMILY: arial,"宋体"; WHITE-SPACE: nowrap; POSITION: absolute; top:-15px;HEIGHT:20px
}
.condensed-view #samples-cb {
	BACKGROUND-POSITION: 0px -25px
}
.mini-view #samples-cb {
	BACKGROUND-POSITION: 0px -50px
}
#samples-cb IMG {
	WIDTH: 32px; HEIGHT: 27px
}