@charset "utf-8";

@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {
	.back {background: #F5F5F5 url(back.png) repeat-x scroll 0 10px !important;}
	#displays {margin-top: 0 !important;}
	#splash {margin-top: 79px !important;}
	#boxSettings {
		top: 0 !important;
		left: 0 !important;
	}
	#setMenu #dragMenu {display: none;}
	#boxSettings {width: 799px !important;}
	#setMenu a {padding: 4px 6px !important;}
	.mask {opacity: 1 !important;}
}

* {
margin: 0;
padding: 0;
font-size: 1em;
font-family: 'Trebuchet MS', Verdana, 'Lucida Grande', Arial, Sans-Serif;
}

noscript {
font-size: 0.8em;
color: #008F3B;
}
noscript div {
margin: 10px;
padding: 5px 10px;
background-color: #E8F7EE;
}
noscript a {color: #008F3B;}
noscript a:hover {
text-decoration: none;
color: BLACK;
}

body {background: #F5F5F5;}
.back {background: #F5F5F5 url(back.png) repeat-x scroll 0 50px;}
.mask {
z-index: 5;
opacity: 0.6;
filter: alpha(opacity = 60);
background-color: black;
}

#boxMsg {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: WHITE;
z-index: 100;
text-align: center;
font-size: 0.9em;
}
#boxMsgTxt {
width: 500px;
margin: 0 auto;
border: 3px solid #2070CF;
padding: 10px 20px;
background-color: #D8E6F7;
position: relative;
}
#boxMsgProgress {
width: 0;
position: absolute;
bottom: 20px;
left: 0;
height: 40px;
background-color: #D8E6F7;
}

#logininfo {
color: #008F3B;
font-size: 0.8em;
position: absolute;
left: 15px;
top: 15px;
z-index: 0;
}

#splash {
color: #30BF2A;
letter-spacing: 0.1em;
background: url(startup.gif) no-repeat 0 0;
width: 220px;
padding: 30px 0 0 0;
text-align: center;
font-size: 0.8em;
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -110px;
overflow: auto;
}

#alert {
position: absolute;
width: 500px;
height: 140px;
top: 50%;
left: 50%;
margin: -75px 0 0 -250px;
overflow: auto;
opacity: 0;
filter:alpha(opacity=0);
z-index: 25;
}

#alert div {
background-color: #FFE7E7;
border: 3px solid #D71A1A;
color: #AF363B;
line-height: 1.5em;
padding: 20px;
text-align: center;
}

#boxDbg {
font-size: 0.7em;
position: absolute;
top: 95px;
left: 3px;
width: 300px;
border: 2px solid;
padding: 3px;
}
#boxDbg p {
border-bottom: 1px solid GRAY;
}
#boxDbg .closedbg {
display: block;
}

/* Header */
#header {
width: 100%;
position: relative;
z-index: 1;
height: 60px;
}
#h1 {
position: absolute;
bottom: 20px;
left: 20px;
font-size: 1.5em;
color: #888887;
letter-spacing: 0.05em;
font-weight: normal;
padding-right: 30px;
}
.updating {background: url(refresh.gif) no-repeat scroll 100% 50%;}
#header a {
width: 32px;
height: 32px;
overflow: hidden;
display: block;
color: #00923F;
float: right;
margin: 7px 5px 0 10px;
padding: 3px;
}
#header a:hover {background-color: #FFEA87;}
#btnsettings {background: transparent url(butt.png) no-repeat scroll 50% 3px;}
#btnmobile {background: transparent url(butt.png) no-repeat scroll 50% -61px;}
#btnminimal {background: transparent url(butt.png) no-repeat scroll 50% -29px;}

/* Settings */
#boxSettings {
    position: absolute;
    width: 700px;
    height: 550px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    border: 3px solid #5a6da0;
    background-color: #E8ECF7;
    z-index: 30;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 20px;
    }
