body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}
:focus {outline: 0;}
address, caption, cite, code, dfn,em, th, var, optgroup {font-style: normal;font-weight: normal;}

h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}

input, button, textarea,
select, optgroup, option, i{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {font-size: 100%;}

input, button, textarea, select {*font-size: 100%;}
body {line-height: 1.5;}
ol, ul {list-style: none;}

table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.fn-clear {zoom:1; /* for IE6 IE7 */}

body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
body .fn-left {float:left;}
body .fn-right {float:right;}

/***************** CSS Style ********************/
@font-face {
    font-family: "Proxima-Nova-Light";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova-light-webfont.ttf") format("truetype");
}
@font-face {
    font-family: "Proxima-Nova";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype");
}
body{
	color: #68574f;
	font-size:12px;
	font-family: "Proxima-Nova-Light",Arial, Helvetica, sans-serif;
	background: url(../images/bg.png) #f3e1c9;
}
a{ color: #68574f;transition: color 0.1s linear 0s;text-decoration: none;}
a:hover {text-decoration: underline;color: #a23b2c;}

/* header */
#header{}

/* layout */
.layout{width: 1250px;margin: 0 auto;}
.sidebar{ width: 310px;}

/* ui-icon */
.ui-icon{
	display: block;
	overflow: hidden;
	text-indent: -999px;
	background-image: url(../images/ui.png);
	background-repeat: no-repeat;
}


/* language-tips */
#language-tips{
	color: #fff;
	overflow: hidden;
	font-size: 14px;
	height: 43px;
	line-height: 41px;
	text-align:center;
	background: url(../images/tip-bg.png) 0 0 repeat-x;
}
	#language-tips a{
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px;
		border-color: #333;
	}

/* header */
#header{
	background: url(../images/header-bg.png) 0 0 repeat-x;
}

/* headbar */
#headbar{
	height: 60px;
	padding: 10px 0;
	overflow: hidden;
}

	/* logo */
	#logo{
		float: left;
		width: 307px;
		height: 70px;
		overflow: hidden;
		margin-top: -5px;
		position: relative;
	}

	/* sponsors468x60 */
	.sponsors468x60,
	.sponsors468x60 img{
		display: block;
		width: 468px;
		height: 60px;
		overflow: hidden;
		margin: 0 auto;
	}

	/* sponsors728x90 */
	.sponsors728x90,
	.sponsors728x90 img{
		display: block;
		width: 728px;
		height: 90px;
		overflow: hidden;
		margin: 0 auto;
	}
	.sponsors728x90 img{position: absolute;}

/* navbar */
#navbar{
	height: 38px;
}
	/* ui-nav */
	.ui-nav,
	#signed{
		height: 38px;
		float: left;
	}
		.ui-nav li,
		#signed .sign-item{
			float: left;
			height: 38px;
			margin-right: 15px;
		}
			.ui-nav a,
			#signed .drop-title{
				display: block;
				height: 38px;
				line-height: 38px;
				font-size: 16px;
				color: #ebd2be;
				font-weight: 700;
				padding: 0 17px;
				overflow: hidden;
				text-shadow: 0 1px 0 rgba(0,0,0,0.2);
			}
			.ui-nav a:hover,
			.ui-nav .current a,
			#signed .drop-title:hover,
			#signed .drop-title-hover{
				color: #3a4b38;
				text-shadow: 0 1px 0 #a1bd8c;
				text-decoration: none;
				position: relative;
				background: url(../images/nav-bg.png);
				border-radius: 4px 4px 0 0;
				box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset,0 -1px 2px rgba(0,0,0,0.3),0 2px 0 #87ae6d,-1px 0 2px rgba(0,0,0,0.3),1px 0 2px rgba(0,0,0,0.3);
			}
		.ui-nav #home-nav a{padding: 0 20px;}
		.ui-nav #home-nav a:hover .homepage,
		.ui-nav #home-nav.current a .homepage{ background-position: -24px 0;}

		/* nav-upload */
		.ui-nav .nav-upload{text-transform:uppercase;}
		.upload-icon{
			display: inline-block;
			width: 18px;
			height: 19px;
			background-position: -31px -86px;
			vertical-align: middle;
			margin: -7px 0 0 7px;
		}
		.ui-nav .nav-upload:hover .upload-icon,
		.ui-nav .current .nav-upload .upload-icon{
			background-position: -31px -106px;
		}
		#upload{ float: right;}
		#upload li{	margin: 0 0 0 15px;}

	/* searchbar */
	#searchbar{
		height: 39px;
		padding: 17px 0;
		border-bottom: 1px solid #5a7145;
		background: url(../images/nav-bg.png);
		box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset,0 -1px 2px rgba(0,0,0,0.3),0 -1px 10px rgba(0,0,0,0.2) inset;
	}
		/* search-input */
		.search-input{
			width: 410px;
			height: 37px;
			line-height: 37px;
			overflow: hidden;
			float: left;
			color: #999;
			font-size: 14px;
			text-indent: 12px;
			border: 1px solid #667b5a;
			background-color: #fff;
			border-radius: 5px;
			font-weight: 700;
			margin: 0 6px 0 0;
			transition: all 0.25s ease-in-out 0s;
			box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 1px 3px rgba(0,0,0,0.3) inset;
		}
		.search-input:focus{
			background-color: #fff;
		}
		.search-button{
			height: 39px;
			line-height: 39px;
			overflow: hidden;
			float: left;
			text-align: center;
			padding: 0 35px;
			color: #fff;
			font-weight: 700;
			font-size: 18px;
			border: 1px solid #a23b2c;
			background-color: #ec6a5d;
			border-radius: 5px;
			cursor: pointer;
			text-shadow: 0 2px 1px #dd241f;
			transition: all 0.25s ease-in-out 0s;
			box-shadow: 0 1px 0 rgba(255,255,255,0.2),0 -1px 3px rgba(0,0,0,0.2) inset,0 1px 2px rgba(255,255,255,0.9) inset;
		}

		/* search-sort */
		.search-sort{
			width: 180px;
			height: 37px;
			line-height: 37px;
			margin: 0 6px 0 0;
			overflow: hidden;
			float: left;
			text-indent: 12px;
			border: 1px solid #667b5a;
			background-color: #f6ffe8;
			border-radius: 5px;
			transition: all 0.25s ease-in-out 0s;
			box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 -1px 3px rgba(0,0,0,0.2) inset,0 1px 2px rgba(255,255,255,0.9) inset;
		}
			/* selectbox */
			.search-sort .selectbox{
				width: 100%;
				height: 37px;
				line-height: 37px;
				font-size: 15px;
				background-position: right 0;
				border: 0 none;
				text-indent: 12px;
				color: #7a886e;
				cursor: pointer;
				display: block;
				font-size: 13px;
				font-weight: 700;
				border: 0 none;
				background: url(../images/search-combo-arrow.gif) right 0 no-repeat;
			}
			.search-sort .selectbox:hover{
				background-position: right 0;
			}
			/* selectbox-wrapper */
			.search-sort .selectbox-wrapper{
				display: block;
				width: 100%;
				border: 1px solid #667b5a;
				background-color: #fff;
				position: absolute;
				margin: 2px 0 0 -1px;
				padding: 2px 0;
				z-index: 9999;
				overflow: auto;
				overflow-x: hidden;
				max-height: 240px;
				box-shadow: 0 2px 5px rgba(0,0,0,0.3);
				border-radius: 4px;
			}
			.search-sort .selectbox-wrapper ul li{
				color: #333;
				cursor: pointer;
				display: block;
				height: 33px;
				line-height: 33px;
				font-size: 14px;
				overflow: hidden;
				margin: 0 2px;
				border-radius: 2px;
			}
			.search-sort .selectbox-wrapper ul li.selected {
				color: #7a886e;
				font-weight: 700;
				background-color: #eee;
			}
			.search-sort .selectbox-wrapper ul li.current {
				color: #fff;
				background-color: #8cb372;
			}


		/* ac_results */
		.ac_results{
			width: 410px;
			position: absolute;
			z-index: 999;
			margin: 40px 0 0 0;
			border: 1px solid #667b5a;
			background-color: #fff;
			box-shadow: 0 2px 5px rgba(0,0,0,0.3);
		}
			.ac_results li.odd,
			.ac_results li.even{
				height: 35px;
				border-bottom: 1px solid #f5f5f5;
			}
			.ac_results li.odd .ac_keyword{background-color: #fcfcfc;}
			.ac_results li.hover .ac_keyword{
				color: #000;
				background-color: #f5f5f5;
			}
				/* ac_keyword */
				.ac_keyword{
					color: #333;
					height: 35px;
					line-height: 35px;
					overflow: hidden;
					padding: 0 10px;
					font-size: 15px;
				}
					.ac_keyword span{ float: right; font-size: 13px; font-weight: 700; }

				/* ac_preview */
				.ac_preview{
					width: 293px;
					position: absolute;
					margin: -35px 0 0 412px;
					display: none;
				}
				.ac_results li.hover .ac_preview{
					display: block;
				}
					.ac_preview_arrow{
						width: 6px;
						height: 11px;
						overflow: hidden;
						float: left;
						margin-top: 16px;
						background: url(../images/arrow3.gif) right 0 no-repeat;
					}
					/* ac_preview_box */
					.ac_preview_box{
						width: 270px;
						height: 270px;
						margin: 5px 5px 5px 0;
						overflow: hidden;
						padding: 5px;
						color: #f00;
						border: 1px solid #667b5a;
						background-color: #fff;
						float: left;
					}
						/* ac_preview li */
						.ac_preview li{
							width: 86px;
							height: 86px;
							overflow: hidden;
							padding: 2px;
							float: left;
						}
							.ac_preview li img{
								width: 80px;
								height: 80px;
								display: block;
								overflow: hidden;
								border: 3px solid #fff;
							}
							.ac_preview li a:hover img{
								border-color: #93b592;
							}

	/* sign-entry	 */
	#sign-entry{
		float: right;
	}
		#sign-entry .sign-item{
			float: left;
			margin: 0 10px 0 0;
		}
		#sign-entry .sign-link{
			display: block;
			color: #fff;
			font-size: 16px;
			height: 37px;
			line-height: 35px;
			padding: 0 15px;
			overflow: hidden;
			text-align: center;
			border: 1px solid #4a653c;
			border-radius: 19px;
			background-color: #607a4d;
			box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 0 2px rgba(0,0,0,0.3) inset;
		}
		#sign-entry .sign-link .upload-icon{
			background-position: -12px -106px;
			margin-top: -2px;
		}

			/* drop-box */
			#sign-entry .drop-box{
				display: none;
				border: 1px solid #667b5a;
				background-color: #fff;
				position: absolute;
				padding: 2px 0;
				z-index: 9999;
				overflow: hidden;
				box-shadow: 0 2px 5px rgba(0,0,0,0.3);
				border-radius: 4px;
			}
				/* ui-signed  */
				.ui-signed{width: 128px;}
				.ui-signed li{
					font-weight: bold;
					height: 28px;
					line-height: 28px;
					overflow: hidden;
					border-bottom: 1px solid #eee;
				}
				.ui-signed li.line{
					height: 0;
					font-size: 0;
					border-color: #ccc;
					margin-top: -1px;
					position: relative;
				}
					.ui-signed li a{
						display: block;
						width: 100%;
						height: 100%;
						padding: 0 10px 0 8px;
						overflow: hidden;
					}
					.ui-signed li a:hover {
						text-decoration: none;
						background-color: #f5f5f5;
					}
					.ui-signed li img{
						display: block;
						width: 16px;
						height: 16px;
						overflow: hidden;
						margin: 6px 5px 0 0;
						float: left;
					}


	/* choose-languages */
	#choose-languages{
		width: 37px;
		height: 37px;
		overflow: hidden;
		text-align: center;
		float: right;
		border: 1px solid #4a653c;
		border-radius: 19px;
		background-color: #607a4d;
		box-shadow: 0 1px 0 rgba(255,255,255,0.3), 0 0 2px rgba(0,0,0,0.3) inset;
	}
		#choose-languages img{
			display: block;
			width: 24px;
			height: 24px;
			margin: 0 auto;
			margin-top: 6px;
		}
		/* languages */
		#languages{}
		.lang-button{ padding: 10px;}

		/* ui-languages */
		.ui-languages{width:340px;}
		.ui-languages li{
			width: 169px;
			height: 29px;
			line-height: 28px;
			overflow: hidden;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
			float: left;
		}
		.ui-languages li.current a{
			font-weight: 700;
			color: #68574f;
		}
			.ui-languages a{
				display: block;
				width: 100%;
				height: 100%;
				padding-left: 6px;
				overflow: hidden;
			}
			.ui-languages a:hover{
				color: #68574f;
				text-decoration: none;
				background-color: #f5f5f5;
			}
			.ui-languages img{
				width: 24px;
				height: 24px;
				margin: 2px 7px 0 0;
				float: left;
			}





/* content */
#content{
	width: 1250px;
	margin: 0 auto;
}

