/*--------- LOGIN -----------------*/
.hidden{
    display: none;
}
#footer {
	color: #f0b108;
}
input {
	background: #DDDDDD ;
	/*color: #f0b108;*/
	border: solid #3B474F 1px;
	margin:  0 0 0 5px;
}
label {
	font-size: 80%;
}
.submit {
	border: solid #411A00 2px;
	background: #100A00;
	position: relative;
	left: 2ex;
}
.submit:hover {
	border: solid #411A00 2px;
	background: #411A00;
}
#loginform {
	position: relative;
	top: 1ex;
	width: 42ex;
}
.red {
	background: red;
}

/*********** PRZYCISKI ***************/

a.button, input[type="submit"], input[type="button"]{
    font-family: 'Helvetica Neue','Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
    padding: .3em .5em;
    color: #eee !important;
    /*border: solid thin #555;*/
    /*border: solid 1px #9BB1BF;*/
    border: solid 1px #000;
    /*border-bottom: solid 3px #555;*/
    /*border-right: solid 2px #555;*/
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    background-color: #7F1720;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
	margin: 5px;
      /*position: relative;*/
      line-height: 15px !important;
      font-weight: normal;
}

a.button:active, a.button:hover, a.contentbutton:hover, input[type="submit"]:hover, input[type="button"]:hover{
    background-position: bottom right;
    color: #000 !important;
    background-color: #CD232E;
    outline: none; /* hide dotted outline in Firefox */
    cursor: pointer;
}

.button.user, .button.list, .button.history,
.button.del, .button.ok, .button.attach,
.button.featuredenable, .button.featureddisable,
.button.hide, .button.show, .button.edit,
.button.save, .button.add, .button.cancel, .button.open,
.button.logout, .button.close, .button.login, /*.button.back,*/ .button.print{
    background-repeat: no-repeat;
    background-position: 5px center !important;
    padding-left: 26px !important;
    cursor: pointer;
}

.del {background-image: url(img/ikonki/delete.png);}
.attach {background-image: url(img/ikonki/attach.png);}
.featuredenable {background-image: url(img/ikonki/star.png);}
.featureddisable {background-image: url(img/ikonki/star_black.png);}
.hide {background-image: url(img/ikonki/eye-crossed.png);}
.show {background-image: url(img/ikonki/eye.png);}
.edit {background-image: url(img/ikonki/edit.png);}
.save {background-image: url(img/ikonki/save.png);}
.add {background-image: url(img/ikonki/add.png);}
.cancel {background-image: url(img/ikonki/cancel.png);}
.logout {background-image: url(img/ikonki/logout.png);}
.ok {background-image: url(img/ikonki/ok.png);}
.history {background-image: url(img/ikonki/clock.png);}
.list {background-image: url(img/ikonki/book.png);}
.user {background-image: url(img/ikonki/user.png);}
.login {background-image: url(img/ikonki/login.png);}
.close {background-image: url(img/ikonki/padlock_closed.png);}
.open {background-image: url(img/ikonki/padlock_open.png);}
/*.back {background-image: url(img/ikonki/rewind.png);}*/
.print {background-image: url(img/ikonki/print.png);}

.del:hover {background-image: url(img/ikonki/delete-hover.png);}
.attach:hover {background-image: url(img/ikonki/attach.png);}
.featuredenable:hover {background-image: url(img/ikonki/star-hover.png);}
.featureddisable:hover {background-image: url(img/ikonki/star_black-hover.png);}
.hide:hover {background-image: url(img/ikonki/eye-crossed-hover.png);}
.show:hover {background-image: url(img/ikonki/eye-hover.png);}
.edit:hover {background-image: url(img/ikonki/edit-hover.png);}
.save:hover {background-image: url(img/ikonki/save.png);}
.add:hover {background-image: url(img/ikonki/add-hover.png);}
.cancel:hover {background-image: url(img/ikonki/cancel.png);}
.logout:hover {background-image: url(img/ikonki/logout.png);}
.ok:hover {background-image: url(img/ikonki/ok.png);}
.history:hover {background-image: url(img/ikonki/clock.png);}
.list:hover {background-image: url(img/ikonki/book-hover.png);}
.user:hover {background-image: url(img/ikonki/user.png);}
.login:hover {background-image: url(img/ikonki/login.png);}
.close:hover {background-image: url(img/ikonki/padlock_closed.png);}
.open:hover {background-image: url(img/ikonki/padlock_open.png);}
/*.back:hover {background-image: url(img/ikonki/rewind.png);}*/
.print:hover {background-image: url(img/ikonki/print-hover.png);}

