#p-upload
{
	padding:10px 0 10px 0;
	position:relative;
}

#p-upload .col-preview
{
	float:left;
	width:380px;
	padding-left:36px;
	position:relative;
}
@media screen and (max-width: 760px)
{
	#p-upload .col-preview
	{
		clear:both;
		width:100%;
	}
}

#p-upload .col-preview .preview
{
	float:left;
	width:100%;
	border-radius:6px;
	-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .2);
	-o-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .2);
	border:1px #eeeeee solid;
	padding:7px;
	text-align:center;
	margin-bottom:10px;
	min-height:300px;
}
@media screen and (max-width: 760px)
{
	#p-upload .col-preview .preview
	{
		min-height:0;
	}
}
#p-upload .col-preview img
{
	margin-bottom:5px;
	max-width:100%;
	max-height:400px;
}
@media screen and (max-width: 760px)
{
	#p-upload .col-preview img
	{
		max-height:460px;
	}
}
#p-upload .col-preview .p-stars
{
	clear:both;
	text-align:center;
}
#p-upload .col-preview .p-author
{
	clear:both;
	text-align:center;
	font-size:13px;
	margin-top:4px;
}
#p-upload .col-preview ul.tags
{
	list-style:none;
	text-align:center;
	padding:0 20px;
}
#p-upload .col-preview ul.tags li
{
	margin:0 6px 6px 0;
	display:inline-block;
}
#p-upload .col-preview ul.tags li a
{
	background:#eeeeee;
	padding:4px 6px;
	display:inline-block;
	border-radius:3px;
	font-size:16px;
	font-weight:normal;
}
#p-upload .col-preview ul.tags li:first-child
{
	margin-left:10px;
}
#p-upload .col-preview ul.tags li:last-child
{
	margin-right:0px;
}
#p-upload .col-preview ul.grooves
{
	position:absolute;
	top:20px;
	left:0px;
	width:36px;
	list-style:none;
	text-align:center;
	border:1px #eeeeee solid;
	border-radius:4px;
	background:#ffffff;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-right:none;
	-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
	-o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
	overflow:hidden;
}
#p-upload .col-preview ul.grooves li
{
	float:left;
	width:36px;
	height:36px;
	border-bottom:1px #eeeeee solid;
}
#p-upload .col-preview ul.grooves li:last-child
{
	border-bottom:none;
}
#p-upload .col-preview ul.grooves li a
{
	display:block;
	height:100%;
	background-repeat:no-repeat;
	-webkit-background-size:120px 24px;
	-moz-background-size:120px 24px;
	-o-background-size:120px 24px;
	background-size:120px 24px;
	background-position:6px 6px;
	cursor:pointer;
}
#p-upload .col-preview ul.grooves li a:active
{
	background-position:-42px 6px;
}
#p-upload .col-preview ul.grooves li.favorite a
{
	background-image:url(upload-favorite-icon.png);
}
#p-upload .col-preview ul.grooves li.facebook a
{
	background-image:url(upload-facebook-icon.png);
}
#p-upload .col-preview ul.grooves li.pinterest a
{
	background-image:url(upload-pinterest-icon.png);
}
#p-upload .col-preview ul.grooves li.twitter a
{
	background-image:url(upload-twitter-icon.png);
}
#p-upload .col-preview ul.grooves li.edit a
{
	background-image:url(upload-edit-icon.png);
}
#p-upload .col-preview ul.grooves li.abuse a
{
	background-image:url(upload-abuse-icon.png);
}
#p-upload .col-preview ul.grooves li.favorite a:active
{
	background-color:#E70062;
}
#p-upload .col-preview ul.grooves li.facebook a:active
{
	background-color:#3B5998;
}
#p-upload .col-preview ul.grooves li.pinterest a:active
{
	background-color:#cb1f24;
}
#p-upload .col-preview ul.grooves li.twitter a:active
{
	background-color:#5ea9dd;
}
#p-upload .col-preview ul.grooves li.edit a:active
{
	background-color:#404040;
}
#p-upload .col-preview ul.grooves li.abuse a:active
{
	background-color:#CC0000;
}
#p-upload .col-preview ul.grooves li a.select
{
	background-color:#FFFFFF !important;
	background-position:-90px 6px !important;
}


