/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.3 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}



/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a: {
    outline:none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: none;                                                                       
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:none;	
	font-size:12px;
	vertical-align:baseline;
	background:transparent;
/*font-family: Sintony;	*/
	-moz-user-select: none;
	-webkit-user-select: none;
	}

@font-face {  
  font-family: c64 ;  
  src: url( C64_Pro_Mono-STYLE.ttf ) format("truetype");  
}  


body {
	line-height:1;
	overflow:hidden;
	font-family: Oswald,Verdana, Georgia, serif;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	ssfont-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 	
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	
}

sdstd{
 border:1px solid black; 
 padding-left:5px;
 padding-right:5px;
 
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px rgba(255,255,255,0.6); 
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}


input[type="checkbox"] {
    display:none;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:rgba(255,255,255,0.9);;
    --font-family:Arial, sans-serif;
    ssfont-size:14px;
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/





.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 1%; display: block; border: 0; }

.ui-slider-horizontal { height: 0.4em; margin-top: .6em; margin-bottom: .6em; background: rgba(255,255,255,0.5); }

.ui-slider-horizontal .ui-slider-handle {  
  height: 1.0em;
  top: -0.25em; /* half the difference between height and 0.5em */
  width: 0.5em;
  margin-left: -0.25em; /* width / 2 */
  
cursor: pointer;
background: rgba(255,255,255,0.5); }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://ui.jquery.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.0em; }
/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; }*/
.ui-widget-header { border: 9px solid #a3ac00; background: #212ed7 ; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

.ui-widget-content a { color: #222222; }


.ui-button {background-color:#aaaaaa; padding:3px 9px 3px 9px; margin:10px; text-decoration:none;outline:none;border:1px solid white;}
.ui-button:hover {background-color:grey;margin:10px;border:1px solid white;}

.ui-button-text{
  font-family:c64;
  font-size:8px;
}

/* Interaction states
----------------------------------*/

/*
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px rgba(255,255,255,0.5); font-weight: bold; color: rgba(255,255,255,0.5); outline: none; }
.ui-state-default a { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 0px solid #8f9850; background: #d0e5f5; font-weight: bold; color: #FFFF00; outline: none; }
.ui-state-hover a { color: #222222; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #8f9850; background: #f5f8f9; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a { color: #111111; outline: none; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 3px solid #8f9850; background: #d0e5f5; font-weight: bold; color: #FFFF00; outline: none; }
*/

/* Interaction Cues
----------------------------------*/



.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

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



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

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }


.ui-dialog-titlebar { 
 height:300px;
 width:380px;
 position:absolute;
 z-index:-111;
 bottom:-30px;
 left:-30px;
 background-color:rgba(0,0,0,0);
 border-color:rgba(0,0,0,0);
 border:none;
}

.ui-dialog-titlebar-close {
 display:none;
 
}

.ui-dialog {
 background:#4242e7;
border:30px solid #a5a5ff;
color:#a5a5ff;
opacity:.9;
}
















/*start real css here*/

html, body { width:100%; height:100%; }

#canvas {
	-webkit-transform : translateZ(1); 
	-o-transform : translateZ(1);
	-moz-transform : translateZ(1);
	transform : translateZ(1);
	display: block;
	z-index:1000;
}


canvas { image-rendering: optimizeSpeed;
   
  image-rendering: -moz-crisp-edges;
 
  image-rendering: -webkit-optimize-contrast; 
 
  image-rendering: -o-crisp-edges;
 
  image-rendering: optimize-contrast;
 
  -ms-interpolation-mode: nearest-neighbor;

}




#tab_patterns {
	position:absolute;	
	sdspadding:2px 2px 10px 10px;
	top:0px;right:0px;
	float:right;
	z-index:1;
}

#tab_patterns_content {     
	border-bottom-left-radius: 15px;
	width:180px;
	overflow: hidden;
	position:absolute;
	background-color: rgba(100,00,100,0.8);
	padding:20px;
	top:0px;
	right:0px;
	float:right;
	display:none;
	color:rgba(255,255,255,0.6);
}

#tab_preset {  
  position:absolute;  
  bottom:0px;
  right:0px;
  float:right;
  z-index:1;
}

#tab_logo { 
  position:absolute;
  bottom:-12px;
  right:-3px;
  float:right;
  width:120px;  
  z-index:1;
  opacity:0.3;
  
}

#tab_logo:hover { 
  position:absolute;
  bottom:-10px;
  right:0px;
  width:145px;  
  float:right;
  z-index:1;
  opacity:1.0;
   
   
}


#tab_settings:hover {
 opacity:0.9; 
}

#tab_settings { 
  position:absolute;
  top:3px;
  right:10px;
  opacity:0.3;
  font-size:24px;
  letter-spacing:-1px;
  font-family:Sintony;
  font-family: 'Pacifico', cursive;
  float:right;
  z-index:10;
   cursor: pointer; 
  text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
