html body {font-family: Helvetica, Arial; color: #104000; padding: 0px; margin: 0px; text-align: left; font-size: 11pt; }
input, select, textarea { font-family: Helvetica, Arial; border: 1px dotted #408020; background-color: #f8fff0; font-size: 11pt; }
div, td { font-size: 11pt; text-align: left; line-height: 1.6; }
.ic {display: none;}
table { border-spacing: 0px; }
a { text-decoration: none; border-bottom: 1px dotted #40c040; font-size: 11pt; color: #208000; }
a:visied { color: #208000; } 
a:hover { #c00000; } 
.MobileTopSpace { display: none; height: 50px; }
.MainDiv { background-Color: #206000; text-align: center; }
.CentralDIV { background-image: url(/pict/paper.gif); display: block; max-width: 940px; }
.LeftColumnNice { background-Color: #206000; vertical-align: top; text-align: right; width: 2%; }
.RightColumnNice { background-Color: #206000; vertical-align: top; text-align: left; width: 2%; }
.ForumsVerticalLinksLeft a { display: block; width: 110px; padding: 7px; background-Color: #408000; color: #d0ffa0; text-align: left; font-weight: bold; }
.ForumsVerticalLinksLeft a:hover { background-Color: #80c040; }
.ForumsVerticalLinksRight a { display: block; width: 110px; padding: 7px; background-Color: #408000; color: #d0ffa0; text-align: left; font-weight: bold; }
.ForumsVerticalLinksEight a:hover { background-Color: #80c040; }
.AjaxCounter { display: none; }
.SameTopic { border: 1px solid #a0e060;  border-radius: 4px; background-Color: #ffffff; padding: 15px; margin-top: 10px; margin-bottom: 10px; font-size: 12pt; line-height: 1.6; }
.SameTopic a { font-size: 16px; margin-bottom: 10px; }
.SameTopic div { font-size: 12pt; margin-top: 10px; }
.OtherTopicShow { display: none; }
.ForumAnswerMenu { text-align: center; z-index: 10000001;  }
.ForumAnswerMenu a { cursor: pointer; background-Color: #408000; color: #ffffff; display: inline-block; padding: 5px; margin-top: 10px; border: 1px solid #408000; margin-right: 7px; border-radius: 4px; }
.ForumMessageFormTopRow { display: none; text-align: left; width: 100%; }
.HeaderRightButton { display: block; float: right; width: 110px; }
.UserHistory { margin-left: 10px; }
.UserHistory table { table-layout: fixed;width: 100%;word-wrap: break-word; }

.IndexCell { background-Color: #f0ffe0; display: inline-block; width: 100%; max-width: 280px; vertical-align: top; overflow: hidden; text-align: left; padding-left: 10px; }
.IndexCell2 { display: inline-block; width: 100%; max-width: 610px; vertical-align: top; overflow: hidden; text-align: left; }
.WhatYouThink { font-weight: bold; font-size: 14pt; color: #490; padding-left: 10px; }
.ThreadComments { font-weight: bold; font-size: 14pt; color: #490; }

.PhotoAddForm { margin-bottom: 10px; margin-top: 10px; border: 1px solid #a0e060;  border-radius: 4px; background-Color: #f0ffe0; padding: 10px; }
.PhotoAddForm input { margin-right: 10px; }
.ForumCardDIV { padding-bottom: 10px;  overflow: hidden; vertical-align: top; display: inline-block; width: 285px; height: 370px; margin-bottom: 10px; margin-right: 10px; border: 1px solid #a0e060;  border-radius: 4px; background-Color: #ffffff; }
.CommentDIV { overflow: hidden; vertical-align: top; margin-bottom: 20px; margin-right: 10px; border: 1px solid #a0e060;  border-radius: 4px; background-Color: #ffffff; }
.MoreIndexStream { margin-right: 10px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; border: 1px solid #408000; border-radius: 4px; padding: 5px; text-align: center; font-weight: bold; color: #000000; background-Color: #c0e080; padding: 10px; }
.MoreIndexStream2 { display: none; margin: 10px; cursor: pointer; border: 1px solid #408000; border-radius: 4px; padding: 5px; text-align: center; font-weight: bold; color: #000000; background-Color: #c0e080; padding: 10px; }
.NextPage { background-Color: #ffffff; text-transform: uppercase; text-align: center; color: #000000; margin-bottom: 10px; margin-right: 10px; border: 1px solid #a0e060;  border-radius: 4px; background-Color: #f0ffe0; padding: 10px; font-weight: bold; display: block; }

.AdverSlides { height: 80px; overflow:hidden; position:relative; margin-bottom: 20px; }
.AdverSlides ul { list-style:none; position:relative; padding-left: 0px; padding-top: 0px; margin-top: 0px; width: 100%; }
.AdverSlides li { width: 100%; }

/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {  0% { opacity:0; top: 0px; } 6% { opacity:1; left: 0px;  } 24% { opacity:1; } 30% { opacity:0; } 99% { top: 0px; } 100% { opacity:0; top: 80px; } }
@-moz-keyframes anim_slides {  0% { opacity:0; top: 0px; } 6% { opacity:1; left: 0px;  } 24% { opacity:1; } 30% { opacity:0; } 99% { top: 0px; } 100% { opacity:0; top: 80px; } }

.TopTopicsDIV { text-align: left; padding: 10px;  }
.LastTopicDIV { display: inline-block; width: 33%; text-align: left; margin-bottom: 10px; }
.LastTopicCaption { font-size: 20px; font-weight: bold; text-decoration: none; }
.LastTopicDescDIV { margin-top: 10px; font-size: 11pt; cursor: pointer; }
.LastTopicBulletsDIV { display: inline-block; max-height: 300px; overflow: hidden; width: 66%; }
.LastTopicBulletsDIV a { font-size: 11pt; }
.LastTopicBulletsDIV  li { margin: 8px; }
.LookLastMessages { display: inline-block; font-size: 11pt; margin-top: 10px; }

.TriplePhotoDIV { display: flex; justify-content: center;}
.TriplePhotoDIV a { display: inline-block; border: 1px solid #408000; height: 60px; width: 33%; border-radius: 3px; margin: 3px;   }

.VideoStream { padding: 5px; background-color:#8C5; text-align:center; background-image: url(/pict/grass.png); }
.VideoStreamHeader { padding: 5px; background-color:#206000; text-align: center; }
.VideoStreamHeader a { color: #ffffff; font-weight: bold; margin-right: 5px; margin-left: 10px; font-size: 16px; }
.VideoStreamDesc { color: #ffffff; background: rgba(55, 55, 55, 0.5); width: 45px; padding-left: 5px; font-size: 11px; margin-top: 25px; }
.PhotoStreamLine { display: flex; height: 81px; padding: 10px; background-color: #f0ffe0; overflow: hidden; }
.PhotoStreamImgs { display: inline-block; border: 1px solid #408000; height: 70px; width: 70px; border-radius: 3px; margin: 5px; margin-bottom: 10px; text-align: right;   }
.VideoStreamImgs { display: inline-block; border: 1px solid #408000; border-color: #c0ff80; height: 100px; width: 145px; border-radius: 3px; margin: 5px; margin-bottom: 10px; text-align: right;   }
.VideoStreamAddition { display: inline-block; }
.PhotoStreamLineTitle { width: 150px; display: inline-block; height: 20px; color: #80a060; font-size: 30px; font-weight: bold; margin-right: 20px;margin-left: 10px; text-align: left; line-height: 0.9em; text-decoration: none; border-bottom: none; }
.PhotoStreamLineMore { display: none; height: 20px; color: #ff0000; font-size: 40px; font-weight: bold; margin-right: 20px;margin-left: 10px; margin-top: 10px; text-align: left; line-height: 0.9em; text-decoration: none; border-bottom: none; }
.PhotoStreamLineCaps { display: inline-block; height: 11pt; text-align: right; vertical-align: top; color: #ffffff; font-size: 10px; background-color: #408000; }
.PhotoStreamLineDown { display: inline-block; text-align: left; margin-top: 47px; vertical-align: top; color: #ffffff; }
.PhotoStreamLineVals { display: inline-block; text-align: left; margin-top: 47px; vertical-align: top; color: #ffffff; font-size: 10px; background-color: #e08000; padding-left: 5px; padding-right: 5px; }
.VideoStreamLineVals { display: inline-block; text-align: left; margin-top: 0px; vertical-align: top; color: #ffffff; font-size: 10px; background-color: #e08000; }
.PhotoStreamLineValsRed { display: inline-block; text-align: left; margin-top: 47px; vertical-align: top; color: #ffffff; font-size: 10px; background-color: #ff0000; padding-left: 5px; padding-right: 5px;  }
.SellButton { background-color: #90c020; color: #ffffff; font-size: 20px; font-weight: bold; width: 120px; border-radius: 4px; height: 30px; display: inline-block; padding-left: 8px; margin-left: 20px; margin-top: 10px; }

.PostFromHomePage { background-color: #408000; color: #ffffff; font-weight: bold; border-radius: 5px; padding: 10px; display: inline-block; width: 23%; text-align:center; }

.AdvertiseDIV { max-height: 80px; background-color: #363; border-bottom: 1px solid #a0e060; } 
.AdvertiseTable { max-height: 80px; background-color: #363; } 
.AdvertiseImage { min-width: 100px; width: 30%; vertical-align: top; }
.AdvertiseBody { text-align: left; vertical-align: top; padding: 10px; height: 70px; overflow:hidden; cursor: pointer; }
.AdvertiseBody a { display: block; color: #ffffff; font-weight: bold; }
.AdvertiseBody p { color: #c0f080; margin-bottom: 10px; overflow: hidden; height: 60px; margin-top: 0px; }
.GreenAnswer { position: absolute; top: 60px; background-Color: #c0f080; border-radius: 4px; width: 100%; padding-left: 5px; height: 16px; overflow: hidden; }
.HomePageSearch { margin-top: 10px; padding: 10px; background-Color: #f8fff0; border: 1px solid #80c040; border-radius: 4px; }
.HomePageSearch input { font-size: 12pt; background-color: #ffffff; } 
.HomePageSearchButton {font-size: 10pt; background-color: #40c080; height: 22px; } 
.MessagePostDate { color: #808080; font-weight: normal; }
.StreamDIV { margin-bottom: 10px; margin-right: 10px; border: 1px solid #a0e060;  border-radius: 4px; background-Color: #ffffff; }
.StreamPub { padding: 10px; background-Color: #fffff0; border-bottom: 1px solid #a0e060; }
.StreamCaption { cursor: pointer; margin-bottom: 10px; font-weight: bold; color: #40a020; height: 65px; overflow: hidden; line-height: 1.6; font-size: 12pt; }
.StreamBody { overflow: hidden; cursor: pointer; padding: 10px; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;}
.StreamBody a { text-decoration: none; border-bottom: none; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;}
.StreamPrefix { border-bottom: 1px solid #a0e060; padding: 10px; background-color: #a0f060; }
.NewSpan { padding: 3px; background-Color: #FC3; border-radius: 3px; }
.LikeSpan { padding: 3px; background-Color: #F00; color: #ffffff; border-radius: 3px; margin-right: 5px; }
.ModifiedSpan { padding: 3px; background-Color: #e0e0e0; border-radius: 3px; }
.StreamPrefix a { font-weight: bold; }
.StreamPubBody { cursor: pointer; line-height: 1.6; font-size: 11pt; }
.StreamOtherMessages { padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-Color: #c0e080; }
.StreamOtherMessages a { color: #000000; text-decoration: none; border-bottom: none; }
.TriplePhotoTable { width: 100%; border: none; margin-bottom: 10px; }
.TriplePhotoTable td { width: 30%; }
.Photo33 { width: 75px; height: 75px; border: 1px; border: 1px solid #80c020; border-radius: 3px; cursor: pointer; }
.Photo80 { width: 100%; height: 80px; border: 1px; border: 1px solid #80c020; border-radius: 3px; cursor: pointer; margin-bottom: 10px;}
.Photo80_2 { width: 95%; height: 80px; border: 1px; border: 1px solid #80c020; border-radius: 3px; cursor: pointer; margin-bottom: 10px;}
.Photo100 { width: 100%; height: 120px; border: 1px; border: 1px solid #80c020; border-radius: 3px; cursor: pointer; margin-bottom: 10px;}
.Photo100x75 { width: 100%; height: 75px; border: 1px; border: 1px solid #80c020; border-radius: 3px; cursor: pointer; margin-bottom: 10px;}

.GlobalSearchText { width: 100px; color:#b0d0b0; background: none; border: 1px solid #b0d0b0; }
.GlobalSearchButton { width: 60px; color:#004000; border: none; background-Color: #b0d0b0; cursor: pointer}
.GlobalMenuItem { background-Color: #408000; }
.GlobalMenuItem a { display: block; text-decoration: none; text-align: left; font-size: 11pt; background-color: #408000; color: #b0d0b0; padding: 5px; border-bottom: 1px solid #80a040; height: 16px; vertical-align: middle; } 
.HomepageComment { padding: 5px; }
.GlobalMenuItem a:hover { background-Color: #60c000; color: #80ff80; border: 1px solid #80a040; } 
.logo { background-image:url(/pict/whiteheader.jpg); height: 73px; text-align: left; }
.headbans { position: absolute; top: 0; right: 0; }
.logo a { display: inline-block; height: 73px; margin: 0px; width: 170px; }
.headban1, .headban2 { display: inline-block; }
.SearchForm { display: none; margin-bottom: 0px; position: absolute; right: 0; top: 154; padding: 5px; background-Color: #ffffff; border: 1px solid #0f4a0f; }
.TopicCap { background-Color: #0f4a0f; display: none; min-width: 320px; left: 0; top: 0; position: fixed; margin: 0px; padding: 0px; border: none; }
.TopicCap td { margin: 0px; padding: 0px; border: none; }
.TopicCap a { color: #ffffff; font-family: Helvetica, Arial;text-decoration: none; display: block;  padding: 10px 15px 10px 15px; font-weight: bold; font-size: 16px; margin: 0px; border-width: 0 1px 0 1px;  border-right-color: #000000; border-left-color: #427e30; border-style: solid;}
.TopicCap a:hover { background-Color: #4f822f; }
.PageMenu { background-Color: #0f4a0f; background-Color: #3f7a1f; border-bottom: 3px solid #ffffff; border-top: 3px solid #ffffff; }
.PageMenu a { font-family: Helvetica, Arial;text-decoration: none; display: inline-block; padding: 10px 15px 10px 15px; color: #ffffff; font-weight: bold; font-size: 16px; margin: 0px; border-width: 0 1px 0 1px;  border-right-color: #000000; border-left-color: #427e30; border-style: solid; }
.PageMenu a:hover { background-Color: #6fb24f; }
.logindiv a { display: block; text-align:center; text-decoration: none; margin: 20px; color: #ffffff; font-size: 20px; cursor: pointer; padding: 20px; border: 1px solid #206000}
.logincolumn { max-width: 400px; margin-bottom: 10px; display: inline-block; vertical-align: top; }
.footer { position: fixed; left: 0; bottom: 0; background: #0f4a0f; color: #ffffff; width: 100%; display: none; font-size: 10px; padding: 0px;}
.footer a { text-decoration: none; border: none; padding-top: 10px; padding-bottom: 5px; padding-left: 11pt; padding-right: 11pt; display: inline-block; margin: 0px; }
.PageCell { display: inline-block; width: 100%; max-width: 290px; vertical-align: top; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; overflow: hidden; max-height: 500px; text-align: left; }
.PageCellCrop { display: inline-block; width: 100%; vertical-align: top; margin: 5px; overflow:hidden; }
.PhotoVideoSort { margin-top: 10px; }
.PhotoVideoSort select { width: 150px; margin-right: 10px; }
.MyProfileImage { padding: 5px; }
.MyProfileImage img { border: none; }
.MyProfileImage a { margin-left: 5px; margin-right: 5px; width: 20px; height: 20px; border: none; }
.PageForumLink { font-size: 11pt; text-decoration: none; color: #408000; }
.PageCropCell { width: 100%; margin: 0px; overflow: hidden; }
.PageCropCell2 { width: 290px; margin: 0px; overflow: hidden; }
.HeaderUserName { color: #b0d0b0; }
.TopForumCell { width: 100%; }
.TopForumCell table { border-spacing: 0px; }
.ForumTable { border: none;  width: 100%; } 
.ForumTable td { border-top: 1px dotted #c0f080; padding: 7px; } 
.ForumTable a { color: #408000; font-size: 11pt; } 
.answerdate { font-size: 10px; color: #608060; margin-top: 5px; }
.people { text-align:right; color: #608060; } 
.viewed { text-align:right; color: #608060; } 
.answered { text-align:right; color: #608060; } 
.viewansp { text-align:right; display: none; color: #608060; } 
.author { text-align:left; } 
.MessageTopic { font-size: 18pt; font-weight: normal; }
.MessageAuthor { font-size: 12pt; font-weight: bold; margin-bottom: 7px; }
.MessageAuthor a { color: #669933; text-decoration:none; font-size: 12pt; }
.MessageParticipants { margin-left: 10px; margin-top: 10px; margin-bottom: 20px; font-weight: bold; color: #408000; }
.MessageBody { font-size: 11pt; font-family: Verdana, Helvetica, Arial; line-height: 1.6; margin-bottom: 10px; margin-right: 20px; }
.CardDate { font-size: 11pt; color: #a0a0a0; margin-top: 11pt; margin-bottom: 10px; cursor: pointer; }
.ThreadDate { font-size: 11pt; color: #a0a0a0; margin-bottom: 10px; background-Color: #ffffff; border-top: 1px solid #a0e060; padding-top: 10px; }
.ThreadDate a { text-decoration: none; border-bottom: none; }
.MessageDate { padding-left: 10px; font-size: 11pt; color: #a0a0a0; margin-bottom: 10px; background-Color: #ffffff; border-top: 1px solid #a0e060; padding-top: 10px; }
.MessageDate a { text-decoration: none; border-bottom: none; }
.MessageAuthorIconContainer { padding-right: 10px; padding-bottom: 5px; float: left; display: inline-block; } 
.MessageAuthorIcon { display: inline-block; background-position: background-size: cover; background-position: center center; background-repeat: no-repeat; width: 50px; height: 50px; border: 1px solid #66CC00; border-radius: 3px; }
.ParticipantIcon { display: inline-block; background-position: background-size: cover; background-position: center center; background-repeat: no-repeat; width: 40px; height: 40px; border: 1px solid #66CC00; border-radius: 3px; }
.MessagePhotoIcon { display: inline-block; background-position: background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100px; height: 100px; border: 1px solid #66CC00; margin: 5px; }
.MessagePhotoGallery { background-color: #f8fff0; border: 1px dotted #408000; padding: 10px; margin-top: 10px; margin-bottom: 10px; clear: both; border-radius: 4px; }
.MessagePhotoGalleryCap { color: #80c040; font-weight: bold; font-size: 12pt; margin-top: 10px; margin-bottom: 10px; clear: both; }
.MessagePhotoFrame { text-align: center; font-size: 11px; display: inline-block; background-color: #ffffff; border: 1px solid #66CC00; margin-right: 5px; margin-bottom: 5px; padding: 5px; font-weight: normal; }
.MessagePhotoFrameA { cursor: pointer; font-size: 11px; display: block; clear: both;  border: none; color: #800000;  }
.PhotoPuzzles a { display: inline-block; margin-right: 7px; margin-bottom: 7px;}
.Puzzle150 { border: 1px; border: 1px solid #80c020; border-radius: 3px; display: inline-block; border-spacing: 0px; margin-right: 3px; margin-bottom: 3px; }
.Puzzle150 td { width: 132px; height: 131px; cursor: pointer; }
.Puzzle75 { border: 1px; border: 1px solid #80c020; border-radius: 3px; display: inline-block; border-spacing: 0px; margin-right: 3px; margin-bottom: 3px; }
.Puzzle75 td { width: 85px; height: 85px; cursor: pointer; }
.ActivityItem { margin-bottom: 10px; text-align: center; }
.PhotoSquare { cursor: pointer; border-radius: 3px; border: 1px solid #80c000; border-spacing: 0px; }
.StreamMainBlock { max-width: 800px; vertical-align: top;  }
.StreamRightBlock { vertical-align: top; padding-left: 10px; }
.VCLeftBlock { vertical-align: top; padding-right: 10px; }
.StreamPhoto_Big { max-width: 800px; width: 100%; }
.StreamPhoto_Icon { width: 75px; height: 75px; border-radius: 3px; margin-right: 9px; margin-bottom: 7px; }
.PhotoStreamBar { margin-top: 7px; text-align: center; }
.StreamSelectedIcon { width: 67px; height: 67px;  margin-right: 9px; margin-bottom: 7px; border: 4px solid #80c020; border-radius: 3px; }
.StreamPhotoStats { text-align: center; margin-top: 10px; margin-bottom: 10px; }
.StreamPhotoBlock { display:inline-block; width: 100%; }
.StreamPhotoMetaBlock { margin-bottom: 20px; background-Color: #002000; color: #f0ffe0; }
.LikeCount { color: #c00000; fonty-weight: bold; }
.LikeGroup { border: 1px solid #80C000; padding: 10px; margin-bottom: 10px; color: #408000; }
.LikeString { font-size: 11px; background-color: #f0ffe0; border: 1px dotted #408000; border-radius: 5px; padding: 3px; margin-top: 10px; margin-bottom: 10px; }
.LikeString a { text-decoration: none; border: none; }
.PhotoStreamFolder { border: 1px solid #80C000; padding: 10px; bold; background-color: #f8fff0; text-align: center; }
.PhotoStreamFolderCaption { margin: 10px; color: #408000; font-size: 12pt; font-weight: bold;  }
.PhotoStreamFolderCaption  a { font-size: 12pt; font-weight: bold; text-align: right; vertical-align: bottom;  }

.CardUserName { font-size: 12pt; font-weight: bold; text-align: center; margin-bottom: 15px; margin-top: 5px; }
.CardUserName a { font-size: 12pt; font-weight: bold; text-align: center; }
.CardMetaInfo { font-size: 11pt; margin-top: 10px; margin-bottom: 10px; text-align: center; }
.CardRow { display: block; width: 100%; padding-bottom: 2px; padding-top: 5px; font-size: 11pt; text-align: left; }
.CardRow span { display: inline-block; vertical-align: top; margin-top: 1px;  }
.CardRow img { margin-right: 5px; margin-left: 5px; width: 16px; height: 16px; }
.CardRow:hover { background-color: #f0ffe0; }
.CardRow div { float: right; display: inline-block; padding-right: 5px; }
.CardTable { width: 100%; margin-top: 10px; margin-bottom: 10px; }

.VCUserName { font-size: 12pt; font-weight: bold; text-align: center; margin-bottom: 15px; margin-top: 5px; }
.VCUserName a { font-size: 12pt; font-weight: bold; text-align: center; }
.VCMetaInfo { font-size: 11pt; margin-top: 10px; margin-bottom: 10px; text-align: center; }
.VCRow { display: block; width: 100%; padding-bottom: 2px; padding-top: 5px; font-size: 11pt; text-align: left; }
.VCRow span { display: inline-block; vertical-align: top; margin-top: 1px;  }
.VCRow img { margin-right: 5px; margin-left: 5px; width: 16px; height: 16px; }
.VCRow:hover { background-color: #f0ffe0; }
.VCRow div { float: right; display: inline-block; padding-right: 5px; }
.VCTable { width: 100%; margin-top: 10px; margin-bottom: 10px; }

.ForumSource { color: #f0ffe0; padding: 10px; border: 1px solid #80c000; text-align: center; }
.ForumSource a { color: #a0ff80; }
.MessageTextArea { width: 100%; border-style:dotted; border-color: a0a0a0; font-size: 12pt; }

.SameCategoryMessages { font-size: 12pt; margin-top: 15px; font-weight: bold; }
.SameCategoryMessages a { color: #408000; }
.NumberExtension { text-align: left; border: none; }
.Recipient { font-weight: bold; color: #808080; }
.MessageImageIconContainer { padding-bottom: 5px; float: left; display: inline-block; margin-right: 10px; margin-top: 5px; } 
.MessageImageIcon { display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 60px; height: 60px; border: 1px solid #66CC00; border-radius: 4px; }
.StreamImageIcon { display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; border: 1px solid #66CC00; border-radius: 4px; }
.MessageError { font-weight: bold; color: #ff0000; text-align: center; margin: 10px; }
.ErrorSpan { color: #ff0000; }
.ForumImageIconContainer { margin-right: 10px; display: inline-block; margin-left: 10px; margin-top: 5px; } 
.ForumQuickImageIconContainer { margin-right: 10px; display: inline-block; margin-bottom: 3px; } 
.ChooseByParams { margin-bottom: 10px; cursor: pointer; border: 1px solid #408000; border-radius: 5px; font-size: 16px; padding: 5px; text-align: center; font-weight: bold; color: #408020; background-color: #f8fff0; width: 260px; }
.AdminButton { margin-top: 20px; width: 100%; background-color: #ffffff;  border: 1px solid #c0c0c0; cursor: pointer; border-radius: 5px; }
.AdminButton td { padding: 5px; text-align: left; color: #c08000; font-weight: bold; }
.AdvertButton { display: none; width: 100%; background-color: #ffffff;  border: 1px solid #c0c0c0; cursor: pointer; border-radius: 5px; }
.AdvertButton td { padding: 5px; text-align: left; }
.MessageCard { width: 150px; max-width: 150px; background-color: #ffffff; margin: 10px; border: 1px solid #c0c0c0; cursor: pointer; border-radius: 5px;  }
.MessageCard td { padding: 5px; }
.MessageCommentBlock { width: 100%; padding-top: 10px; padding: 10px; border-top: 1px dotted #808080; background-Color: #f0ffe0;}
.MessageCommentBlock td { vertical-align: top; }
.MessageBodyHref { display: block; width: 220px; color: #669900; text-decoration: none; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; }
.MessageAnswer { display: block; width: 60px; }
.NextCommentPage { width: 240px; display: inline-block; padding: 10px; background-color: #e0ffc0; border: 1px solid #80c040; text-decoration: none; color: #206000; margin: 5px; border-radius: 5px; }
.ForumPathThread a { font-size: 12pt; color: #408000; }
.ForumPathThread { margin-top: 10px; }
.ForumsNavigationColumn { vertical-align: top; width: 160px; padding-top: 10px; background-color: #e6ffe0; text-align: left; }
.ForumsNavigation a { font-size: 12pt; display: block; padding: 7px; color: #408000; font-weight: bold; }
.ForumsNavigation a:before { content: "\00BB"; margin-right: 5px; }
.ForumsNavigation a:hover { background-color: #e0ffc0; }
.ForumHrefSelected { color: #ffffff; background-color: #408000; }
.ForumsNavigationMarket a { font-size: 12pt; display: block; padding: 7px; color: #804000; font-weight: bold; }
.ForumsNavigationMarket a:hover { background-color: #ffe0c0; }
.ForumNavigationTitle {font-size: 12pt; margin-top: 15px; margin-bottom: 15px; margin-left: 5px; font-weight: bold; }
.ForumContent { width: 100%; vertical-align: top; text-align: left; max-width: 720px; }
.ForumContentMessage { width: 100%; vertical-align: top; text-align: left; max-width: 720px; }
.ForumNavigationBanner { margin-top: 10px; margin-bottom: 10px; text-align: center; }
.ForumNavigationBanner a:before { content: ""; }
.LikeA { margin-left: 5px; margin-right: 5px; color: #408000; cursor: pointer; }
.GetModeration { margin-left: 5px; margin-right: 5px; color: #c04000; cursor: pointer; }
.MessageNumber { float: right; color: #808080; font-size: 11pt; margin-right: 20px; }
.MessageNumber a { color: #408000; font-size: 11pt; cursor: pointer; font-size: 11px; }
.PublicVoting { float: right; margin: 10px; }
.PublicNice { float: right; margin: 10px; color: #F93; }
.RedButton { background-color: #c00000; color: #ffffff; padding: 10px; margin: 10px; font-size: 12pt; }
.GreenButton { background-color: #408000; color: #ffffff; padding: 10px; margin: 10px; font-size: 12pt; }
.GrayButton { background-color: #808080; color: #ffffff; padding: 10px; margin: 10px; font-size: 12pt; }

.ThreadPages { margin-top: 10px; margin-bottom: 10px; }
.ThreadPages a { min-width: 16px; text-align: center; display: inline-block; background-color: #408000; color: #ffffff; border: 1px solid #408000; font-size: 10px; padding: 3px; margin: 3px; border-radius: 4px; }
.ThreadPageSelected { display: inline-block; color: #408000; background-color: #ffffff; }
.Comments { font-size: 12pt; display: inline-block; margin-top: 3px; margin-bottom: 10px; color: #c0c0c0; margin-right: 10px; }
.Participants { display: none; margin-top: 10px; margin-bottom: 10px; }
.VCCard { width: 200px; margin: 5px; display: inline-block; text-align: right; vertical-align: bottom; }
.Participant { width: 80px; margin: 5px; display: inline-block; text-align: right; vertical-align: bottom; }
.Participant td { text-align: center; }
.IconCount { color: #408000;  }
.EditCount { color: #40a000; padding: 0px; font-size: 10px; display: inline-block; border: 1px solid #40a000; border-radius: 4px; padding-left: 3px; padding-right: 3px; }
.NewCount { color: #ffffff; background-color: #ff0000; padding: 0px; font-size: 10px; display: inline-block; border: 1px solid #ff0000; border-radius: 4px; padding-left: 3px; padding-right: 3px; }
.EditCountGray { color: #808080; padding: 0px; font-size: 10px; display: inline-block; border: 1px solid #808080; border-radius: 4px; padding-left: 3px; padding-right: 3px; }
.NewCountGray { color: #ffffff; background-color: #808080; padding: 0px; font-size: 10px; display: inline-block; border: 1px solid #808080; border-radius: 4px; padding-left: 3px; padding-right: 3px; }
.PartComments { font-size: 12pt; font-weight: bold; margin-top: 10px; margin-bottom: 10px;  }
.PartComments a { font-size: 12pt; color: #408000; }
.Comments a { color: #c0c0c0; cursor: pointer; }
.ForumHeaderBanner img { border-top: 5px solid #ffffff; border-left: 5px solid #ffffff; }
.headban4 { display: none; ; text-align: center; }
.headban4 img { width: 300px; }
.ForumPhotoImage { max-width: 90%; display: inline-block; }
.CalendarInfo { margin-top: 10px; margin-bottom: 20px; font-weight: bold; }
.CalendarInfo a { color: #408000; }
.ForumLineBanner td { padding: 0px; height: 25px; }
.ForumLineBanner img { width: 100%; max-width: 550px; }
.ForumTitle0 a { font-size: 18px; text-decoration: none; color: #408000; font-weight: bold; }
.ForumTitle1 a { font-size: 18px; text-decoration: none; color: #a04000; font-weight: bold; }
.ForumDescription { font-size: 12pt;  margin-bottom: 10px; margin-top: 10px; }
.ForumInfoCell { padding-bottom: 10px; padding-top: 10px; width: 50%; }
.ForumAdditionalInfo { margin-bottom: 10px; margin-top: 10px; }
.ForumLastMessage0 { display: inline-block; background-color: #f0ffe0; padding: 0px; width: 100%; vertical-align: top; }
.ForumLastMessage0 a { color: #408000; }
.ForumLastMessage1 { display: inline-block; background-color: #fff8e0; padding: 0px; width: 100%; vertical-align: top; }
.ForumLastMessage1 a { color: #a04000; }
.ForumLastMessageTitle { color: #408000; font-size: 12pt; margin-bottom: 10px; display: block; border: none; }
.MessageLastAnswer { font-size: 11pt; color: #a0a0a0; margin-top: 5px; margin-bottom: 5px; }
.LastAnswerBodyFragment { overflow: hidden; text-decoration: none; margin-bottom: 10px; cursor: pointer; }
.ForumListTable { width: 100%; }
.ForumListTable td { border-bottom: 1px dotted #008000; padding-bottom: 10px; }
.ForumQuickTable { width: 100%; text-align: left; }
.ForumQuickTable td { border-bottom: 1px dotted #008000; cursor: pointer; }
.ForumInfoShortView { display: none; }
.star {margin-left: 5px; margin-right: 5px; cursor: pointer; }
.ForumsListStyle { border: 1px solid #408000; padding: 0px; text-align: center; margin-bottom: 10px;  width: 100%; height: 30px; border-spacing: 0px; }
.ForumsListStyle td { font-size: 12pt; cursor: pointer; padding: 0px; margin: 0px; vertical-align: middle; }
.ForumsListStyle a { font-size: 12pt; display: block; width: 100%; height: 24px; vertical-align: middle; border: none; padding-top: 5px; }
.ForumsListStyle a:hover { background-color: #f0ffe0; color: #408000; }
.ForumsListStyleActiveTD { color: #ffffff; background-color: #408000; }
.ForumValCell0 { width: 100%; text-align: right; }
.ForumValCell0 a { display: block; width: 100%; height: 100%; padding-top: 5px; border: none; font-size: 18px; color: #408000; }
.ForumValCell1 { width: 100%; text-align: right; }
.ForumValCell1 a { display: block; width: 100%; height: 100%; padding-top: 5px; border: none; font-size: 18px; color: #a04000; }
.ForumShortCell0 { width: 100%; }
.ForumShortCell0 a { display: block; width: 100%; height: 100%; padding-top: 5px; border: none; font-size: 18px; color: #408000; }
.ForumShortCell1 { width: 100%; }
.ForumShortCell1 a { display: block; width: 100%; height: 100%; padding-top: 5px; border: none; font-size: 18px; color: #a04000; }
.ForumQuickCell { width: 100%; }
.ForumQuickCell a { display: block; width: 100%; height: 100%; padding-bottom: 0px; border: none; font-size: 12pt; color: #408000; font-weight: bold; }
.CentralBody { border-left: 1px solid #004000; border-right: 1px solid #004000; width: 100%; padding: 10px; }
.CentralBodyGreen { background-Color: #f0ffe0; border-left: 1px solid #004000; border-right: 1px solid #004000; width: 100%; padding: 10px; }
.IndexBody { padding: 10px; border-left: 1px solid #004000; border-right: 1px solid #004000; width: 100%; background-image: url(/pict/paper.gif); }
.ForumsThreadNumsShort { font-size: 12pt; text-align: right; padding-right: 10px; }
.ForumsLastDate0 { background-color: #f8fff0; padding: 5px; color: #808080; }
.ForumsLastDate1 { background-color: #fff8f0; padding: 5px; color: #808080; }
.ForumsThreadNumsShort0 { background-color: #f8fff0; padding: 5px;  }
.ForumsThreadNumsShort1 { background-color: #fff8f0; padding: 5px;  }
.ForumsShortStar0 { background-color: #f8fff0; padding: 5px;  }
.ForumsShortStar1 { background-color: #fff8f0; padding: 5px;  }
.QuickButton { font-size: 12pt; display: block; width: 100%; height: 24px; vertical-align: middle; padding-top: 5px; border: 1px solid #408000; text-align: center; }
.QuickButton:hover { background-color: #f0ffe0;  }
.MessageModeration { display: none; }
.MessagePhotoAdd { display: none; }
.MessageModeration a { display: inline-block; padding: 5px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #808080; margin-right: 10px; color: #408000; }
.ForumListMenu { text-align: left; margin-bottom: 10px; color: #408000; margin-top: 0px; z-index: 10000001; }
.ForumListMenu a { background-Color: #408000; color: #ffffff; display: inline-block; padding: 5px; margin-top: 10px; border: 1px solid #408000; margin-right: 7px; border-radius: 4px;  }
.ForumListMenuActive { background-color: #408000; font-weight: bold; }
.Citation { border: 1px dotted #c0c0c0; padding: 10px; margin-bottom: 10px; margin-top: 10px; font-style: italic; background-color: #f0f0f0; }
.EventDate { color: #808080; font-weight: bold; margin-right: 5px; }
.EventStyle1 { color: #40a000; font-weight: bold; margin-right: 5px; }
.EventStyle2 { color: #a04000; font-weight: bold; margin-right: 5px; }
.EventStyle3 { color: #404040; font-weight: bold; margin-right: 5px; }
.EventStyle4 { color: #4040a0; font-weight: bold; margin-right: 5px; }
.EventStyle5 { color: #800000; font-weight: bold; margin-right: 5px; }
.EventStyle6 { color: #800000; font-weight: bold; margin-right: 5px; }
.EventStyle7 { color: #808080; font-weight: bold; margin-right: 5px; }
.EventStyle5 { color: #800080; font-weight: bold; margin-right: 5px; }
.CellCaption { border-bottom: 2px dotted #408000; width: 100%; margin-bottom: 10px; text-align: left; }
.CaptionUrl { display: inline-block; color: #ffffff; padding-top: 3px; padding-bottom: 3px;  padding-left: 10px;  padding-right: 15px; font-weight: bold; font-size: 16px; min-width: 180px; border: none; background-color: #408000; }
.PostFieldCaption { vertical-align: top; font-weight: bold; height: 25px; padding: 5px }
.PostField { vertical-align: top; padding: 5px; width: 100%; text-align: left; margin-right: 20px; padding-right: 20px; }
.PostField a { color: #408000; }
.PostField input, select, textarea { margin-bottom: 10px; border-top: 1px solid #808080; margin-right: 20px; }
.ProgrammCaption { border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; margin-bottom: 10px; margin-top: 10px; color: #408000; padding: 5px; font-weight: bold; background-color: #f0f0f0; }
.VoteResults { margin-top: 10px; margin-bottom: 10px; font-size: 16px; color: #408000; font-weight: bold; }
.VoteTableResults { width: 100%; }
.VoteTableResults td { border-bottom: 1px dotted #004000; padding-top: 5px; padding-bottom: 5px; color: #408000; padding-right: 10px; }
.ShortBodyMessage { height: 50px; overflow: hidden; margin-bottom: 5px; }
.ShowBodyMessage { color: #c04000; cursor: pointer; margin-bottom: 10px; margin-right: 10px; }
.Closed { color: #c08000; margin-right: 10px; }
.ChangeForumAttention a { margin-bottom: 10px; }
.CategorySelect { width: 150px; margin-right: 20px; }
.CategoryCaption { width: 80px; display: inline-block; }
.TimeListMarker { background-color: #fff0c0; }
.TimeListMarker span { color: #ff0000; font-weight: bold; }
.PrivateNewAttention { padding: 5px; background-color: #ff0000; cursor: pointer; }
.PrivateNewAttention span { color: #ffff00; }
.PrivateNewAttention a { color: #ffffff; font-weight: bold; }
.ForumCategories { width: 33%; display: inline-block; }
.ForumCategories td { border-bottom: 1px dotted #408000; padding: 1px; font-size: 12pt; font-weight: bold; color: #408000; cursor: pointer; height: 34px; }
.ForumCategories a { font-size: 12pt; font-weight: bold; color: #408000; cursor: pointer; text-decoration: none; border: none; }
.ForumCategories span { font-weight: normal; color: #408000; font-size: 11pt; display: inline-block; }
.NoneCategory td { cursor: default; color: #808080; border-bottom: 1px dotted #408000; padding-bottom: 10px; }
.CategoryHeaderTD { background-color: #f8fff0; font-weight: bold; padding: 5px; color: #404040; border-bottom: 1px solid #c0c0c0; }
.CategoryValueTD { color: #80c040; border-bottom: 1px solid #c0c0c0; padding: 5px; font-weight: bold; }
.CategoryValueTD a { color: #408020; font-weight: normal; }
.CategoryChangeTD { font-weight: bold; width: 20px; border-bottom: 1px solid #c0c0c0; }
.CategoryChangeButton { font-weight: bold; border: 1px solid #c0c0c0; padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; display: inline-block; border-radius: 3px; cursor: pointer; }
.Attributes { border: 1px solid #c0c0c0;  margin-bottom: 10px; float: right; margin-left: 10px; border-spacing: 0px; border-radius: 5px; }
.AttributesFilter { border: 1px solid #c0c0c0;  margin-bottom: 10px; border-spacing: 0px; width: 100%; }
.AttributeImage { max-width: 280px; }
.AdminAttributes { margin-bottom: 10px; float: right; margin-left: 20px; border-spacing: 0px; }
.AttrbuteButtons { text-align: center; margin-top: 15px; padding-bottom: 15px; margin-left: 10px; }
.AttrbuteButtons a { cursor: pointer; clear: both;  background-color: #f0ffe0; color: #408000; border: 1px solid #408000; text-align: center; font-size: 9pt; padding: 2px; margin: 5px; border-radius: 5px; display: inline-block; }
.SmallAttributesTD { display: none; }
.SmallAttributesTD div { font-size: 10px; }
.BidAttributesTD { display: block; border-bottom: 1px solid #c0f080; }
.MessageData { color: #808080; margin-top: 5px; font-size: 9pt; display: inline-block; margin-right: 20px; }
.MessageData a { font-size: 10px; color: #808080 }

.EventSearchForm { padding: 10px; background-Color: #f0ffe0; border-radius: 4px; border: 1px dotted #408000; margin-right: 10px; }
.EventSearchForm input { background-Color: #ffffff; width: 80px; }
.EventSearchForm select { background-Color: #ffffff; width: 100%; margin-right: 10px; }
.EventSearchButton { border-radius: 4px; margin-left: 10px; cursor: pointer; }
.EventDiv { border-bottom: 1px solid #c0e080; padding: 5px; }
.EventDiv a { border-bottom: none; text-decoration: none; }
.EventPages a { min-width: 16px; text-align: center; display: inline-block; background-color: #f0ffe0; color: #408000; border: 1px solid #408000; font-size: 10px; padding: 3px; margin: 3px; border-radius: 4px; }
.EventArchive { font-weight: bold; color: #800000; margin-bottom: 10px;}

.DigFilterInput { width: 40px; }
.SortSpan { width: 100px; display: inline-block; }
.SortDiv { display: inline-block; }
.Error404 { color: #c00000; font-size: 16px; font-weight: bold; margin: 20px; }
.Introduce404 { margin: 10px; }
.PublishButton { display: block; background-color: #206000; color: #ffffff; font-size: 16px; font-weight: bold; padding: 10px; cursor: pointer; text-align: center; margin: 10px; }
.OtherMessages { font-weight: bold; margin-bottom: 15px; margin: 10px; color: #408020; font-size: 12pt; margin-top: 10px; clear: both; }
.ForgorForm { padding: 10px; font-size: 12pt; text-align:center; }
.ForgorForm input { font-size: 12pt; margin: 10px; }
.LinkInfo { display: none; border-radius: 5px; border: 1px dotted #808080; padding: 5px; background-color: #f0f0f0; width: 100%; margin: 5px; }
.LinkInfo input { width: 100%; }

.SiteDate { color: #808080; font-size:10px; margin-top: 5px; margin-bottom: 5px; }
.SiteLastPages { text-align: left; vertical-align: top; }
.SiteLastSites { width: 250px; text-align: left; vertical-align: top; background-color: #f0ffe0; padding: 10px; }
.SiteCaprion { font-weight: bold; color: #408000; }
.SiteDiv { margin-top: 10px; }

.VerticalBar { width: 90px; padding: 10px; margin-bottom: 10px; color: #f0ffe0; text-align: center; }
.VerticalBar a { color: #ffffff; }
.VerticalBar img { margin-bottom: 10px; }
.ForumCategoriesDIV { display: none; }

.ForumBigTitle { z-index: 10000000;  width: 100%; padding-top: 10px; }
.ForumBigTitle a { display: block; font-size: 17px; }

.MessagePostFieldBlock { text-align: left; margin-bottom: 10px; }
.MessagePostFieldCaption { display: inline-block; padding-left: 10px; font-size: 11pt; width: 70px; }
.MessagePostFieldValue { display: inline-block; width: 70%; padding-right: 10px; }
.MessagePostFieldValue a, select { border: 1px solid #ccc; box-sizing: border-box; font-size: 16px; }
.MessagePostFieldValue input { border: 1px solid #ccc; box-sizing: border-box; font-size: 16px; padding: 5px; }
.ForumFolder { display: inline-block; max-width: 250px; padding-right: 15px; margin-bottom: 15px; }
.ForumFolder a { font-size: 12pt; font-weight: bold; margin-left: 10px; margin }
.ForumFolder:before { content:url('/pict/subfolder.gif') }

@media (max-width: 1200px) { .RightColumnNice { display: none; }  }

@media (max-width: 1100px) { .LeftColumnNice { display: none; } }

@media (max-width: 950px) { .ForumCardDIV { width: 270px; } .Puzzle150 td { width: 180px; height: 180px; } .Photo33 { width: 120px; height: 120px; } .Puzzle75 td { width: 116px; height: 115px; } .PageCell { max-width: 420px; } .IndexCell2 { max-width: 420px; } .IndexCell { max-width: 420px; } }
@media (max-width: 910px) { .ForumCardDIV { width: 255px; } .PageCell { max-width: 400px; } .IndexCell2 { max-width: 400px; } .IndexCell { max-width: 400px; } .Photo33 { width: 115px; height: 115px; } }
@media (max-width: 870px) { .ForumCardDIV { width: 245px; } .PageCell { max-width: 380px; } .headban1 { display: none; }  .IndexCell2 { max-width: 380px; } .IndexCell { max-width: 380px; } .Photo33 { width: 110px; height: 110px; } }
@media (max-width: 830px) { .ForumCardDIV { width: 230px; } .Puzzle150 td { width: 150px; height: 150px; } .Photo33 { width: 100px; height: 100px; } .Puzzle75 td { width: 97px; height: 97px; } .ForumCategories { width: 49%; } .IndexCell2 { max-width: 360px; } .IndexCell { max-width: 360px; } .PageCell { max-width: 360px; } .headban1 { display: none; } .HeaderUserName { display: none; } }
@media (max-width: 790px) { .ForumCardDIV { width: 215px; } .Photo33 { width: 95px; height: 95px; } .Puzzle150 td { width: 132px; height: 132px; } .Puzzle75 td { width: 85px; height: 85px; } .PageCell { max-width: 340px; } .headban1 { display: none; } .people { display: none; }  .IndexCell2 { max-width: 340px; } .IndexCell { max-width: 340px; } }

@media (max-width: 750px) { .ForumCardDIV { width: 200px; } .PageCellCrop { width: 290px; } .logo, .GlobalMenu { display: none; } .headbans { position: static; } .headban2 { display: block; text-align: center } .headban2 img { width: 300px; } .footer { display: inline; } .PageMenu { display: none; width: 100%; position: fixed; top: 130; left: 0; margin: 0px; } .PageMenu a { display: block; color: #c0ff80 } .logincolumn { margin: 10px; } .logindiv a { padding: 10px; } .TopicCap { display:block; } .Photo33 { width: 87px; height: 87px; } .PageCell { max-width: 310px; } .headban1 { display: none; } .ForumHeaderBanner { display: none; } .headban3 { display: none; } .headban4 { display: block; } .ForumHeader { display: none; }  .IndexCell2 { max-width: 310px; } .IndexCell { max-width: 310px; } .SellButton { display: none; } }
@media (max-width: 710px) { .ForumCardDIV { width: 300px; } .Photo33 { width: 80px; height: 80px; } .PageCell { max-width: 290px; } .headban1 { display: none; } .viewed { display: none; }  .IndexCell2 { max-width: 290px; } .IndexCell { max-width: 290px; }}
@media (max-width: 680px) { .ForumCardDIV { width: 280px; } }

@media (max-width: 650px) {  .VideoStreamAddition { display: none; } .ForumCardDIV { width: 260px; } .Photo33 { width: 150px; height: 150px; } .StreamRightBlock { display: none; } .VCLeftBlock { display: none; } .Puzzle150 td { width: 85px; height: 85px; } .SmallAttributesTD { display: block; } .BigAttributesTD { display: none; } .viewansp { display: block; } .PageCell { max-width: 100%; } .headban1 { display: none; } .answered { display: none; } .author { display: none; } .AdvertButton { display: block; } .ForumsNavigationColumn { display: none; } .ForumsThreadNumsShort0 { display: none; } .ForumsThreadNumsShort1 { display: none; }  .IndexCell2 { max-width: 100%; } .IndexCell { max-width: 100%;  overflow: hidden; max-height: 1200px; } .MoreIndexStream2 { display: block; } .IndexBody { padding-left: 0px; } .LastTopicDIV { width: 100%; } .LastTopicBulletsDIV { width: 100%; } }

@media (max-width: 610px) { .ForumCardDIV { width: 240px; } }

@media (max-width: 570px) { .ForumCardDIV { width: 220px; } }

@media (max-width: 530px) { .ForumCardDIV { width: 100%; height: auto; } .StreamCaption { height: auto; overflow: auto; } .Photo33 { width: 130px; height: 130px; } .Puzzle150 td { width: 180px; height: 180px; } .Puzzle75 td { width: 116px; height: 115px; } .SiteLastSites { display: none; } }

@media (max-width: 500px) { .Photo33 { width: 120px; height: 120px; }.ForumCategories { width: 100%; } }

@media (max-width: 430px) { .Photo33 { width: 100px; height: 100px; } .Puzzle150 td { width: 150px; height: 150px; } .Puzzle75 td { width: 97px; height: 97px; } .PhotoStreamLineTitle { color: #206010; width: 60px; font-size: 10pt; margin-left: 0px; margin-right: 0px; } .PhotoStreamLineMore { font-size: 16pt; margin-left: 0px; margin-right: 0px; display: inline-block; } }

@media (max-width: 400px) { .Photo33 { width: 90px; height: 90px; } .Puzzle150 td { width: 132px; height: 132px; } .Puzzle75 td { width: 85px; height: 85px; } .AdminAttributes { float: none; width: 100%; margin-left: 0px; margin-bottom: 20px; } .Attributes { float: none; width: 100%; margin-left: 0px; margin-bottom: 20px; } .ThreadPages span { display: none; } .ForumInfoCell { display:none; } .ForumLastMessage0 { background-color: #ffffff; padding-left : 0px; padding-right: 10px; } .ForumLastMessage1 { background-color: #ffffff; padding-left : 0px; padding-right: 10px; } .ForumInfoShortView { display: block; } .ForumAdditionalInfo { display: none; } .ForumTitle0 { margin-bottom: 10px; } .ForumTitle1 { margin-bottom: 10px; } .ForumsLastDate0 { display: none; } .ForumsLastDate1 { display: none; } }

@media (max-width: 330px) { .Photo33 { width: 80px; height: 80px; } .PageCropCell { width: 290px; } .PageCropCell2 { width: 290px; } .CategoryDateShort { display: none; } }

/* ///////////////////////////////////////// Starting Top Menu ////////////////////////////////////////// */
/* Add a black background color to the top navigation */

.header_text { color: #ffffff; font-size: 17px; font-weight: bold; padding: 16px; }

.topnav {
    background-color: #206000;
    overflow: hidden;
	border-bottom: 3px #ffffff solid;
	border-top: 3px #ffffff solid;
	width: 100%;
	z-index: 10000000;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    font-size: 17px; 
    border: none;
    outline: none;
    color: white;
    padding: 10px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #30a000;
    color: white;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav {	position: fixed; } 
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .ForumBigTitle { position: fixed; background-color: #50a000; left: 0px; padding: 10px 16px ; top: 47px; }
  .ForumBigTitle a { color: #ffffff; text-decoration: none; border-bottom: none; }
  .OtherTopicShow { display: inline; }
  .ForumListMenu { overflow: hidden; background-color: #50a000; position: fixed; bottom: 0; width: 100%; left: 0px; padding-left: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding: 0px; }
  .ForumListMenu a { padding: 10px; background-color: #50a000; border: none; border-radius: 0px; margin-right: 0px; border-right: 1px #a0f060 solid; font-size: 12pt; margin-top: 0px; }
 
  .ForumAnswerMenu { text-align: left; overflow: hidden; background-color: #50a000; position: fixed; bottom: 0; width: 100%; left: 0px; padding-left: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding: 0px; }
  .ForumAnswerMenu a { padding: 10px; background-color: #50a000; border: none; border-radius: 0px; margin-right: 0px; border-right: 1px #a0f060 solid; font-size: 12pt; margin-top: 0px; }
  
  .MessagePostFormLine { margin-bottom: 100px; display: block; }
  .CentralBody { padding: 0px; }
  .ForumCardDIV { border-radius: 0px; border: none; border-top: 3px solid #208000; }
  .ForumMessageFormTopRow { display: block; }
  .ForumMessageFormRow { display: none; }
  .MessagePostFieldBlock{ margin-bottom: 5px; }
  .MobileTopSpace { display: block; }
  .ForumContentMessage { padding-left: 10px; padding-right: 10px; }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: fixed; top: 0px; z-index: 10000001; }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}