/*RESET*/
html {margin:0;padding:0;border:0;overflow:auto;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.35;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
a, a:focus, a:hover {color:#00E4FF;text-decoration:none;}
a:hover {text-decoration:underline;}

/*HTML*/
html		{font-size:100.01%;overflow:hidden;}
body		{font-family:Arial, Helvetica, sans-serif;height:100%;font-size:12px;color:#CCC;overflow:hidden;}
h1, h2		{color:#FFF;}
p			{margin:10px 0;}

/*CANVAS*/
.canvas {position:absolute;height:100%;width:100%;min-height:100%;z-index:0;overflow:auto;}
.wrapper {width:auto;height:auto;min-height:100%;}
.container {margin:0 auto;height:auto;min-height:100%;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/*FORMS*/
label				{color:#CCC;}
input, 
textarea, 
select,				
div.button			{color:#222;font-size:12px;}

/*COMMON*/
.unselectable 	{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.hidden			{display:none;}