@charset "UTF-8";

@import url("/css/buttons.css");

h1,h2,h3,h4{
	margin:0;
	font-weight: normal;
	color: #0e4292;
}
.loginwindow h1,
.loginwindow h2,
.loginwindow h3,
.loginwindow h4,
.thefullmonty h1,
.thefullmonty h2,
.thefullmonty h3,
.thefullmonty h4
{
	color: #000000;
}


.loginwindow {
	position: absolute;
	top: 300px;
	left: 400px;
	z-index: 2000;
}


.loginwindow table.createadminuser{
	margin-top: 30px;
}

.loginwindow table.createadminuser td.title{
	height: 40px;
}

.debug{
	font-family: monospace;
	white-space: pre;
}
.header {
	/* position: absolute; */
	margin-top: 0px;
	width: 100%;
	margin-left: 0px;
	left: 0px;
}
.content {
	/* position: absolute; */
	margin-top: 21px;
	margin-left: 45px;
	left: 45px;
}
.content .filechooser .hasleftborder,
.content .queue  .hasleftborder,
.content .settings .hasleftborder,
.content .delivery .hasleftborder{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0CF;
	padding-left:4px;	
}

.content .filechooser {
	position: absolute;
	margin: 0px;
	width: 295px;
	padding-bottom:100px;
}
.content .queue {
	width: 295px;
	position: absolute;
	margin-left: 300px;
	padding-bottom:100px;
}
.content .settings {
	width: 295px;
	position: absolute;
	margin-left: 600px;
	padding-bottom:100px;
}
.content .delivery {
	position: absolute;
	width: 295px;
	margin-left: 900px;
	padding-bottom:100px;
}

h1.maintitle{
	margin-top: 40px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family:"helvedude_light";
	font-size:12px;
}
body a{
	color: #1e1e1e;
}
strong{
    font-family: 'helvedude_bold';
	font-weight:normal;
}
*:focus {
    outline: none;
}
span.mergemulti_buttons{
	margin-right:10px;
	cursor:pointer;
}
span.mergemulti_buttons.active{
	background-color:#0F9;
}
span.good{
	color: rgba(2, 180, 83, 1);
}
span.bad{
	color: rgb(198, 23, 85);
}
.titlehold {
	margin-bottom:20px;
	
}
#added{
	margin-top:20px;
	
}
/* TEXTAREAS */
textarea {
	overflow: hidden;
	font-size: 12px;
	background: transparent;
	color: #00612B;
	background: transparent;
	-webkit-appearence: none;
	font-size: 12px;
	-webkit-appearance: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	margin-bottom: 1px;
	background-color: transparent;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-color: #999;
	vertical-align: middle;
	line-height: 11px;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #2CA767;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: -2px;
	padding-bottom: 0px;
	padding-left: 2px;
	font-family:"helvedude_light";
}
textarea[readonly="readonly"]{
	border-left-color: #CCC;
}

textarea.area_300_90{
	width:300px ;  						
	height: 90px;
}
textarea.area_200_60{
	width:200px ;  						
	height: 60px;
}
textarea.area_222_30{
	width:222px ;  						
	min-height: 30px;
}

/* Select Boxes */
select{
	height: 14px;
	overflow: hidden;
	font-size: 12px;
	background: transparent;
	color: #00612B;
	background: transparent;
	-webkit-appearence: none;
	font-size: 12px;
	-webkit-appearance: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	margin-bottom: 1px;
	background-color: transparent;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-color: #999;
	vertical-align: middle;
	line-height: 11px;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #2CA767;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: -2px;
	padding-bottom: 0px;
	padding-left: 2px;
	font-family:"helvedude_light";
}
select:disabled{
	border-left-color: #999;
	color: #999;
}
select.sel_140{
	width:140px ;  						
}
select.sel_130{
	width:130px ;  						
}

select.sel_90{
	width:90px ;  						
}
select.sel_80{
	width:80px ;  						
}
select.sel_40{
	width:40px ;  						
}
select.sel_30{
	width:30px ;  						
}
select.sel_20{
	width:20px ;  						
}

