#pgo-maincontainer{
	width:100%;
	height:100%;
	font-family:"Lato", "Verdana";
	font-size:14px;
	margin:0px;
	color:#333;
	background-color:#eee;
	background-color: #ddd;
}
#pgo-maincontainer *{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-spacing:0px; }
#pgo-maincontainer.pgo-paused{
	pointer-events: none;
}
#pgo-maincontainer.pgo-closed{
	pointer-events: none!important;
	display: none!important;
}

#pgo-maincontainer a:hover{ text-decoration:none; }
#pgo-maincontainer a, #pgo-maincontainer a:visited{ color:#55aaff; }
#pgo-maincontainer a img{ border:none; }
#pgo-maincontainer img{ max-width:100%; }
p:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,ul:first-child,ol:first-child{ margin-top:0; }
p:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,ul:last-child,ol:last-child{ margin-bottom:0; }
.clear{ clear:both; }

.pgo-sidebyside>.pgo-left{float:left;display:block;width:50%;}
.pgo-sidebyside>.pgo-right{float:right;display:block;width:50%;}
.pgo-sidebyside:after{clear:both;content:"";display:block;}





.pgo-bgimg-brush{		background-image: url('img/icon-brush.png');}
.pgo-bgimg-picker{		background-image: url('img/icon-picker.png');}
.pgo-bgimg-grab{		background-image: url('img/icon-grab.png');}
.pgo-bgimg-zoom{		background-image: url('img/icon-zoom.png');}
.pgo-bgimg-crop{		background-image: url('img/icon-crop.png');}
.pgo-bgimg-photo{		background-image: url('img/icon-photo.png');}
.pgo-bgimg-fill{		background-image: url('img/icon-fill.png');}
.pgo-bgimg-cursor{		background-image: url('img/icon-cursor.png');}

.pgo-bgimg-new{			background-image: url('img/icon-new.png');}
.pgo-bgimg-addplus{		background-image: url('img/icon-addplus.png');}
.pgo-bgimg-delete{		background-image: url('img/icon-delete.png');}
.pgo-bgimg-visibility{	background-image: url('img/icon-visibility.png');}
.pgo-bgimg-down{		background-image: url('img/icon-down.png');}
.pgo-bgimg-up{			background-image: url('img/icon-up.png');}
.pgo-bgimg-addclipdown{	background-image: url('img/icon-addclipdown.png');}
.pgo-bgimg-addclipup{	background-image: url('img/icon-addclipup.png');}
.pgo-bgimg-addmaskdown{	background-image: url('img/icon-addmaskdown.png');}
.pgo-bgimg-addmaskup{	background-image: url('img/icon-addmaskup.png');}
.pgo-bgimg-options{		background-image: url('img/icon-options.png');}

.pgo-bgimg-upload{		background-image: url('img/icon-upload.png');}
.pgo-bgimg-download{	background-image: url('img/icon-save.png');}

.pgo-bgimg-canvas{		background-image: url('img/icon-canvas.png');}
.pgo-bgimg-chat{		background-image: url('img/icon-chat.png');}
.pgo-bgimg-guides{		background-image: url('img/icon-guides.png');}
.pgo-bgimg-colorwheel{	background-image: url('img/icon-colorwheel.png');}
.pgo-bgimg-dockershortcuts{		background-image: url('img/icon-docker.png');}
.pgo-bgimg-layers{		background-image: url('img/icon-layers.png');}
.pgo-bgimg-layersettings{background-image: url('img/icon-layersettings.png');}
.pgo-bgimg-navigator{	background-image: url('img/icon-navigator.png');}
.pgo-bgimg-colorsliders{		background-image: url('img/icon-sliders.png');}
.pgo-bgimg-sprites{		background-image: url('img/icon-sprite.png');}
.pgo-bgimg-quickpresets{	background-image: url('img/icon-swatches.png');}
.pgo-bgimg-toolsettings{		background-image: url('img/icon-tool.png');}
.pgo-bgimg-toolpresets{	background-image: url('img/icon-toolpresets.png');}
.pgo-bgimg-toolsettings{background-image: url('img/icon-toolsettings.png');}
.pgo-bgimg-toolshortcuts{background-image: url('img/icon-tool.png');}

.pgo-bgimg-plus{		background-image: url('img/icon-plus.png');}
.pgo-bgimg-minus{	background-image: url('img/icon-minus.png');}

.pgo-bgimg-frame{	background-image: url('img/icon-frame.png');}

.pgo-bgimg-expand{	background-image: url('img/icon-expand.png');}



#pgo-floatinghighlight{
	position: absolute;
	z-index: 10;
	pointer-events: none;
	}
#pgo-floatinghighlight.pgo-sticky{
	background-color: rgba(0,0,0,0.5);
	}
#pgo-floatinghighlight.pgo-floaty{
	opacity:0.8;
	border:1px solid #888;
	background-color:#ddd;
	}
	
