/*
 * Pub-Me Content Management System (CMS)
 * http://www.pub-me.com/
 *
 * (c) 2005-2008 Malenek webdesign - http://www.malenek.cz
 *
 * This program or any of its parts may not be used, redistributed, and/or 
 * modified without an explicit permission of the author and/or 
 * the copyrights owner.
 *
 * Definition of styles used by the web
 *
 */

@import url("__css.php?file=_generic.tcss");
@import url("__css.php?file=_common.tcss");
@import url("__css.php?file=_gallery.tcss");
@import url("__css.php?file=_system.tcss");

/* Genereal settings */
body { background:white url(img/bg_body.gif) top center no-repeat; padding-top:0; text-align:center; }

/* Containers */
#HeaderContainer { background:transparent; }
#Header { width:960px !important; width:960px; height:199px !important; height:199px; margin:0 auto; text-align:left; background:#888 url(img/bg_header.jpg) left top no-repeat; padding:0 0 0 0; font-size:1em; position:relative; overflow:hidden; text-align:left; }
#ContentContainer {  } /* Padding is a part of column definitions */
#Content { width:960px; margin:0 auto; background:white url(img/bg_containerall.gif) top center repeat-y; overflow:hidden; text-align:left; }
#ContentIn { background:url(img/bg_containeralltop.gif) top left no-repeat; }
#SideColumn { width:220px !important; width:266px; float:right; padding:70px 5px 0 41px; overflow:hidden; text-align:justify; }
#MainColumn { width:648px !important; width:694px; float:left; padding:70px 41px 0 5px; overflow:hidden; text-align:left; position:relative; }
#FooterContainer { background:#034C96 url(img/bg_footer-out.gif) left top repeat-x; padding-bottom:0; }
#Footer { width:740px !important; width:960px; margin:0 auto; text-align:left; background:#034C96 url(img/bg_footer.gif) left top no-repeat; padding:66px 200px 100px 20px; font-size:0.9em; }

#ArticleContainer { text-align:justify; position:relative; }
#ArticleContainer h1,
#ArticleContainer h2,
#ArticleContainer h3,
#ArticleContainer h4,
#ArticleContainer h5,
#ArticleContainer h6 { text-align:left; }
#ArticleContainer .left    { text-align:left; }
#ArticleContainer .right   { text-align:right; }
#ArticleContainer .center  { text-align:center; }
#ArticleContainer .justify { text-align:justify; }
#ArticleContainer .BigMarginTop { margin-top:2em; }
#ArticleContainer h2 { margin-right:100px; }
#ArticleContainer h2.o-mne { color:#0E67C3; }
#ArticleContainer h2 span { color:#74A203; }
#ArticleContainer .Video { margin:20px 0px 45px; text-align:center;}

/* Logos and other stuff in header */

#Header #Logo,
#Header #Logo a,
#Header #Logo span { display:block; width:280px; height:120px; margin:0; padding:0; position:absolute; top:0; left:0; text-decoration:none; overflow:hidden; }
#Header #Logo a:hover { text-decoration:underline; }
#Header #Logo span { background:transparent url(img/bg_header.jpg) -20px -16px no-repeat; } 
#Header #Logo { left:20px; top:16px; font-size:3em;  ; line-height:1.2; font-weight:normal; font-family:"Arial Black", Arial, sans-serif;; }

#Header #Motto,
#Header #Motto span { display:block; width:400px; height:40px; line-height:40px; margin:0; padding:0; position:absolute; top:0; left:0; text-decoration:none; overflow:hidden; color:white; font-size:1.4em; }
#Header #Motto { left:120px; top:160px; }
#Header #Motto span { background:url(img/bg_header.gif) -120px -160px no-repeat; } 

#Header #SearchFormNormal { position:absolute; width:310px; top:57px; left:661px; text-align:left; font-size:13px; }
#Header #SearchFormNormal h3 { display:none; }
#Header #SearchFormNormal input { width:139px; padding:1px 2px; border:none; background:white url(img/search-input.gif) 0 -1px repeat-x; vertical-align:top; margin-top:1px; }
#Header #SearchFormNormal .SubmitButton { width:auto; padding:0; margin-left:46px; width:70px; color:white; font-size:14px; font-weight:bold; background:#74AC00 url(img/search-button.gif) top left repeat-x; cursor:pointer; margin-top:0; }
#Header #SearchFormNormal .SubmitButton:hover { color:yellow; }

