html,body {padding:0px; margin:0px;}
html {background:#def3ff url(../img/blue/bg.png) repeat-x;}
body {background:url(../img/blue/bomble.png) 80px 80px no-repeat; min-height:800px; font:normal 11px "Arial, Tahoma, Verdana",sans-serif;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {margin:0px auto;}
.textRight {text-align:right;}
.textLeft {text-align:left;}
.textCenter {text-align:center;}
.error {text-align:center; color:#f00; background:#fdd; padding:2px; border:solid 1px #ffa0a0;}
.bad {background:#FF3300; color:#fff;padding:2px;}
.middle {background:#FF9900; color:#fff;padding:2px;}
.good {background:#33CC00; color:#fff;padding:2px;}
.passText span {padding:2px;}
a {text-decoration:none; color:#000;}
#container {}
#container .header{height:96px;}
#container .header .login{height:28px; line-height:28px; text-align:right; margin-right:10px; font-size:11px; color:#b2cedf;}
#container .header .login input {margin-top:5px;}
#container .header .login a {color:#ff0; font-weight:bold; text-decoration:none;}
#container .header .login span {color:#fff;}
#container .header .logo {background:url(../img/blue/logo_bg.png) repeat-x; height:68px; line-height:54px;}
#container .header .logo img {margin:0px 0 0 25px; padding:0px; border:0px; position:absolute; top: 36px;}

/* logowanie */

     #container .pLogin {width: 210px; margin:30px auto;}
     #container .pLogin h1 {font-size:18px; color:#fff; text-align:center; font-weight:normal;}
     #container .pLogin p {margin:0px 0 0px 0px; padding: 0px 0 0px 0px;}
     #container .pLogin .wrong {width:151px; margin:0px auto 10px auto; display:block;}
     #container .pLogin .clear {height:4px; clear:both;}
     #container .pLogin .logHeader {background:url(../img/blue/logHeader.png) no-repeat; height:11px;}
     #container .pLogin .logContent {background:url(../img/blue/logContent.png) repeat-y; padding:5px 0 5px 0px;}
     #container .pLogin .logFooter {background:url(../img/blue/logFooter.png) no-repeat; height:10px;}
     #container #logIn span {display:block; width:72px; float:left; text-align:right; margin:0 6px 0 2px; line-height:28px;}
     #container #logIn .iText {float:left;}
     #container #logIn span.error {width:auto; margin:0 0px 0 1px; line-height:22px; }
     #container .logedIn p {margin-top:3px;}
     #container .logedIn span.info {width:195px; margin-bottom:10px; display:block;}
     
/* koniec logowanie */

/* Profil > Zmiana hasła */
.changePass {width:260px;}
.changePass p {padding:2px 0 2px 0px; margin:0 0 0 0px;}
.changePass p label, .changePass p input[type="password"], .changePass p span.valid { float:left;}
.changePass p label {display:block; width:108px; line-height:29px; text-align:right; margin-right:5px;}
.changePass p.passText {padding:5px;}
.changePass p.passText span {}
.changePass span.error {line-height:22px; margin-left:3px;}

.changePassInfo {width:540px; height:240px; background:transparent; }
.changePassInfo .linkButton {float:right;}
.changePassInfo div {clear:both;}


/* Koniec Profil > Zmiana hasła */

/* Inne Zlecenia */

.taHeader { width:615px; height:9px; background:url(../img/blue/textareaHeader.png) no-repeat;}
.taContent {background:url(../img/blue/textareaContent.png) repeat-y; width:615px;}
.taContent textarea {border:0px; background:none; overflow:auto; color:#6d6d6d; font-size:size; padding: 5px 10px;}
.taFooter { width:615px; height:9px; background:url(../img/blue/textareaFooter.png) no-repeat;}

/* Koniec Inne Zlecenia */

#container .content{}
#container .content .menuHeader {background:url(../img/blue/menuHeader.png) top right no-repeat; height:8px;}
#container .content .menu{float:left; width:160px; margin:80px 11px 0 0px;}
#container .content .menu .menuContent { background:#2a87a9;}
#container .content .menu ul {list-style-type:none; padding:0px; margin:0px;}
#container .content .menu ul li{ background:url(../img/blue/menu_bg.png) repeat-x; line-height:36px; padding-left:14px;}
#container .content .menu ul li a {font-weight:bold;}
#container .content .menu ul.subMenu {padding:0 0 0 0px; margin: 0 0 0 0px;}
#container .content .menu ul.subMenu li{ background:url(../img/blue/arrow.png) center left no-repeat; line-height:normal; padding:4px 0 4px 10px; margin:0px;}
#container .content .menu ul.subMenu li a {font-weight:normal; color:#fff; font-size:10px;}
#container .content .menuFooter {background:url(../img/blue/menuFooter.png) bottom right no-repeat; height:9px;}

#container .content .pages{float:left;  width:820px; overflow:hidden;}
#container .content .pages .mainHeader {background:url(../img/blue/mainHeader.png) no-repeat; height:10px;}
#container .content .pages .mainContent {background:url(../img/blue/mainContent.png) repeat-y; padding:5px 10px; overflow:hidden; min-height:300px;}
#container .content .pages .mainContent form /*, #container .content .pages .mainContent form p*/ {padding:0 0 10px 0px; margin:0px;}

/* Formularz kontaktowy */
#container .content .contact .pages {}
#container .content .contact .mainContent {padding:5px 7px;}
#container .content .contact .error {line-height:21px;}

/* Koniec Formularz kontaktowy */

/* Strony */
#container .content .pages .mainContent .tab { border-collapse:separate;}
#container .content .pages .mainContent .tab tr td {padding:0px; height:21px;}
#container .content .pages .mainContent .tab .even {background:#fff;}
#container .content .pages .mainContent .tab .odd {background:#e0ebf0;}
#container .content .pages .mainContent .tab tr td.users_header {height:60px; text-align:center;  background:#efefef; width:130px; padding:0px; font-weight:bold;}
#container .content .pages .mainContent .tab .header_top th, #container .content .pages .mainContent .tab .header_top  {text-align:center; background:#efefef; padding:4px; height:21px; font-weight:bold;}
#container .content .pages .mainContent .tab tr td .moduleName {width:15px; writing-mode:tb-rl; font-size:10px; height:38px; text-align:center;}

#container .content .pages .mainContent #content .tab tr td {padding:2px 5px;}
#container .content .pages .mainContent #content .users tr td.header_top {width:100%;}
#container .content .pages .mainContent #content .users tr td {padding:0px;}

/* koniec Strony */

#container .content .pages .mainFooter {background:url(../img/blue/mainFooter.png) bottom left no-repeat; height:10px;}
#container .content .breadcrumbs{ color:#fff;}
#container .content .breadcrumbs a {color:#74d5fb;}
#container .content .breadcrumbs .arrow{font-family:"MS Sans Serif, Tahoma", Sans-Serif;}
#container .content h1{color:#fff; font-size:24px; font-weight:normal;}

#container .footer {text-align:center;  color:#b2cedf;}
#container .footer p strong {color:#fff;}
#container .footer p strong span {color:#ff0;}
#container .footer ul {list-style-type:none; width:785px; padding-left:0px;}
#container .footer ul li{ display:inline; float:left; height:70px; }
#container .footer ul li a {line-height:70px; height:70px; width:170px; display:block; background:url(../img/ico/all.png) no-repeat; text-indent:-9999px; overflow:hidden; outline:hidden;}

#container .footer ul li.m1 a {background-position:0px 0px; width:127px;}
#container .footer ul li.m1 a:hover {background-position:0px -63px;}

#container .footer ul li.m2 a {background-position:-131px 3px; width:165px;}
#container .footer ul li.m2 a:hover {background-position:-131px -59px;}

#container .footer ul li.m3 a {background-position:-300px 3px; width:170px;}
#container .footer ul li.m3 a:hover {background-position:-300px -58px;}

#container .footer ul li.m4 a {background-position:-476px 3px; width:130px;}
#container .footer ul li.m4 a:hover {background-position:-476px -59px;}

#container .footer ul li.m5 a {background-position:-611px 3px; width:185px;}
#container .footer ul li.m5 a:hover {background-position:-611px -58px;}

/* Buttons and Inputs */
.content .iButtonLong {margin-right:5px;}
.iButton {background:transparent url(../img/blue/btn/b97.png) no-repeat; border:0px; width:97px; height:24px; color:#fff; font-size:11px; outline:hidden; }
.iButtonLong {background:transparent url(../img/blue/btn/b250.png) no-repeat; border:0px; width:250px; height:24px; color:#fff; font-size:11px;  outline:hidden;}
.iText {background:transparent url(../img/blue/input/i127.png) top right no-repeat; border:0px; width:117px; height:29px; color:#6d6d6d; font-size:11px; line-height:27px; padding:0px 5px 0px 5px;}
.contact .iText {margin-right:4px;}
.linkButton, .linkButtonShort {background:transparent url(../img/blue/btn/b250.png) no-repeat; border:0px; width:250px; height:24px; color:#fff; font-size:11px; display:block; line-height:24px; text-align:center;}
.linkButtonShort {background:transparent url(../img/blue/btn/b97.png) no-repeat; width:97px;}

/* Koniec Buttons */