/* INPUTS */
input[type=text],input[type=password]{
	height: 18px;
	overflow: hidden;
	font-size: 12px;
	background: transparent;
	color: #7a7b7b;
	background: transparent;
	-webkit-appearence: none;
	font-size: 12px;
	-webkit-appearance: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	margin-bottom: 0px;
	background-color: transparent;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-color: #dedede;
	vertical-align: middle;
	line-height: 11px;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #8c8c8c;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: -2px;
	padding-bottom: 0px;
	padding-left: 2px;
	font-family:"helvedude_light";

}
input[type=text][readonly="readonly"]{
	border-left-color: #CCC;
}
strong input[type=text]{
	font-family:"helvedude_bold";
}
input[type=text].input_300{
	width:300px ;  						
}
input[type=text].input_200{
	width:200px ;  						
}
input[type=text].input_170{
	width:170px ;  						
}
input[type=password].input_170{
	width:170px ;  						
}
input[type=text].input_120{
	width:120px ;  						
}
input[type=text].input_80{
	width:80px ;  						
}
input[type=text].input_70{
	width:70px ;  						
}
input[type=text].input_60{
	width:60px ;  						
}
input[type=text].input_30{
	width:30px ;  						
}
input[type=text].input_20{
	width:20px ;  						
}
input[type=text][name="serve_pass"]{
	font-family: monospace;
}


/* RADIO UND CHECKBOXES */
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  display:none;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : 0em;
  margin-left  : 0em;
  line-height  : 1.5em;
}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin: 0;
    /* margin-bottom: 4px; */
    margin-right: 4px;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : rgb(58,109,51);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.2em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(58,109,51);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(58,109,51));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(58,109,51));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(58,109,51));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(58,109,51));
  background-image :         linear-gradient(rgb(179,217,140),rgb(58,109,51));
}

input::placeholder{
	color: rgb(201, 201, 201);
	color: #0aa06c;
}


/* ACCORDION */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 0px;
	padding: 0;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 0px;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: 0px;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 0px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 0;
	border-top: 0;
	overflow: auto;
}



/* TABLES */

table.table_serve td.leftborder1{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #969696;
    padding-left: 6px;
}
table.table_serve td.alignright{
    text-align: right;
}


tr.trlist_last > td {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
	padding-right: 10px;
	padding-top: 3px;
	line-height: 20px;
}
tr.trlist_spacer > td {
	height:10px;
}
tr.trlist_bigspacer > td {
	height:10px;
	padding-top: 30px;
}
tr.trlist_subtitle > td {
	height:10px;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
    padding-left: 7px;
}
tr.trlist_subtitle2 > td {
	height:10px;
	font-family: 'helvedude_bold';
	font-weight:normal;
	padding-right: 10px;
}
table.table_serve tr > td:first-child{
    padding-left: 7px;
}
table.table_serve tr.subtitle > td:first-child{
	padding-left: 0px;
	padding-bottom: 10px;
}
table.table_serve tr.saverow > td:first-child{
	/* padding-left: 0px; */
}


table.portstable tr > td:first-child{
	padding-left: 0px;
}

table.table_serve table.portstable tr td:first-child{
	width: 25px;
}
table.table_serve table.portstable tr td:nth-child(2){
	/* font-family: 'helvedude_bold'; */
	/* font-weight:normal; */
}
table.table_serve tr.saverow td{
	padding-top: 10px;
}
table.table_serve tr.saverow td a.savebutton{
	font-size: 15px;
}
div.ftpentries_holder{
	padding-bottom: 100px;
}
div.ftpentries_holder table td span.fresh {
	color: #b5d607;
}
div.ftpentries_holder table td span.freshhot {
	color: #31d29f;
}

div.ftpentries_holder table td a {
	text-decoration: underline;
	cursor: pointer;
}
div.ftpentries_holder table td a:hover {
	text-decoration: underline;
}
/* div.ftpentries_holder table td a.savebutton {
    color: #0cb102;
} */

