/*
.style1 {
	color: #FF9966;
	font-weight: bold;
}

.textIndent {
	font-size: 12px;
	text-indent: 2em;
	text-align: left;
}

.titleStyle {
	font-weight: bold;
	color: #4A719A;
	font-size: 13px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}

.demoTable {
	width: 910px;
	text-align: left;
	font-size: 12px;
	color: #4D4D4D;
	border-collapse: collapse;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.demoTable td {
	vertical-align: top;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0px;
}

.demoTable td.left {
	padding-right: 36px;
	width: 437px!important;
	width: 473px;
}

.demoTable td.right {
	width: 437px;
}
.demoTable table {
	width: 437px;
}

table.demoOperation {
	width: 169px;
}

table.demoOperation td div {
	padding-top: 52px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
}

table.demoOperation td div.try {
	background: transparent url('../img/demos/try.gif') no-repeat center top;
}

table.demoOperation td div.download {
	background: transparent url('../img/demos/demo_download.gif') no-repeat center top;
	cursor: pointer;
}

table.demoOperation td a {
	color: #595859;
}
table.demoOperation td a:hover {
	color: #479ED3;
}

a.download div {
	background: transparent url('../img/demos/demo_download.gif') no-repeat center top;
	padding-top: 52px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 4px;
}

.demoTitle {
	font-size: 18px;
	color: #0078C2;
	font-weight: bold;
	padding-bottom: 20px;
	background: #FFFFFF;
	padding-left: 0px;
}

.demoTable td .demoImage {
	width: 240px;
	height: 180px;
	margin-right: 20px;
}
.demoDescription {
	height: 95px;
}

.demoOperation {
	height: 70px;
}

.demoOperation img {
	margin-left: 30px;
}

table.demoScore {
	text-align: left;
	letter-spacing: 0px;
	word-spacing: 0px;
	width: 300px;
	margin-top: 8px;
	vertical-align: middle;
}

table.demoScore td {
	vertical-align: middle;
}

table.demoScore img {
	border: 0px;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
}

table.demoScore td.scoreTitle {
	font-size: 12px;
	color: #4D4D4D;
}

table.demoScore td.scoreDescription {
	font-size: 12px;
	font-weight: normal;
	color: #B3B3B3;
}

table.demoScore a.discuss {
	background: transparent url('../img/demos/comment.gif') no-repeat left top;
	background-position: 0px -2px;
	padding-left: 22px;
	color: #479ED3;
	text-decoration: none;
	font-weight: bold;
	margin-left: 15px;
}

table.demoScore a.discuss:hover {
	text-decoration: underline;
}

table.demoOperation td div.demoVersion {
	display: none;
	padding: 0px;
	text-align: right;
	letter-spacing: 0px;
	float: right;
}

.demoVersion a {
	font-size: 12px;
	font-weight: normal;
	color: #B3B3B3;
}

.demoVersion a:hover {
	text-decoration: underline;
}

table.demoDetail {
	width: 910px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

table.demoDetail td{
	text-align: left;
	vertical-align: top;
}

.demoScreenShot {
	width: 910px;
}

table.demoDetail table.demoScreenShot td {
	text-align: center;
	vertical-align: middle;
}

*/

/*  示例列表 */


.seperater_h {
	background: transparent url('../img/demos/sep.gif') no-repeat center center;
}

table.demoTable2 {
	width: 930px;
}
table.demoTable2 td {
	text-align: left;
	vertical-align: top;
}
table.demoTable2 td.demoContainer {
	width: 700px;
	padding-top: 10px;
	padding-left:10px;
}
table.demoTable2 td.demoReleated {
	width: 211px !important;
	width: 211px;
	padding-left: 19px;
}

.singleDemoContainer {
	width: 680px;
	height: 180px;
}

.singleDemoContainer .demoImageContainer {
	width: 260px;
	height: 180px;
	float:left;
}

.demoContentContainer {
	height: 180px;
	width: 420px;
	float: right;
	position: relative;
}

.singleDemoContainer .demoContentContainer a {
	background: transparent url("../img/demos/ico_userAction.gif") no-repeat left center;
	font-size: 14px;
	color: #0078C2;
	padding-left: 24px;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-right: 3px;
	font-weight: bold;
}

.singleDemoContainer .demoContentContainer a:hover {
	text-decoration: underline;
	color: #FE871A;
	cursor:pointer;
}

.singleDemoContainer .demoTitle {
	width: 420px;
	font-size: 18px;
	color: #0078C2;
	font-weight: bold;
	background: #FFFFFF;
	padding: 0px;
	margin-bottom: 20px;
	height: 20px;
}

.singleDemoContainer .demoDescription {
	width: 420px;
	font-size: 13px;
	color: #000000;
	padding: 0px;
	margin-bottom: 10px;
	text-indent: 24px;
	height: 60px;
}

.singleDemoContainer .demoOperation {
	width: 420px;
	font-size: 14px;
	color: #000000;
	padding: 0px;
	margin-bottom: 10px;
	height: 30px;
	vertical-align: middle;
}

.singleDemoContainer .demoOperation a.try {
	background-position: 0px -123px;
	margin-left: 50px;
}

.singleDemoContainer .demoTitle a {
	font-size: 16px;
	background-position: 0px -300px;
}

.singleDemoContainer .demoOperation a.download {
	background-position: 0px -26px;
	margin-left: 50px;
}

.singleDemoContainer .demoCommentContainer{
	width: 420px;
	font-size: 13px;
	color: #000000;
	padding: 0px;
	height: 30px;
	vertical-align: middle;
}

.singleDemoContainer .demoCommentContainer td.scoreTitle {
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
}

.singleDemoContainer .demoCommentContainer td.scoreDescription {
	color: #CCCCCC;
	vertical-align: middle;
}

.singleDemoContainer .demoCommentContainer td a {
	font-size: 12px;
	padding-top: 4px;
	background-position: 0px -152px;
	vertical-align: middle;
}

/* 示例相关资源 */

.demoReleatedContainer {
	width: 211px;
	vertical-align: top;
}

.demoReleatedItem {
	margin-bottom: 30px;
}

.itemTitle {
	background: transparent url("../img/demos/demoReleatedItemTitle_bg.gif") no-repeat left top;
	height: 22px !important;
	height: 27px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	color: #595959;
	text-align: left;
}

.items, .imageItems {
	border-left: solid 1px #B6B6B6;
	border-right: solid 1px #B6B6B6;
	border-bottom: solid 1px #B6B6B6;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}

.items div {
	background: transparent url("../img/demos/dot.gif") no-repeat left center;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 12px;
	color: #438DBD;
	margin-bottom: 10px;
}

.items div a {
	color: #438DBD;
}

.imageItems div {
	margin-left: 5px;
}

.imageItems div img {
	width: 200px;
}