@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.zFont {
    font-family: "Open Sans", sans-serif;
}

/* Shared background */
.zButton, .zSliderDotHorizontal, .zSliderDotVertical, .zSelectionFieldButton
{
     background: rgba(255,255,255,1);
     background-image: linear-gradient(bottom, rgba(210,210,210,0.5) 13%, rgba(100,100,100,0.5) 99%, rgba(200,200,200,0.5) 10%);
     background-image: -o-linear-gradient(bottom, rgba(210,210,210,0.5) 13%, rgba(100,100,100,0.5) 99%, rgba(200,200,200,0.5) 10%);
     background-image: -moz-linear-gradient(bottom, rgba(210,210,210,0.5) 13%, rgba(100,100,100,0.5) 99%, rgba(200,200,200,0.5) 10%);
     background-image: -webkit-linear-gradient(bottom, rgba(210,210,210,0.5) 13%, rgba(100,100,100,0.5) 99%, rgba(200,200,200,0.5) 10%);
     background-image: -ms-linear-gradient(bottom, rgba(210,210,210,0.5) 13%, rgba(100,100,100,0.5) 99%, rgba(200,200,200,0.5) 10%);

}

/* ZenJS Button */
.zButton
{
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 0.8em;
    height: 25px;
    line-height: 26px;
    border-radius: 5px;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-align: center;
    vertical-align: middle;
    padding: 0 5px 2px 5px;
}

.zButton:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-top: 1px solid rgba(255,255,255,0.6);
    border-radius: 5px;
    display: block;
    height: 23px;
    width: 100%;
}

.zButton:hover
{
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.zButton:active
{
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);
}

/* ZenJS Window */
.zWindow
{
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.6);
    background-image: linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    background-image: -moz-linear-gradient(30deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 12%, rgba(255,255,255,0) 31%, rgba(255,255,255,0.6) 39%, rgba(255,255,255,0.01) 60%, rgba(255,255,255,0.6) 65%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    display: block;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0 ,0.3);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.6);
}

.zWindowActive {
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.7);
}

.zWindow:before {
    content: "";
    display: block;
    top: 3px;
    left: 3px;
    height: 10px;
    border-radius: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
}


.zContentPane
{
    display: block;
    margin: 5px;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.3);
    position: relative;
    margin-top: -5px;
}


.zWindowButton
{
    width: 21px;
    height : 15px;
    float: right;
    display:block;
    margin-right: 5px;
    margin-top: 4px;
    opacity: 0.3;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0);
}

.zWindowButton:hover
{
    opacity: 0.7;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 2px black;
}


.zWindowHeader, .zWindowTinyHeader
{
    position: absolute;
    top: 1px;
    right: 1px;
    left: 1px;
    height: 25px;
    display: block;
    border-radius: 5px;
}

.zWindowTinyHeader
{
    height: 12px !important;
}

.zTitleText
{
    position:absolute;
    margin-left: 10px;
    margin-top: -10px;
    color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 0.9em;
    line-height: 25px;
}

.zWithHeader
{
    margin-top: 16px;
}
.zWithTinyHeader
{
    margin-top: 3px !important;
}
.zWithoutHeader
{
    margin-top: -5px !important;
}

.zWithFooter {
    margin-bottom: 26px;
}

.zWithoutFooter
{
    margin-bottom: 5px;
}