#pgo-floatinghighlight.pgo-closed{
	display:none;
	}
	
	
	
#pgo-hiddenshit{
	display:none;
	}
#pgo-dockercontainer,
#pgo-dockermobile{
	width:100%;
	height: 100%;
	overflow: hidden;
	}
	#pgo-dockermobile{
		position:absolute;
		top:0;
		left:0;
		display:none;
		background-color: #eee;
		}
	#pgo-dockercontainer > *,
	#pgo-dockermobile > *{
		width:100%;
		height:100%;
		}
	#pgo-dockerholder{
		display:none;
		}
	#pgo-dockerfloaters{
		position:absolute;
		top:0;
		left:0;
		}
	#pgo-dockerfloaters *:not(input),
	#pgo-dockerholder *:not(input),
	#pgo-dockercontainer *:not(input),
	#pgo-dockermobile *:not(input){ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select:none; }
.pgo-row{
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	}
	.pgo-row:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:17px;
		background-color:#bbb;
		width:100%;
		pointer-events:none;
		border-top:3px solid #888;
		}
	.pgo-row > *{
		border-right: 1px solid #888;
		height: 100%;
		}
	.pgo-row > *:first-child{
		border-left:none;
		}
	.pgo-row > .pgo-twspace .pgo-twcontents{
		padding: 8px;
		height: calc(100% - 20px);
		}
.pgo-column{
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	white-space:normal;
	display: inline-block;
	vertical-align: top;
	}
	.pgo-column:first-child{
		border-left:none;
		}
	.pgo-column > *{
		min-width: 100%;
		max-width: 100%;
		}
	.pgo-column > *:last-child{
		border-bottom:1px solid #888;
		}
.pgo-twspace{
	display: inline-block;
	vertical-align: top;
	white-space:normal;
	background-color: #ddd;
	text-align: left;
	}
	.pgo-twspace.pgo-floaty{
		position: absolute !important;
		z-index: 1;
		border: 1px solid #888;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		}
	.pgo-twspace:not(.pgo-floaty){
		top: 0 !important;
		left: 0 !important;
		}
	.pgo-twspace.pgo-dragged{
		opacity:0.5;
		}
	.pgo-twspace .pgo-twinner{
		overflow: auto;
		height: 100%;
		}
	.pgo-twscale{
		position:absolute!important;
		}
	.pgo-twscale.pgo-left{
		top:0;
		left:0;
		width:6px;
		height:100%;
		cursor:w-resize;
		}
	.pgo-twscale.pgo-right{
		top:0;
		right:0;
		width:6px;
		height:100%;
		cursor:e-resize;
		}
	.pgo-twscale.pgo-top{
		top:0;
		left:0;
		width:100%;
		height:6px;
		cursor:n-resize;
		}
	.pgo-twscale.pgo-bottom{
		bottom:0;
		left:0;
		width:100%;
		height:6px;
		cursor:s-resize;
		}
	.pgo-twscale.pgo-topleft{
		top:0;
		left:0;
		width:6px;
		height:6px;
		cursor:nw-resize;
		}
	.pgo-twscale.pgo-topright{
		top:0;
		right:0;
		width:6px;
		height:6px;
		cursor:ne-resize;
		}
	.pgo-twscale.pgo-bottomleft{
		bottom:0;
		left:0;
		width:6px;
		height:6px;
		cursor:sw-resize;
		}
	.pgo-twscale.pgo-bottomright{
		bottom:0;
		right:0;
		width:6px;
		height:6px;
		cursor:se-resize;
		}
	.pgo-twcontents{
		padding: 8px;
		height:calc(100% - 20px);
		}
	#pgo-maincontainer.mobile .pgo-twcontents{
		padding: 12px;
		}
	.pgo-twtop{
		font-size: 80%;
		height: 20px;
		border-top: 3px solid #888;
		background-color: #bbb;
		color: #000;
		overflow: hidden;
		}
	.pgo-twtitle{
		padding-left: 6px;
		letter-spacing: 1px;
		white-space: nowrap;
		}
	.pgo-twtop .pgo-twbuttons{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		text-align: right;
		top: -14px;
		height: 100%;
		}
	.pgo-twtop .pgo-twclose,
	.pgo-twtop .pgo-twfill,
	.pgo-twtop .pgo-twfree{
		height: 14px;
		width: 14px;
		text-align: center;
		cursor:default;
		display:inline-block;
		background-color: #bbb;
		background-position:center center;
		background-size:8px;
		background-repeat:no-repeat;
		opacity:0.5;
		}
	.pgo-twtop .pgo-twclose:hover,
	.pgo-twtop .pgo-twfill:hover,
	.pgo-twtop .pgo-twfree:hover{
		background-color: #aaa;
		opacity:1;
		}
	.pgo-twtop .pgo-twclose{
		background-image:url(img/icon-close.png);
		}
	.pgo-twtop .pgo-twfill{
		background-image:url(img/icon-expand.png);
		}
	.pgo-twtop .pgo-twfree{
		background-image:url(img/icon-shrink.png);
		}
	.pgo-twspace.pgo-floaty .pgo-twtop{
		border-top: none;
		}
	.pgo-twspace.pgo-floaty .pgo-twtop .pgo-twfill{
		display:none;
		}
	.pgo-twspace.pgo-minimized > *:not(.pgo-twtop){
		display: none !important;
		}
	.pgo-twspace.pgo-minimized .pgo-twtop{
		border-bottom: 1px solid #888;
		}