/* ui-box */
.ui-box{
	margin-top: 10px;
	border: 1px solid #c7b6a4;
	border-bottom-color: #9c8275;
	border-top-color: #cdbaa2;
	background-color: #fff5eb;
	box-shadow: 0 0 3px rgba(0,0,0,0.2),0 -10px 10px rgba(0,0,0,0.05) inset;
	border-radius: 5px;
}
	.ui-box .ui-title{
		height: 44px;
		line-height: 44px;
		padding: 0 20px;
		overflow: hidden;
		text-shadow: 0 1px 0 #fff;
		border-radius: 5px 5px 0 0;
		border-bottom: 1px solid #cbad95;
		background-color: #feeddb;
		box-shadow: 0 1px 0 #fff3e0 inset,0 -10px 10px #f1e1ca inset;
	}
		.ui-box .ui-title span{ float: right; font-size: 12px; color: #666;}
		.ui-box .ui-title span a{text-decoration: underline; }
		.ui-box .ui-title h2{
			color: #68574f;
			font-size: 16px;
			font-weight: 700;
			text-transform:uppercase;
		}

.ui-box-gray{
	margin-top: 10px;
	border: 1px solid #e0d6ca;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
	.ui-box-gray .ui-title{
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
	}
	.ui-box-gray .ui-title h2{ font-size: 14px;}

/* image-wall */
#image-wall,
#image-wall-item{
	width: 1230px;
	height: 660px;
	padding: 9px;
	position: relative;
}
	/* image-wall-item */
	#image-wall-item{padding: 0;}
	.image-wall-node{
		width: 90px;
		height: 90px;
		overflow: hidden;
		position: absolute;
	}
		.image-wall-node span{
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			overflow: hidden;
		}
		.image-wall-node img{
			display: block;
			overflow: hidden;
		}
		.image-wall-node a.text{
			display: block;
			width: 90px;
			height: 90px;
			overflow: hidden;
			text-align: center;
			background-color: #F3E1C9;
		}
		.image-wall-node:hover{overflow: visible;z-index: 3;}
		.image-wall-node:hover span{
			box-shadow: 0 5px 10px rgba(0,0,0,0.3);
			background-color: rgba(255,255,255,0.9);
			border: 4px solid rgba(255,255,255,0.9);
			border-radius: 4px;
			box-sizing: border-box;
		}
		.image-wall-node a.text:hover{color: #68574f; background-color: #FFCCCC; text-decoration: none;}
		.image-wall-node em{ color: #666;}
		.image-wall-node strong{
			display: block;
			font-size: 14px;
			line-height: 20px;
			margin: 0 8px;
			padding: 12px 0;
		}


/* homepage-main */
.main{width: 930px; overflow: hidden; }
#homepage-main{padding-bottom: 4px;}

/* homepage-list */
.homepage-list .primary-list-large{ margin: 10px 0 20px 0;}
.homepage-list .primary-list-large li{ margin: 20px 0 0 42px;}

/* homepage-page */
.homepage-page{
	text-align: right;
	padding: 15px 40px 18px 40px;
	border-top: 1px solid #e0d6ca;
}

/* homepage-tags */
.homepage-tags{
	padding-bottom: 7px;
	overflow: hidden;
}
	.homepage-tags .ui-title{padding: 0 15px;}
	.homepage-tags .ui-tags{ padding-top: 14px;}
	.homepage-tags .ui-tags li{margin: 0 7px 7px 0;	}

	/* ui-tags */
	.ui-tags{
		overflow: hidden;
		padding: 14px 5px 0 12px;
	}
		/* ui-tags */
		.ui-tags li{
			display: block;
			height: 18px;
			line-height: 18px;
			overflow: hidden;
			float: left;
			padding: 0 10px;
			font-size: 12px;
			font-weight: 700;
			margin: 0 6px 6px 0;
			color: #76655b;
			border: 1px solid #916a43;
			background-color: #d9ba9b;
			text-shadow: 0 1px 0 #edd3b8;
			border-radius: 4px;
			box-shadow: 0 1px 2px rgba(255,255,255,0.8) inset,0 -1px 2px #b5885a inset;
		}
		.ui-tags li:hover{background-color: #e1c7a9;}
		.ui-tags li em{margin-left: 8px;}

/* max-tags */
.max-tags{ margin: 10px 0;}
.max-tags li{
	width: 158px;
	overflow: hidden;
	padding-left: 20px;
	float: left;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}

/* homepage-sponsors */
.homepage-sponsors{
	padding: 20px 0;
	overflow: hidden;
}

/* ui-sponsors */
.ui-sponsors{width: 308px;overflow: hidden;}
.ui-sponsors h2{
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	height: 32px;
	line-height: 36px;
	overflow: hidden;
	text-transform:uppercase;
	color: #68574f;
}

/* sponsors300x250 */
.sponsors300x250{padding: 4px;}
.sponsors300x250,
.sponsors300x250 img{
	width: 300px;
	height: 250px;
	overflow: hidden;
}

/* sponsors250x250 */
.sponsors250x250{padding: 4px 29px 29px 29px;}
.sponsors250x250,
.sponsors250x250 img{
	width: 250px;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
}

/* sponsors125x125 */
.sponsors125x125{
	display: block;
	width: 282px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 2px;
	margin-bottom: 2px;
}
	.sponsors125x125 li{float: left; padding: 8px;}
	.sponsors125x125 li,
	.sponsors125x125 img{
		display: block;
		width: 125px;
		height: 125px;
		overflow: hidden;
	}


/* footer */
#footer{
	font-size: 14px;
	overflow: hidden;
	padding: 20px 0;
	margin-top: 10px;
	text-align: center;
	color: #68574f;
}
	.footer-nav{ padding-bottom: 10px;}
	.footer-nav .copyright{text-transform:uppercase; padding-right: 30px;}
	.footer-nav a{margin: 0 10px}

/* ui-social */
.ui-social{
	# height: 24px;
	overflow: hidden;
	margin: 0 auto;
}
	.ui-social img{
		# width: 24px;
		# height: 24px;
		overflow: hidden;
		filter: alpha(opacity=80);
		opacity: 0.8;
		filter: 0;
		vertical-align: middle;
	}
	.ui-social a:hover img{
		filter: alpha(opacity=100);
		opacity: 1;
	}

/* back-to-top */
#back-to-top{
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: fixed;
	right: 20px;
	bottom: 20px;
	text-indent: -999px;
	background: url(../images/back-to-top.gif) center center no-repeat #333;
	border-radius: 2px;
}
#back-to-top:hover{
	background-color: #68574f;
}

/* ui-categories */
.ui-categories{
	width: 198px;
	padding-left: 16px;
	overflow: hidden;
}
	.ui-categories h3{
		font-size: 18px;
		color: #333;
		height: 30px;
		line-height: 30px;
		padding: 10px 0;
		text-transform: uppercase;
	}
	/* category-list */
	.category-list{
		overflow: hidden;
	}
		.category-list li{
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			font-size: 13px;
			padding-left: 16px;
			position: relative;
			background: url(../images/ui.png) 0 0 no-repeat;
		}
		.category-list a{
			display: block;
			height: 20px;
			line-height: 20px;
			padding: 0 5px;
			margin-top: 5px;
			overflow: hidden;
			border-radius: 2px;
		}
		.category-list a:hover{
			text-decoration: none;
			background-color: #eee4da;
		}
		.category-list .current a,
		.category-list .current em{
			color: #68574f;
			font-weight: 700;
			text-shadow:0 1px 0 #fff;
		}
		.category-list .current a{
			background-color: #e8dacc;
		}
		.category-list li em{
			font-size: 11px;
			color: #999;
			position: absolute;
			right: 10px;
		}

/* related-searches */
.related-searches .ui-cnt{
	padding: 5px 3px 5px 13px;
}


/* hot-tags */
.hot-tags{
	overflow: hidden;
	padding: 5px 0;
}
	.hot-tags h5{
		color: #404e37;
		font-size: 16px;
		padding: 3px 10px;
	}

/* cloud-tags */
.cloud-tags{
	line-height: 26px;
	overflow: hidden;
	padding: 6px 5px;
}
	.cloud-tags a{
		display: inline-block;
		margin-right: 10px;
		white-space: normal;
		word-break: break-all;
	}
	.cloud-tags .f14{font-size: 14px;}
	.cloud-tags .style1{color: #65850F;}
	.cloud-tags .style2{color: #f60;}
	.cloud-tags .style3{color: #666;}
	.cloud-tags .style4{color: #298DA9;}
	.cloud-tags .style5{color: #ED0000;}
	.cloud-tags .style6{color: #E818BF;}

/* premium-list */
.premium-list{ margin-left: -17px;}
.premium-list li{
	width: 110px;
	float: left;
	margin: 15px 0 0 17px;
}
	/* premium-img */
	.premium-img{
		display: block;
		width: 110px;
		height: 110px;
		overflow: hidden;
		position: relative;
		border-radius: 2px;
		box-shadow: 0 1px 2px #ab8d73;
	}
		.premium-img span,
		.premium-img .nocoda{
			display: block;
			overflow: hidden;
			position: absolute;
			top: 50%;
			left: 50%;
		}
		.premium-img span img{
			display: block;
		}

	.premium-img:hover{overflow: visible;z-index: 3;}
	.premium-img:hover span,
	.premium-img:hover .nocoda{
		box-shadow: 0 5px 10px rgba(0,0,0,0.3);
		background-color: rgba(255,255,255,0.9);
		border: 4px solid rgba(255,255,255,0.9);
		border-radius: 4px;
		box-sizing: border-box;
	}

	/* thumboffset */
	.offset-preview:hover,
	.premium-img-fixed:hover{overflow: hidden;}		
	.offset-preview:hover span,
	.offset-preview:hover .nocoda,
	.offset-preview:hover img,
	.premium-img-fixed:hover .nocoda,
	.premium-img-fixed:hover span,
	.premium-img-fixed:hover img{box-shadow: none;border: 0 none;border-radius: 0;}
	
	/* premium-text */
	.premium-text{
		margin: 0 5px;
		display: block;
		height: 28px;
		line-height: 28px;
		overflow: hidden;
		text-align: center;
		word-break:keep-all;
		white-space:nowrap;
		font-size: 12px;
	}

	.premium-text-placeholder{
		display: block;
		height: 15px;
		line-height: 15px;
	}


/* offset-preview-fixed */
.offset-preview-fixed{
	position: absolute;
	z-index: 9999;
	padding: 10px;
	text-align: center;
	margin-top: -1px;
	margin-left: 10px;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	border-radius: 4px;
}
	.offset-preview-fixed .img{
		min-height: 30px;
		background: url(../images/loading.gif) center center no-repeat;
	}
	.offset-preview-fixed img{display: block; margin: 0 auto;}
	.offset-preview-fixed .img-fixed img{ max-width: 100%;}
	.offset-preview-fixed .img-fixed{
		width: 300px;
		overflow: hidden;
		text-align: center;
	}
	.offset-preview-fixed .text{
		display: block;
		font-size: 14px;
		margin-top: 5px;
		font-style: italic;
	}
	.offset-preview-fixed:after{
		position: absolute;
		top: 12px;
		left: -8px;
		display: inline-block;
		border-top: 8px solid transparent;
		border-right: 8px solid #fff;
		border-bottom: 8px solid transparent;
		content: '';
	}
	.offset-preview-fixed:before{
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px dashed #e5e5e5;
		display: inline-block;
		content: '';
		position: absolute;
		left: -9px;
		top: 12px;
	}

/* offset-preview-fixed-right */
.offset-preview-fixed-right{margin-left: -10px;}
.offset-preview-fixed-right:after{
	position: absolute;
	top: 12px;
	left: auto;
	right: -8px;
	border-right: 0 none;
	border-left: 8px solid #fff;
}
.offset-preview-fixed-right:before{
	border-right: 0 none;
	border-left: 8px dashed #e5e5e5;
	left: auto;
	right: -9px;
	top: 12px;
}		
	
/* premium-list-middle */
.premium-list-middle{}
.premium-list-middle	li{width: 125px;}
.premium-list-middle li .premium-img{width: 125px;height: 115px; }

/* premium-list-large */
.premium-list-large li{width: 135px; }
.premium-list-large li .premium-img{width: 135px;height: 125px;}

/* premium-sponsor125 */
.premium-sponsor125{width: auto;}
.premium-sponsor125 li{ width: 125px; height: 125px;margin: 0 10px 0 0;}
.premium-sponsor125 li img{width: 125px;height: 125px;}

/* premium-sponsor110 */
.premium-sponsor110{width: auto;}
.premium-sponsor110 li{ width: 110px; height:150px;margin: 0 10px;}

/* primary-list */
.primary-list{ margin: 0 0 0 -20px;}
.primary-list li{
	width: 150px;
	height: 140px;
	float: left;
	margin: 15px 0 0 20px;
}
	.primary-img{
		display: block;
		width: 150px;
		height: 115px;
		position: relative;
		overflow: hidden;
		border-radius: 2px;
		box-shadow: 0 1px 2px #ab8d73;
	}
		.primary-img img{
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
		}

	.primary-img:hover{overflow: visible;z-index: 3;}
	.primary-img:hover img{
		box-shadow: 0 5px 10px rgba(0,0,0,0.3);
		background-color: rgba(255,255,255,0.9);
		border: 4px solid rgba(255,255,255,0.9);
		border-radius: 4px;
		box-sizing: border-box;
	}

	.primary-text{
		margin: 0 5px;
		display: block;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		text-align: center;
		word-break:keep-all;
		white-space:nowrap;
		font-size: 13px;
		text-shadow: 0 1px 0 #fff;
	}

/* primary-list-middle */
.primary-list-middle{ margin: 0 0 0 -20px;}
.primary-list-middle li{width: 165px;height: 150px;margin: 15px 0 0 20px;}
.primary-list-middle .primary-img{width: 165px;height: 125px;}

/* primary-list-large */
.primary-list-large{ margin: 0 0 0 -25px;}
.primary-list-large li{width: 180px;height: 158px;margin: 15px 0 0 25px;}
.primary-list-large .primary-img{width: 180px;height: 135px;}


/* thumb-premium-wrapper */
.thumb-premium-wrapper{
	border: 1px solid #ec6a5d;
	padding-top: 2px;
}
	.thumb-premium-wrapper .before{ 
		display: inline-block; 
		text-transform: uppercase;
		position: absolute;
		padding: 1px 10px;
		line-height: 1;
		margin: -2px 0 0 15px;
		background-color: #ec6a5d;
		border-radius: 0 0 2px 2px;
		color: #fff;
	}	
	/* search-premium */
	.search-premium .thumb-premium-wrapper{padding: 10px 14px 15px 13px;margin: -6px -14px -15px -15px;}	
	.search-premium .thumb-premium-wrapper .before{ margin: -10px 0 0 0;}
	.search-premium .thumb-premium-wrapper .premium-item{ margin-top: 1px;}
	
/* author-intro */
.author-intro{
	overflow: hidden;
	padding: 25px;
	border-bottom: 1px solid #e0d6ca;
}
	/* author-img */
	.author-img,
	.author-img img{
		display: block;
		width: 150px;
		height: 150px;
		overflow: hidden;
		box-shadow: 0 1px 2px #ab8d73;
		border-radius: 2px;
	}

	/* author-info */
	.author-info{
		overflow: hidden;
		width: 270px;
		padding-left: 25px;
	}
		.author-info h2{
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			font-size: 24px;
			font-weight: 600;
			margin-bottom: 12px;
		}
		.author-info li{
			height: 27px;
			line-height: 28px;
			overflow: hidden;
			font-size: 16px;
		}
			.author-info li span{  float: left; width: 110px;}
			.author-info li a{ color: #06c;}

	/* author-other */
	.author-other{width: 728px;overflow: hidden; padding-top: 10px;}
	.author-other p{ text-align: right; font-size: 16px; font-weight: 600; margin-top: 25px;}

/* author-cnt */
.author-cnt{padding: 10px 25px;}
.author-cnt .primary-list{ margin-left: -24px;}
.author-cnt .primary-list li{ margin-left: 24px;}
.author-cnt .primary-list-large{ margin-left: -23px;}
.author-cnt .primary-list-large li{ margin-left: 23px;}
.author-cnt .primary-page{ padding-top: 30px;}

/* author-listing */
.author-listing .ui-bar{padding: 15px;border-bottom: 1px solid #e0d6ca; margin-bottom: 5px;}
.author-listing .primary-page{padding-top: 30px;}
/* author-group */
.author-group{ margin: 0 0 0 10px;}
.author-group li{
	float: left;
	overflow: hidden;
	width: 228px;
	margin: 15px 0 0 15px;
}
	/* img */
	.author-group li .img{ float: left;}
	.author-group li .img,
	.author-group li .img img{
		display: block;
		width: 100px;
		height: 100px;
		overflow: hidden;
	}
	/* txt */
	.author-group li .txt{
		display: block;
		width: 113px;
		float: right;
		overflow: hidden;
	}
		.author-group li .txt h5{
			font-size: 16px;
			font-weight: 600;
			word-break: break-all;
			height: 30px;
			line-height: 30px;
			overflow: hidden;
		}
		.author-group li .txt p{
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			font-size: 14px;
		}
			.author-group li .txt p a{ color: #06c;}

/* author-group-medium */
.author-group-medium li .img,
.author-group-medium li .img img{width: 80px;height: 80px;}
.author-group-medium li .txt{ width: 133px;}

/* author-group-small */
.author-group-small li .img,
.author-group-small li .img img{width: 60px;height: 60px;}
.author-group-small li .txt{ width: 143px;}
.author-group-small li .txt p{height:20px;line-height: 20px;}

/* max-premium */
.max-premium{
	width: 1235px;
	padding: 0 0 15px 15px;
	border-bottom: 1px solid #e0d6ca;
}
.max-premium .premium-list{ margin-left: -13px;}
.max-premium .premium-list li{ margin-left: 13px;}
.max-premium .premium-list-large{ margin-left: -21px;}
.max-premium .premium-list-large li{ margin-left: 20px;}
.max-premium .premium-list-middle{margin-left: -14px;}
.max-premium .premium-list-middle li{margin-left: 12px;}

/* primary */
.primary{
	width: 1002px;
	padding-right: 16px;
}
	/* primary-sponsors */
	.primary-sponsors{margin-top: 15px;	}
	/* primary-page */
	.primary-page{	text-align: center;padding: 15px 0 40px 0;}

/* premium-layout */
#premium-layout .ui-box{padding-top: 6px;}
#premium-layout .premium-list{ margin-top: 12px;}
#premium-layout .premium-list li{ margin-top: 3px;}
#premium-layout .premium-list-middle{ margin-left: -21px;}
#premium-layout .premium-list-middle li{ margin-left: 21px;}
#premium-layout .premium-list-large{ margin-left: -9px;}
#premium-layout .premium-list-large li{ margin-left: 9px;}

/* search-primary */
.search-primary{width: 823px;padding: 5px 15px 0 16px;border-right: 1px solid #e0d6ca;}
.search-primary .primary-list{ margin-left: -18px;}
.search-primary .primary-list li{ margin-left: 18px;}

/* search-primary-free */
.search-primary-free{border: 0 none;width: 1218px;}
.search-primary-free .primary-list{ margin-left: -25px;}
.search-primary-free .primary-list li{margin-left: 27px;}
.search-primary-free .primary-list-middle{ margin-left: -9px;}
.search-primary-free .primary-list-middle li{margin-left: 10px;}


/* search-premium */
.search-premium{
	width: 364px;
	margin-left: -1px;
	padding: 5px 14px 15px 15px;
	border-left: 1px solid #e0d6ca;
}
.search-premium .premium-item{ margin-top: 10px;}
.search-premium .premium-list{}
.search-premium .premium-list li{ margin-top: 3px;}
.search-premium .ui-bar h5{color: #68574f;font-size: 16px;text-transform:uppercase;}
.search-premium .ui-bar span{ float: right; font-size: 13px;}
.search-premium .ui-bar span a{text-decoration: underline;}
.search-premium .ui-bar .ui-pages{
	height: 20px;
	font-size: 12px;
	margin: 5px 0 0 5px;
}
.search-premium .ui-bar .ui-pages a,
.search-premium .ui-bar .ui-pages span{
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	float: left;
	margin-left: 5px;
}

/* search-results165 */
#search-results165 .search-primary{width: 728px;padding: 5px 15px 0 16px;}
#search-results165 .search-primary .primary-list{ margin-left: -22px;}
#search-results165 .search-primary .primary-list li{ width:165px; margin-left: 22px;}
#search-results165 .search-primary .primary-img{ width: 165px;height: 125px;}
#search-results165 .search-premium{width: 468px;padding: 5px 10px 15px 10px;}
#search-results165 .search-premium .premium-list{ margin-left: -9px;}
#search-results165 .search-premium .premium-list li{ margin: 3px 0 0 9px;}

/* search-results180 */
#search-results180 .search-primary{width: 753px;padding: 5px 15px 0 15px;}
#search-results180 .search-primary .primary-list{ margin-left: -10px;}
#search-results180 .search-primary .primary-list li{ width:180px; height: 155px; margin-left: 10px;}
#search-results180 .search-primary .primary-img{ width: 180px;height: 135px;}
#search-results180 .search-premium{width: 435px;}
#search-results180 .search-premium .premium-list{ margin-left: -15px;}
#search-results180 .search-premium .premium-list li{ margin: 3px 0 0 15px;}

/* search-results180_125 */
#search-results180_125 .search-primary{width: 782px;padding: 5px 15px 0 15px;}
#search-results180_125 .search-primary .primary-list{ margin-left: -120x;}
#search-results180_125 .search-primary .primary-list li{ width:180px; height: 155px; margin-left: 20px;}
#search-results180_125 .search-primary .primary-img{ width: 180px;height: 135px;}
#search-results180_125 .search-premium{width: 406px;}
#search-results180_125 .search-premium .premium-list{ margin-left: -15px;}
#search-results180_125 .search-premium .premium-list li{ margin: 3px 0 0 15px;}

/* premium-list-notext */
.search-premium .premium-list-notext,
#search-results180 .search-premium .premium-list-notext,
#search-results165 .search-premium .premium-list-notext,
#search-results125 .search-premium .premium-list-notext{margin-top: -7px;}
.search-premium .premium-list-notext li,
#search-results180 .search-premium .premium-list-notext li,
#search-results165 .search-premium .premium-list-notext li,
#search-results125 .search-premium .premium-list-notext li{margin-top: 10px;}

/* search-sponsors */
.search-sponsors{
	width: 435px;
	overflow: hidden;
	padding: 6px 9px;
	border: 1px solid #e0d6ca;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
	.search-sponsors .sponsors300x250{
		padding: 0;
		float: left;
		margin-top: 6px;
	}
	.search-sponsors .sponsors125x125{
		width: 125px;
		overflow: hidden;
		float: right;
		margin: 0;
	}
	.search-sponsors .sponsors125x125 li{float: none; padding: 3px 0;}

/* premium-search-page */
.premium-search-page{padding: 5px 15px;}
.premium-search-page .premium-item{}
.premium-search-page .premium-list{ margin-left: -13px;}
.premium-search-page .premium-list li{ margin-left: 13px; margin-bottom: -7px;}
.premium-search-page .premium-list-middle{ margin-left: -9px;}
.premium-search-page .premium-list-middle li{ margin-left: 11px;}
.premium-search-page .premium-list-large{ margin-left: -18px;}
.premium-search-page .premium-list-large li{ margin-left: 19px;}
.premium-search-page .primary-page{ padding-top: 30px;}

/* search-not-found */
.search-not-found{padding: 20px 30px; border-top: 1px solid #eee;}
.search-not-found h2{font-size: 40px;}
.search-not-found h3{font-size: 20px; margin-bottom: 10px;}
.search-not-found p{font-size: 18px; padding: 7px 0; color: #333;}
.search-not-found p a{text-decoration: underline; color: #f60;}
.search-not-found p strong{color: #f00;}
.search-not-found .ui-tags{padding: 0 5px 0 0;}

/* load-more */
.load-more{
	width: 500px;
	height: 70px;
	line-height: 70px;
	margin: 20px auto;
}
	.load-more a{
		display: block;
		text-align: center;
		font-size: 28px;
	}

/* bread-crumbs */
.bread-crumbs{
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 700;
	padding: 0 15px;
	color: #666;
	border-bottom: 1px solid #e0d6ca;
}
	.bread-crumbs em{margin: 0 10px;}
	.bread-crumbs a{ text-decoration: underline;}
	.bread-crumbs .ui-detail-report{
		font-size: 12px;
		font-weight: normal;
		float: right;
		color: #999;
	}
	.bread-crumbs .ui-detail-report:hover{
		color: #68574f;
	}
	.bread-crumbs .ui-button{
		text-decoration: none;
		margin-top: 6px;
	}

/* ui-rating */
.ui-rating{
	height: 16px;
	overflow: hidden;
}
	.ui-rating li{
		cursor: pointer;
		float:left;
		overflow: hidden;
		width: 16px;
		height: 16px;
		margin: 0 0 0 3px;
		text-indent: -99px;
		background: url(../images/star.gif) 0 -16px no-repeat;
	}
	.ui-rating li.hover,
	.ui-rating li.active{
		background: url(../images/star.gif) 0 0 no-repeat;
	}

/* ui-bar */
.ui-bar{
	line-height: 30px;
	padding-top: 10px;
}
	/* ui-info */
	.ui-info p{
		font-size: 14px;
		text-transform: uppercase;
		text-shadow: 0 1px 0 #fff;
	}

/* table-data */
.table-data{
	width: 100%;
	margin: 10px 0 0 0;
}
	.table-data th,
	.table-data td{
		height: 38px;
		font-size: 13px;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		padding: 0 10px;
		border: 1px solid #e0d6ca;
		white-space:nowrap;
	}
	.table-data th{
		font-weight: bold;
		text-shadow: 0 1px #fff;
		background-color: #feeddb;
		box-shadow: 0 1px 0 #fff3e0 inset,0 -2px 3px #f1e1ca inset;
	}
		.table-data tr.odd td{background: #f7ebe0;}
		.table-data tr.hover td{background: #fff;}
		.table-data tr.selecteds td{background: #f0dfcd;}

		.table-data .text-left{ text-align: left; }
		.table-data .text-right{ text-align: right; }

		.table-data .col30{width: 30px;}
		.table-data .col40{width: 40px;}
		.table-data .col50{width: 50px;}
		.table-data .col60{width: 60px;}
		.table-data .col70{width: 70px;}
		.table-data .col80{width: 80px;}
		.table-data .col90{width: 90px;}
		.table-data .col100{width: 100px;}
		.table-data .col110{width: 110px;}
		.table-data .col120{width: 120px;}
		.table-data .col130{width: 130px;}
		.table-data .col140{width: 140px;}
		.table-data .col150{width: 150px;}
		.table-data .col160{width: 160px;}
		.table-data .col162{width: 162px;}
		.table-data .col170{width: 170px;}
		.table-data .col180{width: 160px;}
		.table-data .col220{width: 220px;}
		.table-data .col230{width: 230px;}
		.table-data .col250{width: 250px;}
		.table-data .col260{width: 260px;}
		.table-data .col270{width: 270px;}
		.table-data .col300{width: 300px;}
		.table-data .col310{width: 310px;}
		.table-data .col320{width: 320px;}
		.table-data .col580{width: 580px;}


		.table-data .checkboxs{
			display: block;
			margin: 0 auto;
		}
		.table-data .ui-input,
		.table-data .ui-button,
		.table-data .ui-button-gray{ float: none; display: block;}

		.table-data img{ display: block; margin: 0 auto;}
		.table-data img.x16{margin-top:6px;}
		.table-data img.x24{margin-top:2px;}
		.table-data .tags_box li{margin: 0 5px 0 0;}

		/* table-text */
		.table-text{font-size: 13px; color: #333;}
		.table-text span{margin-right: 15px;font-size:14px;}
		.table-text strong{margin: 0 3px; font-size: 14px;}

		/* ui-volume */
		.ui-volume{
			width: 100px;
			height: 20px;
			padding-right: 2px;
			margin: 0 auto;
			border: 1px solid #ccc;
			text-align: left;
			background-color: #fff;
		}
			.ui-volume div{
				height: 20px;
				overflow: hidden;
				background: url(../images/ui-volume.gif) 0 0 repeat-x #fff;
			}

		/* ui-chart */
		.ui-chart{
			width: 150px;
			height: 13px;
			margin: 0 auto;
			overflow: hidden;
			background: url(../images/percentage.png) 0px -31px repeat-x;
		}
			.ui-chart div{
				height: 13px;
				float: left;
				overflow: hidden;
				background-image: url(../images/percentage.png);
				background-repeat: repeat-x;
			}
			.ui-chart div.green{background-position: 0 0;}
			.ui-chart div.purple{background-position: 0 -16px;}

/* tran-info */
.tran-info{
	overflow: hidden;
	margin: 10px 0 0 0;
	color: #666;
}
	.tran-info ol{
		height: 45px;
		overflow: hidden;
		background: url(../images/percentage.png) 0px 2px no-repeat;
	}
		.tran-info ol li{
			height: 16px;
			line-height: 16px;
			overflow: hidden;
			text-indent: 18px;
		}

/* translate-item */
.translate-item{
	overflow: hidden;
}
	/* tran-num */
	.tran-num{
		width: 30px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		color: #ccc;
		font-style: italic;
		text-align: center;
		font-size: 20px;
		position: absolute;
		background: #f5f5f5;
	}
		.tran-num strong{
			color: #293e6b;
			font-weight: normal;
		}

	/* ui-form */
	.translate-item .ui-form{ padding: 15px 0; overflow: hidden;}
	.translate-item .ui-form-item{ padding: 5px 0; }
	.translate-item .ui-message{ padding-left: 150px;}
	.translate-item .ui-tips{ margin-left: 940px;}


/* Width Fixed */
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w78{width: 78px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w95{width: 95px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w118{width: 118px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w145{width: 145px;}
.w150{width: 150px;}
.w155{width: 155px;}
.w156{width: 156px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w174{width: 174px;}
.w180{width: 180px;}
.w182{width: 182px;}
.w190{width: 190px;}
.w194{width: 194px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w212{width: 212px;}
.w220{width: 220px;}
.w230{width: 230px;}
.w235{width: 235px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w255{width: 255px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w272{width: 272px;}
.w280{width: 280px;}
.w284{width: 284px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w310{width: 310px;}
.w320{width: 320px;}
.w330{width: 330px;}
.w332{width: 332px;}
.w338{width: 338px;}
.w350{width: 350px;}
.w360{width: 360px;}
.w370{width: 370px;}
.w375{width: 375px;}
.w380{width: 380px;}
.w385{width: 385px;}
.w390{width: 390px;}
.w400{width: 400px;}
.w410{width: 410px;}
.w415{width: 415px;}
.w420{width: 420px;}
.w422{width: 422px;}
.w426{width: 426px;}
.w440{width: 440px;}
.w450{width: 450px;}
.w454{width: 454px;}
.w460{width: 460px;}
.w472{width: 472px;}
.w485{width: 485px;}
.w495{width: 495px;}
.w500{width: 500px;}
.w502{width: 502px;}
.w510{width: 510px;}
.w512{width: 512px;}
.w520{width: 520px;}
.w522{width: 522px;}
.w530{width: 530px;}
.w540{width: 540px;}
.w550{width: 550px;}
.w560{width: 560px;}
.w570{width: 570px;}
.w580{width: 580px;}
.w582{width: 582px;}
.w600{width: 600px;}
.w610{width: 610px;}
.w640{width: 640px;}
.w650{width: 650px;}
.w680{width: 680px;}
.w690{width: 690px;}
.w700{width: 700px;}
.w720{width: 720px;}
.w750{width: 750px;}
.w760{width: 760px;}
.w800{width: 800px;}
.w820{width: 820px;}
.w845{width: 845px;}
.w850{width: 850px;}
.w880{width: 880px;}
.w990{width: 990px;}
.w-auto{width: 100%;}

/* Height Fixed */
.h30{height: 30px;}
.h40{height: 40px;}
.h200{height: 200px;}
.h110{height: 110px;}
.h130{height: 130px;}
.h150{height: 150px;}
.h200{height: 200px;}

/* margin */
body .mr0{margin-right: 0;}
body .ml{margin-left: 10px;}
body .mt{margin-top: 10px;}
body .mr{margin-right: 10px;}
body .mb{margin-bottom: 10px;}
body .pb15{ padding-bottom: 15px;;}

/* ui-form */
.ui-form{}
/* ui-form-line */
.ui-form-line{
	height: 0;
	font-size: 0;
	line-height: 0;
	padding: 15px 0 0 0;
	overflow: hidden;
	border-bottom: 1px solid #e9e7e3;
}

/* ui-label */
.ui-label{
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	float: left;
	font-size: 14px;
	padding: 0 10px 0 0;
	text-align: right;
	text-shadow: 0 1px 0 #fff;
}

/* ui-label-checkbox */
.ui-label-checkbox{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
	.ui-label-checkbox input{
		float: left;
		margin: 8px 4px 0 0;
		*margin: 3px 0 0 -4px;
	}

/* ui-select */
.ui-select{
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	float: left;
	text-indent: 12px;
	border: 1px solid #bca08b;
	background-color: #efd7bf;
	border-radius: 5px;
	transition: all 0.25s ease-in-out 0s;
	box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 -1px 3px rgba(0,0,0,0.2) inset,0 1px 2px rgba(255,255,255,0.9) inset;
}
	/* selectbox */
	.selectbox{
		width: 100%;
		height: 28px;
		line-height: 28px;
		border: 0 none;
		text-indent: 12px;
		color: #806b5a;
		cursor: pointer;
		display: block;
		font-size: 13px;
		font-weight: 700;
		border: 0 none;
		background: url(../images/ui.png) right -55px no-repeat;
	}
	.selectbox:hover{
		background-position: right -28px;
	}
	/* selectbox-wrapper */
	.selectbox-wrapper{
		display: block;
		width: 100%;
		border: 1px solid #bca08b;
		background-color: #fff;
		position: absolute;
		margin: 2px 0 0 -1px;
		padding: 2px 0;
		z-index: 9999;
		overflow: auto;
		overflow-x: hidden;
		max-height: 240px;
		box-shadow: 0 2px 5px rgba(0,0,0,0.3);
		border-radius: 4px;
	}
	.selectbox-wrapper ul li{
		color: #333;
		cursor: pointer;
		display: block;
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		margin: 0 2px;
		border-radius: 2px;
	}
	.selectbox-wrapper ul li.selected {
		color: #806b5a;
		font-weight: 700;
		background-color: #eee;
	}
	.selectbox-wrapper ul li.current {
		color: #fff;
		background-color: #806b5a;
	}

/* ui-on-off */
.ui-switch{
	height: 30px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	float: left;
}
	.ui-switch input{
		position: absolute;
		top: 0;
		left: 0;
		filter:alpha(opacity=0);
		-moz-opacity: 0.0;
		opacity: 0.0;
		-moz-user-input: enabled  !important;
	}
	/* ibutton-handle */
	.ui-switch-handle{
		display: block;
		height: 28px;
		cursor: inherit;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		z-index: 3;
		padding-left: 4px;
		overflow: hidden;
		border: 1px solid #ccc;
		background-color: #f5f5f5;
		border-radius: 2px;
	}

	/* label-on & label-off */
	.ui-switch-on, .ui-switch-off{
		white-space: nowrap;
		font-size: 13px;
		padding-top: 4px;
		line-height: 20px;
		text-transform: uppercase;
		cursor: inherit;
		display: block;
		height: 24px;
		font-weight: 700;
		position: absolute;
		width: auto;
		top: 0;
		overflow: hidden;
		text-align: center;
		background-color: #ccc;
	}
	.ui-switch-on{
		color: #fff;
		left: 0;
		z-index: 1;
		border: 1px solid #68574f;
		background-color: #68574f;
		border-radius: 2px 0 0 2px;
	}
		.ui-switch-on span {
		  padding-left: 0px;
		}

	.ui-switch-off{
		color: #7c7c7c;
		text-align: right;
		right: 0;
		width: 95%;
		text-shadow: 0 1px 0 #fff;
		border: 1px solid #ccc;
		background-color: #ddd;
		border-radius: 0 2px 2px 0;
	}
	.ui-switch-off span{
	  padding-right: 12px;
	}

/* ui-input */
.ui-input{
	height: 28px;
	font-size: 13px;
	line-height: 28px;
	float: left;
	text-indent: 7px;
	font-size: 14px;
	overflow: hidden;
	margin-right: 10px;
	transition: all 0.25s ease-in-out 0s;
	border: 1px solid #bca08b;
	background-color: #fff;
	box-shadow: 0 2px 0 rgba(0,0,0,0.03) inset;
	border-radius: 4px;
}
.ui-input:hover{
	border-color: #68574f;
}
.ui-input:focus{
	color: #666;
	background-color: #fff;
	box-shadow: 0 0 5px #999;
}
.ui-input-search{
	padding-left: 20px;
	background: url(../images/search.gif) 7px 7px no-repeat #fff;
}

/* ui-textarea */
.ui-textarea,
div.tagsinput{
	font-size: 12px;
	padding: 5px;
	line-height: 18px;
	overflow: scroll;
	float: left;
	font-size: 13px;
	color: #666;
	overflow-x: hidden;
	border: 1px solid #bca08b;
	background-color: #fff;
	box-shadow: 0 2px 0 rgba(0,0,0,0.03) inset;
	transition: all 0.25s ease-in-out 0s;
	border-radius: 4px;
}
.ui-textarea:hover,
div.tagsinput:hover{
	border-color: #68574f;
}
.ui-textarea:focus,
div.tagsinput:focus{
	color: #666;
	box-shadow: 0 0 5px #999, 0 2px 0 rgba(0,0,0,0.03) inset;
	background-color: #fff;
}

/* input-prepend */
.input-prepend{
	position: relative;
	height: 40px;
	float: left;
	margin: 0 10px 0 0;
}	
	.input-prepend .ui-input{ width: 100%; padding-left: 30px;}
	.input-prepend .add-on{position: absolute;left: 10px;	top: 13px;}
	.input-prepend .add-on i{		
		width: 20px;
		height: 20px;		
		background-image: url(../images/icon.png);
	}
	.input-prepend .icon-user{ background-position: 0 1px;}
	.input-prepend .icon-envelope{ background-position: 0 -30px;}

/* ui-message */
.ui-message{
	font-size: 12px;
	clear: both;
	color: #666;
	overflow: hidden;
	padding-top: 3px;
}

/* ui-verify-img */
.ui-verify-img{display: block;float: left;}
.ui-verify-item{float: left; line-height: 24px;}
.ui-verify-item a{ text-decoration: underline;}

/* ui-button */
.ui-button,
.ui-button-gray,
.ui-button-disabled{
	display: block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	padding: 0 14px;
	font-weight: 700;
	font-size: 13px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	text-transform:uppercase;
	color: #6c4f3d;
	border: 1px solid #5c4c3c;
	background-color: #d0b290;
	text-shadow: 0 1px 0 #dec5a7;
	border-radius: 4px;
	box-shadow: 0 1px 2px #e5d4c0 inset,0 -1px 2px #b5885a inset;
	/*box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), 1px 0 1px 0 rgba(255, 255, 255, 0.5) inset, -1px 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #FFFFFF inset;*/
}
.ui-button:hover{
	background-color: #d2b091;
}
.ui-button:hover,
.ui-button-gray:hover,
.ui-button-disabled:hover{
	text-decoration: none;
}
.ui-button:active{
	box-shadow: 0 1px 5px rgba(0,0,0,0.4) inset;
	background-color: #d3b28f;
}
.ui-button-gray:active{
	box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
}
/*ui-button-gray*/
.ui-button-gray{
	color: #666;
	text-shadow:0 1px 0 #fff;
	border-color: #a58e7e;
	background-color: #eee;
	box-shadow: 0 1px 2px #fff inset,0 -1px 2px #ccc inset;
}
.ui-button-gray:hover{
	background-color: #ddd;
}
/* ui-button-disable */
.ui-button-disabled,
.ui-button-disabled:hover{
	color: #ccc;
	cursor: default;
	text-shadow:0 1px 0 #fff;
	box-shadow: none;
	border: 1px solid #ddd;
	background: #eee;
}
/* ui-button-small */
.ui-button-small{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	padding: 0 10px;
}

/* ui-button-big */
.ui-button-big{
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	padding: 0 10px;
	font-weight: normal;
}

/* btn-inline */
.btn-inline{
	display: inline-block;
}

/* ui-button-selected */
.ui-button-selected{
	color: #68574f;
	position: relative;
	border-color: #68574f;
}
.ui-button-selected span.hook{
	display: block;
	width: 22px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	right: -9px;
	bottom: -9px;
	background: url(../images/ui.png) 0 -86px no-repeat;
}

/* btn-group */
.btn-group{ padding-right: 1px;}
.btn-group .ui-button-gray{float: left;border-radius: 0; margin-right: -1px;}
.btn-group .ui-button{ position: relative; z-index: 1;}
.btn-group .ui-button-gray:first-child{border-radius: 4px 0 0 4px;}
.btn-group .ui-button-gray:last-child{border-radius: 0 4px 4px 0;}

/* ui-text */
.ui-text{
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	float: left;
	font-size: 14px;
}
.ui-text a{text-decoration: underline; color: #06c;}
.ui-text a:hover{ color: #da4600;}
.ui-text img{ vertical-align: middle;}

/* ui-line */
.ui-line{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin: 5px 0;
	text-align: center;
}
	.ui-line label{
		padding: 0 10px;
		background-color: #f7ebe0;
		font-weight: 700;
	}
	.ui-line p{
		height: 1px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -999px;
		margin-top: -10px;
		background-color: #e0d6ca;
	}

/* ui-tips */
.ui-tips{
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	position: absolute;
	z-index: 999;
	cursor: pointer;
	border: 1px solid #dbb648;
	background-color: #fefcce;
	border-radius: 4px;
}
	.ui-tips-arrow{
		width: 6px;
		height: 12px;
		top: 8px;
		left: -6px;
		overflow: hidden;
		position: absolute;
		background: url(../images/ui-tips-arrow.png) 0 0 no-repeat;
	}
	.ui-tips-cnt p{
		overflow: hidden;
		color: #c00;
		font-size: 12px;
		white-space:nowrap;
	}
	.ui-tips-cnt a{ color: #06c; text-decoration: underline;}

/* ui-pages */
.ui-pages{
	height: 30px;
	font-size: 15px;
}
	.ui-pages a,
	.ui-pages span,
	.ui-pages em{
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding: 0 12px;
		text-transform:uppercase;
		vertical-align: middle;
		color: #68574f;
		border-radius: 4px;
		border: 1px solid #bc9f8d;
		background-color: #f0d6bd;
		border-radius: 5px;
		margin: 0 3px;
		transition: all 0.25s ease-in-out 0s;
		box-shadow: 0 -1px 3px rgba(0,0,0,0.1) inset;
	}
	.ui-pages a:hover{
		background-color: #fdf7e9;
		text-decoration: none;
	}
	.ui-pages span.current{
		background-color: #fdf7e9;
		font-size: 16px;
	}
	.ui-pages span.disabled{
		color: #68574f;
	}
	.ui-pages em{
		padding: 0 3px;
		color: #666;
		font-weight: 700;
		border: 0;
		background: none;
		box-shadow: none;
	}



/* detail-layout */
#detail-layout{
	width: 1216px;
	overflow: hidden;
	padding: 0 16px 16px 16px;
	position: relative;
}
#detail-layout .main{width: 896px;}
#detail-layout .sponsors728x90{position: absolute;top: 15px;right: 17px;}

/* detail-focus */
.detail-focus{
	margin-top: 15px;
}

	/* ui-detail */
	.ui-detail{
		width: 466px;
		overflow: hidden;
	}
		/* ui-detail-img */
		.ui-detail-img{
			width: 456px;
			height: 195px;
			padding: 4px;
			overflow: hidden;
			margin: 0;
		}

		/* img-preview */
		.img-preview{
			width: 456px;
			height: 195px;
			display:table-cell;
			vertical-align:middle;
			text-align: center;
			margin: 0 auto;
		}
			.ui-detail-img img{
				display: block;
				max-width: 456px;
				max-height: 195px;
				margin: 0 auto;
				border-radius: 2px;
			}
			.ui-detail-img img:hover{
				box-shadow: 0 0 5px rgba(0,0,0,0.3);
			}

		/* ui-detail-button */
		.ui-detail-button{
			padding: 10px 0 0 0;
			height: 30px;
			text-align: center;
		}
			.ui-detail-button a{
				margin: 0 3px 0 0;
				padding: 0 15px;
				display: inline-block;
			}

	/* ui-detail-text */
	.ui-detail-text{
		width: 413px;
		margin: 0;
	}
		/* ui-detail-mate */
		.ui-detail-mate{
			margin: 13px 15px;
			overflow: hidden;
		}
			.ui-detail-mate .mate-act{
				height: 30px;
				line-height: 30px;
				overflow: hidden;
				font-size: 13px;
			}
			.ui-detail-mate .mate-act-checkbox{margin: 2px 0;}
			.ui-detail-mate .mate-line{
				height: 0;
				font-size: 0;
				overflow: hidden;
				margin: 8px 0;
				border-bottom: 1px dotted #ddd;
			}
				.ui-detail-mate label{
					font-weight: 700;
					font-size: 13px;
				}
				.ui-detail-mate span{
					float: right;
					word-break:break-all;
				}
				.ui-detail-mate .ui-rating{
					float: right;
					margin: 5px 0 0 0;
				}
				.ui-detail-mate a{ color: #06c; text-decoration: underline; }
				.ui-detail-mate a:hover{ color: #68574f; }

			.ui-detail-mate .mate-act-checkbox{margin: 2px 0;}
			.ui-detail-mate .mate-act-checkbox .ui-switch{float: right;}
			.ui-detail-mate .mate-act-checkbox span{ float: inherit;}

/* detail-focus-credit */
.detail-focus-credit	.ui-detail{ width: 406px; margin-left: 0;}
.detail-focus-credit .ui-detail-button{ padding-bottom: 10px;}
.detail-focus-credit .ui-detail-img,
.detail-focus-credit .img-preview{width: 396px;height: 185px;}
.detail-focus-credit .ui-detail-img img{max-width: 396px;max-height: 185px;}
.detail-focus-credit .ui-detail-text{width: 385px;height: 232px;}
.detail-focus-credit .ui-detail-mate{margin: 10px 15px;}
.detail-focus-credit .detail-side-sns{ width: 370px;}

/* detail-side-sns */
.detail-side-sns{
	width: 345px;
	height: 212px;
	margin: 0 0 0 15px;
	padding: 10px;
}
	/* visual-editor */
	.visual-editor{overflow: hidden;}
	.visual-editor h5{
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		font-size: 14px;
		font-weight: normal;
		margin: 3px 0 5px 0;
		border-bottom: 1px dotted #e5e5e5;
	}
	.visual-editor p{	font-size: 14px;line-height: 22px; height: 22px; overflow: hidden;}
	.visual-editor h5:hover span,
	.visual-editor p:hover span{ position: absolute; background-color: ##fff5eb;padding-right: 10px; z-index: 5;}
	.visual-editor p strong{font-size: 13px;}
	.visual-editor p a{ text-decoration: underline; color: #06c;}
	.visual-editor .ui-textarea{ width: 357px; height: 65px; }


/* detail-download */
.detail-download{padding: 20px;}
.detail-download h3{ font-size: 16px; text-align: center; padding: 10px;}
.detail-download h3 a{ color: #d14600;}
.detail-download .detail-side-sns{margin: 0 auto;height: auto;width: 660px; padding: 20px;}
.detail-download .detail-side-sns .ui-poster-btn{ width: 380px; margin: 0 auto;}
.detail-download .detail-side-sns .ui-poster-btn a{ margin-bottom: 5px;}
.detail-download .detail-side-sns h5{ padding: 3px 10px;}
.detail-download .detail-side-sns dl{	font-size: 14px;line-height: 24px; width: 100%; }
.detail-download .detail-side-sns dl strong{font-size: 13px;}
.detail-download .detail-side-sns dl a{ text-decoration: underline; color: #06c;}
.detail-download .detail-side-sns dl dt{ float: left; text-align: right; width: 198px;}
.detail-download .detail-side-sns dl dd{ float: right; width: 432px;}

/* detail-side-premium */
.detail-side-premium{margin: 0;}
.detail-side-premium .premium-list-text{width: 115px;}
.detail-side-premium .premium-list-text li{ margin: 0; float: none;}

/* detail-similar */
.detail-similar .primary-list{margin: 15px 0 0 4px;}
.detail-similar .primary-list li{margin: 0 0 7px 10px;}

/* detail-premium */
.detail-premium .premium-list{margin-left: -2px;}
.detail-premium .premium-list li{margin-left: 16px;}
.detail-premium .premium-list-large{margin-left: -2px;}
.detail-premium .premium-list-large li{margin-left: 12px; margin-top: 7px;}

/* premium-detail */
#premium-detail{
	width: 1218px;
	overflow: hidden;
	padding: 0 15px 15px 15px;
}
#premium-detail .main{width: 898px;}

#premium-detail .ui-detail{width: 388px; height: 208px; margin: 15px 15px 0 0;}
#premium-detail .ui-detail-img,
#premium-detail .img-preview {width: 380px;height: 200px;}
#premium-detail .ui-detail-img img.high{max-width: 380px;height: 200px;}
#premium-detail .ui-detail-img img.wide{width: 380px;max-height: 200px;}

#premium-detail .ui-detail-text{margin: 15px 0 0 0; height: 208px; width: 360px;}
#premium-detail .ui-detail-button{padding: 15px 0 0 0; margin: 0 auto; width: auto;}
#premium-detail .ui-detail-button a{margin: 0 15px; display: block;}

#premium-detail .detail-focus{margin-top: 0; width: 898px;}
#premium-detail .ui-detail-mate .mate-act{height: 26px; line-height: 26px;}
#premium-detail .premium-detail-tags{width: 436px; height: 208px; margin-top: 15px;}

#premium-detail .ui-tags{
	height: 150px;
	overflow: auto;
	overflow-x: hidden;
	padding: 0;
	margin: 14px 5px 0 12px;
}

#premium-detail .ui-detail-bar{
	width: 818px;
	height: 288px;
	overflow: hidden;
	margin-top: 15px;
}
	.ui-detail-bar .premium-list{ width: 826px; margin-left: 15px;}
	.ui-detail-bar .premium-list li{margin: 15px 25px 0 0;}

/* premium-detail-box */
#premium-detail .premium-detail-box .premium-detail-tags{ width: 810px;height: 260px;}
#premium-detail .premium-detail-box .premium-detail-tags .ui-tags{ height: 202px;}
#premium-detail .premium-detail-box .ui-detail{ height: 260px;}
#premium-detail .premium-detail-box .ui-detail-button{ padding: 10px 0 0 0;  }

/* ui-fieldset */
.ui-fieldset{
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #e9e7e3;
	background-color: #fff;
	border-radius: 2px;
}
	.ui-fieldset-title{
		color: #333;
		margin-left: 10px;
		font-weight: bold;
		font-size: 14px;
		padding: 0 5px;
		background: #fff;
	}
		.ui-fieldset-title em{
			color: #68574f;
			font-weight: 700;
		}

	.ui-fieldset-cnt{
		padding: 10px 15px;
		overflow: hidden;
	}

/* ui-dialog */
.ui-dialog{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
   box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	border: 1px solid #68574f;
	background-color: #fff;
	border-radius: 4px;
}
	/* ui-title */
	.ui-dialog .ui-title{
		font-size: 20px;
		padding: 10px 20px 11px 20px;
		position: relative;
		border-bottom: 1px solid #eceae6;
		background-color: #fff;
		border-radius: 4px 4px 0 0;
		text-transform:uppercase;
	}
		.ui-dialog .ui-title h2{
			color: #68574f;
			text-shadow: 0 1px 0 #fff;
		}
		.ui-dialog .close-dialog{
			display: block;
			width: 21px;
			height: 21px;
			overflow: hidden;
			position:absolute;
			right:5px;
			top: 5px;
			text-indent: -999px;
			background: url(../images/del.png) 6px 6px no-repeat;
			border-radius: 2px;
		}
		.ui-dialog .close-dialog:hover{
			background-position: 6px -15px;
			background-color: #f5f5f5;
		}

	/* ui-cnt */
	.ui-dialog .ui-cnt{ color: #666;}
	.ui-dialog .ui-form{padding: 0;}
	.ui-dialog .ui-form-item{padding: 15px 0 0 20px; width: auto;}
	.ui-dialog .ui-form-text{padding:5px 20px; line-height: 30px; font-size: 13px;}
	.ui-dialog .ui-form-button{padding: 20px;}
	.ui-dialog .pure-text{padding: 0 20px 0 0;}
	.ui-dialog .ui-form-button-two{text-align: center;}
	.ui-dialog .ui-form-button-two .ui-button,
	.ui-dialog .ui-form-button-two .ui-button-gray{display: inline-block; margin: 0 2px;}

	/* pure-text */
	.pure-text{font-size: 14px; line-height: 22px;}
	.pure-text strong{font-size: 13px;}
	.pure-text a{ font-weight: bold; color: #06c; text-decoration: underline; font-size: 13px;}
	.pure-text a:hover{ color: #da4600;}
	.pure-text-center{text-align: center;}

	.pure-text-tips{
		padding-left: 23px;
		background-position: 0 2px;
		background-repeat: no-repeat;
	}

	/* ui-bulb */
	.ui-bulb{
		padding: 5px 0 5px 40px;
		background: url(../images/icons/bulb.png) 0 center no-repeat;
	}

	/* ui-toggle-set */
	.ui-toggle-set{
		width:462px;
		height: 145px;
		display: block;
		overflow: auto;
		overflow-x: hidden;
	}
		.ui-toggle-set li{
			width: 142px;
			float: left;
			margin: 0 5px 5px 0;
			overflow: hidden;
		}

	/* ui-change */
	.ui-change{
		float: left;
		text-align: center;
		font-size: 14px;
		overflow: hidden;
		height: 46px;
		padding: 7px 0;
		line-height: 22px;
		width: 100px;
		padding-left: 10px;
	}
		.ui-change a{ text-decoration: underline; color: #06c;}
		.ui-change a:hover{ text-decoration: none; color: #68574f;}

	/* ui-dialog-wait */
	.ui-dialog-wait{
		overflow: hidden;
		height: 65px;
		font-size: 18px;
		text-align: center;
		line-height: 80px;
		color: #999;
	}
		.ui-dialog-wait strong{
			font-size: 50px;
			color: #68574f;
			vertical-align: middle;
		}

/* ui-dialog-languages */
.ui-dialog-languages{ width: 339px; overflow: hidden;}

/* ui-dialog-favourites */
.ui-dialog-favourites{width: 500px;}
.ui-dialog-favourites .ui-tips{margin-left: 285px;}

/* ui-dialog-translate */
.ui-dialog-translate{width: 500px;}
.ui-dialog-translate .ui-tips{margin-left: 472px;}
.ui-dialog-translate .ui-verify-img{
	float: left;
	width: 190px;
	height: 58px;
	border: 1px solid #999;
}

/* ui-dialog-complaint */
.ui-dialog-complaint{ width: 500px;}
.ui-dialog-complaint .ui-label{ text-align: left; padding: 0;}
.ui-dialog-complaint .ui-tips{margin-left: 472px;}

/* ui-dialog-download */
.ui-dialog-download{width: 320px;}
.ui-dialog-download .ui-button{margin: 0 20px;}
.ui-dialog-download .ui-line{margin: 10px 0;}
.ui-dialog-download .pure-text-center{ padding: 15px 0; font-size: 16px;}

/* ui-dialog-download-third */
.ui-dialog-download-third{width: 410px;}
.ui-dialog-download-third .pure-text{ padding: 15px 20px 5px 20px;}
.ui-dialog-download-third .ui-line{margin: 3px 0 10px 0;}
.ui-dialog-download-third .ui-button{margin: 0 20px;}
.ui-dialog-download-third .ui-text{float: right;}
.ui-dialog-download-third .pure-text-center{ padding: 15px 0;}

/* ui-dialog-generic */
.ui-dialog-generic{width: 550px;}
.ui-dialog-generic .ui-label{ text-align: left; padding: 0;}

/* ui-seomoz */
.ui-seomoz{margin: 15px 15px 0 15px;}
.ui-seomoz ol{}
.ui-seomoz li{
	width: 240px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	overflow: hidden;
	float: left;
}
.ui-seomoz label{
	color: #444;
	width:120px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	float: left;
}
.ui-seomoz strong{color: #68574f;}

/* ui-dialog-message */
.ui-dialog-message{width: 420px;}
.ui-dialog-message .ui-form-button{padding: 15px 20px; text-align: center;}
.ui-dialog-message .ui-button,
.ui-dialog-message .ui-button-gray{display: inline-block;margin: 0 2px;}
.ui-dialog-message .pure-text-tips{ padding-left: 23px;}
.ui-dialog-message .information{background-image: url(../images/icons/information.png);}
.ui-dialog-message .exclamation{background-image: url(../images/icons/exclamation.png);}
.ui-dialog-message .success{background-image: url(../images/icons/success.png);}
.ui-dialog-message .error{background-image: url(../images/icons/error.png);}

/* ui-dialog-userset */
.ui-dialog-userset{width: 450px;}
.ui-dialog-userset .ui-tips{margin-left: 410px;}

/* ui-dialog-sign */
.ui-dialog-sign{width: 400px;}
.ui-dialog-sign .ui-tips{margin-left: 370px;}
.ui-dialog-sign .ui-verify-img{
	width: 176px;
	height: 40px;
	float: left;
}

/* ui-dialog-resetpsd */
.ui-dialog-resetpsd{width: 540px; margin-bottom: 50px; }
.ui-dialog-resetpsd .ui-tips{margin-left: 510px;}
.ui-dialog-resetpsd .ui-label{ font-size: 16px;}

/* ui-change-email */
.ui-change-email{width: 540px; margin-bottom: 50px;}
.ui-change-email .ui-tips{margin-left: 500px;}

/* ui-dialog-human */
.ui-dialog-human{ width: 520px; margin-bottom: 50px;}

/* ui-dialog-likewhat */
.ui-dialog-likewhat{
	width: 600px; 
	text-align: center;
	border: 2px solid #916a43;
	position: relative;
}
	.ui-dialog-likewhat .ui-cnt{ padding: 45px;}
	.ui-dialog-likewhat h3{
		font-weight: 600;
		font-size: 32px;
		color: #916a43;
		font-style: italic;
	}
	.ui-dialog-likewhat h4{
		font-size: 24px;
		padding: 20px 0;
		color: #888;
		line-height: 1.3;
	}
	.ui-dialog-likewhat .ui-message{ font-size: 14px;}
	.ui-dialog-likewhat .ui-form{width: 500px;margin: 0 auto; margin-top: 15px; margin-bottom: 30px;}
	.ui-dialog-likewhat .ui-form .input-prepend{ width: 210px;}	
	.ui-dialog-likewhat .ui-form .input-prepend .ui-input{ width: 170px;}	
	.ui-dialog-likewhat .ui-form .ui-button{ width: 50px; float: left; padding: 10px 0; text-align: center; font-size: 20px;}
	.ui-dialog-likewhat .ui-form .ui-button i{		
		width: 28px;
		height: 28px;		
		margin: 0 auto;
		background-image: url(../images/icon.png);
		background-position: -25px 0;
	}	
	
/* ui-dialog-add-image */
.ui-dialog-add-image{ width: 700px;}
.ui-dialog-add-image a:hover{text-decoration: none;}
.alignment-size,
.add-image-focus{
	width: 660px;
	overflow: hidden;
	padding: 0 20px;
}
	/* alignment */
	.alignment-size .ui-button{
		float: right;
		margin: 10px 0 0 0;
	}

	/* alignment-size */
	.alignment-size{
		height: 60px;
		border-bottom: 1px dotted #ddd;
	}
	.alignment-size h5,
	.alignment-size #size-max{
		font-size: 13px;
		color: #333;
		height: 24px;
		line-height: 24px;
		overflow: hidden;
		float: left;
	}

	/* alignment */
	.alignment-size .alignment{
		width: 200px;
		height: 60px;
		overflow: hidden;
	}
		.align-list{
			width: 190px;
			overflow: hidden;
			font-size: 14px;
			padding-top: 2px;
		}
			.align-list li{float: left;padding: 0 15px 0 0;	}
			.align-list li a{ border-bottom: 1px dotted #666;}
			.align-list li a:hover,
			.align-list li a.current{ border-bottom: 1px solid #d0b290; color: #d0b290; }
			.align-list li a:active{ color: #333;}

	/* size */
	.alignment-size .size{
		width: 240px;
		height: 60px;
		overflow: hidden;
	}
		.alignment-size #size-max{ float: right; font-size: 12px;}

	#slider-range{
		width: 238px;
		height: 5px;
		float: left;
		margin-top: 8px;
		border: 1px solid #ccc;
		background-color: #f5f5f5;
		border-radius: 5px;
		position: relative;
	}
		.ui-slider-range{
			height: 5px;
			overflow: hidden;
			background-color: #ddd;
			position: absolute;
		}
		.ui-slider-handle{
			display: block;
			width: 13px;
			height: 13px;
			overflow: hidden;
			position: absolute;
			margin: -6px 0 0 0;
			border: 1px solid #fff;
			background-color: #d0b290;
			border-radius: 11px;
			box-shadow: 0 2px 3px rgba(0,0,0,0.3);
		}

.add-image-focus{
	height: auto;
	padding: 20px;
	font-size: 14px;
	line-height: 24px;
	color:  #333;
}

/* ui-tab-nav */
.ui-tab-nav{
	height: 35px;
	overflow: hidden;
	position: relative;
	margin: 10px 0 -11px 0;
}
	.ui-tab-nav li{
		float: left;
		margin-right: -1px;
	}
		.ui-tab-nav li a{
			display: block;
			height: 33px;
			line-height: 33px;
			overflow: hidden;
			font-size: 14px;
			text-align: center;
			padding: 0 50px;
			text-shadow: 0 1px 0 #fff;
			border: 1px solid #c7b6a4;
			background-color: #f7ebe0;
			border-radius: 4px 4px 0 0;
		}
		.ui-tab-nav li a:hover{
			text-decoration: none;
			background-color: #fff;
		}
		.ui-tab-nav li.current a,
		.ui-tab-nav li.current a:hover{
			height: 37px;
			font-size: 16px;
			border-bottom: 0;
			background-color: #fff5eb;
		}

/* ui-tab-box */
.ui-tab-box{
	overflow: hidden;
	padding: 10px 20px 20px 20px;
	border-radius: 0 4px 4px 4px;
}

/* user-avatar */
.user-avatar{
	width: 80px;
	padding: 5px;
	overflow: hidden;
	position: relative;
	margin: 10px -10px 0 0;
	border: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 1px 3px #ddd;
	border-radius: 4px;
}
	.user-avatar img{
		display: block;
		width: 80px;
		height: 80px;
		overflow: hidden;
	}

/* user-board */
.user-board{
	width: 800px;
	margin-top: 10px;
	font-size: 14px;
	overflow: hidden;
}
	/* board-list */
	.board-list{
		width: 50%;
		float: left;
		overflow: hidden;
		line-height: 35px;
		margin-bottom: 10px;
	}
		.board-list dt{
			width: 90px;
			text-align: right;
			float: left;
			overflow: hidden;
			font-weight:700;
			font-size: 13px;
			padding-right: 10px;
		}
		.board-list dd{
			width: 300px;
			height: 35px;
			overflow: hidden;
			float: right;
		}
		.board-list dd.odd{background: #f7ebe0;}

		.board-list dd span{
			width: 38%;
			height: 28px;
			display: block;
			overflow: hidden;
			float: left;
			text-indent: 10px;
			color: #666;
		}
		.board-list dd span.col{width: 62%; color: #68574f;}

/* user-premium */
.ui-premium{
	width: 300px;
	height: auto;
	margin-top: 10px;
	overflow: hidden;
	padding-top: 15px;
	border: 1px solid #e0d6ca;
	background-color: #f7ebe0;
	border-radius: 4px;
}
	.user-premium .ui-button-big{margin: 0 15px;}
	.user-premium .ui-line label{background: #f7ebe0;}

	/* ui-premium-line */
	.ui-premium-line{
		padding-top: 15px;
		overflow: hidden;
		border-top: 1px solid #e0d6ca
	}
	/* ui-premium-list */
	.ui-premium-list{
		overflow: hidden;
		margin-top: 15px;
		padding-top: 10px;
		border-top: 1px solid #e0d6ca;
	}
		.ui-premium-list h5{
			text-align: center;
			font-size: 19px;
			color: #6a7e2a;
			padding: 10px 0;
		}
		.ui-premium-list ol{
			margin: 0 20px 10px 20px;
			overflow: hidden;
		}
		.ui-premium-list li{
			color: #666;
			line-height: 18px;
			font-size: 14px;
			padding: 3px 0 3px 15px;
			background-image: url(../images/dot.gif);
			background-repeat: no-repeat;
			background-position: 0 8px;
		}

		/* ui-premium-text */
		.ui-premium-text{
			overflow: hidden;
			clear: both;
			padding: 0 0 15px 0;
		}
			.ui-premium-text li{width: 100%;clear: both;overflow: hidden;}
			.ui-premium-text .ui-label{width: 55%;font-size: 16px;}
			.ui-premium-text .ui-text{width: 35%;font-size: 16px;}

/* ui-notice */
.ui-notice{
	height: auto;
	text-align:left;
	font-size: 13px;
	position: relative;
	margin-top: 10px;
	border: 1px solid;
	cursor: pointer;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	border-radius:4px;
}
	.ui-hints{
		background: #fdfdd9 url(../images/icons/hints.png);
		background-position: 12px 11px !important;
		border-color: #cbae85;
		color: #ba6f2b;
		font-size: 14px;
	}
	.ui-attention{
		background: #fffbcc url(../images/icons/exclamation.png);
		border-color: #e6db55;
		color: #8e840c;
	}
	.ui-information{
		background: #dbe3ff url(../images/icons/information.png);
		border-color: #a2b4ee;
		color: #2c4db8;
	}
	.ui-success{
		background: #d5ffce url(../images/icons/success.png);
		border-color: #9adf8f;
		color: #390;
	}
	.ui-error{
		background: #ffcece url(../images/icons/error.png);
		border-color: #df8f8f;
		color: #c00;
	}
	.ui-notice-cnt{
       padding: 10px 10px 10px 36px;
       line-height: 1.5em;
	}
	.ui-hints .ui-notice-cnt{ padding: 13px 13px 13px 46px;}
	.ui-notice .close{
		display: block;
		width: 7px;
		height: 7px;
		overflow: hidden;
	   font-size:9px;
		position:absolute;
		right:7px;
		top:6px;
		text-indent: -999px;
		background: url(../images/cross_gray.gif) 0 0 no-repeat;
	}
	.ui-notice .close:hover{
		background-image: url(../images/cross_red.gif);
	}
	.ui-notice a{color: #06c; text-decoration: underline;}
	.ui-notice a:hover{ color: #5fa924;}


/* ui-profile */
.ui-profile{width: 720px;}
.ui-profile .ui-form{padding: 18px 0 35px 10px;}
.ui-profile .ui-form-item{ padding: 15px 0 4px 0;}

/* ui-profile-bar */
.ui-profile-bar{width: 510px;}
.ui-profile-bar .ui-form{padding: 10px 0 20px 10px;}
.ui-profile-bar .ui-form-item{ padding: 10px 20px 0 0;}
.ui-profile-bar .ui-switch{ float: right;}

/* ui-signin */
.ui-signin{width: 835px;}
.ui-signin .ui-form{width: 432px;padding: 15px 0 30px 0; overflow: hidden;}
.ui-signin .ui-form-item{ padding: 7px 0;}
.ui-signin .ui-verify-img{width: 130px; height: 30px; float: left;}
.ui-signin .ui-tips{margin: 0 0 0 422px;}

/* ui-sign-info */
.ui-sign-info{
	width: 330px;
	margin: 22px 0;
	padding: 0 25px;
	font-size: 14px;
	color: #333;
	border-left: 1px solid #e0e0e0;
}
	.ui-sign-info h3{
		text-align: center;
		font-size: 24px;
		margin-bottom: 8px;
	}
	.ui-sign-info .ui-button-gray{
		margin: 0 auto;
		margin-top: 10px;
	}

/* ui-signin-bar */
.ui-signin-bar{width: 400px;}
.ui-signin-bar .ui-form{padding: 15px 20px;}
.ui-signin-bar .ui-form-item{ padding: 15px 0 0 0;}
.ui-signin-bar .ui-input{margin-left:28px;}
.ui-signin-bar .ui-tips{margin: 0 0 0 340px;}

/* .ui-signup  */
.ui-signup .ui-form{width: 672px;padding: 20px 0 30px 0; overflow: hidden;}
.ui-signup .ui-form-item{padding: 7px 0;}
.ui-signup .ui-tips{margin: 0 0 0 673px;}
.ui-signup .ui-message{padding: 0 0 0 160px;}
.ui-signup .ui-form-verify .ui-tips{margin: 0 0 0 475px;}
.ui-signup .ui-verify-img{width: 130px; height: 30px; float: left;}

/* ui-whyjoin */
.ui-whyjoin{
	width: 470px;
	margin: 27px 0;
	padding: 20px 25px;
	font-size: 14px;
	color: #333;
	margin-right: 30px;
	border: 1px solid #e0d6ca;
	background-color: #f7ebe0;
	border-radius: 4px;
}
	.ui-whyjoin h3{
		font-size: 24px;
		margin-bottom: 8px;
		color: #68574f;
	}
	.ui-whyjoin-list li{
		margin: 10px 0px;
		margin-left: 40px;
		font-size: 14px;
		line-height: 31px;
	}
		.ui-whyjoin-list img{
			position: absolute;
			margin-left: -30px;
			margin-top: 3px;
		}

/* ui-upgrade */
.ui-upgrade{
	width: 274px;
	overflow: hidden;
	float: left;
	color: #333;
	margin: 29px 0 29px 29px;
	border: 1px solid #e9e7e3;
	background-color: #fff;
	box-shadow: 0 0 3px #eee;
	border-radius: 4px;
}
	/* ui-title */
	.ui-upgrade .ui-title{
		height: 50px;
		line-height: 50px;
		text-align: center;
		border-bottom: 1px solid #e9e7e3;
		background-color: #f9f9f9;
		text-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		border-radius: 2px 2px 0 0;
	}
	.ui-upgrade .ui-title h2{ font-size: 20px;}

/* ui-upgrade-free */
.ui-upgrade-free{margin-top: 95px;}
.ui-upgrade-free .ui-title{}
.ui-upgrade-free .ui-title h2{color: #666;}

/* ui-upgrade-profession */
.ui-upgrade-profession{border-color: #e6db55;}
.ui-upgrade-profession .ui-title{border-bottom-color: #e6db55;background-color: #fffbcc;}
.ui-upgrade-profession .ui-title h2,
.ui-upgrade-profession .ui-upgrade-price h5 strong{color: #906c00;}

/* ui-upgrade-premium */
.ui-upgrade-premium{border-color: #a5e69b}
.ui-upgrade-premium .ui-title{border-bottom-color: #a5e69b;background-color: #d5ffce;}
.ui-upgrade-premium .ui-title h2,
.ui-upgrade-premium .ui-upgrade-price h5 strong{color: #080;}

/* ui-upgrade-lifetime */
.ui-upgrade-lifetime{margin-right: 0;border-color: #e2a98c;}
.ui-upgrade-lifetime .ui-title{border-bottom-color: #e2a98c;background-color: #ffcece;}
.ui-upgrade-lifetime .ui-title h2,
.ui-upgrade-lifetime .ui-upgrade-price h5 strong{color: #68574f;}

/* ui-upgrade-price */
.ui-upgrade-price{
	overflow: hidden;
	text-align: center;
}
	.ui-upgrade-price p{
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		font-size: 16px;
		margin: 15px 0 -10px 0;
	}
	.ui-upgrade-price h5{
		height: 80px;
		line-height: 90px;
		padding: 5px 0;
		overflow: hidden;
		font-weight: bold;
		font-size: 14px;
	}
	.ui-upgrade-price h5 strong{
		font-size: 62px;
		font-weight: normal;
	}

	/* ui-upgrade-list */
	.ui-upgrade-list{
		overflow: hidden;
		padding-top: 34px;
		background: url(../images/upgrade-line.gif) center 0 no-repeat;
	}
		.ui-upgrade-list li{
			padding: 0 20px;
			height: 40px;
			line-height: 38px;
			overflow: hidden;
			border-bottom: 1px solid #e9e7e3;
		}
			.ui-upgrade-list span{
				float: right;
				font-size: 14px;
				color: #666;
			}
			.ui-upgrade-list strong{
				font-size: 16px;
				font-weight: normal;
				text-transform:uppercase;
			}

	/* ui-upgrade-button */
	.ui-upgrade-button{
		overflow: hidden;
		text-align: center;
		padding-bottom: 30px;
	}
		.ui-upgrade-button p{
			font-size: 16px;
			padding: 0 0 0 12px;
			display: inline-block;
			height: 18px;
			line-height: 18px;
			margin: 20px 0 15px 0;
			background: url(../images/dot.gif) 0 6px no-repeat;
		}

/* ui-about */
.ui-about{
	padding: 10px;
	overflow: hidden;
}
	/* ui-about-nav */
	.ui-about-nav{
		width: 200px;
		padding: 0 20px 15px 10px;
		margin: 10px 0;
		overflow: hidden;
		float: left;
		border-right: 1px solid #e9e7e3;
	}
		.ui-about-nav h2{
			width: 200px;
			height: 35px;
			overflow: hidden;
			font-size: 16px;
			text-transform:uppercase;
		}
		.ui-about-nav li{
			width: 165px;
			height: 35px;
			overflow: hidden;
			font-size: 14px;
			margin-left: 20px;
		}
			.ui-about-nav a{
				display: block;
				width: 100%;
				height: 30px;
				line-height: 30px;
				overflow: hidden;
				text-indent: 10px;
				border-radius: 4px;
				text-shadow: 0 1px 0 #fff;
			}
			.ui-about-nav a:hover,
			.ui-about-nav .current a{
				text-decoration: none;
				background-color: #eee4da;
			}



	/* ui-about-cnt */
	.ui-about-cnt{
		width: 967px;
		overflow: hidden;
		margin: 10px 0;
		float: right;
		padding: 0 10px 20px 20px;
		font-size: 14px;
	}
		/* h1 */
		.ui-about h1{
			font-size: 26px;
			line-height: 30px;
			padding-bottom: 15px;
			font-weight: normal;
			color: #333;
			border-bottom: 1px dotted #e5e5e5;
		}
		/* ui-form */
		.ui-about .ui-notice{ margin-top: 20px;}
		.ui-about .ui-form{ padding: 5px 0 0 0;}
		.ui-about .ui-form-item{padding: 20px 0 0 0;}
		.ui-about .ui-tips{ margin-left: 724px;}
		.ui-about .ui-form-verify .ui-tips{ margin-left: 630px;}
		.ui-about .ui-message{padding-left: 180px;}

		/* ui-about-avatar */
		.ui-about-avatar{
			margin: 20px 0 0 0;
			overflow: hidden;
			background-color: #eee4da;
			padding: 5px;
			float: left;
		}
			.ui-about-avatar,
			.ui-about-avatar img{
				width: 80px;
				height: 80px;
				display: block;
				overflow: hidden;
			}

		/* ui-about-word */
		.ui-about-word{
			width: 860px;
			float: right;
			overflow: hidden;
		}
			/* ui-faq */
			.ui-faq{	margin-top:20px; padding-left:5px;}
			.ui-faq h3{font-size: 16px;font-weight: normal;color: #360;}
			.ui-faq-cnt p{	padding: 5px 0;line-height: 22px;}
			.ui-faq-cnt strong{text-transform:uppercase; font-weight: normal; color: #68574f; }

			.ui-faq-title{margin-top:8px;line-height: 18px;}
			.ui-faq-title a{text-decoration: underline;}
			.ui-faq-title a:hover{text-decoration: none; color: #68574f;}
			.ui-faq-title-open a{ text-decoration: none;text-transform:uppercase;color: #26c; }
			.ui-faq-toggle{padding-left: 20px;display: none;}

/* ui-error-page */
#ui-error-page{
	text-align: center;
	font-size: 16px;
	overflow: hidden;
	padding:80px 0;
}
	#ui-error-page a{ text-decoration: underline;}
	#ui-error-page a:hover{ text-decoration: none;}
	#ui-error-page h1{font-size: 60px; padding-bottom: 40px;text-transform:uppercase; color: #68574f; }
	#ui-error-page p{ line-height: 30px; width:650px;margin: 0 auto;}


/* tags-cloud */
#tags-cloud{
	width: 1208px;
	padding: 20px;
}
	/* tags-cloud-nav */
	.tags-cloud-nav{
		padding-bottom: 10px;
		clear: both;
		overflow: hidden;
	}
		.tags-cloud-nav a{
			height: 26px;
			line-height: 26px;
			text-align: center;
			overflow: hidden;
			float: left;
			padding: 0 13px;
			font-size: 14px;
			margin-right: 5px;
			cursor: pointer;
			border: 1px solid;
			border-width: 1px;
			border-style: solid;
			border-color: #d0bba6 #a58e7e #a58e7e #d0bba6;
			background-color: #efd4bf;
			border-radius: 4px;
		}
		.tags-cloud-nav a:hover{
			text-decoration: none;
			background-color: #f4dece;
		}
		.tags-cloud-nav a.current{
			font-weight: bold;
			padding: 0 12px;
			border-color: #a58e7e #d0bba6 #d0bba6 #a58e7e;
			background-color: #e3c6af;
		}

	/* tags-cloud-list */
	.tags-cloud-list a{margin: 0 5px;}
	.tags-cloud-list a:hover{ text-decoration: underline;}

	/* tags-alphabets */
	#tags-alphabets td{
		width: 20%;
		height: 33px;
		text-align: left;
	}
		#tags-alphabets td a{ font-size: 15px;}
		#tags-alphabets td span{ float: right; color: #666;}

/* letterbox */
.letterbox{padding: 10px 10px 6px 10px; text-align: center;}
.letterbox a{ display: inline-block; float: none; margin: 0 2px;}
.icon-a:before {content: "A";}
.icon-b:before {content: "B";}
.icon-c:before {content: "C";}
.icon-d:before {content: "D";}
.icon-e:before {content: "E";}
.icon-f:before {content: "F";}
.icon-g:before {content: "G";}
.icon-h:before {content: "H";}
.icon-i:before {content: "I";}
.icon-j:before {content: "J";}
.icon-k:before {content: "K";}
.icon-l:before {content: "L";}
.icon-m:before {content: "M";}
.icon-n:before {content: "N";}
.icon-o:before {content: "O";}
.icon-p:before {content: "P";}
.icon-q:before {content: "Q";}
.icon-r:before {content: "R";}
.icon-s:before {content: "S";}
.icon-t:before {content: "T";}
.icon-u:before {content: "U";}
.icon-v:before {content: "V";}
.icon-w:before {content: "W";}
.icon-x:before {content: "X";}
.icon-y:before {content: "Y";}
.icon-z:before {content: "Z";}

/* links-box */
.ui-box-item,
.links-box{
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
}

/* ui-decs */
.ui-decs{
	padding: 10px 15px;
}
	.ui-decs-list li{
		line-height: 18px;
		font-size: 13px;
		padding: 3px 0 3px 15px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 0 8px;
	}

/* my-files */
#my-files{
	width: 1218px;
	padding: 0 15px 15px 15px;
	overflow: hidden;
}
#my-files-page{
	padding: 20px 0;
}

/* ui-tab-button */
.ui-tab-button{
	margin: 15px 0 0 0;
	overflow: hidden;
}
	.ui-tab-button a{float: left;margin-right: 10px;}
	.ui-tab-button a.ui-button-gray{font-weight: normal;}
	.ui-tab-button .ui-input{
		height: 30px;
		line-height: 30px;
	}

/* ui-listing */
.ui-listing{
	width: 1240px;
	overflow: hidden;
	clear: both;
	padding-bottom: 7px;
}
.ui-listing li{
	width: 185px;
	height: 167px;
	overflow: hidden;
	float: left;
	margin: 10px 21px 0 0;
	border-bottom: 2px solid #fbfaf9;
	border-color: rgba(255,255,255,0.1);
}
.ui-listing li:hover{
	background: url(../images/arrow.gif) center bottom no-repeat;
	border-color: #e9e7e3;
	background-color: #fff;
}
	/* listing-img */
	.listing-img{
		width: 190px;
		height: 135px;
		line-height: 133px;
		text-align: center;
		overflow: hidden;
		background-color: #f7ebe0;
		position: relative;
		border-radius: 2px;
	}
		.listing-img img{
			vertical-align: middle;
			border-radius: 2px;
		}

	/* listing-info */
	.listing-info{
		height: 18px;
		line-height: 18px;
		overflow: hidden;
		font-size: 12px;
		-webkit-text-size-adjust:none;
		padding: 7px 9px;
		color: #333;
		white-space:nowrap;
	}
		.listing-info h5{
			height: 18px;
			overflow: hidden;
		}
		.listing-info h5 a,
		.listing-info h5 a:hover{ color: #333;}
		.listing-info dl{
			height: 18px;
			overflow: hidden;
			display: none;
		}
			.listing-info dt{
				font-style: italic;
				float: left;
				color: #666;
			}
			.listing-info dd{
				float: right;
				font-size: 11px;
				margin: 0 0 0 10px;
				overflow: hidden;
			}
			.listing-info dd a{
				color: #aaa;
				padding-left: 15px;
				background-repeat: no-repeat;
				background-position: 0 1px;
			}
			.listing-info dd a:hover {color: #666;}

			.listing-info dd.views a{
				padding-left: 18px;
				background-image: url(../images/icon-views-sm.png);
			}
			.listing-info dd.cmnt a{background-image: url(../images/icon-comments.png);}
			.listing-info dd.cmnt a:hover{background-position: 0 -14px;}
			.listing-info dd.fav a{background-image: url(../images/icon-hearts.gif);}
			.listing-info dd.fav a:hover{ background-position: 0 -16px;}

/* fall-category */
#fall-category{
	width: 193px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
	#fall-category h2{
		height: 35px;
		line-height: 35px;
		font-size: 16px;
		text-transform:uppercase;
	}

	/* ui-category */
	#ui-category{
		overflow: hidden;
	}
		#ui-category a{
			display: block;
			margin-bottom: 5px;
			overflow: hidden;
			padding: 7px 0 7px 10px;
			border-radius: 4px;
			border: 1px solid #e0d6ca;
			background-color: #f7ebe0;
			box-shadow: 0 1px rgba(255,255,255, 0.5) inset, 0 0 1px rgba(34, 25, 25, 0.1);
		}
		#ui-category a:hover{
			text-decoration: none;
			color: #68574f;
			background-color: #fff;
		}
		#ui-category a:active{
			box-shadow: 0 2px 3px rgba(33, 33, 33, 0.1) inset;
		}
		#ui-category a.current,
		#ui-category a.current:hover{
			color: #fff;
			font-weight: bold;
			box-shadow: 0 0 1px rgba(34, 25, 25, 0.1);
			border-color: #68574f;
			background-color: #68574f;
		}
		#ui-category .stats{
			display: block;
			width: 30px;
			overflow: hidden;
			float: right;
			text-align: center;
			font-weight: 700;
			margin: -6px 0 -6px 6px;
			padding: 6px 5px;
			border-left: 1px solid rgba(0,0,0,0.06)
		}

	/* ui-category-add */
	#ui-category-add{
		overflow: hidden;
		margin: 0 10px 10px 10px;
	}
		#ui-category-add .ui-input{
			margin: 0;
			width: 150px;
		}
		#ui-category-add .ui-button{
			float: right;
			width: 52px;
			padding: 0;
		}

/* water-fall */
#water-fall{width: 1265px;overflow: hidden;}
#water-fall-item{width: 1010px;overflow: hidden;}
#water-fall-item #water-fall{width: 1012px;}


/* ui-group-box */
#ui-group-box{
	width: 1264px;
	overflow: hidden;
}
	/* ui-group */
	.ui-group{
		width: 300px;
		height: 358px;
		overflow: hidden;
		float: left;
		margin: 14px 14px 0 0;
		box-shadow: 0 1px 3px #eee;
	}
		/* H2 */
		.ui-group .ui-title,
		.premium-stock-list h2{
			height: 35px;
			line-height: 35px;
			font-size: 14px;
			padding: 0 10px;
			overflow: hidden;
		}
		.ui-group .ui-title h2{
			font-size: 15px;
		}
		.ui-group .ui-title h3{
			text-align: center;
			color: #333;
			font-size: 16px;
			padding: 10px 0;
		}

		/* group-list */
		.group-list{
			width: 285px;
			height: 280px;
			overflow: hidden;
			margin: 10px 10px 0 10px;
		}
			.group-list li{
				width: 90px;
				height: 90px;
				line-height: 90px;
				position: relative;
				margin: 0 5px 5px 0;
				overflow: hidden;
				float: left;
				background: url(../images/90x90.png) 0 0 no-repeat;
			}
				.group-list img{
					position: absolute;
				}
				.group-list .masklayer{
					display: block;
					width: 90px;
					height: 90px;
					overflow: hidden;
					position: absolute;
					left: 0;
					top: 0;
					background: #000;
					filter:alpha(opacity=00);
					opacity: 0.0;
				}

		/* group-info */
		.group-info{
			width: 280px;
			height: 22px;
			line-height: 22px;
			padding: 10px 0;
			overflow: hidden;
			margin: 0 10px;
		}
			.group-info .ui-button{
				float: right;
				height: 20px;
				line-height: 20px;
				font-weight: normal;
			}
			.group-info .ui-button:active{
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(0, 0, 0, 0.1);
			}
			.group-info .ui-button:hover{}

			.group-info label {
				font-size: 15px;
			}


	/* ui-group-userset */
	.ui-group-userset{height: auto;}
	.ui-group-userset .ui-title img{
		float: right;
		margin: 7px 0 0 5px;
		width: 16px;
		height: 16px;
		filter:alpha(opacity=30);
		opacity: 0.3;
	}
	.ui-group-userset .ui-title img:hover{
		filter:alpha(opacity=100);
		opacity: 1.0;
	}


/* ui-links */
.ui-links .ui-title{
	padding-right: 5px;
	border-bottom: 1px solid #eceae6;
	background-color: #f9f9f9;
	border-radius: 4px 4px 0 0;
}
.ui-links .ui-title .ui-button{ margin-top: 5px;}
.ui-links .ui-cnt{padding: 10px 20px 20px 20px;}

/* links-domain */
.links-domain .ui-form{padding: 20px 0; overflow: hidden;}
.links-domain .ui-label{font-size: 16px; }
.links-domain .ui-message{ padding-left: 160px;}

/* links-domain-item */
.links-domain-item{
	margin-top: 10px;
	overflow: hidden;
}
	.links-domain-item h5{
		font-size: 16px;
		border-bottom: 1px solid #e9e7e3;
		padding: 5px;
		color: #390;
		text-transform:uppercase;
	}
	.links-domain-item .donot-list{ margin: 10px 0;}
	.links-domain-item .donot-list li{
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
		margin: 0 5px;
		padding-left: 23px;
		background: url('../images/icons/cross_circle.png')  0 4px no-repeat;
	}
	.links-domain-item .donot-list li.cando{
		background-image: url('../images/icons/tick_circle.png');
	}

	.links-domain-item .ui-form{
		width: 100%;
		overflow: hidden;
		padding: 10px 0;
	}
	.links-domain-item .ui-form-item{
		width: 100%;
		padding: 7px 0;
		overflow: hidden;
	}
	.links-domain-item .ui-form-item .ui-tips{ margin-left: 735px;}


/* ui-form-links-button */
.ui-form-links-button{
	padding: 20px 0;
	margin: 20px 0 0 0;
	text-align: center;
	border-top: 1px solid #e9e7e3;
}
.ui-form-links-button-two{text-align: center;}
.ui-form-links-button-two .ui-button-gray{display: inline-block; margin: 0 5px;}


/* ui-fieldset */
.ui-fieldset{
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #e9e7e3;
	background-color: #fff;
	border-radius: 4px;
}
	.ui-fieldset-title{
		color: #68574f;
		margin-left: 10px;
		font-size: 16px;
		padding: 0 5px;
		font-weight: 700;
		font-weight: normal;
		background-color: #fff;
	}
		.ui-fieldset-title em{
			color: #f00;
			margin-left: 3px;
			font-weight: normal;
		}

	.ui-fieldset-cnt{
		padding: 10px 15px;
		overflow: hidden;
	}

/* links-confirm */
.links-confirm .ui-form-item{
	padding: 10px 0;
	overflow: hidden;
	width:100%;
	font-size: 14px;
}
.links-confirm .pure-text{ padding: 5px 0;}
.links-confirm .ui-form-item .ui-button-gray{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.links-confirm a.link-text{ color: #26c; text-decoration: underline; margin-right: 10px; font-weight: normal; font-size: 14px; }
.links-confirm a.link-text:hover{ color: #68574f;}
.links-confirm .ui-form-item strong{
	font-weight: normal;
	color: #68574f;
	font-size: 16px;
	font-style: italic;
	margin-right: 10px;
}

/* links-item */
.links-item{
	float: left;
}
	.links-confirm .ui-prompt{
		float: left;
		margin: 3px 0 0 10px;
		position: inherit;
		height: auto;
		line-height: 18px;
		padding: 3px 10px;
		border-radius: 4px;
		cursor: default;
	}
		.links-confirm .ui-tips-arrow{
			top:inherit;
			left: inherit;
			margin-left: -16px;
		}
		.links-confirm .ui-tips-cnt{
			color: #080;
			white-space: normal;
			font-size: 13px;
			padding: 3px 0;
		}
		.links-confirm .ui-tips-cnt strong{ font-size: 13px; font-style: normal;color: #080; font-weight: 700;}
		.links-confirm .ui-tips-cnt strong.no{ color: #c00; }
		.links-confirm .ui-tips-cnt span{ color: #666; }

/* ui-code */
.ui-code{
	overflow: hidden;
	padding: 7px 10px;
	font-size: 14px;
	margin-top: 5px;
	font-style: italic;
	border: 1px solid #e9e7e6;
	color: #666;
	background-color: #f5f5f5;
	border-radius: 4px;
}

/* none-listing */
.none-listing{
	padding: 7px 13px;
	color: #666;
	font-size: 16px;
	margin-top: 10px;
	background-color: #f9f9f9;
	border: 1px solid #e9e7e3;
	border-radius: 4px;
}


/* links-box */
.links-box{padding: 10px;}
.links-box-red,
.links-box:hover{
	border-color: #df8f8f;
	box-shadow: 0 1px 3px #ddd;
}
	/* links-pic */
	.links-pic{
		width: 150px;
		height: 110px;
		overflow: hidden;
		padding: 5px;
		float: left;
		border: 1px solid #ccc;
	}
		.links-pic img{
			width: 150px;
			height: 110px;
			overflow: hidden;
			display: block;
		}

	/* links-info */
	.links-info{
		width: 1010px;
		float: right;
		overflow: hidden;
	}
		.links-info a:hover{
			text-decoration: underline;
		}
		/* link-title */
		.link-title{
			height: 25px;
			line-height: 25px;
			overflow: hidden;
		}
			.link-title h2{font-size: 14px;}
			.link-title span{float: right;}
			.link-title a{text-decoration: underline; color: #26c;}
			.link-title a:hover{text-decoration: none; color: #68574f;}

		/* link-word */
		.link-word{
			height: 60px;
			line-height: 20px;
			font-size: 13px;
			overflow: hidden;
		}

		/* links-tags */
		.links-tags{
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			font-weight: bold;
			margin-top: 6px;
			color: #666;
		}
			.links-tags a{margin: 0 5px;}
			.links-tags .ui-button-gray{float: right; margin: 0;font-size: 12px;}
			.links-tags .ui-button-gray:hover{text-decoration: none;}

	/* links-show */
	.links-show li{
		color: #666;
		font-weight: 700;
		height: 28px;
		line-height: 28px;
		overflow: hidden;
		float: left;
		padding: 0 15px;
		margin-right: 10px;
		border: 1px solid #ccc;
		background-color: #f0f0f0;
		border-radius: 2px;
	}

/* promo-tips */
.promo-tips{
	margin-top: 10px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #df8f8f;
	background-color: #ffcece;
	border-radius: 2px;
	box-shadow:0 1px 2px rgba(0,0,0,0.07);
}
	.promo-tips a{display: block;}
	.promo-tips img{display: block; margin: 0 auto;}
	.promo-tips a:hover{text-decoration: none;}

/* promocode-dialog */
.promocode-dialog{
	width: 570px;
	height: 380px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #c60;
	background-color: #fff;
	border-radius: 4px;
   box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
	.promocode-dialog h1{margin-top: 40px;}
	.promocode-dialog h1 img{ display: block; margin: 0 auto;}
	.promocode-dialog h2{
		margin-top: 20px;
		font-size: 50px;
		color: #000;
		font-weight: 700;
	}
	.promocode-dialog .promocode-btn{
		display: inline-block;
		font-size: 20px;
		padding: 10px 30px;
	}
	.promocode-dialog dl,
	.promocode-dialog p{
		width: 430px;
		height: 30px;
		margin: 0 auto;
		font-size: 18px;
		line-height: 30px;
		color: #666;
		overflow: hidden;
		text-align: left;
	}
		.promocode-dialog p strong{color: #f00;float: right;}
		.promocode-dialog dl{
			height: 75px;
			line-height: 25px;
			font-size: 14px;
			margin-top: 5px;
			overflow: hidden;
			clear: both;
		}
			.promocode-dialog dl dt{
				height: 50px;
				overflow: hidden;
				float: left;
				width: 110px;
			}

/* ui-dialog-iframe */
/* modal-iframe */		
.ui-dialog-iframe{width: auto; border: 2px solid #68574f; margin: 0;}
.modal-iframe .modal-close{color: #fff;}
.ui-dialog-iframe .ui-title{padding: 10px; text-align: center; background-color: #68574f; border-radius: 0;}
.ui-dialog-iframe .ui-title h3{color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3);}
.ui-dialog-iframe .ui-title h3 span{background: url(../images/loading.gif) 0 center no-repeat; padding-left: 30px;}
.ui-dialog-iframe .ui-cnt{padding: 0;}
.ui-dialog-iframe .ui-cnt ifarme{ background: transparent;}			
			

/* ui-dialog-fixed-group */			
.ui-dialog-fixed-group{
	position: fixed;
	z-index: 99;
	right: 0;
	bottom: 0;
}			
.ui-dialog-fixed-group-left{left: 0;right: auto;}	
.ui-dialog-fixed-group-left .ui-dialog,
.ui-dialog-fixed-group-left .promocode-dialog{ float: left;}	
		
/* modal-fixed */
.ui-dialog-fixed-group .ui-dialog,
.ui-dialog-fixed-group .promocode-dialog{
	float: right;
	clear: both;
	margin: 20px 0 0 0;
	position: relative;
	box-shadow: -10px -10px 35px rgba(0,0,0,0.3);
}
	.ui-dialog-fixed{width: 360px;text-align: center;border: 2px solids #22704a;}	
	.ui-dialog-fixed .ui-cnt{padding: 30px;}
	.ui-dialog-fixed .ui-cnt img{ display: block; margin: 0 auto; max-width: 250px;}	
	.ui-dialog-fixed .ui-cnt .btn{ display: inline-block;}	
	.ui-dialog-fixed .ui-cnt p{ font-size: 16px; padding: 15px 0;}	
	.ui-dialog-fixed .ui-cnt p.large{font-size: 30px; line-height: 1.2;}	
	.ui-dialog-fixed .ui-cnt p.ui-message{font-size: 13px; padding-top: 0;}	
		
/* ui-dialog-fixed-dark */
.ui-dialog-fixed-dark .ui-cnt{color: #fff;}
.ui-dialog-fixed-dark .ui-cnt .ui-button:hover{border-color: #fff;}
.ui-dialog-fixed-dark{border: 0 none;background-color: #68574f;}					

/* iframe-body */
.iframe-body{
	width: 100%;
	min-width: 1000px;
	height: 100%;
	position: relative;
}

/* iframe-footer */
.iframe-horizontal{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: #fff5eb;
}
	.iframe-header{
		top: 0;
		border-bottom: 1px solid #c7b6a4;
		box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	}
	.iframe-footer{
		bottom: 0;
		border-top: 1px solid #c7b6a4;
		box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
	}

	/* iframe-text */
	.iframe-header .iframe-text{background: url(../images/nav-bg.png);}
	.iframe-text{line-height: 39px;padding: 10px;}
	.iframe-text .logo-samll img{ display: block; height: 40px; margin-right: 10px;}
	.iframe-text .search-input{width: 200px;}
	.iframe-text .search-sort{ width: 150px;}
	.iframe-text .btn-group{ margin-top: 4px;}
	.iframe-text .iframe-tips{font-size: 18px;padding-left: 10px;}

	/* iframe-premium */
	.horizontal-premium{overflow: hidden;}
	.horizontal-premium .premium-list{ margin: 0 0 0 -15px;}
	.horizontal-premium .premium-list li{margin: 0 0 0 15px; height: auto;}

	/* iframe-brand */
	.iframe-brand{
		width: 230px;
		position: absolute;
		top: 0;
		left: 32px;
		height: 120px;
		overflow: hidden;
		padding: 20px 15px 0 15px;
		border-right: 1px solid #c7b6a4;
	}
		.iframe-brand .ui-search{position: relative;width: 230px;	overflow: hidden; margin-top: 10px;}
		.iframe-brand .logo-large img{ width: 200px; margin: 0 auto;}
		.iframe-brand .search-input{width: 228px;}
		.iframe-brand .search-button{
			position: absolute;
			top: 2px;
			right: 2px;
			float: none;
			padding: 0;
			width: 35px;
			height: 35px;
			border: 0 none;
			background: url(../images/search.gif) center center no-repeat;
			cursor: pointer;
			box-shadow:  none;
		}
		.iframe-brand .search-button:hover{ background-color: #eee;}

	.horizontal-premium .jcarousel-clip{
		margin: 15px 50px;
		height: 110px;
		overflow: hidden;
   	position: relative;
	}
	.iframe-header-brand .horizontal-premium .jcarousel-clip{
		margin-left: 310px;
	}
		/* jcarousel-list */
		.jcarousel-list{
			z-index: 1;
			overflow: hidden;
			position: relative;
			top: 0;
			left: 0;
		}

		/* jcarousel-horizontal-btn */
		.jcarousel-next-horizontal,
		.jcarousel-prev-horizontal{
			position: absolute;
			top: 0;
			width: 32px;
			height: 140px;
			overflow: hidden;
			text-align: center;
			cursor: pointer;
			background-image: url(../images/jcarousel-arrow.png);
			background-repeat: no-repeat;
			background-color: #846a53;
		}

		.jcarousel-prev-horizontal{left: 0; background-position: 9px center;}
		.jcarousel-next-horizontal{right: 0; background-position: -190px center;}
		.jcarousel-prev-disabled-horizontal,
		.jcarousel-prev-disabled-horizontal:hover,
		.jcarousel-prev-disabled-horizontal:active,
		.jcarousel-next-disabled-horizontal,
		.jcarousel-next-disabled-horizontal:hover,
		.jcarousel-next-disabled-horizontal:active{
			cursor: default;
			filter:alpha(opacity=60);
			opacity: 0.6;
		}

/* iframe-vertical */
.iframe-vertical{
	position: fixed;
	top: 61px;
	bottom: 0;
	z-index: 8;
	background-color: #fff5eb;
}
	/* iframe-left */
	.iframe-left{
		left: 0;
		border-right: 1px solid #c7b6a4;
		box-shadow: 1px 0 5px rgba(0,0,0,0.1);
	}
	/* iframe-right */
	.iframe-right{
		right: 0;
		border-left: 1px solid #c7b6a4;
		box-shadow: -1px 0 5px rgba(0,0,0,0.1);
	}

.iframe-body .premium-img:hover{overflow: hidden;}
.iframe-body .premium-img:hover span{box-shadow: none;border: 0 none;border-radius: 0;}

	/* vertical-premium */
	.vertical-premium{overflow: hidden;width: 110px;padding: 0 15px;}
	.vertical-premium .premium-list{ margin: -15px 0 0 0;}
	.vertical-premium .premium-list li{margin: 15px 0 0 0;  float: none; }
	.vertical-premium .jcarousel-clip{
		width: 110px;
		overflow: hidden;
		position: absolute;
		top: 50px;
		bottom: 50px;
	}
		/* jcarousel-vertical-btn */
		.jcarousel-next-vertical,
		.jcarousel-prev-vertical{
			position: absolute;
			left: 0;
			z-index: 5;
			width: 140px;
			height: 32px;
			overflow: hidden;
			text-align: center;
			cursor: pointer;
			background-image: url(../images/jcarousel-arrow.png);
			background-repeat: no-repeat;
			background-color: #846a53;
		}

		.jcarousel-prev-vertical{top: 0; background-position: center 9px;}
		.jcarousel-next-vertical{bottom: 0; background-position: center -190px;}
		.jcarousel-prev-disabled-vertical,
		.jcarousel-prev-disabled-vertical:hover,
		.jcarousel-prev-disabled-vertical:active,
		.jcarousel-next-disabled-vertical,
		.jcarousel-next-disabled-vertical:hover,
		.jcarousel-next-disabled-vertical:active{
			cursor: default;
			filter:alpha(opacity=60);
			opacity: 0.6;
		}
		
/* upload-wrapper */
.upload-wrapper{margin-top: 20px;}		

/* upload-steps */
.upload-steps{
	position: relative;
	padding: 30px;
	border-bottom: 1px solid #cdbaa2;
	background-color: #feeddb;
}
	.upload-steps .tablist{
		display: table;
		width: 100%;
		table-layout: fixed;
	}
		.upload-steps .tablist li{
			display: table-cell;
			width: 25%;
			vertical-align: top;
			text-align: center;
		}
			.upload-steps .tablist li a:after{
				width: auto;
				height: 2px;
				top: 20px;
				bottom: auto;
				left: 0;
				right: 0;
				content: "";
				position: absolute;
				background-color: #e8dacc;
			}
			.upload-steps .tablist li:first-child a:after{
				top: 20px;
				left: 50%;}
			.upload-steps .tablist li:last-child a:after{
				top: 20px;
				right: 50%;
				bottom: 0;
			}
		
		.upload-steps .tablist li a{
			display: block;
			position: relative;
			color: #7c6c64;
		}
			.upload-steps .tablist li a:hover{ text-decoration: none;}
			.upload-steps .tablist li a .number{
				display: block;
				width: 42px;
				height: 42px;
				line-height: 42px;
				overflow: hidden;
				margin: 0 auto;
				vertical-align: top;
				position: relative;
				z-index: 2;
				font-size: 16px;
				font-weight: 700;
				text-align: center;
				color: #68574f;	
				background-color: #e8dacc;
				border-radius: 50%;		
			}
			.upload-steps .tablist li a .title{
				display: block;
				margin: 0 auto;
				text-align: center;
				margin-top: 5px;
				vertical-align: top;
				font-size: 14px;
				font-weight: 700;
			}
			
		/* current */	
		.upload-steps .tablist li.current a:after{background-image: linear-gradient(to right,#e8dacc 0,#5a7145 50%,#e8dacc 100%);}
		.upload-steps .tablist li.current:first-child a:after{background-image: linear-gradient(to right,#5a7145 0,#e8dacc 100%);}
		.upload-steps .tablist li.current:last-child a:after{background-image: linear-gradient(to right,#e8dacc 0,#5a7145 100%);}
		.upload-steps .tablist li.current a{ color: #5a7145;}
		.upload-steps .tablist li.current a .number{ 
			font-size: 0;
			line-height: 0;
			text-indent: -99px;
			background-image: url(../images/upload-steps.png);
			background-repeat: no-repeat;
			background-position: 13px center;
			background-color: #5a7145;
		}
		
		/* current */	
		.upload-steps .tablist li.error a:after{background-image: linear-gradient(to right,#e8dacc 0,#ed5466 50%,#e8dacc 100%);}
		.upload-steps .tablist li.error:first-child a:after{background-image: linear-gradient(to right,#ed5466 0,#e8dacc 100%);}
		.upload-steps .tablist li.error:last-child a:after{background-image: linear-gradient(to right,#e8dacc 0,#ed5466 100%);}
		.upload-steps .tablist li.error a{ color: #ed5466;}
		.upload-steps .tablist li.error a .number{ 
			font-size: 0;
			line-height: 0;
			text-indent: -99px;
			background-image: url(../images/upload-steps.png);
			background-repeat: no-repeat;
			background-position: -36px center;
			background-color: #ed5466;
		}
		
		/* current */	
		.upload-steps .tablist li.done a:after{background-image: linear-gradient(to right,#e8dacc 0,#91c854 50%,#e8dacc 100%);}
		.upload-steps .tablist li.done:first-child a:after{background-image: linear-gradient(to right,#91c854 0,#e8dacc 100%);}
		.upload-steps .tablist li.done:last-child a:after{background-image: linear-gradient(to right,#e8dacc 0,#91c854 100%);}
		.upload-steps .tablist li.done a{ color: #91c854;}
		.upload-steps .tablist li.done a .number{ 
			font-size: 0;
			line-height: 0;
			text-indent: -99px;
			background-image: url(../images/upload-steps.png);
			background-repeat: no-repeat;
			background-position: -86px center;
			background-color: #91c854;
		}

/* upload-actions */
.upload-actions{padding: 20px 30px;overflow: hidden;}
.upload-actions .ui-button{ padding: 10px 50px; font-size: 20px;}
.upload-actions .ui-form{width: 74%;}
.upload-actions .ui-form-item{ margin: 0 0 0 0; overflow: hidden; width: 100%;}
.upload-actions .ui-label{ font-size: 15px; width: 160px;}
.upload-actions .checkbox{ font-size: 14px; float: left;}
.upload-actions .btn-link{ font-size: 15px; float: left; line-height: 30px;}	

		
/* upload-content */
.upload-content{padding: 40px; border-bottom: 1px solid #cdbaa2;}
.upload-content .upload-panel-form{ width: 560px;}
.upload-content .upload-panel-form .ui-form-item{ padding: 5px 0;}
.upload-content .ui-button-big{padding: 0 40px;}
.upload-content .ui-message{ font-size: 13px; font-weight: 700; font-style: italic; }
.upload-content .ui-label{ font-size: 15px; float: none; display: block; text-align: left; font-weight: 700;}
.upload-content .ui-input{width: 550px;}	
.upload-content .ui-select{width: 550px;}	
.upload-content .ui-textarea{width: 540px; height: 172px;}	
.upload-panel .ui-message{ font-size: 13px; font-style: italic; }	
.upload-panel .ui-button-big{ padding: 0 30px;}	
	

/* ui-input */
div.tagsinput{
	width: 100%;
	padding: 5px;
	line-height: 18px;
	overflow: auto;
	overflow-x: hidden;
	font-size: 15px;
	cursor: text;
	margin-top: 4px;
}	
	div.tagsinput div{ display:block; float: left; } 
	div.tagsinput .tags_clear { clear: both; width: 100%; height: 0px; }
	div.tagsinput .not_valid {background-color: #FBD8DB !important; color: #90111A !important; border-radius: 3px; }
	div.tagsinput span.tag {
		display: block;
		float: left;
		padding: 2px 8px;
		text-decoration:none;
		margin: 0 5px 5px 0;
		font-size: 13px;
		color: #638421;
		border: 1px solid #a5d24a;
		background-color: #cde69c;
		border-radius: 3px;
	}
	div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 13px; }
	div.tagsinput span.tag a { font-weight: bold; color: #999; text-decoration:none; font-size: 13px; } 
	div.tagsinput input { width: 100px;font-size: 13px; border:1px solid transparent; padding: 2px 8px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
		
	
/* upload-progress */
.upload-progress{
	margin: 0 80px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
	border-radius: 3px;
}
	/* progress-notice */
	.progress-notice{
		padding-top: 7px;
		font-size: 14px;
		font-style: italic;
	}
	/* progress */
	.progress{
		height: 20px;
		overflow: hidden;
		background-color: #eee;
		border-radius: 3px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	}
		.progress .progress-bar{
			color: #fff;
			float: left;
			font-size: 12px;
			height: 20px;
	   	line-height: 20px;
			text-align: center;
			background-color: #f39c12;
			background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
			background-size: 40px 40px;
			text-shadow: 0 1px 0 rgba(0,0,0,0.2);
			transition: width 0.6s ease 0s;
			animation: 2s linear 0s normal none infinite running progress-bar-stripes;
		}	
		
/* upload-bordered */
.upload-bordered{
	margin-top: 5px;
	min-height: 215px;
	text-align: center;
	border: 2px dashed #cdbaa2;
	background-color: #feeddb;
	border-radius: 3px;
}
		

/* preview-image */
.upload-thumbnail{
	width: 250px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #cdbaa2;
	background-color: #fff;
}
	.upload-thumbnail-inner{
		display: block;
		width: 250px;
		height: 180px;
		overflow: hidden;
		position: relative;
	}
		.upload-thumbnail-inner img{
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			border-radius: 3px;
		}
		.upload-thumbnail-inner:hover{overflow: visible; z-index: 3;}
		.upload-thumbnail-inner:hover img{
			box-shadow: 0 10px 35px rgba(0,0,0,0.3);
			border: 4px solid #fff;
		}

	/* upload-thumbnail-crop */
	.upload-thumbnail-crop{
		width:250px;
		height:180px;
		overflow:hidden;
		margin-top: 15px;
	}
	/* upload-recut */
	.upload-recut{overflow: hidden;padding: 30px 0 0 0;}	
	.upload-recut a{ margin: 0 5px;}		
		
/* upload-error */
.upload-error{line-height: 190px;}
.preview-image .upload-error{line-height: 460px;}
.upload-error p{
	display: inline-block;
	margin: 0 70px;
	line-height: 1.6;
	font-size: 14px;
	padding: 10px 20px 10px 14px;
	margin-top: 20px;
	color: #c00;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	background-color: #ffcece;
	border: 1px solid #df8f8f;
	border-radius: 3px;
	vertical-align: middle;
}
	.upload-error a{ display: inline-block; }	
					
	
/* upload-zipped */
.upload-zipped{text-align: center;  min-height: 215px;}	
.upload-zipped .upload-enter{padding-top: 55px; margin-bottom: 15px;}	

/* preview-image */	
.preview-image{ width: 754px;}
.preview-image .upload-bordered{ min-height: 460px; width: 750px;overflow: hidden;}
.preview-image img{ display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}
.preview-image .upload-enter{margin-top: 180px; }
.preview-image .ui-message{margin: 15px 50px 0 50px;}
.preview-image .preview-img{cursor: crosshair;}	

/* thumbnail-image */
.thumbnail-image{width: 360px; }
.thumbnail-image .upload-bordered{padding: 15px 0 30px 0;}
.thumbnail-image .upload-enter .ui-button,
.thumbnail-image .upload-enter .ui-button-gray,
.thumbnail-image .upload-enter .ui-button-disabled,
.thumbnail-image .ui-message,
.thumbnail-image .upload-progress{ margin: 15px 30px 0 30px;}
.thumbnail-image .upload-error p{ margin: 30px;}

/*  upload-bordered */
.upload-bordered .upload-info{ height:24px;overflow: hidden; padding: 10px 15px 10px 0;;}
.upload-bordered .upload-info .ui-button-gray{ float: right;}
.upload-bordered .upload-info h5{ float: left; overflow: hidden; width: 540px; font-weight: 700; font-size: 13px;}
.upload-bordered .upload-info span{display: block;height: 18px; line-height: 18px;overflow: hidden; text-align: left; width: 550px; padding: 0 15px; margin-top: 3px;}
.upload-bordered .upload-info h5:hover span{ position: absolute; background-color: #feeddb;padding: 0 15px 10px 15px; z-index: 5; height: auto;}
.upload-bordered-center .upload-info{height: auto; padding: 0 20px 20px 20px; line-height: 1.5;}
.upload-bordered-center .upload-info h5{ margin: 15px; text-align: center;float: none; width: auto;}
.upload-bordered-center .upload-info .ui-button-gray{ float: none; margin: 0 25px;}
.upload-bordered-center .upload-thumbnail{ float: none; }	

/* upload-confirm */
.upload-confirm .ui-label{text-align: right; float: left; color: #666; font-size: 16px;}
.upload-confirm .ui-text{line-height: 20px; height: auto; padding: 5px 0;font-size: 16px;}
.upload-confirm-left{width: 700px; float:left;}
.upload-confirm-left .ui-label{width: 100px;}
.upload-confirm-left .ui-text{ width: 590px;}
.upload-confirm-right{width: 420px; float:right;}
.upload-confirm-right .ui-label{width: 140px;}
.upload-confirm-right .ui-text{ width: 270px;}
.upload-confirm-right .upload-thumbnail{ margin: 9px 0 0 0; float: right;}