/* @license
 * MyFonts Webfont Build ID 2329793, 2012-07-24T11:25:21-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Futura Book Italic by Tilde
 * URL: http://www.myfonts.com/fonts/tilde/futura/book-italic/
 * Copyright: Copyright 1990-2007 Bitstream Inc. All rights reserved. Modification for European languages. Copyright 1995-2007 Tilde, SIA.
 *
 * Webfont: Futura Book by Tilde
 * URL: http://www.myfonts.com/fonts/tilde/futura/book/
 * Copyright: Copyright 1990-2007 Bitstream Inc. All rights reserved. Modification for European languages. Copyright 1995-2007 Tilde, SIA.
 *
 * Webfont: Corradine Handwriting Rough by Corradine Fonts
 * URL: http://www.myfonts.com/fonts/corradine/handwriting/rough/
 * Copyright: Copyright (c) 2010 by Manuel Eduardo Corradine. All rights reserved.
 *
 * Webfont: VAG Rundschrift D by URW++
 * URL: http://www.myfonts.com/fonts/urw/vag-rundschrift/d/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 *
 * Webfont: VAG Rundschrift D Light by URW++
 * URL: http://www.myfonts.com/fonts/urw/vag-rundschrift/d-light/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 *
 * Webfont: Curser by Morganismi
 * URL: http://www.myfonts.com/fonts/morganismi/curser/curser/
 * Copyright: Typeface (c) Morganismi. 2010. All Rights Reserved
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2329793
 *
 * (c) 2012 Bitstream Inc
*/
@font-face {
  font-family: 'VAG Rundschrift D Light';
  src: url('/font/webFormats/vagrundschriftdlight-webfont.eot');
  src: url('/font/webFormats/vagrundschriftdlight-webfont.eot?#iefix') format('embedded-opentype'), url('/font/webFormats/vagrundschriftdlight-webfont.woff') format('woff'), url('/font/webFormats/vagrundschriftdlight-webfont.ttf') format('truetype') /*,
			 url('/font/webFormats/vagrundschriftdlight-webfont.svg#VAGRundschriftDRegular') format('svg')*/;
  font-weight: normal;
  font-style: normal;
}
textarea {
  resize: none;
}
.r-head,
.r-foot {
  width: 100%;
  text-align: center;
  font-size: 10px;
  text-transform: lowercase;
  color: #cdcdcd;
  line-height: 12px;
}
.r-head {
  background: url('/img/common/reklama-header.gif') no-repeat 50% 0;
}
.r-foot {
  background: url('/img/common/reklama-footer.gif') no-repeat 50% 0;
}
.r-body {
  border: 0px solid #000;
  margin: auto;
  text-align: center;
  position: relative;
}
.r-body .r-b-in br {
  font-size: 0px;
}
.h {
  display: none;
}
.noBorderMarginPaddingScroll {
  margin: 0px !important;
  padding: 0px !important;
  overflow: hidden !important;
  border: none !important;
}
/* FILE: common.css */
body {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  background: url('/img/common/body-background.png') no-repeat;
  background-repeat: repeat-x;
  background-position: 0 185px;
  margin: 0;
  text-align: center;
  font-size: 80%;
  background-color: #fff;
  color: #666;
}
h1,
h2,
.vag {
  font-family: 'VAG Rundschrift D Light', 'Trebuchet MS', Helvetica, Arial, sans-serif !important;
}
body.without-top-advert {
  background-position: 0 -15px;
}
body.noBorderMarginPaddingScroll {
  background: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h1 {
  margin: 0;
  padding: 0;
}
h2 {
  font-size: 180%;
}
form {
  margin: 0;
  padding: 0;
}
a {
  color: #cc3300;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.l1 {
  color: #cc3300 !important;
}
a.l2 {
  color: #000 !important;
}
a.l3 {
  color: #87b135 !important;
}
a.l4,
.t3 a,
.t4 a {
  color: #ccc;
}
.t1,
.t3 {
  color: #666;
}
.t2,
.t4 {
  color: #999;
}
.t1,
.t2 {
  font-size: 100%;
}
.t3,
.t4 {
  font-size: 80%;
}
.double {
  font-size: 200%;
}
#top-menu a {
  color: #666;
  white-space: nowrap;
}
#top-menu a.highlight {
  padding: 1px 6px;
  background: #c30;
  color: #fff;
}
#top-menu span.delimiter,
#top-menu2 span.delimiter {
  margin: 0 -2px;
}
/* */
#page-outer {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 990px;
  background-repeat: no-repeat;
}
#page {
  width: 950px;
}
.unknownBrowser {
  background-color: #333;
  color: #aaaaaa;
}
.unknownBrowser a {
  color: #cccccc;
}
#left-border {
  position: absolute;
  left: -39px;
  height: 699px;
  width: 39px;
  background: url('/img/home/left-margin.jpg') no-repeat 0 -30px;
}
#right-border {
  position: absolute;
  left: 990px;
  height: 699px;
  width: 55px;
  background: url('/img/home/right-margin.jpg') no-repeat 0 -30px;
}
.no-underline-border {
  text-decoration: none;
  border: none;
}
.no-underline-border img {
  text-decoration: none;
  border: none;
}
#header-space {
  position: relative;
  width: 521px;
  height: 44px;
  z-index: 200;
  margin: auto;
}
#advert {
  position: relative;
  width: 502px;
  height: 44px;
  z-index: 200;
  margin: 0 auto;
  /*background: url('/img/mikro/reklama.gif') no-repeat;*/
  padding-left: 17px;
}
#header {
  height: 122px;
  position: relative /*;top: 17px*/;
}
#logo {
  position: absolute;
  background-repeat: no-repeat;
}
#logo h1 a {
  display: block;
}
#logo h1 a span {
  display: none;
}
#slogan {
  position: absolute;
  left: 147px;
  top: 105px;
  font-size: 70%;
  color: #999999;
}
#slogan a {
  text-decoration: none;
}
#slogan a:hover {
  text-decoration: underline;
}
#navi-search {
  position: absolute;
  font-size: 80%;
}
#top-menu,
#top-menu2 {
  color: #999999;
  z-index: 100;
}
#top-menu2 {
  font-size: 120%;
  line-height: 130%;
}
#search span {
  color: #999999;
}
#tips {
  font-size: 120%;
  line-height: 130%;
  margin-top: 2px;
}
#photo-counter {
  position: absolute;
  width: 134px;
  height: 35px;
  left: 781px;
  top: 555px;
  text-align: center;
  color: #dddddd;
}
#counter {
  display: block;
  font-size: 22px;
  line-height: 17px;
}
#counter .little {
  font-size: 50%;
}
#label {
  font-size: 9px;
  color: #bbbbbb;
}
#footer {
  color: #ccc;
  margin: 4em 1em 0 1em;
  border-top: 1px solid #e6e6e6;
  padding: 1em 1em 2em 108px;
  font-size: 85%;
  line-height: 1.4em;
  clear: both;
  background: url('/img/admin/footer-bg.png') no-repeat 25px 0.5em;
}
.footerColumn {
  float: left;
  width: 144px;
}
.footerColumn.inactive {
  display: none;
}
#footer p {
  margin: 1em 0;
}
#footer a {
  color: #999;
}
#footer .adminColumn a {
  color: #cc3300;
}
.little {
  color: #999;
  font-size: 80%;
}
/* FILE: simple.css */
span.smallRed {
  color: #87b135;
  font-weight: bold;
  font-size: 70%;
  vertical-align: top;
}
/* HOMEPAGE */
body.home #page-outer {
  background-image: url('/img/home/page-background.jpg?v=2');
  min-height: 700px;
  position: relative;
  background-position: 0 -16px;
}
body.home #logo {
  background: url('/img/home/rajce-logo.png') no-repeat 26px 0;
  width: 500px;
  height: 122px;
  top: 17px;
}
body.home #logo h1 a {
  height: 122px;
}
body.home #navi-search {
  position: absolute;
  top: 47px;
  right: 10px;
  width: 376px;
  height: 112px;
  text-align: right;
}
body.home #top-menu {
  position: absolute;
  top: 17px;
  right: 0;
  font-size: 90%;
}
body.home #search {
  width: 376px;
}
body.home #search input {
  width: 280px;
}
body.home #page-content {
  position: relative;
  top: 23px;
}
body.home .stickyScroll {
  margin-left: 960px;
}
/* FILE: maxi.css */
body.maxi .stickyScroll {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 960px;
  margin-top: 10px;
}
body.maxi #page-outer {
  background-image: url('/img/maxi/page-background.jpg');
  background-position: 0 -16px;
  min-height: 300px;
}
body.maxi #logo {
  position: absolute;
  top: 0;
  left: 32px;
  width: 222px;
  height: 92px;
  background-image: url('/img/maxi/rajce-logo.png');
}
body.maxi #logo h1 a {
  height: 92px;
}
body.maxi #navi-search {
  top: 0;
  left: 265px;
  width: 675px;
  height: 95px;
}
body.maxi #top-menu {
  position: absolute;
  width: 660px;
  height: 15px;
  right: 5px;
  top: 4px;
  text-align: right;
  font-size: 120%;
}
body.maxi #top-menu2 {
  position: absolute;
  width: 220px;
  height: 15px;
  left: 3px;
  top: 48px;
  text-align: left;
}
body.maxi #search {
  position: absolute;
  top: 28px;
  right: 0px;
  width: 303px;
  height: 42px;
  text-align: right;
}
body.maxi #search input {
  width: 200px;
}
body.maxi #tips {
  position: absolute;
  top: 67px;
  left: 3px;
  width: 353px;
}
/**/
div.leftIndent1 {
  padding-left: 60px;
}
div.leftIndent2 {
  padding-left: 115px;
}
div.leftIndent,
div.leftIndent3 {
  padding-left: 275px;
}
div.navigation-block {
  padding-left: 270px;
  margin-top: 10px;
  color: #999999;
}
div.navigation-block a {
  text-decoration: none;
}
div.navigation-block a:hover {
  text-decoration: underline;
}
div.navigation-block label {
  color: #666;
}
body.maxi h2 {
  display: inline;
  font-size: 100%;
}
body.maxi h2 span {
  font-size: 200%;
}
div.navigation {
  width: 678px;
  margin: 0 0 -10px 230px;
  text-align: right;
  color: #999;
}
div.leftIndent div.navigation {
  margin-left: 15px;
}
div.navigation-block div.navigation {
  width: 660px;
  margin-left: 0;
}
div.navigation-block div.leftIndent div.navigation {
  width: 570px;
}
#users div.navigation {
  margin-left: 0;
}
body.maxi #page-content {
  position: relative;
}
body.maxi #page-content div.static {
  padding-left: 267px;
}
body.maxi #page-content div.form {
  margin: 0;
}
#page-outer .static h2 {
  display: block;
  font-size: 18pt;
  margin: .5em 0 0 0;
}
#page-outer .static p {
  margin: .5em 0;
  padding: 0;
}
body.maxi h3 {
  display: block;
  font-size: 140%;
  color: #666;
  margin: 25px 0 5px 0;
}
/* FILE: mini.css */
body.mini #panelakInDetail {
  position: absolute;
}
body.mini #content {
  width: 950px;
  margin: 0 -8px 0 15px;
  position: relative;
}
body.mini a {
  text-decoration: none;
}
body.mini a:hover {
  text-decoration: underline;
}
body.mini #header-outer {
  background-image: url('/img/mini/page-background-2.png');
  width: 990px;
  background-repeat: repeat-y;
}
body.mini #header-middle {
  width: 990px;
  background-image: url('/img/mini/page-background-1.png');
  background-repeat: no-repeat;
  background-position: 0 -16px;
}
body.mini #header-bottom {
  width: 990px;
  background-image: url('/img/mini/page-background-3.png');
  background-repeat: no-repeat;
  height: 34px;
}
body.mini #logo,
body.mini #logo h1,
body.mini #logo h1 a {
  width: 137px;
  height: 55px;
}
body.mini #logo {
  background-image: url('/img/mini/rajce-logo.png');
  top: -10px;
  left: 33px;
}
body.mini #navi-search {
  position: relative;
  width: 760px;
  height: 55px;
  top: 4px;
  left: 182px;
}
body.mini #top-menu {
  position: absolute;
  right: 50px;
  top: 4px;
  text-align: right;
  font-size: 90%;
}
body.mini #top-menu2 {
  position: absolute;
  height: 15px;
  left: 0px;
  top: 0px;
  font-size: 120%;
}
body.mini #search {
  position: absolute;
  width: 242px;
  height: 20px;
  top: 26px;
  right: 0px;
  text-align: right;
}
body.mini #search input {
  width: 145px;
}
body.mini #search span {
  display: none;
}
body.mini #tips {
  position: absolute;
  top: 22px;
  left: 0px;
  line-height: 120%;
}
body.mini #header {
  height: auto;
  min-height: 90px;
  _height: auto;
}
body.mini #albumHeader {
  margin: 0 50px 0 182px;
  color: #999;
  font-size: 90%;
  overflow: hidden;
}
body.mini a#userName {
  color: #87b135;
}
body.mini a#userName span {
  font-size: 200%;
}
body.mini span#albumName {
  font-size: 180%;
  color: #666666;
}
body.mini div#albumDescription {
  font-size: 100%;
}
body.mini #detailPart {
  display: none;
}
/* oblíbená alba a fotky */
/* tooltip na likovacím tlačítku alba, pokud není přihlášený */
body.mini span.favAlbum .loginForLike,
body.mikro span.favAlbum .loginForLike {
  width: 205px !important;
}
body.maxi span.favAlbum,
body.mini span.favAlbum,
body.mikro span.favAlbum,
body.mini span.albumCommentsLikeButton,
body.mikro span.photoCommentsLikeButton {
  cursor: pointer;
  width: 16px;
  height: 20px;
  display: inline-block;
  background-image: url("/img/common/likeElements.png");
  position: relative;
  /*zakázat označování textu */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2px;
}
body.maxi span.favAlbum.active,
body.mini span.favAlbum.active,
body.mikro span.favAlbum.active,
body.mini span.albumCommentsLikeButton.active,
body.mikro span.photoCommentsLikeButton.active {
  background-position: 0 -20px;
}
body.maxi span.favAlbum.favAlbum,
body.mini span.favAlbum.favAlbum,
body.mikro span.favAlbum.favAlbum,
body.mini span.albumCommentsLikeButton.favAlbum,
body.mikro span.photoCommentsLikeButton.favAlbum {
  top: -4px;
}
body.maxi .albumLikeCount,
body.mini .albumLikeCount,
body.mikro .albumLikeCount {
  padding: 7px 4px 7px 4px;
  cursor: default;
}
body.mikro #detailLikeWrapper #detailLikeButton {
  display: none;
}
body.mikro #detailLikeButton {
  background-image: url("/img/common/likeElements.png");
  background-position: -60px 0;
  width: 40px;
  height: 40px;
  top: 55px;
  right: 10px;
  position: absolute;
  cursor: pointer;
  /*zakázat označování textu */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.mikro .video #detailLikeButton {
  top: 10px;
}
body.mikro #detailLikeButton.active {
  background-position: -20px 0;
}
body.mikro #detailLikeCount {
  width: 40px;
  height: 15px;
  right: 10px;
  top: 97px;
  background-image: url("/img/common/likeElements.png");
  background-position: -150px 0;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  color: white;
  position: absolute;
}
body.mikro .video #detailLikeCount {
  top: 52px;
}
body.mikro #detailLikeInfo {
  right: 53px;
  top: 55px;
  width: 130px;
  height: 35px;
  background-image: url("/img/common/likeElements.png");
  background-position: top right;
  padding-left: 10px;
  padding-top: 5px;
  display: none;
  position: absolute;
}
body.mikro .video #detailLikeInfo {
  top: 10px;
}
body.mikro #detailLikeInfo .line1 {
  font-size: 14px;
  color: white;
}
body.mikro #detailLikeInfo .line2 {
  font-size: 12px;
  color: white;
  line-height: 11px;
}
/* FILE: mikro.css */
body.mikro #header-outer {
  display: none;
}
body.mikro #reklamaText {
  position: absolute;
}
body.mikro a {
  text-decoration: none;
}
body.mikro a:hover,
#userMenu table a:hover {
  text-decoration: underline;
}
#panelakInDetail {
  position: absolute;
  width: 300px;
  height: 612px;
  z-index: 11;
}
#panelakInDetail iframe {
  width: 100% !important;
  height: 100% !important;
}
body.mikro {
  background: white;
  position: absolute;
  left: 0;
  width: 100%;
}
body.mikro #detailPart {
  padding-left: 10px;
}
body.mikro #page-outer,
body.mikro #page,
body.mikro #content {
  margin: 0 !important;
  left: 0 !important;
  width: 100% !important;
}
body.mikro #detailTopFrame {
  font-size: 16px;
  position: fixed;
  z-index: 2000;
  background: white;
  top: 0;
  height: 40px;
  border-bottom: 1px solid #f7f7f7;
}
body.mikro #detailTopFrame #photoNavigation {
  text-align: center;
}
body.mikro #detailTopFrame a {
  color: #ff3300 !important;
  text-decoration: none !important;
}
body.mikro #detailTopFrame #photoNavigation {
  position: relative;
}
body.mikro #detailTopFrame #photoNavigation .miniLogo {
  background-image: url(/img/common/miniLogo.png);
  width: 100px;
  height: 30px;
  display: block;
  position: absolute;
  top: 4px;
  left: 5px;
}
body.mikro #detailTopFrame #photoNavigation .betweenArrows {
  position: relative;
  top: -5px;
}
body.mikro #detailTopFrame #photoNavigation .navButton {
  background-image: url('/img/mikro/navigationElements.png?v=1');
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}
body.mikro #detailTopFrame #photoNavigation #photoPrevious {
  background-position: 0 5px;
}
body.mikro #detailTopFrame #photoNavigation #photoNext {
  background-position: -30px 5px;
}
body.mikro #detailTopFrame #photoNavigation #photoShowAll2 {
  background-position: -60px 0;
  position: absolute;
  right: 5px;
  top: 3px;
}
body.mikro #detailTopFrame #photoNavigation #enablePhotoFullscreen {
  background-position: -90px 0;
  margin-right: 10px;
  position: absolute;
  right: 30px;
  top: 3px;
}
body.mikro #panelakInDetail {
  right: 0px;
}
body.mikro #bottomAdvertInDetail {
  width: 300px;
  float: right;
  margin: 30px 11px 40px 0;
  height: 262px;
}
body.mikro #bottomAdvertInDetail iframe {
  width: 100% !important;
  height: 100% !important;
}
body.mikro #detailImageFrame,
body.mikro #detailVideoFrame {
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  position: relative;
}
body.mikro #detailImageFrame #detailImageWrapper,
body.mikro #detailVideoFrame #detailImageWrapper {
  border: 1px solid #e6e6e6;
  left: -1px;
  top: -1px;
}
body.mikro #mediaArea {
  padding-bottom: 20px;
  position: relative;
}
body.mikro #mediaArea #mediaFrame {
  position: relative !important;
  margin: auto;
}
body.mikro #mediaArea #photoUserName {
  position: absolute;
  bottom: -8px;
}
body.mikro #photoInfo {
  width: 100%;
  margin: 0;
}
body.mikro #photoInfo {
  position: relative;
  overflow: visible;
  /* skrývá obsah pod fotkou během prohlížení */
}
body.mikro #photoInfo #hideTheRestBlock {
  width: 100%;
  height: 530px;
  position: absolute;
  z-index: 10;
  background: white;
  left: 0;
  top: 0;
}
body.mikro #photoInfo #hideTheRestBlock #showTheRestButton {
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  width: 38px;
  height: 30px;
  background-image: url('/img/mikro/navigationElements.png?v=1');
  background-position: -115px 0px;
  position: fixed;
  bottom: -1px;
  cursor: pointer;
}
body.mikro #photoInfo #photoSharePanel {
  margin: auto;
  height: 90px;
  position: relative;
}
body.mikro #photoInfo hr {
  width: 100%;
  background: #e6e6e6;
  height: 1px;
  border: 0;
}
body.mikro #photoInfo #showPhotoExifLink {
  font-weight: bold;
  cursor: pointer;
  font-size: 13px;
}
body.mikro #photoInfo #photoExif {
  text-align: left;
}
body.mikro #footer {
  margin: 100px 0 0 0 !important;
}
body.mikro #detailImageFrame img {
  border: none;
}
body.mikro #detailImageFrame #detailImageWrapper,
body.mikro #detailImageFrame #detailVideoWrapper {
  position: relative;
  overflow: hidden;
}
body.mikro #photoExif {
  font-size: 13px;
}
/* FILE: albumList.css */
body.maxi div.albumList h2 {
  color: #cc3300;
}
div.albumList #albumList {
  padding-left: 35px;
}
div.albumList #albumList a.secure {
  color: #666666 !important;
}
div.albumList #albumList li.hidden a.albumName {
  color: #666666 !important;
}
div.albumList #albumList li {
  list-style: none;
  clear: left;
  min-height: 98px;
  background: url('/img/alba/frame.png') no-repeat;
}
div.albumList #albumList li.hidden {
  background: url('/img/alba/frame-hidden.png') no-repeat;
}
div.albumList #albumList li div.photo {
  float: left;
  margin-left: 110px;
  margin-top: 15px;
  width: 100px;
  height: 70px;
  background-color: #dddddd;
}
div.albumList #albumList li div.photo a {
  display: block;
  width: 100px;
  height: 70px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center center;
}
div.albumList #albumList li div.photo a:hover {
  background-color: #eeeeee;
}
div.albumList #albumList li div.photo a img {
  display: none;
  border: none;
}
div.albumList #albumList li div.photo span {
  font-size: 80%;
  display: block;
  text-align: center;
  height: 15px;
  background-color: #9f9546;
  color: #fff;
  overflow: hidden;
}
div.albumList #albumList li div.info {
  font-size: 100%;
  min-height: 98px;
  overflow: hidden;
}
div.albumList #albumList li div.info div.inner {
  padding-left: 25px;
  padding-top: 25px;
  color: #999999;
  padding-right: 10px;
}
div.albumList #albumList li div.info a.albumName {
  font-size: 130%;
  font-weight: bold;
  color: #cc3300;
  text-decoration: none;
}
div.albumList #albumList li div.info a.login img {
  border: none;
}
div.albumList #albumList li div.info a.albumName:hover {
  text-decoration: underline;
}
#albumList li div.info a.userName:hover {
  text-decoration: underline;
}
#albumList li div.info div.basic {
  font-size: 95%;
}
#albumList li div.info div.desc {
  line-height: 1.5em;
  font-size: 90%;
}
#albumList li div.info div.limitedHeight {
  position: relative;
  max-height: 6em;
}
#albumList li div.info div.limitedHeight .showMore {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: .2em 1em 0 3em;
  background: #fff;
}
#albumList li div.info span.categories a {
  color: #cc3300;
  text-decoration: none;
}
#albumList li div.info span.categories a:hover {
  text-decoration: underline;
}
#albumList li div.info a.userName,
div#comments span.userName a {
  font-size: 14px;
  color: #87b135;
  text-decoration: none;
}
div.favUsers {
  font-size: 80%;
  padding: 0.5em 0;
}
/* FILE: userList.css */
sup.vipText {
  color: #999;
  font-size: 35%;
}
#users h2,
#users a.userName {
  color: #87b135 !important;
}
/* FILE: albumDetail.css */
#photoList {
  padding-left: 5px;
}
#photoList a,
#photoListClone > a,
#item {
  position: relative;
  display: block;
  height: 85px;
  overflow: visible;
  cursor: pointer;
}
#photoList a,
#photoListClone > a {
  float: left;
  width: 100px;
  margin-right: 12px;
  margin-bottom: 9px;
}
#photoList a .thumbImgWrapper,
#photoListClone .thumbImgWrapper,
#item .thumbImgWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
#photoList a img {
  display: none;
}
#photoList a img,
#photoList a .imgNotFound,
#item .imgNotFound,
#photoListClone a img,
#item img {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  border: solid 1px #e0e0e0;
  padding: 3px;
  border-radius: 6px;
  background-color: white;
}
#item .imgNotFound,
#photoList a .imgNotFound {
  width: 100%;
  height: 74px;
  background-image: url("/img/common/failed.png");
  background-position: center;
  background-repeat: no-repeat;
  cursor: default;
}
#item .imgNotFound {
  width: 100px;
}
#photoList a {
  z-index: 1;
}
/* FILE: forms.css */
div.form {
  margin: 20px 30px 30px;
}
div.form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
div.form .inputbox-container {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: left;
}
div.form .inputbox-container label.inline {
  display: inline;
}
div.form label {
  margin-top: 10px;
  margin-bottom: 3px;
  display: block;
}
div.form label span {
  font-size: 90%;
  color: #bbb;
}
div.form input#createBtn,
div.form input.block {
  display: block;
  margin-top: 20px;
}
span.valResult {
  background-color: #e6f6c6;
}
div.error,
div.warning {
  margin: .2em 0;
}
div.error,
span.error {
  background-color: #EB4C28;
  color: white;
  border-radius: 3px;
  padding: 3px 8px;
}
div.warning,
span.warning {
  background-color: #FFEB9C;
  color: #9C6500;
  border-radius: 3px;
  padding: 3px 8px;
}
table tr td.rli .error {
  padding: 3px;
}
/* NEW */
.inputbox {
  color: #000;
  background: #fefefe url('/img/common/input-bg.gif') repeat-x;
  border: 1px solid #acacac;
  padding: 2px 4px;
}
.editInputSelect {
  color: #777;
}
.editInputBox {
  color: #777;
  background: #fefefe;
  border: 1px solid #ddd;
  padding: 3px 4px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
.editInputBox:hover,
.editInputBox:focus {
  border: solid 1px #a4a4a4 !important;
  outline: none;
}
.editInputBox:focus {
  outline: solid 1px #cccccc !important;
}
.editInputBox.disabled {
  border: 1px solid #ddd !important;
}
#form-search {
  margin: 0;
  position: relative;
  padding-bottom: 2px;
}
#header-outer {
  z-index: 100;
  position: relative;
  _height: 1%;
}
#exportsMenu {
  width: 325px;
}
#exportsMenu-inner {
  background: #fdfdfd none repeat scroll 0 0;
  border: 1px solid #ddd;
  padding: 0 5px;
}
#exportsMenu-inner p {
  margin: 2px 0 2px 0;
}
#exportsMenu-inner .inputbox {
  width: 294px;
}
a#favUsers-close,
a#favDescMenu-close,
a#exportsMenu-close,
a#userMenu-close img {
  float: right;
}
a#favUsers-close img,
a#favDescMenu-close img,
a.login img,
#exportsMenu-close img,
label#privacyLink img,
a#userMenu-close img {
  border: none;
}
a.cluetip-close:hover {
  text-decoration: none !important;
}
#cluetip-inner h4 {
  text-align: center;
  margin: 2px;
}
#user h2 {
  color: #87b135;
}
#user .navigation-block .buttons {
  padding-top: 7px;
}
#user #heading-block {
  margin-top: 30px;
  margin-bottom: 20px;
}
table.favUsersWindow {
  width: 100%;
  line-height: 1.1em;
}
div#cluetip,
div#exportsMenu,
div#userMenu,
div#favDescMenu,
div#sortMenu,
div#sortLinks {
  padding: 5px;
  background: #fff;
  border: #999 1px solid;
  box-shadow: 1px 1px 5px #aaa;
  border-radius: 2px;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#bbbbbb');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#bbbbbb')";
  z-index: 100;
}
table.favUsersWindow a.uName {
  color: #87b135;
}
table.favUsersWindow a.uName:hover {
  color: #333;
}
table.favUsersWindow .trashIcon {
  display: none;
  margin-left: 1px;
}
table.favUsersWindow .trashIconTD,
table.favUsersWindow tr td:first-child,
#userMenu table tr td:first-child {
  width: 10px;
  padding: 0px;
}
#userMenu table tr td:first-child {
  width: 20px;
  padding-left: 3px;
}
#userMenu table tr,
#albumlistUserName,
img.favUser,
.userMenuIcon {
  cursor: pointer;
}
span.favDesc {
  padding: 0px 5px;
}
table.favUsersWindow span.favDesc:hover {
  background-color: #ddd;
}
#favDescMenu {
  color: #999;
  font-size: 90%;
  border: 1px solid #ddd;
}
#favDescMenu img.favIcon {
  cursor: pointer;
  padding: 7px 5px 0px 0px;
}
#favDescMenu table,
#userMenu table {
  width: 100%;
  line-height: 16px;
}
input#favDecsInput {
  margin: 0px;
  padding: 0px;
  height: 12px;
  color: #999;
  float: right;
  border: thin solid #DDDDDD;
  background: url("/img/common/editInput-bg.gif") repeat-x scroll 0 0 #fefefe;
  font-size: 100%;
}
#favDesc.inputbox {
  width: 185px;
}
.inputHint {
  color: #aaa;
  font-style: italic;
}
#showFavUsersLink img,
span.mode a.selected img,
#favUsers img,
.commentCount img {
  border: 0;
  margin-left: 5px;
}
#sortMenu a {
  padding-left: 16px;
}
.sortMenuArrow {
  background-repeat: no-repeat;
  background-position: 0 -1px;
  background-image: url('/img/common/icon-sortmenu.gif');
}
label#privacyLabel,
img.useMenuIcon {
  cursor: pointer;
}
#userMenu div.insertCode {
  font-size: 100%;
  color: #999;
  font-weight: normal;
}
#userMenu,
#sortMenu {
  font-weight: normal;
  font-size: 9pt;
  width: 200px;
  height: auto;
  position: absolute;
}
#sortMenu {
  width: 170px;
}
#userMenu div.insertCode {
  line-height: 1.2em;
}
#userMenu input.inputbox {
  width: 97%;
}
div.userMenuIcon {
  display: inline-block;
  cursor: pointer;
  margin-left: 1px;
  color: #555;
  width: 14px;
  height: 26px;
  background-image: url('/img/common/icon-user-menu.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
}
body.maxi div.userMenuIcon {
  width: 14px;
  height: 14px;
  background-image: url('/img/common/icon-user-menu-small.gif');
}
div#favDescBtn {
  cursor: pointer;
  float: right;
  margin: 3px 2px 0 0;
}
div.album-login {
  padding: 5px;
  background-color: #eee;
  border: 1px solid #ddd;
}
div.album-login h2 {
  font-size: 140%;
}
div.album-login form div {
  padding: 5px;
}
div.album-login form div label {
  width: 140px;
  float: left;
}
div.api-authorize {
  margin: 100px;
}
.voteBtn a {
  background-color: red;
  color: #fff !important;
  padding: 0 2px;
}
.voteBtn img {
  border: none;
}
.vote-state-0 a {
  background-color: green;
}
div.progress-container {
  border: 1px solid #ccc;
  width: 50px;
  margin: 2px 5px 2px 0;
  padding: 1px;
  float: left;
  background: #fff;
}
div.progress-container div {
  background-color: #87b135;
  height: 10px;
}
fieldset {
  border: 1px solid #eee;
}
fieldset legend {
  font-size: 110%;
  padding-left: 6px;
  padding-right: 6px;
}
/* sberna.rajce.net */
.button-cart {
  background: url('../img/kosik.png') no-repeat 0 3px;
  padding-left: 16px;
}
.button-cart-count {
  font-size: 90%;
}
/* album */
#albumThumbViewMessage {
  display: none;
}
#sortUndoButtons {
  float: right;
  margin-right: 15px;
}
a#postThumbsOrderCancelLink {
  color: #000;
}
#thumbnailPart .buttons {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}
#thumbnailPart .buttons.print {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0px;
  padding-bottom: 0px;
}
#thumbnailPart .buttons .infoBox {
  margin-left: 6px;
  text-align: center;
}
#sortLinks {
  position: absolute;
  top: 25px;
  left: 0px;
  width: 160px;
  display: none;
  text-align: left;
  text-shadow: none;
  font-size: 9pt;
}
#sortLinks a {
  padding-left: 10px;
}
#sortLinks img {
  visibility: hidden;
  border: 0;
}
.imagelessBtn {
  display: inline-block;
  position: relative;
  color: #fff;
  margin: 0px;
  cursor: pointer;
}
.imagelessBtn:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.imagelessBtn:hover .imagelessBtnGloss {
  background: #f49b87;
  border-bottom: 0.1em solid #ef694a;
}
.imagelessBtn .imagelessBtnOuter {
  display: inline-block;
  position: relative;
  border-color: #e8e8e8;
  border-width: 1px 0;
  margin: 0;
  border-style: solid;
}
.imagelessBtn .imagelessBtnOuter:hover {
  border-color: #cecece;
}
.imagelessBtn .imagelessBtnOuter .imagelessBtnInner {
  display: inline-block;
  position: relative;
  background: #e82f05 none repeat scroll 0 0;
  border-color: #e8e8e8;
  border-width: 0 1px;
  margin: 0 -1px;
  border-style: solid;
}
.imagelessBtn .imagelessBtnOuter .imagelessBtnInner:hover {
  background: #ed5937;
  border-color: #cecece;
}
.imagelessBtn .imagelessBtnOuter .imagelessBtnInner .imagelessBtnPos {
  position: relative;
  height: 100%;
}
.imagelessBtn .imagelessBtnOuter .imagelessBtnInner .imagelessBtnPos .imagelessBtnGloss {
  background: #f18269 none repeat scroll 0 0;
  border-bottom: 0.1em solid #eb4c28;
  height: 0.9em;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.imagelessBtn .imagelessBtnOuter .imagelessBtnInner .imagelessBtnPos .imagelessBtnText {
  color: #fff;
  line-height: 1.8em;
  padding: 0 12px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.greenButton:hover .imagelessBtnGloss {
  background: #abd685;
  border-bottom: 0.1em solid #87c551;
}
.greenButton .imagelessBtnOuter:hover,
.greenButton .imagelessBtnInner:hover {
  border-color: #cecece;
}
.greenButton .imagelessBtnInner {
  background: #50aa00 none repeat scroll 0 0;
  border-color: #e8e8e8;
}
.greenButton .imagelessBtnInner:hover {
  background: #73bb33;
}
.greenButton .imagelessBtnInner .imagelessBtnGloss {
  background: #96cc66 none repeat scroll 0 0;
  border-bottom: 0.1em solid #68b623;
}
.greyButton:hover .imagelessBtnGloss {
  background: #c9c9c9;
  border-bottom: 0.1em solid #adadad;
}
.greyButton .imagelessBtnOuter:hover,
.greyButton .imagelessBtnInner:hover {
  border-color: #cecece;
}
.greyButton .imagelessBtnInner {
  background: #8e8e8e none repeat scroll 0 0;
  border-color: #e8e8e8;
}
.greyButton .imagelessBtnInner:hover {
  background: #a5a5a5;
}
.greyButton .imagelessBtnInner .imagelessBtnGloss {
  background: #bbbbbb none repeat scroll 0 0;
  border-bottom: 0.1em solid #9e9e9e;
}
.disabledButton:hover .imagelessBtnGloss {
  background: #fdfdfd;
  border-bottom: 0.1em solid #fdfdfd;
}
.disabledButton .imagelessBtnOuter:hover,
.disabledButton .imagelessBtnInner:hover {
  border-color: #eaeaea;
}
.disabledButton .imagelessBtnInner {
  background: #fdfdfd none repeat scroll 0 0;
  border-color: #eaeaea;
}
.disabledButton .imagelessBtnInner:hover {
  background: #fdfdfd;
}
.disabledButton .imagelessBtnInner .imagelessBtnGloss {
  background: #fdfdfd none repeat scroll 0 0;
  border-bottom: 0.1em solid #fdfdfd;
}
.disabledButton .imagelessBtnInner .imagelessBtnText {
  color: #e7e7e7;
  cursor: default;
}
.button {
  cursor: pointer;
  height: 22px;
  color: white;
  padding: 1px 10px 1px 10px;
  border-radius: 2px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 4px;
  position: relative;
  line-height: 21px;
  text-align: center;
  background-color: #949494;
  background-image: -webkit-linear-gradient(#b1b1b1 0%, #747474 100%);
  background-image: -moz-linear-gradient(#b1b1b1 0%, #747474 100%);
  background-image: -ms-linear-gradient(#b1b1b1 0%, #747474 100%);
  background-image: linear-gradient(#b1b1b1 0%, #747474 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#747474');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#747474');
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  /* IE <= 7 */
  *display: inline;
  zoom: 1;
}
.button:hover {
  text-decoration: none !important;
  background-color: #B4B4B4;
  background-image: -webkit-linear-gradient(#bfbfbf 0%, #808080 100%);
  background-image: -moz-linear-gradient(#bfbfbf 0%, #808080 100%);
  background-image: -ms-linear-gradient(#bfbfbf 0%, #808080 100%);
  background-image: linear-gradient(#bfbfbf 0%, #808080 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#808080');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#808080');
}
.button.highlighted {
  background-color: #de441e;
  background-image: -webkit-linear-gradient(#fd6540 0%, #be2a06 100%);
  background-image: -moz-linear-gradient(#fd6540 0%, #be2a06 100%);
  background-image: -ms-linear-gradient(#fd6540 0%, #be2a06 100%);
  background-image: linear-gradient(#fd6540 0%, #be2a06 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6540', endColorstr='#be2a06');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6540', endColorstr='#be2a06');
}
.button.highlighted:hover {
  background-color: #DF6648;
  background-image: -webkit-linear-gradient(#fd8568 0%, #bd4224 100%);
  background-image: -moz-linear-gradient(#fd8568 0%, #bd4224 100%);
  background-image: -ms-linear-gradient(#fd8568 0%, #bd4224 100%);
  background-image: linear-gradient(#fd8568 0%, #bd4224 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd8568', endColorstr='#bd4224');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd8568', endColorstr='#bd4224');
}
.button.active {
  background-image: none;
  filter: none;
  background-color: #76c615;
  box-shadow: none;
}
.button.active:hover {
  background-color: #84dd17;
}
.button.light {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.14);
  color: gray;
  text-shadow: none;
  background-color: #e3e3e3;
  background-image: -webkit-linear-gradient(#fcfcfc 0%, #c3c3c3 100%);
  background-image: -moz-linear-gradient(#fcfcfc 0%, #c3c3c3 100%);
  background-image: -ms-linear-gradient(#fcfcfc 0%, #c3c3c3 100%);
  background-image: linear-gradient(#fcfcfc 0%, #c3c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#c3c3c3');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#c3c3c3');
}
.button.light:hover {
  background-color: #f3f3f3;
  background-image: -webkit-linear-gradient(#fcfcfc 0%, #d3d3d3 100%);
  background-image: -moz-linear-gradient(#fcfcfc 0%, #d3d3d3 100%);
  background-image: -ms-linear-gradient(#fcfcfc 0%, #d3d3d3 100%);
  background-image: linear-gradient(#fcfcfc 0%, #d3d3d3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#d3d3d3');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#d3d3d3');
}
.button.disabled,
.button.disabledButton {
  background-color: #dddddd !important;
  background-image: -webkit-linear-gradient(#dddddd 0%, #c4c4c4 100%) !important;
  background-image: -moz-linear-gradient(#dddddd 0%, #c4c4c4 100%) !important;
  background-image: -ms-linear-gradient(#dddddd 0%, #c4c4c4 100%) !important;
  background-image: linear-gradient(#dddddd 0%, #c4c4c4 100%) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8',EndColorStr='#eeeeee')" !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#eeeeee') !important;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  cursor: default;
}
.button.blackTransparent {
  background-image: none;
  background-color: transparent !important\9;
  /* IE8 and below */
  background-color: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000) !important;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000) !important;
  zoom: 1;
  border: #999 1px solid;
  border-radius: 4px;
}
.button.slim {
  height: 19px;
  line-height: 19px;
}
.button.fat {
  height: 28px;
  line-height: 27px;
  padding-left: 15px;
  padding-right: 15px;
}
.button.large {
  font-size: 22px;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
}
.button.large.wider {
  padding-left: 40px;
  padding-right: 40px;
}
.button.large.rounded {
  border-radius: 25px;
}
.horizontalLine .button {
  position: relative;
}
.horizontalLine .button.large {
  top: -25px;
}
.button.fill {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#saveBtn {
  float: right;
  cursor: pointer;
}
a#cancelBtn {
  background-image: url(/img/mikro/cancel.gif);
  background-repeat: no-repeat;
  width: 12px;
  border: 0px;
  margin-bottom: -5px;
  cursor: pointer;
}
a#cancelBtn:hover {
  text-decoration: none !important;
}
.infoBox {
  color: #777;
  background: #f0f0f0;
  padding: 2px 10px 4px 10px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px silver solid;
}
.infoBox.wide {
  display: block !important;
  width: 800px;
}
.blankItem {
  background-color: #ff9 !important;
  z-index: 1 !important;
}
.blankItem * {
  display: none;
}
#item {
  display: none;
  position: absolute;
  z-index: 250;
}
#item .thumbImgWrapper {
  float: left;
  _margin-left: 4px;
}
#item .thumbImgWrapper .thumbImgOverlay {
  position: absolute;
  background: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#item .thumbHoverMenu {
  display: none;
}
#item span {
  width: 100%;
}
div#photoList .photoThumb {
  z-index: 1;
}
div#photoList.editable a.hover {
  z-index: 999;
}
div#photoList.editable a.hover .thumbHoverMenu {
  display: block;
}
div#photoList.editable a.hover img,
div#photoList.editable a.hover .imgNotFound {
  z-index: 1001;
  border-color: transparent !important;
}
div#photoList.editable a.hover .thumbHoverMenu {
  z-index: 1000;
}
div#photoList.editable div.thumbHoverMenu {
  background-color: white;
  border: 1px solid #E0E0E0;
  overflow: hidden;
  position: absolute;
  top: -15px;
  left: -15px;
  z-index: 999;
  border-radius: 4px;
  display: none;
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='gray');
  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='gray')";
  zoom: 1;
}
div#photoList span.setAlbumCoverIcon {
  background-image: url(/img/mikro/coverThumbHover.png);
  background-repeat: no-repeat;
  display: none;
  height: 18px;
  width: 17px;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  left: 7px;
  z-index: 1002;
  cursor: pointer;
}
div#photoList .albumCoverThumb span.setAlbumCoverIcon {
  display: block;
  background-image: url(/img/mikro/coverThumb.png);
  cursor: default;
}
div#photoList .albumCoverThumb img,
div#photoList .albumCoverThumb .thumbHoverMenu {
  border-color: #ff531a !important;
}
#photoList.editable span.deletePhotoIcon,
#photoList.editable span.rotatePhotoIcon,
div#photoList.editable a.hover .setAlbumCoverIcon {
  width: 16px;
  height: 16px;
  background-image: url('/img/album/thumbIcons.png');
}
#photoList.editable span.deletePhotoIcon {
  display: none;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -21px;
  margin-left: -1px;
  left: 66%;
  z-index: 1002;
}
#photoList.editable span.rotatePhotoIcon {
  display: none;
  position: absolute;
  z-index: 1002;
  bottom: -20px;
}
#photoList.editable span.rotatePhotoClockwiseIcon {
  left: -12px;
  background-position: -32px 0;
}
#photoList.editable span.rotatePhotoAnticlockIcon {
  right: -19px;
  background-position: -49px 0;
}
div#photoList.editable a.hover .setAlbumCoverIcon {
  bottom: -21px;
  margin-left: -5px;
  left: 33%;
  background-position: -16px 0;
  display: block;
}
div#photoList.editable a.hover.albumCoverThumb .setAlbumCoverIcon {
  background-position: -16px -18px;
}
#photoList.editable span.rotateProgress {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: white;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -6px;
  z-index: 2000;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
  border: 1px solid gray;
}
#photoList.editable span.rotateProgressClockwise {
  background-image: url('/img/common/progressClockwise.gif');
}
#photoList.editable span.rotateProgressAnticlock {
  background-image: url('/img/common/progressAnticlock.gif');
}
#simplemodal-container {
  -moz-box-shadow: 0 0 30px #000;
  -webkit-box-shadow: 0 0 30px #000;
  box-shadow: 0 0 30px #000;
  overflow: hidden;
}
/* albumEdit styles */
#modalConfirmDialog {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  color: #666;
}
#modalConfirmDialog h3 {
  color: #333;
  background: #cccccc;
  margin: 0;
  padding: 3px;
  height: 20px;
}
#modalConfirmDialog p {
  font-size: 1em;
  height: 35px;
  padding: 10px 0;
}
#modalConfirmDialog #dialogConfirmBtn {
  margin-right: 10px;
}
.albumEditForm {
  margin: 20px 0 10px 20px;
  padding: 2px;
  width: 660px;
  color: #666;
}
.albumEditForm table tr td:first-child {
  text-align: right;
}
.albumEditForm #dateFrom,
.albumEditForm #dateTill {
  width: 70px;
  text-align: right;
  margin-right: 5px;
}
body.mini .albumEditForm {
  margin: 25px 0 0 180px;
  width: 765px;
}
body.maxi .albumEditForm {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}
input#albumNameInput,
textarea#albumDescInput {
  width: 540px;
}
body.mini input#albumNameInput,
body.mini textarea#albumDescInput {
  width: 645px;
}
input#albumNameInput {
  font-size: 125%;
  font-weight: bold;
  text-decoration: none;
}
#saveAlbumEditBtn {
  margin-right: 10px;
}
#addAlbumPhotosBtn,
#addAlbumVideosBtn {
  float: left;
  margin-right: 10px;
}
textarea#albumDescInput {
  min-height: 2em;
  line-height: 1em;
  margin-top: 3px;
  font-size: 13px;
}
span.editLink {
  display: none;
}
#commonCategoriesMenu {
  overflow: hidden;
  width: 545px;
  height: 16px;
  padding: 2px;
  border: 1px solid #ddd;
  cursor: pointer;
}
#commonCategoriesMenu:hover {
  border: solid 1px #a4a4a4 !important;
  outline: none;
}
body.mini #commonCategoriesMenu {
  width: 650px;
}
#commonCategoriesMenu #commonCategoriesArrow {
  background: transparent url(/img/common/dd_arrow.gif) no-repeat scroll 0 0;
  cursor: pointer;
  display: inline-block;
  float: left;
  margin-right: 5px;
  height: 16px;
  width: 16px;
}
#commonCategoriesMenu #commonCategoriesArrow:hover {
  background: transparent url(/img/common/dd_arrow.gif) no-repeat scroll 0 100%;
}
div.albumList #albumList #catBox ul li {
  background: none;
  min-height: 1em;
  /* IE6 min-height hack*/
  height: auto !important;
  height: 1em;
}
form.albumEditForm #catBox ul {
  list-style: none;
  position: absolute;
  padding: 2px 5px;
  margin-top: 0;
  border: 1px solid #ddd;
  border-top: none;
  background: #f5f5f5;
  width: 170px;
  z-index: 1000;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.catColumn {
  float: left;
  margin: 0px 30px 5px 0;
  text-align: left;
}
.lastCatColumn {
  margin-right: 0px;
}
#contestCategories {
  border: 1px solid #DDDDDD;
  margin: 5px 0;
  padding-bottom: 5px;
}
#contestCategories select {
  color: #666;
}
#contestCategories h4 {
  margin: 0;
  text-align: center;
}
#contestCategories input {
  margin-right: 3px;
}
#albumEditInfoMsg {
  text-align: right;
  color: #999;
}
#albumEditInfoMsg img {
  position: relative;
  display: none;
  margin: 0;
  padding: 0;
}
span#albumEditInfoSpan {
  position: relative;
  margin: 0px 3px 0px 3px;
  padding: 0em 0.5em 0em 0.5em;
}
.loadingAlbumInfo {
  position: relative;
  top: 3px;
  left: 3px;
}
#albumEditLink {
  color: #cc3300;
  background-image: url('/img/mikro/pencilRed.gif');
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 18px;
}
.deletePhotosButton,
.unselectPhotosForDelete {
  display: none;
  margin-right: 5px;
}
#categoryConfirmDialog {
  color: #666;
  margin: 0;
  padding: 0;
}
#categoryConfirmDialog h3 {
  margin: 0 5px;
}
#categoryConfirmDialog .editInputBox {
  width: 300px;
  height: 17px;
}
#categoryConfirmDialog .editInputBox.dateTime {
  width: 150px;
}
#categoryConfirmDialog p {
  text-align: left;
  margin: 5px 0;
  font-size: 11px;
}
#categoryConfirmDialog table {
  border-spacing: 3px;
}
#categoryConfirmDialog td {
  text-align: left;
  width: 300px;
}
#categoryConfirmDialog #eventDesc {
  height: 30px;
  font-size: 12px;
}
#search input {
  font-family: inherit;
  margin-right: 5px;
  margin-top: 0px;
  height: 18px;
  font-size: 130%;
}
#searchSubmit {
  float: right;
  width: 55px;
}
#photoComments,
#albumComments,
#userComments,
#pageComments {
  position: relative;
  width: 455px;
  color: #666666;
}
#photoComments h3,
#albumComments h3,
#userComments h3,
#pageComments h3 {
  color: #666666 !important;
  font-size: 26px !important;
  font-family: 'VAG Rundschrift D Light', 'Trebuchet MS', Helvetica, Arial, sans-serif !important;
}
#photoComments#userComments h3,
#albumComments#userComments h3,
#userComments#userComments h3,
#pageComments#userComments h3,
#photoComments#pageComments h3,
#albumComments#pageComments h3,
#userComments#pageComments h3,
#pageComments#pageComments h3 {
  margin-bottom: 20px !important;
}
#photoComments#photoComments h3,
#albumComments#photoComments h3,
#userComments#photoComments h3,
#pageComments#photoComments h3,
#photoComments#albumComments h3,
#albumComments#albumComments h3,
#userComments#albumComments h3,
#pageComments#albumComments h3 {
  margin-bottom: 0px !important;
}
#photoComments h4,
#albumComments h4,
#userComments h4,
#pageComments h4 {
  color: #666666;
  font-weight: normal;
}
#photoComments .showAllComments,
#albumComments .showAllComments,
#userComments .showAllComments,
#pageComments .showAllComments {
  position: absolute;
  right: -3px;
  top: -8px;
}
#photoComments .addComment,
#albumComments .addComment,
#userComments .addComment,
#pageComments .addComment {
  font-size: 12px;
  margin-top: 5px;
  display: block;
}
#albumComments {
  margin: 10px 0 0 10px;
  clear: left;
}
#userComments {
  font-size: 11px;
  margin: 10px 0px 0 275px;
}
#pageComments {
  margin-top: 5em;
}
div.info a.addComment,
div.info a.commentCount {
  padding-right: 14px;
  background: url('/img/common/icon-menu-black-down.gif') no-repeat 100% 10%;
}
div.info a.addCommentArrowUp {
  padding-right: 14px;
  background: url('/img/common/icon-menu-black-up.gif') no-repeat 100% 10%;
}
div.info a.addCommentSub {
  padding-right: 0;
  background: none;
}
a.commentCount,
a.addComment {
  cursor: pointer;
}
a.commentTrashLink,
.commentCount,
.addComment {
  color: #666 !important;
}
a.commentTrashLink {
  position: absolute;
  background-position: 0px -24px;
  top: 6px;
  right: 4px;
  height: 24px;
  width: 24px;
  background-image: url(/img/common/commentElements.png);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}