.pgo-center{
	text-align:center;
	}
.pgo-textinput{
	text-align: center;
	display: inline-block;
	padding: 0;
	border: 1px solid #888;
	border-radius: 3px;
	font-size: 90%;
	font-family: Cousine, monospace;
	height: 18px;
	max-width: 100%;
	vertical-align: top;
	background-color: #fff;
	}
	.pgo-textinput:hover{
		border-color:#000;
		}
.pgo-inset{
	border: 1px solid;
	border-color: #222;
	}
	.pgo-inset:hover{
		border-color: #888;
		}
.pgo-button{
	font-size: 90%;
	display: inline-block;
	padding: 3px 8px;
	cursor: default;
	border-radius: 3px;
	border: 1px solid #888;
	margin: 0 1px;
	background: linear-gradient(#eee, #ccc);
	}
	.pgo-button.pgo-small{
		font-size: 80%;
		padding: 1px 4px;
		}
	.pgo-button:hover{
		background: linear-gradient(#fff, #ddd);
		}
	.pgo-button:active{
		background: linear-gradient(#bbb, #ddd);
		}
	.pgo-button.pgo-icon{
		padding: 0;
		vertical-align: middle;
		min-width: 12px;
		min-height: 12px
		}
	.pgo-button.pgo-icon > div{
		width: 100%;
		height: 100%;
		background-size: contain;
		}
	.pgo-button .pgo-text{
		padding: 1px 6px;
		border: 1px solid #fff;
		border-radius: 3px;
		text-align: center;
		font-size: 14px;
		}

.pgo-selbutton{
	display: inline-block;
	padding: 3px 8px 5px;
	cursor: default;
	border-radius: 3px;
	font-size: 90%;
	background: none;
	opacity: 0.66;
	}
	.pgo-selbutton:hover{
		opacity: 1;
		background: rgba(0, 0, 0, 0.1);
		}
	.pgo-selbutton.pgo-active{
		background: rgba(0, 0, 0, 0.25);
		}
	.pgo-selbutton.pgo-active:hover{
		opacity: 1;
		background: rgba(0, 0, 0, 0.15);
		}
	.pgo-selbutton.pgo-icon{
		padding: 0;
		vertical-align: middle;
		min-width: 12px;
		min-height: 12px
		}
	.pgo-selbutton.pgo-icon > div{
		width: 100%;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		opacity: 0.75;
		}
	.pgo-selbutton.pgo-icon.pgo-active > div{
		opacity: 1;
		}
		
.pgo-optionselector{
	}
	.pgo-optionselector .pgo-seloption{
		display:inline-block;
		width:100%;
		color: #666;
		border: 1px solid #aaa;
		padding: 2px 4px;
		cursor:default;
		}
	.pgo-optionselector:not(.pgo-optionselhorizontal) .pgo-seloption{
		border-right-width:2px;
		}
	.pgo-optionselector:not(.pgo-optionselhorizontal) .pgo-seloption:first-child{
		border-radius: 3px 3px 0 0;
		}
	.pgo-optionselector:not(.pgo-optionselhorizontal) .pgo-seloption:last-child{
		border-bottom-width:2px;
		border-radius: 0 0 3px 3px;
		}
	.pgo-optionselector.pgo-optionselhorizontal .pgo-seloption{
		border-bottom-width:2px;
		}
	.pgo-optionselector.pgo-optionselhorizontal .pgo-seloption:first-child{
		border-radius: 3px 0 0 3px;
		}
	.pgo-optionselector.pgo-optionselhorizontal .pgo-seloption:last-child{
		border-right-width:2px;
		border-radius: 0 3px 3px 0;
		}
	.pgo-optionselector .pgo-seloption:hover{
		background-color: #ccc;
		border-color: #666 !important;
		color: #444;
		}
	.pgo-optionselector .pgo-seloption.pgo-active{
		border-color: #888 !important;
		background-color: #bbb;
		color: #222;
		}
	.pgo-optionselector .pgo-seloption .pgo-inner{
		-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select:none;
		}
		
		
.pgo-sliderlist{
	}
	.pgo-sliderlist .pgo-sliderinput{
		margin-bottom: 1px;
		}
	.pgo-sliderlist .pgo-sliderinput:last-child{
		margin-bottom: 0;
		}
		
.pgo-sliderinput{
	height: 18px;
	width: 100%;
	overflow:hidden;
	}
	#pgo-maincontainer.mobile .pgo-sliderinput{
		height: 22px;
		}
	.pgo-slidewrapper{
		height: 100%;
		width: calc(100% - 60px);
		display: inline-block;
		}
	.pgo-slidewrapper .pgo-sliderimage{
		height: 100%;
		width: 100%;
		vertical-align: top;
		border: 1px solid #000;
		border-right: none;
		border-radius: 3px 0 0 3px;
		background: linear-gradient(to right, #bbb, #ccc);
		}
	.pgo-sliderinput .pgo-textinput{
		width: 60px;
		height: 100%;
		vertical-align: top;
		border-radius: 0 3px 3px 0;
		}
.pgo-slider{
	position: absolute !important;
	pointer-events: none;
	width: 5px;
	height: calc(100% + 2px);
	top: -1px;
	left: 0;
	border: 1px solid #fff;
	}
	.pgo-slider.pgo-blockv{
		border-radius: 3px;
		}
	.pgo-slider.pgo-circle{
		border-radius: 100%;
		}
	.pgo-slider > div{
		border: 1px solid #000;
		width: 100%;
		height: 100%;
		}
	.pgo-slider.pgo-blockv > div{
		border-radius: 3px;
		}
	.pgo-slider.pgo-circle > div{
		border-radius: 100%;
		}
.pgo-offmode{
	display: none;
	}
.pgo-dividerline {
    height: 1px;
	margin: 4px 0;
    background-color: rgba(0,0,0,0.25);
	}

#pgo-dropdown{
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	z-index: 99;
	}
	#pgo-dropdownwrapper{
		position: fixed !important;
		top: 0;
		left: 0;
		min-height: 10px;
		min-width: 10px;
		border: 1px solid #888;
		box-shadow: 0 0 4px rgba(0,0,0,0.5);
		opacity: 0.75;
		max-height: 100vh;
		overflow-y: auto;
	background-color: #ddd;
		}
	#pgo-dropdownwrapper:hover{
		opacity: 1;
		}
	#pgo-dropdowntitle{
		font-size: 80%;
		padding: 1px 4px;
		cursor: default;
		background-color: #bbb;
		}
	#pgo-dropdowncontent{
		padding: 2px 0;
		}
	#pgo-dropdowncontent .pgo-option{
		padding: 0 8px 1px;
		cursor: pointer;
		}
	#pgo-dropdowncontent .pgo-option:hover{
		background-color:#ccc;
		}
	#pgo-dropdowncontent .pgo-option .pgo-icon{
		display: inline-block;
		vertical-align: middle;
		background-position:center center;
		background-size:contain;
		width: 16px;
		height: 16px;
		}
	#pgo-dropdowncontent .pgo-dividerline{
		height: 1px;
		margin: 2px 2px 0;
		}

