/* 
/* 
#0b386d kolor niebieski główny - header, footer, h2, nav footer
#0059c2 kolor niebieski jasny 
#011e3f kolor niebieski ciemny 
#b2b2b2 kolor szary 
*/

@font-face {
  font-family: naglowki;
  src: url('ZagBold.otf');
}

.not-active {
   cursor: no-drop;
}

.fl {
	float: left;
}

/*
* LOGIN
*/

h2 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

#page-content h2 {
	text-align: center;
}

#login_form{
	position: relative;
	width: 250px;
	height: 150px;
	margin: 10% auto;
	padding: 15px;
	border:1px solid #afafaf;
	border-radius: 5px;
	background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 1%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 1%,#d2d2d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2',GradientType=0 );
}

#login_button {
	position: relative;
	width: 80px;  
	color:#fff; 
	padding: 5px 5px; 
	background:#E33933; 
	border: 1px solid #DC0800; 
	border-radius: 5px; 
	text-align: center; 
	text-decoration: none;
	transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out;
	left: 80px;
	bottom: 10px;

}

#login_button:hover{
	background: #f36963;
}



#login_form input[type="text"], input[type="password"]{
	position: relative;
	width: 180px;
	top: -20px;
	left: 50px;
}

/********/

body{ font-family: Tahoma, Sans-Serif; font-size: 10pt; background: url(/layout/background.png), -moz-linear-gradient(top,  rgba(170,170,170,1) 0%, rgba(171,171,171,1) 1%, rgba(255,255,255,0) 100%) no-repeat; /* FF3.6+ */ background: url(../layout/background.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(1%,rgba(171,171,171,1)), color-stop(100%,rgba(255,255,255,0))) no-repeat; /* Chrome,Safari4+ */ background: url(../layout/background.png), -webkit-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(171,171,171,1) 1%,rgba(255,255,255,0) 100%) no-repeat; /* Chrome10+,Safari5.1+ */ background: url(../layout/background.png), -o-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(171,171,171,1) 1%,rgba(255,255,255,0) 100%) no-repeat; /* Opera 11.10+ */ background: url(../layout/background.png), -ms-linear-gradient(top,  rgba(170,170,170,1) 0%,rgba(171,171,171,1) 1%,rgba(255,255,255,0) 100%) no-repeat; /* IE10+ */ background: url(../layout/background.png), linear-gradient(to bottom,  rgba(170,170,170,1) 0%,rgba(171,171,171,1) 1%,rgba(255,255,255,0) 100%) no-repeat; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } 
#main { border:1px solid #afafaf; position: relative; width: 960px; margin: 20px auto; padding-top: 1px; padding-bottom: 1px; border-radius: 10px; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 1%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 1%,#d2d2d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */ } 
header { position: relative; margin: 19px 20px 20px 20px; height: 120px; border-radius: 5px 5px 0 0; }
header .logo{ position: absolute; top: 10px; left: 20px; height: 60px; width: 180px; }
header .buttons{ position: absolute; width: 600px; height: 100px; top: 0px; right: 0px; }
header .buttons p{ text-align: right; margin: 5px 140px 0 0; line-height: 150%; }
header .buttons a{ position: absolute; width: 80px; background: #666; color:#fff; padding: 10px 10px; border: 1px solid #666; border-radius: 5px; top: 30px; text-align: center; text-decoration: none; }
header .buttons a:hover{ background:#aaa; } 
header .buttons a.logout:hover{ background:#f36963; } 
header .buttons a.logout{ top: 5px; right: 20px; background:#E33933; border-color:#DC0800; }
header .buttons a.stawki-diet{ top: 60px; right: 20px; }
header .buttons a.rates{ top: 60px; right: 140px; }
header .buttons a.help{ top: 60px; right: 260px; }
header .buttons a.active{ background:#aaa; }
header .buttons a.eksport{ top: 60px; right: 380px;}
header .buttons a.eksport-opacity{ background-color: rgba(102, 102, 102, 0.85); }
header .buttons a.eksport-opacity:hover{ background-color: rgba(160, 160, 160, 0.85); }
buttons a{ transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; }

nav { position: absolute; top: 129px; left: 40px; font-size: 11pt; }
nav ul li{ color:#444; position: relative; float: left; border: 1px solid #AAA; border-bottom: none; margin-right: 3px; padding: 10px; height: 10px; border-radius: 5px 5px 0 0; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 1%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 1%,#d2d2d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */ }
nav ul li:hover{ height: 13px; top: -3px; border: 1px solid #AAA; }
nav ul li.active, nav ul li.active:hover{ height: auto; top: -4px; border-bottom: none; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fff 1%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff4), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 1%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 1%,#f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 1%,#f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 1%,#f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ }
.nav-kody { position: relative; top: 9px; margin-left: 40px; font-size: 11pt; height: 40px;}
.nav-kody ul li{ cursor: pointer; color:#444; position: relative; float: left; border: 1px solid #AAA; border-bottom: none; top: 0px; margin-right: 3px; padding: 10px; height: 10px; border-radius: 5px 5px 0 0; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 1%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 1%,#d2d2d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */ }
.nav-kody ul li:hover{height: 13px; top: -3px; border: 1px solid #AAA; border-bottom: none; }
.nav-kody ul li.active, #nav-kody ul li.active:hover{ height: auto; top: -4px; border-bottom: none; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fff 1%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff4), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 1%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 1%,#f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 1%,#f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 1%,#f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ }
.nav-kody li a { text-decoration: none; color: #000000;}

section { background: #F4F4F4; margin: 0 20px; padding: 10px 0; border: 1px solid #AAA; border-radius: 5px; }
article { overflow-y: hidden; padding: 1px; margin: 10px 20px; }
h1{ font-size: 15pt; font-weight: bold; margin-bottom: 10px; }
.side_left { float: left; width: 560px; }
.side_right { float: right; width: 290px; border-left: 1px solid #AAA; padding: 10px 0px 10px 5px; }
.side_right2 { width: 300px; }

table td, table th{
	border:1px solid #666;
	padding:3px 5px;
}


table th{
	font-weight:bold;
	color:#444;
	vertical-align:middle;
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f4 1%, #d2d2d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f4f4 1%,#d2d2d2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f4f4f4 1%,#d2d2d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
}

.table_kursy{
	width:100%;
}

.table_przychody{
	width:550px;
}

.table_przychody input, .table_diety input{
	width:100%;
	border:none;
	background:none;
}

.table_delegations td{
	padding:0px;
	padding-left:10px;
	line-height:22px;
}
.table_delegations > tbody > tr >td{
	padding-top:10px;
}

.margin_vertical{
	margin:10px 0;
	line-height:28px;
}

.invisible > tbody > tr > td {border:none;}

.short{width:80px;}
.clear{clear:both;}


input[disabled=disabled]{background:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px}
.del{text-align:center;}
.del a{ text-decoration:none; color:#444; } 
.del a:hover{ color:#aaa; } 

.actions {height:35px; margin-top:15px;}
.actions a, .actions input[type='submit'] {position:relative; padding:5px 14px; background:#666; color:#fff; border:1px solid #666; border-radius:5px; text-align:center; text-decoration:none; }
.actions a:hover, .actions input[type='submit']:hover { background:#aaa; } 

.actions a.oblicz, .actions input[type='submit']{ background:#E33933; }
.actions a.oblicz:hover, .actions input[type='submit']:hover{ background:#f36963; } 
.actions a.wyczysc{ background:#666; }
.actions a.wyczysc:hover{ background:#aaa; } 
.actions input {
	cursor: pointer;
}
td.abs {
	position:relative;
}


::-webkit-input-placeholder { font-size: 10px; line-height: 18px; text-align: center;}
::-moz-placeholder { font-size: 10px; line-height: 18px; text-align: center;} /* firefox 19+ */
:-ms-input-placeholder { font-size: 10px; line-height: 18px; text-align: center;} /* ie */
input:-moz-placeholder { font-size: 10px; line-height: 18px; text-align: center;}


.clr_date{
	display: block;
	position: relative;
	top: 2px;
	margin-right: 30px;
	width: 16px;
	height: 16px;
	background: url('../layout/dialog-close.png');
}

strong{font-weight:bold;}

hr{
	/*border:none;*/
	border-color: white;
	height:1px;
	background:#aaa;
}

footer { /*background: #FDF;*/ min-height: 20px; line-height: 20px; background: #F4F4F4; margin: 20px 20px 19px 20px; border-radius:5px; border:1px solid #aaa; padding:4px 15px; }
footer a{ text-decoration: none; color: #000000; transition: all 0.50s ease-in-out; -webkit-transition: all 0.50s ease-in-out; -moz-transition: all 0.50s ease-in-out;}
footer a:hover{ text-decoration: none; color: #E33933;}
footer a:visited{ text-decoration: none; color: #000000;}
footer span{float:right;}

/* Handling system messages */
#message {display: none;}
.systemMessage { /*float: left;*/ display: inline-block; text-align: left; font-size: 12px; font-family: 'Arial', 'Tahoma', 'Verdana', Trebuchet, sans-serif; color: #444; }
.systemMessage .inner { margin: 15px; padding: 10px 15px 10px 45px; border-style: solid; border-width: 1px; background-position: 10px center; background-repeat: no-repeat; color: #3d3d3d; line-height: 120%; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.systemMessage.wide { width: 100%; }
.systemMessage a { color: #3d3d3d; }
.systemMessage.warning .inner { background-color: #fffac5; border-color: #e7d93d; background-image: url("images/icon-warning-message.gif"); }
.systemMessage.ok .inner { background-color: #e0ffc5; border-color: #85e73d; background-image: url("images/icon-ok-message.gif"); }
.systemMessage.ok .inner b { color: #1B8200; font-size: 110%; }
.systemMessage.error .inner { background-color: #ffc5c5; border-color: #e73d3d; background-image: url("images/icon-error-message.gif"); }
.systemMessage.info .inner { background-color: #c5e3ff; border-color: #3d9de7; background-image: url("images/icon-info-message.gif"); }
/* End of handling system messages */

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


.dialog, .dialog p, .dialog td, .dialog th{
	font-size:10pt !important;
}

.dialog input{
	width:100px !important;
}

.table_kursy tr:nth-child(even){
	background:#f5f5f5;
}

.sub_menu{
	z-index: 9999;
	position:absolute;
	top: 65px;
	right: 482px;
}

.sm1{top:32px !important;}
.sm2{top:68px !important;}
.sm3{top:105px !important;}
.sm4{top:142px !important;}

.datetimepicker{
	cursor:pointer;
}





/*  AJAX  */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../layout/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible 
.loading .modal {
    display: block;
}
*/

/* pomoc */

div.row h3{
	font-size: 14pt;
	color: rgba(200, 0, 0, 1);
	padding: 0 0 20px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 1px 0 rgba(50, 250, 50, 1);
}
  
body.loading .modal {
    display: block;
}

div.row{
	position: relative;
	min-height: 100px;
	margin: 10px 0;
}

div.row img{
	max-height: 300px;
	max-width: 450px;
	box-shadow: 0 0 15px rgba(50,50,50,0.4);
	border: 1px solid #CCC;
	border-radius: 10px;
}

div.row .side-left{
	float: left;
	vertical-align: middle;
	max-height: 300px;
	max-width: 450px;
	margin: 10px 20px;
}

div.row .side-right{
	float: right;
	width: 300px;
	min-height: 100px;
	margin: 10px 0;
	padding-left: 20px;
	border-left: solid 1px #aaa;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.help-nav{
	position: relative;
	margin-bottom: 25px;
}

.help-nav a{
	display: inline-block;
	margin-right: 15px;
	width: 120px;
	height: 35px;
	background: #666;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 35px;
	boder: 1px solid rgba(1,1,1,0);
	border-radius: 5px;
}

.help-nav a{
	border: 1px solid #666;
}
.help-nav a:hover {
		background:#aaa;
}

.help-nav a.active{ 
	background:#aaa; 
}

h3{
	margin: 5px 0 10px 0;
	font-weight: bold;
	font-size: 16pt;
}

.help-container{
	width: 288px;
	padding: 10px 5px;
	margin-bottom: 5px;
	background: rgba(255,255,255,0.25);
	border: 1px solid #aaa;
	border-radius: 5px;
}

.help-title{
	width: 78px;
	padding-right: 10px;
	float: left;
}

.help-title h2{
	font-weight: bold;
}

.help-content{
	width: 196px;
	margin-right: 4px;
	float: left;
}

.ajax-results {
	text-align: center;
	margin: 15px auto;
}

.ajax-results h2 {
	margin-bottom: 20px;
}

.ajax-results table {
	margin-top: 10px;
	width: 100%;
}

.ajax-results td {
	height: 28px;
	vertical-align: middle;
}

#search-results-US table {
	width: auto;
	margin: 0 auto;
	margin-top: 10px;
}

#search-results-US td {
	padding: 10px;
}

.pager {
	text-align: center;
	margin-top: 5px;
	padding: 10px 0;
	height: 20px;
	line-height: 20px;
}

.pager .active {
	background-color: rgba(225, 60, 50, 1);
	color: #FFFFFF;
}

.page-number {
	padding: 5px;
	margin-right: 5px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 3px;
}

.search-details span {
	line-height: 150%;
	font-weight: bold;
}