/*
 * Copyright (c) 2014  Sulev-Madis Silber <ketas@si.pri.ee>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 * 1. Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright
 *    notice, this list of conditions and the following disclaimer in the
 *    documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
 * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
 * OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
 * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
 * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
 * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
 * SUCH DAMAGE.
 */


@viewport,
@-ms-viewport
{
	width: extend-to-zoom;
	
	zoom:  1.0;
}


html,
body
{
	margin:      0;
	padding:     0;
	
	font-size:   100%;
	line-height: 120%;
}

pre
{
	margin:  0;
	padding: 0;
}

input
{
	padding:     0;
	
	font-family: inherit;
	font-size:   100%;
}


body,
a
{
	color:            #FCFCFC;
	background-color: #333333;
}


body
{
	text-align:  center;
	
	font-family: "DejaVu Sans", sans-serif;
}

pre
{
	font-family: "DejaVu Sans Mono", monospace;
}

input
{
	color:                 #F0F0F0;
	background-color:      #444444;
	
	width:                 3em;
	height:                3em;
	
	text-align:            center;
	vertical-align:        middle;
	
	border-color:          #222222;
	border-style:          solid;
	border-width:          1px;
	
	border-radius:         2px;
	-moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	
	margin:                3px;
}

input::-moz-focus-inner
{
	border-style: none;
}

a
{
	text-decoration: none;
}

img
{
	text-align:     left;
	vertical-align: top;
}

img,
pre
{
	border-color: #333333;
	border-style: dashed;
	border-width: 3px;
}

img,
pre,
audio,
source,
embed
{
	margin: 1px;
}


.debugtab_button_container,
.debugtab_button_container input
{
	font-size:   102%;
	font-weight: bold;
}

.home_temperatures_container pre,
.home_uplinkstatus_container pre
{
	font-size:   127%;
	line-height: 165%;
	
	margin:      3px;
}

.home_uplinkstatus_container pre
{
	margin-top: 1em;
}


input:hover,
input:active,
input:focus,
img:hover,
img:active,
img:focus,
pre:hover,
pre:active,
pre:focus,
audio:hover,
audio:active,
audio:focus,
source:hover,
source:active,
source:focus,
embed:hover,
embed:active,
embed:focus
{
	outline-color: #FF8000;
	outline-style: solid;
}

input:hover,
input:active,
input:focus
{
	outline-width: 3px;
}

img:hover,
img:active,
img:focus,
pre:hover,
pre:active,
pre:focus,
audio:hover,
audio:active,
audio:focus,
source:hover,
source:active,
source:focus,
embed:hover,
embed:active,
embed:focus
{
	outline-width: 1px;
}

a:hover,
a:active,
a:focus,
.label:hover,
.label:active,
.label:focus,
.text_static:hover,
.text_static:active,
.text_static:focus
{
	outline-style: none;
}

.tab:hover,
.tab:active,
.tab:focus
{
	outline-width: 5px;
}


.border_loading
{
	border-color: #007AEC;
}

.border_error
{
	border-color: #EB2101;
}


.img_container_overlay
{
	position: relative;
}

.img_overlay
{
	font-weight: bold;
	
	left:        2px;
	top:         2px;
	
	position:    absolute;
}

.img_overlay_loading
{
	color: #0000DD;
}

.img_overlay_error
{
	color: #DD0000;
}


.label
{
	color:            #FCFCFC;
	background-color: #333333;
	border-color:     #333333;
	
	width:            13em;
	
	font-size:        110%;
	
	text-align:       left;
	
	height:           1.3em;
}


.status
{
	height:        2.5em;
	
	margin-top:    0.2em;
	margin-bottom: 0.2em;
	
	font-size:     160%;
	font-weight:   bold;
	
	border-style:  dashed;
	border-width:  3px;
}

.status_init
{
	color:            #D6D6D6;
	background-color: #959595;
	border-color:     #333333;
}

.status_on
{
	color:            #090909;
	background-color: #F2D306;
}

.status_off
{
	color:            #888888;
	background-color: #090909;
}

.status_fail
{
	color:            #C5C5C5;
	background-color: #D60000;
}

.status_wait
{
	color:            #777777;
	background-color: #3F3F3F;
	border-color:     #007AEC;
}