@media screen and (max-width: 760px)
{
	#p-upload .col-preview
	{
		padding-left:0px;
		margin-bottom:10px;
	}
	#p-upload .col-preview ul.grooves
	{
		position:static;
		float:left;
		clear:both;
		top:auto;
		left:auto;
		width:auto;
		list-style:none;
		text-align:center;
		background:#ffffff;
		border-top-right-radius:4px;
		border-bottom-left-radius:0px;
		border-right:1px #eeeeee solid;
		border-bottom:none;
		margin-left:20px;
	}
	#p-upload .col-preview ul.grooves li
	{
		border-bottom:none;
		border-right:1px #eeeeee solid;
	}
	#p-upload .col-preview ul.grooves li:last-child
	{
		border-right:none;
	}
}

#p-upload .col-preview .like-iframe-container
{
	float:left;
	width:100%;
	text-align:center;
}
#p-upload .col-preview .like-iframe
{
	border:none;
	overflow:hidden;
	height:30px;
	width:160px;
}



/*

ADVERT COLUMN
 
*/

#p-upload .col-advert
{
	padding-left:720px;
	padding-right:20px;
	width:100%;
	min-width:125px; /* for Adsense */
}
@media screen and (max-width: 1000px)
{
	#p-upload .col-advert
	{
		float:left;
		width:100%;
		padding-left:0px;
		padding-right:0px;
		margin-top:20px;
		width:100%;
	}
}




/*

UPLOAD COLMUN

*/

#p-upload .col-upload
{
	float:left;
	margin-left:15px;
	width:300px;
}
#p-upload .col-upload .upload-advert
{
	float:left;
	clear:both;
	width:300px;
	margin-top:30px;
}
@media screen and (max-width: 760px)
{
	#p-upload .col-upload .upload-advert, #p-upload .col-upload .upload-advert ins
	{
		display:none !important;
	}
}
#p-upload .col-upload .upload-multiple-button
{
	float:left;
	width:100%;
	clear:both;
	border:1px #c686d1 solid;
	border-radius:3px;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
	background-color:rgba(240,220,244,1);
	cursor:pointer;
	text-align:center;
	font-size:16px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow:hidden;
	position:relative;
}
#p-upload .col-upload .upload-multiple-button.photo-selected
{
	background-color:#d7efc7;
	border:1px #cccccc solid;
}
#p-upload .col-upload .upload-multiple-button.photo-selected .upload-label
{
	color:#555555;
}

#p-upload .col-upload .upload-multiple-button .upload-label
{
	cursor:pointer;
	display:inline-block;
	width:100%;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	color:#7f4b89;
}
#p-upload .col-upload .upload-multiple-button .upload-input
{
	cursor:pointer;
	position:absolute;
	top:0px;
	right:0px;
	opacity:0.01;
	-moz-opacity: 0.01;
	filter: alpha(opacity=0.1);
	font-size:100px;
	outline:none;
}
#p-upload .col-upload .upload-multiple-button .upload-icon
{
	background:url(upload-multiple-button-icon.png) top no-repeat;
	display:inline-block;
	width:26px;
	height:26px;
	vertical-align:middle;
	margin-right:10px;
}

#p-upload .col-upload .upload-photo-row
{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
	position:relative;
	padding:0 40px 0 0;
}

#p-upload .col-upload .upload-photo-row .upload-button
{
	float:left;
	width:100%;
	height:35px;
	padding:8px 60px 8px 10px;
	background:#eeeeee;
	border:1px #cccccc solid;
	background-color: #eaeaea;
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
	border-radius:3px;
	cursor:pointer;
	text-align:center;
	font-size:16px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow:hidden;
	position:relative;
}
#p-upload .col-upload .upload-photo-row .upload-button.photo-selected
{
	background-color:#d7efc7;
}
#p-upload .col-upload .upload-photo-row .upload-button .upload-label
{
	cursor:pointer;
	height:33px;
	display:inline-block;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis; 
}
#p-upload .col-upload .upload-photo-row .upload-button .upload-input
{
	cursor:pointer;
	position:absolute;
	top:0px;
	right:0px;
	height:33px;
	opacity:0.01;
	-moz-opacity: 0.01;
	filter: alpha(opacity=0.1);
	font-size:100px;
	outline:none;
}
#p-upload .col-upload .upload-photo-row .upload-button label.upload-popup-button
{
	position:absolute;
	right:0px;
	top:0px;
	width:45px;
	height:33px;
	border-left:1px #cccccc solid;
	background-color:rgba(0, 0, 0, .04);
	background-image:url(upload-popup-button.png);
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:22px 22px;
	-moz-background-size:22px 22px;
	-o-background-size:22px 22px;
	background-size:22px 22px;
	z-index:5;
	cursor:pointer;
}

