@import url(../BestLines/StyleSheet.css);

#mainContentArea { padding: 30px 0 0; }

.labelInsideInput { position: relative; }
.labelInsideInput label { position: absolute; top: 0; left: 0; cursor: text; }

/*===== Thinking Section =====================================================*/
.thinkingBlock { margin: 0 0 15px 0; padding: 0 0 0 30px; background-repeat: no-repeat; zoom: 1; }
.thinkingBlock blockquote { padding: 0; margin: 0; }
.thinkingBlock cite { margin: 0; padding: 0; font-style: normal; color: #7CA1A6; display: block; }
.thinkingBlock1 { background-image: url(ThinkingAbout/Thinking-Cloud-Icon-1.gif); }
.thinkingBlock2 { background-image: url(ThinkingAbout/Thinking-Cloud-Icon-2.gif); }
.thinkingBlock3 { background-image: url(ThinkingAbout/Thinking-Cloud-Icon-3.gif); }
.activeThinkingBlock { background-color: #edf2ef; padding: 10px 10px 10px 40px; background-position: 10px 10px; }
.thinkingBlock .socialMediLinks { padding: 15px 0 0; margin: 0; }
.thinkingBlock .socialMediLinks a { padding-left: 20px; background-repeat: no-repeat; }
.thinkingBlock .socialMediLinks a.twitter { background-image: url(ThinkingAbout/Twitter.gif); }
.thinkingBlock .socialMediLinks a.facebook { background-image: url(ThinkingAbout/Facebook.gif); }
.thinkingAboutForm { padding: 15px 15px 200px 15px; background: url(ThinkingAbout/Form-Bg.jpg) 0 -40px no-repeat; float:left;width:398px;}
.thinkingAboutForm .text, .thinkingAboutForm textarea { border: 0; padding: 0; margin: 0; }
.thinkingAboutForm textarea { width: 300px !important; height: 100px !important; overflow: auto; }
.thinkingAboutForm .textInputContainer 
{
    background: url(ThinkingAbout/Form-Input-Bg.gif) top left no-repeat;
    padding: 15px 15px 20px 15px;
}
.thinkingAboutForm .textAreaInputContainer 
{
    background: url(ThinkingAbout/Form-Textarea-Bg.gif) top left no-repeat;
    padding: 15px 15px 40px 15px;
    width: 330px;
    position: relative;
}
.thinkingAboutForm .textAreaInputContainer .postButton { position: absolute; bottom: 30px; right: 13px; }
.thinkingAboutForm .textInputContainer .text { width: 140px !important; }
.thinkingAboutForm .textInputContainer label,
.thinkingAboutForm .textAreaInputContainer label { top: 15px; left: 15px; }
.thinkingAboutList { float:right;width:485px; }
 
/*===== Video Entries ========================================================*/
.videoEntry { margin: 0 0 10px 0; font-size: .9em; }
.videoEntry .videoThumb { float:left;width:90px; border: 1px solid #A7A9A8; padding: 1px; }
.videoEntry .videoContent { margin-left:105px; }
.videoEntry .videoMeta { font-size: .9em; }
.videoGallery .videoEntry { float: left; width: 330px; }
.videoGallery .videoEntry3 { width: 280px; }
.videoGalleryHeader { margin: 0 0 10px 0; }
.videoGalleryHeader h2 { float: left; }
.videoGalleryHeader .videoOptions { margin-left: 120px; font-size: .9em; }
#videoContainer 
{
    margin: 0 0 20px 0;
}
/*==== Cards Reflecting Culture ==============================================*/
.cardsReflectingEntry  { margin: 0 0 10px 0; }
.cardsReflectingEntry .cardsReflectingThumb { float: left; width: 60px; font-size: .8em; text-align: center; }
.cardsReflectingEntry .cardsReflectingContent { margin-left: 75px; font-size: .85em; }
.cardsReflectingEntry h3, .cardsReflectingEntry h3 a { color: #F98120; font-weight: bold; }
.cardsReflectingGallery .cardsReflectingEntry 
{
    float: left;
    width: 225px;
    padding: 0 10px 0 0;
}
.cardsReflectingGallery .cardsReflectingContent { margin-left: 75px; }

/*====== Comments ============================================================*/
.comments ul, .comments li { margin: 0; padding: 0; list-style-type: none; }
.comments ul { border-top: 1px solid #ccc; }
.comments li { border-bottom: 1px solid #ccc; padding: 10px 0; }

/*====== Recent Moments Summaries ============================================*/
.contentExcerpt { margin: 0 0 20px 0; }
.contentExcerpt h3 { padding-right: 5px; }
.contentExcerpt h3 em { color: #666; }

/*====== Share List ==========================================================*/
ul.shareList,ul.shareList li { margin: 0; padding: 0; list-style-type: none;}
ul.shareList { width: 100%; overflow: hidden; margin: 0 0 10px; }
ul.shareList li { float: left; font-size: 12px; }
ul.shareList li a  
{
    color: #999; display: -moz-inline-box; display: inline-block; padding: 10px 10px 0 30px; 
    background-position: top left;
    background-repeat: no-repeat;
}
ul.shareList li a.facebook { background-image: url(Share/Facebook.gif); }
ul.shareList li a.twitter { background-image: url(Share/Twitter.gif); }
.shareListResults { width: 100%; border-spacing: 5px; }
.shareListResults tr { vertical-align: top; }
.shareListResults .shareListMeta { width: 100px; background: #f0ebea; padding: 10px; font-size: 12px; }
.shareListResults .submitILike {
    background: url(Share/Heart.gif) top left no-repeat;
    padding-left: 17px;
}

/*====== Errors     ==========================================================*/
div.errorPane, span.error { color:Red; font-weight:bold; }

/*====== Share Your Story ====================================================*/
tr.shareYourStorySearchheader { background-color:#666666; }
tr.shareYourStorySearchheader td { font-weight:bold; color:#ffffff; }

/*===== Featured Container ===================================================*/
.featuredContainer {
    background: #3e1d6b;
    padding: 15px;
    color: #fff;
    margin: 0 0 15px 0;
}
.featuredContainer h3 { color: #fff; }
.featuredContainer .contentExcerpt { margin: 0; }
.featuredContainer .contentExcerptAuthor { color: #fff; }
p.nameLocation { margin: 0 0 5px; font-size: 1.1em; }
p.dateAdded { font-size: .8em; }