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-weight: normal; font-size: 100%;}
strong{font-weight: 700;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea,
select, optgroup, option {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%;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
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%;}
: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;}
body .center{text-align: center;}

/***************** CSS Style ********************/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/opensans400-webfont.eot');
  src: url('../fonts/opensans400-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans400-webfont.woff2') format('woff2'),
		 url('../fonts/opensans400-webfont.woff') format('woff'),
		 url('../fonts/opensans400-webfont.ttf') format('truetype'),
		 url('../fonts/opensans400-webfont.svg#opensansregular') format('svg');
  
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/opensans400italic-webfont.eot');
  src: url('../fonts/opensans400italic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/opensans400italic-webfont.woff2') format('woff2'),
		 url('../fonts/opensans400italic-webfont.woff') format('woff'),
		 url('../fonts/opensans400italic-webfont.ttf') format('truetype'),
		 url('../fonts/opensans400italic-webfont.svg#opensansitalic') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/opensans600-webfont.eot');
  src: url('../fonts/opensans600-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans600-webfont.woff2') format('woff2'),
       url('../fonts/opensans600-webfont.woff') format('woff'),
       url('../fonts/opensans600-webfont.ttf') format('truetype'),
       url('../fonts/opensans600-webfont.svg#webfontregular') format('svg');
  
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/opensans600italic-webfont.eot');
  src: url('../fonts/opensans600italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans600italic-webfont.woff2') format('woff2'),
       url('../fonts/opensans600italic-webfont.woff') format('woff'),
       url('../fonts/opensans600italic-webfont.ttf') format('truetype'),
       url('../fonts/opensans600italic-webfont.svg#webfontregular') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/opensans700-webfont.eot');
  src: url('../fonts/opensans700-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans700-webfont.woff2') format('woff2'),
       url('../fonts/opensans700-webfont.woff') format('woff'),
       url('../fonts/opensans700-webfont.ttf') format('truetype'),
       url('../fonts/opensans700-webfont.svg#webfontregular') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/opensans700italic-webfont.eot');
  src: url('../fonts/opensans700italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/opensans700italic-webfont.woff2') format('woff2'),
       url('../fonts/opensans700italic-webfont.woff') format('woff'),
       url('../fonts/opensans700italic-webfont.ttf') format('truetype'),
       url('../fonts/opensans700italic-webfont.svg#webfontregular') format('svg');
}
*::-moz-selection{
    color: #fff;
	 background-color: #000;
	 text-shadow: none !important;
}
*::selection{
    color: #fff;
	 background-color: #000;
	 text-shadow: none !important;
}

input,
input:after,
input:before,
textarea,
textarea:after,
textarea:before,
button,
button:after,
button:before{	
	-webkit-box-sizing: border-box; 
   	-moz-box-sizing: border-box;  
   	 -ms-box-sizing: border-box; 
	     -o-box-sizing: border-box; 
	        box-sizing: border-box; 
}

body{
	color: #363f48;
	font-size: 12px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background-color: #f9f9f9;
}
a{text-decoration: none;color: #77980e;}
a:link{text-decoration: none;}
a:visited{text-decoration: none; }
a:hover{ text-decoration: underline; color: #363f48;}
a:focus { outline: 0;}
a:active{text-decoration: none;}

/* icon */
i,
.text-hide{
	display: inline-block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -999px;
	background-image: url(../images/ui.png);
	background-repeat: no-repeat;
}
.rating-icon{
	width: 16px;
	height: 15px;
	background-image: url(../images/rating.png);
}
.circular{border-radius: 50%;}
.italic{font-style: italic;}

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

/* navbar */
#navbar{
	min-width: 765px;
	height: 70px;
	background-color: #363f48;
	position: relative;
}
	/* logo */
	#navbar #logo{position: absolute; left: 20px; top: 17px;}
	#logo a{
		width: 185px;
		height: 32px;
		background-image: url(../images/logo.png);
		background-position: 0 0;
	}

	/* navigation */
	#navigation{ margin: 0 250px 0 240px; overflow: hidden; height: 70px;}
	.nav .nav-item{
		float: left;
		height: 40px;
		margin: 15px 10px 0 0;
	}
		/* nav-link */
		.nav .nav-link{
			display: block;
			height: 40px;
			line-height: 40px;
			color: #ddd;
			font-size: 16px;
			overflow: hidden;
			text-align: center;
			text-transform: uppercase;
			padding: 0 25px;
			border-radius: 3px;
			transition: all 0.3s ease-in 0s;
		}
			.nav li.current .nav-link{
				color: #fff;
				background-color: #abc261;
			}
			.nav .nav-link:hover,
			.nav .dropdown-menu-hover{
				color: #fff;
				text-decoration: none;
				background-color: #262626;
			}
			.nav .dropdown-menu-hover{
				border-radius: 3px 3px 0 0;
			}

		/* dropdown-box */
		#navigation .dropdown-box,
		#user-interaction .dropdown-box{
			width: 365px;
			overflow: hidden;
			position: absolute;
			display: none;
			text-align: left;
			z-index: 9;
			padding: 8px 0 15px 0;
			background-color: #262626;
			border-radius: 0 3px 3px 3px;
		}
			/* nav-group */
			.nav-group a{
				display: block;
				font-size: 14px;
				color: #ccc;
				float: left;
				width: 140px;
				padding: 5px 10px;
				margin: 7px 0 0 15px;
				white-space: nowrap;
				border-radius: 2px;
				transition: all 0.3s ease-in 0s;
			}
			.nav-group .line{
				display: block;
				clear: both;
				width: 100%;
				height: 0;
				overflow: hidden;
				padding-top: 7px;
				border-bottom: 1px solid rgba(255,255,255,0.08);
			}
			.nav-group a.current,
			.nav-group a:hover{
				color: #fff;
				text-decoration: none;
				background-color: #aac260;
			}
			.nav-group a.active{
				color: #aac260;
				text-decoration: none;
				background-color: #262626;
			}
			#navigation .dropdown-homepage{width: 138px;}
			#navigation .dropdown-homepage a{ float: none; width: auto; margin: 7px 15px 0 15px;}
			#navigation .dropdown-narrowbox{ width: auto;}
			#navigation .dropdown-narrowbox .nav-group a{ float: none; clear: both; width: auto; margin: 7px 15px 0 15px;}


	/* user-interaction */
	#user-interaction{
		width: auto;
		position: absolute;
		right: 20px;
		top: 15px;
	}
		/* status-line */
		.status-line{
			float: left;
			width: 1px;
			height: 14px;
			overflow: hidden;
			margin: 12px 15px;
			border-right: 1px solid #555;
			background-color: #191919;
		}
		/* status-item */
		.status-item,
		.status-signed{
			float: left;
			height: 40px;
			position: relative;
		}
			.status-item a,
			.status-signed .nav-link{
				color: #ccc;
				font-size: 14px;
				line-height: 40px;
				white-space: nowrap;
				text-transform: uppercase;
			}
			.status-item a:hover,
			.status-signed .nav-link:hover{ color: #fff; text-decoration: none;}
			.status-item img{vertical-align: middle;margin-top: -4px;}

		/* dropdown-box */
		#user-interaction .dropdown-box{
			width: auto;
			right: 0;
			margin-top: -2px;
			padding: 8px 15px 15px 15px;
		}
			#user-interaction .nav-group a{
				float: none;
				width: auto;
				margin: 7px 0 0 0;
			}


/* banner */
#banner{
	width: 100%;
	height: 380px;
	position: relative;
}
	/* banner-slide */
	#banner-slide li{
		width: 100%;
		height: 380px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-repeat: repeat-x;
		background-position: center 0;
		background-size: cover;
	}
		#banner-slide li.current{ display: block;}

	/* bx-pager */
	.bx-controls-direction{display: none;}
	.bx-pager{
		height: 15px;
		overflow: hidden;
		text-align: center;
		position: absolute;
		bottom: 60px;
		left: 0;
		right: 0;
		z-index: 3;
	}
		.bx-pager-item{
		    display: inline-block;
		    margin: 0 5px;
			 overflow: hidden;
		}
			.bx-pager-item a{
				display: block;
				width: 8px;
				height: 8px;
				overflow: hidden;
				font-size: 0;
				line-height: 0;
				text-indent: -999px;
				border-radius: 8px;
				border: 2px solid #fff;
				cursor: pointer;
			}
			.bx-pager-item a.active{
			   cursor: default;
				background-color: #fff;
			}

/* banner-tabs */
#banner-tabs{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	text-align: center;
	border-top: 1px solid rgba(0,0,0,0.4);
	background-color: rgba(0,0,0,0.1);
}
	#banner-tabs li{
		display: inline-block;
		margin: 0 20px;
	}
		#banner-tabs li a{
			display: block;
			color: #d8d8d8;
			font-weight: 700;
			padding: 10px 0;
			font-size: 16px;
			text-transform: uppercase;
		}
		#banner-tabs li a:hover{color: #fff;text-decoration: none;}
		#banner-tabs li.current{border-top: 1px solid #fff;margin-top: -1px;position: relative;}
		#banner-tabs li.current a{ color: #fff;}

		/* input-prepend */
		#banner-tabs .input-prepend{
			width: 420px;
			height: 50px;
			float: none;
			margin: 2px auto;
		}
			#banner-tabs .input-prepend .ui-input{ height: 48px; line-height: 48px; border-color: #363f48;}
			#banner-tabs .input-prepend .add-on{position: absolute;left: 13px;top: 12px;}

/* get-background */
#get-background{
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 4;
	text-transform: uppercase;
}
	#get-background a{ color: #999;}
	#get-background a:hover{color: #fff;text-decoration: none;}

