﻿/*Blog post*/
div#postBlog {background-color:#EFEFEF;float:left;margin-bottom:10px;padding:10px;width:440px;border-bottom:3px solid #DBDBDB !important;}
div#postBlog #blogHeader {margin-left:4px; margin-bottom:8px; font-weight:bold; float: left; width: 190px;}
div#postBlog div#tabbedBlog {width:450px;}
div#postBlog div#tabbedBlog textarea {border:0px;height:39px;width:413px; padding:0px; margin:0px 0px 0px 1px;font-size: 1.3em}
div#postBlog div#tabbedBlog div#deservePoint {margin-top:10px; margin-bottom: 5px; float: left; width:300px;}
div#postBlog div#tabbedBlog div#deservePoint a span {font-size:0.8em; text-decoration:underline; color:#666666;}
div#postBlog div#tabbedBlog .button {float:right;margin:5px 20px 8px 5px;}
div#postBlog div#tabbedBlog div#blogFooter {width:300px;}
div#postBlog div#tabbedBlog .postCommentMessageLabel {clear:both;display:block;margin-left:5px;padding-top:5px;width:350px;}

div#postBlog div#tabbedBlog ul li {list-style-image:none;list-style-position:outside;list-style-type:none;}

div#postBlog div#tabbedBlog ul#tabNav                    {height: 24px; background: url(/library/images/wall/bg-tabs.png) no-repeat left top; margin: 0px; padding: 0px 0px 0px 8px;}
div#postBlog div#tabbedBlog ul#tabNav li                 {float: left; height: 22px; width: 62px; background: url(/library/images/network/bg-tab-off.gif) no-repeat left top;}
div#postBlog div#tabbedBlog ul#tabNav li.hidden         {display:none;}
div#postBlog div#tabbedBlog ul#tabNav li a               {display: block; float: left; height: 17px; width: 54px; background: url(/library/images/network/bg-tab-off.gif) no-repeat left top; color: #666666; padding: 5px 0px 0px 8px;}
div#postBlog div#tabbedBlog ul#tabNav li.current a       {background-image: url(/library/images/network/bg-tab-on.gif); color: #000;}

div#postBlog div#tabbedBlog div#tabbedBlog               {margin: 0px; padding: 0px;}
div#postBlog div#tabbedBlog div#tabFrame                 {background: url(/library/images/wall/bg-tabs-bott.png) repeat-y left; margin: 0px; padding: 0px; height: 42px;}
div#postBlog div#tabbedBlog div#tabFrameFooter         {height: 3px; background: url(/library/images/wall/bg-tabs-footer.png) no-repeat left top; margin: 0px; padding: 0px 0px 0px 8px;}
div#postBlog div#tabbedBlog div#tabFrame p               {margin-bottom: 0px; margin-bottom: 0px;}

div#postBlog div#tabbedBlog div#tabFrame div#blogVideoUpload {float: left; margin:0px 0px 0px 8px; padding-top:6px;}
div#postBlog div#tabbedBlog div#tabFrame div#blogVideoUpload span {display: block; float: left; padding-top:3px;}
div#postBlog div#tabbedBlog div#tabFrame div#blogVideoUpload img {float: left; margin-left:2px; padding-top:0px;}
div#postBlog div#tabbedBlog div#tabFrame div#blogVideoUpload input {font-size: 1.1em; float: left; margin-left:4px; width: 280px; border:solid 1px #999999;}

div#postBlog div#tabbedBlog div#tabFrame div#blogImageUpload {padding-top:2px;}
div#postBlog div#tabbedBlog div#tabFrame div#blogImageUpload input {font-size: 1em; margin-top: 0px;}
div#postBlog div#tabbedBlog div#blogImageRights {margin-top:5px; margin-bottom: 5px; float: left; width:300px;}
div#postBlog div#tabbedBlog div#blogImagePath {float:left; width: 195px;}
div#postBlog div#tabbedBlog div#blogImageCaption {float:left; width:210px;}
div#postBlog div#tabbedBlog div#blogImageCaption div {margin-left: 10px; font-size:0.8em; color: #666666;}
div#postBlog div#tabbedBlog div#blogImageCaption textarea {border:solid 1px #999999;height:34px;width:200px; padding:0px; margin:0px 0px 0px 8px; font-size: 1.3em}

div#postBlog div#tabbedBlog  div#updateTextMaxLength,
div#postBlog div#tabbedBlog  div#imageCaptionMaxLength {margin:1px 0px 0px 3px;}

/*Blog display */
div#displayBlog .displayBlogItem {clear:left; margin-left:8px; padding-left:8px; margin-bottom:20px; background:transparent url(/library/images/post/bg-reply-bottom.gif) no-repeat scroll left top; min-height: 50px; margin-top:20px; }
div#displayBlog .displayBlogItem img.userThumbnail {height:45px; width:45px; display:block; float:left;}
div#displayBlog .displayBlogItemHeader {float:left; margin-bottom:12px; margin-top: 0px; padding-left:5px;}
div#displayBlog .displayBlogItemHeader small {display:block; color:#666666; padding-top:8px;}
div#displayBlog .blogImage img {float:left; clear:left; margin: 10px 20px 10px 0px;}
div#displayBlog .blogImage table  {float:left; width: 205px;}
div#displayBlog .blogImage table tr td {height:205px; vertical-align:middle;}
div#displayBlog .blogImage div {float:left; margin-top: 20px; margin: 10px 20px 10px 0px; width: 190px;}

div#displayBlog .offensiveContainer     {margin-right:3px;margin-top:0;text-align:right;width:97px;}
div#displayBlog .offensiveContainer  a {text-decoration: underline; color:#666666}    
div#displayBlog .button {margin-bottom:3px; margin-top: 0px; text-align: right; color:#666666}
div#displayBlog .displayBlogText {clear: left; padding-top:8px; margin-top:0px; margin-bottom:12px;}
div#displayBlog .youTubeDisplayObjectContainer object {margin-top: 10px; width: 440px; height: 344px;}
div#displayBlog .displayBlogCol2 {float:right;}

/*Blog event display*/
div#blogEventList ul.blogEventItemContainer {position:relative; top:-5px; list-style-type: none; padding-left: 0px;float:left; margin:0px 0px 0px 8px;}
div#blogEventList ul.blogEventItemContainer li {position:relative; top:-5px; background:transparent url(/library/images/general/bg-itemframe-small.gif) no-repeat scroll 8px 15px;min-height:53px;padding:14px 0 9px 8px; float:left; width: 220px; padding-left:0px; padding-bottom: 5px;}

div#blogEventList ul.blogEventItemContainer li img {float:left; margin-left:8px;}
div#blogEventList ul.blogEventItemContainer p {float:left; margin-left: 8px; margin-top: 0px;}
div#blogEventList ul.blogEventItemContainer small { display:block; color: #666666;}
div#blogEventList ul.blogEventItemContainer a { text-decoration: underline; padding-left:8px;}
div#blogEventList div#viewMorePostsLink {clear:left;margin-left:15px;}
div#blogEventList ul.blogEventItemContainer small a { text-decoration: none; padding-left:8px;}

/*Please log in */
div#loginRequiredDisplay {border-bottom: solid 3px #DBDBDB;}


