body { background-color: white; background-image: url("img/bg.gif"); font-size: 100%; font-family: Sans-Serif; }

#popup_bg {
	background: rgb(240, 240, 240); background: rgba(240, 240, 240, 0.6);
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; position: absolute;
	display: block;
	z-index: 11;
}
#popup {
	background: rgb(240, 240, 240); background: rgba(240, 240, 240, 0.8);
	border-width: 2px;
	border-style: solid;
	left: 8px; top: 120px; width: 256px; height: auto; 
	padding: 20px 20px;
	overflow: auto; position: absolute;
	display: block;
	z-index: 12;
	box-shadow: 8px 8px 5px #888;
}
.popup_normal { border-color: Orange; }
.popup_wait { border-color: Gray; }
.popup_ready { border-color: Green; }

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

.popup_buttons_block { margin: 0 auto; width: 210px; float: none; }

.gate { margin: 0 auto; width: 260px; padding: 0 30px; }
.item { padding: 10px 0 0 0; font-size: 80%; font-family: Sans-Serif; line-height: 120%; }
.edit { border: solid 2px silver; width: 256px; height: 1.5em; font-size: 100%; font-family: Sans-Serif; resize: none; }
textarea.edit { height: 64px; }
.info { color: Black; font-weight: bold; line-height: 100%; }
.subinfo { color: Gray; font-size: 80%; }
.subinfo a { color: black; text-decoration: none; }
.subinfo a:hover { text-decoration: underline; }
.error { color: Red; font-size: 80%; line-height: 120%; white-space: nowrap; }
.points { padding: 10px 0 0 0; text-align: center; font-size: 80%; line-height: 120%; font-family: Sans-Serif; color: Black; }
.points a { color: Black; }
.points a:hover { color: gray; }
.field_info { }
.tip { }

div.history { padding: 20px 10px 0 10px; font-size: 80%; }
table.history { }
td.history, th.history { border: 2px solid silver; padding: 3px; text-align: center; }
.histcol_date { }
.histcol_recipient { }
.histcol_status { }
tr.hdr { background-color: Gray; color: White; }
tr.odd { background-color: #eee; }
tr.eve { background-color: #ddd; }

/* ma */
.top_margin { border-bottom: solid 1px white; background-color: gray; width: 100%; height: 10px; }
.bottom_margin { height: 10px; }

.header { border-bottom: solid 1px white; background-image: url("img/bg_title.gif"); }
.header img { float: left; padding: 10px 0 5px 10px; }
.header_title { float: left; padding: 10px 0 0 5px; font-size: 140%; font-weight: bold; white-space: nowrap; }
.header_vendor { font-size: 65%; vertical-align: top; }

.login_left { float: left; }
.login_right { float: right; padding: 0 0.5ex; }
.login_right a { color: Gray; text-decoration: none; }
.login_right a:hover { color: Black; }

.install_outer { float: left; padding: 10px 5px 0 0; font-size: 130%; color: Gray; }
.gate .install_outer { width: 260px; }
.popup_buttons_block .install_outer { width: 100px; }
.install { height: 2em; background-color: #ab4; background-image: url("img/butm.gif"); border: solid 1px #999; border-left-color: #eee; border-top-color: #eee; text-align: center; }
.install_text { padding: 0.5em 0; display: block; }
.install a { color: White; text-decoration: none; }
.install a:hover { color: #9b3; }
#sendButton .install_text:before { content: "Wyślij"; }
#okButton .install_text:before { content: "OK"; }
#cancelButton .install_text:before { content: "Anuluj"; }

.subtitle { height: 2em; font-size: 150%; margin-top: 20px; }
.subtitle_left { width: 15px; margin-left: 10px; height: 100%; background-color: gray; float: left; }
.subtitle_middle { margin-left: 30px; background-color: white; height: 100%; color: #9FB52E; }
.subtitle_inner { padding: 0.5em; }
.history_refresh { font-size: 80%; }
.history_refresh a { color: #9FB52E; 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 { background-color: gray; background-image: url("img/bg_foot.gif"); height: 25px; margin-top: 20px; color: White; text-align: center; font-size: 90%; }
.footer_inner { padding-top: 5px; }
.footer_links { padding-top: 5px; text-align: center; font-size: 80%; color: Gray; }
.footer_links a { color: Black; text-decoration: none; }
.footer_links a:hover { color: Black; }
.footer_note { text-align:left; padding: 8px 20px 0; font-size: 80%; color: Black; }

.clear { clear: both; }
.achtung { color:Red; font-weight:bold; }
.chxconfirm { }

/* css3 */

.shadow { text-shadow: 1px 1px white; }