/* body */
body {margin: 0; padding: 0; font-size: 62.5%; font-family: 'Verdana';}

/* #body */
#body {width: 780px; margin: 10px auto 0;}

/* #header */
#header {width: 780px; overflow: hidden; height: 1%; padding-bottom: 10px;}
#header h1 {display: none;}
#header img {border-width: 0px; display: block;}
#header .logo {float: left;}
#header ul {float: right; margin: 0; padding: 0; list-style: none; width: 580px; line-height: 61px; text-align: center;}
#header ul li {display: inline;}
#header ul li a {margin: 10px; color: #657582; font-size: 1.2em; background: url(../img/li.jpg) no-repeat; padding: 1px 0 2px 20px;}
#header ul li a:hover {text-decoration: none;}
    #header ul li.first {margin-left:  0;}
    #header ul li.last  {margin-right: 0;}

/* #left */
#left {width: 200px; float: left;}
#left h2 {background: #657eb6; border-top: 2px solid #b2c0da; color: #fff; font-size: 1.3em; margin: 0; padding: 0px 10px 2px; font-weight: normal;}
#left .text {padding: 10px; font-size: 1.2em; border-style: solid; border-color: #b2c0da; border-width: 0pt 1px 1px; color: #1c3564; margin-bottom: 10px; background: #f6f7fb; text-align: center;}
#left .text a {text-decoration: none;}
    /* .menu */
#left .menu {list-style: none; margin: 0; padding: 0; margin-bottom: 10px;}
#left .menu .header {background: #657eb6; border-top: 2px solid #b2c0da; color: #fff; font-size: 1.3em; margin: 0; padding: 0px 10px 2px;}
#left .menu a {display: block; width: 188px; background: #f6f7fb; padding: 3px 5px; font-size: 1.2em; border-style: solid; border-color: #b2c0da; border-width: 0pt 1px 1px; color: #1c3564; text-decoration: none;}
#left .menu a:hover, #left .menu a.active {background: #fffae6;}

/* #content */
#content {width: 570px; float: right;}
#body.full, #content.full {width: 980px;}
#content h2 {background: #657eb6; border-top: 2px solid #b2c0da; color: #fff; font-size: 1.3em; margin: 0; padding: 0px 10px 2px; font-weight: normal;}
#content .text {padding: 10px; font-size: 1.2em; border-style: solid; border-color: #b2c0da; border-width: 0pt 1px 1px; color: #1c3564; margin-bottom: 10px;}
#content .text_bottom {padding-bottom: 0;}
    /* .text :: IE */
* html #content .text_bottom {padding-bottom: 10px;}
    /* menu */
#content .menu {list-style: none; margin: 0; padding: 3px 0; font-size: 0.915em; overflow: hidden; height: 1%; background: #f6f7fb; border: 1px solid #b2c0da; border-width: 1px 0;}
#content .menu li {float: left;}
#content .menu li a {display: block; padding: 1px 5px 1px 5px; text-decoration: none; margin-right: 3px; line-height: 16px; background: #fff; color: #1c3564; border: 1px solid #b2c0da;}
#content .menu li a img {border-width: 0; float: left; margin: 0 2px 0 -4px;}
    #content .top {margin-bottom: 10px;}
    #content .bottom {margin-top: 10px;}
#content .menu a:hover, #content .menu a.active {background: #fffae6;}

    /* strong */
#content strong.view {display: block; border: 1px solid #b2c0da; text-align: center; padding: 5px 0 6px; margin-bottom: 10px;}
#content strong.info {display: block; border: 1px solid #d00; text-align: center; padding: 5px 0 6px; margin-bottom: 10px; background: #fffae6;}
    /* h */
#content h3 {background: #f6f7fb; border: 1px solid #b2c0da; border-width: 1px 0; padding: 3px 8px; font-weight: normal; font-size: 1.165em; margin: 0 0 10px;}
#content h3 span {padding-left: 155px;}
    /* #edit */
#content #edit span.error {display: block; padding: 2px 5px 3px; width: 257px; color: #d00; border: 1px solid #d00; border-width: 0 1px;}
#content #edit.full span.error {width: 536px;}
#content #edit .left {float: left;}
#content #edit .right {float: right;}
#content #edit .radio {border: 1px solid #b2c0da; width: 257px; padding: 2px 5px; margin-bottom: 10px;}
#content #edit.full .inputview,
#content #edit .inputview {border: 1px solid #b2c0da; width: 257px; padding: 2px 5px; margin-bottom: 10px;}
#content #edit.full .inputview {width: auto;}
#content #edit.full .inputview span,
#content #edit .inputview span {display: block; background: #fffae6; padding: 2px 5px; border-bottom: 1px solid #b2c0da; margin: -2px -5px 2px -5px;}
#content #edit .span span {margin-bottom: -3px;}
#content #edit .input {width: 269px; padding-bottom: 10px;}
#content #edit.full .input {width: 100%; padding-bottom: 10px;}
#content #edit .input label {display: block; background: #fffae6; padding: 2px 5px; border: 1px solid #b2c0da; position: relative;}
#content #edit .input label a {position: absolute; right: 1px; top: 1px; text-decoration: none;}
#content #edit .input label a img {border-width: 0;}
#content #edit .input label a span {color: #7892c3; position: absolute; width: 263px; top:18px; right: -2px; background: #fff; padding: 2px 0 2px 3px; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; border-left: 2px solid #808080; border-top: 2px solid #808080;}
#content #edit .input input {margin: 0; padding: 0 2px; border-color: #808080 #d4d0c8 #d4d0c8 #808080; border-style: solid; border-width: 2px 1px 1px 2px; width: 262px;}
#content #edit.full .input input {width: 541px;}
#content #edit .input .checkbox {width: 16px; border-width: 0; position: absolute; margin-left: 2px; top: 4px;}
#content #edit .input select {width: 100%; border-color: #808080 #d4d0c8 #d4d0c8 #808080; border-style: solid; border-width: 2px 1px 1px 2px;}
#content #edit .input select.day {width: 45px;}
#content #edit .input select.month {width: 140px; margin-left: 4px; margin-right: 4px;}
#content #edit .input select.year {width: 68px;}
#content #edit .input textarea.textarea {width: 266px; margin: 0 0 5px 0px; height: 100px;
                                         border: 1px solid #d4d0c8; border-left: 2px solid #808080; border-top: 2px solid #808080;}