#tab_settings_content {
  border-bottom-left-radius: 15px;
  width:600px;
  position:absolute;  
  
  padding:10px;
  padding-top:25px;
  
  top:0px;
  right:0px;
  float:right;
  display:none;
  overflow: hidden;
  font-family: Oswald;
  font-size:16px;
  background-color: rgba(88,88,88,0.8);
  color:rgba(255,255,255,0.8);
  text-shadow:
       
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  
}
#tab_settings_content table td {
  border-top: 1px solid rgba(8,8,32,0.6);
  border-left: 1px solid rgba(8,8,32,0.6);
  border-bottom: none;
  border-right: none;
  padding-right:5px;
  font-family: Oswald;
  font-size:16px;
  
}
#tab_settings_content table {
  border-bottom: 1px solid rgba(8,8,32,0.6);
  border-right: 1px solid rgba(8,8,32,0.6);
  border-spacing:10px;
  font-family: Oswald;
  font-size:16px;
}

#tab_preset {  
  position:absolute;  
  
  bottom:0px;
  right:0px;
  
  z-index:1;
  z-index:122;
}
#tab_preset_content {      
  position:absolute;
  font: 16px c64;
  padding:10px;
  width:100%;
  color:rgba(255,255,255,0.6);    
  overflow: hidden;
  z-index:12;
}



#tab_about {
	position:absolute;    
  top:3px;
  left:0px;
  letter-spacing:-1px;
  float:right;
  font-size:24px;
  font-family:Sintony;
  font-family: 'Pacifico', cursive;
    text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  z-index:122;  
  opacity: 0.3;
  cursor: pointer; 
}
#tab_about:hover{
	position:absolute;      
  float:right;
  z-index:122;
  opacity:0.9;
  
}

#tab_about_content table td {
  font-family: Oswald;
  font-size:16px;
  padding:1px 5px 1px 5px;
}

#tab_about_content {
  border-bottom-right-radius: 15px;
  width:260px;
  position:absolute;  
  padding:35px 10px 10px 10px;
  top:0px;
  left:0px;
  float:right;
  display:none;  
  line-height: 18px;
  font-size:18px;
  z-index:12;    
  font-family: Oswald;
  background-color: rgba(88,88,88,0.5);
  color:rgba(255,255,255,0.9);
  text-shadow:
       
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  
}
#tab_about_content a {
  color: rgba(224,248,255,0.9);
}
#tab_about_content a:hover {
  color: rgba(192,255,255,0.9);
}








a{text-decoration:none;color:red;}




.modeblock{	
  height: 28px;
  letter-spacing: 1.05px;
}


.title:hover{
  color:rgba(255,255,255,0.7);  
}

.title{
  display:none;
  
  font-size:36px;
  font-family: Oswald;
  font-family: 'Fascinate Inline', cursive;
  font-family: 'Covered By Your Grace', cursive;
  color:rgba(255,255,255,0.5);  
  
  position:absolute;left:10px;bottom:4px;
  cursor: default; 
  text-shadow:1px 1px 1px rgba(0,0,0,0.6); 
}
.ui-widget-overlay {
    background: repeat-x scroll 50% 50% #AAA;
    opacity:0.2;
}

.ui-widget-overlay {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.foot a{ color:white;   outline: 0;}

.foot{      
  position:absolute;
  color:white;
  right:12px;
  bottom:12px;   
   opacity: 0.3;
   letter-spacing:-1px;
   z-index:2;
  float:right;
  font-size:18px;  
  font-family: 'Pacifico', cursive;
    text-shadow:
       2px 2px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;    
       cursor: pointer;
       transition-duration:.5s;
}

.foot:hover {      
  position:absolute;
  transition-duration:.5s;
   opacity: 1;
   bottom:16px;
   font-size:24px;
   color:white;
}


#tab_help_content {  
  border-top-left-radius: 15px;
  position:absolute;
  wwidth:200px;
  wheight:200px;
  
  padding:10px;
  padding-right:85px;
  bottom:0px;
  right:0px;
  z-index:1;
  float:right;  
  display:none;
  font-family: Oswald;
  font-size:16px;
  background-color: rgba(88,88,88,0.5);
  color:rgba(255,255,255,0.9);
  text-shadow:
       
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  
}





#stable .sinetoy-ui-radio-label {
	position: relative !important;
}


.patterntitle{
  float:right;  
  font-size:60%;   
  font-family:Oswald;
  margin-top:2px;
  text-align:right;
width:100%;  
height:13px;
overflow:hidden;
}


input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin: 0px 6px 0 0;
    background:url(/imgs/check_radio_sheet.png) left top no-repeat;
    color:rgba(255,255,255,0.6);
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(/imgs/check_radio_sheet.png) -19px top no-repeat;
}



