/*
 * Pub-Me Content Management System (CMS)
 * http://www.pub-me.com/
 *
 * (c) 2005-2006 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("_common.css");
@import url("_gallery.css");
@import url("_system.css");

/* Genereal settings */
body { background:#fff; text-align:center; }

/* Containers */
#Trokavec { width:770px; margin:0 auto; }
#Wrapping { background:#fff; border-bottom:1px solid #555; margin-bottom:2px; }
#ColumnKillFloat { background:#fff; _height:1px; clear:both; }
#ContentColumn, #LeftColumn, #RightColumn { display:inline; background:#fff; }
#ContentColumn { float:left; width:420px !important; width:470px; padding:10px 25px; margin-left:176px; line-height:1.25; text-align:left; overflow:hidden; }
#LeftColumn { float:left; width:166px !important; width:176px; margin-left:-646px; padding:0 5px 10px; text-align:left; } 
#RightColumn { float:left; width:112px !important; width: 122px; padding:10px 5px; overflow:hidden; }


/* Header and footer */
#Header { position:relative; height:99px; width:770px; margin:15px 0 0; padding:0; }
#Header h1, #Header h1 a, #Header h1 span { position: absolute; display: block; top: 0; left: 0; width: 770px; height: 99px; overflow: hidden; font-size: 36px; color: #000; background: transparent url(img/header-bg.gif) left top no-repeat;  }
#Header h1 a, #Header h1 span { cursor: pointer; top: 0; left: 0; text-decoration: none; }
#Header h1.English, #Header h1.English a, #Header h1.English span { background: transparent url(img/header-en-bg.gif) left top no-repeat; }

#Footer { margin:1px 0 30px; padding:10px; background:#fff; border-top:2px solid #00cc66; font-size:0.8em; text-align:center; }
#Footer #Copyright { float:left; text-align: left; }
#Footer #Webdesign { float:right; text-align: right; }
#Footer #Webdesign a.webdesign { color:#00cc66; text-decoration:none; }
#Footer #Webdesign a.webdesign:hover { color:#000; text-decoration:underline; }


/* Main menu */
#Menu { display:block; background:#00cc66; border:1px solid #000; font-size:1.1em; font-weight:bold; text-align:left; }
#Menu ul { margin:0;  padding:0; }
#Menu li { margin:0; padding:0; float:left; width: auto; display:block; }
#Menu a, #Menu span { margin:0; padding:0 17px 1px 10px; background: #00cc66; color: #000; display:block; position: relative; text-decoration:none;  }
#Menu a:hover { color: #fff; }
#Menu a span, #Menu span span { position: absolute; display:none; }
#Menu span.Active { color: #fff; }
#Menu ul ul { position:absolute; width:150px; border: 1px solid #000; border-top:0; display:none; left:0; top:auto; }
#Menu ul li { behavior: url(/styles/hover.htc); position:relative;}
#Menu ul li:hover ul, #Menu ul li.hover ul { display:block; z-index:1000; }
#Menu ul li:hover, #Menu ul li.hover { z-index:1000; }
#Menu ul ul li { border:0; border-top:1px solid #000; width:150px;}
#Menu ul ul a { background: #00cc66; padding:2px 10px 1px 10px; width:130px !important; width:150px; }

/* Feed */
.Feed li { list-style:none; margin-left:10px; }

/* Forms */
input, select { vertical-align:bottom; }
.Archive select { width:150px; }
.StandardForm, .StandardForm th, .StandardForm td { border:0; background:none; vertical-align:top; }
input { width:200px; }
input.AntiSpamQuestion { width:75px; }
input.SubmitButton { width:auto; padding:0 10px;}
.SendLinkByEmail { margin-top:2em; }

/* Search */
.HilightSearch { background:#00cc66; color:#fff; }
#SearchFoundDocuments .Annotation { background:transparent; padding:0; }
#SearchFoundDocuments .LinkToFullArticle { display:none; }

/* LefttColumn */
#LeftColumn #SearchFormNormal input { width:162px; }
#LeftColumn #SearchFormNormal .SubmitButton { width:auto; padding:0 5px; }

#LeftColumn #SubMenu { margin: 20px 0 20px; }
#LeftColumn #SubMenu .Header { padding:2px 5px; background:#00cc66; border:1px solid #00cc66; border-bottom:0; font-weight:bold; }
#LeftColumn #SubMenu .Content { padding:2px 5px; background:#fff; border:1px solid #00cc66; font-size:0.95em; }
#LeftColumn #SubMenu p { margin:0; border-bottom:1px solid #999; }
#LeftColumn #SubMenu a.Section { color:#000; text-decoration:none; }
#LeftColumn #SubMenu a.Section:hover { background:#00cc66; color:#fff; }


/* Feed links */
#LeftColumn #RSSLinks { margin-top:3em; font-size:0.85em; }
#LeftColumn #RSSLinks .Color { display:none; }
#LeftColumn #RSSLinks p { margin:0; }

/* RightColumn */
#RightColumn  h4 { margin:10px 0 8px; }
#RightColumn #Languages { float:right; margin-bottom:45px; }
#RightColumn #Languages img { border:0; }

#RightColumn .Action { widht:100%; padding:5px 5px 10px; background:#ffffcc; border:1px solid #00cc66; text-align:center; overflow:hidden; }
#RightColumn .Action p { line-height:1.2; font-size:0.9em;  }
#RightColumn .Articles, #RightColumn .ArticlesFirst { widht:100%; margin:50px 0 40px; padding:10px 5px; background:#fff; border-top:1px solid #00cc66; text-align:left; }
#RightColumn .ArticlesFirst { margin-top:0; }
#RightColumn .Articles p, #RightColumn .ArticlesFirst p{ margin:0; line-height:1; font-size:0.9em;  }
#RightColumn .Articles h4, #RightColumn .ArticlesFirst h4 { color:#00cc66; }

#RightColumn .RecentComments { font-size:0.85em; }
#RightColumn .RecentComments ul, #RightColumn .RecentComments li { margin:0; padding:0; }
#RightColumn .RecentComments ul li { list-style:none; margin-top:0.5em; }

#RightColumn ul.ArticlePreviewList { font-size:0.85em; }
#RightColumn ul.ArticlePreviewList, #RightColumn ul.ArticlePreviewList li { margin:0; padding:0; }
#RightColumn ul.ArticlePreviewList li { list-style:none; margin-top:0.5em; }
#RightColumn ul.ArticlePreviewList .PreviewDateCreated { font-size:0.8em; }
#RightColumn .GoToArchiveLink { display:none; }

#RightColumn #TopList { margin-top:70px; }
#RightColumn #TopListEn {  }

#RightColumn .Banners { margin-bottom: 20px; }
#RightColumn .Partner { margin-bottom: 20px; font-size:0.95em; font-weight:bold; }

/* Sitemap as directory tree */
.SiteMap.Expandable {	background:white; width:100%; }
.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; }
.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; color:#cc0000; }
.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(img/directorytree/minus.gif); }
.SiteMap.Expandable li a.open.off,
.SiteMap.Expandable li a:hover.open.on { background-image:url(img/directorytree/plus.gif); }