/* banner-search */
#banner-search{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
	/* search-focus */
	.search-focus{
		margin: 0 auto;
		margin-top: 150px;
		width: 750px;
	}
		/* search-area */
		.search-area{
			float: left;
			position: relative;
		}

		/* search-input */
		.search-input{
			width: 600px;
			height: 50px;
			float: left;
			font-size: 16px;
   		font-weight: 400;
			color: #afb2b6;
			padding: 0 0 0 15px;
			border: medium none;
			background-color: #fff;
			transition: all 0.3s ease-in 0s;
			border-radius: 3px;
		}
		.search-input:focus{ color: #363f48;}

		/* search-button */
		.search-button{
			width: 140px;
			height: 50px;
			overflow: hidden;
			cursor: pointer;
			float: right;
			font-size: 18px;
    		font-weight: 600;
			color: #fff;
			border: 2px solid #363f48;
			background-color: #363f48;
			text-transform: uppercase;
			transition: all 0.3s ease-in 0s;
			border-radius: 3px;
		}
			.search-button:hover{
				color: #fff;
				border-color: #fff;
				background-color: rgba(0,0,0,0.5);
			}

		/* search-within-button */
		.search-within-button{
			width: 160px;
			height: 36px;
			overflow: hidden;
			cursor: pointer;
			font-size: 13px;
    		font-weight: 600;
			color: #363f48;
			border: 1px solid #363f48;
			background-color: #fff;
			transition: all 0.3s ease-in 0s;
			border-radius: 3px;
			position: absolute;
			right: 4px;
			top: 4px;
		}
			.search-within-button:hover{
				color: #fff;
				border-color: #363f48;
				background-color: #363f48;
			}

		/* ui-select */
		.search-area .ui-select{
			position: absolute;
			right: 1px;
			top: 1px;
			height: 42px;
			line-height: 42px;
			padding: 0 0 0 10px;
			border: 0 none;
			border-left: 1px solid #e9e9e9;
			border-radius: 0 3px 3px 0;
			text-align: right;
		}
			.search-area .ui-select:hover{ border-color: #e9e9e9;}

		/* search-dropbox */
		.search-dropbox{
			width: 600px;
			position: absolute;
			top: 50px;
			left: 0;
			right: 0;
			z-index: 9;
			background-color: rgba(0,0,0,0.3);
			display: none;
			overflow: hidden;
			border-radius: 0 0 4px 4px;
		}
			.search-select li{
				float: left;
				color: #fff;
				padding: 8px 20px 10px 20px;
				font-size: 15px;
				cursor: pointer;
				text-transform: uppercase;
			}
			.search-select li:hover{
				background-color: rgba(0,0,0,0.3);
			}
			.search-select li.selected{
				background-color: rgba(54,63,72,0.9);
			}

	/* ac_results */
	.ac_results:before {
	    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
	    border-left: 7px solid rgba(0, 0, 0, 0);
	    border-right: 7px solid rgba(0, 0, 0, 0);
	    content: "";
	    display: inline-block;
	    left: 9px;
	    position: absolute;
	    top: -7px;
	}
	.ac_results:after {
	    border-bottom: 6px solid #FFFFFF;
	    border-left: 6px solid rgba(0, 0, 0, 0);
	    border-right: 6px solid rgba(0, 0, 0, 0);
	    content: "";
	    display: inline-block;
	    left: 10px;
	    position: absolute;
	    top: -6px;
	}
	.ac_results,
	.ac_preview{
		position: absolute;
		z-index: 99999;
		border: 1px solid #ccc;
		background-color: #fff;
		border-radius: 3px;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}

	/* ac_results */
	.ac_results{
		display: block;
		width: 598px;
		margin-top: 50px;
	}
		.ac_results li{height: 40px;border-bottom: 1px solid #eee;}
		.ac_results li.odd .ac_keyword{background-color: #fcfcfc;}
		.ac_results li:hover .ac_keyword{background-color: #eee;}

		/* ac_keyword */
		.ac_keyword{
			height: 40px;
			line-height: 40px;
			overflow: hidden;
			font-size: 15px;
			padding: 0 12px;
			color: #77980e;
		}
			.ac_keyword span{
				float: right;
				font-size: 13px;
				font-weight: 600;
				color: #363f48;
			}

		/* ac_preview */
		.ac_preview:before{
		    border-right: 7px solid rgba(0, 0, 0, 0.2);
		    border-top: 7px solid rgba(0, 0, 0, 0);
		    border-bottom: 7px solid rgba(0, 0, 0, 0);
		    content: "";
		    display: inline-block;
		    left: -7px;
		    position: absolute;
		    top: 10px;
		}
		.ac_preview:after{
		    border-right: 6px solid #FFFFFF;
		    border-top: 6px solid rgba(0, 0, 0, 0);
		    border-bottom: 6px solid rgba(0, 0, 0, 0);
		    content: "";
		    display: inline-block;
		    left: -6px;
		    position: absolute;
		    top: 11px;
		}
		.ac_preview{
			margin: -40px 0 0 598px;
			top: auto;
			left: auto;
			padding: 0;
			display: none;
		}
		.ac_results li:hover .ac_preview{
			display: block;
		}
			/* ac_preview_box */
			.ac_preview ul{
				width: 270px;
				height: 270px;
				overflow: hidden;
				padding: 5px;
			}
				/* ac_preview li */
				.ac_results .ac_preview li{
					width: 84px;
					height: 84px;
					overflow: hidden;
					padding: 3px;
					float: left;
					border: 0 none;
					box-shadow: none;
				}
					.ac_preview li img{
						width: 80px;
						height: 80px;
						display: block;
						overflow: hidden;
						border: 2px solid #ccc;
						border-radius: 3px;
					}
					.ac_preview li a:hover img{
						border-color: #363f48;
					}

/* homepage-content */
#homepage-content{ padding: 0 20px; min-width: 1066px;}
.homepage-thumbnail{margin-top: 10px;}
.homepage-title{height: 100px;overflow: hidden;}
.homepage-title .title h2{font-size: 26px;margin-top: 16px;}
.homepage-title .title p{font-size: 15px;}

/* homepage-collage */
.homepage-collage{overflow: hidden; margin-left: -15px;}
.homepage-collage .image-wrapper{
    float: left;
    overflow: hidden;
    position: relative;
	 margin: 15px 0 0 15px;
}
/* homepage-group-wrapper */
.homepage-group-wrapper{
	margin: 0 auto;
	overflow: hidden;
	width: 1066px;
	position: relative;
}
	/* homepage-group */
	.homepage-group{
		overflow: hidden;
		margin: 0 0 0 -30px;
	}
		/* group-item */
		.group-item{
			float: left;
			width: 280px;
			margin: 93px 0 0 30px;
			overflow: hidden;
			padding: 0 15px 15px 15px;
			border: 1px solid #e9e9e9;
			background-color: #fff;
			box-shadow: 0 1px 2px #f3f3f3;
			border-radius: 3px;
		}
			/* H5 */
			.group-item h5{
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				text-align: center;
				padding: 7px 0;
				white-space: nowrap;
			}
			/* group-img */
			.group-item .group-img{
				margin-left: -5px;
				overflow: hidden;
				padding-bottom: 5px;
			 }
				.group-item .group-img dt{width: 280px;height: 210px; margin: 0 0 0 5px;}
				.group-item .group-img dd{
					float: left;
					width: 90px;
					height: 75px;
					overflow: hidden;
					margin: 5px 0 0 5px;
				}
					.group-item .group-img dt,
					.group-item .group-img dd{
						display: block;
						position: relative;
						overflow: hidden;
					}
					.group-item .group-img img{
						display: block;
						overflow: hidden;
						position: absolute;
						top: 50%;
						left: 50%;
					}

		/* group-item-stress */
		.group-item-stress{width: 350px; margin-top: 0;}
		.group-item-stress h5{font-weight: 700;}
		.group-item-stress .group-img dt{width: 350px;height: 263px;}
		.group-item-stress .group-img dd{width: 113px;height: 95px;}

	/* homepage-subscribe */
	.homepage-subscribe{
		margin: 0 auto;
		width: 380px;
		overflow: hidden;
		margin-top: 40px;
	}
		.homepage-subscribe .btn{width: 178px; text-transform: none; font-size: 16px;}
		.homepage-subscribe .form{width: 502px; margin-top: 15px;}
		.homepage-subscribe .form .input-prepend{ width: 380px; height: auto;}
		.homepage-subscribe .form .ui-input{ width: 378px; font-size: 12px;}
		.homepage-subscribe .form .ui-input:focus{ font-size: 14px;}

	/* homepage-categories */
	.homepage-categories{overflow: hidden; padding: 10px 0;}
	.homepage-categories h5{ font-size: 36px; text-align: center; padding: 20px 0;}
	.homepage-categories .ui-tags{ padding: 0;}
	.homepage-categories .ui-tags li{
		font-size: 16px;
		margin: 0;
		text-align: center;
		width: 20%;
		padding: 2px 0;
	}

/* homepage-collageuser */
.homepage-collageuser{width: 1010px;margin: 0 auto;padding: 35px 0;}
.homepage-collageuser-long{width: 1285px;}
.collageuser-works{width: 800px;}
.collageuser-works-rows{width: 1190px;margin: 0 auto;padding: 35px 0;}
.collageuser-works-rows .collageuser-works-group{ padding-top: 15px;}

/* collageuser-item */
.collageuser-item{width: 500px;}
.collageuser-item .btn{ text-transform: none;}
.collageuser-short{ width: 475px;}

/* collages-group */
.collages-group{
	width: 100%;
	min-height: 680px;
	position: relative;
	margin-top: 5px;
}
	.collages-group li{
		position: absolute;
		width: 165px;
		height: 165px;
		overflow: hidden;
	}
		.collages-group li.small{ width: 80px; height: 80px;}
		.collages-group li.horizontal{ width: 245px; height: 165px;}
		.collages-group img{
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
			transition: all 0.3s ease-out 0s;
		}
		.collages-group a:hover img{transform: scale(1.2);}

/* users-group */
.users-group{ margin: 1px 0 0 -11px;}
.users-group li{
	width: 60px;
	height: 60px;
	float: left;
	margin: 13px 0 0 13px;
}
	.users-group li img{
		display: block;
		width: 60px;
		height: 60px;
		overflow: hidden;
		border-radius: 50%;
	}
	.users-group li a:hover img{
		border: 2px solid #fff;
		margin: -2px;
		box-shadow: 0 3px 15px rgba(0,0,0,0.4);
	}
	.users-group-angle{ margin: 5px 0 0 -5px}
	.users-group-angle li{ width: 55px; height: 55px; margin: 5px 0 0 5px}
	.users-group-angle li img{width: 55px;height: 55px;border-radius: 5px;}



/* collageuser-works-item */
.collageuser-works-group{ margin-right: -45px;}
.collageuser-works-item{float: left;width: 390px;margin: 8px 0 25px 8px;}
.collageuser-works-item h5{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 5px 0;
	margin-bottom: 10px;
}
.collages-works li{float: left;margin: 2px 0 0 2px;}
.collages-works li:hover{ position: relative; z-index: 2;}
.collages-works img{
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	padding: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	background-color: #fff;
}
	.collages-works img:hover{
		-webkit-animation: tada 1s .2s ease both;
		-moz-animation: tada 1s .2s ease both;
	}
		@-webkit-keyframes tada{
			0%{-webkit-transform:scale(1);}
			10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
			30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
			40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
			100%{-webkit-transform:scale(1) rotate(0);}
		}
		@-moz-keyframes tada{
			0%{-moz-transform:scale(1);}
			10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
			30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
			40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
			100%{-moz-transform:scale(1) rotate(0);}
		}





/* breadcrumbs */
.breadcrumbs{
	font-size: 12px;
	font-weight: 600;
	line-height: 1.6;
	padding: 15px 22px;
	color: #363f48;
	text-transform: uppercase;
	margin-bottom: -20px;
}
	.breadcrumbs em{margin: 0 10px; font-size: 12px; }
	.breadcrumbs small{font-size: 12px; opacity: 0.6;}
	.breadcrumbs h1{ display: inline;}

/* box */
.box{
	margin-top: 20px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	box-shadow: 0 1px 2px #f3f3f3;
}
	.box .title{
		padding: 0 20px;
		height: 54px;
		line-height: 54px;
		position: relative;
		background-color: #f3f3f3;
	}
		.box .title h3{
		    color: #363f48;
		    font-size: 20px;
			 float: left;
			 text-transform: uppercase;
		}
		.box .title p{float: left; line-height: 1.5; margin-top: 10px;}
		.box .title p a{
			color: #363f48;
			display: inline-block;
			margin-right: 8px;
			padding: 5px 15px;
			text-decoration: none;
			border-radius: 3px;
			font-size: 14px;
			font-weight: 600;
			text-transform: uppercase;
			transition: background 0.2s ease-in 0s;
		}
		.box .title p a:hover{
			color: #fff;
		   background-color: #363f48;
		}
		.box .title p a.current,
		.box .title p a.current:hover{
			color: #fff;
		   background-color: #abc261;
			color: #fff;
		   background-color: #363f48;
		}
		.box .title .btn-small{
			 float: left;
			 margin: 11px 0 0 10px;
		}

/* ui-bar */
.ui-bar{line-height: 35px;margin-top: 10px;}
.ui-info{font-size: 16px;}
.ui-info h3,
.ui-info h1{ font-weight: 600; font-size: 18px;}

/* alert */
.alert{
	font-size: 13px;
	cursor: pointer;
	padding: 8px 35px 10px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 #fff;
	background-color: #fcf8e3;
	border: 1px solid #eadcc0;
	border-radius: 3px;
}
	.alert,
	.alert h5{color: #c09853;}
	.alert .close {
		position: relative;
		top: -2px;
		right: -25px;
		line-height: 20px;
	}
	/* alert-success */
	.alert-success{color: #468847;background-color: #dff0d8;border-color: #d3e2c7;}
	.alert-success h4{color: #468847;}

	/* alert-danger */
	.alert-danger,
	.alert-error {color: #b94a48;background-color: #f2dede;border-color: #eed3d7;}
	.alert-danger h4,
	.alert-error h4{ color: #b94a48;}

	/* alert-info */
	.alert-info{color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;}
	.alert-info h4 { color: #3a87ad;}

	/* alert-block */
	.alert-block{padding-top: 14px;padding-bottom: 14px;}
	.alert-block > p,
	.alert-block > ul { margin-bottom: 0;}
	.alert-block p + p { margin-top: 5px;}

/* btn */
.btn{
	display: block;
	width: auto;
	font-size: 14px;
	font-weight: 600;
	height: 15px;
	line-height: 15px;
	padding: 10px 20px;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto;
	color: #fff;
	border: 2px solid #363f48;
	background-color: #363f48;
	border-radius: 3px;
   transition: all 0.3s ease-in 0s;
}
.btn:hover{
	color: #363f48;
	text-decoration: none;
	border-color: #363f48;
	background: transparent;
}
.btn.active,
.btn:active{
	text-decoration: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* btn-primary */
.btn-primary{
	color: #fff;
	border-color: #abc261;
	background-color: #abc261;
}
.btn-primary:hover{
	color: #77980e;
	border-color: #abc261;
	background: transparent;
}

/* btn-light */
.btn-light{color: #363f48;background: transparent;}
.btn-light:hover{color: #fff;background-color: #363f48;}
.btn-light:active{ opacity: 0.9;}

/* btn-light */
.btn-red{color: #c00; border-color: #c00;background: transparent;}
.btn-red:hover{color: #fff; border-color: #c00;background-color: #c00;}
.btn-red:active{ opacity: 0.9;}

.btn-green{color: #008000; border-color: #008000; background: transparent;}
.btn-green:hover{color: #fff; border-color: #008000; background-color: #008000;}
.btn-green:active{ opacity: 0.9;}

/* red-text */
.red-text{color: #f00;}
.green-text{color: #080;}

/* .btn */
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active{
	color: #ccc;
	text-shadow: 0 1px 0 #fff;
	border-color: #e5e5e5;
	background-color: #f5f5f5;
	cursor: default;
}

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

/* btn-large */
.btn-large{
	padding: 15px 0;
	font-size: 18px;
}

/* btn-small */
.btn-small{
	padding: 5px 11px;
	font-size: 12px;
	border-radius: 2px;
}

/* btn-mini */
.btn-mini{
	padding: 2px 8px;
	font-size: 10px;
	border-radius: 2px;
}

/* btn-link */
.btn-link{font-style: italic; font-weight: 600; font-size: 14px; color: #77980e; }
.btn-link:hover{ text-decoration: none; color: #363f48;}

/* gray-link */
.gray-link{color: gray;}
.gray-link:hovet{color: #069;}

/* btn-selected */
.btn-selected{
	color: #363f48;
	font-weight: 700;
	position: relative;
	background-color: #fff;
}
	.btn-selected span.hook{
		display: block;
		width: 22px;
		height: 22px;
		overflow: hidden;
		position: absolute;
		right: -9px;
		bottom: -9px;
		background: url(../images/hook.gif) 0 0 no-repeat;
	}

/* btn-group */
.btn-group{}
.btn-group .btn{float: left;border-radius: 0;}
.btn-group .btn.active{ position: relative;}
.btn-group .btn:first-child{border-radius: 3px 0 0 3px;}
.btn-group .btn:last-child{border-radius: 0 3px 3px 0;}

/* ui-slider */
.ui-slider{
	width: 100%;
	height: 8px;
	margin: 21px 0 15px 0;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	box-sizing: border-box;
}
	/* ui-slider-range */
	.ui-slider-range{
		height: 8px;
		overflow: hidden;
		border: 1px solid #77980e;
		background-color: #abc261;
		position: absolute;
		box-sizing: border-box;
		margin-top: -1px;
		border-radius: 4px;
	}
	.ui-slider-handle{
		display: block;
		width: 8px;
		height: 8px;
		overflow: hidden;
		position: absolute;
		margin: -7px 0 0 -7px;
		border: 6px solid #fff;
		background-color: #abc261;
		border-radius: 10px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.2) inset;
	}

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

/* ui-label */
.ui-label{
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	float: left;
	font-size: 14px;
	padding: 0 10px 0 0;
	text-align: right;
	font-style: italic;
	font-weight: 600;
}
.label-block{
	display: block;
	text-align: left;
	float: none;
}

/* ui-label-checkbox */
.ui-label-checkbox{
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin: 5px 15px 0 0;
	cursor: pointer;
}
	.ui-label-checkbox input{
		float: left;
		margin: 4px 5px 0 0;
	}

/* ui-select&ui-input */
.ui-select,
.ui-input,
.ui-textarea,
div.tagsinput{
	color: #787878;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	font-size: 14px;
	border: 1px solid #afb2b6;
	background-color: #fff;
	border-radius: 3px;
	transition: border 0.2s linear 0s;
}
.ui-input:hover,
.ui-select:hover,
.ui-textarea:hover,
.ui-input:focus,
.ui-textarea:focus,
div.tagsinput:hover,
div.tagsinput:focus{
	color: #363f48;
	border-color: #363f48;
}

/* disabled */
.ui-select:disabled,
.ui-input:disabled,
.ui-textarea:disabled{
	color: #ccc;
	border-color: #eee;
	background-color: #f9f9f9;
	cursor: default;
	text-shadow: 0 1px 0 #fff;
}

/* ui-select */
.ui-select{
	height: 35px;
	line-height: 35px;
	padding: 5px 6px;
	cursor: pointer;
	margin: 0;
}

/* ui-input */
.ui-input{
	height: 35px;
	line-height: 35px;
	text-indent: 10px;
}
.ui-input-search{
	padding-left: 18px;
	background: url(../images/search.gif) 9px 9px no-repeat #fff;
}

/* input-large */
.input-large{
	font-size: 18px;
	height: 49px;
	line-height: 49px;
	text-indent: 15px;
}


/* input-small */
.input-small{
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	text-indent: 7px;
}

/* ui-textarea */
.ui-textarea{
	padding: 4px 5px;
	line-height: 18px;
	float: left;
	overflow: auto;
	overflow-x: hidden;
}

/* 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: 15px;	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: #888;
	overflow: hidden;
	padding-top: 3px;
	font-style: italic;
}

/* ui-text */
.ui-text{
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	float: left;
	font-size: 14px;
}
	.ui-text img{ vertical-align: middle;}
	.ui-text strong{ font-style: italic; }

/* multi-text */
.multi-text{
	height: auto;
	padding: 7px 0;
	line-height: 21px;
}
	
	
/* ui-verify-img */
.ui-verify-img{display: block;float: left; border: 1px solid #ccc; border-radius: 3px;box-sizing: border-box;}
.ui-verify-item{float: left; line-height: 24px;}
.ui-verify-item a{ text-decoration: underline; font-size: 14px;}

/* input-btn */
.input-btn .ui-input{height: 39px;line-height: 39px;}
.input-btn .btn{ float: left; margin-right: 10px;}

/* ui-line */
.ui-line{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	margin: 5px 0;
	text-align: center;
}
	.ui-line span{
		padding: 0 10px;
		background-color: #fff;
		font-weight: 600;
		font-style: italic;
	}
	.ui-line p{
		height: 1px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-indent: -999px;
		margin-top: -10px;
		background-color: #e9e7e3;
	}


/* ui-change */
.ui-change{
	float: left;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	padding: 5px 0;
	line-height: 20px;
	width: 100px;
	padding-left: 10px;
}
	.ui-change a{ text-decoration: underline; color: #77980e;}
	.ui-change a:hover{ text-decoration: none; color: #363f48;}

/* ui-on-off */
.ui-switch{
	height: 29px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	float: right;
	margin: 3px 10px 3px 0;
	border-radius: 3px;
}
	.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: 27px;
		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: 3px;
	}

	/* label-on & label-off */
	.ui-switch-on, .ui-switch-off{
		white-space: nowrap;
		font-size: 13px;
		padding-top: 4px;
		line-height: 19px;
		text-transform: uppercase;
		cursor: inherit;
		display: block;
		height: 23px;
		font-weight: 600;
		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 #77980e;
		background-color: #77980e;
	}
		.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;
	}
	.ui-switch-off span{
	  padding-right: 12px;
	}

/* checkbox&radio */
.checkbox,
.radio{
	display: inline-block;
	position: relative;
	padding-left: 25px;
	line-height: 18px;
	font-size: 14px;
	margin: 10px 20px 0 0;
	transition: 0.25s;
	cursor: pointer;
	color: #363f48;
	-webkit-backface-visibility: hidden;
}

	/* input */
	.checkbox input,
	.radio input{
		outline: none !important;
		opacity: 0;
		filter: alpha(opacity=0);
		zoom: 1;
		position: absolute;
	}

	.checkbox .icon,
	.checkbox .icon-to-fade,
	.radio .icon,
	.radio .icon-to-fade {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 18px;
		height: 18px;
		background: url(../images/checkbox.png) -90px 0 no-repeat;
		opacity: 1;
	  -webkit-backface-visibility: hidden;
	}
	.checkbox .icon,
	.radio .icon{
	  	z-index: 2;
	  	display: none\9;
	  	opacity: 0;
	}
	.radio .icon,
	.radio .icon-to-fade {
	  	background-image: url(../images/radio.png);
	}

	/* icon-to-fade */
	.checkbox:hover .icon-to-fade{
		background: url(../images/checkbox.png) -60px -30px no-repeat;
	}
	.radio:hover .icon-to-fade{
		background: url(../images/radio.png) -60px -30px no-repeat;
	}
	.checkbox.checked,
	.radio.checked{
		color: #77980e;
	}
	.checkbox.checked .icon-to-fade,
	.radio.checked .icon-to-fade {
		display: none\9;
		opacity: 0;
	}
	.checkbox.checked .icon,
	.radio.checked .icon {
		display: block\9;
		background-position: -30px -60px;
		opacity: 1;
	}
	.checkbox.disabled,
	.radio.disabled{
		color: #d7dddd;
		cursor: default;
	}
	.checkbox.disabled .icon,
	.radio.disabled .icon {
		display: none\9;
		opacity: 0;
	}
	.checkbox.disabled .icon-to-fade,
	.radio.disabled .icon-to-fade {
		display: block\9;
	  	background-position: 0 -90px;
	  	opacity: 1;
	}
	.checkbox.disabled.checked .icon,
	.radio.disabled.checked .icon {
	  	display: block\9;
	  	background-position: -30px -60px;
	  	opacity: 0.5;
	}
	.checkbox.disabled.checked .icon-to-fade,
	.radio.disabled.checked .icon-to-fade{
	  	display: none\9;
	  	opacity: 0;
	}


/* pagination */
.pagination{
	font-size: 14px;
	margin-left: -2px;
}
	.pagination a,
	.pagination span,
	.pagination em{
		display: inline-block;
		height: 15px;
		line-height: 15px;
		padding: 10px 15px;
		text-transform:uppercase;
		vertical-align: middle;
		color: #666;
		font-size: 16px;
		margin-left: 2px;
		transition: background-color 0.2s ease-out 0s;
		border-radius: 3px;
	}
	.pagination a:hover{
		color: #fff;
		text-decoration: none;
		background-color: #363f48;
	}
	.pagination span.current{
		color: #fff;
		background-color: #abc261;
	}
	.pagination span.disabled{
		cursor: default;
		color: #999;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	.pagination em{
		background: transparent;
		padding: 0 10px;
	}

/* page-large */
.page-large{
	margin: 0;
	padding: 50px 0;
	text-align: center;
}
	.page-large a,
	.page-large span,
	.page-large em{
		height: 20px;
		line-height: 20px;
		padding: 15px 20px;
		font-size: 20px;
		margin: 1px;
	}

/* pager-simaple */
.pager-simaple{
	height: 35px;
	font-size: 16px;
}
	.pager-simaple a,
	.pager-simaple span,
	.pager-simaple em{
		display: inline-block;
		height: 35px;
		line-height: 35px;
		padding: 0 10px;
		text-transform:uppercase;
		vertical-align: middle;
		border-radius: 3px;
	}
	.pager-simaple a:hover{
		text-decoration: underline;
	}
	.pager-simaple span.current{
		color: #fff;
		font-weight: 700;
		background-color: #70ca10;
	}
	.pager-simaple span.disabled{
		cursor: default;
		color: #999;
		filter: alpha(opacity=50);
		opacity: 0.5;
	}
	.pager-simaple em{padding: 0 3px;}
	.pager-simaple .prev{margin-right: 10px;}
	.pager-simaple .next{margin-left: 10px;}


/* base */
.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;}
.w125{width: 125px;}
.w128{width: 128px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w145{width: 145px;}
.w150{width: 150px;}
.w155{width: 155px;}
.w156{width: 156px;}
.w158{width: 158px;}
.w160{width: 160px;}
.w163{width: 163px;}
.w170{width: 170px;}
.w175{width: 175px;}
.w180{width: 180px;}
.w185{width: 185px;}
.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;}
.w620{width: 620px;}
.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;}
.wflow{width: 100%;}

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

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

/* table */
.table{
	width: 100%;
	margin-top: 20px;
}
	.table th,
	.table td{
		padding: 10px 15px;
		line-height: 20px;
		text-align: center;
		font-size: 14px;
		vertical-align: middle;
		border-width: 1px;
		border-style: solid;
		border-color: #e9e9e9 #eee;
	}
	.table-left th,
	.table-left td{text-align: left;}
	.table th{font-weight: bold;}
	.table thead th {vertical-align: bottom;}

	.table tbody > tr:nth-child(odd) > td,
	.table tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;}
	.table tbody > tr:hover > td{background-color: #fafbe2;}

	.table .btn{padding: 8px 20px;}

/* ui-tips */
.ui-tips{
	height: 33px;
	line-height: 33px;
	padding: 0 10px;
	position: absolute;
	z-index: 9;
	cursor: pointer;
	border: 1px solid #dbb648;
	background-color: #fefcce;
	border-radius: 3px;
}
	.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 p{
		overflow: hidden;
		color: #c00;
		font-size: 12px;
		white-space:nowrap;
	}
	.ui-tips a{ color: #069; text-decoration: underline;}

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

/* thumb-group */
.thumb-group{ margin: 5px 0 0 2px;}
.thumb-group li{
	float: left;
	width: 200px;
	margin: 25px 0 0 28px;
}
	.thumb-group .thumb250x160{ width: 250px;}
	.thumb-group a:not(.btn){color: #363f48;}
	.thumb-group .btn-link{color: #77980e; text-decoration: underline;}

	/* thumb-img */
	.thumb-img,
	.premium-img,
	.thumb-blank{
		display: block;
		width: 200px;
		height: 125px;
		overflow: hidden;
		position: relative;
		background-color: #f9f9f9;
	}
		.thumb-img200x130{width: 200px;height: 130px;}
		.thumb-img200x135{width: 200px;height: 135px;}
		.thumb-img200x140{width: 200px;height: 140px;}
		.thumb-img250x160{width: 250px;height: 160px;}

		.thumb-img img,
		.premium-img span,
		.premium-img .nocoda{
			display: block;
			overflow: hidden;
			position: absolute;
			top: 50%;
			left: 50%;
		}
		.premium-img:hover,
		.thumb-img:hover{overflow: visible;z-index: 3;}
		.premium-img:hover span,
		.premium-img:hover .nocoda,
		.thumb-img:hover img{
			box-shadow: 0 8px 15px rgba(0,0,0,0.3);
			background-color: rgba(255,255,255,0.9);
			outline: 4px solid rgba(255,255,255,0.9);
			border-radius: 4px;
			box-sizing: border-box;
		}

		/* thumboffset */
		.offset-preview:hover,
		.thumb-group-fixed .thumb-img:hover,
		.premium-img-fixed:hover{overflow: hidden;}
		.offset-preview:hover span,
		.offset-preview:hover .nocoda,
		.offset-preview:hover img,
		.thumb-group-fixed .thumb-img:hover img,
		.premium-img-fixed:hover .nocoda,
		.premium-img-fixed:hover span,
		.premium-img-fixed:hover img{box-shadow: none;outline: 0 none;border-radius: 0;}

	/* thumb-text */
	.thumb-text,
	.premium-text{
		display: block;
		font-size: 14px;
		padding: 7px 13px 10px 13px;
		text-align: center;
		overflow: hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		background-color: #f6f6f6;
	}
	.thumb-text32{
		padding: 5px 13px 6px 13px;
		font-size: 13px;
	}

	/* thumb-avatar */
	.thumb-avatar{
		font-size: 14px;
		padding: 5px 0 0 0;
		height: 24px;
		line-height: 24px;
		text-align: right;
		overflow: hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
		.thumb-avatar img{
			width: 24px;
			height: 24px;
			float: left;
			margin-right: 7px;
		}
		.thumb-avatar-right{	text-align: left;}
		.thumb-avatar-right  img{ float: right; margin: 0 0 0 7px;}

	/* thumb-more */
	.thumb-more{
		width: 200px;
		height: 163px;
		background-color: #f6f6f6;
	}
		.thumb-group li.more a,
		.thumb-more a{
			display: block;
			width: 100%;
			line-height: 160px;
			height: 163px;
			overflow: hidden;
			text-align: center;
			font-size: 40px;
		}

/* thumb-group */
.thumb-group li.more{width: 160px;height: 160px;}
.thumb-group li.more a{ }

/* thumb-group112x74  */
.thumb-group112x74{margin: 0 0 0 10px;}
.thumb-group112x74 li{width: 112px;margin: 20px 0 0 20px;}
.thumb-group112x74 .thumb-img{width: 112px;height: 74px;}
.thumb-group112x74 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group118x80 */
.thumb-group118x80{margin: 0 0 0 10px;}
.thumb-group118x80 li{width: 118px;margin: 20px 0 0 20px;}
.thumb-group118x80 .thumb-img{width: 118px;height: 80px;}
.thumb-group118x80 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group140x92 */
.thumb-group140x92{margin: 0 0 0 10px;}
.thumb-group140x92 li{width: 140px;margin: 20px 0 0 20px;}
.thumb-group140x92 .thumb-img{width: 140px;height: 92px;}
.thumb-group140x92 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group148x100 */
.thumb-group148x100{margin: 0 0 0 10px;}
.thumb-group148x100 li{width: 148px;margin: 20px 0 0 20px;}
.thumb-group148x100 .thumb-img{width: 148px;height: 100px;}
.thumb-group148x100 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group150x101 */
.thumb-group150x101{margin: 0 0 0 10px;}
.thumb-group150x101 li{width: 150px;margin: 20px 0 0 20px;}
.thumb-group150x101 .thumb-img{width: 150px;height: 101px;}
.thumb-group150x101 .thumb-text{font-size: 12px;padding: 5px 8px 7px 8px;}

/* thumb-group150x115 */
.thumb-group150x115{margin: 0 0 0 10px;}
.thumb-group150x115 li{width: 150px;margin: 20px 0 0 20px;}
.thumb-group150x115 .thumb-img{width: 150px;height: 115px;}
.thumb-group150x115 .thumb-text{font-size: 12px;padding: 5px 8px 7px 8px;}

/* thumb-group150x150 */
.thumb-group150x150{margin: 0 0 0 10px;}
.thumb-group150x150 li{width: 150px;margin: 20px 0 0 20px;}
.thumb-group150x150 .thumb-img{width: 150px;height: 150px;}
.thumb-group150x150 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group160x100 */
.thumb-group160x100{margin: 0 0 0 10px;}
.thumb-group160x100 li{width: 160px;margin: 20px 0 0 20px;}
.thumb-group160x100 .thumb-img{width: 160px;height: 100px;}
.thumb-group160x100 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group160x160 */
.thumb-group160x160{margin: 0 0 0 4px;}
.thumb-group160x160 li{width: 160px;margin: 26px 0 0 26px;}
.thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
.thumb-group160x160 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group170x112 */
.thumb-group170x112{margin: 0 0 0 10px;}
.thumb-group170x112 li{width: 170px;margin: 20px 0 0 20px;}
.thumb-group170x112 .thumb-img{width: 170px;height: 112px;}
.thumb-group170x112 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group178x120 */
.thumb-group178x120{margin: 0 0 0 10px;}
.thumb-group178x120 li{width: 178px;margin: 20px 0 0 20px;}
.thumb-group178x120 .thumb-img{width: 178px;height: 120px;}
.thumb-group178x120 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group180x122 */
.thumb-group180x122	{margin: 5px 0 0 7px;}
.thumb-group180x122 li{width: 180px;margin: 20px 0 0 23px;}
.thumb-group180x122 .thumb-img{width: 180px;height: 122px;}
.thumb-group180x122 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group180x135 */
.thumb-group180x135	{margin: 5px 0 0 7px;}
.thumb-group180x135 li{width: 180px;margin: 20px 0 0 23px;}
.thumb-group180x135 .thumb-img{width: 180px;height: 135px;}
.thumb-group180x135 .thumb-text{font-size: 13px;padding: 5px 8px 7px 8px;}

/* thumb-group200x135 */
.thumb-group200x135{}
.thumb-group200x135 li{width: 200px;}
.thumb-group200x135 .thumb-img{width: 200px;height: 135px;}

/* thumb-group200x150 */
.thumb-group200x150{}
.thumb-group200x150 li{width: 200px;}
.thumb-group200x150 .thumb-img{width: 200px;height: 150px;}

/* thumb-premium */
.thumb-premium{margin: 14px 0 0 14px; clear: both;}
.thumb-premium li{float: left;margin: 16px 0 0 16px; width: 108px;}
.thumb-premium .premium-img{width: 108px; height: 108px;}
.thumb-premium .premium-text{font-size: 13px; padding: 5px; }

/* thumb-premium80 */
.thumb-premium80{margin: -16px 0 0 -16px;}
.thumb-premium80 li{margin: 16px 0 0 16px; width: 80px;}
.thumb-premium80 .premium-img{width: 80px; height: 80px;}

/* thumb-premium125 */
.thumb-premium125{margin: 14px 0 0 14px;}
.thumb-premium125 li{margin: 16px 0 0 16px; width: 125px;}
.thumb-premium125 .premium-img{width: 125px; height: 125px;}

/* thumb-premium135 */
.thumb-premium135{margin: -16px 0 0 14px;}
.thumb-premium135 li{margin: 16px 0 0 16px; width: 135px;}
.thumb-premium135 .premium-img{width: 135px; height: 125px;}

/* thumb-group-bordered */
.thumb-group-bordered li{border: 1px solid #e9e9e9;}
.thumb-group-bordered .thumb-img,
.thumb-group-bordered .thumb-text{background-color: #fff;}

/* thumb-group-line */
.thumb-group-line{ margin: 15px 0 0 30px; }
.thumb-group-line li{ margin: 0; padding: 11px 0 0 0; width: 186px;}
.thumb-group-line .thumb-img{ background-color: #fff; }
.thumb-group-line .thumb-text{ background-color: #fff; border-top: 1px solid #e9e9e9; margin: 12px 0 0 0; padding-right: 26px;}

/* premium-fluid */
.premium-fluid.box{ padding: 15px 0 15px 15px;}
.premium-fluid{margin-top: 20px;}
.premium-fluid .thumb-premium80{margin: -12px 0 0 -12px;}
.premium-fluid .thumb-premium80 li{margin: 12px 0 0 12px;}

/* thumb-premium-wrapper */
.thumb-premium-wrapper{
	margin: 25px 25px 0 25px;
	padding: 15px;
	border: 1px dashed #ddd;
	background-color: #f9f9f9;
}
	.thumb-premium-wrapper .thumb-premium{margin: -16px 0 0 -16px;}
	.thumb-premium-wrapper .before,
	.thumb-premium-wrapper .after,
	.istock-tips .before{
		display: inline-block;
		position: absolute;
		margin-top: -26px;
		padding: 1px 10px;
		overflow: hidden;
		border: 1px dashed #ddd;
		background-color: #f9f9f9;
	}
	.thumb-premium-wrapper .after{right: 5px;}
	.thumb-premium-wrapper .before{
		max-width: 350px;
		white-space:nowrap;
		text-overflow:ellipsis;
		color: #000;
		font-weight: bold;
		font-size: 15px;
	}
	.istock-tips{
		margin: 30px 30px 20px 30px;
		height: 1px;
		border-bottom: 1px dashed #ddd;
	}
		.istock-tips .before{
			padding: 1px 15px;
			position: relative;
			font-size: 16px;
			top: -3px;
		}

/* listing-panel */
.listing-panel	.thumb-premium{margin: -16px 0 0 -20px;}
.listing-panel .thumb-premium li{margin: 16px 0 0 20px;}

/* 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;
}

/* homepage-commend */
.homepage-commend .title{ padding: 0 16px;}
.homepage-commend .cnt{margin: 0;}
.homepage-commend .commend-group{ margin: 3px 0 15px 3px;}
.homepage-commend .commend-group li{
	width: 100px;
	height: 100px;
	margin: 12px 0 0 12px;
}
	.homepage-commend .commend-group .thumb-img{
		display: block;
		width: 100px;
		height: 100px;
		position: relative;
	}

/* sponsors300x100 */
.sponsors300x100,
.sponsors300x100 img{
	display: block;
	width: 300px;
	height: 100px;
	overflow: hidden;
}

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

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

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

/* sponsors160x600 */
.sponsors160x600{padding: 15px 0;}
.sponsors160x600,
.sponsors160x600 img{
	display: block;
	width: 160px;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
}

/* homepage-bar */
.homepage-bar{width: 302px;float: left; margin-right: 20px;}
.homepage-main{width: 606px;float: left;}
.homepage-row{width: 302px;float: right;}

/* editor-choice */
.editor-choice{height: 250px; position: relative;}
.editor-choice .title{padding: 0 19px;height: 44px;line-height: 44px; position: absolute; top: 0; left:0; right: 0; z-index: 3; border-radius: 0 0 4px 0; transition: all 0.2s ease-in 0s; opacity: 0;}
.editor-choice:hover .title{ opacity: 1; background-color: rgba(246,246,246,0.7);}
.editor-choice .title h3{ text-align: center; float: none;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .editor-choice .title h3{font-weight: 600;} }
.editor-choice .thumb-group{ margin: 0 0 15px 3px;}
.editor-choice .thumb-group li{width: 130px;height: 100px;margin: 16px 0 0 16px;}
.editor-choice .thumb-img{width: 130px;height: 100px;}

/* homepage-tags */
.homepage-tags{overflow: hidden;}
/* ui-tags */
.ui-tags{
	overflow: hidden;
	padding: 10px 5px 12px 15px;
}
	/* ui-tags */
	.ui-tags li{
		display: block;
		height: 23px;
		line-height: 23px;
		overflow: hidden;
		float: left;
		color: #333;
		font-size: 14px;
		border-radius: 2px;
		font-style: italic;
		margin-right: 20px;
	}
		.ui-tags li em{
			font-size: 12px;
			color: #aaa;
			font-style: italic;
			margin-left: 3px;
		}

/* box-group */
.box-group{margin: 0 0 0 -20px;overflow: hidden;}
.box-group .box{ float: left; margin-left: 20px; width: 401px; height: 250px;}
.box-group .box .cnt{ padding: 10px 20px; line-height: 1.6;}
.box-group .box .cnt h5{ font-size: 16px; font-weight: 700; margin-top: 10px;}
.box-group .box .cnt p{ font-size: 14px; color: #999; margin-top: 5px;}

/* footer */
#footer{
	margin-top: 20px;
	text-align: center;
	color: #afb2b5;
	padding: 40px 0;
	background-color: #363f48;
	font-size: 12px;
	text-transform: uppercase;
}
	#footer #logo{float: none;width: 185px;margin: 0 auto;}
	#footer .footer-nav{padding: 20px 0;}
	#footer .footer-nav a{
		color: #afb2b5;
		font-size: 13px;
		margin: 0 15px;
		font-weight: 600;
    	transition: all 0.3s ease-in 0s;
	}
	#footer .footer-nav a:hover{ color: #fff; text-decoration: none;}
	#footer .footer-languages{ padding-top: 20px;}
	#footer .footer-languages a{  margin: 0 3px;}
	

/* 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 #363f48;
	border-radius: 2px;
}
#back-to-top:hover{
	background-color: #abc261;
}

/* container */
#container{margin: 20px;}
/* mainbox */
.mainbox{margin: 0; min-width: 745px;}
/* .search-hotkeys */
.search-hotkeys{padding: 15px; background-color: #f3f3f3; border-bottom: 1px solid #e9e9e9;}
.search-hotkeys .search-focus{ margin: 0; width: 630px;}
.search-hotkeys .search-input{width: 480px; height: 44px; border: 1px solid #e9e9e9;}
.search-hotkeys .search-dropbox{width: 480px; top: 44px;}
.search-hotkeys .search-select li{padding: 8px 20px 10px 20px;}
.search-hotkeys .search-button{ height: 44px;}
.search-hotkeys .search-button:hover{ color: #363f48; border-color: #363f48;background: transparent;}
.search-hotkeys .ac_results{width: 478px;margin-top: 43px;}
.search-hotkeys .ac_preview{margin: -40px 0 0 478px;}
.search-hotkeys .btn-group{ margin-right: 10px;}
.search-hotkeys .btn-group a.current{ color: #aac260; background-color: #363f48; font-weight:bold;}
.search-hotkeys .upload-btn .btn{ margin-left: 10px;}

.search-hotkeys h2{ height: 44px; line-height: 44px; font-size: 24px; padding-left: 10px; float: left;}
.search-hotkeys h2.fn-right{ float: right;}
.search-hotkeys .nav-tabs{ margin-top: -10px;}
.search-hotkeys .nav-tabs > li > a {border-radius: 3px;}

/* recent-searches */
.recent-searches{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 14px;
	padding-left: 20px;
}
	.recent-searches a{ margin-left: 15px;}

/* listing-aside */
.listing-aside{
	float: left;
	border-right: 1px solid #e9e9e9;
}
	/* caption */
	.listing-aside .caption{
		overflow: hidden;
		height: 60px;
		position: relative;
		border-bottom: 1px solid #e9e9e9;
		background-color: #f5f5f5;
	}
		.listing-aside .caption h2{
			text-align: center;
			line-height: 60px;
			font-size: 24px;
			color: #77980e;
		}
		.listing-aside .caption h2.fn-left{ padding-left: 17px;}
		.listing-aside .caption .btn-small{ margin: 17px 15px 0 0;}
		.listing-aside .caption h3{
			line-height: 60px;
			font-size: 18px;
			padding-left: 20px;
			color: #77980e;
		}
		.listing-aside .caption .aside-switch{
			width: 15px;
			height: 60px;
			line-height: 60px;
			overflow: hidden;
			position: absolute;
			top: 0;
			right: 0;
		}

	/* category-group */
	.following-photographers{
		max-height: 720px;
		overflow: auto;
		overflow-x: hidden;
	}
	.category-group li{
		height: 39px;
		border-bottom: 1px solid #e9e9e9;
	}
		.category-group li a{
			display: block;
			font-size: 14px;
   		height: 39px;
   		line-height: 39px;
    		padding: 0 0 0 16px;
			###color: #363f48;
		}
		.category-group li a:hover{
			text-decoration: none;
			###color: #77980e;
			background-color: #f9f9f9;
		}
		.category-group li.current a,
		.category-group li.current a:hover{
			color: #fff;
			font-weight: 600;
			background-color: #77980e;
		}
		.category-group span{
			padding: 3px 7px;
			font-size: 12px;
			line-height: 12px;
			background-color: #eee;
			border-radius: 2px;
			text-shadow: 0 1px 0 #fff;
			float: right;
			color: #666;
			margin: 9px;
		}

	/* rating-filter */
	.rating-filter{margin: 15px 0 0 0;}
	.rating-filter li{
		width: 18px;
		overflow: hidden;
		float: left;
		margin: 0 5px;
	}
		.rating-filter .radio{margin: 0;display: block;width: 18px; height: 70px; padding: 0;}
		.rating-filter .radio .rating-icon{ position: absolute; top: 0; left: 1px;}
		.rating-filter .checkbox .icon,.rating-filter .checkbox .icon-to-fade,
		.rating-filter .radio .icon,.rating-filter .radio .icon-to-fade{ top: 25px;}
		.rating-filter .radio span{
			display: block;
			width: 18px;
			text-align: center;
			font-weight: 600;
			position: absolute;
			top: 52px;
			left: 0;
		}

	/* widget */
	.listing-aside .widget{
		overflow: hidden;
		margin: 0 17px;
		padding-bottom: 5px;
	}
		.listing-aside .widget h5{
			color: #363f48;
			font-weight: 600;
			font-style: italic;
			font-size: 14px;
			padding: 10px 0 0 0;
			margin-top: 5px;
		}
		.listing-aside .widget .os-group{margin: 0 5px;}
		.listing-aside .widget .os-group li{}
		.listing-aside .widget .ui-input{ width: 100%; margin-top: 5px;}

	/* .widgetime */
	.listing-aside .widget .widgetime{padding-left: 30px;}
	.listing-aside .widget .widgetime .ui-form-item{ height: 22px; margin-top: 5px;}
	.listing-aside .widget .widgetime .ui-label{ height: 22px; line-height: 22px; font-size: 13px; font-style: normal; width: 30px; text-align: left; }
	.listing-aside .widget .widgetime .ui-label-long{ width: 60px;}
	.listing-aside .widget .widgetime .ui-input{ width: 85px; margin: 0; height: 22px; line-height: 22px; font-size: 13px; text-indent: 5px;}
	.listing-aside .widget .widgetime .ui-select{ width: 85px; margin: 0; height: 22px; line-height: 22px; font-size: 13px; text-indent: 0;}
	.listing-aside .widget .widgetime .dp-choose-date{ height: 22px; background-position: 0 2px; margin-left: 3px;}
	.listing-aside .widget .radio-widget-panel .dp-choose-date{display: none;}
	.listing-aside .widget .radio-widget-panel-active .dp-choose-date{display: block;}

	/* color-group */
	.color-group{ overflow: hidden; margin: 10px 0 20px 0;}
	.color-group li{float: left; margin: 6px;}
	.color-group a{
		display: block;
		width: 24px;
		height: 24px;
		font-size: 0;
		line-height: 0;
		text-indent: -999px;
		color: #fff;
		overflow: hidden;
		text-align: center;
		position: relative;
		border-radius: 12px;
	}
		.color-group a i{
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -7px 0 0 -7px;
			width: 13px;
			height: 14px;
			background: url(../images/colorhover.png) 0 0 no-repeat;
			visibility: hidden;
		}
		.color-group a.white{border: 1px solid #d8d8d8;box-sizing: border-box;}
		.color-group a.all{background: url(../images/color-all.png) 0 0 no-repeat;}
		.color-group a.current i,
		.color-group a:hover i{visibility: visible;}

		.color-group .red 	{ border-color: #cb1c1c; background-color: #de2020;}
		.color-group .orange { border-color: #E96300; background-color: #FE6C00;}
		.color-group .yellow { border-color: #E9B000; background-color: #FEBF00;}
		.color-group .green  { border-color: #539B23; background-color: #59A725;}
		.color-group .purple { border-color: #7A27B7; background-color: #892BCF;}
		.color-group .pink	{ border-color: #C63FAB; background-color: #D744BA;}
		.color-group .cyan   { border-color: #07A6B7; background-color: #06B7C8;}
		.color-group .blue   { border-color: #005CEB; background-color: #0065FE;}
		.color-group .brown  { border-color: #6B3012; background-color: #733413;}
		.color-group .white  { border-color: #dddddd; background-color: #ffffff;}
		.color-group .black  { border-color: #000000; background-color: #000000;}
		.color-group .aqua	{ border-color: aqua;    background-color: aqua;   }

/* listing-main */
.listing-main{
	float: left;
	width: 100%;	
	margin-left: -1px;
	min-height: 500px;
	border-left: 1px solid #e9e9e9;
	background-color: #fff;
	position: relative;
	-webkit-box-sizing: border-box; 
   	-moz-box-sizing: border-box;  
   	 -ms-box-sizing: border-box; 
	     -o-box-sizing: border-box; 
	        box-sizing: border-box; 
}
	/* ui-bar */
	.myfiles-content .ui-bar,
	.content .ui-bar,
	.author-main .ui-bar,
	.listing-main .ui-bar{
		overflow: hidden;
		line-height: 60px;
		padding: 0 25px;
		margin: 0;
		border-bottom: 1px solid #e9e9e9;
	}
	.myfiles-content .ui-bar:first-child,
	.content .ui-bar:first-child,
	.author-main .ui-bar:first-child,
	.listing-main .ui-bar:first-child{
		height: 60px;
	}
	.myfiles-content .ui-bar-bottom,
	.content .ui-bar-bottom,
	.author-main .ui-bar-bottom,
	.listing-main .ui-bar-bottom{
		border: 0 none;
		border-top: 1px solid #e9e9e9;
		margin-top: 25px;
	}
	.myfiles-content .ui-bar .select-group,
	.content .ui-bar .select-group,
	.author-main .ui-bar .select-group,
	.listing-main .ui-bar .select-group{ padding: 13px 0;}
	.myfiles-content .ui-bar ui-select,
	.content .ui-bar .ui-select,
	.author-main .ui-bar .ui-select,
	.listing-main .ui-bar .ui-select{ margin-left: 13px;}
	.myfiles-content .ui-bar .ml0,
	.content .ui-bar .ml0,
	.author-main .ui-bar .ml0,
	.listing-main .ui-bar .ml0{ margin-left: 0;}
	.myfiles-content .mt30,
	.content .mt30,
	.author-main .mt30,
	.listing-main .mt30{margin-top: 30px;}

	/* ui-tabs */
	.ui-tabs{}
	.ui-tabs a{
		display: block;
		height: 62px;
		line-height: 62px;
		overflow: hidden;
		float: left;
		font-size: 16px;
		padding: 0 30px;
		color: #363f48;
		margin-right: -1px;
		border-left: 1px solid #e9e9e9;
		border-right: 1px solid #e9e9e9;
	}
		.ui-tabs a .style-count {
			display: inline-block;
			font-size: 12px;
			margin-left: 10px;
			position: relative;
			top: -8px;
			white-space: nowrap;
		}
		.ui-tabs a:hover{
			color: #77980e;
			text-decoration: none;
			background-color: #f9f9f9;
		}
		.ui-tabs a.current{
			color: #fff;
			background-color: #77980e;
			text-shadow: 0 1px 1px rgba(0,0,0,0.5);
		}

/* listing-aside */
.listing-aside{width: 230px; margin-left: -230px;box-sizing: border-box;}
.listing-content{ padding-left: 230px;}
body .listing-content-nopadding{ padding: 0;}

/* listing-main */
.listing-main .thumb-group{margin: 0 0 0 -5px;}
.listing-main .thumb-group li{margin: 25px 0 0 30px;}
.listing-main .thumb-group160x160{margin: 5px 0 0 8px;}
.listing-main .thumb-group160x160 li{margin: 20px 0 0 17px;}
.listing-main .thumb-group-bordered{margin: 5px 0 0 10px;}
.listing-main .thumb-group-bordered li{margin: 20px 0 0 15px;}
.listing-main .thumb-group-line{ margin: 15px 0 0 25px; }
.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 177px;}

/* search-aside */
.search-aside{ }
.search-aside .widget{margin: 0 15px;padding-bottom: 0;}
.search-aside .widget h5{padding: 7px 0 0 0;margin-top: 5px;}
.search-aside .widget .checkbox,
.search-aside .widget .radio{margin: 7px 0 0 0;}
.search-aside .widget .ui-select{ width: 100%; height: 30px;line-height: 30px;padding: 0 6px; margin-top: 5px;}
.search-aside .widget .select-large{ padding: 0 10px; font-size: 18px; height: 45px; line-height: 45px;}
.search-aside .widget-submit{border-top: 1px solid #e9e9e9;padding: 15px 0;overflow: hidden;}

/* aside-panel */
#aside-panel .caption{ position: relative;}
#aside-panel .caption .minus-plus{
	position: absolute;
	top: 17px;
	right: 10px;
}
	#aside-panel .caption .minus-plus i{
		width: 26px;
		height: 26px;
		background-image: url(../images/minus-plus.png);
	}
		#aside-panel .caption .minus-plus .minus{ background-position: 0 0;}
		#aside-panel .caption .minus-plus .plus{ background-position: right 0;}

/* search-main */
.search-main{padding-right: 463px;margin: 0 25px 0 0;}
.search-main .search-thumb{width: 100%; float: left;border-right: 1px solid #e9e9e9; margin-right: -1px; min-height: 1310px;}
.search-main .similar-premium{padding: 25px 0 25px 25px;width: 437px;margin-right: -463px;}

/* search-filter */
.search-filter{margin: 0 0 -5px 15px;}
.search-filter li{margin: 10px 0 0 10px; float: left;}
.search-filter li a{
	display: block;
	font-size: 13px;
	overflow: hidden;
	position: relative;
	font-weight: 600;
	padding: 6px 20px 6px 15px;
	border: 1px solid #e5e5e5;
}
	.search-filter li a:hover{ text-decoration: none; background-color: #fafafa;}
	.search-filter li a:hover s{color: #f00;}
	.search-filter li a s{
		text-decoration: none;
		position: absolute;
		top: -3px;
		right: 3px;
		font-size: 12px;
		font-weight: 400;
	}

/* search-thumb  */
.search-thumb .thumb-group{ margin: 10px 0 0 2px; }
.search-thumb .thumb-group li{margin: 15px 0 0 23px;}
.search-thumb .thumb-group160x160{ margin: 5px 0 0 -1px; }
.search-thumb .thumb-group160x160 li{margin: 20px 0 0 26px;}
.search-thumb .thumb-group-bordered{ margin: 5px 0 0 1px; }
.search-thumb .thumb-group-bordered li{margin: 20px 0 0 24px;}
.search-thumb .thumb-group-line{ margin: 15px -20px 0 25px; }
.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 185px;}

/* search-notfound */
.search-not-found{padding: 30px 40px;}
.search-not-found h2{font-size: 36px; text-transform: uppercase;}
.search-not-found h3{font-size: 20px; margin: 10px 0;}
.search-not-found p{font-size: 18px; padding: 7px 0;}
.search-not-found p a{text-decoration: underline;}
.search-not-found p strong{font-weight: 600; color: #77980e;}
.search-not-found .ui-tags{padding: 0 0 3px 0;}
.search-not-found .sponsors728x90{margin-top: 15px;}

/* related-searches */
.related-searches{ padding: 0 30px;}
.related-searches h3{
	font-size: 18px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

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

/* detail-focus */
.detail-focus{
	position: relative;
	margin: 30px;
	padding-right: 498px;
}

/* detail-wrapper */
.detail-wrapper{float: left;width: 100%;}
.detail-main{position: relative;}
.detail-preview{position: relative; overflow: hidden;}

/* detail-sponsor */
.detail-sponsor{
	width: 120px;
	overflow: hidden;
	float: right;
	margin-left: 30px;
}
	.detail-sponsor img{ display: block; margin-bottom: 10px;}

/* img-preview */
.img-preview{
	width: 100%;
	vertical-align:middle;
	text-align: center;
	margin: 0 auto;
}
	.img-preview-inner{
		min-width: 420px;
		display: inline-block;
		position: relative;
		z-index: 8;
	}
	.img-preview img{
		max-width: 100%;
		border-radius: 2px;
	}

/* detail-actions */
.detail-actions{
	position: absolute;
	left: 0;
	right: 0;
	padding: 8px;
	opacity: 0;
	bottom: -36px;
	z-index: 920;
	text-align: left;
	transition: .3s;
}
	.detail-editimg{ bottom: auto; top: -36px; z-index: 921;}
	.img-preview-inner:hover .detail-actions{opacity: 1;bottom: 4px;}
	.img-preview-inner:hover .detail-editimg{ bottom: auto; top: -4px;}
	.detail-actions a,
	.detail-actions .checkbox{
		display: inline-block;
		margin: 2px;
		text-align: center;
		height: 36px;
		line-height: 36px;
		overflow: hidden;
		min-width: 16px;
		padding: 0 12px;
		white-space: nowrap;
		font-size: 12px;
		color: #fff;
		vertical-align: middle;
		border-radius: 2px;
		background: rgba(0,0,0,.6);
		transition: .3s;
	}
	.detail-actions a.on {
		color: #abc261;
	}
	.title a.on {
		color: #abc261;
	}
		.detail-actions a i{position:relative;top:3px;left:1px; width: 15px; height: 14px;}
		.detail-actions a i.icon-support{ background-position: 0 0;}
		.detail-actions a i.icon-against{ background-position: -50px 0;}
		.detail-actions a i.icon-contrast{ background-position: -100px 0;}
		.detail-actions a i.icon-forbid{ background-position: -150px 0;}
		.detail-actions a b{padding-left:5px}
		.detail-actions a strong{font-size:25px;line-height:1;position:relative;top:5px}
		.detail-actions a.text{ padding: 0 20px; text-transform: uppercase;}
		.detail-actions a:hover{ text-decoration: none; background:rgba(0,0,0,.75)}

		.detail-actions .checkbox{ padding: 0 20px 0 32px;text-transform: uppercase;}
		.detail-actions .checkbox .icon,
		.detail-actions .checkbox .icon-to-fade{ top: 8px; left: 8px;}
		.detail-actions .detail-select{float: left; position: relative; z-index: 922;}
		.detail-actions .detail-select a i{
			display: inline-block;
			width: 0;
			height: 0;
			border-style: solid dashed dashed dashed;
			border-width: 5px 5px 0;
			border-color: #ffffff transparent transparent transparent;
			top: -1px;
			left: 10px;
		}
		.detail-actions .detail-select ul{
			position: absolute;
			opacity: 0;
			height: 0;
			overflow: hidden;
			min-width: 100%;
			background-color: rgba(0,0,0,0.01);
			z-index: 923;
		}
			.detail-actions .detail-select ul li{
				opacity: 0;
				transform: rotateX(90deg);
				transition: opacity 0.4s ease 0s, transform 0.5s ease 0s;
			}
			.detail-actions .detail-select ul li a{ display: block;}
			.detail-actions .detail-select:hover ul{opacity: 1;transition: .3s; height: auto;}
			.detail-actions .detail-select:hover ul li{opacity: 1;transform: rotateX(0deg);}

/* img-button */
.img-button{
	padding-top: 20px;
	text-align: center;
}
	.img-button .btn{
		margin: 0 5px;
		display: inline-block;
		font-size: 16px;
		padding: 13px 20px;
		white-space: nowrap;
	}	
	.img-button .img-btns{margin-right: -5px; float: right;}
	.img-button .img-btns .btn,
	.img-button .img-btns .btn-dropdown{ float: left;}
	.img-button .img-btns .btn-dropdown > .btn{ float: none;}
	
	.btn-dropdown{display: inline-block; position: relative; height: 45px;}
	.btn-dropdown .dropdown-menu{
		right: -208px;
		position: absolute;
		width: 460px;
		z-index: 9;
		text-align: left;
		background-color: #fff;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		display: none;
	}
		.btn-dropdown.open .dropdown-menu{ display: block;}
		.btn-dropdown .dropdown-menu > li.selected{font-weight: 700;}
		.btn-dropdown .dropdown-menu > li{
			display: block;
			overflow: hidden;
			clear: both;
			line-height: 29px;
			padding: 7px;
			overflow: hidden;
			clear: both;
			color: #333;
			font-size: 14px;
			white-space: nowrap;
		}
			.btn-dropdown .dropdown-menu > li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,.1);}
			.btn-dropdown .dropdown-menu > li:hover{ background-color: #f5f5f5;}
			.btn-dropdown .dropdown-menu > li > span{
				display: block;
				height: 29px;
				overflow: hidden;
				text-align: center;
				float: left;
			}
				.btn-dropdown .dropdown-menu > li > span.type{ width: 50px;}
				.btn-dropdown .dropdown-menu > li > span.reso{ width: 140px;}
				.btn-dropdown .dropdown-menu > li > span.size{ width: 60px; padding-right: 10px;}
				.btn-dropdown .dropdown-menu > li > .btn{ float: right; padding: 5px 11px;font-size: 12px;}

.img-button .img-info{
	height: 48px;
	position: relative;
	padding-left: 60px;
	text-align: left;
	float: left;
}
	.img-button .img-info img{
		position: absolute;
		left: 0;
		top: 0;
		width: 48px;
		height: 48px;
	}
	.img-button .img-info h5{
		font-size: 16px;
		font-weight: 600;
		height: 26px;
		line-height: 18px;
		overflow: hidden;
		white-space: nowrap;
	}
	.img-button .img-info p{
		font-size: 14px;
		white-space: nowrap;
	}
	.img-button .img-info .btn-mini{
		margin: 0 7px 0 0;
		padding: 2px 8px;
		font-size: 10px;
	}

	/* detail-info */
	.detail-info{overflow: hidden; margin-top: 20px;}
	.detail-info-group{width: 48%;}
	.detail-info-group .item{
		height: 24px;
		line-height: 24px;
		clear: both;
		font-size: 14px;
		padding: 7px 0;
		border-bottom: 1px solid #f1f1f1;
	}
		.detail-info-exif{margin-top: 2px;}
		.detail-info-exif .item{padding: 0;border: 0 none; height: 25px;}
		.detail-info-group label{font-weight: 700;font-style: italic;}
		.detail-info-group span{float: right;word-break:break-all;color: #666; font-size: 13px;}
		.detail-info-group .ui-rating{float: right;margin: 4px 0 0 0;}
		.ui-detail-mate a{ color: #f39c12; text-decoration: underline; }
		.ui-detail-mate a:hover{ color: #fff; }

	/* detail-info-tags */
	.detail-info-tags h5{
		font-size: 16px;
		height: 26px;
		line-height: 26px;
		font-weight: 600;
		padding: 15px 0 10px 0;
		text-transform: uppercase;
		border-bottom: 1px dotted #eee;
	}
	/* tags-group */
	.detail-info-tags .ui-tags{padding: 10px 0 0 0;}
	.detail-info-tags .ui-tags li{ padding: 2px 0;}
	.detail-info-tags p { font-size: 15px; }
	
	/* detail-info-premium */
	.detail-info-premium{
		margin-top: 15px;
		padding-top: 20px;
		border-top: 1px dotted #eee;
	}
	
	
/* detail-info-group-flow */
.detail-info-group-flow{width: auto; margin: 0 0 0 -2%;}
.detail-info-group-flow .item{width: 48%; float: left; clear: none; margin-left: 2%;}

/* detail-credit */
.detail-credit{
	margin: 0 auto;
	max-width: 500px;
	padding: 20px;
	overflow: hidden;
	text-align: left;
}
	/* detail-credit-btn */
	.detail-credit-btn{ width: 380px; margin: 0 auto;}
	.detail-credit-btn .btn{ margin-bottom: 5px; display: block;}
	.detail-credit h5{padding: 7px 0 0 0; font-weight: 700;}
	.detail-credit p{padding: 7px 0 0 0;}

	/* visual-editor */
	.visual-editor{margin-top: 20px;}
	.visual-editor h5{
		padding: 7px 10px;
		margin: 7px 0;
		font-size: 16px;
		font-style: italic;
		border-bottom: 1px solid #e9e9e9;
		font-weight: normal;
	}
	.visual-editor dl{font-size: 14px;line-height: 24px; margin: 0 10px;}
	.visual-editor dl strong{font-size: 13px;}
	.visual-editor dl a{ text-decoration: underline; margin-right: 5px;}
	.visual-editor dl dt{}
	.visual-editor dl dd{}
	.visual-editor dl dd .ui-textarea{
		width: 100%;
		height: 72px;
		padding: 7px;
		font-size: 12px;
		margin: 7px 0 0 0;
	}

/* detail-info-credit */
.detail-info-credit{
	width: 100%;
	padding: 30px 0 0 0;
	overflow: hidden;
}
	.detail-info-credit .visual-editor dl dt{ float: left; text-align: right; width: 30%;}
	.detail-info-credit .visual-editor dl dd{ float: right; width: 68%;}

.detail-info-description {
	width: 100%;
	overflow: hidden;
}

/* detail-credit-premium */
.detail-credit-premium .detail-info-group{width: 100%;}
.detail-credit-premium .detail-info-group .item{width: 46%; float: left; clear: none; margin-right: 2%;}

/* detail-similar */
.detail-similar{
	padding-left: 30px;
	float: right;
	border-left: 1px solid #e9e9e9;
}
	.detail-similar-new h3,
	.detail-similar h3{
		font-size: 16px;
		line-height: 1.2em;
		margin: 0 0 20px 0;
		font-weight: 700;
		text-transform: uppercase;
	}
	.detail-similar h3 span{ float: right; font-weight: 400;}
	.detail-similar h3 span a{ text-decoration: underline;}

	/* thumb-group */
	.detail-similar .thumb-group{ margin: -32px 0 0 -30px;}
	.detail-similar .thumb-group li{margin: 32px 0 0 30px;}

/* similar-premium */
.similar-premium{
	width: 437px;
	margin-right: -498px;
}
	.similar-premium .thumb-premium{margin: -20px 0 0 -20px;}
	.similar-premium .thumb-premium li{margin: 20px 0 0 20px;}
	.similar-premium .thumb-premium135{margin: -16px 0 0 -16px;}
	.similar-premium .thumb-premium135 li{margin: 16px 0 0 16px;}
	.similar-premium .thumb-premium-wrapper{margin: 0 -10px 0 -10px;padding: 25px 0 15px 15px;}
	.similar-premium .thumb-premium-wrapper .before,
	.similar-premium .thumb-premium-wrapper .after{ margin-top: -36px;}
	.similar-premium .thumb-premium-wrapper h3{ margin: 0 10px 10px 0;}
	.similar-premium .thumb-premium-wrapper .thumb-premium135{margin: -13px 0 0 -12px;}
	.similar-premium .thumb-premium-wrapper .thumb-premium135 li{margin: 13px 0 0 12px;}

/* similar-free */
.similar-free{
	width: 430px;
	margin-right: -491px;
}

/* detail-similar-new */
.detail-similar-new{ margin-top: 20px;}
.detail-similar-new .thumb-group{ margin: -20px 0 0 -11px; }
.detail-similar-new .thumb-group li{margin: 20px 0 0 11px;}

/* detail-sponsors */
.detail-sponsors{ width: 300px; padding-bottom: 10px;}
.detail-sponsors .box{ margin: 0 0 10px 0;}

/* detail-free */
#detail-free { padding-right: 361px;}
#detail-free .detail-sponsors{ width: 300px; margin-right: -361px;}
#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -20px;}
#detail-free .detail-similar-new .thumb-group li{width: 220px;margin: 20px 0 0 20px;}
#detail-free .detail-similar-new .thumb-group .thumb-img{width: 220px;height: 138px;}

/* detail-meta */
#detail-meta { padding-right: 491px;}
#detail-meta .detail-preview{ margin-right: 150px;}

/* premium-detail */
#premium-detail{ padding-right: 650px;}
#premium-detail .similar-premium{width: 590px; margin-right: -650px;}

/* detail-download */
#detail-download{ padding: 0 361px 0 435px;}
#detail-download .detail-sponsors{ width: 300px; margin-right: -361px;}
#detail-download .similar-premium{
	width: 374px;
	margin: 0 0 0 -435px;
	padding: 0 30px 0 0;
	border: 0 none;
	border-right: 1px solid #e9e9e9;
	float: left;
}
#detail-download .detail-similar-new{ padding: 25px 15px; border-top: 1px solid #eee;}
#detail-download .detail-similar-new .thumb-group{ margin: -20px 0 0 -30px; }
#detail-download .detail-similar-new .thumb-group li{width: 220px;margin: 20px 0 0 30px;}
#detail-download .detail-similar-new .thumb-group .thumb-img{width: 220px;height: 135px;}

/* detail-download-type */
.detail-download-type{border-top: 1px solid #eee; margin-top: 7px;}
.detail-download-type p{ font-size: 14px; padding-top: 15px;}
.detail-download-type li{
	width: 100%;
	overflow: hidden;
	clear: both;
	line-height: 39px;
	padding: 7px 0;
	border-bottom: 1px solid #eee;
}
	.detail-download-type li.selected{ font-weight: 700;}
	.detail-download-type li .btn{ float: right;}
	.detail-download-type li span{
		height: 39px;
		overflow: hidden;
		float: left;
		font-size: 14px;
		text-align: center;
	}
		.detail-download-type li span.type{ width: 15%;}
		.detail-download-type li span.reso{ width: 25%;}
		.detail-download-type li span.size{ width: 15%; text-align: right;}

/* detail-download-wrapper */
.detail-download{padding: 30px 0;text-align: center;}
.detail-download-padding{ padding: 0;}
.detail-download h3,
.detail-download h1{
	font-size: 20px;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
	font-style: italic;
}
.detail-download h3.small,
.detail-download h1.small{ margin: 0; font-size: 18px;}
.detail-download h3 a,
.detail-download h1 a{text-decoration: underline;}
.detail-download h3 a:hover,
.detail-download h1 a:hover{ text-decoration: none;}
.detail-download .visual-editor{ text-align: left; padding-bottom: 15px;}
.detail-download .visual-editor h5{ padding-bottom: 15px; clear: both;}
.detail-download .visual-editor h5 .btn{ font-style: normal; float: right;}

/* carbon-sponsor */
.carbon-sponsor{overflow: hidden;padding-bottom: 15px; margin-bottom: 15px; margin-right: -10px;}
.carbon-sponsor .sponsors300x100{ float: right;}


/* author-main */
.author-main .ui-bar .ui-info span{font-style: italic; font-size: 15px; margin-right: 20px; }
.author-main .ui-bar .share-group{ margin-top: 15px; }
.author-main .ui-bar .share-group .stLarge{ -webkit-filter:grayscale(1); opacity: 0.6;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.author-main .ui-bar .share-group .stLarge:hover{ -webkit-filter:grayscale(0); opacity: 1;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); }

/* share-group */
.share-group a{
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
	background-image: url(../images/share.png);
	background-repeat: no-repeat;
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	opacity: 0.6;
	*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	transition: all 0.2s ease-in 0s;
}
	.share-group a:hover{
		-webkit-filter:grayscale(0);
		filter:grayscale(0);
		opacity: 1;
		*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
	}
	.share-group a.shareshis { background-position: 0 0; }
	.share-group a.reddit    { background-position: -42px 0; }
	.share-group a.twitter   { background-position: -82px 0; }
	.share-group a.linkedin  { background-position: -123px 0; }
	.share-group a.baidu     { background-position: -164px 0; }
	.share-group a.sina      { background-position: -205px 0; }
	.share-group a.stumbleupon{ background-position: -246px 0; }
	.share-group a.blogger   { background-position: -288px 0; }
	.share-group a.tumblr    { background-position: -329px 0; }
	.share-group a.mister_wong{ background-position: -370px 0; }
	.share-group a.wordpress { background-position: -411px; 0; }
	.share-group a.email     { background-position: -453px 0; }

/* author-large */
.author-large{margin: 0;}
.author-large li{
	width: 365px;
	margin: 30px 0 0 29px;
	overflow: hidden;
	float: left;
}
	/* img */
	.author-large .img{
		display: block;
		width: 180px;
		height: 180px;
		overflow: hidden;
		float: left;
	}
		.author-large .img img{
			display: block;
			width: 180px;
			height: 180px;
		}

	/* dl */
	.author-large dl{
		width: 150px;
		height: 180px;
		overflow: hidden;
		float: right;
	}
		.author-large dt{
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			white-space: nowrap;
			font-size: 20px;
			padding-bottom: 5px;
		}
		.author-large dt a{ color: #363f48;}
		.author-large dd{
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			font-style: italic;
			font-size: 13px;
			white-space: nowrap;
		}
		.author-large dd.member-for{
			font-size: 12px;
			margin-top: 5px;
		}

/* author-middle */
.author-middle{ margin: 10px 0 0 10px;}
.author-middle li{
	width: 235px;
	margin: 20px 0 0 20px;
	overflow: hidden;
	float: left;
}
	/* img */
	.author-middle .img{
		display: block;
		width: 100px;
		height: 100px;
		overflow: hidden;
		float: left;
	}
		.author-middle .img img{
			display: block;
			width: 100px;
			height: 100px;
		}

	/* dl */
	.author-middle dl{
		width: 120px;
		height: 100px;
		overflow: hidden;
		float: right;
	}
		.author-middle dt{
			overflow: hidden;
			font-size: 15px;
			line-height: 1.2;
			padding-bottom: 5px;
			max-height: 50px;
		}
		.author-middle dt a{ color: #363f48;}
		.author-middle dd{
			overflow: hidden;
			font-style: italic;
			font-size: 14px;
			line-height: 1.1;
			padding-bottom: 5px;
		}

/* author-small */
.author-small{ margin: 15px 0 0 15px;}
.author-small li{width: 210px;margin: 15px 0 0 15px;}
.author-small .img,
.author-small .img img{width: 80px;height: 80px;}
.author-small dt{ font-size: 14px;}
.author-small dl{width: 120px;height: 80px;}
.author-small dd{font-size: 13px;}

/* author-info */
.author-info{
	padding: 30px;
	position: relative;
	text-align: center;
	clear: both;
}
	.author-info p.pager{
		font-size: 16px;
		position: absolute;
		bottom: 20px;
		right: 30px;
	}

	/* img */
	.author-info .img{
		display: block;
		width: 180px;
		height: 180px;
		overflow: hidden;
		float: left;
		margin-right: 25px;
	}
		.author-info .img img{
			display: block;
			width: 180px;
			height: 180px;
		}

	/* .info */
	.author-info .info{
		height: 180px;
		overflow: hidden;
		float: left;
	}
		.author-info .info dt{
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			white-space: nowrap;
			font-size: 20px;
			padding-bottom: 5px;
		}
		.author-info .info dt a{ color: #363f48;}
		.author-info .info dd{
			height: 24px;
			line-height: 24px;
			overflow: hidden;
			font-style: italic;
			font-size: 14px;
			white-space: nowrap;
		}
		.author-info .info dd.member-for{
			font-size: 13px;
			margin-top: 5px;
		}

	/* .sns */
	.author-info .sns{
		height: 180px;
		overflow: hidden;
		float: right;
		line-height: 28px;
		font-size: 14px;
	}
		.author-info .sns dd{
			height: 28px;
			overflow: hidden;
			white-space: nowrap;
		}
			.author-info .sns dd label,
			.author-info .sns dd span{display: inline-block;vertical-align: middle;	}
			.author-info .sns dd label{width: 100px;}

	/* author-avatar */
	.author-avatar{
		display: inline-block;
		overflow: hidden;
		text-align: center;
		margin: 0 auto;
		margin-top: -80px;
	}
		.author-avatar img{
			display: block;
			width: 100px;
			height: 100px;
			overflow: hidden;
			margin: 0 auto;
			border-radius: 50%;
			border: 1px solid #e9e9e9;
		}
		.author-avatar h1,
		.author-avatar h3{
			font-size: 22px;
		}

	/* author-intro */
	.author-intro{
		width: 600px;
		margin: 0 auto;
		padding-top: 5px;
		overflow: hidden;
		text-align: center;
		font-size: 16px;
	}
		.address-member{
			font-size: 15px;
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			margin-top: 5px;
		}
			.address-member .member-for{float: right;font-size: 14px;}
			.address-member .address{
				float: left;
				padding-left: 25px;
				background: url(../images/position.png) 0 6px no-repeat;
			}

/* camera-group */
.camera-group{
	margin: 30px;
	border: 1px solid #ddd;
	border-bottom-width: 4px;
}
	/* camera-thumb */
	.camera-thumb,
	.camera-thumb .thumb-img{width: 250px;height: 156px; background-color: #fff;}
	.camera-thumb{float: left;border-right: 1px solid #e9e9e9;}

	/* camera-info */
	.camera-info{
		overflow: hidden;
		height: 156px;
	}
		/* camera-title */
		.camera-title{
			height: 35px;
			line-height: 35px;
			overflow: hidden;
			padding: 0 20px;
			border-bottom: 1px solid #e9e9e9;
		}
			.camera-title p{
				float: right;
				font-size: 14px;
				font-style: italic;
			}
			.camera-title h5{
				font-size: 15px;
				font-weight: 600;
			}

		/* thumb-group */
		.camera-info .thumb-group{ margin: 0;}
		.camera-info .thumb-group li{ margin-top: 10px;}
		.camera-group .thumb-img:hover{overflow: hidden;}
		.camera-group .thumb-img:hover img{box-shadow: none;border: 0 none;border-radius: 0;}

		/* camera-info2 */
		.camera-info2 .camera-title{ border: 0 none; height: 25px;}
		.camera-info2 .thumb-group li{ border: 1px solid #e5e5e5; padding: 5px;}

/* camera-group2 */
.camera-group2 .camera-info .thumb-group{ margin: 0;}
.camera-group2 .camera-info .thumb-group li{ margin-top: 23px;}
.camera-group2 .camera-info2 .thumb-group li{ margin-top: 16px;}
.camera-group2 .camera-thumb .thumb-img{width: 200px;height: 135px;	}
.camera-group2 .camera-thumb{ width: 200px; height: 165px;}
.camera-group2 .camera-thumb h5{
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	text-align: center;
	font-size: 15px;
}
.camera-group2 .camera-thumb .thumb-mask{
	display: block;
	height: 30px;
	line-height: 28px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-style: italic;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
}


/* userdetail-lightbox-group */
.userdetail-lightbox-group{clear: both;}
.userdetail-lightbox{
	float: left;
	width: 284px;
	height: 375px;
	margin: 20px 0 0 20px;
	border: 1px solid #eee;
}
	.userdetail-lightbox .caption{
		padding: 5px 10px;
		line-height: 20px;
		border-bottom: 1px solid #f0f0f0;
		background-color: #f6f6f6;
	}
	.userdetail-lightbox .caption h3{font-size: 13px;font-weight: 700;}
	.userdetail-lightbox .collages-works{margin: 13px 0 8px 18px;}
	.userdetail-lightbox .myfiles-setitem-group{margin: 8px 0 8px 18px;}




/* author-group */
.author-group{
	padding: 30px 15px 30px 30px;
	border-bottom: 1px solid #eee;
}

/* author-thumbnail */
.author-thumbnail{float: left;}
.author-thumbnail .author-thumb{
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
	.author-thumbnail .author-thumb img{
		display: block;
		width: 100px;
		height: 100px;
		overflow: hidden;
	}
	.author-thumbnail .author-text{
		width: 220px;
		padding: 0 0 0 15px;
		overflow: hidden;
		float: left;
	}
		.author-thumbnail .author-text h5{
			font-size: 20px;
			height: 24px;
			line-height: 24px;
			overflow: hidden;
		}
		.author-thumbnail .author-text .locality{
			display: block;
			height: 18px;
			line-height: 18px;
			overflow: hidden;
			padding-left: 12px;
			font-size: 13px;
			margin-top: 5px;
			color: #999;
			background: url(../images/position.png) 0 5px no-repeat;
			background-size: 9px 12px;
		}
		.author-thumbnail .author-text .locality:hover{color: #77980e;}
		.author-thumbnail .author-text .meta-skills{
			height: 18px;
			line-height: 18px;
			overflow: hidden;
			font-size: 12px;
			olor: #aaa;
		}
		.author-thumbnail .author-text .meta-skills a{ color: #aaa;}
		.author-thumbnail .author-text .meta-skills a:hover{color: #77980e;}
		.author-thumbnail .author-text ul{ margin-left: -7px;}
		.author-thumbnail .author-text li{
			overflow: hidden;
			text-align: center;
			padding: 0 7px;
			float: left;
			line-height: 1.2;
			margin-top: 5px;
			color: #aaa;
		}
			.author-thumbnail .author-text li strong{display: block; font-weight: 600; color: #999;}

		/* withicon */
		.author-thumbnail .author-text .withicon{ margin: 0;}
		.author-thumbnail .author-text .withicon li{
			height: 20px;
			line-height: 20px;
			overflow: hidden;
			padding: 0 10px 0 15px;
			margin-top: 5px;
			color: #aaa;
			background-repeat: no-repeat;
			background-position: 0 4px;
		}
			.author-thumbnail .author-text .withicon li.files{background-image: url(../images/img.gif); padding-left: 14px; background-position: 0 5px;}
			.author-thumbnail .author-text .withicon li.downloads{background-image: url(../images/downloads.gif); padding-left: 14px;}
			.author-thumbnail .author-text .withicon li.likes{background-image: url(../images/icon-views-sm.png); padding-left: 17px;}
			.author-thumbnail .author-text .withicon li.favs{background-image: url(../images/icon-hearts.gif);}


/* author-listing */
.author-listing{overflow: hidden; height: 102px;}
.author-listing .thumb-img:hover{overflow: hidden;}
.author-listing .thumb-img:hover img{box-shadow: none;border: 0 none;border-radius: 0;}

body .author-listing .thumb-group{ margin: 0 0 0 10px;}
body .author-listing .thumb-group li{ margin: 4px 15px 4px 0;}
body .author-listing .thumb-group140x92 li{width: 140px;margin: 4px 14px 4px 0;}
body .author-listing .thumb-group140x92 .thumb-img{width: 140px;height: 92px;}
body .author-listing .thumb-group118x80 li{width: 118px;}
body .author-listing .thumb-group118x80 .thumb-img{width: 118px;height: 80px;}
body .author-listing .thumb-group112x74 li{width: 112px;}
body .author-listing .thumb-group112x74 .thumb-img{width: 112px;height: 74px;}
body .author-listing .thumb-group-bordered li{ border: 1px solid #e5e5e5; padding: 4px; margin: 0 15px 4px 0;}

.author-thumbnail-small .author-thumb,
.author-thumbnail-small .author-thumb img{width: 80px;height: 80px;}
.author-thumbnail-small .author-text p,
.author-thumbnail-small .author-text .withicon li{margin-top: 0px;}
.author-listing-small{overflow: hidden; height: 84px;}

/* upload-content */
.upload-content{}

/* upload-aside */
.upload-aside{
	width: 220px;
	float: left;
	margin-right: -1px;
	border-right: 1px solid #e9e9e9;
}
	/* caption */
	.upload-aside .caption{
		overflow: hidden;
		height: 60px;
		border-bottom: 1px solid #e9e9e9;
	}
		.upload-aside .caption h2{
			text-align: center;
			line-height: 60px;
			font-size: 24px;
			text-align: center;
		}

	/* upload-tabs */
	.upload-tabs{
		margin: 20px;
	}
		.upload-tabs li{ margin-bottom: 10px;}
		.upload-tabs li a{
			display: block;
			text-align: center;
			overflow: hidden;
			font-size: 14px;
			padding: 15px;
			color: #999;
			background-color: #efefef;
			border-radius: 4px;
		}
			.upload-tabs li a:hover{text-decoration: none; background-color: #e5e5e5;}
			.upload-tabs li span{
				display: block;
				height: 40x;
				line-height: 40px;
				width: 40px;
				margin: 0 auto 5px;
				overflow: hidden;
				color: #999;
				font-size: 16px;
				background: #fff;
				border-radius: 30px;
			}
			.upload-tabs li.current a,
			.upload-tabs li.current a:hover{
				color: #fff;
				background-color: #abc261;
			}
			.upload-tabs li.current a span{color: #77980e;}


/* ui-input */
div.tagsinput{
	overflow: auto;
	overflow-x: hidden;
	font-size: 15px;
	padding: 5px;
	min-height: 100px;
	cursor: text;
	box-sizing: border-box;
}
	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 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; }


/* preview-image */
.upload-thumbnail{
	width: 250px;
	padding: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 0 auto;
	margin: 9px 10px 0 9px;
	float: left;
}
	.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%;
			max-width: inherit;
			max-height: inherit;
		}
		.upload-thumbnail-inner:hover{overflow: visible; z-index: 3;}
		.upload-thumbnail-inner:hover img{
			border-radius: 3px;
			box-shadow: 0 10px 35px rgba(0,0,0,0.3);
			border: 4px solid #fff;
		}

	.upload-thumbnail-crop{
		width:250px;
		height:180px;
		overflow:hidden;
	}
		.upload-thumbnail-crop img{
			max-width: inherit;
			max-height: inherit;
		}


/* 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-error */
.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: #b94a48;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	border-radius: 3px;
	vertical-align: middle;
}
	.upload-error a{ display: inline-block; }

/* upload-main */
.upload-main{
	overflow: hidden;
	border-left: 1px solid #e9e9e9;
}
	/* upload-panel-tabs */
	.upload-panel-tabs{padding: 0 30px;background-color: #f7f7f7;}
	.upload-panel-tabs .btn-small{ margin-top: 12px;}

	/* upload-panel-title */
	.upload-panel-title{
		overflow: hidden;
		line-height: 60px;
		padding: 0 30px;
		border-bottom: 1px solid #e9e9e9;
	}
		.upload-panel-title h3{color: #77980e;font-size: 24px;}
		.upload-panel-title .ui-message{padding-left: 9px;}
		.upload-panel-title .select-group{ padding: 13px 0;}

	/* upload-panel-footer */
	.upload-panel-footer{ text-align: right; padding: 40px; border-top: 1px solid #e9e9e9; clear: both;}
	.upload-panel-footer .btn{ padding: 29px 100px; font-size: 24px; float: right;}
	.upload-panel-footer .ui-form{text-align: left; overflow: hidden;}
	.upload-panel-footer .ui-form-item{overflow: hidden;}
	.upload-panel-footer .ui-label{ font-size: 14px; width: 160px;}
	.upload-panel-footer .checkbox{ font-size: 14px; overflow: hidden; display: block;}

	/* upload-panel-body */
	.upload-panel-body{margin: 30px 30px 30px 30px; min-height: 550pxs;}
	.upload-panel-body .ui-form-item{margin-right: 0;}
	.upload-panel-body .ui-label{ font-size: 16px; float: none; display: block; text-align: left;}
	.upload-panel-body .ui-message{ font-size: 13px;}
	.upload-panel-body .btn-large{ padding: 15px 35px;}
	.upload-panel-body .ui-input,
	.upload-panel-body .ui-select,
	.upload-panel-body .ui-textarea{ width: 100%;box-sizing: border-box;}

	/* upload-bordered */
	.upload-bordered{
		margin-top: 7px;
		text-align: center;
		border: 2px dashed #e5e5e5;
		background-color: #f9f9f9;
		border-radius: 3px;
	}
		.upload-bordered .upload-info{line-height: 30px;overflow: hidden; padding: 10px 15px;}
		.upload-bordered .upload-info .btn{ float: right;}
		.upload-bordered .upload-info h5{overflow: hidden;height: 30px; max-width: 520px; float: left;}
		.upload-bordered .upload-info span{display: block;height: 30px;overflow: hidden; text-align: left; word-break:keep-all;white-space:nowrap;}
		.upload-bordered .upload-info h5:hover span{ position: absolute; background-color: #f9f9f9;padding-right: 10px; z-index: 5;}

	/* upload-zipped */
	.upload-zipped{text-align: center;  min-height: 300px;}
	.upload-zipped .upload-enter{padding-top: 100px; margin-bottom: 15px;}
	.upload-zipped .upload-error{line-height: 260px;}
	.zipped-file-name{float: left;width: 30%;overflow: hidden;}
	.zipped-file-name h5{overflow: hidden; width: 90%; margin: 0 auto; margin-top: 90px; margin-bottom: 10px; font-size: 14px;}
	.zipped-file-list{width: 65%; float: right; overflow: hidden; text-align: left;}
	.zipped-file-list ul{margin-top: 110px; }
	.zipped-file-list ul li{ height: 35px; line-height: 35px; overflow: hidden; font-size: 15px; float: left; width: 20%;}
	.zipped-file-list ul li span{margin-right: 10px; font-weight: 600;}


	/* preview-image */
	.preview-image{
		width: 754px;
		min-width: 754px;
		float: left;
	}
		.preview-image .upload-bordered{ min-height: 460px;}
		.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;}
		.preview-image .upload-error{line-height: 480px;}


	/* thumbnail-image */
	.thumbnail-image{ width: auto; margin-left: 790px; }
	.thumbnail-image .upload-bordered{padding: 30px;overflow: hidden;}
	.thumbnail-image .upload-enter .btn{ margin: 0 3px 15px 3px; min-width: 140px;}
	.thumbnail-image .ui-message,
	.thumbnail-image .upload-progress{ margin: 15px 0 0 0;}
	.thumbnail-image .upload-error p{ margin: 30px;}
	.thumbnail-image .upload-error{line-height: 190px;}

	/* upload-bordered-thumbnail */
	.thumbnail-image .upload-bordered-thumbnail{padding: 40px 20px; overflow: visible;}
	.thumbnail-image .upload-bordered-thumbnail .btn{ margin-top: 15px; width: 150px; }
	.thumbnail-image .upload-bordered .upload-info2{overflow: hidden; padding: 10px 15px;}
	.thumbnail-image .upload-thumbnail{ float: none; margin: 0 auto; margin-top: 30px;}
	.thumbnail-image .upload-recut{overflow: hidden;padding: 20px 0 0 0;}
	.thumbnail-image .upload-recut .btn{ margin: 15px 5px 0 5px;}

	/* upload-panel-form */
	.upload-panel-form{width: 48%;}
	.upload-panel-form .ui-textarea{ height: 170px;}

	/* upload-confirm */
	.upload-confirm{margin: 30px 40px 40px 40px;}
	.upload-confirm .ui-form-item{ width: 100%;}
	.upload-confirm .ui-label{ font-size: 16px;width: 120px; float: left;}
	.upload-confirm .ui-text{height: auto; line-height: 20px; padding: 9px 0;  float: none;}
	.upload-confirm-left{ overflow: hidden; margin-right: 430px;}
	.upload-confirm-right{ width: 400px; float: right;}
	.upload-confirm-right .ui-label{width: 120px;}
	.upload-confirm-right .ui-text{width: 270px;}
	.upload-confirm-right .upload-thumbnail{ margin: 9px 0 0 0;}

/* upload-vector-group */
.upload-vector-group{}
.upload-vector-item{ width: 48%;}
.upload-vector-item .ui-textarea{ height: 220px;}

/* upload-photo-group */
body .upload-photo-group:not(.upload-photo-history-grid){ margin: -30px 0 0 -28px; clear:both;}
body .upload-photo-group:not(.upload-photo-history-grid) li{ margin: 25px 0 0 28px;}
.upload-photo-group .thumb-title{ text-align: center; height: 33px; line-height: 33px; text-transform: uppercase; font-weight: 700; background-color: #f4f4f4; font-size: 13px;}
.upload-photo-group .thumb-info{text-align: left;font-size: 13px;}
.upload-photo-group .thumb-info p{ padding: 3px 0;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.upload-photo-group .thumb-info p.declined{height: 48px; font-size: 13px;white-space: normal; word-break:break-all; font-style: italic; }
.upload-photo-group .thumb-text .italic{ font-style:italic; font-size: 13px;}
.upload-photo-group .thumb-blank{border-bottom: 2px dashed #e5e5e5; }
.upload-photo-group .upload-progress{margin: 45px 10px;padding: 0;background: transparent;box-shadow: none;}
.upload-photo-group .progress{ background-color: #ddd;}
.upload-photo-group .progress-notice{font-size: 12px; text-align: center;}
.upload-photo-group .upload-error p{
	margin: 0;
	font-size: 13px;
	font-style: italic;
	padding: 20px 15px;
	text-align: center;
	background: transparent;
	border: 0 none;
}
.upload-photo-btn{
	display: block;
	width: 196px;
	height: 121px;
	overflow: hidden;
	text-align: center;
	line-height: 122px;
	font-size: 16px;
	border: 2px solid #f5f5f5;
}
.upload-photo-btn:hover{
	color: #363f48;
	text-decoration: none;
	border-color: #363f48;
	background-color: #fff;
}

/* upload-photo-history-grid */
body .upload-photo-history-grid{margin: -20px 0 0 -20px;}
body .upload-photo-history-grid li{ width: 220px;margin: 20px 0 0 20px;}
body .upload-photo-history-grid li .thumb-img{ width: 220px; height: 165px;}
body .upload-photo-history-grid li .thumb-info .btn{border-width: 1px;}
body .upload-photo-history-grid li .thumb-info .btn.fn-left{ margin-right: 5px;}

/* upload-photo-history-table */
.upload-photo-history-table li{}
.upload-photo-history-table .table{}
.upload-photo-history-table .table tbody > tr:nth-child(odd) > td{ background-color: #fff; padding: 10px; text-align: left; font-size: 13px; vertical-align: top;}
.upload-photo-history-table .thumb-img{ width: 160px; height: 125px;}
.upload-photo-history-table .table-thumb-img{ width: 10%;}
.upload-photo-history-table .table-thumb-text{ width: 18%;}
.upload-photo-history-table .table-thumb-text-long{ width: 27%;}
.upload-photo-history-table .table-thumb-text p{
	overflow: hidden;
	line-height: 30px; 
	padding: 0 5px;
	clear: both;
}
	.upload-photo-history-table .table-thumb-text p strong{ 
		display: block; 
		text-align: right; 
		font-style: italic; 
		width: 80px; 
		padding-right: 5px;
		float: left;
	}
	.upload-photo-history-table .table-thumb-text p span{
		display: block;
		overflow: hidden;
		min-width: 100px;
		max-width: 350px;
		line-height: 18px;
		padding: 6px 0;
	} 
	.upload-photo-history-table .table-thumb-text p .btn{padding: 2px 8px;font-size: 10px;border-radius: 2px; display: inline-block; margin: 8px 0 0 8px;}

/* statistics-item */
.statistics-item{margin: 0 20px 0 0;float: left;}
.statistics-group{ width: 350px; padding: 20px 0;}
.statistics-group li{
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-weight: 700;
}	
	.statistics-group label{ 
		display: inline-block; 
		text-align: right; 
		font-style: italic; 
		width: 180px; 
		padding-right: 15px; 
		color: #777;
	}
	.statistics-item:nth-child(1) .statistics-group label{ width: 220px; } 



/* upload-model-release */
#upload-model-release .upload-panel{ padding-left: 400px;}
#upload-model-release .upload-panel-body{border-left: 1px solid #eee; float: left; width: 100%; margin: 0;}
#upload-model-release .upload-panel-body .thumb-group{ margin: 0;}
#upload-model-release .upload-panel-body .thumb-group li {margin: 30px 0 0 30px;}
.upload-model-release-table{float: left; width: 402px; margin-left: -401px; margin-right: -1px;}
.upload-model-release-table .table{margin: 0;}
.upload-model-release-table .table thead td{line-height: 40px; font-weight: 700;border-bottom: 1px solid #e5e5e5; font-size: 13px;}
.upload-model-release-table .table td{line-height: 30px;border-width: 0 1px; }
.upload-model-release-table .table td.name{ text-align: left;width: 190px;}
.upload-model-release-table .table tr.selected td{ background-color: #f2ffc7; }
#upload-model-release .upload-panel-body .thumb-group li {margin: 25px 0 0 28px;}
.upload-model-release-table .release{
	width: 190px;
	height: 32px;
	position: relative;
	overflow: hidden;
}
	.upload-model-release-table .release .ui-input{ width: 100%; display: none;}
	.upload-model-release-table .release .btn-group{
		position: absolute;
		top: -30px;
		right: 0;
		left: 0;
		text-align: center;
		z-index: 1;
		opacity: 0;
	}
		.upload-model-release-table .release .btn-group a{padding: 5px 9px;font-size: 12px;}
		.upload-model-release-table .release .btn-group a:hover{ background-color: #fff;}


@media screen and (max-width: 1680px) {
	/* thumb-group */
	.thumb-group{ margin: 5px 0 0 5px;}
	.thumb-group li{margin: 25px 0 0 25px;}
	.thumb-group180x122	{margin: 5px 0 0 15px;}
	.thumb-group180x122 li{margin: 20px 0 0 15px;}
	.thumb-group180x135	{margin: 5px 0 0 15px;}
	.thumb-group180x135 li{margin: 20px 0 0 15px;}
	
	/* listing-main */
	.listing-main .thumb-group{margin: 0;}
	.listing-main .thumb-group li{margin: 25px 0 0 25px;}
	.listing-main .thumb-group160x160{margin: 0 0 0 -9px;}
	.listing-main .thumb-group160x160 li{margin: 25px 0 0 34px;}
	.listing-main .thumb-group-bordered{margin: 0 0 0 -7px;}
	.listing-main .thumb-group-bordered li{margin: 25px 0 0 32px;}
	.listing-main .thumb-group-line{ margin: 15px 0 0 25px; }
	.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 192px;}

	/* thumb-premium */
	.listing-main .similar-premium .thumb-premium135{margin: -16px 0 0 -16px;}

	/* search-thumb  */
	.search-thumb .thumb-group{ margin: 10px 0 0 9px; }
	.search-thumb .thumb-group li{margin: 15px 0 0 16px;}
	.search-thumb .thumb-group160x160{ margin: 5px 0 0 15px; }
	.search-thumb .thumb-group160x160 li{margin: 20px 0 0 10px;}
	.search-thumb .thumb-group-bordered{ margin: 5px 0 0 17px; }
	.search-thumb .thumb-group-bordered li{margin: 20px 0 0 8px;}
	.search-thumb .thumb-group-line{ margin: 15px -20px 0 25px; }
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 171px;}

	.userdetail-lightbox{width: 294px;}
	.userdetail-lightbox .collages-works{margin: 13px 0 8px 23px;}
	.userdetail-lightbox .myfiles-setitem-group{margin: 8px 0 8px 23px;}
	
	body .author-listing .thumb-group li{ margin: 4px 20px 4px 0;}
	body .author-listing .thumb-group140x92 li{margin: 4px 20px 4px 0;}
	body .author-listing .thumb-group-bordered li{margin: 0 15px 4px 0;}
	body .author-listing .thumb-group140x92.thumb-group-bordered li{margin: 0 14px 4px 0;}
			
}

@media screen and (max-width: 1600px) {
	.thumb-group{ margin: 5px 0 0 12px;}
	.thumb-group li{margin: 20px 0 0 13px;}
	.thumb-group180x122	{margin: 5px 0 0 -5px;}
	.thumb-group180x122 li{margin: 20px 0 0 35px;}
	.thumb-group180x135	{margin: 5px 0 0 -5px;}
	.thumb-group180x135 li{margin: 20px 0 0 35px;}
	
	.detail-similar-new .thumb-group{ margin: -20px 0 0 -25px; }
	.detail-similar-new .thumb-group li{width: 220px;margin: 20px 0 0 25px;}
	.detail-similar-new .thumb-group .thumb-img{width: 220px;height: 138px;}

	#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -20px;}
	#detail-free .detail-similar-new .thumb-group li{width: 200px;margin: 20px 0 0 20px;}
	#detail-free .detail-similar-new .thumb-group .thumb-img{width: 200px;height: 125px;}

	/* listing-main */
	.listing-main .thumb-group{margin: 5px 0 0 5px;}
	.listing-main .thumb-group li{margin: 20px 0 0 20px;width: 190px;}
	.listing-main .thumb-group .thumb-img{width: 190px;height: 120px;}
	.listing-main .thumb-group160x160{margin: 5px 0 0 7px; }
	.listing-main .thumb-group160x160 li{width: 160px; margin: 20px 0 0 18px;}
	.listing-main .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.listing-main .thumb-group-line{ margin: 15px 0 0 25px; }
	.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 180px;}

	.listing-panel	.thumb-premium{margin: -16px 0 0 -13px;}
	.listing-panel .thumb-premium li{margin: 16px 0 0 13px;}

	/* search-thumb  */
	.search-thumb .thumb-group{ margin: 10px 0 0 11px; }
	.search-thumb .thumb-group li{margin: 15px 0 0 14px; width: 180px;}
	.search-thumb .thumb-group .thumb-img{width: 180px;height: 113px;}
	.search-thumb .thumb-group200x150 .thumb-img{width: 180px;height: 135px;}
	.search-thumb .thumb-group160x160{ margin: 10px 0 0 11px;}
	.search-thumb .thumb-group160x160 li{margin: 15px 0 0 14px; width: 180px;}
	.search-thumb .thumb-group160x160 .thumb-img{width: 180px;height: 160px;}
	.search-thumb .thumb-group-bordered{ margin: 10px 0 0 13px;}
	.search-thumb .thumb-group-bordered li{margin: 15px 0 0 12px;}
	.search-thumb .thumb-group-line{ margin: 15px -20px 0 25px; }
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 194px;}

	.author-large li{width: 345px;margin: 30px 0 0 29px;}
	.author-large dl{width: 150px;}

	#upload-model-release .upload-panel-body .thumb-group{ margin: 0;}
	#upload-model-release .upload-panel-body .thumb-group li {margin: 20px 0 0 20px;}

	#detail-download .detail-similar-new{ padding: 25px 7px;}
	#detail-download .detail-similar-new .thumb-group{ margin: -20px 0 0 -25px; }
	#detail-download .detail-similar-new .thumb-group li{width: 200px;margin: 20px 0 0 25px;}
	#detail-download .detail-similar-new .thumb-group .thumb-img{width: 200px;height: 135px;}

	.userdetail-lightbox{width: 279px;}
	.userdetail-lightbox .collages-works{margin: 13px 0 8px 15px;}
	.userdetail-lightbox .myfiles-setitem-group{margin: 8px 0 8px 15px;}
		
	body .author-listing .thumb-group{ margin: 0 0 0 10px;}
	body .author-listing .thumb-group li{ margin: 4px 14px 4px 0;}
	body .author-listing .thumb-group140x92 li{margin: 4px 10px 4px 0;}
	body .author-listing .thumb-group-bordered li{margin: 0 10px 4px 0;}
	body .author-listing .thumb-group140x92.thumb-group-bordered li{margin: 0 20px 4px 0;}
	
}

@media screen and (max-width: 1440px) {
	.thumb-group{ margin: 5px 0 0 2px;}
	.thumb-group li{margin: 20px 0 0 23px;}
	.thumb-group180x122	{margin: 5px 0 0 15px;}
	.thumb-group180x122 li{margin: 20px 0 0 10px;}
	.thumb-group180x135	{margin: 5px 0 0 15px;}
	.thumb-group180x135 li{margin: 20px 0 0 10px;}
	
	.detail-similar-new .thumb-group{ margin: -20px 0 0 -15px; }
	.detail-similar-new .thumb-group li{width: 190px;margin: 20px 0 0 15px;}
	.detail-similar-new .thumb-group .thumb-img{width: 190px;height: 120px;}

	#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -20px;}
	#detail-free .detail-similar-new .thumb-group li{width: 220px;margin: 20px 0 0 20px;}
	#detail-free .detail-similar-new .thumb-group .thumb-img{width: 220px;height: 138px;}

	/* listing-main */
	.listing-main .thumb-group li{width: 200px;}
	.listing-main .thumb-group .thumb-img{width: 200px;height: 125px;}
	.listing-main .thumb-group160x160{margin: 5px 0 0 5px; }
	.listing-main .thumb-group160x160 li{width: 160px; margin: 20px 0 0 20px;}
	.listing-main .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.listing-main .thumb-group-line{ margin: 15px 0 0 25px; }
	.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 184px;}

	.listing-panel	.thumb-premium{margin: -16px 0 0 -21x;}
	.listing-panel .thumb-premium li{margin: 16px 0 0 21px;}

	/* search-aside */
	.search-content .search-aside{width: 200px; margin-left: -200px;}
	.search-content .search-aside .widget .checkbox,
	.search-content .search-aside .widget .radio{ font-size: 12px;}
	.search-content{ padding-left: 200px;}

	/* search-main */
	.search-main{ padding-right: 326px;}
	.search-main .similar-premium{width: 300px;margin-right: -326px;}
	.search-main .similar-premium .thumb-premium135{margin: -20px 0 0 -20px;}
	.search-main .similar-premium .thumb-premium135 li{margin: 20px 0 0 20px;}

	/* search-thumb  */
	.search-thumb .thumb-group{ margin: 12px 0 0 10px; }
	.search-thumb .thumb-group li{margin: 13px 0 0 15px; width: 180px;}
	.search-thumb .thumb-group .thumb-img{width: 180px;height: 113px;}
	.search-thumb .thumb-group200x150 .thumb-img{width: 180px;height: 135px;}
	.search-thumb .thumb-group160x160{ margin: 5px 0 0 4px;}
	.search-thumb .thumb-group160x160 li{margin: 20px 0 0 21px; width: 175px;}
	.search-thumb .thumb-group160x160 .thumb-img{width: 175px;height: 160px;}
	.search-thumb .thumb-group-bordered{ margin: 7px 0 0 6px;}
	.search-thumb .thumb-group-bordered li{margin: 18px 0 0 19px;}
	.search-thumb .thumb-group-line{ margin: 15px -20px 0 25px;}
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 195px;}

	.author-large li{width: 390px;margin: 30px 0 0 29px;}
	.author-large dl{width: 180px;}

	#upload-model-release .upload-panel-body .thumb-group{ margin: 0;}
	#upload-model-release .upload-panel-body .thumb-group li {margin: 30px 0 0 30px;}


	#detail-download .detail-similar-new{ padding: 25px 15px;}
	#detail-download .detail-similar-new .thumb-group{ margin: -20px 0 0 -25px; }
	#detail-download .detail-similar-new .thumb-group li{width: 220px;margin: 20px 0 0 25px;}
	#detail-download .detail-similar-new .thumb-group .thumb-img{width: 220px;height: 135px;}

	.userdetail-lightbox{width: 294px;}
	.userdetail-lightbox .collages-works{margin: 13px 0 8px 23px;}
	.userdetail-lightbox .myfiles-setitem-group{margin: 8px 0 8px 23px;}
		
	/* author-group */
	.author-group{padding: 20px 5px 20px 20px;}	
	body .author-listing .thumb-group{ margin: 0 0 0 5px;}
	body .author-listing .thumb-group li{ margin: 4px 12px 4px 0;}
	body .author-listing .thumb-group140x92 li{margin: 4px 10px 4px 0;}
	body .author-listing .thumb-group-bordered li{margin: 0 8px 4px 0;}
	body .author-listing .thumb-group140x92.thumb-group-bordered li{margin: 0 20px 4px 0;}
}

@media screen and (max-width: 1366px) {
	.thumb-group{ margin: 5px 0 0 13px;}
	.thumb-group li{margin: 20px 0 0 12px;}
	.thumb-group180x122	{margin: 5px 0 0 -10px;}
	.thumb-group180x122 li{margin: 20px 0 0 35px;}
	.thumb-group180x135	{margin: 5px 0 0 -10px;}
	.thumb-group180x135 li{margin: 20px 0 0 35px;}
	
	.detail-similar-new .thumb-group{ margin: -20px 0 0 -10px; }
	.detail-similar-new .thumb-group li{margin: 20px 0 0 10px;}
	#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -25px;}
	#detail-free .detail-similar-new .thumb-group li{width: 200px;margin: 20px 0 0 25px;}
	#detail-free .detail-similar-new .thumb-group .thumb-img{width: 200px;height: 125px;}

	/* premium-detail */
	#premium-detail{ padding-right: 502px;}
	#premium-detail .similar-premium{width: 442px; margin-right: -502px;}

	/* listing-main */
	.listing-main .thumb-group{margin: 0 0 0 6px;}
	.listing-main .thumb-group li{margin: 25px 0 0 19px;width: 190px;}
	.listing-main .thumb-group .thumb-img{width: 190px;height: 120px;}
	.listing-main .thumb-group160x160{margin: 10px 0 0 12px; }
	.listing-main .thumb-group160x160 li{width: 160px; margin: 15px 0 0 13px;}
	.listing-main .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.listing-main .thumb-group-line{ margin: 15px 0 0 25px; }
	.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 174px;}

	.listing-panel	.thumb-premium{margin: -16px 0 0 -14x;}
	.listing-panel .thumb-premium li{margin: 16px 0 0 14px;}

	/* search-thumb  */
	.search-thumb .thumb-group{ margin: 5px 0 0 3px; }
	.search-thumb .thumb-group li{margin: 20px 0 0 22px; width: 220px;}
	.search-thumb .thumb-group .thumb-img{width: 220px;height: 138px;}
	.search-thumb .thumb-group200x150 .thumb-img{width: 220px;height: 165px;}
	.search-thumb .thumb-group160x160{ margin: 5px 0 0 3px;}
	.search-thumb .thumb-group160x160 li{margin: 20px 0 0 22px; width: 160px;}
	.search-thumb .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.search-thumb .thumb-group-bordered{ margin: 5px 0 0 5px;}
	.search-thumb .thumb-group-bordered li{margin: 20px 0 0 20px;}
	.search-thumb .thumb-group-line{ margin: 15px -20px 0 25px; }
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 182px;}

	#upload-model-release .upload-panel-body .thumb-group{ margin: 0;}
	#upload-model-release .upload-panel-body .thumb-group li {margin: 18px 0 0 18px;}

	#detail-download .detail-similar-new{ padding: 25px 0;}
	#detail-download .detail-similar-new .thumb-group{ margin: -20px 0 0 -25px; }
	#detail-download .detail-similar-new .thumb-group li{width: 200px;margin: 20px 0 0 25px;}
	#detail-download .detail-similar-new .thumb-group .thumb-img{width: 200px;height: 135px;}
	
	/* author-group */
	.author-group{padding: 20px 5px 20px 20px;}	
	body .author-listing .thumb-group{ margin: 0 0 0 10px;}
	body .author-listing .thumb-group li{ margin: 4px 20px 4px 0;}
	body .author-listing .thumb-group140x92 li{margin: 4px 25px 4px 0;}
	body .author-listing .thumb-group-bordered li{margin: 0 18px 4px 0;}
	body .author-listing .thumb-group140x92.thumb-group-bordered li{margin: 0 20px 4px 0;}
}


@media screen and (max-width: 1280px) {
	.thumb-group{ margin: 10px 0 0 -5px;}
	.thumb-group li{margin: 20px 0 0 35px;}
	.thumb-group180x122	{margin: 5px 0 0 10px;}
	.thumb-group180x122 li{margin: 20px 0 0 15px;}
	.thumb-group180x135	{margin: 5px 0 0 10px;}
	.thumb-group180x135 li{margin: 20px 0 0 15px;}
	
	.detail-focus{ padding-right: 366px;}
	.similar-premium{width: 300px;margin-right: -366px;}
	.similar-premium .thumb-premium135{margin: -20px 0 0 -30px;}
	.similar-premium .thumb-premium135 li{margin: 20px 0 0 30px; width: 135px;}
	.similar-premium .thumb-premium135 .premium-img{width: 135px; height: 135px;}
	.similar-premium .thumb-premium-wrapper .before{ max-width: 200px;}

	.detail-similar-new .thumb-group{ margin: -20px 0 0 -19px; }
	.detail-similar-new .thumb-group li{width: 180px;margin: 20px 0 0 19px;}
	.detail-similar-new .thumb-group .thumb-img{width: 180px;height: 113px;}

	#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -20px; }
	#detail-free .detail-similar-new .thumb-group li{width: 180px;margin: 20px 0 0 20px;}
	#detail-free .detail-similar-new .thumb-group .thumb-img{width: 180px;height: 113px;}

	#detail-download{ padding-right: 0;}
	#detail-download .detail-sponsors{ width: auto;float: none; margin: 0 -20px 0 0; padding: 20px 0 0 0; border: 0 none; clear: both;}
	#detail-download .detail-sponsors .box{width: 300px; margin: 0 20px 20px 0; float: left;}

	/* listing-main */
	.listing-aside{width: 200px; margin-left: -200px;}
	.listing-content{ padding-left: 200px;}
	.listing-aside .widget .checkbox,
	.listing-aside .widget .radio{ font-size: 12px;}
	.listing-main .thumb-group{margin: 5px 0 0 10px;}
	.listing-main .thumb-group li{margin: 20px 0 0 15px;width: 180px;}
	.listing-main .thumb-group .thumb-img{width: 180px;height: 113px;}
	.listing-main .thumb-group160x160{margin: 0 0 0 -10px; }
	.listing-main .thumb-group160x160 li{width: 160px; margin: 25px 0 0 35px;}
	.listing-main .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.listing-main .thumb-group-line{ margin: 15px 0 0 25px; }
	.listing-main .thumb-group-line li{}

	.listing-panel	.thumb-premium{margin: -16px 0 0 -18x;}
	.listing-panel .thumb-premium li{margin: 16px 0 0 18px;}

	/* search-thumb  */
	.search-thumb .thumb-group{ margin: 7px 0 0 7px; }
	.search-thumb .thumb-group li{margin: 18px 0 0 18px; width: 190px;}
	.search-thumb .thumb-group .thumb-img{width: 190px;height: 119px;}
	.search-thumb .thumb-group200x150 .thumb-img{width: 190px;height: 143px;}
	.search-thumb .thumb-group160x160{ margin: 10px 0 0 10px;}
	.search-thumb .thumb-group160x160 li{margin: 15px 0 0 15px; width: 140px;}
	.search-thumb .thumb-group160x160 .thumb-img{width: 140px;height: 160px;}
	.search-thumb .thumb-group-bordered{ margin: 10px 0 0 12px;}
	.search-thumb .thumb-group-bordered li{margin: 15px 0 0 13px;}
	.search-thumb .thumb-group-line{ margin: 15px -20px 0 25px; }
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 155px;}

	.author-large li{width: 350px;margin: 30px 0 0 29px;}
	.author-large dl{width: 150px;}

	#upload-model-release .upload-panel-body .thumb-group{ margin: 0;}
	#upload-model-release .upload-panel-body .thumb-group li {margin: 30px 0 0 30px;}

	.userdetail-lightbox{width: 274px;}
	.userdetail-lightbox .collages-works{margin: 13px 0 8px 13px;}
	.userdetail-lightbox .myfiles-setitem-group{margin: 8px 0 8px 13px;}
	
	/* author-group */
	.author-group{padding: 20px 5px 20px 20px;}	
	body .author-listing .thumb-group{ margin: 0 0 0 5px;}
	body .author-listing .thumb-group li{ margin: 4px 12px 4px 0;}
	body .author-listing .thumb-group140x92 li{margin: 4px 19px 4px 0;}
	body .author-listing .thumb-group-bordered li{margin: 0 8px 4px 0;}
	body .author-listing .thumb-group140x92.thumb-group-bordered li{margin: 0 8px 4px 0;}	
	
	body .upload-photo-history-grid{margin: -20px 0 0 -10px;}
	body .upload-photo-history-grid li{ width: 220px;margin: 20px 0 0 10px;}
}

@media screen and (max-width: 1152px) {
	.thumb-group{ margin: 10px 0 0 10px;}
	.thumb-group li{margin: 10px 0 0 10px;}
	.thumb-group180x122	{margin: 00 0 -15px;}
	.thumb-group180x122 li{margin: 20px 0 0 35px;}
	.thumb-group180x135	{margin: 0 0 0 -15px;}
	.thumb-group180x135 li{margin: 20px 0 0 35px;}
	
	.detail-focus{ padding-right: 366px;}
	.similar-premium{width: 300px;margin-right: -366px;}
	.similar-premium .thumb-premium135{margin: -20px 0 0 -30px;}
	.similar-premium .thumb-premium135 li{margin: 20px 0 0 30px; width: 135px;}
	.similar-premium .thumb-premium135 .premium-img{width: 135px; height: 135px;}
	.detail-similar-new .thumb-group{ margin: -20px 0 0 -25px; }
	.detail-similar-new .thumb-group li{width: 200px;margin: 20px 0 0 25px;}
	.detail-similar-new .thumb-group .thumb-img{width: 200px;height: 125px;}

	#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -25px;}
	#detail-free .detail-similar-new .thumb-group li{width: 200px;margin: 20px 0 0 25px;}
	#detail-free .detail-similar-new .thumb-group .thumb-img{width: 200px;height: 125px;}

	/* premium-detail */
	#premium-detail{ padding-right: 354px;}
	#premium-detail .similar-premium{width: 294px; margin-right: -354px;}

	/* listing-main */
	.listing-main .thumb-group{margin: 5px 0 0 5px;}
	.listing-main .thumb-group li{margin: 20px 0 0 20px;width: 190px;}
	.listing-main .thumb-group .thumb-img{width: 190px;height: 120px;}
	.listing-main .thumb-group160x160{margin: 5px 0 0 11px; }
	.listing-main .thumb-group160x160 li{width: 160px; margin: 15px 0 0 9px;}
	.listing-main .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.listing-main .thumb-group-line{ margin: 10px 0 0 20px; }
	.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 170px;}

	/* search-thumb  */
	.search-thumb .thumb-group{ margin: 7px 0 0 -7px; }
	.search-thumb .thumb-group li{margin: 18px 0 0 32px; width: 220px;}
	.search-thumb .thumb-group .thumb-img{width: 220px;height: 138px;}
	.search-thumb .thumb-group200x150 .thumb-img{width: 220px;height: 165px;}
	.search-thumb .thumb-group160x160{ margin: 10px 0 0 10px;}
	.search-thumb .thumb-group160x160 li{margin: 15px 0 0 15px; width: 150px;}
	.search-thumb .thumb-group160x160 .thumb-img{width: 150px;height: 160px;}
	.search-thumb .thumb-group-bordered{ margin: 10px 0 0 12px;}
	.search-thumb .thumb-group-bordered li{margin: 15px 0 0 13px;}
	.search-thumb .thumb-group-line{ margin: 10px -20px 0 25px; }
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 165px;}

	.author-large li{width: 330px;margin: 30px 0 0 29px;}
	.author-large dl{width: 140px;}

	.preview-image{ float: none; width: 100%; margin: 0;}
	.thumbnail-image{ margin: 0;}
	.thumbnail-image .upload-enter{ margin: 0 -5px;}
	.thumbnail-image .upload-enter .btn{ width: 24%; display: inline-block; margin: 0 5px;}
	.zipped-file-name{float: none;width: 100%;}
	.zipped-file-name h5{width: 100%; margin: 60px 0 10px 0;}
	.zipped-file-list{width: 100%; float: none;  text-align: center;}
	.zipped-file-list ul{margin-top: 50px; }

	.author-main .title{ height: auto; overflow: hidden; padding-bottom: 10px;}
	.author-main .title .nav-tabs{ width: 80%;}
	.author-main .title .nav-tabs li{ width: 33%; margin: 0;}
	.author-main .title .fn-right .btn{ display: block; float: none;}

	.userdetail-lightbox{width: 294px;}
	.userdetail-lightbox .collages-works{margin: 13px 0 8px 23px;}
	.userdetail-lightbox .myfiles-setitem-group{margin: 8px 0 8px 23px;}
	
	/* author-group */
	.author-group{padding: 20px 5px 20px 20px;}	
	body .author-listing .thumb-group{ margin: 0 0 0 5px;}
	body .author-listing .thumb-group li{ margin: 4px 12px 4px 0;}
	body .author-listing .thumb-group140x92 li{margin: 4px 25px 4px 0;}
	body .author-listing .thumb-group-bordered li{margin: 0 8px 4px 0;}
	body .author-listing .thumb-group140x92.thumb-group-bordered li{margin: 0 16px 4px 0;}
		
	body .upload-photo-history-grid{margin: -20px 0 0 -20px;}
	body .upload-photo-history-grid li{ width: 220px;margin: 20px 0 0 20px;}
}


@media screen and (max-width: 1024px) {
	.thumb-group{ margin: 10px 0 0 -6px;}
	.thumb-group li{margin: 20px 0 0 36px;}
	.thumb-group180x122	{margin: 00 0 -30px;}
	.thumb-group180x122 li{margin: 20px 0 0 60px;}
	.thumb-group180x135	{margin: 0 0 0 -30px;}
	.thumb-group180x135 li{margin: 20px 0 0 60px;}
	
	.detail-similar-new .thumb-group{ margin: -20px 0 0 -14px; }
	.detail-similar-new .thumb-group li{width: 170px;margin: 20px 0 0 14px;}
	.detail-similar-new .thumb-group .thumb-img{width: 170px;height: 106px;}

	#detail-free{ padding: 0;}
	#detail-free .detail-wrapper{margin: 0; float: none;}
	#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -30px;}
	#detail-free .detail-similar-new .thumb-group li{margin: 20px 0 0 30px;}
	#detail-free .detail-sponsors{ width: auto;float: none; margin: 0; padding: 30px 0 0 0; border: 0 none;}
	#detail-free .detail-sponsors .box{width: auto; margin: 0 5px 10px 0; float: left;}

	#detail-meta{ padding-right: 471px;}
	#detail-meta .similar-free{ width: 420px; margin-right: -471px; padding-left: 25px;}
	#detail-meta .similar-free .thumb-group{margin: -20px 0 0 -20px;}
	#detail-meta .similar-free .thumb-group li{margin: 20px 0 0 20px;}

	#detail-download{ padding-left: 286px;}
	#detail-download .similar-premium{ width: 241px; margin-left: -291px; padding-right: 25px;}
	#detail-download .similar-premium .thumb-premium{margin: -15px 0 0 -15px;}
	#detail-download .similar-premium .thumb-premium li{margin: 15px 0 0 15px;}

	.listing-main .thumb-group{margin: 5px 0 0 0;}
	.listing-main .thumb-group li{margin: 20px 0 0 25px;width: 220px;}
	.listing-main .thumb-group .thumb-img{width: 220px;height: 138px;}
	.listing-main .thumb-group160x160{margin: 0 0 0 2px; }
	.listing-main .thumb-group160x160 li{width: 160px; margin: 25px 0 0 23px;}
	.listing-main .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.listing-main .thumb-group-line{ margin: 10px 0 0 25px; }
	.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 185px;}

	.listing-panel .listing-main .thumb-group li{margin: 20px 0 0 25px;width: 210px;}
	.listing-panel .listing-main .thumb-group .thumb-img{width: 210px;height: 135px;}

	.listing-panel	.thumb-premium{margin: -16px 0 0 -19x;}
	.listing-panel .thumb-premium li{margin: 16px 0 0 19px;}

	/* search-main */
	.search-main{ padding-right: 0;}
	.search-main .search-thumb{margin: 0; float: none; border: 0 none;}
	.search-main .similar-premium{width: 100%;padding: 0;border: 0 none;float: none;}
	.search-main .similar-premium .thumb-premium-wrapper{ margin: 15px 30px 30px 30px;}
	.search-main .similar-premium .thumb-premium135{margin: -15px 0 0 -25px;}
	.search-main .similar-premium .thumb-premium135 li{margin: 15px 0 0 25px;}
	.search-main .similar-premium .carbon-sponsor,
	.search-main .similar-premium h3{ padding-right: 30px;}

	/* search-thumb  */
	.search-main{ margin: 0; }
	.search-thumb .thumb-group{ margin: 0; }
	.search-thumb .thumb-group li{margin: 25px 0 0 25px; width: 220px;}
	.search-thumb .thumb-group .thumb-img{width: 220px;height: 138px;}
	.search-thumb .thumb-group200x150 .thumb-img{width: 220px;height: 165px;}
	.search-thumb .thumb-group160x160{ margin: 1px 0 0 1px;}
	.search-thumb .thumb-group160x160 li{margin: 24px 0 0 24px; width: 160px;}
	.search-thumb .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.search-thumb .thumb-group-bordered{ margin: 3px 0 0 3px;}
	.search-thumb .thumb-group-bordered li{margin: 22px 0 0 22px;}
	.search-thumb .thumb-group-line{ margin: 10px -20px 0 25px; }
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 182px;}

	.author-large li{width: 400px;margin: 30px 0 0 29px;}
	.author-large dl{width: 200px;}

	#detail-download .detail-similar-new{ padding: 25px 0;}
	#detail-download .detail-similar-new .thumb-group{ margin: -20px 0 0 -20px; }
	#detail-download .detail-similar-new .thumb-group li{width: 190px;margin: 20px 0 0 20px;}
	#detail-download .detail-similar-new .thumb-group .thumb-img{width: 190px;height: 130px;}
	
	.pagination a,
	.pagination span,
	.pagination em{padding: 9px 13px;font-size: 15px;}	
	
	body .upload-photo-history-grid{margin: -20px 0 0 -8px;}
	body .upload-photo-history-grid li{ width: 220px;margin: 20px 0 0 8px;}
	
	.nav .nav-item{margin: 15px 5px 0 0;}
	.nav .nav-link{font-size: 14px;padding: 0 18px;}
	.detail-sponsor{ display: none;}	
	.img-button .img-btns > .btn,
	.img-button .img-btns .btn-dropdown > .btn{ font-size: 14px; padding: 10px 15px;}
	.btn-dropdown .dropdown-menu{ right: -178px;}
}
@media screen and (max-width: 800px) {
	.thumb-group{ margin: 10px 0 0 -10px;}
	.thumb-group li{margin: 20px 0 0 40px;}
	.thumb-group180x122	{margin: 00 0 -30px;}
	.thumb-group180x122 li{margin: 20px 0 0 60px;}
	.thumb-group180x135	{margin: 0 0 0 -30px;}
	.thumb-group180x135 li{margin: 20px 0 0 60px;}
	
	.detail-focus{ padding: 0;}
	.detail-wrapper{margin: 0; float: none;}
	.detail-similar{width: 100%;padding: 30px 0 0 0;border: 0 none;float: none;}
	.detail-similar h3{font-size: 18px;}
	.detail-similar .thumb-group{ margin: -20px 0 0 -25px; }
	.detail-similar .thumb-group li{width: 210px;margin: 20px 0 0 25px;}
	.detail-similar .thumb-group .thumb-img{width: 210px;height: 131px;}

	.similar-premium .thumb-premium-wrapper{ margin: 15px 0 30px 0;}
	.similar-premium .thumb-premium-wrapper .thumb-premium135{margin: -15px 0 0 -18px;}
	.similar-premium .thumb-premium-wrapper .thumb-premium135 li{margin: 15px 0 0 28px;}

	.detail-credit-premium .detail-info-group{width: 100%;}
	.detail-credit-premium .detail-info-group .item{width: 100%; float: none; clear: both; margin-right: 0;}
	.img-button .img-info{margin: 0;float: none;}
	.img-button .img-btns{margin: 15px 0 0 0;float: none;}

	.detail-similar-new .thumb-group{ margin: -20px 0 0 -25px; }
	.detail-similar-new .thumb-group li{width: 210px;margin: 20px 0 0 25px;}
	.detail-similar-new .thumb-group .thumb-img{width: 210px;height: 131px;}

	#detail-meta{ padding: 0;}
	#detail-meta .detail-wrapper{margin: 0; float: none;}
	#detail-meta .similar-free{width: 100%;padding: 30px 0 0 0;border: 0 none;float: none;}

	#detail-free .detail-similar-new .thumb-group{ margin: -20px 0 0 -25px; }
	#detail-free .detail-similar-new .thumb-group li{width: 210px;margin: 20px 0 0 25px;}
	#detail-free .detail-similar-new .thumb-group .thumb-img{width: 210px;height: 131px;}
	#detail-free .detail-sponsors .box{width: 300px; margin: 0 20px 20px 0;}

	.carbon-sponsor{margin-right: 0;}
	#premium-detail{ padding-right: 0;}
	#premium-detail .similar-premium{width: 100%;padding: 30px 0 0 0;border: 0 none;float: none;}

	.ui-tabs a{font-size: 15px;padding: 0 22px;}
	.listing-main .thumb-group{margin: 5px 0 0 0;}
	.listing-main .thumb-group li{margin: 20px 0 0 25px;width: 220px;}
	.listing-main .thumb-group .thumb-img{width: 220px;height: 138px;}
	.listing-main .thumb-group160x160{margin: 10px 0 0 15px; }
	.listing-main .thumb-group160x160 li{width: 160px; margin: 15px 0 0 10px;}
	.listing-main .thumb-group160x160 .thumb-img{width: 160px;height: 160px;}
	.listing-main .thumb-group-line{ margin: 10px 0 0 25px; }
	.listing-main .thumb-group-line li{ margin: 0; padding: 10px 0 0 0; width: 172px;}

	/* search-thumb  */
	.search-thumb .thumb-group{ margin: 10px 0 0 10px; }
	.search-thumb .thumb-group li{margin: 15px 0 0 15px; width: 240px;}
	.search-thumb .thumb-group .thumb-img{width: 240px;height: 151px;}
	.search-thumb .thumb-group200x150 .thumb-img{width: 240px;height: 180px;}
	.search-thumb .thumb-group160x160{ margin: 3px 0 0 3px;}
	.search-thumb .thumb-group160x160 li{margin: 22px 0 0 22px; width: 150px;}
	.search-thumb .thumb-group160x160 .thumb-img{width: 150px;height: 160px;}
	.search-thumb .thumb-group-bordered{ margin: 5px 0 0 5px;}
	.search-thumb .thumb-group-bordered li{margin: 20px 0 0 20px;}
	.search-thumb .thumb-group-line{ margin: 10px -20px 0 25px; }
	.search-thumb .thumb-group-line li{margin: 4px 0 0 0;width: 171px;}

	.author-large li{width: 340px;margin: 30px 0 0 29px;}
	.author-large dl{width: 150px;}
	
	/* author-group */
	.author-group{padding: 20px 5px 20px 20px;}	
	.author-group .author-thumbnail{ clear: both; float: none; width: 100%;}
	.author-group .author-listing{ clear: both;width: 100%; padding-top: 15px;}
	body .author-listing .thumb-group{ margin: 0;}
	body .author-listing .thumb-group li{ margin: 4px 8px 4px 0;}
	body .author-listing .thumb-group140x92 li{margin: 4px 25px 4px 0;}
	body .author-listing .thumb-group-bordered li{margin: 0 6px 4px 0;}
	body .author-listing .thumb-group140x92.thumb-group-bordered li{margin: 0 16px 4px 0;}
	
	body .ui-bar .ui-info{float: none; text-align: center; display: block;  border-bottom: 1px dotted #f0f0f0;}
	body .ui-bar .pagination{float: none; text-align: center; display: block;}
}

/* layout-panel */
.layout-panel{
	margin: 0 auto;
	max-width: 1200px;
	min-width: 580px;
}

/* common-panel */
#common-panel .aside{ width: 240px; float: left; overflow: hidden; box-sizing: border-box;}
#common-panel .main{ margin-left: 239px; padding: 20px 25px; box-sizing: border-box; border-radius: 0 3px 3px 3px;}

/* about-menu */
.about-menu{
	overflow: hidden;
}
	.about-menu h5{
		overflow: hidden;
		font-size: 16px;
		margin: 0 0 3px 0;
		text-transform:uppercase;
	}
	.about-menu li{
		font-size: 14px;
		margin: 0 0 3px 17px;
	}
		.about-menu a{
			color: #363f48;
			display: block;
			padding: 10px 17px;
			font-weight: 600;
		}
		.about-menu li a{ padding: 7px 13px;}
		.about-menu a:hover,
		.about-menu .current a{
			color: #77980e;
			padding: 9px 16px;
			text-decoration: none;
			border: 1px solid #e9e9e9;
			border-right-color: #fff;
			background-color: #fff;
			border-radius: 3px 0 0 3px;
		}
		.about-menu li a:hover,
		.about-menu li.current a{ padding: 6px 12px;}

/* about-content */
.about-content{
	min-height: 500px;
}
	/* h2 */
	.about-content h2{
		font-size: 28px;
		line-height: 30px;
		padding-bottom: 20px;
		color: #363f48;
		text-transform:uppercase;
		border-bottom: 1px dotted #e5e5e5;
	}

	/* about-block */
	.about-block{
		margin: 0 5px;
		overflow: hidden;
		padding: 20px 0 50px 0;
		font-size: 14px;
		line-height: 1.6;
	}

		/* about-avatar */
		.about-word{ overflow: hidden;}
		.about-word strong{ font-style: italic; }
		.about-block h3{color: #77980e;font-size: 20px;margin-bottom: 5px;font-style: italic;}
		.about-block h5{color: #77980e;font-size: 16px;margin-bottom: 5px;}
		.about-block p{ margin-bottom: 20px;}
		.about-block strong{ font-style: italic; }
		.about-block .underline{ text-decoration: underline;}
		.about-block ul.list{margin: 0 0 20px 30px;}
		.about-block ul.list p{ margin: 10px 0;}
		.about-block ul.list ul.list{margin: 10px 0 10px 30px;}
		.about-block ul.list > li{list-style: circle; padding: 3px 0; color: #6a6f75;}
		.about-block ul.list-disc > li{list-style: disc;}
		.about-block ul.list-letter > li{ list-style: lower-alpha;}
		.about-block ul.list-num > li{ list-style: decimal;}
		.about-avatar{
			float: left;
			margin-right: 25px;
			overflow: hidden;
		}
			.about-avatar img{
				width: 80px;
				height: 80px;
				display: block;
				overflow: hidden;
				background-color: #eee;
				padding: 5px;
			}

		/* faq-group */
		.faq-group{ overflow: hidden; margin-bottom: 20px;}
		.faq-group strong{text-transform:uppercase; font-weight: normal; color: #77980e; }
		.faq-group h5{margin:7px 0;}
		.faq-group h5 a{text-decoration: underline;color: #363f48;font-size: 16px;font-style: italic; }
		.faq-group h5 a:hover{text-decoration: none; color: #77980e;}
		.faq-group h5.open a{ text-decoration: none;text-transform:uppercase;color: #77980e;}
		.faq-group p{
			padding: 11px 17px;
			text-shadow: 0 1px 0 #fff;
			background-color: #f5f5f5;
			display: none;
			border-radius: 3px;
		}

		/* legal-panel */
		.legal-panel{
			margin-bottom: 20px;
			overflow: hidden;
			border: 1px solid #e9e9e9;;
			border-radius: 3px;
		}
			/* legal-panel h5 */
			.legal-panel h5{
				height: 30px;
				line-height: 30px;
				padding: 3px 13px;
				overflow: hidden;
				border-bottom: 1px solid #e0e0e0;
				background-color: #f5f5f5;
				font-weight: 700;
				box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
				text-shadow: 0 1px #fff;
				text-transform:uppercase;
			}
			/* legal-group */
			.legal-group{
				margin: 12px 15px;
				overflow: hidden;
			}
				.legal-group li{
					color: #444;
					line-height: 18px;
					font-size: 13px;
					padding: 3px 0 3px 18px;
					background: url(../images/arrow2.gif) 0 8px no-repeat;
				}

			/* legal-graphic */
			.legal-graphic{
				padding: 5px;
				overflow: hidden;
				margin-bottom: 20px;
				font-size: 13px;
			}
				.legal-graphic img{float: left;display: block;margin-right: 15px;}
				.legal-graphic .text{ overflow: hidden;}
				.legal-graphic h4{font-size: 18px;}
				.legal-graphic h5{font-weight: 700;}
				.legal-graphic p{margin-top: 7px;	color: #444;}

			/* legal-item */
			.legal-item{
				width: 45%;
				overflow: hidden;
			}

		/* ui-form */
		.about-block .ui-form{overflow: hidden;}
		.about-block .ui-form-item{ margin-top: 15px; width: 100%;}
		.about-block .btn-large{padding: 12px 30px;}
		.about-block .ui-tips{margin: 0 0 0 50%; display: none;}
		.about-block .ui-label{ width: 28%;}
		.about-block .ui-input,
		.about-block .ui-block,
		.about-block .ui-select,
		.about-block .ui-textarea{ width: 62%; float: left;margin: 0;}
		.about-block .ui-message{ margin-left: 28%; padding-left: 10px;}
		.about-block .ui-switch{ margin-right: 0;}
		.about-block .ui-verify-img,
		.about-block .ui-verify-item{ width: 31%;}
		.about-block .ui-verify-item .ui-input{ width: 90%;}

/* error-page */
.error-page{
	min-height: 375px;
	font-size: 18px;
	overflow: hidden;
	padding: 80px 0;
	text-align: center;
}
	.error-page a{ text-decoration: underline;}
	.error-page a:hover{ text-decoration: none;}
	.error-page h2{font-size: 60px; padding-bottom: 40px;text-transform:uppercase;  }
	.error-page p{ line-height: 30px;margin: 0 15%;}

/* tag-cloud */
.tag-cloud{ padding: 20px;}
.tags-cloud-nav{ margin-left: -5px;}
.tags-cloud-nav .btn{margin: 0 0 5px 5px; float: left; padding: 7px 12px; font-weight: 400; }
.tags-cloud-list{ padding: 10px 0;}
.tags-cloud-list a{margin: 0 5px;}
.tags-cloud-list a:hover{ text-decoration: underline;}
.tag-cloud .tags-alphabets{margin-top: 20px;}
.tag-cloud .tags-alphabets span{ float: right; color: #999;}
.tag-cloud .tags-alphabets a{font-style: italic;font-size: 15px; }
.tag-cloud .tags-alphabets a:hover{ text-decoration: underline;}


/* letterbox */
.letterbox{padding: 20px 0 0 0; text-align: center;}
.letterbox a.btn{ display: inline-block; float: none; margin: 4px 2px; padding: 9px 15px;font-weight: 600;}
.letterbox i{
	display: inline;
	text-indent: 0;
	font-size: 15px;
	line-height: 15px;
	background: transparent;
	font-style: normal;
}
.letterbox [class^="icon-"]:before,
.letterbox [class*=" icon-"]:before{font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.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";}

/* datepicker */
table.jCalendar {color: #363f48;border-collapse:separate;width: 100%;}
table.jCalendar th,
table.jCalendar td{
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 4px 5px;
	border-radius: 3px;
	border: none;
}
table.jCalendar th{font-weight: 700;}
table.jCalendar td.other-month{color: #999;background: #fff;}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td{background-color: #eee;}
table.jCalendar tr.selectedWeek td {background: #363f48;color: #fff;}
table.jCalendar td.disabled,
table.jCalendar td.disabled.dp-hover {background: #bbb;color: #888;}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {background: #bbb;color: #888;}
table.jCalendar td.today,
table.jCalendar td.today.activeWeekHover{background-color: #fde19a;border-color: #fdf59a;}
table.jCalendar td.selected,
table.jCalendar td.selected.dp-hover{
	background-color: #77980e;
	border-color: #77980e;
	color: #fff;
}
/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
/* .dp-popup */
.dp-popup:before{
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgba(0,0,0, 0.4);
	position: absolute;
	top: -7px;
	left: 6px;
}
.dp-popup:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	top: -6px;
	left: 7px;
}
div.dp-popup{
	padding: 4px;
	direction: ltr;
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #adadad;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	float: left;
	min-width: 160px;
	position: absolute;
	z-index: 99;
	z-index: 999999;
	border-radius: 3px;
}
div#dp-popup{position: absolute;margin-top: 34px;}
div.dp-popup h2{
	width: 222px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	color: #333;
	text-shadow:0 1px 0 #fff;
	background: #fff;
	border-bottom: 1px solid #eee;
}
a#dp-close{
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev,
div.dp-popup div.dp-nav-next{position: absolute;top: 6px;left: 6px;width: 100px;}
div.dp-popup div.dp-nav-prev a,
div.dp-popup div.dp-nav-next a{
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	line-height: 18px;
	padding: 0;
	margin: 0 2px 0 0;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	text-indent: -999px;
	border: 1px solid #fff;
	background-image: url(../images/ui-date-arrow.gif);
	background-repeat: no-repeat;
	background-color: #fff;
}
div.dp-popup div.dp-nav-prev a:hover,
div.dp-popup div.dp-nav-next a:hover{border-color: #c0c0c0;background-color: #e4e4e4;}
div.dp-popup div.dp-nav-prev a.dp-nav-prev-year{background-position: 7px 7px;	}
div.dp-popup div.dp-nav-prev a.dp-nav-prev-month{background-position: 7px -27px;	}
div.dp-popup div.dp-nav-next a.dp-nav-next-year{background-position: -27px 7px;}
div.dp-popup div.dp-nav-next a.dp-nav-next-month{background-position: -25px -27px;}
div.dp-popup div.dp-nav-prev a.disabled,
div.dp-popup div.dp-nav-next a.disabled {	cursor: default;}
div.dp-popup div.dp-nav-next{left: auto;top: 6px;right: 6px;}
div.dp-popup div.dp-nav-next a{float: right;	margin: 0 0 0 2px;}
div.dp-popup a.disabled{cursor: default;color: #aaa;}
div.dp-popup td{cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}
.dp-choose-date{
	display: block;
	float: left;
	width: 16px;
	height: 30px;
	padding: 0;
	margin: 0 0 0 -35px;
	position: relative;
	z-index: 3;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/icons/calendar.png) 0 9px no-repeat;
}
a.dp-choose-date.dp-disabled{
	cursor: default;
	background: transparent;
}

/* modal */
.modal{
	margin: 0 auto;
	width: 554px;
	background-color: #fff;
	outline: none;
	box-shadow: 0 0 7px rgba(0,0,0,0.2);
	overflow: hidden;
}
	/* modal-header */
	.modal-header{
		padding: 10px 15px;
		border-bottom: 1px solid #eee;
	}
		.modal-header h3{
			line-height: 30px;
			font-weight: 500;
			font-size: 20px;
			###text-transform: uppercase;
		}
		.modal-header h3.center{ text-align: center;}
		/* .modal */
		.modal-close,
		.alert .close{
			color: #000;
			float: right;
			font-family: Arial,Helvetica,sans-serif;
			font-size: 28px;
			line-height: 20px;
			opacity: 0.2;
			margin-top: 2px;
			text-shadow: 0 1px 0 #fff;
			-moz-transition: all 0.3s ease-out 0s;
			-webkit-transition: all 0.3s ease-out 0s;
			transition: all 0.3s ease-out 0s;
		}
		.alert .close{font-size: 20px;}
		.modal-close:hover,
		.alert .close:hover{
			color: #000;
			opacity: 0.4;
			text-decoration: none;
			-moz-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		.modal-close{
			position: absolute;
			top: 7px;
			right: 7px;
			margin: 0;
			z-index: 3;
		}

	/* modal-body */
	.modal-body{
		padding: 15px;
	}
		/* ui-cnt */
		.modal p{ font-size: 14px;}
		.modal .ui-form{ margin: -10px 0 0 0; }
		.modal .ui-form-line{ margin: 10px 0 0 0;}
		.modal .ui-form-item{ margin: 10px -10px 0 0; }
		.modal .pure-text{padding: 0 10px 0 0;}
		.modal .pure-text strong{font-style: italic;}

	/* modal-footer */
	.modal-footer{
		overflow: hidden;
		font-size: 13px;
  		padding: 14px 15px 15px;
 	 	text-align: center;
		border-top: 1px solid #e9e9e9;
  		background-color: #f5f5f5;
     	box-shadow: inset 0 1px 0 #fff;
	}
		.modal-footer .btn-inline{ margin: 0 3px;}

/* text-tips */
.text-tips{ padding-left: 23px;background-position: 0 2px;background-repeat: no-repeat;}
.text-tips.information{background-image: url(../images/icons/information.png);}
.text-tips.exclamation{background-image: url(../images/icons/exclamation.png);}
.text-tips.success{background-image: url(../images/icons/success.png);}
.text-tips.error{background-image: url(../images/icons/error.png);}

/* modal-sign */
.modal-sign{width: 392px;}
.modal-sign .ui-tips{margin-left: 370px;}
.modal-sign .ui-verify-img{width: 175px;}
.modal-sign .ui-form-item .btn{ margin-right: 10px;}
.modal-sign .ui-text{ line-height: 18px; padding: 2px 0 0 0;}

/* modal-lightbox */
.modal-lightbox{width: 360px;}
.modal-lightbox .ui-tips{margin-left: 340px;}

/* modal-text */
.modal-text{ width: 100%;}
.modal-text .modal-body{ padding: 13px 20px;}
.modal-text .modal-body h5{font-size: 16px; font-weight: 700; color: #77980e;}
.modal-text .modal-body p{ padding: 7px 0; font-size: 14px; color: #666;}

/* modal-editlightbox */
.modal-editlightbox{width: 440px;}
.modal-editlightbox .modal-body{ padding: 20px 30px 30px 30px}
.modal-editlightbox .ui-form-item{width: 100%; margin-right: 0;}
.modal-editlightbox .ui-form-line{ margin: 20px 0 20px 0;}
.modal-editlightbox .ui-label{width: 100%; text-align: left; padding: 0;}
.modal-editlightbox .ui-input{width: 100%; margin: 0;}
.modal-editlightbox .ui-textarea{width: 100%; height: 35px; margin: 0;}
.modal-editlightbox .btn{ float: right; margin-left: 10px; padding: 10px 40px;}

/* modal-requirement */
.modal-requirement{width: 560px;}
.modal-requirement .visual-editor{margin-top: 0;}
.modal-requirement .visual-editor h5{
	margin: 0;
	font-size: 14px;
	font-style:  normal;
	border-bottom: 0 none;
	font-weight: 700;
}
	.modal-requirement dl dt{ float: left; width: 88px; text-align: right;}
	.modal-requirement dl dd{ float: right; width: 410px; font-size: 13px;}
	.modal-requirement dl dd .ui-textarea{height: 100px;}

.modal-requirement .visual-editor-max{ text-align: left; padding-bottom: 15px;}
.modal-requirement .visual-editor-max h5 .btn{ font-style: normal; float: right;}
.modal-requirement .visual-editor-max h5{
    padding: 0 0 15px 0;
    clear: both;
    border-bottom: 1px solid #e9e9e9;
    font-size: 13px;
    line-height: 29px;
    font-style: italic;
    color: #f00;
    margin-bottom: 10px;
}
    .modal-requirement .visual-editor-max dl dt,
    .modal-requirement .visual-editor-max dl dd{ float: none; width: 100%; text-align: left; font-size: 15px;}
    .modal-requirement .visual-editor-max dl dd .ui-textarea{height: 140px;}

/* modal-sitemail */
.modal-sitemail{width: 560px;}
.modal-sitemail .ui-label{width: 70px;}
.modal-sitemail .ui-textarea{width: 440px;height: 160px; margin-top: 10px;}
.modal-sitemail .ui-message{ padding: 5px 15px 0 78px;}
.modal-sitemail .ui-form-item-text{ margin-bottom: -10px;}

/* modal-premium-files */
.modal-premium-files{
	width: auto;
	margin: 30px;
	position: relative;
}
	.modal-premium-files .modal-close{ position: absolute; z-index: 99; top: 2px; right: 5px;}
	.modal-premium-files .modal-body{ padding: 20px;}
	.modal-premium-files .ui-bar{ margin: 0; overflow: hidden;}
	.modal-premium-files .thumb-group{ margin: 0 0 0 -20px;}
	.modal-premium-files .thumb-group li{margin: 20px 0 0 20px;}

/* modal-message */
.modal-message{width: 420px; margin-top: 20px;}
.modal-message .pure-text-group .pure-text{margin-top: 10px;}

/* modal-languages */
.modal-languages{width: 380px;}
.ui-languages{
	width:380px;
	overflow: hidden;
}
	.ui-languages li{
		width: 180px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		float: left;
	}
		.ui-languages li.current{font-weight: 600;}
		.ui-languages a{
			display: block;
			width: 100%;
			height: 100%;
			font-size: 14px;
			overflow: hidden;
		}
		.ui-languages li.current a{color: #363f48;}
		.ui-languages img{
			display: block;
			width: 24px;
			height: 24px;
			margin: 2px 7px 0 0;
			float: left;
		}

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


/* fieldset */
.fieldset{
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	border-radius: 3px;
}
	/* fieldset-title */
	.fieldset-title{
		margin-left: 10px;
		font-weight: 600;
		font-size: 16px;
		padding: 0 5px;
		background: #fff;
		font-style: italic;
	}
		.fieldset-title em{color: #c00;font-weight: 600;}

	/* fieldset-body */
	.fieldset-body{
		padding: 10px 15px 15px 15px;
		overflow: hidden;
	}

/* fieldset-seomoz */
.fieldset-seomoz li{
	width: 50%;
	height: 20px;
	line-height: 20px;
	text-align: left;
	overflow: hidden;
	float: left;
}
	.fieldset-seomoz span,
	.fieldset-seomoz strong{
		display: inline-block;
		width: 55%;
		font-size: 14px;
		overflow: hidden;
		text-align: left;
	}
	.fieldset-seomoz strong{
		color: #77980e;
		width: 45%;
		font-style: italic;
	}

/* modal-download */
.modal-download{width: 320px; margin-top: 20px;}
.modal-download .modal-body{ padding: 20px;}
.modal-download .pure-text{font-size: 14px; line-height: 22px;}
.modal-download .btn{ margin: 10px 0;}
.modal-download-long{width: 410px;}

/* download-wait */
.download-wait{
	overflow: hidden;
	height: 60px;
	font-size: 18px;
	text-align: center;
	line-height: 55px;
	color: #999;
}
	.download-wait strong{
		font-size: 50px;
		color: #77980e;
		font-weight: 400;
		vertical-align: middle;
	}

/* modal-complaint */
.modal-complaint{ width: 490px;}
.modal-complaint .ui-label{ text-align: left; padding: 0;}
.modal-complaint .ui-textarea{ width: 458px; height: 80px;}
.modal-complaint .ui-tips{margin-left: 472px;}

/* modal-human */
.modal-human{ width: 420px;}
.modal-human .btn-large{float: left;width: 60px;}
.modal-human .ui-tips{margin-left: 400px; margin-top: 7px;}

/* modal-translate */
.modal-translate{width: 490px;}
.modal-translate .ui-tips{margin-left: 472px;}

/* modal-favorites */
.modal-favorites{width: 500px;}
.modal-favorites .ui-tips{margin-left: 480px;}
.modal-favorites .btn-primary{
	height: 31px;
	line-height: 31px;
	padding: 0 20px;
	margin-right: 10px;
}

/* btn-toggle-group */
.btn-toggle-group{
	width:470px;
	height: 165px;
	display: block;
	margin: 0 0 15px 0;
	overflow: auto;
	overflow-x: hidden;
}
	.btn-toggle-group::-webkit-scrollbar-track{border-radius: 8px;background-color: #f5f5f5;}
	.btn-toggle-group::-webkit-scrollbar{width: 8px;background-color: #f5f5f5;border-radius: 10px;}
	.btn-toggle-group::-webkit-scrollbar-thumb{border-radius: 8px;background-color: #77980e;}
	.btn-toggle-group li{
		width: 145px;
		float: left;
		margin: 0 5px 5px 0;
		overflow: hidden;
	}


/* modal-account */
.modal-account{width: 360px;}
.modal-account .ui-tips{margin-left: 340px;}

/* modal-unsubscribe */
.modal-unsubscribe{width: 380px;}
.modal-unsubscribe .ui-tips{margin-left: 360px;}

/* modal-likewhat */
.modal-likewhat{
	width: 600px;
	text-align: center;
	border: 2px solid #77980e;
	position: relative;
}
	.modal-likewhat .modal-body{ padding: 45px;}
	.modal-likewhat h3{
		font-weight: 600;
		font-size: 30px;
		color: #363f48;
		font-style: italic;
	}
	.modal-likewhat h4{
		font-size: 24px;
		padding: 20px 0;
		color: #888;
		line-height: 1.3;
	}
	.modal-likewhat .ui-form{width: 450px;margin: 0 auto; margin-top: 15px; margin-bottom: 30px;}
	.modal-likewhat .ui-form .input-prepend{ width: 180px;}
	.modal-likewhat .ui-form .btn{ width: 60px; float: left;  height: 29px; padding: 8px 0; text-align: center; font-size: 20px;}
	.modal-likewhat .ui-form .btn i{
		width: 28px;
		height: 28px;
		background-image: url(../images/icon.png);
		background-position: -25px 0;
	}
	.modal-likewhat .ui-form .btn:hover i{ background-position: -25px -30px;}


/* promocode-dialog */
.promocode-dialog{
	width: 570px;
	height: 400px;
	text-align: center;
	border: 2px solid #c60;
}
	.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: 14px 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;
			}

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


/* modal-fixed-group */
.modal-fixed-group{
	position: fixed;
	z-index: 99;
	right: 0;
	bottom: 0;
}


/* modal-fixed */
.modal-fixed-group .modal{
	float: right;
	clear: both;
	margin: 20px 0 0 0;
	box-shadow: -10px -10px 35px rgba(0,0,0,0.3);
}
	.modal-fixed{width: 360px;text-align: center;border: 2px solid #363f48;}
	.modal-fixed .modal-body{padding: 30px;}
	.modal-fixed .modal-body img{ display: block; margin: 0 auto;}
	.modal-fixed .modal-body .btn{ display: inline-block; padding: 15px 30px;}
	.modal-fixed .modal-body p{ font-size: 16px; padding: 15px 0;}
	.modal-fixed .modal-body p.large{font-size: 30px; line-height: 1.2;}
	.modal-fixed .modal-body p.ui-message{font-size: 13px; padding-top: 0;}

/* modal-fixed-dark */
.modal-fixed-dark{
	color: #fff;
	border: 0 none;
	background-color: #393939;
}
.modal-fixed-group-left{left: 0;right: auto;}
.modal-fixed-group-left .modal{ float: left;}

/*modal-add-image */
.modal-add-image{width: 700px; margin-bottom: 20px;}
.modal-add-image .modal-body{padding: 0 0 15px 0;}
.modal-add-image .ui-form-item{margin: 15px 15px 0 15px;}
.modal-add-image .ui-textarea{ width: 670px; height: 180px;}
.add-image-focus{
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color:  #333;
	margin-top: 20px;
}
.alignment-size,
.add-image-focus{
	width: 660px;
	overflow: hidden;
	padding: 0 20px;
}
	/* alignment */
	.alignment-size{border-bottom: 1px dotted #e9e9e9; padding: 10px 20px;}
	.alignment-size .btn{float: right;margin: 10px 0 0 0;}
	.alignment-size .btn{ margin-top: 9px;}
	.alignment-size h5,
	.alignment-size #size-max{
		font-size: 14px;
		color: #363f48;
		height: 24px;
		line-height: 24px;
		overflow: hidden;
		float: left;
		font-style: italic;
		margin: 3px 0 0 0;
		font-weight: 600;
	}

	/* alignment */
	.alignment-size .alignment{
		width: 200px;
		height: 60px;
		overflow: hidden;
		float: left;
	}
		.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; display: inline-block;}
			.align-list li a:hover,
			.align-list li a.current{ border-bottom: 1px solid #363f48; color: #363f48; text-decoration: none; }
			.align-list li a.current{font-weight: 600;}

	/* size */
	.alignment-size .size-range{
		width: 240px;
		height: 60px;
		overflow: hidden;
		float: left;
	}
		.alignment-size #size-max{ float: right; font-size: 12px;}
		.alignment-size .ui-slider{width: 240px; margin-top: 38px;}


/* modal-upload-photo */
.modal-upload-photo{width:930px;}
.modal-upload-photo .modal-body{ padding: 35px 0; margin: 0 35px; overflow: hidden;}
.modal-upload-photo .ui-label{ padding: 0; white-space:nowrap;	text-overflow:ellipsis;}
.modal-upload-photo .ui-label .link{float: right; font-size: 12px; font-weight: normal; }
.upload-photo-left{width: 320px; float: left;}
.upload-photo-left .thumb-img{width: 320px; height: 200px; margin-bottom: 15px;}
.upload-photo-right{width: 500px; float: right;}
.upload-photo-right .ui-form-item{ margin-right: 0;}
.upload-photo-right .ui-form-item .ui-form-half{ float: left; width: 245px; margin-right: 10px;}
.upload-photo-right .ui-form-item .ui-form-half:last-child{ margin-right: 0;}
.upload-photo-right .ui-textarea{ height: 140px;}
.upload-photo-right .tagsinput{ height: 100px !important;}
.upload-photo-right .btn{ float: right; margin: 15px 0 0 15px;}

/* modal-upload-photo2 */
.modal-upload-photo2 .upload-photo-left .ui-form-item:not(:nth-child(3)){ margin: 10px 0 20px 0}
.modal-upload-photo2 .upload-photo-right .ui-textarea{ height: 105px;}
.modal-upload-photo2 .upload-photo-right div.tagsinput{ height: 70px !important;}

/* modal-upload-photo-footer */
.modal-upload-photo-footer{clear: both; width: 100%; padding-top: 20px;}
.modal-upload-photo-footer .tips{font-size: 15px;font-style: italic; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.modal-upload-photo-footer .tips dt{ font-weight: 700; font-size: 16px;  float: left;}
.modal-upload-photo-footer .tips dd{ overflow: hidden; padding-left: 8px;}
.modal-upload-photo-footer .btn{ float: right; margin: 10px 10px 0 5px;}

/* modal-upload-photo */
.modal-release{width: 572px;}
.modal-release .modal-body{ padding: 15px 0 35px 0; margin: 0 35px; overflow: hidden;}
.modal-release .thumb-img{width: 500px; height: 300px; line-height: 300px; border: 1px dashed #afb2b6;}
.modal-release .thumb-img a{ display: block; text-align: center; font-size: 14px;}
.modal-release .thumb-img a:hover{ text-decoration: none;}
.modal-release .thumb-img img{ display: block; width: 500px; height: 300px; }
.modal-release .ui-input{width: 500px;}
.modal-release .ui-form-item{ margin-right: 0;}
.modal-release .btn{ float: right; margin: 15px 0 0 15px;}

/* myfiles-group */
#myfiles-panel .myfiles-content{padding: 0;}
.myfiles-group{ }
.myfiles-group li{}
.myfiles-info{
	height: 35px;
	line-height: 18px;
	overflow: hidden;
	font-size: 12px;
	-webkit-text-size-adjust:none;
	white-space:nowrap;
	text-overflow:ellipsis;
	background-color: #f6f6f6;
}
	.myfiles-info h5{
		height: 18px;
		line-height: 18px;
		overflow: hidden;
		font-size: 14px;
		margin: 7px 9px 10px 9px;
		text-align: center;
	}
	.myfiles-info dl{
		height: 18px;
		overflow: hidden;
		margin: 8px 9px;
		display: none;
	}
		.myfiles-info dt{
			font-style: italic;
			float: left;
			color: #666;
			font-size: 13px;
		}
		.myfiles-info dd{
			float: right;
			font-size: 12px;
			margin: 0 0 0 10px;
			overflow: hidden;
		}
		.myfiles-info dd a{
			color: #aaa;
			padding-left: 15px;
			background-repeat: no-repeat;
			background-position: 0 3px;
		}
		.myfiles-info dd a:hover {color: #666;}
		.myfiles-info dd.views a{padding-left: 18px;background-image: url(../images/icon-views-sm.png);}
		.myfiles-info dd.cmnt a{background-image: url(../images/icon-comments.png);}
		.myfiles-info dd.cmnt a:hover{background-position: 0 -12px;}
		.myfiles-info dd.fav a{background-image: url(../images/icon-hearts.gif);}
		.myfiles-info dd.fav a:hover{ background-position: 0 -14px;}
		.myfiles-info dl.actions{height: 35px;margin: 0 9px;}
		.myfiles-info dl.actions dd{ margin: 0 0 0 5px;}
		.myfiles-info dl.actions .btn{ color: #fff; margin-top: 6px; padding: 2px 8px;}
		.myfiles-info dl.actions .btn:hover{ color: #363f48;}

/* myfiles-setlist */
.myfiles-setlist{margin:  0 0 30px 0;}
.myfiles-setitem{
	width: 244px;
	overflow: hidden;
	padding: 10px;
	margin: 30px 0 0 30px;
	float: left;
	background-color: #f6f6f6;
}
	/* title */
	.myfiles-setitem .caption{
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		margin-bottom: 10px;
	}
		.myfiles-setitem .caption img{
			float: right;
			margin: 2px 0 0 5px;
			width: 16px;
			height: 16px;
			filter:alpha(opacity=30);
			opacity: 0.3;
		}
		.myfiles-setitem .caption img:hover{
			filter:alpha(opacity=100);
			opacity: 1.0;
		}
		.myfiles-setitem .caption h3{
			font-size: 15px;
			text-transform:uppercase;
		}

	/* myfiles-setitem-info */
	.myfiles-setitem-info{padding: 9px 0 3px 0;overflow: hidden;}
	.myfiles-setitem-info label {font-size: 14px;}
	.myfiles-setitem-info .btn-link{float: right; }

	/* myfiles-setitem-group */
	.myfiles-setitem-group{
		overflow: hidden;
		margin: -2px 0 0 -2px;
	}
		.myfiles-setitem-group li{
			width: 80px;
			height: 80px;
			line-height: 80px;
			position: relative;
			margin: 2px 0 0 2px;
			overflow: hidden;
			float: left;
		}
			.myfiles-setitem-group img{
				position: absolute;
				top: 50%;
				left: 50%;
			}
			.myfiles-setitem-group .masklayer{
				display: block;
				width: 86px;
				height: 86px;
				overflow: hidden;
				position: absolute;
				left: 0;
				top: 0;
				background-color: #000;
				filter:alpha(opacity=0);
				opacity: 0;
				transition: all 0.3s ease 0s;
			}
/* upgrade-panel */
.upgrade-panel{margin-left: -20px;}
.upgrade-item{width: 25%;float: left;}

/* upgrade */
.upgrade{
	margin: 0 0 0 20px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	position: relative;
}
	/* upgrade-header */
	.upgrade-header{
		height: 50pxs;
		text-align: center;
		background-color: #f6f6f6;
	}
		.upgrade-header h2{
			font-size: 24px;
			padding: 10px 0;
			background-color: #eee;
		}
		.upgrade-header h3{
			text-transform:uppercase;
			font-size: 20px;
			padding: 20px 0 10px 0;
		}
		.upgrade-header h4{
			padding: 0 0 30px 0;
			line-height: 1;
			overflow: hidden;
			font-size: 18px;
		}
		.upgrade-header h4 strong{
			font-size: 80px;
			font-weight: 600;
		}
		.upgrade-header h4 .currency{
		    font-size: 30px;
			 font-weight: 600;
		    margin-left: -10px;
		    position: relative;
		    top: -35px;
		}

	/* upgrade-features */
	.upgrade-features{
		overflow: hidden;
		padding-top: 5px;
		border-top: 1px solid #eee;
	}
		.upgrade-features ul{ margin: 0;}
		.upgrade-features li{
			padding: 2px 20px;
			height: 40px;
			line-height: 40px;
			overflow: hidden;
			border-bottom: 1px solid #eee;
		}
			.upgrade-features span{
				float: right;
				font-size: 14px;
				font-style: italic;
				color: #555;
			}
			.upgrade-features strong{
				font-size: 16px;
				font-weight: 600;
				text-transform:uppercase;
			}

	/* upgrade-button */
	.upgrade-button{
		overflow: hidden;
		text-align: center;
		padding-bottom: 30px;
	}
		.upgrade-button p{
			font-size: 14px;
			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;
		}
		.upgrade-button .btn{
			display: block;
			margin: 0 30px;
			padding: 15px 0;
		}


/* upgrade-free */
.upgrade-free{}
.upgrade-free .upgrade-header h2{ margin-bottom: 30px;}

/* upgrade-profession */
.upgrade-profession{border-color: #e6db55;}
.upgrade-profession .upgrade-header h2{color: #906c00;background-color: #fffbcc;}

/* upgrade-premium */
.upgrade-premium{border-color: #a5e69b}
.upgrade-premium .upgrade-header h2{color: #080;background-color: #d5ffce;}

/* upgrade-lifetime */
.upgrade-lifetime{margin-right: 0;border-color: #e2a98c;}
.upgrade-lifetime .upgrade-header h2{color: #d14600;background-color: #ffcece;}


/* panel */
.panel{ margin: 0 0 20px 0;}
.panel-heading{}
.panel-title{}

/* panel-body */
.panel-body{ padding: 15px;}
.panel-body:before,
.panel-body:after{display: table;content: " ";}
.panel-body:after{ clear: both;}

/* panel-footer  */
.panel-footer{
	padding: 10px 15px;
	border-top: 1px solid #eee;
	background-color: #f9f9f9;
}

/* sign-panel */
.sign-panel .panel-body{ margin: 20px; padding-bottom: 20px;}
.sign-panel .ui-form{overflow: hidden;}
.sign-panel .ui-form-item{ margin-bottom: 15px; width: 100%;}
.sign-panel .btn-large{padding: 12px 30px;}
.sign-panel .ui-tips{margin: 0 0 0 35%; display: nones;}
.sign-panel .ui-label{ width: 20%;}
.sign-panel .ui-input,
.sign-panel .ui-block,
.sign-panel .multi-text{ width: 72%; float: left;margin: 0;}
.sign-panel .ui-message{ margin-left: 20%; padding-left: 10px;}
.sign-panel .ui-switch{ margin-right: 0;}
.sign-panel .ui-verify-item{ width: 36%;}
.sign-panel .ui-verify-item .ui-input{ width: 90%;}
.sign-panel .ui-verify-img{ width: 36%;}

/* email-preferences */
.email-preferences{
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 20px;
}
	.email-preferences p{font-weight: 700;font-size: 14px;font-style: italic;}
	.email-preferences .ui-input{ width: 100%; margin: 0;}
	.email-preferences .ui-label{ width: 70%; text-align: left;}

/* signup  */
.signup{
	width: 60%;
	overflow: hidden;
	float: left;
}

/* whyjoin */
.whyjoin{
	width: 40%;
	font-size: 14px;
	color: #333;
	background-color: #f9f9f9;
	float: right;
}
	.whyjoin-inner{overflow: hidden;padding: 20px 25px;}
	.whyjoin h3{
		font-size: 24px;
		line-height: 1;
		margin-bottom: 10px;
		color: #1f8902;
	}
	.whyjoin-list li{
		margin: 10px 0px;
		margin-left: 40px;
		line-height: 21px;
		padding: 5px 0;
	}
		.whyjoin-list img{
			position: absolute;
			margin-left: -30px;
			margin-top: 3px;
		}


/* signin-panel */
#signin-panel{
	width: 65%;
	overflow: hidden;
	float: left;
}
	/* signin */
	.signin{
		width: 60%;
		overflow: hidden;
		float: left;
	}

	/* not-member */
	.not-member{
		width: 39%;
		font-size: 14px;
		float: right;
		overflow: hidden;
		text-align: center;
		border-left: 1px solid #eee;
	}
		.not-member-inner{ margin-left: 20px;}
		.not-member .btn{	margin: 15px;}
		.not-member h3{
			text-align: center;
			font-size: 24px;
			margin-bottom: 8px;
		}

/* forgot-psw */
#forgot-psw{
	width: 33%;
	height: 412px;
	float: right;
	overflow: hidden;
}
	#forgot-psw .pure-text{ font-size: 14px;}
	#forgot-psw .ui-tips{margin: 0 0 0 330px;}
	#forgot-psw .ui-input{ width: 100%; margin: 0;}

/* profile-wrapper */
#profile-wrapper .sign-panel .ui-label{ width: 16%; padding: 0 2% 0 0;}
#profile-wrapper .sign-panel .ui-input,
#profile-wrapper .sign-panel .ui-block{ width: 78%;}
#profile-wrapper .sign-panel .ui-textarea{ width: 78%;}
#profile-wrapper .sign-panel .short-input{ width: 30%; }
#profile-wrapper .sign-panel .dp-choose-date{ margin-left: -25px;}
#profile-wrapper .sign-panel .ui-message{ margin-left: 20%; padding-left: 10px;}
#profile-wrapper .sign-panel .ui-switch{ margin-right: 0;}
#profile-wrapper .sign-panel .ui-verify-item{ width: 36%;}
#profile-wrapper .sign-panel .ui-verify-item .ui-input{ width: 90%;}
#profile-wrapper .sign-panel .ui-verify-img{ width: 36%;}
#profile-wrapper .sign-panel .ui-half{ width: 48%; float: left;}
#profile-wrapper .sign-panel .ui-half .ui-label{ width: 33.4%; padding: 0 4.1% 0 0;}
#profile-wrapper .sign-panel .ui-half .short-input{ width: 62.5%; }
#profile-wrapper .sign-panel .profile-image{ width: 62.5%; float: left;}
#profile-wrapper .sign-panel .profile-image .btn{ height: auto; width: 134px; margin: 0;}
#profile-wrapper .sign-panel .profile-image img{
	display: block;
	width: 160px;
	border: 1px solid #afb2b6;
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
}

/* profile-wrapper-left  */
.profile-wrapper-left{width: 60%;float: left;}
.profile-wrapper-right{width: 38%;float: right;}

/* profile-info. */
#profile-psw{}
#profile-wrapper .profile-info .panel-body{ margin: 10px; padding: 10px 15px 0 15px;}
#profile-wrapper .profile-info .ui-label{ width: 35%;}
#profile-wrapper .profile-info .ui-input{ width: 60%;}
#profile-wrapper .profile-info .btn{padding: 12px 0;}
#profile-wrapper .mailling-list .ui-label{ width: 75%; padding: 0; text-align: left;}
#profile-wrapper .mailling-list  .panel-body{ padding-top: 5px; margin: 10px;}
#profile-wrapper .mailling-list .ui-form-item{  margin-bottom: 5px;}

/* profile-familysafe */
#profile-familysafe{float: left;}
#profile-mailing{float: right;}
.preference-panel{width: 49%;}
.preference-panel .ui-form-item{ margin: 0;}
.preference-panel .ui-label{ width: auto;}

/* nav-tabs */
.nav-tabs{}
.nav-tabs > li{
	float: left;
	margin: 0 5px 0 0;
}
	.nav-tabs > li > a {
		display: block;
		color: #363f48;
		font-size: 16px;
  		padding: 12px 40px;
		line-height: 20px;
		text-align: center;
		border-radius: 3px 3px 0 0;
		margin-top: 10px;
	}
	.nav-tabs > li > a:hover{
		text-decoration: none;
		background-color: #e5e5e5;
	}
	.nav-tabs > .current > a,
	.nav-tabs > .current > a:hover{
		color: #77980e;
		cursor: default;
		font-weight: 600;
		background-color: #fff;
	}

/* layout-tabs */
.layout-tabs{
	position: relative;
	margin: 0 -1px -1px 0;
}
	.layout-tabs > li{ margin-right: 0; width: 50%;}
	.layout-tabs > li > a {
		margin: 0;
		border: 1px solid #e9e9e9;
		border-bottom: 0 none;
	}

/* well */
.well{
	font-size: 14px;
	padding: 10px 15px;
	background-color: #f6f6f6;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
}

/* table-text */
.table-text span {margin-right: 15px;}
.table-text strong{margin: 0 3px; font-style: italic; }

/* ui-chart */
.ui-chart{
	width: 120px;
	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;}

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

/* 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;
		}

/* ui-decs-list */
#ui-decs{margin-top: 20px;}
.ui-decs-list li{
	color: #666;
	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;
}

/* tabs-content */
.tabs-content{ padding: 20px; overflow: hidden;}

/* translate-item */
.translate-item{
	overflow: hidden;
	margin: 20px 0 0 0;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	border-radius: 3px;
}
	/* 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: 110px;}
	.translate-item .ui-tips{ margin-left: 830px;}
	.translate-item .ui-tips2{ margin-left: 500px;}
	.translate-item .ui-text{ line-height: 20px; height: auto; padding: 7px 0 8px 0;}


/* dashboard-panel */
#dashboard-panel .tabs-content{
	position: relative;
}

/* user-avatar */
.user-avatar{
	padding: 5px;
	overflow: hidden;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	position: absolute;
}
	.user-avatar img{
		display: block;
		width: 80px;
		height: 80px;
		overflow: hidden;
	}

/* user-board */
.user-board{
	margin: 0 290px 0 90px;
	overflow: hidden;
}
	/* userboard-item */
	.userboard-item{
		width: 50%;
		float: left;
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 12px;
	}
		.userboard-item dt{
			width: 20%;
			text-align: right;
			float: left;
			overflow: hidden;
			padding: 7px 0;
			font-style: italic;
			font-weight:600;
			font-size: 14px;
		}
		.userboard-item dd{
			width: 78%;
			overflow: hidden;
			float: right;
			padding: 7px 0;
		}
		.userboard-item dd.even{background: #f5f5f5;}
		.userboard-item dd.odd{background: #fff;}

		.userboard-item dd span{
			width: 45%;
			display: block;
			overflow: hidden;
			float: left;
			text-indent: 10px;
			white-space:nowrap;
			font-style: italic;
		}
		.userboard-item dd span.col{width: 55%; color: #77980e;font-style: normal;}


/* user-premium */
.user-premium{
	width: 272px;
	position: absolute;
	top: 20px;
	right: 20px;
}
	/* ui-premium */
	.ui-premium{
		width: 270px;
		margin-bottom: 20px;
		overflow: hidden;
		padding-top: 15px;
		border: 1px solid #eee;
		background-color: #fcfcfc;
	}
		.ui-premium .btn{margin: 0 15px; display: block; text-transform: none;}
		.ui-premium .ui-line span{background: #f9f9f9; font-size: 13px;}

		/* ui-premium-line */
		.ui-premium-line{
			padding-top: 15px;
			overflow: hidden;
			border-top: 1px solid #e9e7e3
		}
		/* ui-premium-list */
		.ui-premium-list{
			overflow: hidden;
			margin-top: 15px;
			padding-top: 10px;
			border-top: 1px solid #e9e7e3;
		}
			.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;
				text-shadow: 0 1px 0 #fff;
				background-image: url(../images/dot.gif);
				background-repeat: no-repeat;
				background-position: 0 8px;
			}

			/* ui-premium-text */
			.ui-premium-text{
				overflow: hidden;
				clear: both;
				line-height: 20px;
				margin: -10px 0 10px 0;
			}
				.ui-premium-text li{width: 100%;clear: both;overflow: hidden;text-shadow: 0 1px 0 #fff;}
				.ui-premium-text .ui-label,
				.ui-premium-text .ui-text{font-size: 15px; float: left; height: 28px; line-height: 28px;}
				.ui-premium-text .ui-label{width: 55%;color: #666;}
				.ui-premium-text .ui-text{width: 35%;}
				.ui-premium .pb15{padding-bottom: 15px;}

@media screen and (max-width: 1130px) {
	.signup .ui-text{ font-size: 13px;}
	.signup,	#signin-panel,	.preference-panel{ width: 100%;}
	#forgot-psw, .whyjoin, #profile-mailing{ width: 100%; margin-top: 20px; height: auto;}
	.profile-wrapper-left,
	.profile-wrapper-right{ width: 100%; float: none;}
	
	.userboard-item{ width: 100%; font-size: 14px;}
	.upgrade-item{ width: 50%; margin-bottom: 30px;}
	.about-block .ui-label,
	.about-block .ui-text{ font-size: 13px;}
}

@media screen and (max-width: 940px) {
	.myfiles-box{ padding: 0;}
	#files-category{ width: auto; position: static; margin-bottom: 20px;}
}
@media screen and (max-width: 800px) {
	.user-board{ margin: 0;}
	.userboard-item{ font-size: 12px;}
	.user-premium{ position: static; width: 560px; margin-left: -20px; float: right;}
	.user-premium .ui-premium{ float: left; margin-left: 20px; width: 258px}
	.user-avatar img{ width: 60px; height: 60px;}

	.upgrade-panel{margin: 0;}
	.upgrade-item{ width: 100%; margin-bottom: 20px;}
	.upgrade-item .upgrade{ margin: 0;}
	
	#common-panel .aside{ width: 100%; float: none; }
	#common-panel .main{ margin: 0; }
	.about-block .ui-label{ font-size: 14px;}
	.about-menu li{margin: 0 17px 3px 17px;}
	.about-menu a:hover,
	.about-menu .current a{ border-color: #e9e9e9;}

	.upload-preview{ width: 100%; margin-bottom: 40px; border-bottom: 1px solid #eee;}
	.upload-desc{ width: 100%; padding-bottom: 20px;}
}


/* sitemail-tabs */
.sitemail-tabs .layout-tabs{ width: 30%;}
.sitemail-tabs .layout-tabs > li > a{padding: 12px 0; margin-right: -1px;}
.sitemail-box{margin: 0;}

/* sitemail-aside */
.sitemail-aside{
	width: 30%;
	height: 100%;
	float: left;
	border-right: 1px solid #e5e5e5;
	background-color: #fafafa;
	box-sizing: border-box;
}
	/* sitemail-filter */
	.sitemail-filter,
	.sitemail-caption{
		height: 45px;
		line-height: 45px;
		overflow: hidden;
		border-bottom: 1px solid #e5e5e5;
	}
		.sitemail-filter .inner{ margin: 5px 10px;}
		.sitemail-filter .ui-input{ width: 100%;}

	/* pagination */
	.sitemail-aside .pagination{ text-align: center; padding: 17px 0; border-top: 1px solid #e5e5e5;}

	/* sitemail-contacts-wrapper */
	.sitemail-contacts{overflow: auto;overflow-x: hidden;}
	.sitemail-contacts-item{
		display: block;
		overflow: hidden;
		height: 74px;
		padding: 13px 0 0 20px;
		font-size: 14px;
		line-height: 20px;
		color: #999;
		position: relative;
	}
		.active .sitemail-contacts-item,
		.sitemail-contacts-item:hover{
			color: #999;
			text-decoration: none;
			background-color: #fff;
			height: 73px;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			margin-top: -1px;
			z-index: 2;
		}
		.active .sitemail-contacts-item{
			z-index: 3;
			border-bottom-color: #e5e5e5;
			box-shadow: 0 1px 3px rgba(0,0,0,0.08);
		}
			/* img */
			.sitemail-contacts-item img{
				float: left;
				display: block;
				width: 58px;
				height: 58px;
				margin-right: 15px;
				border: 1px solid #fff;
				border-radius: 30px;
			}
			/* actions */
			.sitemail-contacts-item .actions{
				float: right;
				font-size: 13px;
				color: #999;
			}
				.sitemail-contacts-item .actions em{ margin: 0 2px;}

			/* text */
			.sitemail-contacts-item .text{
				display: block;
				overflow: hidden;
				padding: 0 20px 13px 0;
				border-bottom: 1px solid #eee;
			}
				.sitemail-contacts-item p{
					height: 20px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.sitemail-contacts-item p strong{ font-weight: 700; }
				.sitemail-contacts-item .contacts-info{display: block;height: 14px; margin-top: 6px; line-height: 14px; }
				.sitemail-contacts-item .contacts-info .date{ float: right; font-size: 13px;}
				.sitemail-contacts-item .contacts-info i{
					width: 14px;
					height: 14px;
					float: left;
					margin: 0 10px 0 0;
				}
					.sitemail-contacts-item .contacts-info i.icon-attach{ background-position: 0 -30px;}
					.sitemail-contacts-item .contacts-info i.icon-reply { background-position: -20px -30px;}
					.sitemail-contacts-item .contacts-info i.icon-star  { background-position: -40px -30px;}

	/* unread */
	.unread .sitemail-contacts-item,
	.unread .sitemail-contacts-item:hover{color: #363f48;}
	.unread .sitemail-contacts-item p strong{color: #77980e;}

/* sitemail-main */
.sitemail-main{
	width: 70%;
	overflow: hidden;
	float: right;
}
	.sitemail-caption .inner{margin: 0 10px;}
	.sitemail-caption .btn{ float: right; margin: 8px 0 0 10px; padding: 5px 17px;}
	.sitemail-caption .width-user{ font-size: 14px; padding-left: 10px;}
	.sitemail-caption .width-user .user{ color: #77980e; font-weight: 700;}

	/* sitemail-messages */
	.sitemail-messages{
		margin: 5px;
		padding: 10px 30px;
		overflow: auto;
		overflow-x: hidden;
	}
		.scrollbar::-webkit-scrollbar-track{border-radius: 8px;background-color: #f5f5f5;}
		.scrollbar::-webkit-scrollbar{width: 8px;background-color: #f5f5f5;border-radius: 10px;}
		.scrollbar::-webkit-scrollbar-thumb{border-radius: 8px;background-color: #aaa;}

	.sitemail-messages .item{
		width: 100%;
		clear: both;
		overflow: hidden;
		padding: 10px 0;
	}
		.sitemail-messages .item .image{float: right; margin-left: 10px;}
		.sitemail-messages .item .image,
		.sitemail-messages .item .image img{width: 60px;height: 60px;border-radius: 50%;}
		.sitemail-messages .item .text{overflow: hidden;font-size: 14px; padding: 0 7px 0 77px;}
		.sitemail-messages .item .text .date{
			display: block;
			clear: both;
			float: right;
			color: #aaa;
		}
		.sitemail-messages .item .text p{
			float: right;
			clear: both;
			position: relative;
			color: #fff;
			padding: 7px 10px 8px 10px;
			margin-bottom: 5px;
			background-color: #00b1e1;
			border-radius: 5px;
		}
		.sitemail-messages .item .text p:first-child:after{
			left: 100%;
			top: 20px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: transparent;
			border-left-color: #00b1e1;
			border-width: 7px;
			margin-top: -10px;
		}

		/* in */
		.sitemail-messages .item.in .image{float: left; margin: 0 10px 0 0;}
		.sitemail-messages .item.in .text{ padding: 0 77px 0 7px;}
		.sitemail-messages .item.in .text .date{float: left;}
		.sitemail-messages .item.in .text p{float: left;color: #555;background-color: #f2f2f2;}
		.sitemail-messages .item.in .text p:first-child:after{
			left: auto;
 			right: 100%;
			border-left-color: transparent;
			border-right-color: #f2f2f2;
		}

		/* sitemail-form */
		.sitemail-form{
			padding: 15px 18px;
			overflow: hidden;
			border-top: 1px solid #e5e5e5;
			background-color: #f9f9f9;
		}
			.sitemail-form .inner{
				height: 39px;
				position: relative;
				padding-right: 103px;
			}
			.sitemail-form .form-control{width: 100%;}
			.sitemail-form .form-control .ui-textarea{
				width: 100%;
				height: 39px;
				line-height: 20px;
				padding: 10px;
				text-indent: 0;
				border-radius: 3px 0 0 3px;
			}
			.sitemail-form .inner .btn{
				position: absolute;
				top: 0;
				right: 0;
				padding: 10px 0;
				width: 100px;
				border-radius: 0 3px 3px 0;
			}

#dimmer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 7;
    display: none;
    background: #000;
    opacity: .85;
}

/* wait-mask */
#wait-mask,
#wait-mask2{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
	background-color: rgba(0,0,0,0.7);
	cursor: wait;
}
	#wait-mask:after{
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 150px;
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		margin: -22px 0 0 -100px;
		content: "Now Searching ...";
		padding: 12px 0 12px 40px;
		font-size: 16px;
		background: url(../images/loading.gif) 15px center no-repeat #fff;
		border-radius: 3px;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
	#wait-mask2:after{
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 150px;
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		margin: -22px 0 0 -100px;
		content: "Now Searching ...";
		font-size: 16px;
		text-align: center;
		padding: 42px 25px 18px 25px;
		text-transform: uppercase;
		background: url(../images/wait.gif) center 17px no-repeat #fff;
		border-radius: 3px;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}