.pgo-faqbox{
	padding: 6px 10px 8px;
	margin-bottom:4px;
	background-color: rgba(0, 0, 0, 0.1);
	}
	.pgo-faqbox .pgo-question{
		font-weight: bold;
		margin-bottom: 4px;
		}
	.pgo-faqbox .pgo-answer{
		font-size: 90%;
		}




	
	
#pgo-fullcover{
	width: 100vw;
	height: 100vh;
	position: fixed !important;
	width: 100vw;
	height: 100vh;
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 10;
	background-color:rgba(0,0,0,0.2);
	}
#pgo-covercontainer{
	width: 80%;
	height: calc(100% - 140px);
	margin: 60px auto 0;
	overflow-y: hidden;
	border: 1px solid #888;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	max-width: 1200px;
	background-color: rgba(221,221,221,0.925);
	}
	#pgo-maincontainer.mobile #pgo-covercontainer{
		width: 85%;
		height: calc(100% - 120px);
		margin: 40px auto 0;
		}
	#pgo-covercontainer > div{
		width: 100%;
		height: 100%;
		}
	.pgo-covertop{
		border-bottom: 1px solid #888;
		padding: 3px 20px 0;
		letter-spacing: 1px;
		font-size: 130%;
		font-weight: bold;
		text-align: center;
		height: 30px;
		}
	#pgo-maincontainer.mobile .pgo-covertop{
		display:none;
		}
	.pgo-covertabbuttons{
		text-align: center;
		padding: 4px 8px 0;
		background-color: rgba(0,0,0,0.2);
		}
	#pgo-maincontainer.mobile .pgo-covertabbuttons{
		display:none;
		}
	.pgo-covertabbuttons .pgo-covertabbutton{
		display: inline-block;
		border-radius: 3px 3px 0 0;
		padding: 4px 20px 0;
		vertical-align: top;
		cursor: default;
		margin: 0 2px;
		height: 28px;
		}
	.pgo-covertabbuttons .pgo-covertabbutton:hover{
		background-color:rgba(255,255,255,0.2);
		}
	.pgo-covertabbuttons .pgo-covertabbutton.pgo-active{
		padding: 6px 20px 0;
		background-color:rgba(221,221,221,0.925);
		}
	.pgo-covertablist{
		height: calc(100% - 62px);
		overflow-y: auto;
		}
	#pgo-maincontainer.mobile .pgo-covertablist{
		height: 100%;
		}
	.pgo-covertablist .pgo-covertab{
		padding: 50px 40px;
		}
	#pgo-maincontainer.mobile .pgo-covertablist .pgo-covertab{
		padding: 30px;
		}
		
	.pgo-texthighlight{
		display: inline-block;
		padding: 4px 8px;
		margin: 0 0 3px 0;
		border-radius: 2px;
		background-color:rgba(0,0,0,0.15);
		}
	.pgo-floatyleftbox{
		display: inline-block;
		text-align: left;
		}
	.pgo-optionbox{
		margin-bottom: 8px;
		}
	.pgo-optionbox * {
		vertical-align: top;
		}
	.pgo-optionbox .pgo-button {
		font-size: 12px;
		padding: 3px 8px;
		}
	.pgo-optionbox textarea{
		height: 22px;
		}
	#pgo-covertabsavecanvas{
		text-align: center;
		height: 100%;
		}
	#pgo-savedimage{
		height: calc(100% - 40px);
		max-width: 100%;
		}
	#pgo-savedimage img,
	#pgo-savedimage canvas,
	#pgo-savedimage textarea{
		max-height: 100%;
		max-width: 100%;
		}
	#pgo-savedimage textarea{
		height: 100%;
		width: 100%;
		min-height: 100%;
		min-width: 100%;
		padding: 0 5px;
		border:none;
		}
	#pgo-roomlist{
		border: 1px solid #888;
		padding: 10px;
		margin-bottom: 10px;
		}
	#pgo-roomlist .pgo-room{
		display: inline-block;
		border: 1px solid #888;
		padding: 10px;
		text-align: center;
		border-radius: 3px;
		cursor: pointer;
		margin: 3px 1px;
		background-color: #ccc;
		}
	#pgo-roomlist .pgo-room:hover{
		background-color: #bbb;
		}
	#pgo-roomlist .pgo-room .pgo-name{
		font-size: 18px;
		font-weight: bold;
		}
	#pgo-roomlist .pgo-room .pgo-id{
		font-size: 14px;
		margin: 0;
		}
	#pgo-roomlist .pgo-room .pgo-info{
		font-size: 14px;
		}




