.zCloseIcon
{
    background: url(data:image/gif;base64,R0lGODlhCQAJAJEDAP///wAAAE1NTf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOENGNzU5NjVFMzcxMUUxQkExMDkyQ0ZERTZGMDg0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOENGNzU5NzVFMzcxMUUxQkExMDkyQ0ZERTZGMDg0NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4Q0Y3NTk0NUUzNzExRTFCQTEwOTJDRkRFNkYwODQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4Q0Y3NTk1NUUzNzExRTFCQTEwOTJDRkRFNkYwODQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAwAsAAAAAAkACQAAAhacjyEnYb0geEpNZhFUWABoZENzXGUBADs=) no-repeat center center;
}
.zMinimizeIcon
{
    background: url(data:image/gif;base64,R0lGODlhCQAJAJECAAAAAP///////wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRDU2NzcwQTVFMzUxMUUxODM4MUU0Q0ZCRTgyOEQ2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRDU2NzcwQjVFMzUxMUUxODM4MUU0Q0ZCRTgyOEQ2RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJENTY3NzA4NUUzNTExRTE4MzgxRTRDRkJFODI4RDZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJENTY3NzA5NUUzNTExRTE4MzgxRTRDRkJFODI4RDZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAkACQAAAgyUj6nL7Q2iBCfYGwoAOw==) no-repeat center center;
}
.zMaximizeIcon
{
    background: url(data:image/gif;base64,R0lGODlhCQAJAJECAP///wAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNDI4MjkzNDVFMzYxMUUxOTEzRUQ3QkI2N0ZCNDUxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNDI4MjkzNTVFMzYxMUUxOTEzRUQ3QkI2N0ZCNDUxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI0MjgyOTMyNUUzNjExRTE5MTNFRDdCQjY3RkI0NTE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI0MjgyOTMzNUUzNjExRTE5MTNFRDdCQjY3RkI0NTE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAkACQAAAhWUj6Eb1gnEOyFOZ5HMUDIVCcBIAgUAOw==) no-repeat center center;
}

.zModalBackground {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
}

/* ZenJS Label */
.zLabel
{
    position: absolute;
    display: block;
    height: 25px;
    line-height: 24px;
    font-size: 12pt;
    color: rgba(0,0,0,0.7);
}


/* ZenJS Slider & ProgressBar */

.zSlider, .zProgressBar
{
    position: absolute;
    display: block;
}


.zSliderBackground {
	background-image: linear-gradient(left, rgba(0, 0, 0, 1) 1px, transparent 1px, transparent);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 1px, transparent 1px, transparent);
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 1px, transparent 1px, transparent);
	background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 1px, transparent 1px, transparent);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 1) 1px, transparent 1px, transparent);
    background-position: 1px 13px;
    background-repeat: repeat-x;
}


.zSliderHorizontal, .zSliderVertical, .zSliderProgressHorizontal, .zSliderProgressVertical, .zProgressBarBottom, .zProgressBarProgress
{
    position: relative;
    border-radius: 2px;
}

.zSliderProgressHorizontal, .zProgressBarProgress
{
    height: 7px;
}

.zSliderHorizontal, .zProgressBarBottom
{
    height: 7px;
}
.zSliderVertical, .zSliderProgressVertical
{
    width: 7px;
}

.zSliderHorizontal, .zSliderVertical, .zProgressBarBottom
{
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    z-index: 2;
}
.zSliderProgressHorizontal, .zSliderProgressVertical, .zProgressBarProgress
{
    background: rgba(120, 255, 0, 0.7);
    top: -9px;
    z-index: 1;
    border: 1px solid transparent;
}

.zSliderDotHorizontal, .zSliderDotVertical
{
    position: absolute;
    display: block;
    border: 1px solid rgba(0, 0, 0 ,0.3);
    border-radius: 3px;
    z-index: 3;
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 1);
}

.zSliderDotHorizontal:hover, .zSliderDotVertical:hover {
    cursor: pointer;
}

.zSliderDotHorizontal, .zSliderDotHorizontal::before
{
    width: 7px;
    height: 17px;
}

.zSliderDotVertical, .zSliderDotVertical::before
{
    width: 17px;
    height: 6px;
}

.zSliderDotHorizontal
{
    top: -5px;
}

.zSliderDotVertical
{
    left: -5px;
}

.zSliderDotHorizontal::before, .zSliderDotVertical::before
{
    content: "";
    display: block;
    border-top: 1px solid rgba(255,255,255,0.6);
    border-radius: 3px;
}

.zSliderToolTipHorizontal, .zSliderToolTipVertical
{
    display: none;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    position:absolute;
    z-index: 4;
    padding: 0 6px;
    background: rgba(64,150,238,1);
    background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
    background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%);
    background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
    background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
    background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
    border-radius:5px;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.6);
}

