@CHARSET "UTF-8";

#donate {
	position: absolute;
	right: 20px;
	bottom: 30px;
}

body {
	background: #dedede;
	font-family: Arial, sans serif;
	font-size: 0.9em;
}


#signature {
	position: absolute;
	right: 20px;
	bottom: 10px;
	color: #888;
	font-style: italic;
}

#logo {
	float: left;
	margin: 0 10px 0 5px; 
	width: 30px;
	height: 30px;
	
	position: relative;
	top: -2px;
}

#header {
	position: relative;
	top: 2px;
}

#mainControlContainer {
	margin: 5px 5px 5px 5px;
}

.filterStageCanvas {
	margin: 5px 5px 5px 5px;
	border-radius: 10px;
}

.filterStageContainer {
	margin: 5px 5px 5px 5px;
	border-radius: 10px;
}

.filterStageControls {
	margin: 5px 5px 5px 5px;
	float: left;
}

.mainControlContainer {
	margin-left: 10px;
}

.mainControlLabel {
}

.mainInput {
}

.infoLabel {
	margin-left: 10px;
	font-style: italic;
	color: #888;
}

#windowFunc {
	width: 620px;
	margin-right: 5px;
}

select {
	margin-right: 5px;
}

.headerLink {
	margin-right: 2px;
	margin-left: 5px;
}

h1 {
	padding-top: 20px	
}

#container {
	position: absolute;
	top: 55px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0 0 0 0;
}

#main {
	overflow: auto;
	height: 100%;
}

.messageContainer {
	position: absolute;
	top: 50px;
	right: 50px;
	bottom: 50px;
	left: 50px;
	background-color: #fff;
	padding: 10px;
	border: solid 2px #000;
}

.messageContent {
	position: absolute;
	top: 50px;
	right: 10px;
	bottom: 10px;
	left: 10px;
}

.messageTextarea {
	width: 100%;
	height: 100%;
}

.messageHeader {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	background-color: #fff;
}

.closeButton {
	position: absolute;
	top: 5px;
	right: 5px;
}

.okButton {
	position: absolute;
	top: 5px;
	right: 80px;
}

.busyScreen {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.busyBack {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	opacity: 0.6;
	background-color: #000;	
}

.busyText {
	color: #fff;

	font-size: large;
	font-weight: bold;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Generated by http://buttonoptimizer.com/ */
.button {
	margin: 5px 5px 0px 5px;
	
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    border: 0px solid #5c5c5c;
    border-radius: 10px;
    background: #5c5c5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#5c5c5c), to(#5c5c5c));
    background: -moz-linear-gradient(top, #5c5c5c, #5c5c5c);
    background: linear-gradient(to bottom, #5c5c5c, #5c5c5c);
    font: normal normal bold 14px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 0px solid #939393;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#6e6e6e));
    background: -moz-linear-gradient(top, #6e6e6e, #6e6e6e);
    background: linear-gradient(to bottom, #6e6e6e, #6e6e6e);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #373737;
    background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#5c5c5c));
    background: -moz-linear-gradient(top, #373737, #5c5c5c);
    background: linear-gradient(to bottom, #373737, #5c5c5c);
}


.buttonWhite {
	/*margin: 5px 5px 0px 0px; */
	
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 12px 4px 12px;
    border: 0px solid #b3b3b3;
    border-radius: 6px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    font: normal normal bold 12px arial;
    color: #111111;
    text-decoration: none;
    
    width: 100px;
}
.buttonWhite:hover,
.buttonWhite:focus {
    border: 0px solid #ffffff;
    color: #111111;
    text-decoration: none;
}
.buttonWhite:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#ffffff));
    background: -moz-linear-gradient(top, #b3b3b3, #ffffff);
    background: linear-gradient(to bottom, #b3b3b3, #ffffff);
}

.buttonWhiteHalf {
	margin-right: 3px;
	
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 12px 4px 12px;
    border: 0px solid #b3b3b3;
    border-radius: 6px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    font: normal normal bold 12px arial;
    color: #111111;
    text-decoration: none;
    
    width: 36px;
}
.buttonWhiteHalf:hover,
.buttonWhiteHalf:focus {
    border: 0px solid #ffffff;
    color: #111111;
    text-decoration: none;
}
.buttonWhiteHalf:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#ffffff));
    background: -moz-linear-gradient(top, #b3b3b3, #ffffff);
    background: linear-gradient(to bottom, #b3b3b3, #ffffff);
}

.buttonWhiteDyn {
	margin: 5px 5px 0px 0px;
	
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 12px;
    border: 0px solid #b3b3b3;
    border-radius: 6px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    font: normal normal bold 12px arial;
    color: #111111;
    text-decoration: none;
    
}
.buttonWhite:hover,
.buttonWhite:focus {
    border: 0px solid #ffffff;
    color: #111111;
    text-decoration: none;
}
.buttonWhite:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#ffffff));
    background: -moz-linear-gradient(top, #b3b3b3, #ffffff);
    background: linear-gradient(to bottom, #b3b3b3, #ffffff);
}