#Footer a { color:#444; text-decoration:underline; }
#Footer a:hover { text-decoration:none; }


/* Main menu */

#TopMenu { position:absolute; left:596px; top:110px; width:380px; font-size:13px; }
#TopMenu,
#TopMenu ul,
#TopMenu li { list-style:none; margin:0; padding:0; }
#TopMenu ul { position:relative; z-index:20; height:31px; }
#TopMenu li { float:left; margin-right:1px; }
#TopMenu li,
#TopMenu a,
#TopMenu span { display:block; height:31px; overflow:hidden; line-height:31px; text-align:center; color:white; font-weight:bold; text-decoration:none; z-index:20; }
#TopMenu a,
#TopMenu span { background:url(img/bg_menu.gif) bottom left no-repeat; width:76px; }
#TopMenu a.na-web,
#TopMenu span.na-web { width:110px; background-image:url(img/bg_menu110.gif); }
#TopMenu a:hover,
#TopMenu span.Active { background-position:top left; }
#TopMenu a:hover { color:yellow; }
#TopMenu a span,
#TopMenu span span { display:none; }
#TopMenu ul li.back { background:url(img/bg_menu.gif) no-repeat top right; height:31px; z-index:8; position:absolute; }
#TopMenu ul li.back .left{ background:url(img/bg_menul.gif) no-repeat top left; height:31px; margin-right:0px; }
#TopMenu ul li a, #TopMenu ul li a:hover, #TopMenu ul li a:visited, #TopMenu ul li a:active { outline:none; position:relative; }
.current { line-height:31px; height:31px; font-weight:bold; z-index:1000; position:relative; }
#TopMenu li.rubriky { display:none; }