#pgo-twmaincanvas{
	height: 100%;
	overflow: hidden;
	}
	#pgo-twmaincanvas .pgo-twcontents{
		height: calc(100% - 20px);
		border-bottom: none;
		box-shadow: 0 0 20px rgba(0,0,0,0.25) inset;
		padding: 0 !important;
		background-color: #aaa;
		border-color: #888;
		}
	#pgo-maincontainer.mobile #pgo-twmaincanvas .pgo-twcontents{
		height: 100% !important;
		max-height: 100% !important;
		}
	#pgo-maincontainer.mobile #pgo-twmaincanvas .pgo-twtop{
		display:none;
		}
	#pgo-thecanvas{
		position: absolute !important;
		}
	#pgo-prevcanvas{
		position: absolute !important;
		}
	#pgo-canvasoverlay{
		position:absolute;
		text-align:center;
		padding-top:33%;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.5);
		color:white;
		display:none;
		pointer-events:none;
		font-size: 2em;
		}


	
#pgo-twmenudesktop{
	background-color: #888;
	}
	#pgo-twmenudesktop .pgo-twtop,
	#pgo-twmenudesktop .pgo-twscale{
		display:none;
		}
	#pgo-twmenudesktop .pgo-twcontents{
		padding:4px 4px 1px;
		}
	#pgo-twmenudesktop .pgo-menusection{
		float: left;
		height: 100%;
		border-right: 1px solid #666;
		min-height:24px;
		}
	#pgo-twmenudesktop .pgo-menusection:last-child{
		border-right: none;
		}
	#pgo-twmenudesktop .pgo-menusection.pgo-buttons{
		padding: 0 8px;
		}
		#pgo-twmenudesktop .pgo-menubutton{
			display: inline-block;
			padding: 2px 10px 2px;
			cursor: default;
			font-size: 16px;
			height: 100%;
			}
		#pgo-twmenudesktop .pgo-menubutton:hover{
			background-color:#aaa;
			}
	#pgo-twmenudesktop .pgo-menusection.pgo-zoom{
		padding: 2px 10px 0;
		}
		#pgo-twmenudesktop #pgo-zoomlevel{
			margin: 0 2px 0 0;
			width: 60px;
			height: 18px;
			top: 1px;
			padding: 0;
			}
		#pgo-twmenudesktop .pgo-menusection.pgo-zoom .pgo-button{
			width:20px;
			height:20px;
			}
	#pgo-twmenudesktop .pgo-menusection.pgo-data{
		padding: 4px 10px 0;
		}
		#pgo-twmenudesktop .pgo-menudata{
			font-size: 80%;
			color: #000;
			}
	#pgo-twmenudesktop #pgo-menuuser a{
		font-size: 16px;
		text-decoration: none;
		color: #000;
		}


