@CHARSET "UTF-8";

body, select, input, button {font-size: 18px; font-family: arial;}
html, body {background: #FAFAFA; /*url("/img/pbg.png") top center no-repeat*/ margin: 0; padding: 0; min-width: 15em}
img {margin: 0; padding: 0; border: 0}
a {text-decoration: none; cursor: pointer; color: #000; padding: 0; margin: 0; /*white-space: nowrap; */display: inline-block;}
hr {margin: 0.2em 0; padding: 0; background: #CCC; height: 1px; border: 0; border-bottom: 1px solid #FFF}
ul {list-style: none; padding: 0}

input, button, select {vertical-align: middle; border: 1px solid #AAA; background-color: #FFF; display: inline-block;}
select {width: 94%; margin: 0 3%; height: 2.5em;}

input[type="text"], input[type="password"] {height: 2em; margin:0.1em 3%; padding:1%; width: 90%; min-width: 10em; -webkit-box-shadow: inset 0px 1px 3px #CCC; -moz-box-shadow: inset 0px 1px 3px #CCC; -o-box-shadow: inset 0px 1px 3px #CCC; box-shadow: inset 0px 1px 3px #CCC}
input[type="text"]:focus, input[type="password"]:focus {outline: 0; border-color: #6bf;}

table {border: 0; margin: 0; padding: 0; /*border-collapse:collapse;*/ border-spacing: 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}

button {border-radius: 0.2em; padding: 0.4em 1em; margin: 0.5em 0; width: 48%; min-width: 8em; background: #FFF url("/img/gup.png") top repeat-x; cursor: pointer;}
button:hover {background-color: #F5F5F5;}
button.blue {background-color: #49E; border: 1px solid #0077CC; color: #FFF;}
button.blue:hover {border-color: #0077CC; background-color: #18D;}

[class^="icon-"]:before, [class*=" icon-"]:before {font-size: 1em;}

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

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

.loader {background: url("/img/loader.gif") no-repeat 0.3em center;}

.head {overflow:hidden; background: #F5F5F5; line-height: 2em; font-size: 1.3em; white-space: nowrap; border-bottom: 1px solid #CCC; box-shadow: 0px 0px 16px #AAA; position: fixed; width: 100%; top: 0; left: 0}
.head span, .head a {color: #333; display: inline-block;}
.head span {padding: 0px 0.1em;}
.head a {padding:0px 0.5em;}
.logo {margin-bottom: 3px; width: 32px; vertical-align: middle;}

.nowrap {white-space: nowrap;}
.wrap {white-space: normal;}

.content {margin-top: 2.6em}
.content .error {color: #900; border: 0; padding: 0.5em 0; margin: 0; background: url("/img/pbg.png") top center no-repeat; text-align: center;}
.content .error.noapi {display: none;}
.content .error.custom {display: none;}

.objects a {width: 100%; padding: 0.5em 0em}

.objects table {width: 100%; overflow: hidden;}
.objects table tr td, .objects table tr th {border-bottom: 1px solid #DDD; border-top: 1px solid #FFF; padding: 0.2em 0.5em;/* white-space: nowrap;*/}
.objects table tr th {text-align: center; height: 1em}

.objects table.point tr td {padding: 0.5em 1em; height: 1em; font-size: 0.9em}
.objects table.point tr td a {margin: 0; padding: 0; border: 0}
.objects table.point tr td.map {padding: 0}
.objects table.point tr td.map img {width: 100%}

.block {text-align: left; max-width: 20em; margin: 0 auto; position: relative;}
.block .title {padding: 0.5em; font-size: 1.5em; text-align: center;}
.block .label {margin-top: 0.7em; padding-left: 1em;}
.block .submit {text-align: center; padding: 1em;}
.block .error.custom {position: absolute; width: 100%; top: 0; left: 0;}

.block.login {margin: 0 auto; text-align: center; padding: 3em 0}