a.commentTrashLink:hover {
  background-position: -24px -24px;
}
a.commentTrashLink img {
  float: right;
}
.comment {
  position: relative;
  min-height: 63px;
  height: auto !important;
  height: 36px;
  line-height: 1.3em;
  padding: 0px 3px 3px 1px;
  margin: 0px 0px;
}
.comment:hover a.commentTrashLink {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0.3s;
}
.comment:hover .replyToPhotoCommentLink {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s, visibility 0.2s;
}
.comment:first-child .commentText {
  border-style: none;
}
.comment.commentWithThumb .commentText {
  width: 279px;
}
.comment.repeatedAuthor {
  padding-left: 71px;
  border-color: #e9e9e9 !important;
  padding-bottom: 0px;
  min-height: 33px;
}
.comment.repeatedAuthor.commentWithThumb {
  min-height: 48px;
}
.comment.repeatedAuthor .userName,
.comment.repeatedAuthor .admin,
.comment.repeatedAuthor .vip,
.comment.repeatedAuthor .commentDate {
  display: none;
  position: fixed;
}
.comment.lastAuthorComment {
  padding-bottom: 20px !important;
}
.comment a.userName {
  color: #87b135 !important;
  font-size: 14px;
}
.comment.deletable .replyToPhotoCommentLink {
  right: 30px;
}
.adminComment {
  background: #fff2f2;
}
.adminComment .admin {
  background: #F43600;
  color: white;
  border-radius: 8px;
  padding: 0 8px 0px 8px;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-decoration: none !important;
  margin-left: 3px;
}
.vipComment .vip {
  vertical-align: super;
  font-size: 10px;
  color: #999;
}
.ownerComment {
  background: #f7f7f7;
}
.commentBtn {
  display: none;
  cursor: pointer;
  width: 54px !important;
  height: 54px !important;
  background-image: url(/img/common/commentElements.png);
  background-position: 0px -48px;
  border: 1px solid #cccccc;
  margin-left: 3px;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
}
.commentBtn:hover {
  background-position: 0px -102px;
}
.commentBtn.disabledButton {
  visibility: hidden;
}
.commentDate {
  font-size: 90%;
  color: #999;
}
.commentForm {
  width: 455px;
  position: relative;
  margin-top: 20px;
}
.commentForm textarea {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 12px;
  width: 383px;
  overflow: hidden;
  text-align: left;
  min-height: 44px;
  line-height: 1.3em;
  border: 1px solid #ddd;
  border-width: thin;
  outline: none;
  padding: 5px;
}
.commentAvatar {
  position: absolute;
  left: 4px;
  top: 6px;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: 1px solid #eee;
  z-index: 1;
}
.commentAvatar .avatarImage {
  width: 50px;
  height: 50px;
}
.commentList {
  font-size: 12px;
  width: 455px;
  color: #666;
  font-weight: normal;
}
.commentText,
.commentWithThumb .commentText {
  display: inline-block;
  width: 329px;
  padding-left: 70px;
  border-top: solid 1px #e5e5e5;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 9px;
  padding-right: 55px;
}
.repeatedAuthor .commentText,
.repeatedAuthor .commentWithThumb .commentText {
  padding-left: 0px;
  left: 0px;
}
.repeatedAuthor.commentWithThumb .commentText {
  padding-left: 52px;
  width: 277px;
  left: 0px;
}
.repeatedAuthor .commentText p {
  padding-top: 0px;
}
.repeatedAuthor .commentThumb {
  top: 5px;
}
.commentWithThumb .commentText {
  padding-left: 120px;
}
.commentText .text,
.comment div .text {
  margin: 0;
  word-wrap: break-word;
}
.commentText .text {
  padding-top: 4px;
}
.commentThumb {
  position: absolute;
  left: 71px;
  top: 8px;
  overflow: hidden;
  width: 40px;
  height: 40px;
}
.commentThumb img {
  display: block;
  margin: 0 auto;
  border: none;
}
.commentThumbImage {
  visibility: hidden;
}
.commentForm #nick {
  display: none;
}
#photoTextareaWrapper .commentThumb,
.textareaWrapper .commentThumb {
  left: 7px;
}
#photoTextareaWrapper .commentThumbImage {
  visibility: visible;
}
.deletedComment {
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-decoration: line-through !important;
}
.deletedComment * {
  text-decoration: line-through !important;
}
#progressDiv p {
  text-align: center;
}
.replyToPhotoCommentLink {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s, visibility 0.2s;
  position: absolute;
  top: 6px;
  right: 4px;
  background-color: gray;
  width: 24px;
  height: 24px;
  background-image: url(/img/common/commentElements.png);
  background-position: 0px 0px;
}
.replyToPhotoCommentLink:hover {
  background-position: -24px 0px;
}
.respond {
  margin: 5px 0 30px 0;
  font-size: 11px;
}
.showAllComments {
  margin-bottom: 9px;
  margin-top: 11px;
}
span.charCount {
  display: inline-block;
  height: 1em;
  width: 100%;
  text-align: left;
  font-size: 11px;
  padding-bottom: 5px;
}
.anonymousUserNameBox span.anonymousUserNameLine {
  display: block;
  padding-bottom: 3px;
  padding-top: 10px;
  width: 250px;
}
.anonymousUserNameBox span.charCount {
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: right;
  padding-top: 18px;
  width: 50px;
}
.anonymousUserNameBox input {
  border: 1px solid #ddd;
  margin-left: 0px;
  width: 150px;
  color: #666666;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  outline: none;
  padding: 2px 0 2px 3px;
}
.anonymousUserNameBox input:focus {
  border-color: #999;
}
.textareaWrapper,
#photoTextareaWrapper {
  margin: 0;
  float: none;
  clear: both;
  border: 1px solid #ddd;
  position: relative;
  min-height: 54px !important;
  width: 394px;
}
.textareaShortMode {
  border: none !important;
  background: none !important;
  width: 321px !important;
  padding-left: 68px !important;
}
#photoCommentsTextarea {
  border: none !important;
  width: 321px;
  outline: none;
  padding-left: 68px;
}
.photoCommentsLikeInfo,
.albumCommentsLikeInfo {
  font-size: 12px;
  margin-bottom: 2px;
  display: inline-block;
}
#photoComments {
  float: left;
  margin-top: 30px;
}
#photoComments h3 {
  margin-top: 0;
}
/********************************** VIDEO ***********************************/
.playVideoIcon {
  background: url(/img/mini/buttonPlaySmall.png) no-repeat scroll left top;
  height: 15px !important;
  position: absolute;
  right: 3px;
  bottom: 6px;
  width: 20px;
  z-index: 2;
}
#photoListClone .playVideoIcon {
  right: 21px !important;
}
.playVideoIcon:hover {
  background: url(/img/mini/buttonPlaySmall-hover.png) no-repeat scroll left top;
}
#detailVideoFrame {
  margin: 10px auto 0 auto;
}
/* buttons */
.buttonPanel {
  position: relative;
  height: 50px;
  margin-top: 25px;
  margin-right: 5em;
}
.buttonPanel .greyButton span.arrowDown {
  background: url('/img/album/arrowDown.png') no-repeat 100% 60%;
  padding-right: 12px;
}
/* piklio */
.rajcePhotobook {
  display: block;
  position: absolute;
  left: 12px;
  top: 34px;
  background: url('/img/common/rajcePhotobook.jpg?v2') no-repeat;
  background-position: 0 -94px;
  width: 198px;
  height: 94px;
}
/*
a.rajcePhotobook:hover
{
	background-position: 0 -94px;
}*/
body.maxi .lightButtonPanel {
  width: 500px;
}
body.mini .lightButtonPanel {
  width: 600px;
}
.lightButtonPanel {
  position: relative;
  height: 35px;
  margin: 2em 130px 0 0;
}
/*.lightButtonPanel */
a.lightButton {
  position: relative;
  float: left;
  display: block;
  background: url('/img/common/button-left.png') no-repeat;
  padding-left: 17px;
  height: 35px;
  line-height: 35px;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
/*.lightButtonPanel */
a.lightButton:hover {
  color: #000;
  text-decoration: none !important;
}
/*.lightButtonPanel */
a.lightButton span.in {
  display: block;
  background: url('/img/common/button-right.png') no-repeat 100% 0;
  padding-right: 17px;
}
.buttonLinksContainer {
  float: left;
  z-index: 200;
}
.arrowUp,
.arrowDown {
  padding-right: 11px;
  width: 7px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: 100% 60%;
}
.arrowDown {
  background-image: url('/img/common/arrowDown.png');
}
.redButton .arrowDown {
  background-image: url('/img/common/arrowDown-white.png');
}
.arrowUp {
  background-image: url('/img/common/arrowUp.png');
}
.buttonLinksPanel {
  display: none;
  position: absolute;
  top: 18px;
  background: none no-repeat 1px 100%;
  padding: 22px 0 12px 0;
}
.buttonLinksPanel a {
  display: block;
  color: #666666;
  padding-left: 18px;
  font-size: 12px;
  margin-left: -2px;
  margin-bottom: .3em;
}
.buttonLinksPanel a:hover {
  color: #ff3200;
  text-decoration: none !important;
}
.photobookLinks a.lightButton,
.memorygameLinks a.lightButton,
.calendarLinks a.lightButton {
  width: 132px;
}
.photobookLinks .buttonLinksPanel,
.memorygameLinks .buttonLinksPanel,
.calendarLinks .buttonLinksPanel {
  width: 147px;
  background-image: url('/img/common/button-links-background-147.png');
}
.redButtonPanel {
  display: none;
  position: absolute;
  top: 18px;
  padding: 22px 0 6px 0;
}
.redButtonPanel a {
  display: block;
  color: #666666;
  padding-left: 12px;
  font-size: 12px;
  margin-bottom: .3em;
}
.redButtonPanel a:hover {
  color: #ff3200;
  text-decoration: none !important;
}
.photoProductsLinksOrderToolbar a.redButton .imagelessBtnInner {
  min-width: 160px;
}
.photoProductsLinksOrderToolbar .redButtonPanel {
  min-width: 160px;
  background: #eee;
  border: 1px solid #cecece;
  border-top-width: 0;
}
body.mini .buttonPanel {
  margin-left: 6px;
}
#albumShareModal {
  width: 2250px;
}
.simplemodal-container h2 {
  margin-top: 5px;
  font-size: 1.8em !important;
}
#albumShareModal div.albumShareOptionPage {
  width: 750px;
  height: 400px;
  float: left;
}
#albumShareModal #modalMoveRight,
#albumShareModal #modalMoveLeft {
  position: absolute;
  top: 15px;
}
#albumShareModal #modalMoveRight {
  right: 15px;
}
#albumShareModal #modalMoveLeft {
  left: 15px;
}
#albumShareModal table td {
  padding: 0 10px;
}
.modalNavOnHover {
  background-color: #999 !important;
}
.shareModalPreview {
  float: left;
  width: 356px;
  height: 376px;
}
#userShareModal div.shareModalPreview {
  text-align: left;
  width: 320px;
  padding: 0 15px;
}
#insertFromAlbumOption,
#miniAlbumOption,
#insertUserPreview {
  cursor: pointer;
}
#insertFromAlbumOption {
  background-image: url('/img/share/share-photos-preview.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
}
#miniAlbumOption {
  background-image: url('/img/share/minialbum-preview.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
}
#insertUserPreview {
  background-image: url('/img/share/share-user-preview.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  margin-left: 10px;
  text-align: center !important;
}
.modalCloseImg {
  float: right;
  display: block;
}
#miniAlbumPreview table {
  border-collapse: collapse;
  width: 350px;
  height: 356px;
  text-align: left;
  border: 1px solid #ddd;
}
#miniAlbumPreview table span {
  font-size: 0.85em;
}
#miniAlbumPreview table textarea {
  color: #999;
  font-size: 11px;
  height: 60px;
  overflow: hidden;
  width: 335px;
}
#miniAlbumPreview .bgColorOptions span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
#detailModal table td {
  padding: 0 10px;
  color: #999;
}
#detailModal table,
#albumInsertPhotos table {
  width: 740px;
  margin: 0 auto;
  border: 1px solid #ddd;
  text-align: left;
  border-collapse: collapse;
}
#detailModal label,
#albumInsertPhotos label,
#miniAlbumPreview .bgColorOptions span {
  cursor: pointer;
}
#albumInsertPhotos #thumbsPreviewWrapper {
  width: 710px;
  height: 202px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #aaa;
  padding: 3px;
  position: relative;
}
#albumInsertPhotos #thumbsPreview {
  position: absolute;
  top: 0px;
  left: 0px;
}
#albumInsertPhotos #totalSelected {
  display: inline-block;
  text-align: right;
}
#photoListClone a.photoThumb .selectForExportIcon,
#photoListClone a.videoThumb .selectForExportIcon {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: block;
}
#photoListClone a.videoThumb .selectForExportIcon {
  margin-top: -35px;
}
#photoListClone a.selectForExportIcon {
  z-index: 2;
}
#photoListClone .addPhoto {
  background-image: url('/img/cart/delete.gif');
  background-repeat: no-repeat;
}
#photoListClone .removePhoto {
  background-image: url('/img/cart/add.gif');
  background-repeat: no-repeat;
}
#photoListClone .addPhoto:hover,
#photoListClone .removePhoto:hover {
  background-position: 0 -16px;
}
#thumbnailPartBar {
  min-height: 20px;
  padding-left: 8px;
}
#detailPart label {
  color: #999999;
}
.resizeScale span {
  display: inline-block;
  text-align: right;
}
#sizeOptions span,
#sizeOptionsInAlbum span {
  background: #ddd;
  display: inline-block;
  height: 15px;
  border-right: 1px solid #000;
  cursor: pointer;
}
#setPhotoViewIcon {
  display: none;
  width: 40px;
  height: 40px;
  background-image: url('/img/mikro/resize-detail-icon.png?v=1');
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
}
#detailPreview {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1000;
  border: 1px solid #444;
  border-radius: 2px;
}
#detailFramePreview {
  position: absolute;
  border: 1px solid red;
  border-radius: 2px;
  background-image: url('/img/others/semi-transparent.png');
}
.svatba {
  background-image: url('/img/reklama/rajce-net-svatebni-kniha.jpg') !important;
}
.svatba:hover {
  background-image: url('/img/reklama/rajce-net-svatebni-kniha-hover.jpg') !important;
}
div.youtube a {
  text-decoration: none;
  position: relative;
  display: block;
  border: 1px solid #666;
  padding: 3px;
  margin-right: 5px;
  float: left;
}
div.youtube a img {
  border: none;
}
div.youtube a span.youtube-icon {
  position: absolute;
  left: 40%;
  top: 35%;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}