input[type="radio"] + label span {
    display:inline-block;
    width: 19px;
    height:19px;
    margin: 0px 6px 0 0;
    background:url(/imgs/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(/imgs/check_radio_sheet.png) -57px top no-repeat;
}

.sinetoy-ui-label {
  position: absolute;
  padding: 4px 0 6px 4px;
  font-family: Oswald;
  font-size:16px;
  letter-spacing: 1.05px;
}
.sinetoy-ui-radio-label {
  position: absolute;
  padding: 4px 0 6px 4px;
/*  padding-bottom: 6px;
 /* padding-left:5px;
/*  vertical-align: bottom !important;  */
  font-family: Oswald;
  font-size:16px;
  letter-spacing: 1.05px;
  color:white;
  opacity:0.8;
}
.sinetoy-ui-radio-label span {
/*  padding-top: -6px;*/
  vertical-align: top !important;  
}
.sinetoy-ui-radio-label sup {
  font-size: 75%;
  
}

label.sinetoy-ui-minilabel {
  font-size: 16px !important;  
}

.sinetoy-ui-minilabel {
  font-family: Oswald;
  margin-top: 12px;
  font-size: 16px; 
  letter-spacing: 1.05px;
  
}


.ui-slider {
  cursor: pointer;   
}

.ui-slider:focus {  color:red; outline:3px solid red }

.ui-slider-handle {
  cursor: crosshair !important;  
}


.slider_tip {
 top:-20px;
  right: -1px;
 position:relative;
 background-color:rgba(0,0,0,0.6);
 color:rgba(255,255,0,0.6);
 pointer-events: none;
  border-radius:5px;
  padding:2px;
  display:none;
}

.ui-widget-overlay {
  background-color: rgba(0,0,0,0);
}



.presetpage{  
  margin:0px;
    font: 16px c64;
  text-align:left;
}

.presetpage:hover{ 
  color:yellow;  
}



.presetitem{  
  margin:0px;
    font: 8px c64;
  text-align:left;
}

.presetitem:hover{ 
  color:yellow;  
}

.dropdown{
 font-family: c64;
 font-size:8px;
 background-color:rgba(0,0,0,0);
 background-color:rgba(0,0,0,1);
 color: #ffffff;   
 border:none;
}
.dropdownitem{
 font-family: c64;
 font-size:4px;
 background-color:rgba(0,0,0,0); 
 border:none;
}
#filter{
 font-family: c64;
 font-size:4px;
 height:20px;
 background-color:rgba(0,0,0,0); 
 border:none;
}


#savename {
 border-radius:5px; 
 border: solid thin black;
   outline: none;
   background-color: #4242e7;
   color:white;
   padding:4px 3px 1px 3px;
}

#save-success{
  position:absolute;
   top:45%;
  left:0px;
  font-size:49px;
  font-family:sans-serif;
background-color:black;
text-align:center;
padding:000px 000px 20px 20px;
border:1px solid red;
display:none;
width:100%;
}



#save-fail{
  position:absolute;
   top:45%;
  left:0px;
  font-size:49px;
  font-family:sans-serif;
background-color:red;
text-align:center;
padding:000px 000px 20px 20px;
border:1px solid Black;
display:none;
width:100%;
}

#drop-fail{
  position:absolute;
   top:45%;
  left:10vh;
  font-size:49px;
  font-family:sans-serif;
background-color:red;
text-align:center;
padding:40px;
margin-right:40px;
border:1px solid Black;
display:none;
width:80%;
}





#credits a{
  color:yellow;
}


#credits {
  display:none;
  opacity:1;
  overflow:hidden;
 width:80vw;
 height:80vh;
 ssmargin:10vh 10vw 10vh 10vw ;
 sdborder:10vmax solid rgba(165,165,255,1);
 border-right:12vw solid rgba(165,165,255,1);
 border-left:10vw solid rgba(165,165,255,1);
 border-top:10vh solid rgba(165,165,255,1);
 border-bottom:12vh solid rgba(165,165,255,1);
 font:2vw c64;
 font-size:1.90vw;
 position:absolute;
 background:rgba(86,86,251,0.6);
 line-height:100%;
 top:0px;
 left:0px;
 color:rgba(255,255,255,1);
  text-shadow:
      2px 2px 0 #000,
     -1px -1px 0 #000,  
     1px -1px 0 #000,
     -1px 1px 0 #000,
     1px 1px 0 #000;
 }

#countdown{
 position:absolute;
 bottom:0px;
 left:0px;
 height:5px;
 background-color:rgba(200,200,200,0.4);
 display:none;
}
.dtimer{ 
 width:100%;

}

.dtimeroff{ 
 transition-duration:5s; 
 width:0%;
}