#pgo-twmenumobile{
	z-index:9999;
	border-top:1px solid #888;
	}
	#pgo-twmenumobile .pgo-twtop{
		display:none;
		}
	#pgo-twmenumobile .pgo-twcontents{
		padding: 2px !important;
		text-align:center;
		height:100%;
		}
	#pgo-twmenumobile .pgo-selbutton{
		width: calc(33.333% - 2px);
		height: 40px;
		margin: 1px;
		}






#pgo-twtools .pgo-twcontents{
	text-align:center;
	}
	#pgo-toollist .pgo-selbutton{
		width: 40px;
		height: 40px;
		margin: 1px;
		}


#pgo-twdockershortcuts .pgo-twcontents{
	text-align:center;
	}
	#pgo-twdockershortcuts .pgo-twclose{
		display:none;
		}
	#pgo-maincontainer.mobile #pgo-twdockershortcuts .pgo-twtop{
		display:none;
		}
	#pgo-dockershortcuts .pgo-selbutton{
		width: 40px;
		height: 40px;
		margin: 1px;
		}


#pgo-cannavigator{
	display: block;
    margin: 0 auto;
	border: 1px solid;
	max-width: 100%;
	}
	#pgo-navigzoomcontrols{
		margin-top:4px;
		}
	#pgo-navigzoomcontrols .pgo-button{
		width: 20px;
		height: 20px;
		margin: 0 1px;
		}


#pgo-layercontrols{
	padding: 0 0 4px;
	}
	#pgo-layercontrols .pgo-button{
		width: 24px;
		height: 24px;
		margin: 0 1px;
		}
#pgo-layerlist{
	padding: 4px;
	}
	.pgo-layer{
		border: 1px solid #aaa;
		border-color: #aaa !important;
		background-color: #ddd;
		color: #666;
		}
	.pgo-layer:hover{
		background-color: #ccc;
		color: #444;
		border-color: #666 !important;
		}
	.pgo-layer.pgo-active{
		border-color: #888 !important;
		background-color: #bbb;
		color: #222;
		}
	.pgo-layer > .pgo-layer:last-child{
		}
	.pgo-layer .pgo-layer{
		border-right: none;
		}
	.pgo-layer.pgo-mask{
		margin-left: 10px;
		border-bottom: none;
		border-left: 2px solid;
		}
	.pgo-layer.pgo-clip{
		margin-left: 10px;
		border-top: none;
		border-left: 2px solid;
		}
	.pgo-layer.pgo-friend{
		margin-left: 10px;
		border-bottom: none;
		border-left: 2px solid;
		}
	.pgo-layerclipleft,
	.pgo-layermaskleft{
		position: absolute !important;
		opacity: 0.33;
		display: none;
		}
	.pgo-layerclipleft{
		top: 0;
		left: -12px;
		height: 100%;
		width: 10px;
		background-position: bottom center;
		background-repeat: no-repeat;
		background-image: url('img/clippingarrow.png');
		}
	.pgo-layermaskleft{
		top: -1px;
		left: -9px;
		height: calc(100% - 2px);
		width: 7px;
		background-repeat: repeat;
		background-image: url('img/maskpixels.png');
		}
	.pgo-layer.pgo-clip > .pgo-layerclipleft,
	.pgo-layer.pgo-mask > .pgo-layermaskleft{
		display: block;
		}
		
	.pgo-layericon{
		display: inline-block;
		vertical-align: top;
		width: 24px;
		height: 24px;
		background-size: contain;
		opacity: 0.8;
		}
	.pgo-layer.pgo-typecanvas > .pgo-layercontent > .pgo-layericon{
		background-image: url('img/icon-brush.png');
		}
	.pgo-layer.pgo-typefill > .pgo-layercontent > .pgo-layericon{
		background-image: url('img/icon-fill.png');
		}
	.pgo-layer.pgo-typeimage > .pgo-layercontent > .pgo-layericon{
		background-image: url('img/icon-photo.png');
		}
	.pgo-layer.pgo-hidden > .pgo-layercontent > .pgo-layericon{
		opacity: 0.2;
		}
	.pgo-layername{
		display: inline-block;
		vertical-align: top;
		height: 24px;
		width: calc(100% - 24px);
		padding: 2px 0 0 1px;
		overflow: hidden;
		cursor: default;
		white-space: nowrap;
		}
	.pgo-layer.pgo-root{
		border: none;
		}
	.pgo-layer.pgo-root > .pgo-below > .pgo-layer{
		border: 2px solid;
		border-bottom: 1px solid #aaa;
		
		border: 1px solid;
		border-right: 2px solid #aaa;
		}
	.pgo-layer.pgo-root > .pgo-below > .pgo-layer:first-child{
		border-radius: 3px 3px 0 0;
		}
	.pgo-layer.pgo-root > .pgo-below > .pgo-layer:last-child{
		border-bottom: 2px solid #aaa;
		border-radius: 0 0 3px 3px;
		}
	.pgo-layer.pgo-root > .pgo-below > .pgo-layer.pgo-friend{
		margin-left: 0;
		}
	.pgo-layer.pgo-root > .pgo-layercontent .pgo-layericon{
		display: none;
		}
	.pgo-layer.pgo-root > .pgo-layercontent .pgo-layername{
		display: none;
		}


		
		

