/* Knihovna 4U */
html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button { margin: 0; padding: 0; }
/* Global classes */
.dn,
hr { display: none; }
fieldset,
a img { border: 0; }
.center { text-align: center; }
.clear { clear: both; height: 1px; width: 100%; font-size: 1px; overflow: hidden; }
p.normal { padding-left: 0 !important; }
.cf { min-height: 1%; _height: 1%; }
.cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }
.TODO {color: #bbb !important; display:none;}
.TODO-show {color: #bbb !important;}
.TODO a {color: #bbb !important;}
/* Headings */
h1 { font-size: 120%; }
h2 { font-size: 110%; }
h3 { font-size: 100%; }
h2.blue { color: #719eb6; }
/* Errors */
.errors-pre {padding: 20px 0 0 0;}
.errors {border: 2px solid black; padding: 10px 20px !important; margin: 0 20px 20px 20px !important; font-weight: bold;}
.notice {border-color: #8fbb68 !important; background: #bae098 !important; color: green;}
.warning, .fatal, .validation {color: red; border-color: #bb6c68 !important; background: #e09898 !important;}
.validation span {display: block; margin: 10px 0 10px 20px;}
/* Anchor */
a { color: #000; }
a:hover { text-decoration: none; }
/* Default form table */
.default { margin: 15px 0 15px 0; }
.default legend { display: none; }
.default table { border-collapse: collapse; width: 60% !important; }
.default table td { border: 0 !important; }
.default table td,
.default table th { vertical-align: top; padding-right: 5px; }
.default table td input { border: 1px #719eb6 solid; padding: 3px !important; height: 20px; _height: 26px; margin-bottom: 5px; font-weight: bold; font-size: 100%; _font-size: 90%; }
.default table td textarea { border: 1px #719eb6 solid; font-family: Trebuchet MS; font-weight: bold; font-size: 100%; _font-size: 90%; }
.default table td textarea.wide { width: 100%;}
.default table td input:focus { border-color: #000; }
.default table td textarea:focus { border-color: #000; }
.default table .submit td { padding-top: 15px !important; }
.default table.wide { width: 455px !important; }
.default input.submit { width: 105px !important; background: url(images/bg-submit-diskuse.gif) no-repeat 0 0; color: #fff; font-weight: bold; border: 0; height: 30px; line-height: 30px; position: relative; cursor: hand; cursor: pointer; }
/* .default input:hover.submit { background-position: 0 100%; } */
/* Default blue button */
.blue-button { width: 105px; background: transparent url(images/bg-submit-diskuse.gif) no-repeat 0 0; color: #fff; font-weight: bold; text-align: center; border: 0; height: 30px; line-height: 30px; cursor: hand; cursor: pointer; overflow: hidden; }
.blue-button:hover { background-position: 0 100%; }
/* Icons */
p.icons { display: none; position: absolute; right: 3px; top: 3px; background-color: transparent; padding-left: 0 !important; width: 150px; }
.active p.icons { display: block; cursor: pointer; cursor: hand; }
.icons .action-button-registration { padding: 2px; width: 55px; float: left; margin-right: 3px; background-color: #fbf7de; border: 1px #f0e5cf solid; color: #7a650a !important; font-size: 80%; visibility: hidden; }
.icons .active .action-button-registration { visibility: visible; }
.icons span.icons { float: right; }
span.icons .ico { display: block; float: left; width: 16px; height: 16px; margin-left: 2px; }
span.icons .ico.star { background: #fff url('images/ico-star.gif') no-repeat 0 0; }
span.icons .ico.add { background: #fff url('images/ico-add-to-friends.gif') no-repeat 0 0; }
span.icons .ico.prispevek { background: #fff url('images/ico-prispevek.gif') no-repeat 0 0; }
span.icons .ico.add-comment { background: #fff url('images/ico-add-comment.gif') no-repeat 0 0; }
span.icons .ico.book { background: #fff url('images/ico-book.gif') no-repeat 0 0; }
span.icons .ico.rezervovat { background: #fff url('../icons-action-buttons/rezervovat.png') no-repeat 0 0; }
span.icons .ico.doporucit-priteli { background: #fff url('../icons-action-buttons/doporucit-priteli.png') no-repeat 0 0; }
span.icons .ico.chci-precist { background: #fff url('../icons-action-buttons/chci-precist.png') no-repeat 0 0; }
span.icons .ico.precetl-jsem { background: #fff url('../icons-action-buttons/precetl-jsem.png') no-repeat 0 0; }
span.icons .ico.oblibene { background: #fff url('../icons-action-buttons/oblibene.png') no-repeat 0 0; }
/* Icons in media detail */
#media-detail .icons { display: block; top: 40px; right: 120px; }
#media-detail .col1 .rating { position: absolute; right: 0; top: 0; width: 83px !important; margin-bottom: 0 !important; }
/* Icons user info */
.ico-edit { position: absolute; right: -2px; _right: -12px; =right: -12px; top: 24px; width: 15px; height: 14px; background: transparent url('images/ico-edit.gif') no-repeat 0 0; }
.ico-edit:hover { background-position: 0 100%; }
.ico-edit.red { position: absolute; right: -5px; bottom: 3px; width: 15px; height: 15px; background: transparent url('images/ico-edit-red.gif') no-repeat 0 0; }
.ico-edit.red:hover { background-position: 0 100%; }
/* Change motives - icon */
.motives h3 .ico-comment { visibility: hidden; position: absolute; right: 0; top: 0; width: 16px; height: 16px; background: transparent url(images/ico-comment.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
.motives h3.active .ico-comment { visibility: visible !important; }
/* Gray shadow box */
.gray-shadow-box { background: #fff url(images/gray-box-gradient.gif) repeat-x 0 0; padding-top: 7px; }
/* Groups buttons */
#button-join-the-group { display: block; width: 130px; _width: 205px; height: 48px; line-height: 48px; padding-left: 74px; background: #fff url(images/btn-join-the-group.gif) no-repeat 0 0; font-weight: bold; font-size: 110%; }
#button-create-a-group { display: block; width: 130px; _width: 205px; height: 46px; line-height: 46px; padding-left: 74px; background: #fff url(images/btn-new-group.gif) no-repeat 0 0; font-weight: bold; font-size: 110%; }
#p505-discussions-add-link { display: block; width: 125px; _width: 199px; height: 42px; line-height: 42px; padding-left: 64px; background: #fff url(images/btn-new-them.gif) no-repeat 0 0; font-weight: bold; font-size: 110%; }
#p505-discussions-add-link-2 { display: block; width: 125px; _width: 199px; height: 42px; line-height: 42px; padding-left: 64px; background: #fff url(images/btn-new-them.gif) no-repeat 0 0; font-weight: bold; font-size: 110%; margin-top: 5px; }
/* View all groups button */
#view-all-groups { display: block; width: 275px; height: 67px; position: relative; text-align: center; text-decoration: none; }
#view-all-groups:hover { text-decoration: none !important; }
#view-all-groups span { position: absolute; left: 0; top: 0; width: 275px; height: 67px; background: transparent url(images/btn-view-all-groups.gif) no-repeat 0 0; cursor: hand; cursor: pointer; }
#view-all-groups:hover span { background-position: 0 100%; }
/* Medium buttons */
#add-new-medium { display: block; width: 140px; _width: 214px; height: 48px; line-height: 48px; padding-left: 74px; background: #fff url(images/btn-new-medium.gif) no-repeat 0 0; font-weight: bold; font-size: 110%; }
/* Page */
body { text-align: center; font: normal 73%/1.5 Arial, sans-serif; background-color: #ededed; }
#page { width: 990px; margin: 0 auto; text-align: left; color: #616161; }
/* Header */
#header { height: 140px; background-color: #5c5c5c; position: relative; }
#header form { position: absolute; top: 36px; right: 12px; width: 300px; text-align: right; }
#header #logo { position: absolute; left: 60px; top: 15px; }
#header #logo a { display: block; width: 111px; height: 59px; position: relative; text-decoration: none; line-height: 65px; font-size: 70%; }
#header #logo a span { position: absolute; left: 0; top: 0; width: 111px; height: 59px; background: transparent url('images/k4u-logo.png') no-repeat 0 0; cursor: pointer; cursor: hand;}
/* Maincontent */
#maincontent { position: relative; margin-top: -38px; }
#maincontent #user-info { width: 230px; float: left; margin-right: 23px; background-color: #f0f9fc; position: relative; }
#maincontent #user-info .photo .item { border-bottom: 1px #fff solid; padding-bottom: 7px !important; position: relative; }
#maincontent #user-info .register { margin-bottom: 8px !important; }
#maincontent #user-info #user-name { font-size: 110%; font-weight: bold; }
#maincontent #user-info a#logout { position: relative; left: 5px; margin-right: 22px; }
#maincontent #user-info a#profile-edit { position: absolute; right: 0; top: 3px; width: 16px; height: 15px; background: transparent url(images/ico-change-statu.gif) no-repeat 0 0; }
#maincontent #user-info a#new-msg { position: relative; left: 28px; padding-left: 20px; background: transparent url(images/ico-messages.gif) no-repeat 0 50%; color: #749B9B !important; }
#maincontent #user-info a#write { position: absolute; right: 0px; }
#maincontent #user-info #p504_user_statusMessage { position: relative; }
#maincontent #user-info .sitemap { margin-bottom: 0 !important; }
#maincontent #user-info .sitemap a:link, #maincontent #user-info .sitemap a:visited { display: block; clear: both; padding-left: 52px; height: 26px; line-height: 32px; background: transparent url(images/ico-sitemap.png) no-repeat 0 50%; text-transform: uppercase; }
#layout3 #maincontent #user-info { margin-right: 21px; }
#layout2 #maincontent #user-info { margin-right: 20px; }
#maincontent #user-info .photo { position: relative; padding: 0 12px 12px 12px; position: relative; top: 10px; }
#maincontent #user-info .photo .avatar { margin-left: 18px; }
#maincontent #user-info .photo .avatar object { position: relative; top: 5px; left: 5px; }
#maincontent #user-info .photo .avatar embed { &position: relative; &top: 5px; &left: 5px; }
#maincontent #user-info #badge1 { position: absolute; top: 5px; right: 9px; cursor: help; }
#maincontent #user-info #badge2 { position: absolute; top: 57px; right: 9px; cursor: help; }
#maincontent #user-info form { padding: 12px 0px 12px 0; }
#maincontent #user-info #pass { width: 85px; }
#maincontent #user-info h2 { padding: 12px; }
#maincontent #user-info p { padding: 0 12px 12px 12px; }
#maincontent #user-info ul { margin-left: 13px; }
#maincontent #user-info ul li { list-style-type: none; }
#maincontent #user-info #user-levels { position: relative; }
#maincontent #user-info #user-levels .points { position: relative; left: 22px; }
#maincontent #user-info #user-levels .more { position: absolute; right: 0px; top: 0; }
#maincontent #user-info .left-items .more { padding-top: 15px; }
#maincontent #content { width: 490px; float: left; background-color: #fff; min-height: 300px; _height: 300px; }
#maincontent #content #tabs { background-color: #5C5C5C; }
#maincontent #content #tabs li { list-style-type: none; float: left; margin-right: 1px; }
#maincontent #content #tabs a { display: block; background-color: #b2bdc3; width: 95px; height: 2.5em; line-height: 2.5em; text-align: center; }
#maincontent #content #tabs a:hover { background-color: #8b9da7; }
#maincontent #content #tabs li.active a { background-color: #fff; }
#maincontent #content .boxes { padding-top: 8px; min-height: 300px; _height: 300px; }
#maincontent #content .box { padding: 8px; border-bottom: #dae8f0 solid 1px; margin: 8px; position: relative; }
#maincontent #content .box.last { border-bottom: 0; }
#maincontent #content .box h2 { margin-bottom: 12px; }
#maincontent #content #friends.box { background-color: #f0fafa; }
#maincontent #content #friends .item { padding-right: 0; width: 153px; float: left; margin-right: 3px; position: static; }
#maincontent #content .item { margin-bottom: 12px; position: relative; padding-right: 50px; }
#maincontent #content .item p { padding-left: 56px; }
#maincontent #content .item p.delete { text-align: right; font-size: 80%; position: absolute; top: 0; right: 0; }
#maincontent #content .item img { float: left; margin-right: 10px; }
#maincontent #content .item .group-items { display: block; margin-left: 10px;}
#maincontent #content .item .group-items li { display: inline; width:100px; float: left; }
#maincontent #content .tutor-images { width: 125px; float: right; overflow: hidden; margin-left: 25px; margin-bottom: 30px !important; }
#maincontent #content .options { position: absolute; right: 0; top: 0; width: 60px; text-align: center; background-color: #e5f6f6; font-size: 85%; }
#maincontent #user-info .item.hover a { text-decoration: none !important; }
#maincontent #user-info .item.hover a:hover { text-decoration: underline !important; }
/* Error notes */
#notes { background: #ffe5e5 url(images/notes-top-red.gif) no-repeat 0 0; width: 467px; padding-top: 20px; margin: 0px 0px 15px 0px; position: relative; left: 8px; }
#notes .inner { background: #ffe5e5 url(images/notes-red-inner.gif) repeat-y 0 0; padding: 10px 10px 10px 20px; }
#notes .inner big { color: #cc0000; display: block; margin-bottom: 5px; font-size: 145%; font-weight: bold; }
#notes .inner p { padding-left: 100px; margin-bottom: 0 !important; }
#notes.pripojeni .inner p { background: #ffe5e5 url(images/ico-pripojeni.gif) no-repeat 0 0; min-height: 67px; _height: 67px; }
#notes.udaje .inner p { background: #ffe5e5 url(images/ico-udaje.gif) no-repeat 0 0; min-height: 70px; _height: 70px; }
#notes.uklid .inner p { background: #ffe5e5 url(images/ico-uklid.gif) no-repeat 0 0; min-height: 70px; _height: 70px; }
#notes.critic .inner { padding-top: 0; }
#notes.critic .inner big { font-size: 110%; }
#notes.critic .inner p { padding-left: 0; color: #463e3c; font-weight: bold; }
#notes.critic .inner .small-avatar { background: #ffe5e5 url(images/bg-small-avatar-red-bg.gif) no-repeat 0 0 !important; }
#notes .bottom { height: 20px; background: #ffe5e5 url(images/notes-bottom-red.gif) no-repeat 0 0; margin-bottom: 0 !important; }
/* Valid notes */
#notes.valid { background: #ecfcdd url(images/notes-top-green.gif) no-repeat 0 0; padding-top: 12px; }
#notes.valid .inner { background: #ecfcdd url(images/notes-inner-green.gif) repeat-y 0 0; padding: 0px 10px 1px 20px; }
#notes.valid .inner big { color: #478a25; position: relative; top: 3px; }
#notes.valid .inner p { background: #ecfcdd url(images/ico-valid.gif) no-repeat 0 0; min-height: 33px; _height: 33px; padding-left: 60px; }
#notes.valid .bottom { background: #ecfcdd url(images/notes-bottom-green.gif); height: 14px; font-size: 1%; }
/* Notification notes */
#notification { background: #fbffc1 url(images/notes-top-notification.gif) no-repeat 0 0; padding-top: 12px; width: 467px; margin: 0px 0px 15px 0px; position: relative; left: 8px; }
#notification .inner { background: #fbffc1 url(images/notes-inner-notification.gif) repeat-y 0 0; padding: 0px 10px 1px 20px; }
#notification .inner big { color: #587c11; position: relative; top: 3px; display: block; margin-bottom: 5px; font-size: 145%; font-weight: bold; }
#notification .inner p { background: #fbffc1 url(images/ico-notification.gif) no-repeat 0 0; min-height: 75px; _height: 75px; padding-left: 95px; margin-bottom: 0; }
#notification .bottom { background: #fbffc1 url(images/notes-bottom-notification.gif); height: 18px; font-size: 1%; }
/* Wider content */
#maincontent #content.wider { width: 560px; }
#maincontent #content.wider p { margin-bottom: 15px; }
#maincontent #content.wider p.perex { font-weight: bold; }
/* #maincontent #content.wider img { padding: 1px; } */
#maincontent #content.wider table { width: 90%; font-size: 100%; }
#maincontent #content.wider table th { background-color: #e5f0f4; font-weight: bold; padding: 4px; border: 1px #b4cfd8 solid; }
#maincontent #content.wider table td { padding: 4px; border: 1px #b4cfd8 solid; }
#maincontent #content.wider table .odd td { background-color: #f3f3f3; }
#maincontent #content.wider table .even td { background-color: #f5f9fb; }
#maincontent #content.wider #comments legend { font-weight: bold; }
#maincontent #content.wider #comments textarea { width: 525px; height: 130px; border: 1px #b4cfd8 solid; }
#maincontent #content.wider #comments .submit { margin-top: 10px; }
#maincontent #content.wider #comments .submit span { width: 150px; float: left; }
#maincontent #content.wider #comments .submit input { float: right; }
#maincontent #content.wider #comments.nastenka { background-color: #f3f3f3; overflow: hidden; }
#maincontent #content.wider #comments.nastenka input.submit { position: relative; right: 17px; }
#maincontent #content.wider #anketa { background-color: #f1f8f8; }
#maincontent #content.wider #anotace { margin-bottom: 12px; }
#maincontent #content.wider #anotace .col1 { width: 300px; float: left; position: relative; }
#maincontent #content.wider #anotace .col2 { width: 220px; float: right; }
#maincontent #content.wider #new-comment { margin-top: 12px; }
#maincontent #content.wider #new-comment a { font-weight: bold; }
#maincontent #content.wider .book-desc .author { width: 300px; float: left; }
/* End of widder content */
/* Content without sidebar */
#maincontent #content-full { width: 740px; overflow: hidden; float: left; background-color: #fff; }
#maincontent #content-full #tabs { background-color: #5C5C5C; }
#maincontent #content-full #tabs li { list-style-type: none; float: left; margin-right: 1px; }
#maincontent #content-full #tabs a { display: block; background-color: #b2bdc3; width: 95px; height: 2.5em; line-height: 2.5em; text-align: center; }
#maincontent #content-full #tabs a:hover { background-color: #8b9da7; }
#maincontent #content-full #tabs li.active a { background-color: #fff; }
#maincontent #content-full .boxes { padding-top: 8px; }
#maincontent #content-full .box { padding: 8px; border-bottom: #dae8f0 solid 1px; margin: 8px; position: relative; }
#maincontent #content-full .box.last { border-bottom: 0; }
#maincontent #content-full .box h2 { margin-bottom: 12px; }
#maincontent #content-full .item { margin-bottom: 12px; position: relative; }
#maincontent #content-full .item p { padding-left: 56px; }
#maincontent #content-full #hledana-slova .item p,
#maincontent #content-full #autori .item p,
#maincontent #content-full #ct-denik .item p,
#maincontent #content-full #konto .item p { padding-left: 0; }
#maincontent #content-full .item img { float: left; margin-right: 10px; }
#maincontent #content-full .options { position: absolute; right: 0; top: 0; width: 60px; text-align: center; background-color: #e5f6f6; font-size: 85%; }
#maincontent #content-full #user-dashboard #group-boxes { padding-bottom: 10px; margin-bottom: 10px; border-bottom: #dae8f0 solid 1px; }
#maincontent #content-full #group-boxes .col1 { width: 360px; float: left; }
#maincontent #content-full #group-boxes .col2 { width: 360px; float: right; }
#maincontent #content-full .change-motiv-box { width: 726px; padding-top: 11px; background: #fdf6f0 url(images/change-motiv-box-top.gif) no-repeat 0 0; }
#maincontent #content-full .change-motiv-box h2 { margin-bottom: 25px; }
#maincontent #content-full .change-motiv-box .inner { padding: 0 10px 10px 10px; background: #fdf6f0 url(images/change-motiv-box-inner.gif) repeat-y 0 0; }
#maincontent #content-full .change-motiv-box .inner p { padding-left: 107px; background: #fdf6f0 url(images/ico-change-motiv.gif) no-repeat 0 0; min-height: 60px; _height: 60px; font-weight: bold; font-size: 110%; }
#maincontent #content-full .change-motiv-box .bottom { height: 13px; background: #fdf6f0 url(images/change-motiv-box-bottom.gif) no-repeat 0 0; font-size: 1%; }
#maincontent #content-full .motives li { float: left; width: 234px; height: 180px; margin-right: 11px; list-style-type: none; position: relative; margin-bottom: 40px; }
#maincontent #content-full .motives li h3 { position: absolute; left: 5px; bottom: 3px; width: 97%; color: #365b6f; font-weight: bold !important; }
#maincontent #content-full .motives li.last { margin-right: 0; }
/* Columns */
#maincontent #content .columns .item { padding-right: 5px; position: relative; }
#maincontent #content .columns .col1 { width: 230px; float: left; }
#maincontent #content .columns .col2 { width: 230px; float: right; }
#maincontent #content.wider .columns .col1 { width: 250px; float: left; }
#maincontent #content.wider .columns .col2 { width: 250px; float: left; }
#maincontent #content-full .columns .col1 { width: 360px; float: left; }
#maincontent #content-full .columns .col2 { width: 360px; float: right; }
/* End content without sidebar */
#maincontent #sidebar { width: 230px; float: right; background-color: #f3f3f3; overflow: hidden; }
#maincontent #sidebar h2 { padding: 12px; }
#maincontent #sidebar h3 { padding: 0 12px 5px 12px; }
#maincontent #sidebar p { padding: 5px 12px 15px 12px; }
#maincontent #sidebar ol { margin-left: 30px; margin-bottom: 15px; }
/* Narrower sidebar */
#maincontent #sidebar.narrower { width: 160px; overflow: hidden; }
#maincontent #sidebar.narrower .box { padding: 0 12px 0 12px; margin-bottom: 40px; }
#maincontent #sidebar.narrower .box.first { margin-top: 15px; }
#maincontent #sidebar.narrower .box .title, #maincontent #sidebar.narrower .box .author { display: block; }
#maincontent #sidebar.narrower h3, #maincontent #sidebar.narrower p { padding: 0 !important; }
#maincontent #sidebar.narrower .box h2 { padding: 0 !important; }
#maincontent #sidebar.narrower .possibilities { margin-top: 15px; margin-bottom: 40px; }
#maincontent #sidebar.narrower p { margin-bottom: 5px; }
#maincontent #sidebar.narrower li { list-style-type: none; }
#maincontent #sidebar .adds-top { margin-bottom: 0 !important; }
#maincontent #sidebar .adds { margin-top: 0; }
#maincontent #sidebar .adds p { margin: 0; padding: 0; line-height: 1.4em;}
#maincontent #sidebar .adds p img { text-align: left !important; margin: 0 0 4px 0;}
/* Discussion */
.discussion ul { padding: 0 0 0 0px; }
.discussion ul.no-margin {margin: 0; padding: 0;}
.discussion ul.the-first {margin: 0; padding: 0;}
.discussion div.wrapper { background: #fff url(images/bg-discussion-border.gif) repeat-y 0 0; padding-left: 1px; }
.discussion li { list-style-type: none; padding: 0px 0px 5px 15px; position: relative; overflow: hidden; background: #fff url(images/bg-discussion-arrow.gif) no-repeat -1px 0px; }
.discussion li.the-last { background: #fff url(images/bg-discussion-arrow.gif) no-repeat 0px 0px; }
.discussion li.parent div.item { border-left: 1px #dadada solid; margin-bottom: 0 !important; }
.discussion li.no-parent div.item { border-left: 0 !important; }
.discussion li.the-first { background: none; padding-left: 0; }
.discussion li div.item { background: #fff url(images/disc-gradient.gif) repeat-x 0 0; padding-top: 16px; }
.discussion li .item img { float: none !important; margin: 0 3px 0 3px !important; }
.discussion li .item .small-avatar img { margin: 0 !important; }
.discussion li strong { display: block; width: 300px; }
.discussion li br { display: none; }
.discussion li .version-short, .discussion li .version-full { padding-left: 56px; }
.discussion li .version-short br, .discussion li .version-full br { display: inline; }
.discussion li .version-short strong, .discussion li .version-full strong { display: inline !important; width: auto !important; }
.discussion li .rating { padding-left: 0 !important; float: none !important; position: absolute; top: 10px; right: -10px; }
.discussion li .reply { margin: 10px 0 15px 0; }
.discussion li div.strong {font-weight: bold;}
.discussion li form label { _font-size: 85%; color: #616161; }
.discussion li form input { width: 347px; =widht: 344px; }
.discussion li form input.submit { left: 303px; }
.discussion li form textarea { width: 353px !important; _width: 347px !important; =width: 349px !important; margin-bottom: 10px; height: 200px; }
.p505-discussions-detail-form-bottom label { color: #616161; _font-size: 90%; }
.p505-discussions-detail-form-bottom input { width: 347px; =width: 344px; }
.p505-discussions-detail-form-bottom input.submit { position: relative; left: 308px; }
.p505-discussions-detail-form-bottom textarea { width: 353px !important; _width: 347px !important; =width: 349px !important; margin-bottom: 10px; }
/* Footer */
#footer { background-color: #cecccc; overflow: hidden; background-position: 0 0 !important; }
#footer p { float: left; width: 300px; position: relative; top: 40px; left: 40px; }
#footer p.first { }
#footer p.second { left: 160px; }
#footer .inner .second a#mkp { display: block; width: 215px; height: 35px; background: transparent url('images/logo-mkp.png') no-repeat 0 0; }
#footer p.third { text-align: left; left: 150px; }
#footer .doporucit-pratelum { position: absolute; left: 279px; top: 182px; width: 610px; }
#footer .doporucit-pratelum p { float: left; width: 209px; height: 28px; left: 0; top: 3px; background: url('images/bg-doporuc-input.png') no-repeat 0 0; margin-right: 12px; }
#footer .doporucit-pratelum p.last { margin-right: 0; }
#footer .doporucit-pratelum input { position: relative; top: 5px; left: 10px; border: 0; font-weight: bold; font-family: Arial, Tahoma, sans-serif; font-size: 100%; background-color: transparent; width: 185px; }
#footer .doporucit-pratelum .link { position: absolute; left: 225px; top: 37px; height: 1.1em; line-height: 1.1em; background-color: #fff; opacity: .7; width: 80px; text-align: center; }
#footer .doporucit-pratelum .link a { color: #000; font-weight: bold; text-decoration: underline; font-size: 90%; }
#footer .doporucit-pratelum .submit { width: 152px; float: right; background: none; top: 0; }
#footer .doporucit-pratelum .submit input { width: 152px; height: 32px; top: 0; background: url(images/btn-doporuc-k4u.png) no-repeat 0 0; padding: 0; color: #fff; text-decoration: underline !important; display: block; font-size: 90%; cursor: hand; cursor: pointer; }
#footer .doporucit-pratelum .submit input:hover { background-position: 0 100%; }
/* profile */
.profile-table {width: 350px;}
.profile-table td h2.user-name { margin: 0 !important; padding: 0 !important;}
.profile-table td { vertical-align: top;}
.profile-table .table-col1 {padding: 0 10px 0 0;}
.big-shadow {display: block; width: 222px; height: 191px; background: transparent url('../media-bg.png') no-repeat 0 0; vertical-align: middle !important; text-align: center !important; float: left; overflow: hidden; margin-right: 10px;}
#profile { border: 0 !important; margin-bottom: 0 !important; }
#profile .about h2 { margin-top: 5px; margin-bottom: 4px !important; }
#profile .about .status { color: #555; font-size: 120%; font-weight: bold; }
#profile .profile-image { display: table; width: 222px; height: 191px; overflow: hidden; background: transparent url('../media-bg.png') no-repeat 0 0; _position: relative; }
#profile .profile-image .inner { &position: absolute; &top: 50%; display: table-cell; vertical-align: middle; width: 222px; text-align: center; }
#profile .profile-image .inner img { &position: relative; &top: -50%; }
#about-user { position: relative; margin-bottom: 25px; }
#about-user .col1 { width: 353px; float: left; }
#about-user .col2 { width: 353px; float: right; }
#about-user .col1 div, #about-user .col2 div { padding: 5px; margin-bottom: 2px !important; }
#about-user .col1 div.odd, #about-user .col2 div.odd { background-color: #deedf3; }
#about-user .col1 div.even, #about-user .col2 div.even { background-color: #f5fbfe; }
#about-user .col1 div strong, #about-user .col2 div strong { display: block; width: 90px; float: left; font-weight: normal; font-size: 90%; }
#about-user .col1 div p, #about-user .col2 div p { padding-left: 95px; }
#about-user .col1 div p span.important { font-weight: bold; }
#about-user div img { float: none !important; }
#about-user .links { position: absolute; right: 0; top: -3.7em; width: 353px; text-align: left; }
.user-icon-name {background: no-repeat 0 1px; padding-left: 20px; margin-left: 4px; }
.user-icon-0 {background-image: url('../users-statuty/0.png'); }
.user-icon-1 {background-image: url('../users-statuty/1.png'); }
.user-icon-2 {background-image: url('../users-statuty/2.png'); }
.user-icon-3 {background-image: url('../users-statuty/3.png'); }
.user-icon-4 {background-image: url('../users-statuty/4.png'); }
.user-icon-5 {background-image: url('../users-statuty/5.png'); }
.user-icon-6 {background-image: url('../users-statuty/6.png'); }
.user-icon-admin {background-image: url('../users-statuty/admin.png');}
/* games */
.game-image {border: 2px solid #dbdbdb;}
/* books */
.books-search-form .text {width: 250px;}
.rating { width: 83px; float: right; }
.rating span { display: block; float: left; width: 16px; height: 16px; overflow: hidden; text-indent: -1000px; background: transparent url('images/rate-stars2.gif') no-repeat 0 0; }
.rating span.on { background-position: 0 -16px; }
.rating span.half-on { background-position: 0 -32px; }
.rating span.none-star { text-indent: 0; background: none; width: auto; height: auto; font-size: 80%;}
/* Position modification */
.detail-medium-anotace .rating { position: absolute; }
.detail-medium-anotace .item { padding-right: 0 !important; }
.box-blue {background-color: #f0fafa;}
#group-boxes.books a {text-decoration: none !important;}
.media-icon-title {background: no-repeat 0 center; padding-left: 20px; }
.media-icon-1 {background-image: url('../media-small-icons/1.png'); }
.media-icon-2 {background-image: url('../media-small-icons/2.png'); }
.media-icon-3 {background-image: url('../media-small-icons/3.png'); }
.media-icon-4 {background-image: url('../media-small-icons/4.png'); }
.media-icon-5 {background-image: url('../media-small-icons/5.png'); }
.media-icon-6 {background-image: url('../media-small-icons/6.png'); }
.media-icon-7 {background-image: url('../media-small-icons/7.png'); }
/* editor */
.editor .box { padding: 0 !important; }
.editor p,
.editor ul { margin-bottom: 10px; }
.editor h2 { color: #4d4d4d !important; margin-bottom: 10px !important; }
.editor h3 { color: #7a7a7a !important; margin-bottom: 10px !important; }
.editor h4 { color: #7a7a7a !important; font-size: 90%; margin-bottom: 10px !important; }
.editor h5, .editor h6 { font-size: 90%; margin-bottom: 10px !important; }
.editor ul { margin-left: 10px; }
.editor ul li { list-style-type: none; padding-left: 25px; background: #fff url(images/news-li.gif) no-repeat 0 2px; margin-bottom: 5px; }
.editor .styl1 { background-color: #fbfced; padding: 5px; border: 1px #d6d8ba solid; color: #585e07; }
.editor .styl2 { background-color: #fff8f2; padding: 5px; border: 1px #e7d6c8 solid; color: #7c5f46; }
.editor .styl3 { background-color: #fbfced; padding: 5px; border: 1px #d6d8ba solid; color: #585e07; font-size: 85%; }
.editor .styl4 { background-color: #fff8f2; padding: 5px; border: 1px #e7d6c8 solid; color: #7c5f46; font-size: 85%; }
.editor table { border: 0 !important; }
.editor table td { padding: 2px; border: 1px #B4CFD8 solid; }
.editor table thead td,
.editor table thead th { background-color: #7dabca; color: #fff; font-weight: bold; padding: 2px; }
/* basics */
.big-image-thumb-shadow { display: table; width: 222px; height: 191px; overflow: hidden; background: transparent url('../media-bg.png') no-repeat 0 0; =position: relative; _position: static; }
.big-image-thumb-shadow .inner { &position: absolute; &top: 50%; display: table-cell; vertical-align: middle; width: 222px; text-align: center; }
.big-image-thumb-shadow .inner img { &position: relative; &top: -50%; }
/* Seznam svazk? - modifikace */
#seznam-svazku { background-color: #e3f2fc; font-family: Trebuchet MS !important; font-size: 105%; }
#seznam-svazku a.white { color: #196199; font-family: Trebuchet MS !important; }
#seznam-svazku td { font-family: Trebuchet MS !important; }
#seznam-svazku .redback,
#seznam-svazku .whiteback, #seznam-svazku .selectback { background-color: #e3f2fc; font-family: Trebuchet MS !important; }
#seznam-svazku .redback.large { background-color: #7dabca; font-size: 105%; border: 1px #fff solid; margin-bottom: 10px; margin-top: 20px; font-family: Trebuchet MS !important; }
#seznam-svazku div.lit { padding: 1px 15px; font-family: Trebuchet MS !important; }
#seznam-svazku .autor div.lit { padding-top: 5px; padding-bottom: 5px; }
#seznam-svazku div.sb { background-color: #e3f2fc; font-family: Trebuchet MS !important; }
#seznam-svazku div.sb.data td { border: 1px #83b3d4 solid; font-family: Trebuchet MS !important; }
#seznam-svazku div.sb.data td a { color: #cc0000; font-weight: bold; font-family: Trebuchet MS !important; font-size: 95%; }
#seznam-svazku div.sb.data td span { padding-top: 7px !important; padding-bottom: 7px; padding-left: 5px; font-family: Trebuchet MS; font-size: 110%; }
#seznam-svazku div.sb.data td span.large { _background-color: #fff; }
#seznam-svazku div.sb.data td span.black { padding: 0; }
#seznam-svazku div.sb.data td.whiteback { background-color: #e3f2fc; font-family: Trebuchet MS !important; }
#seznam-svazku div.sb.data td.bg-white { background-color: #fff; padding-left: 2px; }
#seznam-svazku div.verysmall { color: #464646; font-size: 95%; padding-left: 5px; }
#seznam-svazku td.sb { background-color: #fff; border: 1px #83b3d4 solid; color: #000; }
#seznam-svazku td.sb a { font-size: 145%; font-weight: normal; }
#seznam-svazku td.sb a:hover { text-decoration: underline !important; }
#seznam-svazku td.och, #seznam-svazku td.rok, #seznam-svazku td.sign, #seznam-svazku td.druh { text-align: center; }
/* Reciever Iframe */
#chooseReceiversMessage { height: 395px !important; border: 1px #719EB6 solid !important; }
#iframe .box div { width: 100px; height: 90px; overflow: hidden; margin: 0 0 20px 0 !important; text-align: center; }
#iframe .box div br { display: none; }
#iframe .box div .small-avatar { display: block; width: 46px; height: 47px; background: transparent url('images/bg-small-avatar.gif') no-repeat 0 0; overflow: hidden; margin: 0 auto 5px auto; }
#iframe .box div .small-avatar img { position: relative; top: 3px; left: 2px; }
#iframe .box div a { color: #416A7F; }
#iframe .box div.limit { height: auto; margin-bottom: 10px; margin-top: 10px; width: 100%; }
#p507_frontend_userChooseFavoriteItemsForm_iframe { height: 395px !important; border: 1px #719EB6 solid !important; }
#iframe-books { padding: 15px; }
#iframe-books h2 { font-size: 100%; &font-size: 110%; margin-bottom: 12px; text-align: left; }
#iframe-books p { font-size: 80%; text-align: left; }
#iframe-books table td { background: #fff url(images/gray-box-gradient.gif) repeat-x 0 0; padding: 12px; text-align: left; }
#iframe-books .box div { height: auto; overflow: hidden; margin: 0 0 20px 0 !important; text-align: left; }
#iframe-books .box div p { font-size: 84%; &font-size: 94%; padding-left: 55px; }
#iframe-books .box div p a { display: block; }
#iframe-books .box div p strong { display: block; }
#iframe-books .box div br { display: none; }
#iframe-books .box div .small-avatar { display: block; width: 46px; height: 47px; background: transparent url('images/bg-small-avatar.gif') no-repeat 0 0; overflow: hidden; margin-right: 10px; float: left; }
#iframe-books .box div .small-avatar img { position: relative; top: 3px; left: 6px; }
#iframe-books .box div a { color: #416A7F; }
#iframe-books .box div.limit { height: auto; margin-bottom: 10px; margin-top: 10px; width: 100%; }
#iframe-forms { text-align: left; padding: 15px; }
#iframe-forms table td { font-size: 85%; text-align: left; }
#iframe-forms table td input { height: 25px; }
#iframe-forms input.submit { margin-top: 10px; }
/* Registration */
#registration-with-a-card { display: block; width: 238px; height: 173px; background: #fff url(images/bg-mam-karticku.gif) no-repeat 0 0; float: left; }
#registration-with-a-card:hover { background-position: 0 100%; }
#registration-without-a-card { display: block; width: 246px; height: 177px; background: #fff url(images/bg-nemam-karticku.gif) no-repeat 0 0; float: right; }
#registration-without-a-card:hover { background-position: 0 100%; }
.desc-registration { font-size: 85%; clear: both; width: 238px; }
div.registration-div { padding-top: 40px; background: #fff url(images/gray-box-gradient.gif) repeat-x 0 0; margin-left: 8px !important; margin-right: 8px !important; border-bottom: 0 !important; }
div.registration-div .default table { width: 95% !important; }
div.registration-div .default table tr { height: 2.9em; }
div.registration-div .default table th { border: 0 !important; font-weight: normal !important; background-color: #fff !important; text-align: left; display: block; width: 140px; vertical-align: middle; }
div.registration-div .default table td { vertical-align: middle; }
div.registration-div .default table input { width: 355px; font-weight: bold; color: #404040; margin-bottom: 0; }
div.registration-div .default input.submit { float: right; position: relative; right: 13px; top: 10px; }
div.registration-div .default input.radio { border: 0 !important; height: auto; }
div.registration-div .default table label { font-weight: bold; }
div.registration-div .default textarea { width: 361px !important; font-family: Verdana; color: #404040; }
/* Vzkazy */
.p507-messages-detail .item { padding-top: 12px; padding-bottom: 30px; background: #fff url(images/gray-box-gradient.gif) repeat-x 0 0; }
#p507-messages-add-form textarea { height: 255px !important; }
#p507-messages-add-form input.submit { left: 347px; =left: 349px; }
.p507-messages .item { padding-top: 12px; padding-bottom: 30px; background: #fff url(images/gray-box-gradient.gif) repeat-x 0 0; }
#gallery { border-bottom: 0 !important; }
#gallery .item { background: #fff url(images/gray-box-gradient.gif) repeat-x 0 0; padding: 15px 10px 0 2px; position: relative; }
#gallery .item h3 { color: #719eb6; margin-bottom: 10px; }
#gallery .item h3 .date { position: relative; left: 10px; }
#gallery .item .rating { position: absolute; right: 11px; top: 11px; width: 85px; padding-left: 0 !important; }
#gallery ul { margin-bottom: 10px; }
#gallery li { width: 130px; height: 130px; overflow: hidden; list-style-type: none; float: left; margin-right: 5px; text-align: center; }
#gallery li a img { padding: 1px; display: block; border: 1px #fff solid; }
#gallery li a:hover img { border-color: #000; }
#gallery li .image { display: block; }
#gallery li .image img { float: none !important; margin-right: 0 !important; }
#gallery li .possibilities { display: block; }
#gallery li .possibilities a { float: left; margin-right: 4px; }
#gallery li .possibilities a img { margin-right: 0; border: 0; }
#gallery li .possibilities a.delete { float: right; margin-right: 0; }
#gallery-detail h2 { position: relative; }
#gallery-detail h2 a { text-decoration: underline !important; }
#gallery-detail h2 a:hover { text-decoration: none !important; }
#gallery-detail .item { text-align: center; min-height: 398px; _height: 398px; }
#gallery-detail .item img { float: none !important; margin-right: 0 !important; }
#gallery-detail .item .prev { position: absolute; left: 0; top: 0; width: 44px; height: 398px; background: #fff url(images/bg-previous-link.gif) no-repeat 0 0; }
#gallery-detail .item .prev:hover { background-position: 0 100%; }
#gallery-detail .item .next { position: absolute; right: 0; _right: 5px; top: 0; width: 44px; height: 398px; background: #fff url(images/bg-next-link.gif) no-repeat 0 0; }
#gallery-detail .item .next:hover { background-position: 0 100%; }
#gallery-detail .total { color: #719eb6; font-size: 130%; font-weight: bold; position: absolute; top: 0; right: 15px; _right: 21px; }
#gallery-detail .discussion { width: 570px; margin-top: 25px; position: relative; left: 62px; }
#gallery-detail .discussion .item { position: relative; left: 20px; }
#gallery-detail .discussion li .item { left: 0; }
#gallery-detail .discussion .item textarea { border: 1px #719eb6 solid; width: 529px; height: 97px; }
#gallery-detail .discussion .item textarea:focus { border-color: #000; }
#gallery-detail .discussion .item input { position: relative; left: 426px; top: 10px; }
#footer .next-links {left: 108px !important; top: 183px !important; }
/* Group detail */
#content #group-detail .box h2 { margin-bottom: 3px; }
#content #group-detail #p505-news-content .item p { padding-left: 0; }
#content #group-detail #anotace .col2 p { margin-bottom: 0; }
#content #group-detail .spravce { clear: both; }
#content #group-detail .spravce .item { width: 200px; float: left; margin-right: 10px; padding-right: 0; }
#content #group-detail .nastenka { padding: 0 !important; padding-top: 13px; background: #f2f8fb url(images/bg-nastenka-top.gif) no-repeat 0 0; width: 534px; border-bottom: 0 !important; }
#content #group-detail .nastenka form { margin-bottom: 0 !important; }
#content #group-detail .nastenka .inner { background: #f2f8fb url(images/bg-nastenka-inner.gif) repeat-y 0 0; padding-left: 8px; }
#content #group-detail .nastenka .inner textarea { width: 516px !important; }
#content #group-detail .nastenka .inner input.submit { right: 8px !important; }
#content #group-detail .nastenka .inner .item { margin-bottom: 0 !important; padding-bottom: 12px; }
#content #group-detail .nastenka .bottom { height: 19px; display: block; background: #f2f8fb url(images/bg-nastenka-bottom.gif) no-repeat 0 0; font-size: 1%; margin-bottom: 0 !important; }
#content #group-detail table td { border-collapse: collapse; border: 0 !important; }
#content #group-detail table .new td { background-color: #ffdfc7 !important; }
#content #group-detail table .new td a span { color: #af5513 !important; font-weight: bold; }
#maincontent #content-full .box .p504-profile-comments-form table { width: 300px !important; }
#maincontent #content.wider .p508-detail-reviews-comments-form table { width: 250px !important; }
/* Skupiny pismena */
.letters { text-align: center; margin-bottom: 0 !important; }
.letters a { padding: 2px 4px 2px 4px; }
.letters a.active { background-color: #b1cdcd; color: #fff !important; }
.letters a.active:hover { text-decoration: none !important; }
/* Skupiny paging */
.limit { padding: 8px; margin-bottom: 12px; text-align: center; }
.limit a { padding: 2px 4px 2px 4px; }
.limit a.active { background-color: #b1cdcd; color: #fff !important; }
.limit a.active:hover { text-decoration: none !important; }
/* Podrobnosti - media */
.podrobnosti { padding: 2px; background-color: #fbf7de; border: 1px #f0e5cf solid; color: #7a650a !important; font-size: 80%; float: left; }
.podrobnosti-text { display: none; padding: 2px !important; background-color: #fbf7de; border: 1px #f0e5cf solid; color: #7a650a !important; font-size: 90%; width: 300px; position: relative; clear: both; }
.podrobnosti-text strong { color: #594902; }
.podrobnosti-text .close { position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; }
/* Mapa stranek */
ul.mapa-stranek { width: 737px; height: 555px; background: #fff url(images/bg-mapa-stranek.jpg) no-repeat 0 0; margin: 0; position: relative; }
ul.mapa-stranek li { background: none; font-size: 85%; padding: 0; position: absolute; width: 300px; }
ul.mapa-stranek li li { position: relative; margin-bottom: 1px; }
ul.mapa-stranek li.profil { left: 28px; top: 245px; }
ul.mapa-stranek li.uprava-profilu { left: 28px; top: 316px; }
ul.mapa-stranek li.doplnkove-sekce { left: 28px; top: 447px; }
ul.mapa-stranek li.domu { left: 386px; top: 57px; }
ul.mapa-stranek li.media { left: 386px; top: 130px; }
ul.mapa-stranek li.skupiny { left: 386px; top: 228px; }
ul.mapa-stranek li.hry { left: 386px; top: 303px; }
ul.mapa-stranek li span { display: none; }
ul.mapa-stranek li a:link, ul.mapa-stranek li a:visited { color: #757575 !important; text-decoration: none; }
ul.mapa-stranek li a:hover, ul.mapa-stranek li a:active { color: #000 !important; text-decoration: none; }
/**
* FCK
*/
.Bold { font-weight: bold; }
.Italic { font-style: italic; }
.Underline {text-decoration: underline; }
.StrikeThrough { text-decoration: line-through; }
.Subscript { vertical-align: sub; font-size: smaller; }
.Superscript { vertical-align: super; font-size: smaller; }
.FontComic { font-family: 'Comic Sans MS'; }
.FontCourier { font-family: 'Courier New'; }
.FontTimes{ font-family: 'Times New Roman'; }
.FontSmaller { font-size: smaller; }
.FontLarger { font-size: larger; }
.FontSmall { font-size: 8pt; }
.FontBig { font-size: 14pt; }
.FontDouble { font-size: 200%; }
.FontColor1 { color: #ff9900; }
.FontColor2 { color: #0066cc; }
.FontColor3 { color: #ff0000; }
.FontColor1BG { background-color: #ff9900; }
.FontColor2BG { background-color: #0066cc; }
.FontColor3BG { background-color: #ff0000; }
.Indent1 { margin-left: 40px; }
.Indent2 { margin-left: 80px; }
.Indent3 { margin-left: 120px; }
.JustifyLeft { text-align: left; }
.JustifyRight { text-align: right; }
.JustifyCenter { text-align: center; }
.JustifyFull { text-align: justify; }
code { font-family: courier, monospace; background-color: #eeeeee; padding-left: 1px; padding-right: 1px; border: #c0c0c0 1px solid; }
kbd { padding: 0px 1px 0px 1px; border-width: 1px 2px 2px 1px; border-style: solid; }
blockquote { color: #808080; }