#setLoadingStatus {
font-size: 0.9em;
color: #465577;
width: 100%;
text-align: center;
display: block;
margin-top: 220px;
}
#setMenu {
text-align: center;
background-color: #5a6da0;
padding: 1px 0 5px 0;
line-height: 1.3em;
position: relative;
width: 100%;
}
#setMenu a {
font-size: 0.9em;
text-decoration: none;
color: #ffffff;
background-color: #7e9adc;
padding: 4px 12px;
margin: 0 2px;
white-space: nowrap;
}
#setMenu a:hover {
background-color: #F7D57B;
color: #7588BB;
}
#setMenu a.selected {
background-color: #E8ECF7 !important;
color: #465577 !important;
position: relative;
top: 4px;
}
#setMenu .disabled, #setMenu .disabled:hover {
background-color: #D7D7D7;
color: #7F7F7F;
}
#setMenu #dragMenu {
cursor: move;
background-color: #F7D57B;
width: 10px;
height: 10px;
position: absolute;
top: 0;
right: 0;
}

#setPanel {
width: 100%;
height: 322px;
opacity: 0;
filter:alpha(opacity=0);
}
#boxSettings p {
font-size: 0.8em;
line-height: 1.9em;
margin: 2px;
position: relative;
background-color: #D1DAEF;
}
.snsheader {
    background-color: transparent !important;
    position: relative;
}
.snsheader span {
    color: #7d7d7d;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    display: inline-block;
    position:absolute;
    bottom: 0;
}
p.snsheader span { 

}
#boxSettings p.info {
color: #465577;
padding: 3px 8px;
line-height: 1.3em !important;
}
#boxSettings p.info .file {
color: #649759;
}
#boxSettings p.info .file:hover {
text-decoration: none;
}
#boxSettings span.n {
margin-left: 8px;
color: #465577;
padding: 2px 0;
}
#boxSettings input.text {
position: absolute;
right: 2px;
top: 2px;
padding-left: 3px;
width: 200px;
color: #465577;
border: 1px solid #687EAF;
height: 1.5em;
}
#boxSettings input.notok {
background-color: #FFDFDF !important;
}
.snstemp, .snshum, .snsdew {width: 80px !important;}
.snstemp {right: 252px !important;}
.snshum {right: 132px !important;}
.snsdew {right: 12px !important;}
#boxSettings #lentext {
position: absolute;
right: 10px;
top: 2px;
padding-left: 3px;
color: #465577;
text-align: right;
}

.chand {cursor: hand;}
#boxSettings .textarea {
margin: 3px 5px;
color: #465577;
width: 90%;
}
#boxSettings input.hover {
color: red;
}
#boxSettings input.checkbox {
position: absolute;
right: 95px;
height: 1em;
margin: 6px;
}
#boxSettings .select, #boxSettings .selectitem {
width: 206px;
font-size: 1em;
color: #465577;
border: 1px solid #687EAF;
}
#boxSettings .select {
position: absolute;
right: 2px;
top: 2px;
}
#setbuttons {
position: absolute;
bottom: 0;
right: 0;
height: 30px;
padding: 2px;
width: 100%;
}
#setbuttons a {
cursor: pointer;
border: 1px solid #687EAF;
color: #465577;
background-color: #FFEA87;
padding: 1px 15px;
margin: 1px 10px;
text-decoration: none;
float: right;
}
#setbuttons a:hover, #autodetect:hover {
color: #42506F;
border: 1px solid #506187;
background-color: #F7D57B;
}
#resultbox {
color: RED;
font-size: 0.9em;
position: absolute;
left: 10px;
bottom: 5px;
}
#boxSettings h2 {
letter-spacing: 0.1em;
padding: 10px 0 0 10px;
font-size: 1.3em;
font-weight: normal;
color: #63A772;
}
#boxSettings h3 {
letter-spacing: 0.1em;
padding: 5px 0 0 10px;
font-size: 1em;
font-weight: normal;
color: #63A772;
}
#autodetect {
    cursor: pointer;
    border: 1px solid #687EAF;
    color: #465577;
    background-color: #FFEA87;
    padding: 0px 10px;
    text-decoration: none;
    position: absolute;
    right: 220px;
    top: 2px;
    line-height: 1.4em;
}

