#cookiesDisabled, #cookiesEnabled 
{
    display: none;
}

.topic 
{
    color: #00783c;
    text-decoration: none;
    font-size: 18px;
    margin: 5px 0px 10px 0px;
    font-weight: bold;
}

.topic2 
{
    color: #F1830B;
    text-decoration: none;
    font-size: 18px;
    margin: 5px 0px 10px 0px;
    font-weight: bold;
}

.slogan 
{
    font-size: 10px;
    font-family: @Arial Unicode MS;
    /*margin-top: 45px;*/
    /*margin-left: 60px;
    margin-right: 60px;
    float: left;*/
}

.lg_zkm 
{
    float: left;
}

.lg_ekm 
{
    float: right;
}

div.site_topic 
{
    float: right;
    margin-top: 40px;
    margin-right: 5px;
    
    color: #00783c;
    text-decoration: none;
    font-size: 24px;
}

p.site_title
{
    color: #FFE800;
    text-decoration: none;
    font-size: 46px;
    font-weight: bold;
    padding-top: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

p.subsite_title
{
    color: #ffffff ;
    text-decoration: none;
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

div.site_slogan 
{
    position: relative;
    margin-top: 45px;
    margin-right: 5px;
    float: right;
}

a.green 
{
 color: #00783c;
 text-decoration: none;
}

a.green:hover 
{
 color: #ffffff;
 text-decoration: none;
}

span.white 
{
    color: #ffffff;
}

span.green 
{
    color: #00783c;
}

span.grey_dark 
{
    color: #505050;
}

div.menu_current
{
 color: #000000;
 float: left;
 text-align: left;
 margin-top: 8px;
 font-size: 11px;
 padding-right: 10px;
 padding-left: 10px;
}

div.menu_current a
{
 color:#000000;
 font-weight: bold;
}

div.menu_current a:href
{
 color: #000000;
 text-decoration: underline;
 font-weight: bold;
}

div.menu_current_logout
{
 color: #000000;
 float: right;
 text-align: right;
 margin-top: 8px;
 font-size: 11px;
 padding-right: 10px;
 padding-left: 10px;
}

div.menu_current_logout a
{
 color:#000000;
 font-weight: bold;
}

div.menu_current_logout a:href
{
 color: #000000;
 text-decoration: underline;
 font-weight: bold;
}

div.menu_footer div.left, div.menu_footer div.right
{
 margin-top: 8px;
 font-size: 11px;
}

.main_left ul li a
{
    display: block;
    min-height: 20px;
    width: 200px;
    padding: 5px;
    font-weight: bold;
    
    color: #000000;
    text-decoration: none;
}

.main_left ul li a:hover
{
    color: #222222;
    text-decoration: none;
    
    background-color: #FFE800;
}

.main_left ul li a.selected
{
    color: #ffffff;
    text-decoration: none;
    
    background-color: #00783c;
}

ul.menu_left 
{
    list-style-type: none;
    padding: 0px;
}

/* INNE >>> */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.error
{
    color: #ff0000;
}

.clear
{
    clear: both;
}

.red 
{
	color: #ff0000;
}

.green 
{
	color: #00ff00;
}

.blue
{
	color: #0000ff;
}

.green_1
{
	color: #009900;
}

#accordion  h3{
	font-size: 12px;
	line-height: 12px;
}
/* INNE <<< */

/* VALID >>> */
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
/* VALID <<< */

/* EDIT >>> */
.display-label, .editor-label, .display-field, .editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}
/* EDIT <<< */

/* TAB >>> */
table.tabLogin 
{
    width: 100%;
}

table.curTickets, table.lstTransactions
{
	border-width: 0px;
	width: 100%;
}

table tr td, table tr th
{
	vertical-align: middle;
}

table.obroty, table.cennik
{
	border-width: 0px;
	width: 100%;
	font-size: 11px;
	line-height: 13px;
}

table.obroty tr, table.cennik tr
{
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f3f3f3;
}

table.obroty tr td, table.cennik tr td
{
    padding-top: 2px;
    padding-bottom: 2px;
}

table.obroty tr:hover, table.cennik tr:hover
{
    background-color: #ffffff;
}