div.youtube a:hover span.youtube-icon {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
div.youtube hr {
  clear: left;
  height: 0;
  visibility: hidden;
}
div.youtube div.desc {
  float: left;
  padding-left: 15px;
  height: 90px;
  width: 350px;
  overflow: hidden;
}
div.showOnClick .content {
  display: none;
}
a.rajce-ref {
  background-image: url(/img/common/inline-icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px;
}
a.ext-ref {
  background-image: url(/img/common/ext.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 10px;
}
.avatarImage {
  border: 0;
}
.repeatedAuthor .commentAvatar {
  display: none;
}
.avatarBorder {
  border: 1px solid #ccc;
}
#albumListAvatar {
  position: absolute;
  margin-left: -85px;
  margin-top: 5px;
}
#albumListSetAvatarLink {
  position: absolute;
  top: 23px;
  text-align: center;
  display: none;
  width: 62px;
  background-color: #f5f5f5;
}
#userSettingsAvatar {
  width: 160px;
  height: 160px;
  border: 1px solid #ccc;
}
#avatarDialog p {
  margin: 0;
  padding: 0.5em 0;
}
#avatarDialog h3 {
  font-size: 140%;
  color: #666;
  margin: 5px 0pt 10px;
  text-align: center;
}
#avatarDialog h4 {
  margin: 5px 0pt 10px;
  text-align: left;
}
div.avatarOption {
  border: 1px solid #ddd;
  margin: 10px;
  padding: 10px;
  color: #666;
  -moz-box-shadow: 0 0 5px #ddd;
  -webkit-box-shadow: 0 0 5px #ddd;
  box-shadow: 0 0 5px #ddd;
}
div#avatarGalleryWrap {
  height: 100px;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
