
/* /// Male Boxy informacyjne */
.box_info, .box_error, .box_warning, .box_success, .box_markers,  .box_idea  { padding: 7px; padding-left: 30px; background-repeat: no-repeat; background-position: 7px 9px; border-top: 1px solid black; border-bottom: 1px solid black; line-height:1.5em; margin-top: 5px; text-align: left; margin-bottom: 5px; clear: both }
.box_info p, .box_error p, .box_warning p, .box_success p, .box_markers p, .box_idea p { margin-bottom: 2px; }

.box_info { background-color: #e9f4ff; border-color: #6b99c5; background-image: url('img/icon_info.gif'); }
.box_error { background-color: #ffece8; border-color: #f6846c; background-image: url('img/icon_error.gif'); }
.box_warning { background-color: #fffbe5; border-color: #f5d852; background-image: url('img/icon_warning.gif'); }
.box_success { background-color: #deffd7; border-color: #6ec462; background-image: url('img/icon_success.gif'); }
.box_markers { background-color: #f9f9f9; border-color: #b5b5b5; background-image: url('img/icon_markers.gif'); }
.box_idea { background-color: #d9f1ff; border-color: #09ae95; background-image: url('img/help_bulb.gif'); background-position: 7px 6px; }


/* /// Dialog BOX */
.dialog_window { width: 416px; background-color: #efefef; display: none; }
.dialog_window .dialog_container { margin: 2px; background: #fff url('img/dialog_apollo.gif') }

/* ------- Naglowek oraz przycisk zamykania okienka */
.dialog_window .dialog_container h2 { font-size: .75em; background: #3083b5 url('img/dialog_h2.gif') repeat-x center top; color: #fff; width: 367px; padding: 5px; padding-right: 24px; position: relative; margin-top: 2px; }
.dialog_window .dialog_container h2 a { display: block; position: absolute; right: 3px; top: 3px; width: 19px; height: 19px; text-indent: -9999em; font-size: .0001em; background: transparent url('img/dialog_close.gif') no-repeat; }
.dialog_window .dialog_container h2 a:hover { background-position: -19px 0; }

/* ------- Tresc */
.dialog_window .dialog_container .dialog_content { padding: 12px; padding-left: 50px; font-size: .75em; background-repeat: no-repeat; background-position: 12px 12px; }
.dialog_window .dialog_container .dialog_content p { margin-bottom: 5px; }

/* ------- Ikonki dialog boxa w zaleznosci od funkcji */
.dialog_window .dialog_container .dialog_info { background-image: url('img/dialog_info.gif'); }
.dialog_window .dialog_container .dialog_error { background-image: url('img/dialog_error.gif'); }
.dialog_window .dialog_container .dialog_warning { background-image: url('img/dialog_warning.gif'); }

/* ------- Buttony w dialog boxie */
.dialog_window .dialog_container .dialog_content ul { text-align: center; margin-top: 10px; }
.dialog_window .dialog_container .dialog_content ul li { width: 82px; height: 27px; float: right; margin-left: 15px; }
.dialog_window .dialog_container .dialog_content ul li a { display: block; width: 82px; height: 27px; background: transparent url('img/dialog_menu_li.gif') no-repeat; color: #000; line-height: 27px; text-decoration: none }
.dialog_window .dialog_container .dialog_content ul li a:hover { background-position: 0 -27px; color: #fff }

/* ------- Input w dialog boxie */
.dialog_window .dialog_container .dialog_content input.field { width: 80%; border: 1px solid #aaa; padding: 2px;  }

/* ------- Tlo dialog boxa */
div.background { background-color: #09a4bb; }
