body {
    font-family:      monospace;
    background-color: #000;
    margin:           0;
    overflow:         hidden;
}

#version{
    position: absolute; 
    top: 95%; 
    left: 10px;
    z-index: 101;
    color:lightgrey;
    font-size: 12px;
    font-family: arial;
}

#progressbar-container {
  margin: 20px;
  width: 200px;
  height: 200px;
  position: absolute;
}

#gui_css1 
{    
    position: absolute;
    right: 10px;
    top: 10px;
    width: 245px;
    height: 55px;
    overflow:hidden;
    z-index: 4;
}

body .dg .c,
body .dg .cr.function,
body .dg .c select,
body .dg .property-name,
body .dg .title {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


body .dg.main.taller-than-window .close-button {
    border-top: 1px solid #ddd;
}

body .dg.main .close-button {
    background-color: #fff;
}
 
body .dg.main .close-button:hover {
    background-color: #eee;
}

body .dg {
    color: #555;
    text-shadow: none !important;
}

body .dg.main::-webkit-scrollbar {
    background: #fafafa;
}

body .dg.main::-webkit-scrollbar-thumb {
    background: #bbb;
}
 
body .dg li:not(.folder) {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}
 
body .dg li.save-row .button {
    text-shadow: none !important;
}

body .dg li.title {
    background: #e8e8e8 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
}

body .dg li.folder {
    border-left: 0;
}

body .dg .cr.function:hover,
body .dg .cr.boolean:hover {
    background: #fff;
}
 
body .dg .c input[type=text] {
    background: #e9e9e9;
}
 
body .dg .c input[type=text]:hover {
    background: #eee;
}
 
body .dg .c input[type=text]:focus {
    background: #eee;
    color: #555;
}
 
body .dg .c .slider {
    background: #e9e9e9;
}

body .dg .c .slider:hover {
    background: #eee;
}

body .dg.a {
    margin-right: 9px;
    margin-top: 9px;
}

body .dg .cr.function {
    background: #eee;
}

body .dg .cr.function:hover {
    background: #dadada;
    border-bottom: 1px solid #2fa1d6;
}

body .dg .cr.function:active {
    background: #ddd;
    border-bottom: 1px solid #2fa1d6;
}


#gui_css2 
{    
    position: absolute;
    right: 10px;
    top: 65px;
    margin-top: -19px;
    width: 245px;
    height: 55px;
    overflow:hidden;
    z-index: 3;
}

body .dg .c,
body .dg .cr.function,
body .dg .c select,
body .dg .property-name,
body .dg .title {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


body .dg.main.taller-than-window .close-button {
    border-top: 1px solid #ddd;
}

body .dg.main .close-button {
    background-color: #fff;
}
 
body .dg.main .close-button:hover {
    background-color: #eee;
}

body .dg {
    color: #555;
    text-shadow: none !important;
}

body .dg.main::-webkit-scrollbar {
    background: #fafafa;
}

body .dg.main::-webkit-scrollbar-thumb {
    background: #bbb;
}
 
body .dg li:not(.folder) {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}
 
body .dg li.save-row .button {
    text-shadow: none !important;
}

body .dg li.title {
    background: #e8e8e8 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
}

body .dg li.folder {
    border-left: 0;
}

body .dg .cr.function:hover,
body .dg .cr.boolean:hover {
    background: #fff;
}
 
body .dg .c input[type=text] {
    background: #e9e9e9;
}
 
body .dg .c input[type=text]:hover {
    background: #eee;
}
 
body .dg .c input[type=text]:focus {
    background: #eee;
    color: #555;
}
 
body .dg .c .slider {
    background: #e9e9e9;
}

body .dg .c .slider:hover {
    background: #eee;
}

body .dg.a {
    margin-right: 9px;
    margin-top: 9px;
}

body .dg .cr.function {
    background: #eee;
}

body .dg .cr.function:hover {
    background: #dadada;
    border-bottom: 1px solid #2fa1d6;
}

body .dg .cr.function:active {
    background: #ddd;
    border-bottom: 1px solid #2fa1d6;
}


#gui_css3 
{    
    position: absolute;
    right: 10px;
    top: 92px;
    margin-top: -19px;
    width: 245px;
    height: 55px;
    overflow:hidden;
    z-index: 2;
}

body .dg .c,
body .dg .cr.function,
body .dg .c select,
body .dg .property-name,
body .dg .title {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


body .dg.main.taller-than-window .close-button {
    border-top: 1px solid #ddd;
}

body .dg.main .close-button {
    background-color: #fff;
}
 
body .dg.main .close-button:hover {
    background-color: #eee;
}

body .dg {
    color: #555;
    text-shadow: none !important;
}

body .dg.main::-webkit-scrollbar {
    background: #fafafa;
}

body .dg.main::-webkit-scrollbar-thumb {
    background: #bbb;
}
 
body .dg li:not(.folder) {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}
 
body .dg li.save-row .button {
    text-shadow: none !important;
}

body .dg li.title {
    background: #e8e8e8 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
}

body .dg li.folder {
    border-left: 0;
}

body .dg .cr.function:hover,
body .dg .cr.boolean:hover {
    background: #fff;
}
 
body .dg .c input[type=text] {
    background: #e9e9e9;
}
 
body .dg .c input[type=text]:hover {
    background: #eee;
}
 
body .dg .c input[type=text]:focus {
    background: #eee;
    color: #555;
}
 
body .dg .c .slider {
    background: #e9e9e9;
}

body .dg .c .slider:hover {
    background: #eee;
}

body .dg.a {
    margin-right: 9px;
    margin-top: 9px;
}

body .dg .cr.function {
    background: #eee;
}

body .dg .cr.function:hover {
    background: #dadada;
    border-bottom: 1px solid #2fa1d6;
}

body .dg .cr.function:active {
    background: #ddd;
    border-bottom: 1px solid #2fa1d6;
}


#gui_css4 
{    
    position: absolute;
    right: 10px;
    top: 119px;
    margin-top: -19px;
    width: 245px;
    height: 55px;
    overflow:hidden;
    z-index: 1;
}

body .dg .c,
body .dg .cr.function,
body .dg .c select,
body .dg .property-name,
body .dg .title {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


body .dg.main.taller-than-window .close-button {
    border-top: 1px solid #ddd;
}

body .dg.main .close-button {
    background-color: #fff;
}
 
body .dg.main .close-button:hover {
    background-color: #eee;
}

body .dg {
    color: #555;
    text-shadow: none !important;
}

body .dg.main::-webkit-scrollbar {
    background: #fafafa;
}

body .dg.main::-webkit-scrollbar-thumb {
    background: #bbb;
}
 
body .dg li:not(.folder) {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}
 
body .dg li.save-row .button {
    text-shadow: none !important;
}

body .dg li.title {
    background: #e8e8e8 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
}

body .dg li.folder {
    border-left: 0;
}

body .dg .cr.function:hover,
body .dg .cr.boolean:hover {
    background: #fff;
}
 
body .dg .c input[type=text] {
    background: #e9e9e9;
}
 
body .dg .c input[type=text]:hover {
    background: #eee;
}
 
body .dg .c input[type=text]:focus {
    background: #eee;
    color: #555;
}
 
body .dg .c .slider {
    background: #e9e9e9;
}

body .dg .c .slider:hover {
    background: #eee;
}

body .dg.a {
    margin-right: 9px;
    margin-top: 9px;
}

body .dg .cr.function {
    background: #eee;
}

body .dg .cr.function:hover {
    background: #dadada;
    border-bottom: 1px solid #2fa1d6;
}

body .dg .cr.function:active {
    background: #ddd;
    border-bottom: 1px solid #2fa1d6;
}

.onepix-imgloader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
}

/*hide the second element in the loading container (first element is the leading img)*/
.loading-container > *:not(.onepix-imgloader) {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
}

.loading-container {
    position: absolute;
    background: #dfdfdf;
    top: 20px;
    left: 20px;
}

#container {

}

#logo {
   position: absolute;
   top: 85%;
   right: 30px;
   z-index: 100;
   opacity: 0.2;
}​