/* Ustawienia ogólne */
.wraper * { padding: 0; font-size: 12px; font-family: verdana,arial,helvetica,sans-serif; }

td.content { vertical-align: top; }

/* Ustawienia wspólne */
.wraper { width: 95%; margin: 0 auto 20px; text-align: left; line-height: 18px; }
.wraper h1 { margin-bottom: 20px; font-size: 14px; }
.wraper h1 span { font-size: 14px; color: #000; }
.wraper h2 { margin-bottom: 15px; font-size: 12px; }
.wraper p { }
.wraper a { color: #0E29AD; text-decoration: none; }
.wraper a:hover, .wraper a:focus, .wraper a:active { color: #0E29AD; }
.wraper a:hover { text-decoration: underline; }

.inlineL { float: left; }
.inlineR { float: right; }

.wraper .unit { color: #ff0000; text-transform: uppercase; }
.wraper .underline { text-decoration: underline; }

img.icon { margin: 0 10px 10px 0; }

/* Style wspólne */
.wraper.styled { border: 1px solid #cecece; background-color: #fff; }
.wraper .box { padding: 9px 10px; border: 1px solid #cecece; font-size: 12px; line-height: 18px; background-color: #FBFBFB; font-family: verdana,arial,helvetica,sans-serif; }
.wraper .obligatory { color: #ff0000; }


/* Clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/* INTRO */
#intro { margin: 0 auto; margin-top: 20px; width: 490px; padding: 30px; line-height: 18px; text-align: center; border: 1px solid #cecece; background-color: #fff; }
#intro h2 { font-size: 16px; }
#intro h2 span { font-size: 12px; font-weight: normal; }

/* Przyciski */
.button { display: inline-block; padding: 9px 10px; border: 1px solid #d4d4d4; margin: 0; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image: -moz-linear-gradient(#f4f4f4, #ececec); background-image: -o-linear-gradient(#f4f4f4, #ececec); background-image: linear-gradient(#f4f4f4, #ececec); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.button { color: #333 !important; text-align: center; text-decoration: none !important; }
.button:hover, .button:focus, .button:active, .button.active { border-color: #3072b3; border-bottom-color: #2a65a0; text-decoration: none; background-color: #3C8DDE; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3)); background-image: -moz-linear-gradient(#599bdc, #3072b3); background-image: -o-linear-gradient(#599bdc, #3072b3); background-image: linear-gradient(#599bdc, #3072b3); }
.button:hover, .button:focus, .button:active, .button.active { color: #fff !important; }
.button.disable { opacity: 0.5; }
.button.edit { width: 70px; }
.button.move { width: 70px; }
.button.delete { width: 70px; }
.button.icondelete { float: left; margin-left: 10px; }

.button.preview-file { width: 20px; background-image: url('../pkt/galerie/img/file.png'); background-repeat: no-repeat; background-position: center center; }

.button.preview { width: 20px; background-image: url('../img/action-preview.png'); background-repeat: no-repeat; background-position: center center; }
.button.preview:hover { background-image: url('../img/action-preview-hover.png'); }

.button.main-off { width: 20px; background-image: url('../img/action-main-off.png'); background-repeat: no-repeat; background-position: center center; }
.button.main-off:hover { background-image: url('../img/action-main-off-hover.png'); }
.button.main-on { width: 20px; background-image: url('../img/action-main-on.png'); background-repeat: no-repeat; background-position: center center; }
.button.main-on:hover { background-image: url('../img/action-main-on-hover.png'); }

/* Breadcrumb */
.wraper .breadcrumb { margin: 0; padding: 10px; list-style: none; }
.wraper .breadcrumb li { float: left; margin-right: 10px; }
.wraper .breadcrumb li:first-child { font-weight: bold; }

/* Menu górne */
.wraper .menu { margin: 0; padding: 10px; list-style: none; }
.wraper .menu li { float: left; margin-right: 10px; }
.wraper .menu li.float-right { float: right; }

/* Formularze */
.wraper form { padding: 10px; }
.wraper label { display: block; padding-bottom: 10px; font-size: 1.2em; color: #5D5D5D; }
.wraper label.obligatory { color: #ff0000; }
.wraper label span { font-size: 1.em; font-style: italic; color: #A0A0A0; }
.wraper input,
.wraper textarea { }
.wraper select { margin: 0; }

.wraper p.input_block { margin: 0px; padding: 20px 10px; border-top: 1px dotted #C5C5C5; }
.wraper p.input_block:nth-of-type(1) { border: none; padding-top: 10px; }
.wraper p.input_block:hover { background-color: #F7F7F7; }
.wraper p.input_block input,
.wraper p.input_block textarea { padding: 8px 5px; background-color: #FCFCFC; border: 1px solid #D6D6D6; }
.wraper p.input_block input.error { background-color: #FEF8F6; }

.wraper p.submit_block { padding: 10px; border-top: 1px dotted #cecece; border-bottom: 1px dotted #cecece; background-color: #F7F7F7; }

.wraper form .grid10 { width: 10%; }
.wraper form .grid20 { width: 20%; }
.wraper form .grid40 { width: 40%; }
.wraper form .grid60 { width: 60%; }
.wraper form .grid80 { width: 80%; }
.wraper form .grid100 { width: 100%; }

.wraper form .row2 { height: 40px; }
.wraper form .row3 { height: 55px; }
.wraper form .row5 { height: 100px; }
.wraper form .row8 { height: 170px; }

/* Błąd krytyczny */
.wraper .fatal { margin: 0px; padding: 10px; list-style: none; color: #ff0000; background-color: #FFF9F9; border: 1px dotted #EA0000; }
.wraper .fatal h2 { margin: 0 0 5px 0; font-size: 18px; }

/* Błędy */
.wraper .error_box { margin: 10px; padding: 10px; list-style: none; background-color: #FFF9F9; border: 1px dotted #EA0000; }
.wraper .error_box li { color: #ff0000; }

/* Potwierdzenia */
.wraper .success_box { margin: 10px; padding: 10px; list-style: none; background-color: #E8FFE8; border: 1px dotted #00D200; }
.wraper .success_box li { color: #008800; }

/* Uwaga */
.wraper .warning_box { margin: 10px; padding: 10px; list-style: none; background-color: #fcf8e3; border: 1px dotted #faebcc; }
.wraper .warning_box li { color: #916d3b; }

/* Pomoc */
.wraper .info_box { margin: 10px; padding: 10px; list-style: none; background-color: #d9edf7; border: 1px dotted #bce8f1; }
.wraper .info_box li { color: #50708f; }


/* Tabela główna */
.wraper table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.wraper table,
.wraper tr,
.wraper th,
.wraper td {
	border: 1px solid #cecece;
	font-size: 12px;
	text-align: left;
}

.wraper th,
.wraper td {
	padding: 15px 10px;
	vertical-align: top;
}

.wraper td { background-color: #fff; }
.wraper tr:hover td { background-color: #f7f7f7; }
.wraper tr.highlight td { background-color: #f5f2f2; }

.wraper tr th:first-child,
.wraper tr td:first-child {
	width: 5%;
	text-align: center;
}

.wraper th {
	text-transform: uppercase;
	background-color: #e1e1e1;
    white-space: nowrap;
}

.wraper tr th.right:first-child {
    text-align: right;
}

.wraper .data tr td:last-child {
	width: 1%;
	padding: 5px 5px 0px 5px;
	text-align: center;
	white-space: nowrap;
}

.wraper .data tr td:last-child {
	text-align: left;
}

/* Rejestr zmian */
.wraper table.registry {
	width: auto;
}
.wraper .registry tr td:first-child {
	text-align: right;
	background-color: #e1e1e1;
	font-weight: bold;
	text-transform: uppercase;
}

/* Zmiana w strukturze */
.wraper.przenies form {
	padding: 0;
}
.wraper.przenies table tr td:first-child {
	width: 1%;
}

/* Sortowanie wierszy tabel */
.wraper .sort-btn { width: 160px; text-align: center; }
.wraper .sort-msg-box { display: none; margin-right: 5px; font-weight: bold; text-align: center; }
.wraper .sort-msg-box.success { color: #7ad47a; background-color: #f6fff6; border: 1px solid #99ed99; }
.wraper .sort-msg-box.error { color: #ee6b6b; background-color: #f4ecec; border: 1px solid #eec5c5; }

.wraper #sortList tr.sort-on { cursor: move; }
.wraper #sortList tr.sort-on td:first-child { background-color: #edeaea; }
.wraper .selected-placeholder { height: 50px; }
.wraper .data tr.selected-placeholder td { background-color: #f4ecec; }


.wraper tr.hidden td { background-color: #F1EBEC; }

/* Paginacja */
.wraper .pagination { margin: 0 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #cecece; }
.wraper .pagination a { display: inline-block; margin: 0px 2px; padding: 4px 6px; color: #666666; text-decoration:none; background-color: #F8F8F8; border: 1px solid #CCCCCC; }
.wraper .pagination a:hover { border: 1px solid #666666; }
.wraper .pagination span { padding: 0 5px; font-weight: bold; }

/* Legenda */
.wraper ul.legend { height: 30px; list-style: none; }
.wraper ul.legend li { float: left; padding: 8px 10px 0px 10px; color: #616161; font-weight: bold; }
.wraper ul.legend li.box { width: 70px; height: 22px; border: 1px solid #cecece; }

.ui-datepicker {
    font-size: 0.9em !important;
}

/*
.ui-widget {
    font-size: 0.9em !important;
}
*/

/* Kolory tła */
.wraper .bwhite,
.wraper tr.bwhite td { background-color: #fff; }

.wraper .bpink,
.wraper tr.bpink td { background-color: #f5f2f2; }

.wraper .bgrey,
.wraper tr.bgrey td { background-color: #F3F3F3; }