/* seznam senzoru */
#snscontent {
font-size: 0.8em;
padding: 5px 0 5px 10px;
}
#snscontent span {
color: #6377A7;
font-style: italic;
}
#snscontent a {
text-decoration: none;
padding: 2px 6px;
margin: 5px;
background-color: #D1DAEF;
color: #465577;
}
#snscontent a:hover {
background-color: #F7D57B;
}

/* Tipy */
.popisek, .vetsipopisek, .extremtip {z-index: 50;}
.popisek .tip .tip-title, .vetsipopisek .tip .tip-title {
color: WHITE;
font-size: 0.7em;
background-color: #506187;
padding: 4px 8px;
border: 2px solid WHITE;
}
.popisek .tip .tip-title {width: 180px;}
.vetsipopisek .tip .tip-title {width: 450px;}
.popisek .tip-top, .popisek .tip-bottom, .popisek .tip .tip-text, .vetsipopisek .tip-top, .vetsipopisek .tip-bottom, .vetsipopisek .tip .tip-text, .extremtip .tip .tip-text {
display: none;
}
.tinfo {
font-size: 13px;
font-weight: bold;
padding: 2px;
color: #7588BB;
position: relative;
bottom: 5px;
}
.extremtip {
font-size: 0.8em;
background-color: #B5DDC7;
padding: 2px 5px;
border: 1px solid WHITE;
color: #00923F;
}


/* Displays */
#displays {
width: 410px;
margin: 40px auto 0 auto;
}
#main {
padding: 8px;
background-color: white;
}
.minimal .rowsub {display: none;}
.notwebinfo {
background: #F4C1A5 url(over.png) no-repeat scroll 95% 50%;
font-size: 0.9em;
padding: 10px 55px 10px 15px;
}
.row {
width: 100%;
position: relative;
border-bottom: 2px solid white;
}
.rowmain {height: 58px;position: relative;background-color: #B2D37D;}
.rownone {
    height: 58px;
    background-color: #e6e6e6;
    text-align: center;
    line-height: 58px;
    font-size: 0.8em;
    color: grey;
}
.rowmain .title, .rowmain .value {
font-size: 1.5em;
font-weight: bold;
padding: 13px 20px;
}
.rowmain .value, .rowsub .value {
position: absolute;
right: 0;
top: 0;
width: 140px;
text-align: center;
}
.rowsub {
height: 26px;
background-color: #DDEBCA;
}
.maxval, .minval {height: 30px;}
.maxval .value, .minval .value {line-height: 1em;}
.rowsub .value {font-weight: bold;}
.rowsub .value b {font-weight: bold;}
.rowsub .value span {font-weight: normal; font-size: 0.8em;}
.rowsub .title, .rowsub .value {font-size: 0.8em;}
.rowsub .title {padding: 3px 0 0 42px;}
.rowsub .value {padding: 3px 15px 0 0;}
.maxval .title, .minval .title {padding-top: 5px;}
.topceil {background: url(rowsub.png) #DDEBCA no-repeat scroll 14px 0;}
.bottceil {background: url(rowsub.png) #DDEBCA no-repeat scroll 14px -24px;}
.maxval {background: url(rowsub.png) #DDEBCA no-repeat scroll 14px -46px;}
.minval {background: url(rowsub.png) #DDEBCA no-repeat scroll 14px -69px;}
.over {background-color: #F4C1A5;}
.mover {background: #EA8E5F url(over.png) no-repeat scroll 98% 50%;}

/* Status */
#footer {
font-size: 0.7em;
text-align: right;
padding: 8px 8px 8px 0;
color: #888887;
line-height: 1.6em;
background: url(logo.png) no-repeat scroll 20px 80%;
height: 68px;
position: relative;
}
.notweb #foovals {
position: absolute;
bottom: 5px;
right: 8px;
}
.minimal #footer {
font-size: 0.6em !important;
padding: 3px 8px 0 0 !important;
line-height: 1.3em !important;
height: 55px !important;
}
#footer, #footer .file, #footer .file:visited {color: #888887;}
#footer .file {text-decoration: none;}
#footer .file:hover {text-decoration: underline;}
.toodiff {color: RED;}