#pgo-twlayersettings .pgo-selbutton.pgo-icon{
	width: 18px;
	height: 18px;
	}
	#pgo-inputlayername{
		vertical-align: middle;
		width: calc(100% - 20px);
		margin-right: 2px;
		}
	#pgo-sliderlayeralpha{
		margin-top: 2px;
		}
	#pgo-layerfillcolor{
		display: none;
		margin-top: 2px;
		}
	#pgo-twlayersettings.pgo-fill #pgo-layerfillcolor{
		display: block;
		}

#pgo-twsprites{
	}
	.pgo-spritepreviewarea{
		text-align:center;
		}
	#pgo-spritepreview{
		max-width:100%;
		width:auto;
		height:auto;
		image-rendering: -moz-crisp-edges;
		image-rendering: crisp-edges;
		display: block;
		margin: 0 auto;
		}
	#pgo-twsprites .pgo-buttons{
		margin-bottom: 6px;
		}
	#pgo-twsprites .pgo-buttons .pgo-button{
		width:18px;
		height:18px;
		}
	.pgo-spritecontrols{
		margin:8px 0;
		}
		.pgo-spritecontrols > .pgo-sidebyside > .pgo-left {
			padding-right: 4px;
			border-right: 1px solid;
			border-color: rgba(0,0,0,0.2);
			text-align:left;
			}
		.pgo-spritecontrols > .pgo-sidebyside > .pgo-right {
			padding-left: 4px;
			text-align:left;
			}
	.pgo-spritelist{
		font-size:0;
		text-align: left;
		}
		.pgo-spritethumb{
			display:inline-block;
			vertical-align:top;
			width:36px;
			height:36px;
			padding:2px;
			border:1px solid #aaa;
			border-radius:3px;
			text-align: center;
			}
		.pgo-spritethumb.selected{
			border:1px solid #888;
			background-color: #bbb;
			}
		.pgo-spritethumb .pgo-thesprite{
			max-width:100%;
			max-height:100%;
			width:auto;
			height:auto;
			position: absolute !important;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			}

.pgo-stretchybox{
	border:1px solid #888;
	border-radius: 2px;
	}
	.pgo-stretchy{
		overflow-y: auto;
		max-height: 100px;
		padding:4px;
		}
	.pgo-stretchyhandle{
		border-top:1px dotted #888;
		background-color:#bbb;
		height:5px;
		cursor:ns-resize;
		}



#pgo-toolpresetcontrols{
	padding: 0 0 4px;
	}
	#pgo-maincontainer.mobile #pgo-toolpresetcontrols{
		display:none;
		}
	#pgo-toolpresetcontrols .pgo-button{
		width: 24px;
		height: 24px;
		margin: 0 1px;
		}
	#pgo-toolpresetlist{
		padding: 4px;
		}
	#pgo-maincontainer.mobile .pgo-toolpreset{
		padding: 4px 10px;
		font-size:1.25em;
		}



#pgo-cursoroptions,
#pgo-brushoptions,
#pgo-filloptions,
#pgo-pickeroptions,
#pgo-graboptions,
#pgo-zoomoptions,
#pgo-cropoptions{
	display: none;
	}
#pgo-twtooloptions.pgo-cursor #pgo-cursoroptions,
#pgo-twtooloptions.pgo-brush #pgo-brushoptions,
#pgo-twtooloptions.pgo-fill #pgo-filloptions,
#pgo-twtooloptions.pgo-picker #pgo-pickeroptions,
#pgo-twtooloptions.pgo-grab #pgo-graboptions,
#pgo-twtooloptions.pgo-zoom #pgo-zoomoptions,
#pgo-twtooloptions.pgo-crop #pgo-cropoptions{
	display: block;
	}