.status_wait_on
{
	color:            #888888;
	background-color: #090909;
	border-color:     #007AEC;
}

.status_wait_off
{
	color:            #090909;
	background-color: #F2D306;
	border-color:     #007AEC;
}


.message_div
{
	color:            #000000;
	background-color: #EEEEEE;
	
	font-size:        85%;
	
	width:            99%;
	height:           15.2em;
	
	padding:          0.1em;
	
	margin-bottom:    1.5em;
	
	overflow:         auto;
}


.body_wrapper_block
{
	text-align:     center;
	vertical-align: middle;
}


.header_block
{
	text-align:    left;
	
	margin-bottom: 5px;
}


.main_block
{
	width:         100%;
	
	margin-top:    0px;
	margin-bottom: 0px;
	margin-left:   auto;
	margin-right:  auto;
	
	text-align:    left;
}


.debugtab_button_container
{
	margin-top:    1.5em;
	margin-bottom: 1.5em;
}

.mobile_mode,
.set_request_type,
.switch_lang
{
	width: 4em;
}


.tab_active
{
	color:            #F9F9F9;
	background-color: #171717;
}

.tab_active_bgjobs
{
	color:            #F9F9F9;
	background-color: #072500;
}

.tab_inactive
{
	color:            #BABABA;
	background-color: #3A3A3A;
}

.tab_inactive_bgjobs
{
	color:            #BABABA;
	background-color: #115D00;
}

.tab
{
	width:         13em;
	height:        2.2em;
	
	font-size:     160%;
	font-weight:   bold;
	
	margin-left:   5px;
	margin-right:  5px;
	margin-top:    0;
	margin-bottom: 0;
	
	display:       block;
}

.tabbar_active_tab
{
	color:            #FCFCFC;
	background-color: #333333;
	border-color:     #333333;
	
	width:            13em;
	height:           2.5em;
	
	font-size:        91%;
	font-weight:      bold;
}


.button_removeelement_mplayer,
.button_removeelement_kitchentimer
{
	width:       6em;
	
	font-size:   110%;
	font-weight: bold;
}


.kitchentimer_input_up_1min,
.kitchentimer_input_up_10min,
.kitchentimer_input_up_30min,
.kitchentimer_input_down_1min,
.kitchentimer_input_down_10min,
.kitchentimer_input_down_30min,
.kitchentimer_input_set,
.kitchentimer_input_clear,
.kitchentimer_input_play,
.kitchentimer_input_stop
{
	font-size:   110%;
	font-weight: bold;
}


.kitchentimer_input_time_human
{
	color:        #FCFCFC;
	
	font-size:    240%;
	
	width:        4.6em;
	height:       2.2em;
	
	margin-left:  0.1em;
	margin-right: 0.1em;
}

.kitchentimer_inactive
{
	background-color: #5B5B5B;
}

.kitchentimer_active
{
	background-color: #004C00;
}

.kitchentimer_error
{
	background-color: #6F0000;
}


.kitchentimer_input_up_10min,
.kitchentimer_input_up_30min,
.kitchentimer_input_down_10min,
.kitchentimer_input_down_30min
{
	width: 5em;
}

.kitchentimer_input_up_1min,
.kitchentimer_input_down_1min
{
	width: 4em;
}


.kitchentimer_input_set
{
	margin-left: 6em;
}

.kitchentimer_input_stop
{
	width: 4em;
}


.clock
{
	color:            #FCFCFC;
	background-color: #333333;
	border-color:     #333333;
	
	width:            4em;
	height:           1.3em;
	
	min-width:        4em;
	
	font-size:        210%;
	font-weight:      bold;
}


.tabimg_textfooter,
.tabtext_textfooter
{
	font-size: 70%;
}


.powercontrol_message
{
	margin: 3px;
}


.js_ui_loading_hide,
.tabcontent_hide,
.powerbutton_hide,
.img_overlay_hide,
.tabbar_buttons_hide,
.tabbar_active_tab_hide
{
	display: none;
}

.tabcontent_show,
.powerbutton_show,
.img_container,
.tabbar_clock,
.tabbar_active,
.tabbar_buttons,
.tabbar_buttons_show,
.tabbar_active_tab_show,
.clock
{
	display: inline;
}