#Menu li.Home,
#SideColumn h4 { font-family:"Arial Narrow", Arial, sans-serif; font-weight:bold; font-size:19px; background:none; line-height:1.1em; margin:12px 0; background:none; color:black; }
#Menu li.Home a,
#SideColumn h4 a,
#Menu li.Home span { color:black; background:none; display:inline; padding:0; }
#Menu li.Home a:hover,
#SideColumn h4 a:hover { text-decoration:underline; background:none; }
#Menu, 
#Menu li,
#Menu ul,
.right-list,
.right-list li,
.right-list ul { margin:0; padding:0; list-style:none; }
#Menu li,
.right-list li { font-size:14px; padding-bottom:2px; }
#Menu li a,
#Menu li span,
.right-list a { text-decoration:none; background:#79A903 url(img/menu-right.gif) top left; display:block; color:white; line-height:25px; padding:0 25px 0 15px; }
#Menu li a:hover,
.right-list a:hover { color:black; background-position:top right; background-color:#F8C925; }
#Menu li span { color:black; }
#Menu li a span,
#Menu li span span { display:none; }
#SideColumn p { letter-spacing:1px; margin-bottom:10px; line-height:1.4; }
#SideColumn .right-list h4 { margin-top:25px; }
#SideColumn .right-list h4.TitleText { margin-top:35px; }
#SideColumn #culibrk { margin-top:30px; }

/* Forms */
input, select { vertical-align:middle; }
.Archive select { width:150px; }
.StandardForm, .StandardForm th, .StandardForm td { border:0; background:none; vertical-align:top; }
input, .AddCommentForm select { width:200px; }
input.fileinput { width:250px; }
input.AntiSpamQuestion { width:75px; }
input.SubmitButton, .LogInForm input.SubmitButton { width:auto; padding:0 10px;}
.LogInForm input {width:100%;}
.DisplayedArticles input { margin: 5px 0 0 350px; } 

/* Feed */
.Feed li { list-style:none; margin-left:10px; }

/* Sitemap as directory tree */
.SiteMap.Expandable {	background:white; width:200px; }
.SiteMap.Expandable ul.off { display:none; }
.SiteMap.Expandable ul.on {	display:block; }
.SiteMap.Expandable ul { margin:0; padding:0; width:100%; position:relative; }
.SiteMap.Expandable ul li {	margin:0;	padding:0; list-style:none; position:relative; line-height:14px; font-size:12px; }
.SiteMap.Expandable ul li li { margin-left:13px; }
.SiteMap.Expandable ul li a { display:block; text-decoration:none; color:black; background-position:15px 1px; background-repeat:no-repeat; }
.SiteMap.Expandable ul li a.HasSub,
.SiteMap.Expandable ul li a.NoSub,
.SiteMap.Expandable ul li span.HasSub,
.SiteMap.Expandable ul li span.NoSub { display:block; height:auto !important; height:19px; min-height:16px; padding:3px 0 0 15px; }
.SiteMap.Expandable ul li span { font-weight:bold; }
.SiteMap.Expandable ul li a:hover { text-decoration:underline; background-color:#e0f0ff; }
.SiteMap.Expandable li a.open { width:13px; height:19px !important; min-height:1px; padding:0; margin:0; position:absolute; top:0px; left:0px; overflow:hidden; text-indent:-2000px; background: white 2px 6px no-repeat; }
.SiteMap.Expandable li a:hover.open { background-color:white; }
.SiteMap.Expandable li a.open.on,
.SiteMap.Expandable li a:hover.open.off { background-image:url(imgdefault/directorytree/minus.gif); }
.SiteMap.Expandable li a.open.off,
.SiteMap.Expandable li a:hover.open.on { background-image:url(imgdefault/directorytree/plus.gif); }


/* Decorated links */
.GoToArchiveLink a { padding-left:20px; background:url(imgdefault/decoration/gotoarchive.gif) 0 50% no-repeat; font-size:1.1em;  font-weight:bold; }
#FavoritePrintTop { text-align:right; margin:10px 0 0; }
#FavoritePrintTop a { padding-left:20px; }
#FavoritePrintTop span.Separator { visibility:hidden; }
#FavoritePrintTop a.TopPage { background:url(imgdefault/decoration/top.gif) 0 50% no-repeat; }
#FavoritePrintTop a.Print   { background:url(imgdefault/decoration/printer.gif) 0 50% no-repeat; }
#FavoritePrintTop a.AddToFavorite { background:url(imgdefault/decoration/addfavorites.gif) 0 50% no-repeat; }
p.ArchiveListing { margin-top:40px; font-size:1.1em; font-weight:bold; }

/* Sidecolumn box */
#SideColumn .Box {  }

/* Article content and preview formatting */
.DocumentPath { background:#eee; padding:2px 5px 2px 5px; margin:0 0 10px; }

#ArticleContainer { padding:0; }
#ArticleContainer .TextHidden { display: none; }
#ArticleContainer .TextHiddenLink { cursor: pointer; text-decoration: underline; }

/* Annotation */
#ArticleContainer .Annotation { background:#eee; padding:6px 8px; margin:0 0 10px; font-size:1.1em; line-height:1.7;}
#ArticleContainer .Annotation p { margin:0; padding:0; }

/* Reset Annotations */
#ArticleContainer .PreviewAnnotation .Annotation,
#ArticleContainer #SearchFoundDocuments .Annotation { background:transparent; margin:0 0 10px 0; padding:0; font-size:1em; }
#ArticleContainer #SearchFoundDocuments .PreviewAnnotation { margin:0; padding-bottom:40px; }
#ArticleContainer #SearchFoundDocuments { padding-top:20px; }

/* Search */
.HilightSearch { color:black;  background:#F8C925; border:1px solid #444; }
#ArticleContainer #SearchFoundDocuments .LinkToFullArticle { display:none; }

/* Article and Preview formatting */

h3.ArticleHeader { margin-top:0; }
.PreviewFooter { margin:4px 0 0; }
.ArticleDateAuthor { margin:4px; }
.LinkToFullArticle { font-weight:bold; }
.PreviewAnnotation,  /* You can set some special formatting such as borders, padding etc. */
.PreviewArticle { margin:30px -7px 10px; padding:0 25px 0; background:url(img/bg_preview.gif) left bottom no-repeat; position:relative; }
.PreviewAnnotation .PreviewText, 
.PreviewArticle  .PreviewText { }
.PreviewAnnotation .PreviewFooter, 
.PreviewArticle  .PreviewFooter { border-bottom:1px solid #dfdfdf; margin:0 -18px; padding:0 0 50px; }
.PreviewDateContainer { width:100px; height:82px; float:left; } 
.PreviewAnnotation h3 a:hover, 
.PreviewArticle h3 a:hover { text-decoration:none; border-bottom:1px dotted black; }
.PreviewDate { width:82px; height:82px; background:#ccc url(img/bg_calendar.gif) top left no-repeat; position:absolute; top:0; left:25px; _left:-100px; }
.InArticleInfo .PreviewDate { left:0; _left:-100px; }
.PreviewDate .Separator { display:none; }
.PreviewDate .DateInfoDay   { color:black; font-size:35px; font-weight:bold; display:block; width:72px; height:40px; line-height:40px; position:absolute; left:5px; top:25px; text-align:center; overflow:hidden; letter-spacing:-1px; }
.PreviewDate .DateInfoMonth { color:white; font-size:10px; font-weight:bold; display:block; width:72px; height:15px; line-height:15px; position:absolute; left:5px; top:6px;  text-align:center; overflow:hidden; }
#ArticleContainer p.PreviewInfo { margin:0 0 35px 100px; }
.PreviewTopic a { font-weight:bold; }
.PreviewAuthor { margin-left:10px; }
.PreviewFooter .PreviewComments { display:block; width:76px; height:54px; background:url(img/comment_bubble.gif) top left no-repeat; position:absolute; right:15px; bottom:25px; overflow:hidden; text-align:center; line-height:40px; }
.PreviewFooter .PreviewComments .Label { display:none; }
.PreviewFooter .PreviewComments a { color:black; font-size:22px; font-weight:bold; letter-spacing:-1px; text-decoration:none; }
.PreviewFooter .PreviewComments a:hover { text-decoration:underline; } 
 
#RSSLinkContainer { position:absolute; top:5px; right:20px; }
#RSSLinkContainer,
#RSSLinkContainer a,
#RSSLinkContainer span { display:block; width:124px; height:75px; line-height:75px; text-align:center; }
#RSSLinkContainer a { position:relative; }
#RSSLinkContainer span { position:absolute; top:0; left:0; background:url(img/bg_containeralltop.gif) -550px -5px no-repeat; }

h3.CommentHeader { line-height:43px; padding-left:60px; background:url(img/comment-h3.gif) 0 0 no-repeat; font-family:"Arial Narrow", Arial, sans-serif; font-size:2em; font-weight:bold; margin:20px 0 30px; }
h3.NewCommentHeader { background:url(img/comment-new.gif) 0 0 no-repeat; font-family:"Arial Narrow", Arial, sans-serif; font-size:2em; font-weight:normal; line-height:50px; padding:0 0 0 70px; color:#EEA821; margin-top:50px; }
.AddNewComments input { }
.AddNewComments input#AddCommentSubmit { margin:30px 0 0 130px; width:250px; height:30px; line-height:30px; background:url(img/comment-submit.gif) top left no-repeat; font-family:Tahoma, sans-serif; font-weight:bold; font-size:1.1em; padding:0px; color:white; border:none; }
.AddNewComments input#AddCommentSubmit:hover { background-position:bottom left; cursor:pointer; color:black; }
.AddNewComments form { background:url(img/comment-newico.gif) 526px 0px no-repeat; width:645px; }
.AddNewComments label { display:block; float:left; width:110px; margin-left:22px; line-height:30px; font-size:1em; color:#0E67C3; font-weight:bold; }
.AddNewComments .hidelabel { display:none; }
.AddNewComments p { margin:0 0 4px; }
.AddNewComments .inputframe { display:block; width:350px; height:30px; overflow:hidden; background:#dfdfdf url(img/comment-input.gif) top left no-repeat; }
.AddNewComments .inputframe input { margin:5px 0 0 5px; width:330px; background:white; border:1px solid white; padding:1px; }
.AddNewComments .textareaframe { display:block; width:640px; height:150px; overflow:hidden; background:#dfdfdf url(img/comment-textarea.gif) top left no-repeat; margin:10px 0 4px; }
.AddNewComments .textareaframe textarea { margin:9px 0 0 10px; width:620px; height:130px; background:white; border:1px solid white; padding:1px; }
.AddNewComments #AntiSpamProtection { margin-top: 20px; }
.AddNewComments #AntiSpamProtection label { width:190px; }
.AddNewComments #AntiSpamProtection .AntiSpamQuestionText { display:block; margin-top:-11px; margin-bottom:3px; }

#Comments .CommentItem .CommentHeader { background:url(img/comment-headico.gif) 20px 0 no-repeat; padding:0 0 10px 45px; }
#Comments h5 { margin-top:0; padding-top:0; }
#Comments .CommentText { background:#dfdfdf url(img/comment-text.gif) left top repeat-y; padding:0; }
#Comments .CommentTextTop { background:url(img/comment-text-top.gif) left top no-repeat; padding:30px 23px 0;}
#Comments .CommentFooter { background:#dfdfdf url(img/comment-text-bottom.gif) left bottom no-repeat; padding:0; padding:10px 23px 20px; margin-bottom:25px; }

.Archive h3 { color:#74A203};