.zSliderToolTipHorizontal
{
    top: -35px;
}

.zSliderToolTipVertical
{
    left: -40px;
}

/* ZenJS TextField, NumberField */
.zTextField
{
    position: absolute;
    display: block;
    line-height: 24px;
    height: 25px;
}

.zTextField input
{
    display: block;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    height: 23px;
    padding: 0 5px 0 5px;
    margin: 0;
    background: white;
    font-size: 12pt;
}
.zTextField input:hover
{
    background: rgba(64,150,238,0.2);
}

.zTextField input[disabled='disabled']
{
    background: white;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
}

.zTextField input:focus
{
    background: white;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    outline: none;
}

/* ZenJS CheckBox */

.zCheckBox, .zRadioButton
{
    position: absolute;
    display: table-cell;
    height: 25px;
    background: yellow;
}

.zCheckBox div, .zRadioButton div
{
    height: 15px;
    width: 15px;
    position: absolute;
    top: 5px;
    display: inline-block;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.5);
}

.zCheckBox div
{
    border-radius: 5px;
}

.zRadioButton div
{
    border-radius: 8px;
}

.zCheckBox .zCheckBoxChecked
{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjQyNUYyNTA2MTVGMTFFMTlGOTFDQ0YxMTFCQUExQzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjQyNUYyNTE2MTVGMTFFMTlGOTFDQ0YxMTFCQUExQzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NDI1RjI0RTYxNUYxMUUxOUY5MUNDRjExMUJBQTFDNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NDI1RjI0RjYxNUYxMUUxOUY5MUNDRjExMUJBQTFDNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptp5eKQAAACjSURBVHjaYvz//z8DKYDFcfp7YtTVAvF8IH7CQqTiJiCWAuJ+JqigFQHFIJABchFIgyMQ7wXi5UCsBcSMWBSDwG4gvgbSsAeIOYA4Aojzgfg/FsUbgdgN7Gkg7gLiJCAWA+IQIP4KxIVoigNgHCaoSWuhfCF8imE2fAfiNiD+iGQTVsUwG0DgCRBXAvFsfIphNiCDuUAsDsSpuCKFkdSkARBgAInTJHivPyK0AAAAAElFTkSuQmCC") no-repeat 2px 2px;
}
.zRadioButton .zRadioButtonChecked
{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTIxNzY2OTc2MUQ2MTFFMUEwODVGRDJBNDJEQTcxOEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTIxNzY2OTg2MUQ2MTFFMUEwODVGRDJBNDJEQTcxOEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjE3NjY5NTYxRDYxMUUxQTA4NUZEMkE0MkRBNzE4QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjE3NjY5NjYxRDYxMUUxQTA4NUZEMkE0MkRBNzE4QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkMRFKgAAACHSURBVHjaYvz//z8DKYAFRDhOfw+iFIA4Goi9gdgIiM8B8VYgXgrED/ZnCiI0QBW3AnEUkmGWUKwFxNUgTSBBJqhkNJpiZBAFlWdA1uBNwOne6BqMCGgwQtdwjoCGc+gathLQsBVdAyjoluFQvAwqjxKsD6BBdw1XPMA0MJIa00wMJAKAAAMAevwdw4HucccAAAAASUVORK5CYII=") no-repeat 2px 2px;
}

/* ZenJS Tooltip */
.zTooltip
{
    display: none;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    font-size: 11pt;
    font-weight: normal;
    text-align: center;
    line-height: 24px;
    position:absolute;white-space: pre-wrap;
    z-index: 4;
    padding: 0 6px;
    background: rgba(64,150,238,1);
    border-radius:5px;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.6);
}


.zTooltip:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
}

