@font-face {
	font-family: "opensans";
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans"), local("OpenSans"), url(/css/fonts/opensans.woff) format("woff");
}

body, select, input, button {font-size: 12px; font-family: opensans, sans-serif; color: #000}
html, body {background: #FAFAFA; min-width: 20em; margin: 0; padding: 0}
img {margin: 0; padding: 0; border: 0}
a {text-decoration: none; cursor: pointer; color: #000; padding: 0; margin: 0; white-space: nowrap;}
hr {margin: 0.2em 0; padding: 0; background: #EEE; height: 1px; border: 0; border-bottom: 1px solid #FFF}
ul {list-style: none; padding: 0; margin: 0}
iframe {border: 0; padding: 0; margin: 0;}

input, button, select {vertical-align: middle; border: 1px solid #CCC; background-color: #FFF; display: inline-block; color: #000;}
select {margin: 0.2em 0; padding: 0.2em; background: #FFF; max-width: 15em;}

input[type="text"], input[type="password"] {height: 1.5em; margin:1px; padding:0.4em; width: 10em; border-radius: 0.3em;}
input[type="text"]:focus, input[type="password"]:focus {box-shadow: 0 0 0.3em #AAA; border-color: #AAA; outline: 0;}
input[size="1"]{width: 1.5em !important;}
input[size="2"]{width: 1.5em !important;}
input[size="4"]{width: 2.5em !important;}
input[size="12"]{width: 8em !important;}
input[size="16"]{width: 10em !important;}

input[type="checkbox"] {padding: 0; margin: 0}

input[type="text"].green, input[type="password"].green {background-color: #DDFFDD}
input[type="text"].yellow, input[type="password"].yellow {background-color: #FFFFDD}
input[type="text"].red, input[type="password"].red {background-color: #FFDDDD}
input[type="text"].hasDatepicker {cursor: pointer; width: 10em; text-align: center;}

input.simple {border: 0; border-bottom: 1px solid #AAA; background: none; padding: 0 0.5em;}

/*form {display: inline-block;}*/
form input[type="file"] {border: 0; background: transparent}

h1 {font-size: 2.5em; text-align: center; font-weight: normal;}
h2 {font-size: 2em; text-align: center; font-weight: normal;}
h3 {font-size: 1.5em; text-align: center; font-weight: normal;}

table {border: 0; margin: 0; padding: 0;  border-collapse: separate; border-spacing: 0}
table.underline tr td {border-bottom: 1px solid #CCC;}
table tr td.leftline {border-left: 1px solid #CCC;}

img.grayscale {filter: gray; -webkit-filter: grayscale(1);}

.fr {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

span.center {text-align: center;}
span.big, div.big, a.big {font-size: 1.3em}
span.small, div.small, a.small {font-size: 0.8em}
span.red, div.red, a.red {color: #C00;}
span.green, div.green, a.green {color: #0C0;}
span.gray, div.gray, a.gray {color: #666}
span.bold, div.bold, a.bold {font-weight: bold;}

label {margin-left: 1em}

form.big {max-width: 30em; margin: 0 auto}
form.big label {margin-top: 1em; display: block;}
form.big label div {margin-left: 1em; font-weight: bold;}
form.big label input {width: 100%; height: 2em}
form.big div.inset {padding: 1em;}
form.big #reg-err {display: none; color: #F00; padding: 0.5em; background: #FEE; border-radius: 0.5em; width: 15em;}

.cursor-progress {cursor: progress;}
.loader {background-image: url("/img/loader.gif") !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: inherit;}

.center {text-align: center;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.inline-middle * {vertical-align: middle;}
.mobile {display: none;}
.hidden {display: none;}

#all {position: relative;/* background: url("/img/bg.png") repeat*/}
#map {display: block; border-right: 1px solid #AAA}

.field {height:100%; display:block; overflow:visible; vertical-align: top;}

.field .block {padding: 1em; margin: 0.5em;}
.field .block span.name {font-size: 1.3em; font-weight: bold; cursor: pointer;}
.field .block span.name:hover {color:#666}
.field .block a:hover {text-decoration: underline;}
.field .block > table tr td {padding: 0.2em 1em;}
.field table.block {margin: 0 auto;}
.field table.block tr td {border-top: 1px solid #AAA; padding: 0.6em 1em}
.field table.block tr:hover {background: #F7F7F7}
.field table.block tr th {padding: 0.2em 1em}
.field table.block#devparams, .field table.block#userparams {margin: 0; width:100%}

.field .block.deviceline {}

.mlist > div, .mlist > a {padding: 0.4em 1em; cursor: pointer; line-height: 2em; display: block;}
.mlist > div:hover, .mlist > a:hover {background: #FFF}
.mlist > .disabled {color: #999;}

.base {border:1px solid #DDD; border-radius: 0.3em; background: #FAFAFA;}
.base .ui-checkbox {padding: 0.5em 0;}
.ui-checkbox {display: inline-block; white-space: nowrap;}
.ui-helper {padding: 0.2em; cursor: move;}
.ui-switcher {display: inline-block; margin: 0 0.3em;}
.ui-hideonclick {display: none;}

.color {height: 1.5em; width: 1.5em; padding: 0; margin: 0.3em; border: 1px solid #000; border-radius:3px; cursor:pointer; display: inline-block;}

.label-custom {font-family: opensans, sans-serif; font-size: 12px; min-width: 2em; text-align: center; white-space: nowrap; padding: 0.2em 0.5em; cursor: default; border-radius: 0.3em;}

.label-custom.polymanage span{cursor: pointer; padding: 0 0.3em; color:#999; margin: 0; font-size: 0.7em}
.label-custom.polymanage span:hover {color: #000}

/* not flexible part. static sizes */
[class^="pointer-"]:before, [class*=" pointer-"]:before {content: ""; position: absolute; width: 0; height: 0; border: 13px solid; border-color:transparent;}
[class^="pointer-"]:after, [class*=" pointer-"]:after   {content: ""; position: absolute; width: 0; height: 0; border: 12px solid; border-color:transparent;}

.pointer-left-bottom span {margin-right: 0.5em}
.pointer-left-bottom:before {border-top-color: inherit; bottom: -26px; left: 0px}
.pointer-left-bottom:after {border-top-color: #FAFAFA; bottom: -24px; left: 1px}

.pointer-left:before {border-right-color: inherit; top: -1px; left: -26px}
.pointer-left:after {border-right-color: #FAFAFA; top: -0px; left: -24px}

.pointer-right-top:before {border-bottom-color: inherit; top: -26px; right: 10px;}
.pointer-right-top:after {border-bottom-color: #FAFAFA; top: -24px; right: 11px;}

.pointer-left-top:before {border-bottom-color: inherit; top: -26px; left: 10px;}
.pointer-left-top:after {border-bottom-color: #FAFAFA; top: -24px; left: 11px;}
/* END */

#slider {width:100%; margin: 0;}

.setable-slider {padding: 0.1em; text-align: left; width: 18em;}
.setable-slider .ui-slider {margin: 0.5em;}

.nw, table.nw tr td {white-space: nowrap; margin: 0 auto}
.error {color: #900; border: 0; max-width: 50em; padding: 1em; margin: 1em auto; background: url("/img/pbg.png") top center no-repeat; text-align: center; font-size: 1.3em}

.tpls {}
.tpls td {padding: 0.3em}
.tpls td select {width: 15em}

/* Google table */
.google-visualization-table-table {border: 0; margin: 0; padding: 0; vertical-align: middle; width: 100%;}
.google-visualization-table-table * {padding: 0}
.google-visualization-table-table div {padding: 0}
.google-visualization-table-table .google-th {padding: 1px; margin: 0; background: #E5EEF0; text-align: center;}
.google-visualization-table-table .google-th .google-visualization-table-sortind {color: #999; display: none; margin-top: -1px; padding: 0}
.google-visualization-table-table .google-th .google-visualization-table-sorthdr {padding: 0; margin: 0; border-top: 1px solid #CCC; height: 2em}
.google-visualization-table-table .google-tr {background: #FAFAFA; margin: 0; padding: 0}
.google-visualization-table-table .google-tr-hover {background: #F5F5F5; margin: 0; padding: 0}
.google-visualization-table-table .google-tr-sel {background: #F5F5F5; margin: 0; padding: 0}
.google-visualization-table-table .google-td {border-top: 1px solid #FFF; border-bottom: 1px solid #CCC; border-left: 1px dotted #CCC; margin:0px; padding: 0.2em; font-size: 1em; font-family: opensans; cursor: inherit; position: relative; white-space: nowrap;}
.google-visualization-table-table .google-td img {margin: 0; padding: 0; cursor: pointer;}
.google-visualization-table-table .google-td span {margin: 0; padding: 0; cursor: pointer;}