div.ftpentries_holder table td button.stylebutton {
	font-family: 'helvedude_light';
	font-weight: normal;
	width: 70px;
	height: 18px;
	margin: 0;
	background: #00c85ddb;
	color: white;
	border: none;
	border-radius: 0px 8px 8px 0px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

div.ftpentries_holder table td button.stylebutton:hover {
 color: #00c85cff;
}

div.ftpentries_holder table td button.stylebutton:after {
 content: "";
 background: white;
 position: absolute;
 z-index: -1;
 left: -20%;
 right: -20%;
 top: 0;
 bottom: 0;
 transform: skewX(-45deg) scale(0, 1);
 transition: all 0.5s;
}

div.ftpentries_holder table td button.stylebutton:hover:after {
 transform: skewX(-45deg) scale(1, 1);
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
}






div.ftpentries_holder table td a.configfile{
	text-transform: uppercase;
}
div.ftpentries_holder table td a.danger {
    color: #b71d03;
}
div.ftpentries_holder table td a.dateoffset,
div.ftpentries_holder table td a,
div.ftpentries_holder table td a.configfile, 
div.ftpentries_holder table td a.pkeyfile{
	color: #0aa06c;
}
div.ftpentries_holder table td a:hover{
	color: black;
}

span.pubkey_pwd_warning{
	color: #7a7b7b;
	display: revert;
} 



input.canlogin ~ span.sayyesorno,
input.writeable ~ span.sayyesorno{
	display: none;
}
input.canlogin:not(:checked) ~ span.sayno{
	display: unset;
	color: #e97400;
}
input.canlogin:checked ~ span.sayyes{
	display: unset;
	color: #0aa06c;
}
input.writeable:not(:checked) ~ span.sayno{
	display: unset;
	color: #e97400;
}
input.writeable:checked ~ span.sayyes{
	display: unset;
	color: #0aa06c;
}

input.serve_lexpire.notexpired,
input.serve_wexpire.notexpired {
	border-left-color: #0aa06c;
}
input.serve_lexpire.hasexpired,
input.serve_wexpire.hasexpired {
	border-left-color: #e97400;
}


.popup-overlay {
	/*Hides pop-up when there is no "active" class*/
	visibility: hidden;
	position: absolute;
	background: #ffffff;
	border: 3px solid #666666;
	width: 530px;
	height: 310px;
	margin-left: calc((100vw - 530px)/2);
	margin-top: calc((100vh - 310px)/2);
}

.popup-overlay.active {
	/*displays pop-up when "active" class is present*/
	visibility: visible;
}

.popup-content {
	visibility: hidden;
	text-align: left;
	padding-left: 80px;
	padding-top: 33px;
	max-width: 370px;
}

.popup-content.active {
	/*Shows pop-up content when "active" class is present */
	visibility: visible;
}
.popup-overlay .popup-content div.code{
	border-color: grey;
	border-style: solid;
	border-width: 1px;
	padding: 9px;
}
.popup-overlay .popup-content code{
	white-space: pre;
}



/* TOOLTIP */
.ui-tooltip{
	padding: 0px;
	position: absolute;
	z-index: 9999;

	border: 1px solid #CCC;
}
.ui-tooltip-content{
	position:relative;
	padding:8px;
	background-color:#FFF;	
} 
/*label {
    display: inline-block;
    width: 5em;
  }
*/

/* DCP DISPLAY BOX */
.dcpnamingbox{
	width: 600px;
	height: 450px;
	position: absolute;
	left: 50%;
	top: 40%;
	margin-top: -225px;
	margin-left: -300px;
	padding-left: 240px;
	padding-top: 200px;
	z-index: 8000;
	background-color: #FFF;
	border: 1px dotted #CCC;	
}



/* VIMEO STUFF */
.album_holder{
	width: 590px;
	position: absolute;	
}
.album_contentholder{
	width: 590px;
	position: absolute;
	left: 600px;	
}
tr.albumrows.ispublic > td{
	background-color:#E9FAE7;
	
}
tr.albumrows > td:last-child{
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFF;	
}
tr.albumrows.active > td:last-child{
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #0F0;	
}
tr.albumvid.ispublic > td:first-child{
	background-color:#E9FAE7;
}