/*© 2015 BlogYub - All Rights Reserved*/
html, body, #formMain, #aspnetForm { height: 100%; }
body { font-family: sans, calibri, arial; font-family: sans, Comic Sans MS, arial, Verdana, calibri; }
body, input, textarea { font-family: BlogYub Comic, Comic Sans MS, arial, Verdana, calibri; font-size: 15px; }

.h6ViewReadUnread { margin: 0; font-weight: bold; font-size: 14px; color: #0084B4; }
p, li, .Link, .desc, .divMessageValue, .divHTMLViewer { line-height: 2em; }
.Link12 { font-size: 13px; }
.Link15 { font-size: 16px; }
a, .Link, .Link12, .Link15, .Permalink { text-decoration: none; cursor: pointer; font-weight: normal; display: inline-block; }
.Permalink { color: inherit; }
     a, .ActiveLink, .ThreadLink, a:hover, .Link:hover, .Link12:hover, .Link15:hover, .Permalink:hover { color: #2395DD; }
.InactiveLink { color: #D5D5D5; }
.InactiveLinkLight, .InactiveLinkLight:hover { color: #EFEFEF; }
.InactiveLinkDark, .InactiveLinkDark:hover { color: #555; }
.InactiveNote { font-size: 11px; background-color: #EFEFEF; color: #333; line-height: 8px; border-radius: 42%; padding: 5px; font-weight: bold; border: 1px solid #151515; }
.divDivider, .tdDivider { color: #555; font-size: 9px; padding: 0 9px; }
.divColorHR { height: 3px; }

#divMain, #divHeader, #divHeaderLight, #divMainContentWrapper, #divHeaderWrapper { position: relative; min-width: 360px; }
#divMain { min-height: 100%; background-color: #E5E5E5; }
#divHeader, #divHeaderLight { position: fixed; left: 0px; top: 0px; /*background-color: #191919; background-color: #333; box-shadow: 0px 0px 9px rgba(0,0,0,0.33);*/ z-index: 999; }
#divMainContent { padding-top: 25px; padding-bottom: 19px; padding-left: 5px; padding-right: 5px; }
/* #divHeaderWrapper { position: relative, min-width: 360px; } */
#divContent { /*background-image: url(/images/24_col.gif);*/ /*background-image: url(/images/12_col.gif);*/ padding-top: 9px; padding-bottom: 200px; background-color: #FEFEFE; border-radius: 9px; border: 1px solid #F5F5F5; }
#divSignUp { position: relative; }

.divSearch { background-color: #F5F5F5; border-radius: 3px; }
.txtSearch { border: none; background-color: transparent; }
.divSearchIcon { width: 33px; height: 33px; background-image: url(/images/search.png); background-repeat: no-repeat; background-position: 7px 8px; border-left: 1px solid#BBB; padding-right: 0px; background-color: #DDD; border-radius: 0 5px 5px 0; }

#divHeader, #divHeaderLight, .aLogoHome, #divMember, .divOptionWrapper, .divOption, .divOption span { height: 45px; }
     /*#divHeader { border-bottom: 1px solid #110110; }*/
     .aLogoHome, .aLogoHome:hover { color: #FFF; font-weight: bold; }
/*.spanLogo { font-weight: normal; }*/
.spanLogoDark, .spanLogoYub, .spanLogoYubDark { font-weight: bold; }
.spanLogoYub { color: #D5D5D5; }

#divLogo { height: 33px; }

#divMember { cursor: pointer; border-right: solid 1px #939393; }
#imgMenu { background-color: #252525; background-color: transparent; }
#imgMenu { width: 24px; height: 21px; padding: 12px; }
.divOptionWrapper { border-left: solid 1px #959595; }
     .divOptionWrapper i { font-style: normal; }
.divOption { padding: 0 14px; color: #EFEFEF; /*border-left: solid 1px #525252;*/ border-right: solid 1px #939393; }
     .aLogoHome, .divOption, .divOption img, .divOptionText { line-height: 45px; }
          .divOption img { width: 24px; height: 24px; }
#divMenu { position: fixed; top: 45px; left: -1px; z-index: 999; max-height: 90%; overflow-y: auto; }
.divMenuItem { padding: 12px 19px; color: #EFEFEF !important; text-align: left; min-width: 110px; border: 1px solid #3D3D3D; border-top: none; }
.MenuHR { border-top: 1px solid #414141; }
.divOptionText { font-size: 12px; }
.divOptionBox { padding: 9px 19px; border-radius: 0 0 5px 5px; position: absolute; top: 45px; border-left: solid 1px #525252; border-right: solid 1px #939393; }
.divSortBoxChild { padding: 12px 27px; color: #EFEFEF; border: 1px solid #3D3D3D; border-top: none; }
#divCategoryBox, #divSearchBox { right: 0px; }
.divCategoryBoxChild { padding: 12px 19px; color: #EFEFEF; border: 1px solid #3D3D3D; border-top: none; border-left: none; min-width: 82px; }
     .divMenuItem:hover, .divSortBoxChild:hover, .divCategoryBoxChild:hover { background-color: #353535; }
.divMenuItem, .divOptionSelected, .divOptionBox, .divNoHover, .divNoHover:hover { background-color: #110110; }
     .divOptionSelected span { color: #EFEFEF !important; }

#divMainContentWrapper { padding-top: 45px; }
.divMainWrapper { width: 603px; background-color: #FEFEFE; border: 1px solid #DDD; border-top: none; border-radius: 0; }

.divYubWrapper { margin: 33px; padding: 9px; border: 2px solid #D5D5D5; border-radius: 180px; /*-moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 9px rgba(0,0,0,0.25);*/ background-color: #FFF; }
.divYub { border: 1px solid #DDD; border-radius: 180px; overflow: hidden; }
     .divYub > div:first-child { font-size: 0px; width: 300px; height: 245px; max-width: 300px; max-height: 245px; }
.imgYub { width: 212px; height: 212px; max-width: 212px; max-height: 212px; }
.divYubName { font-size: 19px; padding: 14px 0 15px 0; font-weight: bold !important; }

.divCardWrapper { padding: 14px 12px; }
.divCallOutWrapper { padding: 33px 19px; }
.divCard { padding: 0 0 5px 0; border: 1px solid #F5F5F5; }
.divImg, .imgCard { width: 300px; height: 300px; max-width: 300px; max-height: 300px; }
.divImgCallOut, .imgCardCallOut { width: 300px; height: 480px; max-width: 300px; max-height: 480px; }
.divImgCallOutSubmission, .imgCardCallOutSubmission { width: 300px; height: 450px; max-width: 300px; max-height: 450px; }
.divImg { position: relative; }
.divCardSocial, .divCardSocial div, .divCardSocial a, .divCardSocial img { height: 20px; }
.divCardSocial { position: absolute; top: 5px; right: 5px; }
.aCardSocial { opacity: .33; filter: alpha(opacity=33); }
.divCardWrapper:hover .aCardSocial { opacity: .72; filter: alpha(opacity=72); }
     .divCardWrapper:hover .aCardSocial:hover, .divCardSocial:hover .socialCounter_Small { opacity: 1.0; filter: alpha(opacity=100); }
.divCardTop { height: 51px; font-size: 14px; }
     .divCardTop div { height: 55px; width: 300px; }
.divCardBottom, .divSubmBottom { width: 300px; }
.divCardBottom { height: 70px; }
.divSubmBottom { height: 55px; }
.divCardTitle { width: 280px; height: 36px; overflow: hidden; letter-spacing: 0.25px; line-height: 17px; font-size: 12px; }
     .divCardTitle a { display: inline; }
.aEditSubmission, .aCallOutAdmin, .aCallOutAdminApproved { font-weight: bold; font-size: 15px; }
.aEditSubmission, .aCallOutAdmin { color: #DD2525; }
.aCallOutAdminApproved { color: #537400 }
.aCallOutAdmin { line-height: 33px; }
.aBlogName { color: #266FA3; font-weight: normal; }
.divCardStats, .divCardStatsNoOp, .divCardSocial { height: 14px; font-size: 11px; line-height: 14px; }
.divCardStats, .divCardStatsNoOp { height: 19px; padding: 0 5px; }
     .divCardStats > div > span, .divCardStatsNoOp > div > span { padding: 0 0 0 5px; }
     .divCardStats img, .divCardStatsNoOp img { width: 16px; height: 16px; }
     .divCardStats .FLL { opacity: .55; filter: alpha(opacity=55); }
     .divCardStats .FLR { opacity: .55; filter: alpha(opacity=55); }
.divCardWrapper:hover .divCardStats div { opacity: 1.0 !important; filter: alpha(opacity=100); }
.divAd { width: 300px !important; height: 250px !important; background-color: #FDFFDD; }
/*
.divCardTitle { opacity: .87; filter: alpha(opacity=87); }
.divCardWrapper:hover .divCardTitle { opacity: .99; filter: alpha(opacity=99); }
*/

#divCopyright { padding: 0 5px; line-height: 33px; }

#disabler { z-index: 1001; height: 1300px; background-color: #5D5D5D; opacity: 0.5; position: fixed; bottom: 0; top: 0; left: 0; right: 0; display: none; }
.divDisabler { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #5D5D5D; opacity: .33; filter: alpha(opacity=33); }

.social_flat_icon_40 { background-image: url(/images/social_icons_flat_40.png); width: 40px; height: 40px; margin: 0 !important; display: block; }
     .social_flat_icon_40:hover { opacity: .81; }
.social_patreon_40 { background-position: 0 -360px; }
.social_pinterest_40 { background-position: 0 -360px; }
.social_facebook_40 { background-position: 0 -80px; }
.social_twitter_40 { background-position: 0 -120px; }
.social_googleplus_40 { background-position: 0 -200px; }
.social_instagram_40 { background-position: 0 -240px; }

.social_flat_icon_33 { background-image: url(/images/social_icons_flat_33.png); width: 33px; height: 33px; margin: 0 !important; display: block; }
.social_ppatreon_33 { background-position: 0 -297px; }
.social_pinterest_33 { background-position: 0 -297px; }
.social_facebook_33 { background-position: 0px -66px; }
.social_twitter_33 { background-position: 0 -99px; }
.social_googleplus_33 { background-position: 0 -165px; }
.social_instagram_33 { background-position: 0 -199px; }

.social_flat_icon_20 { background-image: url(/images/social_icons_flat_20.png); width: 20px; height: 20px; margin: 0 !important; display: block; }
     .social_flat_icon_20:hover { opacity: .81; }
.social_patreon_20 { background-position: 0 -180px; }
.social_pinterest_20 { background-position: 0 -180px; }
.social_facebook_20 { background-position: 0 -40px; }
.social_twitter_20 { background-position: 0 -60px; }
.social_googleplus_20 { background-position: 0 -100px; }
.social_instagram_20 { background-position: 0 -140px; }

/* Drop-and-Crop */
#divDropzone, .imgCropper { display: inline-block; border: 3px dashed #555; background-color: #DDDDDD; }
#divDropzone { border: 3px dashed #555; background-color: #DDDDDD; }
#divDropzoneDone, .imgCropper { border: 3px solid #FFF; background-color: #000; }

.btnJoin, .btnUnjoin { display: inline-block; border: 1px solid #DDD; font-size: 15px; height: 33px; padding: 0 12px; line-height: 33px; border-radius: 5px; min-width: 99px; text-align: center; vertical-align: bottom; margin-top: 19px; }
.btnJoin { color: #F5F5F5; background-color: #F26522; }
.btnUnjoin { color: #F26522; background-color: #FFF; }

.btnFollow, .btnFollowing, .btnVisitBlog { display: inline-block; text-align: center; vertical-align: bottom; font-size: 15px; }
.btnFollow, .btnFollowing { line-height: 33px; border: 1px solid #DDD; }
.btnVisitBlog { line-height: 39px; border: 1px solid #2395DD; }

.btnFollowing { color: #F26522; background-color: #FFF; }
     .btnFollowing:hover { color: #F5F5F5; background-color: #F26522; }
          .btnFollowing .spanFollowing, .btnFollowing:hover .spanUnfollow { display: block; }
          .btnFollowing:hover .spanFollowing, .btnFollowing .spanUnfollow { display: none; }

.divFollowings { background-color: #F5F5F5; margin-bottom: 9px; border: 1px solid #D5D5D5; }
.divFollowingsBlog a { font-size: 19px; }
.divFollowingsBlog span { font-size: 12px; }

#divLoadMore { line-height: 55px; background-color: #DDD; border-top: 1px solid #D5D5D5; display: none; }
#divNoMoreMessage { line-height: 59px; }

.divCategories { width: 300px; max-width: 300px; color: #757575; font-size: 11px; }
     .divCategories span { white-space: nowrap; background: #F5F5F5; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; margin: 2px; vertical-align: baseline; padding: 2px 3px; color: #A5A5A5; font-weight: normal; }
          .divCategories span:hover { font-weight: normal; color: #2395DD; }

#blogHeader { margin-bottom: 19px; background-color: #FDFDFD; }
.divBlogStatsWrapper { border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; background-color: #FAFAFA; }
.divBlogStats ul { font-weight: bold; padding: 0; margin: 0; /* background-color: #CCC; */ /* border: 1px solid #D5D5D5; */ border-right: none; text-shadow: 0 1px 0 rgba(255,255,255,.9); /* background: #DDD url("/images/white_bg_gradient.png") repeat-x 50% 50%; */ }
.divBlogStats li { display: inline-block; padding: 9px 2px; line-height: 19px; border: none; /* border-right: 1px solid #D5D5D5; */ }
.spanBlogCounter { font-size: 14px; color: #252525; }
.spanBlogStat { font-size: 11px; color: #656565; font-weight: normal; }
#divEmbedPost { background-color: #FAFAFA; padding: 25px 0 33px 0; border-bottom: 1px solid #DFDFDF; }
/*#blogHeader, #divEmbedPost { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0, 0, 0, 0.1); }*/

#imgCloseFrame { background-color: #DDD; border-radius: 50%; padding: 2px; margin-bottom: 2px; }

.MemberSocialButton { width: 32px; height: 32px; background-image: url(/images/ui.png); cursor: pointer; }
.btnFrameImage { width: 1px; height: 32px; }
.btnPT { background-position: 189px 33px; }
.btnFB { background-position: -1px 33px; }
.btnTW { background-position: 269px 33px; }
.btnGP { background-position: 110px 33px; }

#divSRG { margin: 0 19px 19px 19px; border: 1px solid #0184CE; background-color: #DEEEFB; border: 1px solid #DDDDDD; background-color: #F5F3F2; }
#divSRGH { font-weight: bold; font-size: 14px; cursor: pointer; }
#imgPlus, #imgMinus { vertical-align: top; padding: 2px 3px 0 0; }

.divHTMLViewer { font-weight: normal; border: none; background-color: #EFEFEF; }
#divHTML p, divHTML ul, divHTML ol, divHTML li { line-height: 25px; }
#divHTML .divCallOutWrapper { padding: 0; }

#divMyEBooksReport table, #divMyEBookTransfersReport table, #divCampaignReport table { border-collapse: collapse; }
#divMyEBooksReport th, #divMyEBooksReport td, #divMyEBookTransfersReport th, #divMyEBookTransfersReport td, #divCampaignReport th, #divCampaignReport td { border: 1px solid #888; padding: 9px 19px; max-width: 555px; }
#divMyEBooksReport th, #divMyEBookTransfersReport th, #divCampaignReport th { background-color: #DDD; }
#divMyEBooksReport td, #divMyEBookTransfersReport td, #divCampaignReport td { background-color: #FFF; padding: 11px; }
#divMyEBooksReport img, #divMyEBookTransfersReport img, #divCampaignReport img { max-height: 111px }
#divMyEBooksReport textarea, #divMyEBookTransfersReport textarea, #divCampaignReport textarea { width: -webkit-fill-available; }
#divEBookForm p { font-size: 15px; }
#divEBookForm .hrPageBreak { border-style: dashed; color: #DDD; page-break-after: always; }


/*https://support.google.com/adsense/answer/6307124#adv*/
.divBannerAd { background: #e5e5e5; border-bottom: 1px solid #d5d5d5; }
.insBannerAd { width: 320px; height: 100px; }

@media (min-width:320px) {
     .aad { display: none; }
     .aad320x250 { display: block; }
}

@media (min-width:360px) {
     .aad { display: none; }
     .aad320x250 { display: block; }
}

@media (min-width:500px) {
     .aad { display: none; }
     .aad320x250 { display: block; }

     .insBannerAd { width: 468px; height: 60px; }
}

@media (min-width:800px) {
     .aad { display: none; }
     .aad728x90 { display: block; }

     .insBannerAd { width: 728px; height: 90px; }
}

@media (min-width:950px) {
     .insBannerAd { width: 970px; height: 90px; }
}

@media (min-width:1280px) {
     .insBannerAd { width: 970px; height: 250px; }
}