.button.small {font-size:10px; padding:3px;}

a.inlineico{width: 16px; height: 16px; margin: 0px; padding: 0; float: right; }

a.modedit{
   display: block;
   /*float: right;*/
   margin: 3px 14px 3px auto;
   width: 170px;
   clear: both;
}
/************ FORMULARZE ***************/
form {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 400px;
  max-width: 500px;
  width: 480px;
}

form fieldset {
  clear: both;
  border: 0;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
#loginform fieldset{   margin: 0 83px;}
form textarea, form input[type="text"], form input[type="password"]{
    background: #ddd;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em;
    padding: 2px;
    font-family: verdana,arial,sans-serif;
    font-size: 100% /*!important*/;
    border: solid #3B474F 1px;
}

form textarea:focus, form input[type="text"]:focus, form input[type="password"]:focus{
    background: #fff;
}

form input[type="checkbox"] { margin-right: 5px;}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 150px;
	padding: 0;
	margin: 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form label.wide {
	padding: 0;
	margin: 10px 0 0;
	text-align: left;
    float: none;
    width: 100%;
}

form textarea.wide {
	margin:5px 0 0 10px;
    width: 100%;
}

form input, form textarea {
	width:auto;
	margin:5px 0 0 10px;
}

textarea { overflow: auto; }

form label span.dopisek {
	font-size: 9px;
	color: #666;
}

form br {clear:left; }

input.error { background-color: #fdd !important; }
textarea.error { background-color: #fdd !important; }
form label.error, label.error {
	color: #f66;
	font-style: italic;
    text-align: left;
    text-decoration: underline;
    width: 500px;
    margin: 0 0 0 165px;
}

div.buttongroup{ width: 540px; margin: 10px auto 52px; height: 8px;}
div.buttongroup input[type="submit"], div.buttongroup a.button{float: right;}



/*_____________________________________________
  MESSAGES  */
.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation {
    border: 1px solid;
    margin: 10px 10px 10px 30px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    max-width: 530px;
    display: block;
    z-index: 1000;
    -moz-border-radius: .9em 0 .9em 0;
    border-radius: .9em 0 .9em 0;
}

.msgInfo strong, .msgSuccess strong, .msgWarning strong, .msgError strong, .msgValidation strong{ font-weight: bold; color: inherit;}

.msgInfo {
	color: #00529B;
	background-color: #BFD9E7;
	background-image: url('img/ikonki/msg_info.png');
}
.msgSuccess {
	color: #4F8A10;
	background-color: #C6DFA9;
	background-image:url('img/ikonki/msg_success.png');
}
.msgWarning {
	color: #9F6000;
	background-color: #FBDAAC;
	background-image: url('img/ikonki/msg_warning.png');
}
.msgError {
	color: #F13232;
	background-color: #FFCDCD;
	background-image: url('img/ikonki/msg_error.png');
}
textarea#textedit{
    font-size: 12px;
}

/*********** TABELKI ***************/
thead th{
    text-align: center;
    vertical-align: middle;
    background: #5F1218;
    color: white;
    font-weight: bold;
    padding: 5px;
}
table td{
    padding: 1px;
}
table tr{
    border-bottom: 1px solid #222;
}
table tr:hover{
    background: #333;
}