table.obroty tr.tr_head, table.obroty tr.tr_head:hover, table.cennik tr.tr_head, table.cennik tr.tr_head:hover 
{
    background-color: #00783c;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

table.obroty tr.tr_head th, table.obroty tr.tr_head:hover th, table.cennik tr.tr_head th, table.cennik tr.tr_head:hover th
{
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    height: 30px;
    vertical-align: middle;
}

.td_center, .td_left, .td_right 
{
    padding-left: 5px;
    padding-right: 5px;
}

.td_center
{
    text-align: center;
}

.td_left
{
    text-align: left;
}

.td_right 
{
    text-align: right;
}

/* TAB <<< */

/* FORM >>> */
input, select, textarea
{
	font-size: 11px;
}

input[type="text"] 
{
    width: 100%;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 100%;
    border: 1px solid #CCC;
}

input[type="file"]
{
    width: 100%;
    border: 1px solid #CCC;
}

select
{
    width: 100%;
    border: 1px solid #CCC;
}

input[disabled="disabled"] 
{
    background: #eeeeee;
    color: #666666;
}

input[type="submit"]
{
	color: #333333;
	background-color: #eeeeee;
    border: 1px solid #333333;
    margin-top: 2px;
    margin-bottom: 2px;
}

input[type="submit"]:hover
{
	color: #222222;
	background-color: #dddddd;
    border: 1px solid #222222;
}

input[type="submit"].payButton 
{
    background-color: transparent;
	background-image: url(Images/payu_account_button_01.png);
	width: 650px;
	height: 35px;
	text-align: center;
	border: 0px;
}

input[type="submit"].payButton:hover
{
    background-color: transparent;
	background-image: url(Images/payu_account_button_01a.png);
}

textarea.message {
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
    width: 200px;
    height: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
}

input[type="submit"].accept_button {
    /*margin: 5px;*/
    text-align: center;
    /*font-weight: bold;*/
    vertical-align: middle;
    background-color: #ddffdd;
    padding: 5px;
}

input[type="submit"].accept_button:hover {
    background-color: #B7F0B7;
}

input[type="submit"].cancel_button {
    /*margin: 5px;*/
    text-align: center;
    /*font-weight: bold;*/
    vertical-align: middle;
    background-color: #ffdddd;
    float: left;
    padding: 5px;
}

input[type="submit"].cancel_button:hover {
    background-color: #F0B2B2;
}

input[type="submit"].correct_button {
    /*margin: 5px;*/
    text-align: center;
    /*font-weight: bold;*/
    vertical-align: middle;
    background-color: #FDEBC6;
    float: left;
    padding: 5px;
}

input[type="submit"].correct_button:hover {
    background-color: #EAD198;
}

input[type="submit"].delete {
	width: 16px;
	height: 16px;
	background-image: url(Images/Icons/del.png);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	border: none;
    float: left;
}

input[type="submit"].info {
	width: 16px;
	height: 16px;
	background-image: url(Images/Icons/inf.png);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	border: none;
    float: left;
}

input[type="submit"].pay {
	width: 16px;
	height: 16px;
	background-image: url(Images/Icons/pay.png);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	border: none;
}
/* FORM <<< */

/* Wniosek */
div.wniosek fieldset 
{
    margin-bottom: 10px;
}

ul.list_num1
{
    list-style-type: decimal;
    padding-left: 0px;
}

ul.list_num2
{
    list-style-type: lower-alpha;
    padding-left: 20px;
}

ul.list_num3
{
    list-style-type: disc;
    padding-left: 20px;
}

ul.list_num1 li 
{
    padding-bottom: 10px;
}

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

/*form div 
{ 
    overflow: hidden; margin: 0 0 5px 0; 
}*/

fieldset 
{
    padding: 10px;
    margin: 10px;
    border: 1px solid #00783c;
}

fieldset legend
{
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #00783c;
    color: #ffffff;
    font-weight: bold;
    background-color: #00783c;
}


div.payBannerBottom 
{
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    
    width: 100%;
    height: 100px;
    
    background-image: url(Images/billboard_750_100_3.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

div.payBannerLeft 
{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    
    width: 100%;
    height: 200px;
    
    background-image: url(Images/skyscraper_160_200_3.jpg);
    background-repeat: no-repeat;
}


.nav_box_off, .nav_box_on, .nav_box_login, .nav_box_logoff
{
    float: left;
    
    text-align: center;
    color: #505050;
    font-weight: bold;
    font-size: 10pt;
    
    margin: 0px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    
    height: 30px;
    min-width: 120px;
    
    border-right-color: #eeeeee;
    border-right-style: solid;
    border-right-width: 1px;
}

a.nav_box_off:hover, a.nav_box_off:hover span.grey_dark
{
    background: #414141 url('images/menu_bg_grd_b.png') repeat-x;
    color: #ffee00;
    text-decoration: none;
}

a.nav_box_on:hover, a.nav_box_on:hover span.grey_dark
{
    background: #414141 url('images/menu_bg_grd_b.png') repeat-x;
    color: #ffee00;
    text-decoration: none;
}

.nav_box_on 
{
    background: #414141 url('images/menu_bg_grd_b.png') repeat-x;
    color: #ffee00;
    text-decoration: none;
}

.nav_box_logoff
{
    text-decoration: none;
    font-size: 12px;
    line-height: 13px;
    padding-top: 7px;
    height: 33px;

    color: #ffffff;
    background: #1eb300 url('images/menu_bg_grd_c.png') repeat-x;
}

.nav_box_logoff:hover, a.nav_box_logoff:hover span.grey_dark
{
    background: #1eb300 url('images/menu_bg_grd_b.png') repeat-x;
    color: #ffee00;
    text-decoration: none;
}

.nav_box_login 
{
    color: #505050;
}

.param_name
{
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #f3f3f3;
}

.param_name:hover
{
    background-color: #ffffff;
}

.param_name b
{
    width: 200px;
    display: inline-block;
}

.krok 
{
    /*width: 100%;*/
}

.krokOn
{
    background-color: #00783c;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    float: left;
}

.krokOff
{
    background-color: #eeeeee;
    font-weight: bold;
    color: #666666;
    text-align: center;
    float: left;
}

div.strony 
{
    min-height: 20px;
    background-color: #00783c;
    font-weight: bold;
    color: #8BB298;
    border: 1px solid #00783c;
}

div.strony a 
{
    display: inline-block;
    float: left;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}

div.strony a:hover
{
    color: #00783c;
    background-color: #ffffff;
    text-decoration: none;
}

div.strony a.pgCurrent
{
    text-decoration: underline;
}

div.strony a.pgCurrent:hover
{
    text-decoration: underline;
}

img 
{
    border: 0px;
}

span.status_-1 /* -1  'Płatność nieudana' */
{
    color: #ff3800;
    font-style: italic;
}

span.status_0 /*  0  'Oczekiwanie na płatność' */
{
    color: #acacac;
    font-style: italic;
}

span.status_1 /*  1  'Płatność rozpoczęta' */
{
    color: #7e7e7e;
    font-style: italic;
}

span.status_2 /*  2  'Płatność zakończona' */
{
    color: #4f4f4f;
    font-style: italic;
}

span.status_3 /*  3  'Płatność odrzucona' */
{
    color: #c47d37;
    font-style: italic;
}

span.status_4 /*  4  'Płatność anulowana' */
{
    color: #c62809;
    font-style: italic;
}

span.status_5 /*  5  'Reklamacja' */
{
    color: #09b0c6;
    font-style: italic;
}

span.status_95 /* 95  'Transakcja anulowana w POK' */
{
    color: #c62809;
    text-decoration: line-through;
}

span.status_96 /* 96  'Transakcja anulowana' */
{
    color: #c62809;
    text-decoration: line-through;
}

span.status_97 /* 97  'Transakcja wysłana' */
{
    color: #0091df;
}

span.status_98 /* 98  'Transakcja niepewna' */
{
    color: #6bc609;
}

span.status_99 /* 99  'Transakcja zrealizowana' */
{
    color: #00ab0c;
    font-weight: bold;
}

span.oper_S /* 'S' then 'Portmonetka - Skasowanie' */
{
    color: #729200;
    /*font-style: italic;*/
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_Z /* 'Z' then 'Portmonetka - Zwrot' */
{
    color: #729200;
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_T /* 'T' then 'Terminowy - Wejście' */
{
    color: #00a3df;
    /*font-style: italic;*/
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_W /* 'W' then 'Terminowy - Wyjście' */
{
    color: #00a3df;
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_plus /* '+' then 'Portmonetka - Wpłata' */
{
    color: #06cf28;
    /*font-style: italic;*/
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_- /* '-' then 'Portmonetka - Wypłata' */
{
    color: #06cf28;
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_R /* 'R' and obr.nb_pojazdu  = 0 then 'Reklamacja' */ /* 'R' and obr.nb_pojazdu != 0 then 'Rewizor' */
{
    color: #cf6506;
    /*font-style: italic;*/
    font-weight: bold;
    /*text-decoration: line-through;*/
}

span.oper_D /* 'B' then 'Blokada kasownika' */
{
    color: #bcbcbc;
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_K /* 'K' then 'Karta kontrolera' */
{
    color: #bcbcbc;
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_E /* 'E' then 'Zakup biletu' */
{
    color: #4cb102;
    /*font-style: italic;*/
    font-weight: bold;
    /*text-decoration: line-through;*/
}

span.oper_0 /* '0' then 'Brak środków' */
{
    color: #d01400;
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_X /* 'X' then 'Karta na czarnej liście' */
{
    color: #ff1800;
    /*font-style: italic;*/
    font-weight: bold;
    text-decoration: line-through;
}

span.oper_U /* 'U' then 'Brak ciągłości' */
{
    color: #ff3700;
    /*font-style: italic;*/
    /*font-weight: bold;*/
    text-decoration: line-through;
}

span.oper_P /* 'P' then 'Portmonetka - Pobranie' */
{
    color: #ff8a00;
    font-style: italic;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}

span.oper_! /* '!' then 'Sytuacja nietypowa' */
{
    color: #989898;
    /*font-style: italic;*/
    font-weight: bold;
    /*text-decoration: line-through;*/
}

span.oper_D /* 'D' then 'Terminowy - Doładowanie' */
{
    color: #76b300;
    /*font-style: italic;*/
    font-weight: bold;
    /*text-decoration: line-through;*/
}