html{
	width: 100%;
	min-height: 100%; 
	margin-top: 0px; 
	margin-left: 0px;
	background: #ACACAC; /* For browsers that do not support gradients */
	background-repeat: no-repeat;
	background: -webkit-linear-gradient(white, #ACACAC 300px); /* For Safari 5.1 to 6.0 */ 
	background: -o-linear-gradient(white, #ACACAC 300px); /* For Opera 11.1 to 12.0 */ 
	background: -moz-linear-gradient(white, #ACACAC 300px); /* For Firefox 3.6 to 15 */ 
	background: linear-gradient(white, #ACACAC 300px); /* Standard syntax */
}
body {
	width: auto;
	margin:0 auto;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif; 
	color: #0A0A0A; 
	min-height: 350px;
	background: #ACACAC; /* For browsers that do not support gradients */ 
	background-repeat: no-repeat;
	background: -webkit-linear-gradient(white, #ACACAC 300px); /* For Safari 5.1 to 6.0 */ 
	background: -o-linear-gradient(white, #ACACAC 300px); /* For Opera 11.1 to 12.0 */ 
	background: -moz-linear-gradient(white, #ACACAC 300px); /* For Firefox 3.6 to 15 */ 
	background: linear-gradient(white, #ACACAC 300px); /* Standard syntax */
}
a {
	color: #FC4A1A;
	text-decoration: none;
	cursor: pointer;
}
.header {
	padding-top: 15px;
	padding-bottom: 15px;
/*	margin-bottom: 10px; */
/*	margin-top: 10px; */
/*	border-bottom: 1px solid #F7B733; */
	vertical-align: text-bottom;
    width: 1000px;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;
	white-space: nowrap;
}
.headerimage {
	display: inline-block;
	width: 50%;
	height: 42px;
	vertical-align: middle;
}
.headerbuttons {
	display: inline-block;
	width: 50%;
	height: 42px;
	text-align: right;
	vertical-align: middle;
}
.footer {
	padding: 5px;
	margin-top: 20px;
/*	border-top: 1px solid #F7B733; */
/*	vertical-align: text-bottom; */
/*	background: #eeeeee; */
 	background: transparent;
    width: 1000px;
    max-width: 100%;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
}
.footerlink{
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
.footerlink:hover:enabled {
	color: #F7B733;
}
.footer div {
	display: table-cell;
	border-right: 20px solid transparent;
}
.footer div last-child{
	border-right: 20px solid transparent;
}
.socialcircle {
	display: table-cell; 
	font-size: 36px; 
	width: 70px; 
	height: 70px; 
	vertical-align: middle; 
	border-radius: 50%; 
	border: 1px solid #ffffff;
	color: #ffffff;
}
.socialcircle:hover:enabled {
	background: #F7B733;
	color: #ffffff;
	border: 1px solid #F7B733;
}
.page {
	width:1000px;
	max-width: 100%;
	margin:0 auto;
	padding: 0px;
	text-align:left;
	position: relative;
/*  		min-height: 100%;*/
}
.nodecanvas {
	cursor: arrow; 
	display: block; 
	outline: none; 
	font-family: 'Londrina Solid' !important;
}
.content {
	margin:0 auto;
	min-width: 936px;
	padding: 30px; 
	background: white; 
	border-radius: 25px;
    border: 2px solid #F7B733; 
    box-shadow: 0px 0px 5px #F7B733;
}
.fixedoverlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background-color: rgba(41, 47, 51, 0.5); /*dim the background*/
/*  display: table-cell;
  vertical-align:middle;*/
  text-align: center;
  overflow: auto;
}
.fixedoverlay:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
/*
  background: #808080; width: 5px;
*/
}
.dialogfixedoverlay{
/*	position: absolute; */
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
/*	margin-top: 100px; */
	width: auto;
	max-width: 860px;
	min-width: 450px;
	padding: 30px;
	background: white; 
	border-radius: 25px;
    border: 2px solid #F7B733;
}
/*
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  background-color: rgba(41, 47, 51, 0.5); 
  text-align: center;
}
.overlay:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em;
}
.newdialog{
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	width: auto;
	max-width: 90%;
	padding: 30px;
	background: white;
	border-radius: 25px;
    border: 2px solid #F7B733;
}
*/
.dialogtitle {
	padding: 2px;
	font-size: 36px;
	text-align: center;
	font-family: 'Londrina Solid';
	white-space: nowrap;
	color: white;
	background: #F7B733;
	margin-bottom: 20px;
}
.progresslabel {
	width: 600px;
	padding: 2px;
	font-size: 36px;
	text-align: center;
	font-family: 'Londrina Solid';
	white-space: nowrap;
}
.progressbar {
	width: 600px;
	height: 20px;
}
.pagetitle {
	font-size: 36px;
	font-family: 'Londrina Solid';
}
.plainpagetitle {
	font-size: 24px;
	font-family: 'Open Sans';
}
.smallpagetitle {
	font-size: 24px;
	color: black;
}
.player {
	display: block;
	cursor: pointer;
	box-shadow: 0px 0px 5px silver;
}

.player .ui-slider-horizontal {
    height: 5px;
}
.player .ui-slider .ui-slider-handle {
    height: 13px;
    width: 5px;
    padding-left: 3px;
}
.ui-slider .ui-slider-handle:focus { outline: none; }

.usercontainer {
	position: relative;
	display: inline-block;
	width: 272px;
	padding: 5px; 
	margin: 20px;
	background: #eeeeee; 
	border: 3px solid #F7B733; 
	font-size: 14px;
}
.displayslim{
	position: relative;
	display: inline-block; 
	margin-top: 20px; 
	margin-bottom: 20px;
/*	border: 1px solid silver; */
/*	box-shadow: 0px 0px 5px silver; */
	width: 800px; 
	height: 450px;
}
.pubinfo{
	display: inline-block;
	vertical-align: top;
	width: 802px;
}
.pubpiccontainer{
	width: 100px; 
	display: table-cell; 
	vertical-align: top; 
	text-align: center;
}
.pubinfocontainer{
	width: 442px; 
	display: table-cell; 
	vertical-align: top;
}
.pubpic{
	width: 78px; 
	height: 78px; 
	vertical-align: middle; 
	border: 1px solid silver; 
	border-radius: 50%;
}
.pubsocial{
	width: 260px; 
	display: table-cell; 
	vertical-align: top; 
	font-size: 24px; 
	text-align: right;
}
.myproj{
	background: #eeeeee;   
	padding: 10px; 
	position: relative; 
	box-shadow: 5px 5px 5px silver; 
	border: 1 px solid silver;
	border-radius: 6px;
}
.myprojpiccont{
	width: 162px; 
	display: table-cell; 
	vertical-align: top; 
	text-align: center;
}
.myprojpic{
	display: block; 
	width: 160px;
}
.myprojinfocont{
	width: 700px; 
	display: table-cell; 
	vertical-align: top; 
	text-align: left;
}
.myprojinfo{
	width: 600px;
	margin-left: 10px; 
	display: inline-block;
}
.myprojname {
	font-size: 14px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	width: 100%;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.projcontainer {
	position: relative;
	display: inline-block;
	width: 272px;
	padding: 0px; 
/*	margin: 20px; */
	background: #eeeeee; 
	border: 6px solid #eeeeee;
	box-shadow: 5px 5px 5px silver;
	border-radius: 6px;
	font-size: 0px;
	margin-bottom: 40px;
}
.projinfo {
	width: 210px;
/*	padding: 5px; */
	display: inline-block; 
	vertical-align: top;
/*	border-top: 1px solid #F7B733; */
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
.projname {
	font-size: 14px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.byline {
	font-size: 14px;
/*	font-weight: bold; */
	font-family: 'Open Sans', sans-serif;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.savedate {
	text-align: left;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}
.durframes {
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
}
.banned {
    text-align: center;
    width: 272px;
    height: 153px;
    background:rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left:0;
    font-size: 32px;
    color: red;
} 
.slimcontainer {
	width: 274px;
	height: 153px;
	display: inline-block;
	margin: 0;
	vertical-align:top;
}
.controlbutton{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif; 
	background: #ffffff !important;
	border: 1px solid silver !important;
	cursor: pointer !important;
	user-select: none;
	-webkit-appearance: none;
}
.controlbutton:focus {
	outline:0;
}
.controlbutton:disabled {
	color: #C0C0C0;
}
.actionbutton{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif !important; 
	background: #F7B733;
	border: 1px solid #F7B733;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	user-select: none;
	-webkit-appearance: none;
}
.actionbutton:hover:enabled {
	/*	background-color: #F7B733;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
	*/
	border: 1px solid #FC4A1A; 
}
.actionbutton:focus {
	outline:0;
}
.actionbutton:disabled {
	color: gray;
	cursor: auto;
}
.paintbutton{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif !important; 
	background: #F7B733;
	border: 1px solid #F7B733;
	color: white;
	cursor: pointer;
	user-select: none;
}
.paintbutton:hover:enabled {
	/*	background-color: #F7B733;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
	*/
	border: 1px solid #FC4A1A; 
}
.paintbutton:focus {
	outline:0;
}
.paintbutton:disabled {
	border: 1px solid #FC4A1A;
	cursor: auto;
}
.toolbuttoncontent{
	border-bottom-style: solid; 
	border-top-width: 0px; 
	border-bottom-color: #ffffff;
	border-bottom-style: solid; 
	border-left-width: 0px; 
	border-bottom-color: #ffffff;
	border-bottom-style: solid; 
	border-right-width: 0px; 
	border-bottom-color: #ffffff;
	border-bottom-style: solid; 
	border-bottom-width: 4px; 
	border-bottom-color: #ffffff;
}
.toolbutton{
	font-size: 14px;
	line-height: 14px;
	font-family: 'Open Sans', sans-serif !important; 
	background: #ffffff;
	color: #444;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	border: 1px solid silver;
	cursor: pointer;
	user-select: none;
}
.toolbutton:hover:enabled {
	/*	background-color: #F7B733;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
	*/
	border: 1px solid #F7B733; 
}
.toolbutton:focus {
	outline:0;
}
.toolbutton:disabled {
	color: silver;
}
.keybutton{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif !important; 
	background: white;
	border: 1px solid #F7B733;
	color: #F7B733;
	cursor: pointer;
	user-select: none;
}
.keybutton:hover {
	/*	background-color: #F7B733;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
	*/
	border: 1px solid #FC4A1A; 
}
.keybutton:focus {
	outline:0;
}
.keybutton:disabled {
	color: #C0C0C0;
}
.keybutton:focus {
	outline:0;
}
.keybuttonpress{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif !important; 
	background: #F7B733;
	border: 1px solid #F7B733;
	color: white;
	cursor: pointer;
	user-select: none;
}
.keybuttonpress:hover {
	/*	background-color: #F7B733;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
	*/
	border: 1px solid #FC4A1A; 
}
.keybuttonpress:focus {
	outline:0;
}
.keybuttonpress:disabled {
	color: #C0C0C0;
}
.keybuttonpress:focus {
	outline:0;
}
.closebutton{
	float: right;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif; 
	color: #F7B733 !important;
	border: 1px solid #F7B733 !important;
	background: white;
	cursor: pointer !important;
	user-select: none;
	line-height: 100%;
	padding-left: 5px;
	padding-right: 5px;
}
.closebutton:focus {
	outline:0;
}
.roundbutton {
	display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #F7B733 !important;
    background: white;
    border: 1px solid #F7B733;
    font-size: 18px;
    text-align: center;
    padding: 0px;
}
.roundbutton:hover {
	border-color: #FC4A1A; 
}
.roundbutton:focus {
	outline:0;
}
.smallroundbutton {
	display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #F7B733 !important;
    background: white;
    border: 1px solid #F7B733;
    font-size: 14px;
    text-align: center;
    padding: 0px;
}
.smallroundbutton:hover {
	border-color: #FC4A1A; 
}
.smallroundbutton:focus {
	outline:0;
}
.hintpanel {
	position: relative; 
	top: 0px; 
	height: 25px; 
/*	background: white; */
	color: white;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	text-align: center; 
	font-size: 14px;
}
.hint {
	background: #F7B733;
	color: white;
	padding: 4px; 
}
.pagehint {
	margin-top: 10px;
	display: block;
	border: 1px solid silver;
	background: white;
	padding: 10px;
	max-width: 800px;
}
.selector{
	position: absolute;
	z-index: 5000;
	font-family: 'Open Sans', sans-serif !important; 
	font-size: 14px;
	border-color: silver;
	background: white;
	border: 1px solid silver; 
	width: 131px; 
	height: 200px;
	overflow-y: scroll;
	padding: 1px;
}
.selector::-webkit-scrollbar {
	-webkit-appearance: none;
}

.selector::-webkit-scrollbar:horizontal {
	height: 8px;
}

.selector::-webkit-scrollbar:vertical {
	width: 8px;
}

.selector::-webkit-scrollbar-thumb {
	border-radius: 0px;
	border: 1px solid gray; /* should match background, can't be transparent */
	background-color: gray;
}

.selector::-webkit-scrollbar-track { 
	background-color: silver; 
	border-radius: 0px; 
}

.selectitem{
	width: 100%;
	color: black;
	line-height: 150%;
	cursor: pointer;
}

.selectitem:hover{
	background: #eeeeee;
}

.font{
	display: inline-block;
	margin:0;
    vertical-align:top;
	width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	line-height: 14px;
	font-size: 14px;
}
.fontsize{
	display: inline-block;
	margin:0;
    vertical-align:top;
	width: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	line-height: 14px;
	font-size: 14px;
}

.frameroll{
	font-size: 12px;
	border-color: silver;
	background: #eeeeee;
	border-style: solid; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	border-top-width: 1px; 
	border-right-width: 1px;
	width: 138px; 
	height: 448px;
	overflow-y: scroll;
	padding: 1px;
}
.frameroll::-webkit-scrollbar {
	-webkit-appearance: none;
}

.frameroll::-webkit-scrollbar:horizontal {
	height: 8px;
}

.frameroll::-webkit-scrollbar:vertical {
	width: 8px;
}

.frameroll::-webkit-scrollbar-thumb {
	border-radius: 0px;
	border: 1px solid gray; /* should match background, can't be transparent */
	background-color: gray;
}

.frameroll::-webkit-scrollbar-track { 
	background-color: silver; 
	border-radius: 0px; 
}
.thumb {
	position: relative;
	cursor: pointer;
	background: #eeeeee;
	border-color: silver;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 3px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}
.thumbcanvas{
	display: block;
}
.framenumber {
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	font-size : 12px;
	line-height: 12px;
	height: 12px;
	cursor: pointer;
}
.lefthalf {
	display: inline-block;
	width: 50%;
	text-align: left;
}
.righthalf {
	display: inline-block;
	width: 50%;
	text-align: right;
}
.displaytime {
	font-size : 12px;
	line-height: 12px;
	height: 12px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
	background: #F7B733;
	color: white;
}
.framepersec{
	border: 1px solid silver; 
	width: 20px; 
	color: #444; 
	font-size: 14px; 
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
}
.framepersec:disabled{
	background: #eeeeee;
	color: gray;
	user-select: auto;
}
.modal {
	position: fixed; /* Stay in place */
	z-index: 1001; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0); /* Black w/ opacity */
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

.dialog {
	font-size: 18px;
}

.dialogclosebutton{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif; 
	color: #F7B733 !important;
	border: 1px solid #F7B733 !important;
	background: white;
	cursor: pointer !important;
	user-select: none;
	line-height: 100%;
	padding-left: 5px;
	padding-right: 5px;
}

.dialogclosebutton:focus {
	outline:0;
}

.selectit {
	text-align: left;
	width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px !important;
/*    outline: 1px solid #eeeeee; */
    line-height: 20px;
	font-family: 'Open Sans', sans-serif !important; 
	background: #eeeeee;
	color: black;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	-webkit-border-radius: 0px;
	border: 1px solid silver; 
	-webkit-appearance: none; 
	-moz-appearance: none;
	/*
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 20%;
    background-repeat: no-repeat;
    */
}
.selectit:hover {
	/*	background-color: #F7B733;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#26000000)";
	*/
	outline: 1px solid red; 
}
.selectit:focus {
	outline:0;
}
.selectit:disabled {
	color: silver;
}

.newselectit {
	text-align: left;
	width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px !important;
/*    outline: 1px solid #eeeeee; */
	font-family: 'Open Sans', sans-serif !important; 
	background: #ffffff;
	color: #444;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	-webkit-border-radius: 0px;
	border: 1px solid silver; 
	/*
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 20%;
    background-repeat: no-repeat;
    */
}
.newselectit:focus {
	outline:0;
}
.newselectit:disabled {
	color: silver;
}

.selectopts {
	font-size: 14px !important;
	background: #eeeeee;
	color: black;
}

.imagediv {
	width: 400px;
	height: 225px;
	padding: 0px;
	border: 1px solid silver;
	overflow: scroll;
	margin-bottom: 5px;
	margin-right: 5px;
	display: inline-block;
}

.imagediv::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

.imagediv::-webkit-scrollbar:horizontal {
	height: 11px;
}

.imagediv::-webkit-scrollbar:vertical {
	width: 11px;
}

.imagediv::-webkit-scrollbar-thumb {
	border-radius: 0px;
	border: 1px solid white; /* should match background, can't be transparent */
	background-color: gray;
}

.imagediv::-webkit-scrollbar-track { 
	background-color: silver; 
	border-radius: 0px; 
}

.imagediv::-webkit-scrollbar-corner { 
	background-color: silver; 
}

.croplist{
	float: left; 
	display: inline-block; 
	border: 1px solid silver; 
	height: 385px; 
	width: 210px; 
	font-size: 24px; 
	font-family: Londrina Solid; 
	text-align: center; 
	color: #FC4A1A;
	overflow-y: scroll;
	margin: 0 auto;
}

.croplist::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

.croplist::-webkit-scrollbar:vertical {
	height: 11px;
}

.croplist::-webkit-scrollbar-thumb {
	border-radius: 0px;
	border: 1px solid white; /* should match background, can't be transparent */
	background-color: gray;
}

.croplist::-webkit-scrollbar-track { 
	background-color: silver; 
	border-radius: 0px; 
}

.croplist::-webkit-scrollbar-corner { 
	background-color: silver; 
}

.logininput {
	width: 240px;
	font-size: 14px;
	padding: 2px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background: #eeeeee !important;
	border: 1px solid silver !important;
}

.logininput:focus {
	outline:0;
	border: 1px solid #FC4A1A !important;
}
.logininput:disabled {
	color: #C0C0C0;
}

.loginlabel {
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	display: inline-block;
}
.lineitem {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-style: solid;
	border-width: 3px;
	border-color: #808080;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	padding: 3px; 
    color: white;
    background-color: #F7B733;
    border: 1px solid #F7B733;
    display: inline-block;
    width: 298px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px;
    text-align: center;
}

.inputfile:focus + label,
.inputfile + label:hover {
    border: 1px solid #FC4A1A;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.inputfile:focus + label {
/*	outline: 1px dotted #FC4A1A; */
/*	outline: -webkit-focus-ring-color auto 5px; */
outline: 0;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
/*    outline: 1px dotted #000; */
/*    outline: -webkit-focus-ring-color auto 5px; */
outline: 0;
}
.steps {
	counter-reset: my-counter;
}
.steps dt {
	position: relative;
	font: bold 16px Open Sans;
	padding: 4px 0 10px 0;
}
.steps dt:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	position: absolute;
	left: 0;
	top: 0;
	font: bold 50px/1 Londrina Solid;
}
.steps dd {
	margin: 0 0 50px 0;
}	
.steps dt, .steps dd {
	padding-left: 50px;
}
.playertitle{
	display: block;
	margin:0;
    vertical-align:top;
	width: 100%;
	font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	line-height: 14px;
	font-size: 14px;
}
.projlist {
/*	background: #DFDCE3; */
	text-align: center;
}
.projlist > div{
	margin-bottom: 30px;
}
.projlist div:last-child{
	margin-bottom: 0px;
}
.gallery {
/*	text-align: center; */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: 0px;
}
.gallery > div{
	margin-right: 40px;
}
.gallery div:nth-child(3n) {
    margin-right: 0px;
}
.nocontent {
	padding: 25px;
}
.tablinks {
	font-size: 18px;
}
.toplayer{ 
	padding-bottom: 20px; 
	/*
	background: #DFDCE3; 
	background: -webkit-linear-gradient(white, #DFDCE3); 
	background: -o-linear-gradient(white, #DFDCE3);  
	background: -moz-linear-gradient(white, #DFDCE3); 
	background: linear-gradient(white, #DFDCE3); 
	*/
}
.toplayerinfo{
	padding-left: 20px; 
	padding-bottom: 5px; 
	width: 800px; 
	display: table-cell; 
	vertical-align: bottom; 
	text-align: left;
}
.bigimagebox{
	position: relative;
	width: 152px; 
	display: table-cell; 
	vertical-align: bottom; 
	text-align: center;
}
.bigimage{
	width: 150px; 
	height: 150px; 
	vertical-align: middle; 
	border: 1px solid silver; 
	border-radius: 50%;
}
.follow{
	display: inline-block; 
	position: absolute; 
	bottom: 4px; 
	left: 0px; 
	text-align: center; 
	width: 100%;
}

.socialbuttons{
	font-size:36px;
}
.socialbuttons a{
	outline: 0;
	margin-right: 10px;
}
.socialbuttons a:last-child {
    margin-right: 0px;
}
.commentposter{
	position: relative;
	margin-bottom: 10px;
	border: 1px solid white;
	padding: 5px;
}
.commentscontainer{
	text-align: left; 
	width: 700px; 
	margin-top: 20px; 
	text-align: left;
}
.comment{
	position: relative;
	margin-bottom: 10px;
	border: 1px solid white;
	padding: 5px;
}
.comment:hover{
	border: 1px solid #F7B733;
}
.commentflag{
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;				
}
.commentflag a{
	color: red;
}
.comment:hover .commentflag{
	display: block;
}
.commentpic {
	width: 50px; 
	display: table-cell; 
	vertical-align: top; 
	text-align: center;
}
.commentpic img{
	width: 38px; 
	height: 38px; 
	vertical-align: middle; 
	border: 1px solid silver; 
	border-radius: 50%;
}
.commenttext {
	width: 600px; 
	display: table-cell; 
	vertical-align: top;
}
.commenttime {
	line-height: 11px;
	font-size: 11px;
}
.commentpost {
	font-size: 14px; 
	margin-top: 5px;
	word-wrap: break-word;
	overflow-x: hidden;
	width: 600px;
}
.commenttext textarea{
	width: 100%; 
	height: 60px; 
	font-size: 14px; 
	font-family: Open Sans;
}
.coverarea {
	display: inline-block; 
	width: 272px;
	height: 153px;
	position: relative;
}
.coverarea a{
	position: relative;
}
.coverarea img{
	width: 272px;
	height: 153px;
	display: inline-block;
	margin: 0;
	vertical-align:top;
}
.coverareainfo {
	display: none;
	font-size: 14px;
	font-weight: bold;
	font-family: Open Sans;
	position: absolute;
	width: 272px;
	height: 20px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); /* For Safari 5.1 to 6.0 */ 
	background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); /* For Opera 11.1 to 12.0 */ 
	background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); /* For Firefox 3.6 to 15 */ 
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); /* Standard syntax */
	color: white !important;
	padding-top: 133px;
	top: 0px;
	left: 0px;
/*	z-index: 100; */
}
.coverareainfo span{
	margin-right: 15px;
}
.coverareainfo span:last-child {
    margin-right: 0px;
}
.coverarea:hover .coverareainfo{
	display: block;
}
.coverarea:focus .coverareainfo{
	display: block;
}
.bullet {
	color: #808080;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 32px;
	cursor: pointer;
}
.selectedbullet {
	color: #FC4A1A;
	cursor: default;
	pointer-events: none;
}
.exampleinfo {
	padding: 5px; 
	font-weight: bold; 
	font-family: Open Sans; 
	font-size: 14px;
}

.accountbox{
	text-align: left; 
	font-size: 18px; 
	border: 1px solid #F7B733; 
	width: 800px; 
	max-width: 100%;
	margin: 0 auto;
	background: #ffffff; 
	padding: 20px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.updatepic{
	display: block; 
	width: 100%; 
	position: absolute; 
	top: 125px; 
	text-align: center;
}
.frontanim{
	display: table; 
	table-layout: fixed; 
	margin: 0 auto; 
	text-align: center; 
	vertical-align: middle; 
	margin: 0 auto; 
	margin-top: 50px; 
	margin-bottom: 5px; 
	width: 900px;
}
.leftfrontanim{
	height: 450px;
	width: 50px;
	display: table-cell; 
	vertical-align: middle; 
	text-align: right;
}
.rightfrontanim{
	height: 450px; 
	width: 50px;
	display: table-cell; 
	vertical-align: middle; 
	text-align: left;
}
.centerfrontanim{
	position: relative; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	height: 450px;
}
.premtable{
	width: 90%; 
	border: 1px solid silver; 
	border-collapse: collapse;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
}
.navbutton{
	font-size: 32px;
	padding: 10px;
}

.publishedpadding{
	margin: 0 auto; 
	text-align: center; 
	padding: 30px;
}

.banmessage{
	display: inline-block;
	width: 800px; 
	max-width: 100%; 
	font-size: 24px; 
	color: #FC4A1A; 
	text-align: center; 
	border: 1px solid #F7B733; 
	padding: 30px; 
	margin-top: 20px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.shorttext{
	vertical-align: text-bottom; 
	display: inline-block; 
	max-width: 300px; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

@media only screen and (max-device-width: 750px) {

body {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.page {
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	padding: 0px;
	text-align: center;
	position: relative;
/*  		min-height: 100%;*/
}
.content {
	margin: 0px;
	min-width: 0px;
	width: 100%;
	padding: 5px; 
	background: white; 
	border-radius: 0px;
    border: 2px solid #F7B733; 
    box-shadow: none;
    box-sizing: border-box;
}

.header {
	padding-top: 0px;
	padding-bottom: 10px;
/*	margin-bottom: 10px; */
/*	margin-top: 10px; */
/*	border-bottom: 1px solid #F7B733; */
	vertical-align: text-bottom;
    width: 100%;
    max-width: 100%;
    user-select: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;
	white-space: normal;
	text-align: center;
}

.footer {
	box-sizing: border-box;
}

.headerimage {
	display: block;
	width: 100%;
	height: 42px;
	vertical-align: middle;
	padding: 5px;
	box-sizing: border-box;
}

.headerbuttons {
	display: block;
	width: 100%;
	height: 42px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	box-sizing: border-box;
}

.pagetitle {
	font-size: 24px;
	font-family: 'Londrina Solid';
	box-sizing: border-box;
}

.plainpagetitle {
	font-size: 18px;
	font-family: 'Open Sans';
}

.smallpagetitle {
	font-size: 18px;
	color: black;
}
.myproj{
	background: #eeeeee;   
	padding: 5px; 
	position: relative; 
	box-shadow: 5px 5px 5px silver; 
	border: 1 px solid silver;
	border-radius: 6px;
	display: inline-block;
	width: 272px
}
.myprojpiccont{
	width: 272px; 
	display: block; 
	vertical-align: top; 
	text-align: center;
}
.myprojpic{
	display: block; 
	width: 272px;
}
.myprojinfocont{
	width: 272px; 
	display: block; 
	vertical-align: top; 
	text-align: left;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.myprojinfo{
	width: 100%;
	margin-left: 0px;
	padding-left: 5px;
	display: inline-block;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.myprojname {
	font-size: 14px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	width: 272px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.toplayerinfo{
	padding-left: 10px; 
	padding-bottom: 5px; 
	width: 100%; 
	display: block; 
	vertical-align: bottom; 
	text-align: left;
	box-sizing: border-box;
}
.bigimagebox{
	position: relative;
	display: block;
	width: 100%; 
	vertical-align: top; 
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.bigimage{
	width: 100px; 
	height: 100px; 
	vertical-align: middle; 
	border: 1px solid silver; 
	border-radius: 50%;
}

.follow{
	display: inline-block; 
	position: absolute; 
	bottom: 4px; 
	left: 0px; 
	text-align: center; 
	width: 100%;
}

.fixedoverlay{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*
  width: 100%;
  height: 100%;
  */
  z-index: 1001;
  background-color: rgba(41, 47, 51, 0.5); /*dim the background*/
  text-align: center;
  overflow: auto;
}
.fixedoverlay:before{
	content: none;
  	display: none;
  	height: 0px; 
  	vertical-align: middle;
  	margin-right: 0px; /* Adjusts for spacing */
/*
  background: #808080; width: 5px;
*/
}
.dialogfixedoverlay{
/*	position: absolute; */
	margin: 0 auto;
	width: 95%;
	max-width: 95%;
	min-width: 250px;
	height: auto;
	max-height: 95%;
	overflow-y: scroll;
	position: fixed;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
  	-webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
  	transform: translate(-50%,-50%);
	/*
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px; */
/*	margin-top: 100px; */
	padding: 10px;
	background: white; 
	border-radius: 15px;
    border: 2px solid #F7B733;
}
.progresslabel {
	max-width: 100%;
	padding: 2px;
	font-size: 24px;
	text-align: center;
	font-family: 'Londrina Solid';
	white-space: nowrap;
}
.progressbar {
	max-width: 100%;
	height: 20px;
}
.dialogtitle {
	padding: 5px;
	font-size: 24px;
	text-align: center;
	font-family: 'Londrina Solid';
	white-space: normal;
	color: #444;
	background: white;
	margin-bottom: 5px;
}

.gallery{
	width: 100%;
	display: flex;
	text-align: center;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.gallery > div{
	margin-right: 5px;
}
.gallery div:nth-child(3n) {
    margin-right: 5px;
}

.displayslim{
	position: relative;
	display: inline-block; 
	margin-top: 20px; 
	margin-bottom: 20px;
/*	border: 1px solid silver; */
/*	box-shadow: 0px 0px 5px silver; */
	width: auto; 
	height: auto;
}

.pubinfo{
	display: block;
	vertical-align: top;
	width: 100%;
	text-align: center;
}
.pubpiccontainer{
	width: 20%; 
	display: table-cell; 
	vertical-align: top; 
	text-align: center;
}
.pubinfocontainer{
	width: 80%; 
	display: table-cell; 
	vertical-align: top;
	padding-left: 5px;
}
.pubpic{
	width: 48px; 
	height: 48px; 
	vertical-align: middle; 
	border: 1px solid silver; 
	border-radius: 50%;
}
.pubsocial{
	width: 100%; 
	display: block; 
	vertical-align: top; 
	font-size: 24px; 
	text-align: left;
	margin-top: 10px;
}
.commentscontainer{
	text-align: left; 
	width: 100%; 
	margin-top: 20px; 
	text-align: left;
	margin-bottom:40px;
}
.commenttext {
	width: 90%; 
	display: table-cell; 
	vertical-align: top;
}
.commentpost {
	font-size: 14px; 
	margin-top: 5px;
	word-wrap: break-word;
	overflow-x: hidden;
	width: 100%;
}
.updatepic{
	display: block; 
	width: 100%; 
	position: absolute;
	top: 75px; 
	text-align: center;
}
.frontanim{
	display: table; 
	table-layout: fixed; 
	margin: 0 auto; 
	text-align: center; 
	vertical-align: middle; 
	margin: 0 auto; 
	margin-top: 20px; 
	margin-bottom: 5px; 
	width: auto;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.leftfrontanim{
	height: auto;
	width: 30px;
	display: table-cell; 
	vertical-align: middle; 
	text-align: right;
}
.rightfrontanim{
	height: auto;
	width: 30px;
	display: table-cell; 
	vertical-align: middle; 
	text-align: left;
}
.centerfrontanim{
	position: relative; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	height: auto;
}
.premtable{
	width: 100%; 
	border: 1px solid silver; 
	border-collapse: collapse;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 10px;
}
.navbutton{
	font-size: 18px;
	padding: 5px;
}

.publishedpadding{
	margin: 0 auto; 
	text-align: center; 
	padding: 0px;
}

}