/* Comments */
#Comments { margin-top:40px; }
#Comments .NoComment,
#Comments .ErrorMessage { text-align:center; border:1px solid #468; background:#eee; padding:15px 10px; }
#Comments .ErrorMessage { margin-top:10px; font-weight:bold; color:red; }
#Comments .CommentItem {margin-bottom:10px; border:1px solid white; background:white; }
#Comments .CommentItem.odd { border:1px solid #ccc; background:#f4f8f4; }
#Comments .CommentItem.even { }
#Comments .CommentHeader { padding:8px 5px 2px; }
#Comments .CommentFooter { padding:4px 5px 8px; font-size:0.85em; }
#Comments .CommentName { font-weight:bold; }
#Comments .CommentDate .Separator { display:none; }
#Comments .CommentText { padding:2px 5px; }
#Comments h3 { display:none; }
#Comments h5 { color:black; margin:3px 0; }
#Comments .CommentHelp { border:1px solid #468; background:#eee; padding:10px 10px; margin-top:15px; }
#Comments .CommentHelp p.FirstParagraph { margin-top:0; }
#Comments .CommentHelp p { margin-top:5px; }
#Comments .CommentsClosed { border:1px solid #468; background:#eee; padding:10px 10px; margin-top:15px; text-align:center; }

/* Decorated links */
.GoToArchiveLink { padding-left:20px; background:url(img/decoration/gotoarchive.gif) 0 50% no-repeat; }
#FavoritePrintTop { text-align:right; margin-top:50px; font-size:0.85em; }
#FavoritePrintTop a { padding-left:20px; color:#00cc66; }
#FavoritePrintTop a:hover { color:#000; }
#FavoritePrintTop span { visibility:hidden; }
#FavoritePrintTop a.TopPage { background:url(img/decoration/top.gif) 0 50% no-repeat; }
#FavoritePrintTop a.Print   { background:url(img/decoration/printer.gif) 0 50% no-repeat; }
#FavoritePrintTop a.AddToFavorite { background:url(img/decoration/addfavorites.gif) 0 50% no-repeat; }

