body {
   font-family:'lucida grande',tahoma,arial,sans-serif;
   font-size:11px;
   margin:0px;
   background-color: #DFE8F6;
   text-align: center;
}
.header {
   width:100%;
   background-color: #7F99BE !important;
   text-align: left;
}
.header h1 {
   color:#FFFFFF;
   font-size:16px;
   font-weight:normal;
   padding:5px 10px;
   margin: 0px;
   background-color: #7F99BE;

}
.x-panel-header {
   background:transparent url(images/white-top-bottom.gif) repeat-x scroll 0 -1px;
   border:1px solid #99BBE8;
   color:#15428B;
   font-family:tahoma,arial,verdana,sans-serif;
   font-size:11px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   line-height:15px;
   padding:5px 10px 4px 10px;
}
.x-panel-header1 {
   background:transparent url(images/white-top-bottom.gif) repeat-x scroll 0 -1px;
   border-bottom:1px solid #99BBE8;
   border-top:1px solid #99BBE8;
   color:#15428B;
   font-family:tahoma,arial,verdana,sans-serif;
   font-size:11px;
   font-size-adjust:none;
   font-stretch:normal;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   line-height:15px;
   padding:5px 10px 4px 10px;
}
.x-panel-body {
   background:white none repeat scroll 0 0;
   border-color: #99BBE8;
   border-style:none solid solid;
   border-width:0 1px 1px;
   overflow:hidden;
   padding: 10px;


}
.x-panel-body1 {
   background:white none repeat scroll 0 0;
   border-color: #99BBE8;
   border-style:none solid solid;
   border-width:0 1px 1px;
   overflow:hidden;
}
.x-form-item {
   font-family:tahoma,arial,helvetica,sans-serif;
   font-size:12px;
   font-size-adjust:none;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
   padding:4px 30px 3px 30px;
   text-align: left;
   
}
.x-form-item1 {
   font-family:tahoma,arial,helvetica,sans-serif;
   font-size:12px;
   font-size-adjust:none;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   line-height:normal;
   text-align: left;
}
.x-form-item label {
   font-family:tahoma,arial,helvetica,sans-serif;
   font-size:12px;
}

.x-form-text {
   background:#FFFFFF url(images/text-bg.gif) repeat-x scroll 0 0;
   border:1px solid #B5B8C8;
   padding:1px 1px;
   width: 250px;  
}
.x-form-field {
   background:#FFFFFF url(images/text-bg.gif) repeat-x scroll 0 0;
   border:1px solid #B5B8C8;
   padding:1px 1px;
   width: 400px;
   height:40px;
}
.x-form-text1 {
   background:#FFFFFF url(images/text-bg.gif) repeat-x scroll 0 0;
   border:1px solid #B5B8C8;
   padding:1px 1px;
   width: 50px;
}
.blad {
   margin: auto;
   width: 90%;
   border: 1px red solid;
   margin-bottom: 5px;
   margin-top: 5px;
   text-align: center;
   background-color: #FFF4F4;
   font-size: 12px;
   padding-top:5px;
   padding-bottom:5px;
}
.ok {
   margin: auto;
   width: 90%;
   margin-bottom: 5px;
   margin-top: 5px;
   text-align: center;
   font-size: 12px;
   padding-top:5px;
   padding-bottom:5px;
   border: 1px #00CC00 solid;
   background-color: #E7FFCE;
}
.logowanie {
   width: 400px;
   margin: auto;
}
.rejestracja {
   width: 500px;
   margin: auto;
}
.zalogowany {
   padding-right: 20px;
   color: white;
   font-size: 12px;
}
.zalogowany a {
   text-decoration: none;
   color: white;
}  
.zalogowany a:hover{
   text-decoration: underline;
   
}
.layout {
   margin-top: 2px;
}

.numer {
   background-color: #DFE8F6;
   width: 30px;
   text-align: center;
   font-weight: bold;
   border-bottom: 1px white solid;
}
.strona {
   padding:3px;
   padding-left: 6px;
   font-size:12px;
   
}
.strona a {
   text-decoration: none;
   color: black;
}
.padding {
   padding: 15px;
}
.layout b {
   color: #15428B;
}
.wymagane {
   color: red;
   font-weight: bold;
}