#p-upload .col-upload .upload-photo-row .upload-preview
{
	position:absolute;
	right:0px;
	top:0px;
	width:35px;
	height:35px;
	background:#eeeeee;
	border:1px #cccccc solid;
	background-color:#f7f7f7;
	background-image:url(upload-preview-icon.png);
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-o-background-size:20px 20px;
	background-size:20px 20px;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:3px;
	overflow:hidden;
}
#p-upload .col-upload .upload-photo-row .upload-preview.user-picture
{
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	overflow:hidden;
}

#p-upload .col-upload .upload-text-row
{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
}
#p-upload .col-upload .upload-text-row.upload-text-label
{
	float:left;
	width:100%;
	margin-bottom:2px;
}
#p-upload .col-upload .upload-text-row .upload-textarea
{
	float:left;
	width:100%;
	padding:5px;
	min-height:70px;
	border:1px #cccccc solid;
}
#p-upload .col-upload .upload-text-row .color-picker-icon
{
	position:absolute;
	top:67px;
	right:0px;
}
#p-upload .col-upload .upload-text-row .font-icon
{
	position:absolute;
	/*top:50%;
	transform: translateY(-2px);*/
	top:48px;
	right:0px;
	padding:2px 8px;
	cursor:pointer;
	font-size:0;
}
#p-upload .col-upload .upload-text-row .font-icon span
{
	width:16px;
	height:16px;
	display:inline-block;
	border:1px #b0b0b0 solid;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAANlBMVEUAAACwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLClQglOAAAAEXRSTlMAKu4d+FgL9ZSHdWwVgGVXBT6JvHIAAABGSURBVAjXtc5bDoAgEEPRCw4DKD66/81KBrdgkzY5f8VkOdtslaHayy4d5cxCHZI04BJtC8z1BvAB/sFg5Yk7twd8HU3wAkZiAyB1Lc8OAAAAAElFTkSuQmCC');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	background-size:60%;
	border-radius:50%;
}
#p-upload .col-upload .upload-text-row .font-icon span:hover
{
    border-color:#666666;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAANlBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbzm4XLAAAAEXRSTlMAKu4d+FgL9ZSHdWwVgGVXBT6JvHIAAABGSURBVAjXtc5bDoAgEEPRCw4DKD66/81KBrdgkzY5f8VkOdtslaHayy4d5cxCHZI04BJtC8z1BvAB/sFg5Yk7twd8HU3wAkZiAyB1Lc8OAAAAAElFTkSuQmCC');

}

#p-upload .col-upload .upload-collection-row
{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:6px;
}
#p-upload .col-upload .upload-collection-row.upload-collection-label
{
	float:left;
	width:100%;
	margin-bottom:2px;
}
#p-upload .col-upload .upload-collection-row .upload-select
{
	float:left;
	width:100%;
	padding:5px;
	border:1px #cccccc solid;
}
#p-upload .col-upload .upload-collection-row .upload-collection-thumbs
{
	float:left;
	width:100%;
	padding:5px;
}
#p-upload .col-upload .upload-collection-row .upload-collection-thumbs .upload-collection-thumb
{
	float:left;
	width:60px;
	height:60px;
	margin:4px 4px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50px;
	background-color:#ffffff;
	border-color:#dddddd;
	border-style:solid;
	border-width:3px;
	border-radius:3px;
	cursor:pointer;
}
#p-upload .col-upload .upload-collection-row .upload-collection-thumbs .upload-collection-selected
{
	border-color:#0099FF;
}


#p-upload .col-upload .upload-opt-row
{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:6px;
}
#p-upload .col-upload .upload-opt-row.upload-opt-label
{
	float:left;
	width:100%;
	margin-bottom:2px;
}
#p-upload .col-upload .upload-opt-row .upload-select
{
	float:left;
	width:100%;
	padding:5px;
	border:1px #cccccc solid;
}
#p-upload .col-upload .upload-opt-row .upload-opt-thumbs
{
	float:left;
	width:100%;
	padding:5px;
}
#p-upload .col-upload .upload-opt-row .upload-opt-thumbs .opt-thumb
{
	float:left;
	width:60px;
	height:60px;
	margin:4px 4px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50px;
	background-color:#ffffff;
	border-color:#dddddd;
	border-style:solid;
	border-width:3px;
	border-radius:3px;
	cursor:pointer;
}
#p-upload .col-upload .upload-opt-row .upload-opt-thumbs .opt-selected
{
	border-color:#0099FF;
}