/* Polls */
h3.PollHeader {}
.Poll { border:1px solid #888; background:#eee; padding:5px; margin:10px 0 10px; width:auto !important; width:100%;}
.Poll h5 { margin:0 0 5px; padding;0; color:black; }
.PollError { font-weight:bold; text-align:center; }
.Poll ul, .Poll li { list-style:none; margin:0; padding:0; }
.Poll li { margin-bottom: 8px; }
.PollOptionItem span { display:block; }
.PollBarContainer, .PollBar { height:16px; display:block; float:left; }
.PollBarContainer { width:100%; overflow-y:hidden; }
.PollBar { position:relative; }
.Poll a { color:black; text-decoration:underline; } 
.Poll a:hover { color:#c00; } 

/* Colors of poll bars - you can use images instead */
.PollBar { background:url(img/poll/pollbar1.gif) repeat-x top left #48c; } .PollBarContainer { background:url(img/poll/bg_pollbar.gif) repeat-x top left #ccc; }
.PollColor1 .PollBar { background:url(img/poll/pollbar1.gif) repeat-x top left #48c; } .PollBarContainer.PollColor1 {  } 

/* Article content and preview formatting */
.DocumentPath { background:#fff; margin-bottom:6px; font-size:0.85em; }
#ArticleContainer { padding:5px 0 0; }
.PreviewFooter { margin-top:4px; font-size:0.85em; }
.PreviewArticle { margin-bottom:8px; }
.PreviewArticleBox .Annotation { font-style:normal; }
.Annotation { margin-bottom:4px; font-style:italic; }
.PreviewArticleBox .Annotation { font-style:normal; }
.ArticleDateAuthor { margin:15px 0 30px; font-size:0.85em; text-align:center; color:#00cc66;}
.LinkToFullArticle { text-align:right; font-size:0.85em; }
ul.ArticlePreviewList { margin-top:2.5em;}
.GoToArchiveLink { margin-top: 2.5em; }

.PreviewAnnotation h3.ArticleHeader a { color:#000; }
.PreviewAnnotation h3.ArticleHeader a:hover { color:#cc0000; }
.Design { text-align:right; color:#888; font-size:0.85em; }

.FilesForDownload h3 { display:none; }
.PreviewFooter .PreviewPermanentLink { display:none; }

ul.ArchiveList .DateCreated { font-size:0.85em; }
.ArchiveListing { margin-top:3em; }

.Thank { background:rgb(204,255,204); border:2px solid #00cc66; padding:0 20px 20px 20px; }