#pgo-cantoolpreview{
	display: block;
    margin: 0 auto;
	border: 1px solid #000;
	}
	.pgo-center.pgo-toolpreview{
		padding: 0 0 4px;
		}
	.pgo-center.pgo-toolwacom{
		padding: 4px 0 0;
		}
	#pgo-slidervaluesize,
	#pgo-slidervaluealpha{
		}
	#pgo-slidersize .pgo-sliderimage{
		border: none;
		background: none;
		background-size:100% 100%;
		background-image:url('img/sizeblock.png');
		}
	#pgo-sliderimagealpha{
		background: linear-gradient(to right, #fff, #000);
		}
	#pgo-brushswapper{
		margin-bottom:8px;
		}
	
#pgo-cropsection .pgo-dividerline{
	margin: 6px 0;
	}
	#pgo-cropsection > .pgo-sidebyside,
	#pgo-cropstuffsecond > .pgo-sidebyside{
		margin-bottom: 1px;
		}
	#pgo-cropstuffsecond > .pgo-sidebyside > .pgo-left{
		padding-right: 4px;
		border-right: 1px solid rgba(0,0,0,0.2);
		}
	#pgo-cropstuffsecond > .pgo-sidebyside > .pgo-right{
		padding-left: 4px;
		}


#pgo-colorwheelcontainer{
	display: inline-block;
	}
	#pgo-cancolorring{
		display: block;
		}
	#pgo-colorsquare{
		position: absolute !important;
		width: 100px;
		height: 100px;
		top: 0;
		left: 0;
		border: 1px solid #000;
		box-sizing: content-box;
		}
	#pgo-colorsquareinner1{
		width: 100%;
		height: 100%;
		background: #f00;
		}
	#pgo-colorsquareinner2{
		width: 100%;
		height: 100%;
		background: linear-gradient(transparent, #000), linear-gradient(to right, #fff, transparent);
		position: absolute !important;
		top: 0;
		left: 0;
		}
	#pgo-sliderposcolorsquare{
		width: 6px;
		height: 6px;
		}
	#pgo-sliderposcolorring{
		width: 18px;
		height: 18px;
		}
	#pgo-buttoncolorwheeloptions{
		position: absolute !important;
		top: 4px;
		right: 3px;
		width: 20px;
		height: 20px;
		}


#pgo-colormodebuttons{
	padding: 0 30px 4px 0;
	}
	#pgo-slidervaluecolor1,
	#pgo-slidervaluecolor2,
	#pgo-slidervaluecolor3{
		text-align: left;
		padding-left: 4px;
		}
	#pgo-valuehex{
		width: 100%;
		height: 18px;
		}
	#pgo-buttoncolorslideroptions{
		position: absolute !important;
		top: 4px;
		right: 3px;
		width: 20px;
		height: 20px;
		}


#pgo-colorpresets{
	padding: 0 0 4px;
	}
#pgo-alphapresets{
	padding: 4px 0;
	border-top: 1px dotted #888;
	}
#pgo-sizepresets{
	padding: 4px 0 0;
	border-top: 1px dotted #888;
	}
	.pgo-presetlist{
		text-align: left;
		margin-top: 2px;
		line-height: 0em;
		}
	.pgo-presetlist .pgo-swatch{
		display: inline-block;
		width: 23px;
		height: 23px;
		border: 1px solid #eee;
		box-shadow: 0 0 0 1px #000 inset;
		text-align: center;
		font-size: 80%;
		padding-top: 10px;
		cursor: default;
		}
	.pgo-presetlist .pgo-swatch:hover{
		box-shadow:none;
		border: 1px solid;
		border-color: #000;
		}
	#pgo-sizepresets .pgo-swatch{
		border-radius: 100%;
		background-color: #000;
		color: #fff;
		}


#pgo-twchat{
	}
	#pgo-twchat .pgo-twcontents{
		height: calc(100% - 16px);
		}
	#pgo-messagelist{
		height: calc(100% - 30px);
		overflow: hidden;
		border-bottom: 1px solid #888;
		}
	#pgo-messageinner{
		position: absolute !important;
		bottom: 0;
		width: 100%;
		}
	#pgo-postmessage{
		width: 100%;
		margin-top: 3px;
		}
	.pgo-message{
		border-top: 1px solid;
		text-align: left;
		padding: 2px 0;
		font-size: 14px;
		}
	.pgo-message .pgo-name{
		margin-right: 0.25em;
		font-weight: bold;
		color: #333;
		}
		
	.pgo-message.pgo-chat{
		font-weight: normal;
		}
	.pgo-message.pgo-broadcast{
		color: #a00;
		}
	.pgo-message.pgo-system{
		color: #666;
		}
	.pgo-message.pgo-ayytext{
		color: #480;
		}
	.pgo-message.pgo-ayytext .pgo-content:before{
		content: ">";
		}
	.pgo-message.pgo-yeetext{
		color: #37a;
		}
	.pgo-message.pgo-yeetext .pgo-content:before{
		content: "<";
		}