#content #edit.full .input textarea.textarea {width: 545px; _width: 543px;}
    /* #edit :: IE */
* html #content #edit .input label a {top: 2px;}
* html #content #edit .input input {margin-top: -1px;}
* html #content #edit .input .checkbox {top: 1px;}
* html #content #edit .input textarea.textarea {width: 265px; margin-top: -1px;}

/* overflow */
#content .overflow {overflow: hidden; width: 540px;}

    /* code */
textarea.code {width: 900px; margin: 0 0 5px 0px; height: 50px; overflow-y: hidden;
               border: 1px solid #d4d0c8; border-left: 2px solid #808080; border-top: 2px solid #808080;}
textarea.page {width: 500px; height: 340px;}
    /* .form */
#content .form {margin: 0; padding: 0;}

    /* login */
#content #login {width: 320px; margin: 0 auto;}
#content #login form {background: #f6f7fb; padding: 10px 15px;}
#content #login label {display: block;}
#content #login .ssl {margin: 10px auto 0; padding-top: 10px; text-align: center; border-top: 2px solid #b2c0da;}
#content #login .ssl a {color: #d00;}
#content #login .ssl a span {font-size: 0.915em}
#content #login .ssl a img {margin: 10px 0 5px;}

    /* loading */
#content .waiting {text-align: center; background: url(../img/icons/loading.gif) no-repeat 260px 10px; padding: 30px 0 20px; width: 100%;}
    /* table */
#content table.list {width: 100%; border: 1px solid #b2c0da; border-collapse: collapse; margin-bottom: 10px;}
#content table.list tr.spacer td {border-left: 1px solid #fff; border-right: 1px solid #fff;}
#content table.list tr.end td {border-top: 2px solid #b2c0da;}
#content table.list tr.even {background: #fafafa;}
#content table.list td, #content .list th {border: 1px solid #b2c0da; vertical-align: middle;}
#content table.list th {background: #fffae6; color: #1c3564; text-align: left; padding: 2px 5px;}
#content table.list td {padding: 3px 2px 2px 3px; vertical-align: top;}
#content table.list td a {text-decoration: none; color: #1c3564;}
#content table.list td.count {width: 100px; text-align: right;}
#content table.list td.short {width: 14px;}
#content table.list th.option {width: 88px;}
#content table.list th.date {width: 105px;}
#content table.list th.statdate {width: 137px;}
#content table.list th.register {width: 91px;}
#content table.list th.openpage {width: 88px;}
#content table.list th.lp {width: 38px;}
#content table.list th.name {width: 222px;}
#content table.list th.options {width: 116px; text-align: center;}
#content table.list th.page {width: 35px; padding: 0; margin: 0;}
    #content table.list th.page span {margin-left: 16px;}
    #content table.list th.page a {position: absolute; margin-top: -2px;}
#content table.list td.lp {padding: 4px 0 0 1px; text-align: center;}
#content table.list td.lp img {margin: 0; vertical-align: top;}
#content table.list td.options span {margin-left: -2px;}
#content table.list td.options span span {margin-left: -1px;}
#content table.list th.username {width: 305px;}
#content table.list th.edit {width: 50px;}
#content table.list td.edit {padding: 1px 2px 2px 2px;}
#content table.list a {color: #657eb6;}
#content table.list img.middle {vertical-align: middle;}
#content table.list a img {border-width: 0; margin-right: 5px; vertical-align: middle;}
    /* table :: IE */
* html #content table.list th.page {}
* html #content table.list th.page span {margin-left: 12px;}
* html #content table.list th.page a {margin-top: 0;}

#content table.last {margin-bottom: 0;}

    /* ul */
#content ul.list {margin: 20px 0; padding: 0;}
#content ul.list li {margin: 8px 0 8px 30px; padding: 0;}
#content ul.list li a {color: #09c; text-decoration: none;}
#content ul.list li a:hover {text-decoration: underline;}
#content ul.list li img {position: absolute;}

    /* pagination :: stronicowanie */
ul.pagination {text-align: center; line-height: 20px; margin: -5px 0 5px;}
ul.pagination li {display: inline; margin:0 3px;}
ul.pagination li.blink {text-decoration: blink;}
ul.pagination li a {text-decoration: none; color: #a00;}

/* span class="code" */
span.code {display: block; border: 1px solid #657eb6; padding: 5px 10px; margin-top: 5px;}

/* #footer */
#footer {background: #e8e8e8; font-size: 1.2em; color: #1c3564; clear: both;}
#footer p {width: 795px; margin: 0 auto; padding: 10px 30px; text-align: center;}

/* default */
.red {color: #d00;}
.blue {color: #7892c3;}
.bold {font-weight: bold; line-height: 30px; font-size: 0.915em;}
.clear {clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding;}