body { background-color: black; background-image: url("img/exp5/bg.png"); background-repeat: repeat-x; 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 { }
#content { background-image: url("img/exp5/layout.jpg"); background-repeat: no-repeat; position: relative; }
.gate { height: 606px; }
#gate { position: absolute; left: 630px; top: 150px; width: 276px; height: 380px; }
.sticker { background-image: url("img/exp5/freesms.gif"); background-repeat: no-repeat; position: relative; left: -580px; top: 25px; width: 160px; height: 31px; }

.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: 656px; top: 186px; width: 232px; }
#inputUserMobile { height: 20px; }
#inputToMobile, #inputToMobileErrorMsg { position: absolute; left: 656px; top: 246px; width: 232px; }
#inputToMobile { height: 20px; }
#inputMessage, #inputMessageErrorMsg { position: absolute; left: 656px; top: 310px; width: 232px; height: 168px; }
.chxconfirm { position: absolute; left: 648px; top: 288px; width: 266px; font-size: 80%; color: #ddd; }
.achtung { color: #f78; }

.info { color: #ddd; line-height: 100%; text-shadow: 1px 1px gray; }
.subinfo { color: #ddd; font-size: 80%;  text-shadow: 1px 1px gray;}
.subinfo a { color: white; text-decoration: none; }
.subinfo a:hover { text-decoration: underline; }
.error { color: Red; 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: #999; margin: 0 auto; font-size: 80%; }
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 #aaa; }
tr#histrow0 { border-top: none 0; border-bottom: solid 1px #48b; }
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: #bbb; text-decoration: none; text-transform: uppercase; }
.login_right a:hover { color: White; }
.points { position: absolute; right: 50px; top: 636px; color: #b83; text-transform: uppercase; font-size: 85%; text-align: right; }
.points a { color: #b83; }
.points a:hover { color: #c94; }

.install_outer { float: left; }
.gate .install_outer { width: 147px; }
.popup_buttons_block .install_outer { width: 108px; }
.install_text { display: block; height: 45px; }
.install#sendButton { position: absolute; }
#sendButton { left: 696px; top: 500px; width: 147px; height: 45px; background: url("img/exp5/send.png") 0 0; }
#sendButton a:hover { background: url("img/exp5/send.png") 0 -45px; }
#sendButton a:active { background: url("img/exp5/send.png") 0 -90px; }
.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-image: url("img/exp5/popupbg.jpg"); border-width: 2px; 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: 10px 10px 5px #888; }
.popup_normal { border-color: #eb6; }
.popup_wait { border-color: #eb6; }
.popup_ready { border-color: #9cf; }

#popup .item { color: #ddd; margin: 20px 0; text-align: center; }
#popup .edit { background-image: url("img/exp5/pin.png"); 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: 108px; height: 45px; background: url("img/exp5/ok.png") 0 0; }
#okButton a:hover { background: url("img/exp5/ok.png") 0 -45px; }
#okButton a:active { background: url("img/exp5/ok.png") 0 -90px; }
#cancelButton { width: 108px; height: 45px; background: url("img/exp5/cancel.png") 0 0; }
#cancelButton a:hover { background: url("img/exp5/cancel.png") 0 -45px; }
#cancelButton a:active { background: url("img/exp5/cancel.png") 0 -90px; }

.subtitle { padding: 12px 0; color: #999; text-align: center; text-transform: lowercase; font-size: 85%; }

.history_refresh { }
.history_refresh a { color: #bbb; text-decoration: none; text-transform: none; }
.history_refresh a:hover { color: White; }


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

.footer { padding-top: 12px; text-align: center; font-size: 80%; color: #999; }
.footer_inner { }
.footer_links { padding: 10px 0; text-align: center; font-size: 85%; color: #999; }
.footer_links a { color: #b83; text-decoration: none; }
.footer_links a:hover, a:active { color: White; }
.footer_note { text-align: justify; padding: 8px 20px 0; font-size: 75%; color: #999; margin: 0 auto; width: 880px; }

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

.clear { clear: both; }