body { background: url("img/exp2/bgNEW.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 16px; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

#main { margin: 0 auto; width: 960px; }
#container { border: 0px solid black; background-image: url("img/exp2/txtNEW.png"); background-repeat: no-repeat; background-position: 0 110px; left: 30px; }
#content { }
.gate { height: 606px; }
#gate { background-image: url("img/exp2/bramkabgNEWbez.png"); background-repeat: no-repeat; position: absolute; left: 600px; top: 20px; width: 342px; height: 538px; }
.sticker { background-image: url("img/exp2/sticker.gif"); background-repeat: no-repeat; position: relative; left: -204px; top: 0px; width: 194px; height: 98px; }

.edit { background: none repeat scroll 0 0 transparent; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 100%; color: #555; resize: none; }
#inputUserMobile, #inputUserMobileErrorMsg { position: absolute; left: 645px; top: 75px; width: 257px; }
#inputUserMobile { height: 20px; }
#inputToMobile, #inputToMobileErrorMsg { position: absolute; left: 645px; top: 143px; width: 257px; }
#inputToMobile { height: 20px; }
#inputMessage, #inputMessageErrorMsg { position: absolute; left: 645px; top: 218px; width: 257px; height: 209px; }
.chxconfirm { position: absolute; left: 644px; top: 256px; width: 270px; font-size: 80%; color: #000; }
.achtung { color: #d00; font-weight: bold; }

.info { color: #252525; line-height: 100%; }
.subinfo { color: #555; font-size: 80%; }
.subinfo a { color: black; text-decoration: none; }
.subinfo a:hover { text-decoration: underline; }
.error { color: #a3a3a3; font-size: 80%; white-space: nowrap; }
.gate .error { background: rgb(256, 256, 256); background: rgba(256, 256, 256, 0.8); margin: 3px 0 0; height: 15px; }
.field_info { display: none; }

div.history { }
table.history { width: 380px; color: white; margin: 0 auto; font-size: 80%; margin-bottom: 20px; }
td.history, th.history { text-transform: lowercase; font-weight: normal; padding-top: 4px; padding-bottom: 4px; }
.histcol_date { text-align: left; width: 33%; padding-left: 4px; }
.histcol_recipient { text-align: center; }
.histcol_status { text-align: left; width: 33%; padding-left: 48px; }
table.history tr { border-top: solid 1px white; }
tr#histrow0 { border-top: none 0; border-bottom: solid 2px white; }
tr#histrow1 { border-top: none 0; }

/* ma */
.top_margin { width: 100%; height: 50px; }
.bottom_margin { height: 10px; }

.header { display: none; }

.login_right { position: absolute; right: 50px; top: 618px; font-size: 85%; }
.login_right a { color: white; text-decoration: none; text-transform: uppercase; }
.login_right a:hover { color: White; text-decoration: underline; }
.points { position: absolute; right: 50px; top: 636px; color: white; font-weight: bold; text-transform: uppercase; font-size: 85%; }

.install_outer { float: left; }
.gate .install_outer { width: 147px; }
.popup_buttons_block .install_outer { width: 108px; }
.install_text { display: block; height: 54px; }
.install#sendButton { position: absolute; }
#sendButton { left: 639px; top: 476px; width: 267px; height: 54px; background: url("img/exp2/sendNEW.png") 0 0; }
#sendButton a:hover { background: url("img/exp2/sendNEW.png") 0 -54px; }
#sendButton a:active { background: url("img/exp2/sendNEW.png") 0 -108px; }
.chxconfirm { display: none; }

#popup_bg { background: rgb(256, 256, 256); background: rgba(256, 256, 256, 0.4); left: 0; top: 0; width: 100%; height: 100%; overflow: auto; position: absolute; display: block; z-index: 11; }
#popup { background-color: white; border-width: 1px; border-style: solid; left: 8px; top: 120px; width: 232px; height: auto; padding: 20px 20px; overflow: auto; position: absolute; display: block; z-index: 12; box-shadow: 5px 5px 5px #888; }
.popup_normal { border-color: #7bbb36; }
.popup_wait { border-color: #7bbb36; }
.popup_ready { border-color: #7bbb36; }

#popup .item { color: #ddd; margin: 20px 0; text-align: center; }
#popup .edit { border: 1px solid black; background-repeat: no-repeat; width: 138px; height: 32px; padding: 2px 8px 0px; }
#popup .tip, #popup .error { font-size: 80%; }

.popup_buttons_block { margin: 0 auto; width: 226px; float: none; }
#okButton { width: 107px; height: 54px; background: url("img/exp2/okNEWer.png") 0 0; }
#okButton a:hover { background: url("img/exp2/okNEWer.png") 0 -54px; }
#okButton a:active { background: url("img/exp2/okNEWer.png") 0 -108px; }
#cancelButton { width: 107px; height: 54px; background: url("img/exp2/anulujNEWer.png") 0 0; }
#cancelButton a:hover { background: url("img/exp2/anulujNEWer.png") 0 -54px; }
#cancelButton a:active { background: url("img/exp2/anulujNEWer.png") 0 -108px; }

.subtitle { padding: 12px 0; color: white; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 85%; }

.history_refresh { }
.history_refresh a { color: white; text-decoration: none; text-transform: none; }
.history_refresh a:hover { text-decoration: underline; }

noscript { color: Red; line-height: 120%; }
.description { margin: 20px 30px 10px 30px; text-align: center; color: Gray; line-height: 120%; }

.footer { padding-top: 1px; text-align: center; color: #e9e8e7; font-size: 85%; line-height: 120%; }
.footer_inner { }
.footer_links { padding: 0px 0; text-align: center; color: #999; font-weight: bold; font-size: 90%; }
.footer_links a { color: White; text-decoration: none; }
.footer_links a:hover, a:active { color: #e9e8e7; }
.footer_note { text-align: justify; padding: 8px 20px 0; font-size: 85%; color: #e9e8e7; margin: 0 auto; width: 880px; }

.viewswitch { display: block; text-align: left; margin: 0 auto; width: 880px; }
.viewswitch a { display: none; }

.clear { clear: both; }