#p-upload .col-upload .upload-crop
{
	float:left;
	clear:both;
	margin-bottom:10px;
}
#p-upload .col-upload .upload-submit
{
	float:left;
	clear:both;
	width:100%;
	margin-bottom:0px;
}
#p-upload .col-upload .upload-submit button
{
	width:100%;
}


@media screen and (max-width: 760px)
{
	#p-upload .col-upload
	{
		margin-left:0px;
		width:100%;
	}
	
	#p-upload .col-upload .upload-photo-row .upload-button
	{
		width:100%;
	}
	
	#p-upload .col-upload .upload-submit
	{
		width:100%;
	}
	
	#p-upload .col-upload .upload-submit button
	{
		width:100%;
	}
}
#p-upload .col-upload .like-i$imageResultId-container
{
	float:left;
	width:100%;
	text-align:center;
}

#p-upload .col-upload #upload-framer
{
	float:left;
	width:100%;
	margin-bottom:10px;
	display:none;
}
@media screen and (max-width: 760px)
{
	#p-upload .col-upload #upload-framer
	{
		display:none;
	}
}
#p-upload .col-upload #upload-framer-button
{
	float:left;
	width:100%;
	cursor:pointer;
	font-size:22px;
	color: #66757f;
	border:none;
	outline:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align:center;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.20);
	border-radius: 4px;
	/*text-shadow: 0px 0px 2px rgba(0, 0, 0, .4);*/
	border: 1px solid #da8500;
	background-color:#fd9901;
	background-image:linear-gradient(rgba(255, 255, 255, .3),rgba(255, 255, 255, .1));
	margin-bottom:3px;
	color:#FFFFFF;
}
#p-upload .col-upload #upload-framer-button span
{
	display:inline-block;
	padding-left:50px;
	background:url(upload-framer-icon.png) 10px center no-repeat;
	-webkit-background-size:30px 30px;
	-moz-background-size:30px 30px;
	-o-background-size:30px 30px;
	background-size:30px 30px;
	padding:16px 0 16px 50px;
}
#p-upload .col-upload #upload-show-classic
{
	float:left;
	width:100%;
	cursor:pointer;
	font-size:13px;
	text-align:center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}	


#upload-framer-layer
{
	position:fixed;
	z-index:400;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .7);
	display:none;
}
#upload-framer-layer .container
{
	position:absolute;
	top:10px;
	left:10px;
	width:960px;
	height:560px;
	-moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	-o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
	border-radius:3px;
	overflow:hidden;
}

#upload-framer-app-alternative
{
	float:left;
	width:100%;
	clear:both;
	margin-bottom:10px;
}

/*

SUGGEST

*/

#p-suggest
{
	float:left;
	width:100%;
	padding-top:10px;
}

@media screen and (max-width: 760px)
{
	#p-suggest
	{
		padding-top:0px;
	}
	#p-suggest .title
	{
		display:none;
	}
}


#p-upload .title .pm-number
{
	float:left;
	background:#eeeeee;
	border-radius:10px;
	padding:5px 7px;
	font-size:14px;
	margin-left:5px;
}

#upload-get-flash-player-link
{
	display:block;
	padding:10px 16px;
	border:1px #b082e3 solid;
	background:#F5ECFF;
	color:#7437b8;
}


.font-box
{
	position:absolute;
	width:268px;
	background-color:#ffffff;
	border-radius:5px;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.32);
	z-index:10;
}
.font-box h3
{
	float:left;
	width:100%;
	clear:both;
	padding:8px 4px;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	background:#f5f7f9;
}
.font-box ul
{
	float:left;
	width:100%;
	clear:both;
	list-style:none;
	padding:8px;
	max-height:240px;
	overflow-y:auto;
	overflow-x:hidden;
}
.font-box li
{
	cursor:pointer;
	margin-bottom:5px;
	padding:2px 0;
	border:2px transparent solid;
	border-radius:3px;
	overflow:hidden;
}
.font-box li:last-child
{
	margin-bottom:0px;
}
.font-box li:hover
{

}
.font-box li.selected
{
	border-color:#2796dd;
}