div#avatarGallery {
  height: 85px;
}
.avatarHistoryThumb {
  cursor: pointer;
  border: 2px solid #eee;
}
.imgareaselect-border1 {
  background: url(/img/userAvatar/border-v.gif) repeat-y left top;
}
.imgareaselect-border2 {
  background: url(/img/userAvatar/border-h.gif) repeat-x left top;
}
.imgareaselect-border3 {
  background: url(/img/userAvatar/border-v.gif) repeat-y right top;
}
.imgareaselect-border4 {
  background: url(/img/userAvatar/border-h.gif) repeat-x left bottom;
}
.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.imgareaselect-handle {
  background-color: #fff;
  border: solid 1px #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.imgareaselect-outer {
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#header-tabs {
  position: absolute;
  top: 113px;
  left: 256px;
  height: 32px;
  line-height: 28px;
  overflow: hidden;
  font-size: 95%;
  background: url('/img/maxi/tab-bg.gif') repeat-x;
  color: #999999;
}
#header-tabs a,
#header-tabs a.active {
  padding: 0 1.2em;
}
#header-tabs a {
  color: #cc3300;
  text-decoration: none;
}
#header-tabs a:hover {
  color: #222222;
  text-decoration: none;
}
#header-tabs a.active {
  display: inline-block;
  color: #fff;
  background: url('/img/maxi/tab-bg-active.gif') repeat-x 0 3px;
}
#header-tabs span.separator {
  display: inline-block;
  background: url('/img/maxi/tab-bg-separator.gif') no-repeat 0 7px;
  width: 1px;
}
#header-tabs- {
  background: url('/img/maxi/tab-right.gif') no-repeat 100% 0;
  padding-right: 2px;
}
#header-tabs-- {
  background: url('/img/maxi/tab-left.gif') no-repeat 0 0;
  padding: 4px 0 0 0;
  text-align: center;
}
#header-tabs-space {
  height: 22px;
}
#photoMenuRight {
  padding-top: .5em;
}
.bottomPrintSharePanel {
  position: relative;
  min-height: 153px;
}
.bottomPrintSharePanel.printsDisabled {
  min-height: 53px;
}
#detailPart .bottomPrintSharePanel {
  min-height: 40px;
}
.bottomPrintSharePanelUser {
  width: 660px;
}
.bottomPrintSharePanel .sharePanel {
  position: absolute;
  top: 0;
  right: 5px;
  text-align: right;
  line-height: 1.5em;
}
#user .bottomPrintSharePanel {
  margin-top: 30px;
}
#user .bottomPrintSharePanel .sharePanel {
  right: -20px;
}
#user .bottomPrintSharePanel .shareIcons {
  right: 4px;
  top: -4px;
}
.shareIcons {
  width: 260px;
  height: 40px;
  display: block;
  position: relative;
}
body.mini .shareIcons {
  top: -3px;
  right: 10px;
}
body.mikro .shareIcons {
  width: 100%;
  margin-top: 20px;
}
.shareIcons a {
  width: 40px;
  height: 40px;
  background-image: url('/img/common/shareIcons.png?v=3');
  margin: 1px;
  top: 25px;
}
.shareIcons a.hiddenShareIcon {
  display: none;
}
body.maxi .shareIcons a,
body.mini .shareIcons a {
  float: right;
}
body.mikro .shareIcons a {
  float: left;
}
body.mikro .shareIcons a#setAvatarFromDetailLink,
body.mikro .shareIcons a#downloadLink,
body.mikro .shareIcons a#reportPhoto {
  float: right;
}
.facebookShare {
  background-position: 0px 0px;
}
.facebookShare:hover {
  background-position: 0px -40px;
}
.twitterShare {
  background-position: -120px 0px;
}
.twitterShare:hover {
  background-position: -120px -40px;
}
#setAvatarFromDetailLink {
  background-position: -240px 0px;
}
#setAvatarFromDetailLink:hover {
  background-position: -240px -40px;
}
.shareItem {
  background-position: -160px 0px;
}
.shareItem:hover {
  background-position: -160px -40px;
}
#sharePhotoLink,
#shareAlbumLink,
#shareUserLink {
  background-position: -40px 0px;
}
#sharePhotoLink:hover,
#shareAlbumLink:hover,
#shareUserLink:hover {
  background-position: -40px -40px;
}
#reportPhoto,
#reportAlbum {
  background-position: -80px 0px;
}
#reportPhoto:hover,
#reportAlbum:hover {
  background-position: -80px -40px;
}
#downloadAlbum {
  background-position: -200px 0px;
}
#downloadAlbum:hover {
  background-position: -200px -40px;
}
#downloadLink {
  background-position: -200px 0px;
}
#downloadLink:hover {
  background-position: -200px -40px;
}
.shareLinkBox {
  display: none;
  color: #999;
  margin: 3px 0 5px 0;
  text-align: right;
  width: 350px;
  clear: both;
  position: absolute;
  background-color: white;
  border: 1px solid #e6e6e6;
  padding: 10px;
}
.shareLinkBox input {
  margin-left: .7em;
  text-align: left;
  width: 240px;
}
#photoMenuRight .shareLinkBox {
  left: 0px;
  top: 70px;
}
#userMenuRight .shareLinkBox,
#albumMenuRight .shareLinkBox {
  top: 43px;
  right: 6px;
}
#userMenuRight {
  display: none;
}
#top-banner {
  overflow: hidden;
  font-size: 75%;
  line-height: 100%;
  color: #999;
  text-align: left;
  width: 100%;
  height: 200px;
  background-color: #999;
  border: none;
  margin: 0;
  padding: 0;
  background: url('/img/others/backgrnd.png');
}
#top-banner a {
  color: #999 !important;
  text-decoration: none !important;
}
#top-banner a:hover {
  color: #000 !important;
}
#top-banner div {
  text-align: left !important;
}
#top-banner b {
  color: #555;
}
#top-banner .horizontal-align {
  width: 1300px;
  margin: auto;
}
#top-banner .horizontal-align .inner {
  width: 998px;
  height: 200px;
  margin: 0;
  padding: 0;
}
div#photoList.noChildLeftMargin a {
  margin-left: 0px !important;
}
#contextHelpLine {
  position: fixed;
  width: 200px;
  height: 20px;
  top: 0px;
  display: none;
}
#contextHelpLine #chlText {
  position: absolute;
  left: 0px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  z-index: 1;
  font-size: 12px;
}
#contextHelpLine #chlContent {
  background-image: url('/img/common/contextHelpLine.png');
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
#contextHelpLine #chlBoxEnd {
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0px;
  right: 0px;
  background-image: url('/img/common/contextHelpLine.png');
  background-position: 20px 0px;
}
div.photobookLoading {
  display: inline-block;
  width: 20px;
  background: url('/img/common/loading.gif') no-repeat;
  height: 16px;
  top: 4px;
  position: relative;
}
#fake-body {
  position: relative;
  width: 100%;
  min-width: 970px;
  min-height: 800px;
  overflow: hidden;
}
#fake-body #page-outer {
  position: relative;
  left: -6px;
}
#fake-body #page-outer {
  width: 1257px;
}
body.mikro #top-banner {
  display: none;
}
.rajceTooltip {
  position: fixed;
  width: 100px;
  z-index: 1000;
}
.rajceTooltip .ttContent {
  border: 3px solid #cacaca;
  background-color: white;
  color: #666;
  font-size: 14px;
  width: 100%;
  border-radius: 4px;
  padding: 6px 10px;
  text-align: left;
  overflow: hidden;
}
.rajceTooltip .ttContent .userName {
  color: #666666 !important;
  text-decoration: none !important;
}
.rajceTooltip .ttContent .userName:hover {
  color: #87b135 !important;
}
.rajceTooltip .ttArrow {
  border-left: solid transparent;
  border-right: solid transparent;
  border-bottom: solid #cacaca;
  position: absolute;
  height: 0px;
}
.rajceTooltip .ttArrowShadow {
  position: absolute;
}
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(img/cluetip/wait.gif);
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default .cluetip-outer,
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3.cluetip-title,
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default .cluetip-title a,
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default .cluetip-inner,
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
/***************************************
   =cluetipClass: 'rajce' 
-------------------------------------- */
.cluetip-rajce,
.cluetip-favDescMenu,
.cluetip-userMenu {
  display: block;
  z-index: 100;
  width: 275px;
  left: 285px;
  background-position: 0pt 100%;
  position: absolute;
  background-color: #eee;
  text-align: left;
  font-size: 100%;
}
.cluetip-rajce,
.cluetip-favDescMenu {
  top: 20px;
}
body.mikro .cluetip-favDescMenu {
  top: 20px;
}
body.mini .cluetip-favDescMenu {
  top: 85px;
}
.cluetip-favDescMenu {
  width: 200px;
  top: 210px;
}
#exportsMenu.clue-left-rajce {
  left: 0px;
  top: 30px;
}
body.home .cluetip-rajce {
  left: 115px;
}
body.mikro .cluetip-rajce {
  top: 30px;
  left: -50px;
}
.cluetip-rajce .cluetip-outer,
.cluetip-rajce #cluetip-outer,
.cluetip-rajce #exportsMenu-outer .cluetip-rajce #userMenu-outer {
  overflow: visible;
  height: auto;
  position: relative;
  margin: 0;
}
.cluetip-rajce h3.cluetip-title,
.cluetip-rajce h3#cluetip-title,
#favDescMenu h3,
#userMenu h3 {
  display: block;
  margin: 0px;
  padding: 0 10px;
  font-size: 100%;
  color: #999;
  text-align: center;
  cursor: pointer;
}
.cluetip-rajce .cluetip-title a,
.cluetip-rajce #cluetip-title a {
  color: #d9d9c2;
  font-size: 100%;
}
.cluetip-rajce #cluetip-inner {
  padding: 0px;
  overflow-y: auto;
  max-height: 300px;
}
.cluetip-rajce #cluetip-inner #favDesc {
  width: 130px;
}
.cluetip-rajce #cluetip-inner #favPrivate {
  width: auto;
}
.cluetip-rajce #cluetip-inner input.button {
  width: 60px;
}
.cluetip-rajce div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
.cluetip-rajce #cluetip-inner input {
  width: 100%;
}
/* 
    pozdeji pridat do mainall.css
*/
body.mikro #orderToolbar {
  display: none;
}
#orderToolbar {
  position: absolute;
  position: fixed;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  min-width: 990px;
  text-align: left;
  z-index: 9998;
  height: 125px;
}
#orderToolbar-bottomSpace {
  margin-top: .5em;
  height: 155px;
}
#orderToolbar-separator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: #aaa;
}
#orderToolbar-buttons-left {
  position: absolute;
  top: -30px;
  left: 0;
  float: left;
  height: 30px;
  padding: 3px 10px;
}
#orderToolbar-buttons-center {
  position: absolute;
  top: -37px;
  left: 50%;
  margin-left: -150px;
  height: 37px;
  line-height: 40px;
}
#orderToolbar-buttons-center div {
  display: inline-block;
  background: #aaa;
  padding: 0 1.5em;
  color: #fff;
  font-size: 170%;
}
#orderToolbar-buttons-right {
  position: absolute;
  top: -30px;
  right: 0;
  float: right;
  height: 30px;
  line-height: 30px;
}
#orderToolbar-buttons-right strong,
#orderToolbar-buttons-right a {
  display: inline-block;
  background: #aaa;
  padding: 1px 1em;
  color: #fff;
  margin-right: .5em;
}
#orderToolbar-buttons-right a {
  background: #c30;
}
#orderToolbar-buttons-right a:hover {
  background: #e40;
  text-decoration: none;
}
#orderToolbar-expanded {
  display: block;
  height: 125px;
  overflow-x: auto;
  overflow-y: hidden;
}
#orderToolbar-expanded {
  background: #e2e2e2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e2e2e2 0%, #c9c9c9 50%, #b7b7b7 51%, #d3d3d3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #c9c9c9), color-stop(51%, #b7b7b7), color-stop(100%, #d3d3d3));
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #c9c9c9 50%, #b7b7b7 51%, #d3d3d3 100%);
  background: -o-linear-gradient(top, #e2e2e2 0%, #c9c9c9 50%, #b7b7b7 51%, #d3d3d3 100%);
  background: -ms-linear-gradient(top, #e2e2e2 0%, #c9c9c9 50%, #b7b7b7 51%, #d3d3d3 100%);
  background: linear-gradient(to bottom, #e2e2e2 0%, #c9c9c9 50%, #b7b7b7 51%, #d3d3d3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#d3d3d3', GradientType=0);
}
#orderToolbar-expanded {
  padding-left: 1.5em;
  padding-right: 2em;
  color: #222;
}
#orderToolbar.collapsed {
  height: 2px;
}
#orderToolbar.collapsed #orderToolbar-expanded {
  display: none;
}
#orderToolbar-expanded {
  display: block;
}
#orderToolbarPhotoContainer {
  padding: 1.5em 0 0 0;
  clear: both;
}
#orderToolbarPhotoContainer div.photo {
  position: relative;
  float: left;
}
#orderToolbarPhotoContainer div.photo a {
  position: absolute;
  top: -2px;
  right: 2px;
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 150%;
  padding: 0 .3em;
}
#orderToolbarPhotoContainer div.photo a:hover {
  background: #c00;
  text-decoration: none;
}
#orderToolbarPhotoContainer div.photo .item {
  position: relative;
  background: #c00;
  clear: none;
  width: 70px;
  height: 70px;
  padding: 3px;
  margin-right: 4px;
  overflow: hidden;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}
#orderToolbarPhotoContainer div.storage .item {
  background: #fff;
}
#orderToolbarPhotoContainer div.photo img {
  vertical-align: middle;
}
#orderToolbarPhotoContainer div.photo span.item {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 80%;
}
#orderToolbarContainerIfEmpty {
  display: none;
  padding-top: 1.9em;
  line-height: 1.5em;
  color: #666;
  text-align: center;
}