html, body {
    min-height: 100%;
    height: 100%
}

body {
    background-color: rgb(10, 10, 10);
    color: rgb(98, 186, 255);
    font-family: Arial, sans-serif;
    font-size: 11px;
    margin: 0;
}
a {
    color: #0f0; /*rgb(98, 186, 255);*/
    text-decoration: none;
    font-weight: bold;
}

#container {
    background-color: #0a0a0a;
    height: 100%;
    width: 100%;
}

#header {
    padding: 3px;
    height: 12px;
    text-align: center;
}

#main > div {
    width: 50%;
    height: 300px;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

iframe {
    color: #0a0a0a;
    width: 100%;
    height: 100%;
}

.widget {
    position: relative;
}

#clocks {
    position: absolute;
    bottom: 0;
    right: 0;
}

.settings {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: rgba(50, 50, 50, 0.8) url(../images/settings.png) no-repeat 7px 6px;
    text-align: center;
    font-size: 30pt;
    font-weight: bold;
    line-height: 28pt;
    cursor: pointer;
}

#settings_dialog, #help_dialog {
    display: none;
}
#settings_dialog label {
    display: inline-block;
    width: 100px;
}

#settings_dialog input[type=text], #settings_dialog select {
    width: 250px;
}

/* bitwis */
#main > div.bw_main iframe {
    position: relative;
    bottom: 60px;
}

/* coinity depth */
#main > div.ci_depth {
    overflow: auto;
}
#main > div.ci_depth .inner {
    height: 400%;
}
#main > div.ci_depth iframe {
    width: 147%;
    height: 127%;
    margin-top: -88px;
}

/* randoms */
#main > div.other .inner {
    height: 100%;
}

.tips {
    text-decoration: underline;
}

#fullscreen, #toggleSettings, #toggleClocks, #resetSettings, #showHelp, #showTips {
    cursor: pointer;
}

#dialog {
    display: none;
}

.tips {
     -webkit-animation: color_change 0.5s 20 alternate;
     -moz-animation: color_change 0.5s 20 alternate;
     -ms-animation: color_change 0.5s 20 alternate;
     animation: color_change 0.5s 20 alternate;
}

@-webkit-keyframes color_change {
    from { color: #0f0; }
    to { color: #f00; }
}
@-moz-keyframes color_change {
    from { color: rgb(98, 186, 255); }
    to { color: #fff; }
}
@-ms-keyframes color_change {
    from { color: rgb(98, 186, 255); }
    to { color: #ff; }
}
@keyframes color_change {
    from { color: rgb(98, 186, 255); }
    to { color: #fff; }
}