/*
 * 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:            #000000;
	background-color: #DDDDDD;
}


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

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

input
{
	color:                 #000000;
	background-color:      #FCFCFC;
	
	width:                 10em;
	height:                1.5em;
	
	text-align:            center;
	vertical-align:        middle;
	
	border-color:          #AAAAAA;
	border-style:          solid;
	border-width:          1px;
	
	border-radius:         3px;
	-moz-border-radius:    3px;
	-webkit-border-radius: 3px;
	
	margin:                1px;
}

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

a
{
	text-decoration: none;
}

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

img,
pre
{
	border-color: #DDDDDD;
	border-style: dashed;
	border-width: 2px;
}

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


.debugtab_button_container,
.debugtab_button_container input
{
	font-size: 110%;
}

.header_tabs input
{
	width:     9em;
	
	font-size: 115%;
}

.home_temperatures_container pre,
.home_uplinkstatus_container pre
{
	font-size:    270%;
	line-height:  130%;
	
	margin:       10px;
}

.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: #888888;
	outline-style: solid;
	outline-width: 1px;
}

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


.border_loading
{
	border-color: #0000DD;
}

.border_error
{
	border-color: #DD0000;
}


.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:            #000000;
	background-color: #DDDDDD;
	border-color:     #DDDDDD;
	
	width:            15em;
	
	font-size:        120%;
	
	text-align:       left;
	
	height:           1.3em;
}


.status
{
	text-align:   left;
	
	width:        3em;
	
	font-size:    125%;
	font-weight:  bold;
	
	border-style: dashed;
	border-width: 2px;
}

.status_init
{
	color:            #888888;
	background-color: #DDDDDD;
	border-color:     #DDDDDD;
}

.status_on
{
	color:            #DACA11;
	background-color: #DDDDDD;
	border-color:     #DDDDDD;
}

.status_off
{
	color:            #6A6A6A;
	background-color: #DDDDDD;
	border-color:     #DDDDDD;
}

.status_fail
{
	color:            #D30000;
	background-color: #DDDDDD;
	border-color:     #DDDDDD;
}

.status_wait
{
	color:            #FF00FF;
	background-color: #DDDDDD;
	border-color:     #DDDDDD;
}

.status_wait_on
{
	color:            #6A6A6A;
	background-color: #DDDDDD;
	border-color:     #0000C0;
}

.status_wait_off
{
	color:            #DACA11;
	background-color: #DDDDDD;
	border-color:     #0000C0;
}


.power_button
{
	height:       1.6em;
	
	margin-left:  0.5em;
	margin-right: 0.5em;
	
	font-size:    103%;
	font-weight:  bold;
}

.power_button_on_enabled
{
	color:            #000000;
	background-color: #DFD777;
}

.power_button_off_enabled
{
	color:            #000000;
	background-color: #989898;
}

.power_button_on_disabled,
.power_button_off_disabled
{
	color:            #B4B4B4;
	background-color: #D9D9D9;
}


.message_div
{
	color:            #000000;
	background-color: #EEEEEE;
	
	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: 3px;
}


.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;
}

.make_server_delay,
.page_reload,
.debug_log,
.soft_reload,
.mobile_mode,
.set_request_type,
.switch_lang
{
	height: 2em;
}

.make_server_delay,
.page_reload,
.debug_log
{
	width: 2em;
}

.soft_reload
{
	width: 3em;
}

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


.tab_active
{
	color:            #797979;
	background-color: #ECECEC;
}

.tab_active_bgjobs
{
	color:            #797979;
	background-color: #9DE397;
}

.tab_inactive
{
	color:            #000000;
	background-color: #FCFCFC;
}

.tab_inactive_bgjobs
{
	color:            #000000;
	background-color: #4EE341;
}


.button_removeelement_mplayer,
.button_removeelement_kitchentimer
{
	width:     6em;
	
	font-size: 105%;
}


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

.kitchentimer_inactive
{
	background-color: #FCFCFC;
}

.kitchentimer_active
{
	background-color: #00FA00;
}

.kitchentimer_error
{
	background-color: #FA0000;
}

.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: 105%;
}

.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
{
	width:       2.5em;
	
	margin-left: 6em;
}

.kitchentimer_input_clear,
.kitchentimer_input_play
{
	width: 3.5em;
}

.kitchentimer_input_stop
{
	width: 4em;
}


.clock,
.tabbar_active_tab
{
	color:            #000000;
	background-color: #DDDDDD;
	border-color:     #DDDDDD;
	
	min-width:        9em;
	
	border-style:     none;
	
	font-weight:      bold;
}


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


.powercontrol_message
{
	margin: 1px;
}


.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_show,
.tabbar_active_tab_show,
.clock
{
	display: inline;
}