.zTooltip:after {
    top: 100%;
    border-color: transparent;
    border-top-color: rgba(64, 150, 238, 1);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

/* ZenJS TextArea */
.zTextArea {
    display: block;
    position: absolute;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    overflow: auto;
    outline: 0;
    padding: 5px;
    background: white;
    resize: none; 
}


/* ZenJS Menubar */
.zMenubar
{
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    background-image: -moz-linear-gradient(30deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 12%, rgba(255,255,255,0) 31%, rgba(255,255,255,0.6) 39%, rgba(255,255,255,0.01) 60%, rgba(255,255,255,0.6) 65%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(30deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,0) 31%,rgba(255,255,255,0.6) 39%,rgba(255,255,255,0.01) 60%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
    height: 25px;
    top: 0px;
    left: 0px;
    right: 0px;
    padding-left: 4px;
    border-bottom: 1px solid rgba(0, 0, 0 ,0.3);
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.6);
    z-index: 100000;
}

.zMenubarOption, .zenMenuBarOptionActive
{
    display: block;
    height: 25px;
    margin: 0 10px;
    padding: 0 10px;
    color: rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 12pt;
    line-height: 24px;
    float: left;
}

.zMenubarList
{
    display: none;
    position: absolute;
    top: 25px;
    background: white;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    border-radius: 0 0 5px 5px;
    min-width: 100px;
    z-index: 1;
    box-shadow: 0 5px 8px -5px rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0 ,0.3);
    font-size: 12pt;
}

.zMenubarList li
{
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    padding: 5px 15px;
}

.zMenubarList li:hover
{
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    background: rgba(64,150,238,1);
    color: white;
}

.zMenubarList hr
{
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,0.4);
    cursor:default;
}

.zMenubarOptionActive
{
    background: white;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
}

/* ZenJS Block */
.zBlock {
    position: absolute;
    display: block;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
    overflow: auto;
}


/*
ZEN SORTABLELIST
*/

.zSortableList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    overflow: hidden;
    overflow-y: scroll;
}

.zSortableList li {
    padding: 5px 0;
    margin: 0;
    display: block;
    cursor: pointer;
    font-size: 11pt;
    background: white;
}

.zSortableListPlaceHolder {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

.zSortableListDragging {
    background-color: #eeeeee;
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.6);
    opacity: 0.7;
}
.zSortableListSelected {
    background-color: rgba(64, 150, 238, 0.5) !important;
}


/*

ZEN SELECTIONFIELD

*/

.zSelectionField {
    position: relative;
}

.zSelectionFieldButton, .zSelectionField input {
    position: absolute;
    z-index: 1;
}
.zSelectionFieldButton {
    border-radius: 0 4px 4px 0;
    display: block;
    width: 23px;
    height: 23px;
    border-top: 1px solid rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.5);
    border-right: 1px solid rgba(0,0,0,0.5);
}
.zSelectionField input {
    text-indent: 5px;
    border-radius: 4px 0 0 4px;
    box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.5);
    height: 23px;
    padding: 0;
    margin: 0;
    width: 50px;
    background: white;
}
.zSelectionFieldButton:after {
    content: "";
    width: 0;
    margin: 0 auto;
    border-style:solid;
    bottom: 23px;
    right: -6px;
    display: inline-block;
    position:relative;
    border-width:5px 5px 0;
    border-color: rgba(0, 0, 0, 0.6) transparent;
}

.zSelectionFieldButton:before {
    content: "";
    border-top: 1px solid rgba(255,255,255,0.6);
    display: block;
    height: 23px;
    width: 23px;
    border-radius: 0 4px 0 0;
}

.zSelectionFieldList {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 25px;
    z-index: 2;
    background: white;
    list-style-type: none;
    margin: 0;
    min-width: 100px;
    box-shadow: 0 5px 8px -1px rgba(0, 0, 0, 0.6);
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 150px;
}

.zSelectionFieldList li {
    padding: 5px;
    min-height: 20px;
    line-height: 20px;
    font-size: 0.9em;
    cursor: pointer;
}

.zSelectionFieldList li:hover, .zItemSelected {
    background: #F1EFFF;
}

.zSelectionFieldButton:hover 
{
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.3);
}
        
.zSelectionFieldButton:active
{
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.7);
}