/*------------------------------------------------------------------ [Layout Stylesheet] Project: Base Stylesheet Version: 1.0 [Table of contents] 0. Resets And Defaults 1. Header Area / #header-wrap / #header-content 2. Navigation / #top-nav 3. Search / #search 4. Body / #bodyitem 5. Content / #main-wrap / #main-content 6. Footer / #footer-wrap / #footer-content 7. Borrowed from Bootstrap -------------------------------------------------------------------*/ /* 0. Resets And Defaults */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; /*min-width: 0;*/ background: transparent; font-family: 'Glegoo', serif; } body { background: #FFFFFF; font-size: 14px; /* background:url('/images/background-paper-tile.png') repeat;*/ } body.whitebkg { background: #FFFFFF; } table { table-layout: fixed; } td { word-break: break-all; } img { border: 0px; } li { list-style-type: none; } hr { margin: 18px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } p { font-size: 14px; line-height: 20px; } p, a, strong, span, div, select, input, label, i, b, u, cite { font-family: Verdana; } h1 a, h2 a, h3 a, h4 a, h1 p, h2 p, h3 p, h4 p { font-family: 'Glegoo', serif; } input { padding: 0px; } a { color: rgb(40,95,177); text-decoration: none; } a:visited, a:active { color: rgb(40,95,177); text-decoration: underline; } h1 { } h2 { } h3 { font-size: 30px; line-height: 40px; margin: 4px 20px 4px 20px; } h4 { font-size: 18px; } h5 { } label { display: block; margin-bottom: 5px; } .rightalign { text-align: right; } .leftalign { text-align: left; } .centeralign { text-align: center; } .floatright { float: right; } .floatleft { float: left; } .clear { clear: both; max-height: 0px; } .fullwidth { width: 100%; } .halfwidth { width: 50%; } .rowPad { margin-bottom: 10px; } .hide { display: none; } .show, .block, .row { display: block !important; } .noscroll #PageWrapper { /*overflow: hidden !important;*/ position: fixed !important; width: 100%; overflow-y:scroll; } .noscroll #PageWrapper #header-body-wrapper { overflow-y:scroll; } .error { color: #b94a48; } a.more { font-size: 16px; clear: both; line-height: 17px; font-weight: bold; color: #166495; float: right; margin: 10px 0px 0px 0px; } .numbered-list { margin-left: 30px; } .numbered-list li { list-style-type: decimal; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .bodycopy .header { margin: 0px 0px 20px 0px; } .bodycopy .header h1 { font-size: 32px; line-height: 40px; } /* Hover styles*/ /*@media screen and (max-width:654px) {*/ .touch #newsitems .tools li span.copy.hide, .touch #relatednewsitems .tools li span.copy.hide { display: inline-block; } .touch #newsitems .item-hd .tools li.hide, .touch #newsitems .item-md .tools li.hide, .touch #relatednewsitems .item-hd .tools li.hide, .touch #relatednewsitems .item-md .tools li.hide { display: block; } /*}*/ /*@media screen and (min-width:655px) {*/ .no-touch a:hover { color: rgb(40,95,177); text-decoration: underline; } .no-touch .nav-menu a:hover { color: white; text-decoration: none; } .no-touch #newsitemheader .rightalign li:hover.close, .no-touch #OverlayItem .overlayheader .rightalign li:hover.close { border: 0; } .no-touch #newsitemheader li a:hover, .no-touch #OverlayItem .overlayheader li a:hover { text-decoration: none; } .no-touch .close:hover { border: 0; opacity: 0.4; } .no-touch .item-hd:hover, .no-touch .item-md:hover { border: 1px solid #999999; } .no-touch .item-hd.placeholder:hover, .no-touch .item-md.placeholder:hover { border: 1px solid #DDDDDD; } .no-touch .item-hd a:hover, .no-touch .item-md a:hover { text-decoration: none; color: inherit; } .no-touch .news-detail:hover span.play-button { background-position: 0 -101px; } .no-touch li.place:hover, .no-touch li.tag:hover { text-decoration: none; } .no-touch li.place a:hover, .no-touch li.tag a:hover { text-decoration: none; } .no-touch li.tag a:hover { border-bottom: 1px solid transparent; } .no-touch #PinnedPlaces li.place:hover a.close, .no-touch #PinnedTags li.tag:hover a.close { display: block; cursor: pointer; } .no-touch #PinnedTags li.tag a:hover { border-bottom: 0px; } /*#tagswithinmap li.tag:hover a.pin-arrow { display:block; }*/ .no-touch #placeswithinmap li.place:hover a.pin-arrow { display: block; cursor: pointer; } .no-touch #placeswithinmap li.place.nopinning:hover a.pin-arrow { display: none; } .no-touch #placeswithinmap li:hover, .no-touch #PinnedPlaces li:hover, .no-touch #tagswithinmap li:hover, .no-touch #PinnedTags li:hover { background: #EDEDEB; text-decoration: none; } .no-touch #tagswithinmap li:hover, .no-touch #PinnedTags li:hover { background: url('/images/tab-background.png') repeat-x; } .no-touch #placeswithinmap li:hover { border: 1px solid #dddddd; border-right: 0px; } .no-touch .prev:hover, .no-touch .next:hover, .no-touch .prev:hover, .no-touch .next:hover { text-decoration: none; } .no-touch #newsitems .item-hd:hover .news-footer-items { border-top: 1px solid #999999; } .no-touch #newsitems .item-hd:hover .news-footer.video .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.video .news-footer-items { border-top: 1px solid #d71f4a; } .no-touch #newsitems .item-hd:hover .news-footer.sports .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.sports .news-footer-items { border-top: 1px solid #467BC4; } .no-touch #newsitems .item-hd:hover .news-footer.local .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.local .news-footer-items { border-top: 1px solid #e7b900; } .no-touch #newsitems .item-hd:hover .news-footer.business .news-footer-items, .no-touch newsitems .item-md:hover .news-footer.business .news-footer-items { border-top: 1px solid #009011; } .no-touch #newsitems .item-hd:hover .news-footer.events .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.events .news-footer-items { border-top: 1px solid #a6619f; } .no-touch #newsitems .item-hd:hover .news-footer.politics .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.politics .news-footer-items { border-top: 1px solid #6100b4; } .no-touch #newsitems .item-hd:hover .news-footer.music .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.music .news-footer-items { border-top: 1px solid #97c01b; } .no-touch #newsitems .item-hd:hover .news-footer.weather .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.weather .news-footer-items { border-top: 1px solid #00c49a; } .no-touch #newsitems .item-hd:hover .news-footer.food .news-footer-items, .no-touch #newsitems .item-md:hover .news-footer.food .news-footer-items { border-top: 1px solid #228bb7; } .no-touch #tagswithinmap li.tag:hover, .no-touch #tagswithinmap li.tag.selected { border-top: 4px solid #999999; border-bottom: 4px solid #EDEDEB; text-decoration: none; background: url('/images/tab-background.png') repeat-x; } .no-touch #tagswithinmap li.tag.video:hover, .no-touch #tagswithinmap li.tag.video.selected { border-top: 4px solid #d71f4a; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.sports:hover, .no-touch #tagswithinmap li.tag.sports.selected { border-top: 4px solid #467BC4; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.local:hover, .no-touch #tagswithinmap li.tag.local.selected { border-top: 4px solid #e7b900; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.events:hover, .no-touch #tagswithinmap li.tag.events.selected { border-top: 4px solid #a6619f; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.politics:hover, .no-touch #tagswithinmap li.tag.politics.selected { border-top: 4px solid #6100b4; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.music:hover, .no-touch #tagswithinmap li.tag.music.selected { border-top: 4px solid #97c01b; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.weather:hover, .no-touch #tagswithinmap li.tag.weather.selected { border-top: 4px solid #00c49a; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.business:hover, .no-touch #tagswithinmap li.tag.business.selected { border-top: 4px solid #009011; border-bottom: 4px solid #EDEDEB; } .no-touch #tagswithinmap li.tag.food:hover, .no-touch #tagswithinmap li.tag.food.selected { border-top: 4px solid #228bb7; border-bottom: 4px solid #EDEDEB; } .no-touch #newsitems .item-hd:hover .tools li.hide, .no-touch #newsitems .item-md:hover .tools li.hide, .no-touch #relatednewsitems .item-hd:hover .tools li.hide, .no-touch #relatednewsitems .item-md:hover .tools li.hide { display: block; } .no-touch #newsitems .item-hd:hover .tools li span.copy.hide, .no-touch #newsitems .item-md:hover .tools li span.copy.hide, .no-touch #relatednewsitems .item-hd:hover .tools li span.copy.hide, .no-touch #relatednewsitems .item-md:hover .tools li span.copy.hide { display: inline-block; } .no-touch #AssignmentsList h3 a:hover { text-decoration: none; } /*}*/ /* Overlay for Shadowbox */ #LoginShadow, #Overlay, #SubscribeShadow, #UserProfileOverlay { -webkit-overflow-scrolling: touch; /*overflow-x: scroll;*/ overflow-y: scroll; background-color: rgb(180, 180, 180); background-color: rgba(180, 180, 180, 0.8); position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999; display: none; padding: 10px 0px; } .no-touch #LoginShadow, .no-touch #Overlay, .no-touch #SubscribeShadow, .no-touch #UserProfileOverlay { overflow-x: auto; overflow-y: auto; } #OverlayItemWrapper, #UserProfileOverlayItemWrapper { max-width: 640px; min-width: 280px; min-height: 660px; position: static; background: #FFFFFF; margin: 0px auto 20px auto; border: 1px solid #999; } #UserProfileOverlayItemWrapper { min-height: 400px; } #Overlay.message #OverlayItemWrapper { min-width: 500px; min-height: 300px; max-width: 500px; } #OverlayItem #newsitemheader, .overlayheader { padding: 20px 20px; } #OverlayItem #newsitem, #OverlayItem .newsitem { padding: 0px 20px 0px 20px; margin-left: 0px; } #OverlayItem h4 { margin: 0px 20px 20px 20px; } #newsitemheader { padding: 10px 0px; } #newsitemheader h2 { margin: 0px; } #newsitemheader h2 a { font-weight: normal; } input[type="text"].newsitem-link { color: #777777; padding: 2px; border: 1px solid #ebebeb; font-size: 11px; font-family: verdana; /*width:540px;*/ width: 554px; margin: 0px; } #OverlayItem p, #OverlayItemWrapper p { font-size: 16px; line-height: 20px; margin: 0px 20px 10px 20px; } #newsitemheader .leftalign, .overlayheader .leftalign { float: left; } #newsitemheader .rightalign, .overlayheader .rightalign { float: right; } #newsitemheader li, .overlayheader li { float: left; } #newsitemheader .rightalign li.close a, .overlayheader .rightalign li.close a { background: url('/images/slideout-buttons.png'); height: 26px; width: 25px; display: block!important; padding: 0px; border: 0; } #newsitemheader .rightalign li.close, .overlayheader .rightalign li.close { border: 0; margin-right: 0px; } #newsitemheader li, .overlayheader li { margin-right: 4px; margin-bottom: 4px; } #newsitemheader li a, .overlayheader li a { font-size: 12px; font-family: Verdana; color: #777777; padding: 4px 5px; display: block; } .loading { text-align: center; margin: 0px auto; display: none; } .loading img { width: 32px; height: 32px; border: 0; margin: 0; padding: 0; } /* Standard Close X */ div.shadowheader { width: 100%; text-align: right; margin-bottom: 10px; } .close { border: 0; display: block; height: 24px; width: 24px; float: right; opacity: 0.2; } .close a { background: url('/images/slideout-buttons.png'); height: 26px; width: 25px; display: block; padding: 0px; border: 0; } /*********************************************************/ /* 1. Header Area */ /*********************************************************/ #header-body-wrapper { position: fixed; left: 0px; top: 0px; z-index: 9999; padding: 0px; width: 100%; margin: 0 auto; background: #333; height: 53px; /*box-shadow: 0 0px 30px rgba(34,25,25,0.5); -moz-box-shadow: 0 0px 30px rgba(34,25,25,0.5); -webkit-box-shadow: 0 0px 30px rgba(34,25,25,0.5);*/ } #header-body { margin-left: 10%; color: white; margin: 0 auto; } #header-body .logo { float: left; margin-right: 9px; margin-top: 4px; } #header-body .logo img { width: 200px; } #header-body h1 { float: left; color: white; margin-left: 230px; height: 40px; margin-top: 7px; font-size: 18px; overflow: hidden; } /* Navigation Menu */ .nav-menu { /*margin-top: 6px;*/ float: right; } .nav-menu a { display: block; /*margin-left: 16px;*/ color: #FFF; font-size: 12px; text-decoration: none; } .mobilebtn { display: none; } /* Login Forms CSS */ /*#EntryForm { padding: 20px; width: 260px; color: black; margin: 0 auto; background-color: #FFF; border: 1px solid #CCC; z-index: 200; }*/ #EntryForm { padding: 20px 20px 0px 20px; width: 600px; color: black; margin: 0 auto; background-color: #FFF; border: 1px solid #CCC; z-index: 200; } #SubscribeShadow #EntryForm { padding: 20px; } .subscribe-btn { position: relative; float: left; } #ProfileHead .newscast-header .subscribe-btn { margin-top: 0px; } #ProfileHead .item { margin-top: 20px; width: 100%; padding-left: 20px; display: block; } #ProfileHead .item li { float: left; width: 122px; height: 122px; margin-right: 20px; margin-bottom: 20px; } #ProfileHead .item li a { display: block; } #ProfileHead .item li img { width: 122px; } #SubscribeOverlay { display: none; position: absolute; top: -18px; left: 48px; padding: 10px 10px 10px 10px; background: #FFFFFF; box-shadow: 1px 1px 2px rgba(34,25,25,0.2); -moz-box-shadow: 1px 1px 2px rgba(34,25,25,0.2); -webkit-box-shadow: 1px 1px 2px rgba(34,25,25,0.2); border: 1px solid #CCCCCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 999; min-width: 292px; min-height: 36px; } #ProfileHead .newscast-header #SubscribeOverlay { left: 48px; top: -8px; } #SubscribeOverlay .carrot { position: absolute; left: -10px; top: 18px; background: url('/images/carrot-left.png') no-repeat; width: 10px; height: 21px; } #SubscribeOverlay .loading { /*display: block;*/ margin-top: 0px; } /*#SubscribeOverlay .loading.hide { display: none; }*/ #SubscribeOverlayContent { margin: 0 auto; } #SubscribeOverlay p { font-size: 10px; line-height: 12px; margin-bottom: 4px; } #SubscribeOverlay p.response { margin-top: 14px; font-size: 12px; line-height: 12px; text-align: center; } #SubscribeOverlay .input { float: left; margin-right: 4px; width: 207px; margin-bottom: 0px; } #SubscribeOverlay input[type="text"] { margin: 0px; font-size: 10px; line-height: 10px; height: 18px; } #SubscribeOverlay .btn { padding-top: 0px; padding-bottom: 0px; font-size: 10px; line-height: 20px; } #SubscribeOverlay a.closebtn { text-decoration: none; position: absolute; right: 5px; top: 5px; display: block; background: url('/images/close-small.png') no-repeat; width: 7px; height: 7px; } #SubscribeOverlay a.closebtn:hover { text-decoration: none; } #LoginShadow { display: none; } #LoginShadow fieldset.login { color: black; } #LoginShadow .full { display: block; text-align: center; } #login { margin-top: 10px; } /* Subscribe Form CSS */ #SubscribeShadow { display: none; } /* Map Styles */ .location-btn { position: relative; } .location-btn #LocationLoading.loading.show { display: block !important; } .location-btn #LocationLoading.loading { position: absolute; top: 20px; right: 24px; } .location-btn #LocationLoading.loading img { width: 16px; height: 16px; } #LocationMenu { display: none; margin: 20px 20px 0px 20px; position: relative; height: 31px; } #LocationMenu ul { position: absolute; z-index: 999; } #LocationMenu li { color: #777777; float: left; text-align: center; cursor: pointer; font-family: Verdana; border: 1px solid #dddddd; border-right: 0px; font-size: 14px; padding: 6px 22px; background: #f9f9f9; } #LocationMenu li.selected { cursor: none; background: #f9f9f9 url('/images/tab-background.png') repeat-x; border-bottom: 1px solid transparent; } #LocationMenu li.last { border-right: 1px solid #dddddd; } #LocationMenu .bottomborder { position: absolute; bottom: 0px; left: 0px; border-bottom: 1px solid #dddddd; z-index: 99; width: 100%; max-height: 1px; } #MapWrapper { padding: 20px; display: none; } #map_canvas { height: 318px; width: 820px; /*border:1px solid #CCCCCC;border-top:0px;*/ } /*#MapWrapper { overflow:hidden; margin-bottom:4px; padding:0px;margin:0px;position:relative; top:-5px; z-index:9; } #MapWrapper.short { height:34px; } #MapWrapper.full { height:400px; } #ExpandMap { width:100%; text-align:center; height:8px; background:url('/images/map-bottom-bar.png') repeat-x; margin-bottom:40px; margin-top:-5px; box-shadow: 0 0px 10px rgba(34,25,25,0.5); -moz-box-shadow: 0 0px 10px rgba(34,25,25,0.5); -webkit-box-shadow: 0 0px 10px rgba(34,25,25,0.5); } #ExpandMap a { display:block; padding:2px 0px; } #ExpandMap a span { display:block; width:6px; height:3px; margin:0 auto; background:url('/images/expand-arrow.png') no-repeat; } #ExpandMap a span.full { background-position:0 -4px; } #ExpandMap a span.short { background-position:0 0; }*/ /*************************************************************/ /* 4. Body */ /*************************************************************/ #BodyWrapper { width: 100%; padding-top: 90px; clear: both; } #BodyWrapper.app { padding-top: 10px; } #BodyWrapper.nopaddingtop { padding-top: 58px; } #contentheader { margin-bottom: 4px; } #BodyWrapper.white-head { background-color: white; padding-bottom: 30px; } #BodyWrapper.half-page { border-top: 1px solid #CCC; padding-top: 10px; } #BodyWrapper .input.col3 { float: left; width: 56%; margin-right: 10px; } #BodyWrapper .link-photo-wrapper { margin-right: 10px; text-align: center; float: left; display: block; margin-bottom: 10px; } #BodyWrapper .link-photo { width: 130px; text-align: center; overflow: hidden; } #BodyWrapper .link-photo img { max-width: 130px; display: block; } /* Place Tags */ #location { float: left; } .subscribe-link span { position: relative; top: -5px; margin-left: 5px; text-decoration: none; } /* Body Copy Columns */ .bodycopy { width: 960px; margin: 0 auto; } .bodycopy p { margin: 5px 0px; font-family: Verdana; font-weight: normal; font-size: 14px; line-height: 20px; color: #555555; } .main-col { width: 640px; margin-right: 20px; float: left; } .side-col { width: 300px; float: left; } .side-col h4 { margin-top: 15px; } .side-col h4.first { margin-top: 0px; } .side-head-pad { padding-top: 46px; } /* News Places List Page Specific */ #PageHeadWrapper { padding-top: 30px; background-color: white; } /* Public Profile View Page */ #NewscastCoverImage { height: 315px; } #NewscastCoverImage .cover-left-col { float: left; height: 100%; width: 1275px; background-repeat: no-repeat; background-size: 1275px; background-position: 50%; } #NewscastCoverImage .cover-right-col { float: right; width: 300px; height: 315px; margin-right: 22px; } #NewscastCoverImage .cover-right-col p { font-size: 14px; margin-top: 15px; } #NewscastCoverImage .cover-right-col p.bio { margin-top: 0px; margin-bottom: 30px; } #NewscastCoverImage div.social-buttons { margin-bottom: 0px; margin-top: 10px; } #ProfileHead { margin-bottom: 10px; } #Profile #ProfileHead { margin: 0px; position: absolute; bottom: -90px; left: 20px; } #ProfileHead h2 { margin: 10px 0px 5px 20px; font-size: 32px; } #ProfileHead h2 span.label { float: left; } #ProfileHead .twitter-pad, #ProfileHead .fb-pad { float: left; } #ProfileHead .fb-pad { margin: 4px 10px 0px 5px; } #ProfileHead .twitter-pad iframe { margin-top: 4px; } #Profile #ProfileHead .newscast-image { height: 180px; width: 180px; } #ProfileHead .newscast-image { background-color: #CCC; float: left; margin: -100px 15px 0px 20px; } #ProfileHead .newscast-image img { height: 180px; width: 180px; border: 1px solid #ccc; } .newscast-header { position: relative; margin: 10px 0px 5px 20px; } #ProfileHead .newscast-header h2 { margin-top: 0px; float: left; font-size: 32px; color: #444444; } #Newscast { float: left; margin-top: 20px; margin-left: 220px; } .input.newscast { width: 280px; float: left; margin-right: 10px; } /* Private Profile Page */ .profile-image { width: 180px; float: left; margin-right: 20px; border: 1px solid transparent; } .profile-image #fileupload-ctrl { background-color: transparent; width: 180px; margin-bottom: 10px; } .profile-image .btn { display: block; } .profile-image img { border: 1px solid #cccccc; } .profile-form { width: 390px; float: left; } #loading { display: none; } #messagepanel { margin: 40px auto 0 auto; width: 40%; min-width: 258px; padding: 20px; border: 1px solid #dddddd; display: none; background: #FFFFFF; } #messagepanel strong { font-size: 16px; line-height: 20px; font-weight: bold; color: #444444; } /*.item-container { float: left; }*/ .news-detail { width: 100%; height: 416px; /*height: 374px;*/ overflow: hidden; } /* the following style is too generic and breaks things. If this is found to be needed add the block class to the tag instead of making all ".news-detail a" tags have block. */ /*.news-detail a { display:block; }*/ .news-detail p.full-description a { display: inline; height: auto; } .news-detail p.full-description img { max-width: 600px; border: 1px solid #CCC; } .item-hd .news-detail p { color: #555555; font-size: 16px; /* line-height: 21px; */ line-height: 20px; margin: 0px 20px; } .item-md .news-detail p { font-size: 14px; margin: 0px 20px; line-height: 17px; /*line-height:16px;*/ } .item-hd h3 { font-size: 32px; /* line-height: 42px; */ line-height: 40px; margin: 10px 20px 4px 20px; } .item-hd .news-detail h3 p { font-size: 32px; line-height: 40px; margin: 0px; font-family: 'Glegoo', serif!important; color: #444444; } .item-md h3 { font-size: 24px; /* line-height: 34px; */ line-height: 33px; margin: 10px 20px 4px 20px; } .item-md .news-detail h3 p { font-size: 24px; line-height: 33px; margin: 0px; font-family: 'Glegoo', serif!important; color: #444444; } #newsitem h1, #newsitem .news-detail h1 p, .newsitem h1, .newsitem .news-detail h1 p { font-family: 'Glegoo', serif; font-weight: bold; font-size: 32px; line-height: 40px; margin: 0px 0px 4px 0px; } #newsitem h2, #newsitem .news-detail h2 p, .newsitem h2, .newsitem .news-detail h2 p { font-family: 'Glegoo', serif; font-weight: bold; font-size: 21px; line-height: 26px; margin-bottom: 10px; } .item-hd .image-wrapper span.play-button { left: 41%; } #newsitems .item-hd a, #newsitems .item-md a, #relatednewsitems .item-hd a, #relatednewsitems .item-md a { color: #444; } .item-hd a, .item-md a, .item-hd a:active, .item-md a:active, .item-hd a:visited, .item-md a:visited { text-decoration: none; color: inherit; } .image-wrapper { display: block; width: 100%; height: 200px; overflow: hidden; position: relative; } .image-wrapper .img { position: relative; } #newsitems .image-wrapper { box-shadow: 0 0px 30px rgba(34,25,25,0.3); -moz-box-shadow: 0 0px 30px rgba(34,25,25,0.3); -webkit-box-shadow: 0 0px 30px rgba(34,25,25,0.3); } .image-wrapper img { width: 100%; } #newsitems .image-wrapper .item-image, #relatednewsitems .image-wrapper .item-image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .image-wrapper.youtube img { width: 120%; margin-top: -34px; margin-left: -5px; } .item-hd .image-wrapper.youtube img { width: 105%; margin-top: -80px; margin-left: -5px; } .image-wrapper span.play-button { position: absolute; top: 27%; left: 28%; z-index: 999; background: url('/images/playbutton.png') no-repeat; width: 144px; height: 100px; } .places-list { float: left; margin-right: 8px; } .tags-list { float: left; } /* generic item-hd and item-md styles (more styles found in size css files) */ .item-hd { width: 620px; height: 458px; margin: 10px 10px; background: white; float: left; border: 1px solid #DDD; } .item-md { width: 300px; height: 458px; margin: 10px 10px; background: white; float: left; border: 1px solid #DDD; } .item-1x2 { width: 300px; /*height: 936px;*/ margin: 10px 10px; background: white; border: 1px solid #DDD; } /*float: right; */ .item-1x2 .news-detail { width: 100%; /*height: 936px;*/ height: 445px; overflow: hidden; } /* Place/Tag Carousel */ #PlacesWrapper { border-top: 0; margin-top: -10px; padding: 0px; margin-bottom: 20px; } #TagsWrapper { margin-top: 10px; position: relative; } #placeswithinmap, #tagswithinmap { float: left; overflow: hidden; } #placeswithinmap { height: 31px; } #placeswithinmap #places, #tagswithinmap #tags { float: left; overflow: hidden; } #tagswithinmap #tags { margin: 0px; height: 38px; position: relative; } #placeswithinmap #places ul, #tagswithinmap #tags ul { position: relative; left: 0; top: 0; bottom: 0; right: 0; } #PinnedPlaces, #PinnedTags { float: left; margin-bottom: 4px; overflow: hidden; display: block; margin-right: 20px; } #PinnedPlaces li, #PinnedTags li { float: left; } li.place, li.tag { font-size: 14px; background: #f9f9f9; float: left; border: 1px solid #dddddd; margin: 0px 4px; position: relative; } li.place a, li.tag a { font-size: 14px; font-family: Verdana; color: #777777; padding: 4px 5px; display: block; } li.place a { padding: 6px 12px; } li.place.first, li.tag.first { margin-left: 0px; } li.place.last, li.tag.last { margin-right: 0px; } li.tag { margin: 0px; border-right: 0px; border-bottom: 0px; font-size: 14px; position: relative; } li.tag a { font-size: 14px; padding: 6px 22px; } #tagswithinmap li.tag.last a { border-right: 1px solid #dddddd; } #PinnedPlaces li.place a.close, #PinnedTags li.tag a.close { opacity: 1.0; filter: alpha(opacity=100); padding: 0px; display: none; color: #FFF; position: absolute; right: 2px; top: 2px; width: 10px; height: 10px; background: url('/images/close.png') no-repeat; } #placeswithinmap li.place a.pin-arrow, #tagswithinmap li.tag a.pin-arrow { padding: 0px; display: none; position: absolute; left: -1px; top: 10px; width: 10px; height: 10px; background: url('/images/arrow.png') no-repeat; } #placeswithinmap li, #PinnedPlaces li, #tagswithinmap li, #PinnedTags li { font-size: 14px; background: #f9f9f9; float: left; border: 1px solid #dddddd; border-right: 0px; margin: 0px; } #placeswithinmap li.last, #PinnedPlaces li.last { border-right: 1px solid #dddddd; } .prev, .next { background: url("/images/slideout-buttons.png") no-repeat; opacity: 1.0; filter: alpha(opacity=100); height: 26px; width: 25px; margin-top: 4px; border: 0 none; display: none; font-size: 10px; font-family: Verdana; line-height: 11px; font-weight: normal; color: #666666; float: left; } .prev, .prev { margin-right: 0px; background-position: 0 -25px; } .next { margin-left: 0px; background-position: 8px -50px; } #tagswithinmap .prev, #tagswithinmap .next { margin-top: 8px; } .prev.disabled, .next.disabled { opacity: .3; filter: alpha(opacity=30); } #tagswithinmap li.tag { border: 0; border-bottom: 4px solid #999999; border-top: 4px solid #EDEDEB; font-size: 14px; margin: 0px; } #tagswithinmap li.tag a { border: 1px solid #dddddd; border-right: 0px; border-bottom: 0px; font-size: 14px; padding: 6px 22px; } #tagswithinmap li.tag.last { border-right: 0px; margin-right: 0px; } #tagswithinmap li.tag.last a.last { border-right: 1px solid #dddddd; } #tagswithinmap li.tag.video { border-bottom: 4px solid #d71f4a; } #tagswithinmap li.tag.sports { border-bottom: 4px solid #467BC4; } #tagswithinmap li.tag.local { border-bottom: 4px solid #e7b900; } #tagswithinmap li.tag.business { border-bottom: 4px solid #009011; } #tagswithinmap li.tag.events { border-bottom: 4px solid #a6619f; } #tagswithinmap li.tag.politics { border-bottom: 4px solid #6100b4; } #tagswithinmap li.tag.music { border-bottom: 4px solid #97c01b; } #tagswithinmap li.tag.weather { border-bottom: 4px solid #00c49a; } #tagswithinmap li.tag.food { border-bottom: 4px solid #228bb7; } #StoryForm h1 { margin-bottom: 20px; } #StoryTypes { position: relative; margin-bottom: 20px; } #StoryTypes li { border: 1px solid #dddddd; border-right: 0px; border-bottom: 1px solid transparent; font-size: 14px; margin: 0px; float: left; background: #f9f9f9; } #StoryTypes li a { font-size: 14px; padding: 6px 22px; cursor: pointer; display: block; font-family: Verdana; color: #777777; } #StoryTypes li.last { border-right: 1px solid #dddddd; } #StoryTypes .bottomborder { position: absolute; bottom: 0px; left: 0px; border-bottom: 1px solid #dddddd; z-index: 99; width: 100%; } .no-touch #StoryTypes li:hover, #StoryTypes li.selected { text-decoration: none; position: relative; z-index: 100; } #StoryTypes li.selected a { text-decoration: none; background: url('/images/tab-background.png') repeat-x; } .no-touch #StoryTypes li a:hover { text-decoration: none; } .no-touch #StoryTypes li:hover { border-bottom: 1px solid #dddddd; background: url('/images/tab-background.png') repeat-x; } .no-touch #StoryTypes li:hover.selected { border-bottom: 1px solid transparent; } .news-footer { border-top: 1px solid #999999; } #NewsDetailWrapper.preview .news-footer, #OverlayItem.preview .news-footer, .newsdetailwrapper.preview .news-footer { margin-top: 10px; } .news-footer-items { border-top: 1px solid transparent; } .news-footer.video { border-top: 1px solid #d71f4a; } .news-footer.sports { border-top: 1px solid #467BC4; } .news-footer.local { border-top: 1px solid #e7b900; } .news-footer.business { border-top: 1px solid #009011; } .news-footer.events { border-top: 1px solid #a6619f; } .news-footer.politics { border-top: 1px solid #6100b4; } .news-footer.music { border-top: 1px solid #97c01b; } .news-footer.weather { border-top: 1px solid #00c49a; } .news-footer.food { border-top: 1px solid #228bb7; } #NewsDetailWrapper .news-footer-items, #OverlayItem .news-footer-items { border-bottom: 1px solid #666; } #NewsDetailWrapper .news-footer.video .news-footer-items, #OverlayItem .news-footer.video .news-footer-items { border-bottom: 1px solid #d71f4a; } #NewsDetailWrapper .news-footer.sports .news-footer-items, #OverlayItem .news-footer.sports .news-footer-items { border-bottom: 1px solid #467BC4; } #NewsDetailWrapper .news-footer.local .news-footer-items, #OverlayItem .news-footer.local .news-footer-items { border-bottom: 1px solid #e7b900; } #NewsDetailWrapper .news-footer.business .news-footer-items, #OverlayItem .news-footer.business .news-footer-items { border-bottom: 1px solid #009011; } #NewsDetailWrapper .news-footer.events .news-footer-items, #OverlayItem .news-footer.events .news-footer-items { border-bottom: 1px solid #a6619f; } #NewsDetailWrapper .news-footer.politics .news-footer-items, #OverlayItem .news-footer.politics .news-footer-items { border-bottom: 1px solid #6100b4; } #NewsDetailWrapper .news-footer.music .news-footer-items, #OverlayItem .news-footer.music .news-footer-items { border-bottom: 1px solid #97c01b; } #NewsDetailWrapper .news-footer.weather .news-footer-items, #OverlayItem .news-footer.weather .news-footer-items { border-bottom: 1px solid #00c49a; } #NewsDetailWrapper .news-footer.food .news-footer-items, #OverlayItem .news-footer.food .news-footer-items { border-bottom: 1px solid #228bb7; } #TagsWrapper .bottomborder { position: absolute; bottom: 0px; left: 0px; border-bottom: 1px solid #dddddd; z-index: 99; width: 100%; max-height: 1px; } #tagswithinmap .tagslist { position: absolute; top: 0px; left: 0px; z-index: 100; } #tagswithinmap .tagslist ul { max-height: 38px; } #NewsDetailWrapper, .newsdetailwrapper { max-width: 630px; min-width: 280px; } #NewsDetailWrapper #newsitem a, .newsdetailwrapper .newsitem a { display: inline; } #newsitem, .newsitem { padding: 0px 0px; } #newsitem .news-detail, .newsitem .news-detail { width: auto; height: auto; overflow: hidden; } #newsitem .news-detail p, .newsitem .news-detail p { font-size: 14px; line-height: 20px; color: #555; margin: 0px 0px 10px 0px; } #newsitem .news-detail p img, .newsitem .news-detail p img { max-width: 600px; } #StoryForm br, #newsitem .news-detail br, .newsitem .news-detail br { line-height: 21px; margin: 0px; } #newsitem .news-detail .sponsor br, .newsitem .news-detail .sponsor br { line-height: 21px; } #newsitem .news-footer-items { padding: 8px 0px; } #newsitem .image-wrapper, .newsitem .image-wrapper { display: block; width: auto; height: auto; overflow: hidden; margin-bottom: 10px; } #newsitem video, .newsitem video { margin-bottom: 10px; } #NewsDetailWrapper #newsitem.internal-mobile .news-list-item, .newsdetailwrapper .newsitem.internal-mobile .news-list-item { margin-top: 10px; margin-bottom: 0px; } #newsitem.internal-mobile .share-button-container, .newsitem.internal-mobile .share-button-container { margin-bottom: 20px; } #newsitem .image-wrapper img, .newsitem .image-wrapper img { width: 628px; max-width: 630px; border: 1px solid #CCCCCC; display: block; } #newsitem .pinit-button img, .newsitem .pinit-button img { width: 100%; border: 0px; } #newsitem a, .newsitem a { display: inline; font-family: Verdana; } #newsitem a.more, .newsitem a.more { padding-bottom: 20px; } #newsitem .news-list-item .image-wrapper, .newsitem .news-list-item .image-wrapper { margin-bottom: 0px; } #newsitem cite, .news-list-item cite, .newsitem cite, .news-list-item cite { font-size: 11px; line-height: 12px; color: #999; } #newsitem cite.alignright, .news-list-item cite.alignright, .newsitem cite.alignright, .news-list-item cite.alignright { text-align: right; display: block; } #newsitem .news-detail cite p, #newsitem cite a, .news-list-item cite a, .newsitem .news-detail cite p, .newsitem cite a { margin: 0px; color: #999; font-size: 9px; line-height: 10px; } #newsitem cite a:hover, .newsitem cite a:hover, .news-list-item cite a:hover { color: #999; } .news-list-item { margin-bottom: 30px; border-bottom: 1px solid #DDD; } .news-footer { /*border-top: 1px solid #ddd;*/ overflow: hidden; width: 100%; } .news-footer-items { height: 26px; line-height: 12px; padding: 8px 20px; overflow: hidden; } .item-md .news-footer-items { width: 260px; } .item-hd .news-footer-items { width: 580px; } .news-footer-items cite { font-family: verdana; font-size: 10px; color: #777; font-style: normal; margin: 0px; display: block; overflow: hidden; height: 12px; } .news-footer-items a.image img, .news-footer-items span.image img { vertical-align: top; width: 24px; height: 24px; border: 1px solid #CCCCCC; } .news-footer-items a.image, .news-footer-items span.image { float: left; margin-right: 6px; } .news-footer-items span { /* margin-left: 8px;*/ font-weight: normal; } .news-footer-items .news-related ul { margin: 0px; padding: 0px; width: 524px; overflow: hidden; padding-top: 3px; height: 14px; } .item-md .news-footer-items .news-related ul { width: 224px; } .item-hd .news-footer-items .news-related ul { width: 544px; } .news-footer-items .news-related li { font-family: verdana; font-size: 10px; color: #777; list-style: none; font-weight: bold; margin-left: 0px; margin-right: 8px; padding: 0px; } .news-footer-items .news-related li.publisher-cite { margin-left: 0px; } .news-footer-items .news-related a { font-family: verdana; font-weight: bold; font-size: 10px; color: #777; } .news-footer-items .news-related p { font-family: verdana; font-size: 10px; color: #777; margin: 0px; padding: 0px; } #NewsDetailWrapper .news-footer-items, #OverlayItem .news-footer-items { height: auto; overflow: visible; margin-bottom: 20px; } #NewsDetailWrapper .news-footer-items ul, #OverlayItem .news-footer-items ul { width: 270px; } #NewsDetailWrapper .tools, #OverlayItem .tools { padding: 13px 0px 0px 0px; } /* Fix detail views so that the Facebook Share tool works. */ #NewsDetailWrapper .news-detail, .newsdetailwrapper .news-detail, #OverlayItem .news-detail, #NewsDetailWrapper #newsitem .news-detail, .newsdetailwrapper .newsitem .news-detail, #OverlayItem #newsitem .news-detail, #NewsDetailWrapper .news-footer, #OverlayItem .news-footer { overflow: visible; } #NewsDetailWrapper hr, .newsdetailwrapper hr { clear: both; } /* News Item Share Buttons (code by socialite.js plugin http://socialitejs.com) */ .social-buttons { display: block; list-style: none; padding: 0; float: left; width: 298px; height: 65px; } .social-buttons > div { display: block; margin: 0; padding-right: 10px; float: left; } .social-buttons .socialite { display: block; position: relative; background: url('/images/social-sprite.png') 0 0 no-repeat; } .social-buttons .socialite-loaded { background: none !important; } .social-buttons .twitter-share { width: 55px; height: 65px; background-position: 0 0; } .social-buttons .googleplus-one { width: 50px; height: 65px; background-position: -75px 0; } .social-buttons .facebook-like { width: 50px; height: 65px; background-position: -145px 0; } .social-buttons .linkedin-share { width: 60px; height: 65px; background-position: -215px 0; } .vhidden { display: none; } #newsitem a.share-btn, .newsitem a.share-btn, .share-btn, #NewsDetailWrapper a.share-btn, .newsdetailwrapper a.share-btn { display: none; float: right; } /* Image Gallery Styles*/ div#ImageGallery { margin-bottom: 30px; } div#ImageGallery .prev, div#ImageGallery .next { margin-top: 36px; } div#SelectedImage { width: 600px; max-height: 640px; margin: 0 auto; } div#SelectedImage .gallery-image-wrapper { margin: 0 auto; padding-top: 10px; width: 600px; height: 500px; overflow: hidden; text-align: center; background-color: #333; border: 1px solid #666; display: table-cell; vertical-align: middle; } div#SelectedImage .gallery-image-wrapper img { margin: auto 0px; border: 1px solid #666; } div#ImageGallery img { border: 1px solid #CCC; } #OverlayItem div#SelectedImage h4, div#SelectedImage h4 { font-size: 20px; width: 500px; margin: 10px 0px 0px 0px; } div#SelectedImage cite.image-source { float: right; font-size: 12px; font-color: #777; padding-right: 5px; } div#SelectedImage cite.image-source a { color: #777; } div#SelectedImage cite.image-source a:hover { color: #777; } div#SelectedImage div.listitem-description { width: 600px; max-height: 70px; min-height: 30px; overflow-y: auto; margin-top: 10px; } div#ThumbnailWrapper { width: 550px; height: 100px; overflow: hidden; float: left; } ul.image-gallery-items { width: 1000px; position: relative; left: 0px; } ul.image-gallery-items li { float: left; height: 100px; width: 110px; } ul.image-gallery-items li img { margin: 0px 5px; height: 100px; width: 100px; } li.photo-thumb h4 { display: none; } li.photo-thumb cite.image-source { display: none; } li.photo-thumb div.listitem-description { display: none; } /* weather stories */ .weather-head h3 { height: 65px; overflow: hidden; } .weather-today { padding-left: 20px; padding-top: 0px; margin-bottom: 50px; height: 147px; margin-top: -78px; box-shadow: 0 0px 30px rgba(34,25,25,0.3); -moz-box-shadow: 0 0px 30px rgba(34,25,25,0.3); -webkit-box-shadow: 0 0px 30px rgba(34,25,25,0.3); padding-top: 53px; } .weather-today div.date { font-size: 18px; margin: 20px 5px 10px 0px; padding-top: 15px; } .weather-today span { font-size: 40px; position: relative; top: -15px; } .weather-today span.high { margin-left: 10px; } .weather-story ul { height: 110px; overflow: hidden; /*margin-bottom: 30px;*/ margin-bottom: 20px; margin-left: 10px; } .weather-story hr { display: none; } /* leave this for legacy weather posts */ .weather-story li { float: left; width: 50px; text-align: center; margin: 0px 10px; margin-bottom: 20px; } .weather-story .dow { font-weight: bold; } .weather-story .wunderground { float: right; margin: 10px 10px 10px 0px; } #NewsDetailWrapper .weather-today, #OverlayItemWrapper .weather-today { padding-left: 20px; padding-top: 40px; margin-bottom: 30px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #NewsDetailWrapper .weather-story ul, #OverlayItemWrapper .weather-story ul { margin-bottom: 20px; } /* News Item Tools (news / not news / add to newscast) */ .tools { padding: 10px 0px; } .tools a { display: block; } #newsitem .tools a { display: block; } .tools li { font-size: 9px; font-family: Verdana; color: #444444; float: left; padding: 0px 2px; } .tools li span.copy.hide { display: inline-block; font-size: 9px; font-family: Verdana; } .no-touch .tools li a:hover { text-decoration: none; } .tools li span { padding: 4px 2px 4px 1px; display: inline-block; } .tools li span.copy { border-left: 1px solid #dddddd; padding: 2px 0px 2px 4px; width: 135px; margin-left: 2px; text-align: center; } .tools li a { font-size: 9px; font-family: Verdana; color: #444444; padding: 2px 2px 2px 2px; display: block; } .tools li.newscast-button a { padding: 0px; } .tools li.newscast-button.clicked { background: #D6D3CE; border: 1px solid #999999; } .tools li.newscast-button.clicked span.copy { border-left: 1px solid #999999; } .tools li.newscast-button { margin-right: 2px; border: 1px solid #dddddd; } .tools li.newscast-button img { vertical-align: top; padding: 3px 1px; } .tools li.newscast-button:active { background: #C2BDB4; } .no-touch .tools li.newscast-button:hover { background: #D6D3CE; border: 1px solid #999999; } .no-touch .tools li.newscast-button:hover span.copy { border-left: 1px solid #999999; } .tools li.voteup-button { margin-right: 0px; margin-left: 10px; border: 1px solid #c7d8c7; } #newsitem .tools li.voteup-button a, #newsitems .tools li.voteup-button a, #relatednewsitems .tools li.voteup-button a { color: #467d47; } .tools li.voteup-button:active { background-color: #599155; } #newsitem .tools li.voteup-button:active a, #newsitems .tools li.voteup-button:active a, #relatednewsitems .tools li.voteup-button:active a { color: #FFFFFF; } .no-touch .tools li.voteup-button:hover { background-color: #dff8df; border: 1px solid #467d47; } .no-touch #newsitem .tools li.voteup-button a:hover, .no-touch #newsitems .tools li.voteup-button a:hover, .no-touch #relatednewsitems .tools li.voteup-button a:hover { color: #444; } .tools li.voteup-button.clicked { background: #599155; border: 1px solid #46B37F; } #newsitem .tools li.voteup-button.clicked a, #newsitems .tools li.voteup-button.clicked a, #relatednewsitems .tools li.voteup-button.clicked a { color: #FFFFFF; } .tools li.votedown-button { margin-left: 3px; border: 1px solid #e5d5d3; margin-right: 0px; } #newsitem .tools li.votedown-button a, #newsitems .tools li.votedown-button a, #relatednewsitems .tools li.votedown-button a { color: #8e4c43; } .tools li.votedown-button:active { background-color: #a44539; } #newsitem .tools li.votedown-button:active a, #newsitems .tools li.votedown-button:active a, #relatednewsitems .tools li.votedown-button:active a { color: #FFFFFF; } .no-touch .tools li.votedown-button:hover { background-color: #f9e1de; border: 1px solid #8e4c43; } .no-touch #newsitem .tools li.votedown-button a:hover, .no-touch #newsitems .tools li.votedown-button a:hover, .no-touch #relatednewsitems .tools li.votedown-button a:hover { color: #444; } .tools li.votedown-button.clicked { background-color: #a44539; border: 1px solid #916761; } #newsitem .tools li.votedown-button.clicked a, #newsitems .tools li.votedown-button.clicked a, #relatednewsitems .tools li.votedown-button.clicked a { color: #FFFFFF; } .no-touch #newsitems .tools li span.copy.hide, .no-touch #relatednewsitems .tools li span.copy.hide { display: none; } .no-touch #newsitems .item-hd:hover .tools.hide, .no-touch #newsitems .item-md:hover .tools.hide, .no-touch #relatednewsitems .item-hd:hover .tools.hide, .no-touch #relatednewsitems .item-md:hover .tools.hide { display: none; } #newsitems li.voteup-button, #newsitems li.votedown-button, #relatednewsitems li.voteup-button, #relatednewsitems li.votedown-button { float: left; margin-left: 3px; } #newsitems .item-hd .tools li.voteup-button, #relatednewsitems .item-hd .tools li.voteup-button { float: left; margin-left: 10px; } #newsitems li.votedown-button, #relatednewsitems li.votedown-button { float: left; margin-left: 3px; } #newsitems .tools, #relatednewsitems .tools { padding: 8px 20px; } /* Assignment List Page */ /*#Assignments { margin-top: 20px;} #AssignmentsList { margin-top: 20px;}*/ #AssignmentsList h3 { margin: 0px 0px 4px 0px; color: #444; font-size: 22px; line-height: 30px; } #Assignment h1 { margin: 0px 0px 4px 0px; color: #444; font-size: 32px; line-height: 40px; /* font-size: 24px; line-height: 32px; */ } #Assignment h4 { margin: 0px 0px 20px 0px; color: #444; font-size: 16px; line-height: 20px; } #Assignment p.description { margin: 2px 0px; color: #444; font-size: 16px; line-height: 20px; } #Assignment p.label { margin: 10px 0px; color: #444; font-size: 16px; line-height: 20px; /*font-weight:bold;*/ } #AssignmentsList h3 a { color: #444; } #AssignmentsList p.description { margin: 2px 0px; color: #555; height: 33px; overflow: hidden; text-overflow: ellipsis; width: 410px; font-size: 14px; line-height: 16px; } #AssignmentsList .row { display: block; padding: 0px 20px; } #AssignmentsList .row span { display: block; } #AssignmentsList .row.details { position: relative; } #AssignmentsList .col { float: left; } #AssignmentsList .col.well { padding: 20px 0px 0px 0px; margin: 0px; } #AssignmentsList .col.main { width: 410px; margin-right: 8px; } #AssignmentsList .col.buttons { width: 98px; } #AssignmentsList .col.buttons a { position: absolute; bottom: 0px; right: 20px; } #AssignmentsList .detail-link { float: right; margin-top: 5px; } #AssignmentsList .assignmentslist-item { margin-bottom: 20px; position: relative; } #AssignmentsList .sponsor-image { display: block; float: left; margin-right: 8px; } #AssignmentsList .sponsor-image img { vertical-align: top; width: 24px; height: 24px; border: 1px solid #CCCCCC; } #AssignmentsList .footer { padding: 8px 20px 8px 20px; overflow: hidden; min-height: 26px; line-height: 12px; border-top: 1px solid #999999; margin-top: 8px; } #AssignmentsList .footer cite { font-family: verdana; font-size: 10px; color: #777; font-style: normal; margin: 0px; display: block; } #AssignmentsList .footer a { font-family: verdana; font-weight: bold; font-size: 11px; color: #444444; } #AssignmentsList .footer span { font-family: verdana; font-size: 11px; font-weight: normal; color: #777; } #AssignmentsList .footer p { font-family: verdana; font-size: 11px; color: #777; margin: 0px; padding: 0px; } #AssignmentsList .col.flag { background: url('/images/assignment-flag.png'); width: 81px; height: 74px; margin-top: 8px; } #AssignmentsList .col.flag span.row { padding: 8px 0px; margin: 0px; font-family: 'Glegoo', serif; } #AssignmentsList .col.flag span.row span { font-family: 'Glegoo', serif; display: block; font-size: 20px; line-height: 24px; font-weight: bold; color: #554622; text-align: center; width: 100%; } #AssignmentsList .col.flag span.row span.onlyone { font-family: 'Glegoo', serif; margin-top: 12px; } #AssignmentsList span { margin-right: 10px; } #AssignmentsList .assignment-not-avail-overlay { position: absolute; top: 0px; left: 0px; background: rgba(255, 255, 255, 0.70); width: 100%; height: 100%; z-index: 99; } #AssignmentsList .col.buttons .question { position: absolute; top: 0px; right: 0px; z-index: 999; } #AssignmentsList .col.buttons .question a.tooltip { display: block; position: relative; left: 0px; top: 0px; color: #000000; cursor: pointer; background: url('/images/question-mark.png'); width: 33px; height: 32px; } #AssignmentsList .col.buttons .question a.tooltip span { display: none; width: 220px; font-size: 12px; line-height: 20px; color: #444444; left: 12px; top: 1px; z-index: -1; position: absolute; background: #FFFFAA; border: 1px solid #FFAD33; padding: 20px; } #AssignmentsList .col.buttons .question a.tooltip:hover span { display: block; } /* Profile Pages */ #fileupload-ctrl .file-input-wrapper { margin-bottom: 10px; display: block; } #fileupload-ctrl .file-input-name { display: block; margin: 0px 0px 10px 0px; } .text-help { font-size: 12px; text-align: right; } /* Business Profile page */ .assignmentList table { margin: 10px auto; width: 100%; } .assignmentList td, .assignmentList th { padding: 3px; } .assignmentList th { background-color: transparent; color: #222; border-bottom: 1px solid #666; } /* Borrowed from Bootstrap */ .input { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; display: block; vertical-align: middle; margin-bottom: 10px; padding: 0px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .input.small { width: 100px; } .input.medium { width: 200px; } .input.large { width: 300px; } /* Clearing floats without using extra HTML: http://www.quirksmode.org/css/clearing.html */ .form-horizontal { width: 100%; overflow: auto; } .form-horizontal .input { float: left; } .form-horizontal .btn { margin: 0px 0px 0px 10px; } .input.readonly { border: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.0); } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { width: 100%; margin: 4px 0px; border: 0px; height: 21px; font-size: 14px; line-height: 20px; color: #333; font-family: 'Glegoo', serif; outline: none; } /*font-family: 'Glegoo', serif;*/ /*fix placholder jump when focus*/ input:focus { outline-offset: 0px; } .form-horizontal input, .form-horizontal textarea, .form-horizontal select { display: inline-block; vertical-align: middle; } /* the following styles plus the outline:none in the above class could be useful for displaying which input box is currently in focus. outline:none turns it off. */ /* input {border:10px solid green; outline-offset:1px;} input:hover {outline: 10px solid blue;} /*colour on mouse hover input:focus {outline: 10px solid black;} /*colour when gains focus by tabbing, or while typing input:active {outline: 10px solid red;} /*colour while mouse depressed */ select, textarea { width: 100%; margin: 4px 0px; border: 0px; font-size: 14px; line-height: 20px; color: #333; font-family: 'Glegoo', serif; outline: none; } /*font-family:Verdana;*/ .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #FFF; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); } .alert { padding: 8px 18px 8px 14px; margin: 10px 0px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-warning { background-color: #FEEFB3; color: #9F6000; } .sponsor .col1.no-copy { width: 100%; height: 180px; max-width: none; } .sponsor .col1.FaceBook { border: 1px solid #CCCCCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #efefef; } .sponsor .col1.YouTube.no-copy { height: 368px; } .sponsor .col1.YouTube { height: 180px; } .newscastic .sponsor { padding: 10px; margin: 0px 0px 20px 0px; text-align:center; border:0px; /*background: #efefef;*/ color: #333; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #CCCCCC;*/ } .sponsor { margin-bottom: 30px; padding: 20px 10px; color: #333; border: 1px solid #CCCCCC; border-left: 0px; border-right: 0px; } .sponsor p { margin-bottom: 0px!important; } .sponsor div.message { margin-bottom: 20px!important; font-size: 14px; line-height: 20px; color: #555; } .sponsor.dashed { border-style: dashed; } .sponsor .swf300x250, .sponsor .col1.swf300x250 { float: left; margin-right: 10px; margin-bottom: 0px; width: 300px; height: 250px; } .sponsor .col1 { /*width:200px;*/ max-width: 300px; float: left; margin-right: 10px; margin-bottom: 10px; } .sponsor .col1 img { width: 100%; } .sponsor .col2 { float: left; /*max-width: 368px;*/ /*max-width:328px; max-width:350px; */ max-width: 268px; } .sponsor.wide-image .col1, .sponsor.wide-image .col2 { max-width: none!important; width:100%; } .sponsor .col2.thin { max-width: 268px; } .sponsor span.label, .sponsor .title, .sponsor .address, .sponsor .phone, .sponsor .message, .sponsor .col2 { font-family: 'Glegoo', serif!important; } .newscastic .sponsor span.label, .newscastic .sponsor .title, .newscastic .sponsor .address, .newscastic .sponsor .phone, .newscastic .sponsor .message { font-family: Verdana; } .sponsor span.label, .sponsor .title, .sponsor .address, .sponsor .phone, .sponsor .message { font-weight: normal; display: block!important; font-size: 14px; line-height: 16px; margin-bottom: 4px; } .sponsor span.label { color: #444; } .sponsor-link, .item-hd .news-detail p.sponsor-link { margin-top: 4px; margin-bottom: 4px; text-align: right; display: block; font-style: normal; font-size: 14px; line-height: 14px; color: #999; } .sponsor-top-box { z-index: 998; height: 49px; margin: 0px!important; width: 100%; position: absolute; left: 1px; max-width: 628px; bottom: 1px; background: #000000; background: rgba(0, 0, 0, 0.7); min-height: 49px; padding: 8px 0px; } .sponsor-top-box span.left { height: 49px; margin-left: 8px; display: block; } .sponsor-top-box span.left img { display: inline-block!important; margin-right: 8px; height: 49px; width: auto!important; border: 0px!important; } .name-only .sponsor-top-box span.left img, .nologo .sponsor-top-box span.left img { display: none!important; } .ad-label.name-only, .sponsor.name-only { display: none!important; } .name-only .sponsor-top-box span.left, .nologo .sponsor-top-box span.left{ display:table-cell; vertical-align:middle; } .name-only .sponsor-top-box a, .nologo .sponsor-top-box a { margin-left: 8px; } .sponsor-top-box span.label { max-width: 372px; word-wrap:break-word; font-family: Verdana; margin-right: 4px; display: inline-block; font-size: 14px; color: #FFF; line-height: 18px; } .newsdetailwrapper .newsitem .sponsor-top-box a { display: inline-block; vertical-align:middle; font-size: 12px; line-height: 14px; color: rgb(40,95,177); text-decoration: none; } #newsitems .sponsor-top-box { height: 24px; bottom: 0px; left: 0px; max-width: 300px; min-height: 24px; padding: 6px 0px 6px 0px; } #newsitems .item-hd .sponsor-top-box { max-width: 620px; } #newsitems .sponsor-top-box span.left { height: 24px; margin-left: 6px; } #newsitems .sponsor-top-box span.label { max-width: 200px; margin-right: 6px; font-size: 10px; line-height: 13px; height: 24px; vertical-align: top; word-wrap: break-word; } #newsitems .item-hd .sponsor-top-box span.label { max-width: 420px; } #newsitems .sponsor-top-box span.left img { height: 24px; max-width: 80px; margin-right: 2px; } #newsitems .sponsor-top-box.name-only span.left img, #newsitems .sponsor-top-box.nologo span.left img { display: none!important; } #newsitems .sponsor-top-box.name-only span.label, #newsitems .sponsor-top-box.nologo span.label { vertical-align: middle; display: table-cell; } /*.item-md .news-detail p.sponsor-top-box, .item-hd .news-detail p.sponsor-top-box { padding:4px; margin: 8px 20px; height:24px; min-height:0px; } .item-hd .news-detail p.sponsor-top-box { margin: 4px 20px; } .item-md .news-detail p.sponsor-top-box span.left, .item-hd .news-detail p.sponsor-top-box span.left { height:24px; } .item-md .news-detail p.sponsor-top-box span.right, .item-hd .news-detail p.sponsor-top-box span.right { display: inline; } .item-md .news-detail p.sponsor-top-box a, .item-hd .news-detail p.sponsor-top-box a, .item-md .news-detail p.sponsor-top-box span.label, .item-hd .news-detail p.sponsor-top-box span.label { color:#444; font-size:10px; line-height:12px; }*/ .alert-info h4 { color: #3a87ad; } .text-error { font-size: 12px; color: #b94a48; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); } #BodyWrapper .input.col3 { float: left; width: 56%; margin-right: 10px; } #BodyWrapper .link-photo-wrapper { margin-right: 10px; text-align: center; float: left; display: block; margin-bottom: 10px; } #BodyWrapper .link-photo { width: 130px; text-align: center; overflow: hidden; } #BodyWrapper .link-photo img { max-width: 130px; display: block; } #PlacesMobile, #TagsMobile { width: 100%; } select#PlacesDdl, select#TagsDdl { width: 100%; display: none; background: #f9f9f9; margin: 0px; height: 31px; font-size: 14px; font-family: Verdana; color: #777777; border: 1px solid #dddddd; } /* News Submission Form */ /*#StoryForm .fineuploader { margin-bottom: 10px; }*/ #StoryForm .qq-upload-button { width: auto; height: 200px; padding: 0px; background-color: #EEE; border: 1px solid #CCC; } #StoryForm .qq-upload-button div { padding-top: 50px; } #StoryForm .qq-upload-button div span { display: block; margin-bottom: 10px; color: #222; } #StoryForm .qq-upload-drop-area { height: 200px; background-color: #EEE; border: 1px solid #CCC; } #StoryForm .qq-upload-drop-area-active { border: 1px solid #888; background-color: #AAA; } #StoryForm .qq-upload-success { display: none; } .fixed-footer-padding { height: 240px; } .fixed-footer-controls { background-color: #EEE; z-index: 200; border-top: 1px solid #CCC; padding: 10px; position: fixed; bottom: 0px; width: 620px; } #StoryForm .list-item-form { /*padding: 10px; border: 1px solid #CCC;*/ /*margin: 20px auto;*/ /*padding: 0px 0px 10px 0px;*/ } #StoryForm .rep-image-selector li { float: left; margin: 3px 10px; text-align: center; } #StoryForm .no-image { background-color: #ccc; border: 2px solid transparent; } #StoryForm .thumb-wrapper { /*width: 130px; height: 130px;*/ width: 80px; height: 80px; border: 2px solid transparent; cursor: pointer; } #StoryForm .selected-image { border: 2px solid red; } #StoryForm .image-edit-btn { /*float: right;*/ margin: 20px; position: absolute; z-index: 100; } #MainImageSelect, #EditItemImageSelect { background: #EEE; height: 200px; border: 1px solid #CCC; width: 100%; } #MainImageSelect label, #EditItemImageSelect label { margin-left: 10px; margin-bottom: 0px; } #StoryForm #FooterControls { display: none; } #FooterControls a { display: block; } #FooterControls span.edit { display: none; margin-left: 10px; } #FooterControls span.preview { margin-left: 10px; } #StoryForm #StoryEditForm { display: none; position: relative; } #StoryForm #MainStoryImage { /*margin-bottom: 10px;*/ } #StoryForm #DisplayTypeList { width: 100%; overflow: auto; } #StoryForm #DisplayTypeList li { float: left; margin: 10px; text-align: center; } #StoryForm #DisplayTypeList li div { width: 100px; border: 2px solid transparent; height: 50px; cursor: pointer; } #StoryForm #DisplayTypeList li div.selected-item { border: 2px solid red; } #StoryForm #ListItemStoryTypesWrapper { display: none; width: 220px; } /*#StoryForm #AddNewContent:hover #ListItemStoryTypesWrapper { display: block; }*/ #StoryForm #MainYouTubePreview { margin-bottom: 10px; text-align: center; } #StoryForm #EditItemForm { display: none; } #StoryForm #EditItemVideoRow .video-preview { text-align: center; } #StoryForm div.form-horizontal .input { width: 568px; float: left; /* width: 626px; */ } #StoryForm div.form-horizontal .btn { padding: 5px 10px; } /*#StoryForm #EditItemForm div.form-horizontal .input { width: 555px; }*/ #StoryForm #MainImage { width: 640px; display: block; } #StoryForm #EditItemImagePreview img { width: 617px; margin-bottom: 10px; } #StoryForm #MainYouTubePreview iframe, #StoryForm .video-preview iframe { /*width: 560px; height: 315px;*/ width: 640px; height: 360px; } /* USER PROFILE PAGE*/ .section { padding: 20px 0px 0px 0px; /*border-top:1px solid #DDD;*/ margin-top: 40px; } .profile-image { position: relative; } #CredLevelWrapper { padding: 11px 0px; text-align: center; width: 200px; height: 39px; overflow: hidden; position: absolute; left: -10px; top: -15px; background: url('/images/banner-profile-cred.png'); } #CredLevelWrapper .cred-level { font-size: 20px; line-height: 24px; display: block; font-weight: bold; color: #554622; } #CredLevelWrapper .cred-level-next { font-size: 11px; line-height: 11px; display: block; font-weight: normal; color: #554622; font-style: italic; } #UnpublishedStories h2 span, #PublishedStories h2 span { margin-left: 4px; font-size: 12px; line-height: 12px; font-weight: normal; color: #444; } .newsitems { margin: 10px 0px; } .newsitems li { margin: 8px 0px; } .newsitems li a { font-size: 16px; line-height: 18px; font-weight: normal; text-decoration: underline; color: #444; } #FileuploadWrapper .file-input-wrapper { margin: 8px 0px 0px 0px; } #FileuploadWrapper .file-input-name { font-size: 11px; font-weight: bold; color: #444; display: block; margin-top: 4px; } .profile-image .imgset { background-color: transparent; width: 180px; margin-bottom: 10px; } .profile-image .imgset.noimage { background-color: #CCC; height: 180px; width: 180px; margin-bottom: 10px; } .nav-wrapper { padding: 0px; } .nav-menu li.first { border-left: 1px solid #666; } .nav-menu li { border-right: 1px solid #666; float: left; } .nav-menu li a { padding: 19px 10px 19px 10px; } .no-touch #header-body a.mobilebtn:hover, .no-touch .nav-menu li a:hover, .no-touch #LocationSearch .search-btn:hover, .no-touch #LocationSearch .location-btn:hover { background: url('/images/header-hover-background.png') repeat-x; } #LocationSearch { float: left; border-left: 1px solid #666; border-right: 1px solid #666; padding: 0px; position: relative; height: 53px; } #LocationSearch .search-btn { display: block; float: left; cursor: pointer; } #LocationSearch .search-btn img { width: 24px; padding: 14px 10px 13px 10px; border-right: 1px solid #666; float: left; } #LocationSearch #SearchControls { float: left; } #LocationSearch .search-place-name { float: left; padding: 4px; margin: 14px 8px 0px 8px; color: #999; font-size: 12px; width: 153px; } #LocationSearch .location-btn { cursor: pointer; float: left; color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; padding: 20px 10px 9px 10px; height: 24px; width: 100px; } #LocationSearch .location-btn span.arrow { background: url('/images/icon-carrot.png') no-repeat; width: 7px; height: 7px; display: block; float: right; margin-top: 4px; background-position: 0px -7px; } #LocationSearch #LocationsInMap .place-list ul { /* max-height: 296px; overflow: auto; */ text-align: center; } #LocationSearch #LocationsInMap .place-list ul li ul { max-height: none; } #LocationSearch #LocationsInMap .place-list img.loading { margin: 10px auto; display: block; } .place-list { /*width:600px;*/ width: 840px; overflow: auto; padding: 20px 0px 20px 20px; } #PlaceList.place-list { width: 960px; padding: 0px; } #SavedLocations { padding: 10px 10px 0px 10px; margin: 20px 20px 0px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #CCCCCC; text-align: center; } /*#LocationSearch .location-ddl strong { background: #555; font-size: 9px; text-align: center; font-weight: normal; color: #FFFFFF; text-transform: uppercase; display: block; padding: 4px 10px; }*/ #SavedLocations strong { display: inline-block; font-size: 14px; font-weight: normal; color: #333; vertical-align: middle; margin-bottom: 10px; } #SavedLocations .place-list { width: auto; display: inline-block; vertical-align: middle; padding: 0px; } #SavedLocations li { float: left; width: auto; margin-left: 10px; margin-bottom: 10px; } #SavedLocations li a { height: auto; padding: 9px 15px; } .place-list .col { float: left; width: 120px; max-height: 550px; margin-right: 0px; } #PlaceList.place-list .col { /*width:117px;*/ width: 137px; max-height: none; } #LocationSearch .location-ddl { position: absolute; left: -1px; top: 53px; background: #FFFFFF; border: 1px solid #bbb; z-index: 9999; /*width:896px;*/ width: 862px; } .place-list li { border: 0px; background: transparent; /*border-bottom: 1px solid #bbb;*/ margin: 0px; cursor: pointer; display: block; float: none; text-align: left; } #LocationSearch .location-ddl li li { border: 0px; padding-left: 20px; } .place-list a { padding: 0px 0px 4px 0px; display: block; padding-left: 2px; font-size: 10px; color: #666; height: 10px; overflow: hidden; } #PlaceList.place-list a { font-size: 12px; padding: 0px 0px 8px 2px; height: 12px; } .place-list li.Country a { color: #333; font-size: 12px; padding: 0px 0px 4px 2px; height: 12px; } #PlaceList.place-list li.Country a { font-size: 14px; padding: 0px 0px 8px 2px; height: 14px; } #PlaceList.place-list li.State a { font-size: 14px; padding: 8px 0px 8px 2px; height: 14px; } #PlaceList.place-list li.State.first a, .place-list li.State.first a { padding-top: 0px; } .place-list li.State a { color: #333; font-size: 12px; padding: 4px 0px 4px 2px; height: 12px; } .place-list li.City a { /*color:#467BC4;*/ } .place-list li.Neighborhood a { /*color:#e7b900;*/ } #LocationSearch .location-ddl li a.more { float: left; cursor: pointer; padding: 10px 10px; margin: 0px; } #LocationSearch .location-ddl li a.more span { background: url('/images/icon-carrot.png') no-repeat; width: 7px; height: 7px; display: block; } #LocationSearch .location-ddl li a.more.open span { background-position: 0px -7px; } #LocationSearch li.place a.close { opacity: 1.0; filter: alpha(opacity=100); padding: 0px!important; color: #FFF; position: absolute; right: 3px; top: 3px; width: 10px; height: 10px; background: url('/images/close.png') no-repeat; } .savelocation, .savedlocation { background: url('/images/icons-save-email.png') no-repeat; width: 23px; height: 22px; float: left; margin-left: 8px; margin-top: 10px; display: block; } .no-touch .savelocation:hover, .savedlocation { background-position: 0 -22px; } .subscribe-link { background: url('/images/icons-save-email.png') no-repeat; width: 29px; height: 20px; display: block; background-position: -23px 0px; margin-top: 10px; margin-left: 8px; } h2 .subscribe-link { margin-top: 13px; } .no-touch .subscribe-link:hover { background-position: -23px -22px; } .search-hide { opacity: 0.0; display: none; } .search-visible { opacity: 1.0; display: block; } /* ui widgets override*/ .ui-widget { font-family: 'Glegoo', serif !important; font-size: 14px !important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Glegoo', serif !important; } .ui-menu { padding: 0px !important; } .ui-widget-content { border: 1px solid #bbb; } .ui-menu li.ui-menu-item { border-bottom: 1px solid #bbb; border-radius: 0; padding: 0px; } .ui-menu li.ui-menu-item a { font-size: 12px; color: #444; padding: 4px 8px !important; } .ui-menu li.ui-menu-item a.ui-state-hover, .ui-menu li.ui-menu-item a.ui-state-focus { border: 0px; background: #EBEBEB; margin: 0px; text-decoration: none; cursor: pointer; color: #444; border-radius: 0; } /*#LocationSearch .location-ddl li:hover, #LocationSearch .location-ddl li li:hover, #LocationSearch .location-ddl li.sub-item-hover li:hover { background: #EBEBEB; } #LocationSearch .location-ddl li:hover li, #LocationSearch .location-ddl li.sub-item-hover:hover{ background: #FFF; }*/ div.input.readonly { border: 0px; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #RegistrationForm { margin: 0 auto; width: 600px; background: #FFFFFF; color: #444; } #RegistrationForm #Registration { margin: 20px 0px 0px 0px; } #RegistrationForm input[type="text"], #RegistrationForm input[type="password"] { color: #444; } #RegistrationForm table { width: 100%; } #RegistrationForm h1 { font-size: 32px; line-height: 40px; font-weight: normal; margin: 0px 0px 4px 0px; } #RegistrationForm p { font-size: 16px; line-height: 20px; margin-bottom: 10px; } #RegistrationForm span.bar { color: #ddd; font-size: 14px; } #RegistrationForm #SignIn .row { margin-bottom: 10px; } #RegistrationForm #SignIn .row label { display: inline; margin-right: 20px; font-size: 12px; } #RegistrationForm #SignIn .row a { color: #444; font-size: 12px; } #RegistrationForm h2 { font-size: 20px; line-height:24px; font-weight: normal; margin-bottom: 10px; } #RegistrationForm #ForgotPassword .header { margin-bottom: 20px; } #RegistrationForm #ForgotPassword .header h1, #RegistrationForm #ForgotPassword .header p { margin-bottom: 4px; } #RegistrationForm #ForgotPassword .input { width: 280px; } #RegistrationForm #ForgotPassword .btn { width: 100px; } #RegistrationForm #Registration .row { margin-bottom: 10px; display: block; } #RegistrationForm #Registration .row span { vertical-align: middle; } #RegistrationForm #Registration .row span.leftbar, #RegistrationForm #Registration .row span.rightbar { border: 1px solid #dddddd; width: 287px; height: 0px; display: inline-block; } #RegistrationForm .btn.facebook { } #RegistrationForm #SignUp { margin-top: 0px; } #RegistrationForm .col.divider { border: 1px solid #dddddd; height: 299px; width: 0px; } #RegistrationForm .col { float: left; margin-right: 19px; } #RegistrationForm .col.nc { width: 280px; } #RegistrationForm .col.last { margin-right: 0px; } #RegistrationForm .footer .col { width: 118px; height: 118px; padding: 10px; margin-right: 13px; border: 1px solid #ddd; } #RegistrationForm .footer .col h4 { font-size: 16px; line-height: 20px; font-weight: normal; margin-bottom: 8px; } #RegistrationForm .footer .col p { font-size: 14px; line-height: 16px; display: block; margin-bottom: 4px; } #RegistrationForm .footer .col.last { margin: 0px; } #HomePageShadowBox, #UserProfileShadowBox { overflow-x: auto; overflow-y: auto; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; text-align: center; } #HomePageShadowBox img { } #HomePageShadowBox h3 { font-size: 24px; line-height: 32px; color: #EEE; text-align: left; margin: 0px; } #HomePageShadowBox p { font-size: 14px; line-height: 20px; color: #EEE; text-align: left; margin-bottom: 10px; } #HomePageShadowBox .centerbox p.header, #HomePageShadowBox .centerbox p { text-align: center; } #HomePageShadowBox .image-wrapper { background: #333; border: 1px solid #444; text-align: center; height: auto; padding: 10px 0px; width: 100%; margin-bottom: 10px; } #HomePageShadowBox .bottomleftbox .image-wrapper img, #HomePageShadowBox .bottomrightbox .image-wrapper img { height: 24px; } #HomePageShadowBox .bottomleftbox .image-wrapper, #HomePageShadowBox .bottomrightbox .image-wrapper { padding: 14px 0px 10px 0px; height: auto; } #HomePageShadowBox .toprightbox .image-wrapper { padding: 14px 0px; } #HomePageShadowBox .topleftbox .image-wrapper { padding: 16px 0px 12px 0px; } #HomePageShadowBox .topleftbox .image-wrapper img { height: 43px; } #HomePageShadowBox .image-wrapper img { width: auto; } #HomePageShadowBox .topleftbox { width: 300px; /*background:red;*/ position: absolute; left: 5%; top: 5%; text-align: left; } #HomePageShadowBox .toprightbox { width: 300px; /*background:orange;*/ position: absolute; right: 5%; top: 5%; text-align: left; } #HomePageShadowBox .bottomleftbox { width: 300px; /*background:blue;*/ position: absolute; left: 5%; bottom: 4%; text-align: left; } #HomePageShadowBox .bottomrightbox { width: 300px; /*background:white;*/ position: absolute; right: 5%; bottom: 1%; text-align: left; } #HomePageShadowBox .centerbox { width: 500px; /*height:200px;*/ /*background:green;*/ position: absolute; left: 50%; top: 50%; margin-top: -100px; margin-left: -250px; } @media screen and (max-width:989px) { #HomePageShadowBox .centerbox img { width: 300px; margin-left: -10px; } #HomePageShadowBox .topleftbox { position: static; margin: 20px auto; } #HomePageShadowBox .toprightbox { position: static; margin: 20px auto; } #HomePageShadowBox .bottomleftbox { position: static; margin: 20px auto; } #HomePageShadowBox .bottomrightbox { position: static; margin: 20px auto; } #HomePageShadowBox .centerbox { position: static; width: 300px; margin: 40px auto 20px auto; } #HomePageShadowBox .centerbox p { text-align: left; } } .usercover-image { width: 380px; height: 120px; } #TopNewscasts .header { font-size: 13px; line-height: 15px; display: block; margin-bottom: 10px; } #TopNewscasts li { border-bottom: 1px solid #DDD; padding: 10px 0px; } #TopNewscasts li img { width: 24px; height: 24px; border: 1px solid #CCCCCC; margin-right: 10px; float: left; } #HomePageHeader { margin: 0px 0px 20px 0px; } #HomePageHeader .leftcol { float: left; margin-right: 20px; width: 40%; } #HomePageHeader .leftcol img { width: 100%; border: 1px solid #CCC; } #HomePageHeader p { margin-bottom: 10px; font-size: 14px; line-height: 16px; } #Locations h3 { margin: 0px 0px 10px 0px; font-size: 20px; } #LocalLocations .content { text-align: center; margin: 0 auto; padding: 5px 15px 0px 15px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #CCCCCC; } #LocalLocations .message { margin-right: 10px; font-size: 14px; font-weight: normal; color: #333; display: inline-block; width: 352px; vertical-align: top; margin-top: 20px; } #LocalLocations a.btn { margin-right: 10px; margin-bottom: 10px; float: left; } #LocalLocations .locations { display: inline-block; margin-top: 10px; } body { position: relative; } .selectedtext-menu { font-size: 14px; line-height: 14px; background: #333333; border: 1px solid #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 4px; position: absolute; visibility: hidden; display: inline-block; z-index: 500; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .selectedtext-menu li { float: left; padding: 0px 10px; } .selectedtext-menu a, .selectedtext-menu a:hover { color: #FFFFFF; font-size: 14px; line-height: 14px; } .editor-toolbar { padding: 4px 4px; border-bottom: 1px solid #CCC; background: #f2f2f2; margin: 0px -6px; } .editor-toolbar .box { float: left; margin: 0px 5px; border: 1px solid #CCC; padding: 2px 4px; } .editor-toolbar .box a { color: #666; } #EditItemImageRow { margin-bottom: 10px; } /*div[data-placeholder]:not(:focus):not([data-div-placeholder-content]):before { content: attr(data-placeholder); float: left; margin-left: 2px; color: #b3b3b3; }*/ /*div[data-placeholder]:not([data-div-placeholder-content]):before { content: attr(data-placeholder); float: left; margin-left: 2px; color: #b3b3b3; }*/ .imagecontrol { /*position: relative; min-height:202px; */ } .imagecontrol .image-selector, .imagecontrol .image-cropper, .imagecontrol .image-uploader { /*position: absolute; z-index: 4; top: 0px; left: 0px;*/ width: 100%; } #StoryForm, #StoryForm p, #StoryForm a, #StoryForm span, #StoryForm select, #StoryForm input, #StoryForm li, #StoryForm .well, #StoryForm br { font-family: Verdana!important; } #FooterControls span, #FooterControls a, #FooterControls select, #FooterControls input { font-family: Verdana!important; } #StoryForm h1 { min-height: 40px; } #StoryForm h1, #StoryForm h1 p { color: #444; font-weight: bold; font-size: 32px; line-height: 40px; margin: 0px 0px 4px 0px; font-family: 'Glegoo', serif!important; } #StoryForm h2 { min-height: 26px; } #StoryForm h2, #StoryForm h2 p { font-weight: bold; font-size: 21px; line-height: 26px; margin-bottom: 10px; font-family: 'Glegoo', serif!important; } #StoryForm p, .txtDescription, #StoryForm .list-item-copywrapper { font-size: 16px; line-height: 20px; margin: 0px 0px 10px 0px; color: #555555; } .nonIE #StoryForm p { min-height: 21px; } #StoryForm p.Medium-placeholder { top: 0px; left: 0px; } #StoryForm cite.alignright { text-align: right; display: block; margin-top: 4px; } #StoryForm cite, #StoryForm cite p { /*margin-right: 5px;*/ font-size: 11px; color: #999; min-height: 11px; line-height: 11px; margin-bottom: 0px; } #StoryForm cite a { color: #999; } #StoryForm cite .Medium-placeholder { right: 0px; } #EditItemImageRow { margin: 10px 0px; } /*.content-options { padding: 10px; border: 1px solid #CCC; } .content-options li { float: left; padding: 0px 10px; display:block; border-right:1px solid #CCC; } .content-options li:last-child { border:0; }*/ /*.content-options,*/ #EditItemUrlRow input { margin-bottom: 0px; } .inputlink { margin-bottom: 10px; } .inputlink a { font-size: 12px; line-height: 12px; color: #999; } .inputlink .input { display: none; } .inputlink .textarea { display: none; } #editItemEmbed { display: none; } /*#StoryForm .tag-textbox { border-left: 1px solid #CCC; padding-left: 10px; }*/ body.preview .header, body.preview #MainLinkUrl, body.preview #AddNewContent, body.preview .location-wrapper, body.preview .tags-wrapper, body.preview #FooterControls span.save, body.preview #FooterControls span.preview, body.preview .list-item-toolbar, body.preview .empty, body.preview .image-edit-btn, body.preview .divider, body.preview .list-item-linkurl, body.preview #StoryForm .well { display: none!important; } body.preview .list-item-placeholder { min-height: 0px; padding: 0px; } body.preview #FooterControls span.edit { display: block; } /*#StoryForm .list-item-image, #StoryForm .listitem-embed, #StoryForm .list-item-copywrapper { margin-bottom: 10px; }*/ body.preview #StoryForm a { cursor: pointer; } #StoryForm .input.location-wrapper select { width: 86%; color: #2b3840; } /*#FooterControls hr { border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin:10px 0px; }*/ #StoryForm .input .label { display: block; float: left; margin-right: 10px; border: 0px; border-right: 1px solid #CCC; padding: 6px 8px 7px 9px; } #StoryForm .input.tags-wrapper .label { padding: 8px 21px 8px 20px; } #StoryForm .input.tags-wrapper { margin-bottom: 0px; } #MainLinkUrl, .list-item-linkurl, #MainImageControl, .list-item-image, .listitem-embed { overflow: visible; margin: 0px; position: relative; } #MainLinkUrl .input, .list-item-linkurl .input, .listitem-embed .input { float: none; display: block; } /*body.preview a.icon { display: none!important; } a.icon { vertical-align:top; height: 20px; position:absolute; top:0px; left:-30px; z-index:2; display: inline-block; font-size:12px; line-height:14px; color:#999; } #MainImageControl a.icon { top:22px; } .listitem-embed a.icon { top:30px; } #MainItem.linkinput #MainImageControl a.icon, .list-item-form.imageinput .listitem-embed a.icon { top: 0px!important; } a.icon:hover { background: #f2f2f2; } #MainItem.linkinputhover #MainImageControl .icon { top: 2px; } #MainItem.linkinput #MainLinkUrl .icon { position: absolute!important; margin-left: 0px!important; } #MainItem.linkinputhover #MainLinkUrl .icon { position: static; margin-left: -30px; } #MainImageControl.visible .icon { position: absolute!important; margin-left: 0px!important; margin-top: 0px!important; } #MainImageControl.hover .icon { position: static!important; margin-left: -30px!important; margin-top: 22px!important; } #MainItem.linkinput #MainImageControl.hover .icon { margin-top: 0px!important; } #MainImageControl .icon { position: absolute; margin-left: 0px; margin-top: 0px; } .list-item-form.imageinput .list-item-image .icon { position: absolute!important; margin-left: 0px!important; } .list-item-form.imageinputhover .listitem-embed .icon { top: 0px!important; } .list-item-form.imageinputhover .list-item-image .icon { position: static!important; margin-left: -30px!important; } .list-item-image .icon { position: absolute; margin-left: 0px; }*/ /*[contenteditable="true"], .editable { outline: 3px dashed #CCC; } [contenteditable="true"]:hover, .editable:hover { outline: 2px dashed #0090D2; } .editable p { position:relative; outline: 0px dashed transparent; }*/ #MainLinkUrl span.label { display: none; } #MainItem.linkinput #MainLinkUrl span.label { display: none!important; } #MainLinkUrl .input { display: block; } #MainItem.linkinput #MainLinkUrl .input { display: block!important; } #MainItem.linkinputhover #MainLinkUrl span.label { display: inline-block!important; } span.imgwrapper { height: 14px; width: 20px; padding: 2px 2px; border: 1px solid #CCC; display: inline-block; } #MainLinkUrl span.img, .list-item-linkurl span.img { margin-left: 1px; /*vertical-align: bottom;*/ margin-right: 4px; display: inline-block; background: url('/images/submit-story-icons.png') no-repeat; width: 18px; height: 14px; } #StoryForm span.label { padding: 2px 4px; border: 1px solid #ccc; border-left: 0px; display: none; vertical-align: top; color: #999; font-size: 14px; line-height: 15px; height: 14px; } #MainImageControl a.mainimagecontrol-btn span.img, .list-item-image-btn span.img { vertical-align: bottom; margin-right: 4px; display: inline-block; background: url('/images/submit-story-icons.png') no-repeat; width: 18px; height: 14px; background-position: -18px 0px; } #MainImageOptions, .list-item-image-options { display: block; } #MainImageControl.visible span.label { display: none!important; } #MainImageControl.visible #MainImageOptions { display: block!important; } #MainImageControl.hover span.label { display: inline-block!important; } #MainImageControl span.label { display: none; } .listitem-embed a span.img { margin-left: 2px; vertical-align: bottom; display: inline-block; background: url('/images/submit-story-icons.png') no-repeat; width: 17px; height: 14px; background-position: -37px 0px; } .list-item-image, .listitem-embed { margin-bottom: 10px; } .list-item-form.imageinput .list-item-image span.label { display: none!important; } .list-item-form.imageinput .list-item-image .list-item-image-options { display: block!important; } .list-item-form.imageinputhover .list-item-image span.label { display: inline-block!important; } .list-item-image span.label { display: none; } #AddNewContent { /* border-top: 1px solid #CCC;*/ } #AddNewContent a span { display: table-cell; vertical-align: middle; text-align: center; height: inherit; width: inherit; } #AddNewContent a span span { display: inline-block; font-size: 11px; line-height: 12px; height: auto; width: auto; } #AddNewContent a { width: 129px; height: 40px; margin-right: 6px; vertical-align: middle; padding: 10px 10px; margin-bottom: 10px; line-height: 16px; } #AddNewContent a.last { margin-right: 0px; } /*#AddNewContent span.imgwrapper { border-top: 0px; background: #f2f2f2; } #AddNewContent a span.img { margin-left:4px; vertical-align: bottom; display: inline-block; background: url('/images/submit-story-icons.png') no-repeat; width:12px; height:14px; background-position:-52px 0px;}*/ #StoryForm #NewsItems { position: relative; } .list-item-placeholder { display: none; position: relative; min-height: 120px; padding-top: 25px; margin-bottom: 20px; } /*.list-item-placeholder:hover .list-item-toolbar { display:block; }*/ .list-item-toolbar { background: #FFF; position: absolute; right: 0px; top: 0px; z-index: 2; } .list-item-toolbar a { padding: 0px 2px; border-left: 1px solid #CCC; display: inline-block; font-size: 12px; line-height: 14px; color: #999; } .list-item-toolbar a.disabled span.img { opacity: .3; filter: alpha(opacity=30); } .list-item-toolbar a span.img { vertical-align: bottom; display: inline-block; background: url('/images/submit-story-icons.png') no-repeat; } .list-item-toolbar a.movetotop span.img { width: 14px; height: 14px; background-position: -83px 0px; } .list-item-toolbar a.moveup span.img, .list-item-toolbar a.moveleft span.img { width: 11px; height: 14px; background-position: -62px 0px; } .list-item-toolbar a.movedown span.img, .list-item-toolbar a.moveright span.img { width: 11px; height: 14px; background-position: -73px 0px; } .list-item-toolbar a.delete span.img { width: 13px; height: 14px; background-position: -97px 0px; } .list-item-toolbar a.moveleft span.img, .list-item-toolbar a.moveright span.img { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } /*.list-item-toolbar input { margin-bottom: 10px; } .list-item-toolbar .list-item-linkurl .input { position: absolute; left:-651px; top:0px; z-index:2; }*/ .image-preview, .image-selector, .image-uploader, .html5video-preview, #MainStoryVideo { width: 100%; display: none; } #newsitem .image-preview, .newsitem .image-preview, #newsitem .html5video-preview, .newsitem .html5video-preview { display: block; } /*.form-horizontal .listitem-embed-textarea { display: none; }*/ /*.listitem-embed { margin-top: 10px; }*/ #Registration .row .image-selector { background: #EEE; height: 200px; border: 1px solid #CCC; width: 100%; } .image-selector label { margin-left: 10px; margin-bottom: 0px; } .image-preview img { width: 100%; } #StoryForm #AddNewContent { display: block; margin: 20px 0px 20px 0px; text-align: center; } .news-detail p { font-family: Verdana; } #NewsDetailWrapper, .newsdetailwrapper { position: relative; font-family: Verdana; } #NewsDetailWrapper.overlay, .newsdetailwrapper.overlay { padding: 0px; float: none; } #NewsDetailWrapper .news-footer { position: fixed; top: 90px; margin-left: -355px; left: 50%; border: 1px solid #CCC; border-right: 0px; border-bottom: 0px; width: 90px; } #NewsDetailWrapper .news-footer-items { border: 0px!important; margin: 0px; padding: 0px; } #NewsDetailWrapper .news-footer-items a.image { float: none; margin: 0px; } #NewsDetailWrapper .news-footer-items a.image img { width: 50px; height: 50px; } #NewsDetailWrapper .news-footer-items cite { margin-top: 4px; font-size: 9px; line-height: 12px; height: auto; overflow: visible; } #NewsDetailWrapper .news-footer-items cite a { font-family: Verdana; color: #333; font-weight: bold; display: block; word-wrap: break-word; } #NewsDetailWrapper .news-footer-items cite span { font-family: Verdana; color: #777; font-weight: normal; display: block; } #NewsDetailWrapper .news-footer-items ul { width: auto; height: auto; } #NewsDetailWrapper .news-related span { font-family: Verdana; color: #333; font-weight: bold; display: block; font-size: 9px; line-height: 12px; } #NewsDetailWrapper .social-buttons, .newsdetailwrapper .social-buttons { width: auto; height: auto; float: none; } #NewsDetailWrapper .social-buttons > div, .newsdetailwrapper .social-buttons > div { padding: 0px; float: none; margin: 10px 0px; } #NewsDetailWrapper .news-footer-items .news-related a { font-family: Verdana; font-weight: normal; display: block; word-wrap: break-word; } #NewsDetailWrapper .news-related, #NewsDetailWrapper .social-wrapper, .newsdetailwrapper .social-wrapper { padding: 10px 10px; border-bottom: 1px solid #CCCCCC; } #NewsDetailWrapper .social-wrapper, .newsdetailwrapper .social-wrapper { padding-bottom: 0px; padding-top: 0px; } #NewsDetailWrapper h1, .newsdetailwrapper h1 { margin-bottom: 20px; } #NewsDetailWrapper .newscast-button-wrapper, .newsdetailwrapper .newscast-button-wrapper { width: 174px; display: inline-block; } #NewsDetailWrapper a.newscast-button, .newsdetailwrapper a.newscast-button { font-family: Verdana; vertical-align: middle; display: inline-block; border: 1px solid #dddddd; font-size: 9px; line-height: 9px; margin-left: 10px; font-family: Verdana; color: #444444; padding: 0px 2px; } #NewsDetailWrapper .newscast-button.clicked, .newsdetailwrapper .newscast-button.clicked { background: #D6D3CE; border: 1px solid #999999; } #NewsDetailWrapper .newscast-button.clicked span.copy, .newsdetailwrapper .newscast-button.clicked span.copy { border-left: 1px solid #999999; } #NewsDetailWrapper .newscast-button img, .newsdetailwrapper .newscast-button img { vertical-align: top; padding: 3px 1px; } #NewsDetailWrapper .newscast-button:active, .newsdetailwrapper .newscast-button:active { background: #C2BDB4; } .no-touch #NewsDetailWrapper a.newscast-button:hover, .no-touch .newsdetailwrapper a.newscast-button:hover { background: #D6D3CE; border: 1px solid #999999; text-decoration: none; } .no-touch #NewsDetailWrapper a.newscast-button:hover span.copy, .no-touch .newsdetailwrapper a.newscast-button:hover span.copy { border-left: 1px solid #999999; } #NewsDetailWrapper a.newscast-button:hover span.copy.hide, .newsdetailwrapper a.newscast-button:hover span.copy.hide { display: inline-block; font-size: 9px; font-family: Verdana; } #NewsDetailWrapper a.newscast-button:hover, .newsdetailwrapper a.newscast-button:hover { text-decoration: none; } #NewsDetailWrapper a.newscast-button span.copy, .newsdetailwrapper a.newscast-button span.copy { color: #555555; line-height: 12px; border-left: 1px solid #dddddd; padding: 2px 0px 2px 4px; width: 135px; margin-left: 2px; text-align: center; } #NewsDetailWrapper .news-list-item .image-wrapper, .newsdetailwrapper .news-list-item .image-wrapper { margin-bottom: 10px; } #NewsDetailWrapper .news-list-item, .newsdetailwrapper .news-list-item { border: 0px; margin-top: 20px; color: #555; } #NewsDetailWrapper a.more, .newsdetailwrapper a.more { padding: 0px; font-family: Verdana; font-size: 14px; line-height: 15px; margin-bottom: 20px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .share-buttons { text-align: center; margin-top: 20px; /*width: 100%; margin: 0 auto;*/ } .share-buttons .fb-share-button { margin-right: 20px; background: #3b5998; } .share-buttons .twitter-share-button1 { margin-right: 20px; background: #1bb2e9; } .share-buttons .fb-share-button, .share-buttons .twitter-share-button1 { opacity: .7; filter: alpha(opacity=70); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; display: inline-block!important; width: 200px; height: 40px; padding: 10px 0px; } a.share-buttons .fb-share-button:hover, a.share-buttons .twitter-share-button1:hover, #NewsDetailWrapper #newsitem .top-share-buttons a.subscribe-button:hover, .newsdetailwrapper .newsitem .top-share-buttons a.subscribe-button:hover { opacity: 1; filter: alpha(opacity=100); text-decoration: none; } .share-buttons .fb-share-button .img, .share-buttons .twitter-share-button1 .img { margin-right: 10px; display: inline-block; background: url('/images/icon-facebook-twitter-white.png'); height: 46px; width: 29px; } .share-buttons .twitter-share-button1 .img { width: 51px; background-position: -29px 0px; } .share-buttons .fb-share-button .label, .share-buttons .twitter-share-button1 .label { font-family: Verdana; vertical-align: top; display: inline-block; font-size: 24px; line-height: 46px; font-style: italic; color: #FFFFFF; } #NewsDetailWrapper.overlay .sponsor-top-box, .newsdetailwrapper.overlay .sponsor-top-box { max-width: 598px; bottom: 1px; } #NewsDetailWrapper.overlay #newsitem .image-wrapper img, .newsdetailwrapper .overlay .newsitem .image-wrapper img { max-width: 598px; } #OverlayItemWrapper { width: 630px; padding-left: 110px; } #NewsDetailWrapper.overlay .news-footer, .newsdetailwrapper.overlay .news-footer { top: 69px; margin-left: -360px; } input[type="text"].newsitem-link { width: 560px; } .overlayheader { padding: 15px 0px 15px 0px; } #OverlayItem { padding: 0px 15px; } #OverlayItem #newsitem, #OverlayItem .newsitem { padding: 0px; } #NewsDetailWrapper .news-footer-items .news-related li { margin: 0px; margin-bottom: 4px; } .embed-container { position: relative; padding-bottom: 120%; padding-top: 30px; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #StoryForm .divider, #StoryTypeSelection .divider { margin: 30px 0px 40px 0px; display: block; text-align: center; } #StoryForm .divider span, #StoryTypeSelection .divider span { vertical-align: middle; } #StoryForm .divider span.leftbar, #StoryForm .divider span.rightbar, #StoryTypeSelection .divider span.leftbar, #StoryTypeSelection .divider span.rightbar { border: 1px solid #dddddd; width: 35%; height: 0px; display: inline-block; } #StoryForm div.form-horizontal.listitem-embed .input { float: none; width: 626px; } #NewsDetailWrapper .news-footer { margin-left: -444px; } /*.newsdetailpage #SideColumn { float: left; width: 180px; margin-left: 10px; } .newsdetailpage #SideColumn h4 { font-size: 12px; line-height: 14px; color: #333; } .newsdetailpage #SideColumn h4 a { color: #333; } .newsdetailpage #SideColumn a { font-size: 11px; line-height: 13px; color: #555; } .newsdetailpage #SideColumn .image-wrapper { border: 1px solid #CCC; display: block; width: 178px; height: 119px; overflow: hidden; } .newsdetailpage #SideColumn .image-wrapper span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .newsdetailpage #SideColumn span.title, #SideColumn span.title p { margin-top: 4px; font-size: 11px; line-height: 13px; color: #555; display: block; } .newsdetailpage #SideColumn div.newsitem { padding: 10px 0px 0px 0px; } .newsdetailpage #SideColumn a.btn { color: #FFFFFF; }*/ #NewscastAvailableMessage { font-size: 14px; color: #b94a48; float: left; } #SignUp #NewscastAvailableMessage, #SignUp .error { font-size: 11px; line-height: 12px; /*margin-top: -10px;*/ float: none; margin-bottom: 4px; } #SignUp .input.newscastname { margin-bottom: 2px; } #RegistrationForm p.label { font-size: 11px; line-height: 12px; } .analytics-dashboard { padding: 10px; border: 1px solid #ddd; background: #FBFBFB; margin-bottom: 10px; } .analytics-dashboard span { font-size: 12px; font-weight: normal; text-align: left; } .analytics-dashboard span.label { width: 60px; margin-right: 4px; text-align: left; } p.assignment-notavail { color: #b94a48; font-weight: bold; } #AssignmentsList .assignmentslist-item span.label { font-size: 10px; line-height: 12px; color: #777; position: absolute; bottom: 35px; height: 24px; overflow: hidden; } #AssignmentsList .assignmentslist-item span.label a { display: block; font-size: 10px; line-height: 12px; color: #777; height: 24px; position: static; width: 100px; overflow: hidden; text-overflow: ellipsis; } #AssignmentsList .col.buttons a.btn-primary { width: 84px; } .sponsorembed { z-index: 2; position: absolute; bottom: 1px; left: 1px; max-width: 628px; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); } .sponsorembed iframe { float: left; } #newsitem .sponsorembed p.label, .newsitem .sponsorembed p.label, .sponsorembed p.label { display: table-cell; vertical-align: middle; font-family: Verdana; margin: 0px; margin-right: 10px; font-size: 14px; line-height: 16px; color: #FFF; height: 70px; width: 330px; text-align: right; /*float: right; margin:0px; margin-right: 10px; padding-top: 25px;*/ } .newscastic .sponsor-top-box { display: none; } #newsitem.newscastic .sponsor, .newsitem.newscastic .sponsor { padding: 0px 0px 6px 0px; margin: 20px 0px; } #newsitem.newscastic .sponsor a.col1, .newsitem.newscastic .sponsor a.col1 { float: none; display: block; } #newsitem.newscastic .sponsor .col2, .newsitem.newscastic .sponsor .col2 { float: none; display: block; max-width: none; } #newsitem.newscastic .sponsor .col2 .label, #newsitem.newscastic .sponsor .col2 .title, .newsitem.newscastic .sponsor .col2 .label, .newsitem.newscastic .sponsor .col2 .title { display: none!important; } #newsitem.newscastic .sponsorembed .fb-like-box, .newsitem.newscastic .sponsorembed .fb-like-box { float: left; width: 236px; } #FooterControlsOverlay { display: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.8); width: 620px; padding: 13px 10px 13px 10px; position: fixed; bottom: 0px; z-index: 201; } #StoryForm { position: relative; } #MainItemOverlayWrapper, .SubItemOverlayWrapper, #SubItemOverlayWrapper { display: none; background: #EEEEEE; display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 9999; } #MainItemOverlay, .SubItemOverlay, #SubItemOverlay { padding: 40px 0px; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; } .list-item-placeholder-deleted { display: none!important; } select.assignments-type { margin-bottom: 20px; } #AssignmentsList .col { padding: 0px 4px 0px 5px; float: none; } #AssignmentsList span { font-size: 12px; line-height: 14px; color: #555555; margin: 0px; text-align: center; } #AssignmentsList .header { margin: 0px; } #AssignmentsList .header span { font-weight: bold; float: left; font-size: 10px; line-height: 12px; } #AssignmentsList .header .span6 { text-align: center; } #AssignmentsList .span2 { width: 52px; max-width: 52px; display: inline-block; } #AssignmentsList .span3 { width: 78px; max-width: 78px; display: inline-block; } #AssignmentsList .span4 { width: 102px; max-width: 102px; display: inline-block; } #AssignmentsList .span6 { width: 229px; max-width: 229px; display: inline-block; text-align: left; } #AssignmentsList .assignmentslist-item span.label { font-size: 14px; line-height: 16px; color: #555555; position: static; height: auto; } #AssignmentsList .assignmentslist-item { margin: 10px 0px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; } #AssignmentsList .content { border-top: 1px solid #CCCCCC; margin-top: 10px; } #AssignmentsList a.label { width: 78px; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; display: block; color: #555555; text-decoration: underline; font-size: 10px; line-height: 12px; } #AssignmentsList .title, #AssignmentsList .amount, #AssignmentsList .cred { font-size: 14px; line-height: 16px; } #AssignmentsList span.title { text-align: left; } #AssignmentsList .assignmentslist-item span.label { font-size: 10px; line-height: 12px; } #AssignmentsList .assignmentslist-item .col { padding: 4px 4px; border-right: 1px solid #CCCCCC; display: table-cell; vertical-align: middle; } #AssignmentsList .assignmentslist-item .col.last { border: 0px; padding-right: 0px; } #AssignmentsList .assignment a { color: #555555; } #AssignmentsList .assignment { width: 210px; max-width: 210px; } /*#Overlay.assignment-detail #OverlayItemWrapper { padding:0px; } #Overlay.assignment-detail #OverlayItem { padding:20px; height:100%;}*/ #NewsDetailWrapper .news-footer { margin-left: -354px; position: absolute; top: 0px; border: 0px; } #NewsDetailWrapper.overlay .news-footer { top: 0px; margin-left: -405px; } .newsdetailpage #TrendingStoriesWrapper { /*margin-left:110px; height:225px;*/ /*width:600px; margin-top:10px; */ width: 300px; margin-bottom: 10px; /* position:relative;*/ } .newsdetailpage #TrendingStories { display: block; border: 1px solid #CCCCCC; /*position:absolute; left:0px; top:0px; */ padding: 13px 0px 15px 15px; } .newsdetailpage #TrendingStories h4 { font-size: 14px; line-height: 16px; /*font-size:21px; line-height:23px;*/ color: #333; } .newsdetailpage #TrendingStories h4 a { color: #333; display: inline; } .newsdetailpage #TrendingStories a { font-size: 14px; line-height: 16px; color: #555; } .newsdetailpage #TrendingStories .image-wrapper { border: 1px solid #CCC; display: block; /*width: 178px; height:119px;*/ width: 265px; height: 177px; overflow: hidden; } .newsdetailpage #TrendingStories .image-wrapper span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .newsdetailpage #TrendingStories span.title, #SideColumn span.title p { margin-top: 4px; font-size: 11px; line-height: 13px; color: #555; display: block; /*float:left; width:130px;*/ } .newsdetailpage #TrendingStories div.newsitem { padding: 10px 0px 0px 0px; /*width:180px; float:left; margin-right:10px;*/ width: 265px; float: none; } .newsdetailpage #TrendingStories div.newsitem { margin-right: 14px; } #Analytics { margin-left: 115px; } #NewsDetailWrapper .social-wrapper, .newsdetailwrapper .social-wrapper { border: 1px solid #CCCCCC; border-right: 0px; } #NewsDetailWrapper .news-related { border-bottom: 0px; border-left: 1px solid #CCCCCC; } .pinit-button { position: absolute; top: 10px; right: 10px; display: none; z-index: 998; } .touch .pinit-button { display: block; } .image-wrapper:hover .pinit-button { display: block; } .newsdetailpage #SideColumn { width: 300px; margin-left: 15px; } .ad-300x250, .ad-300x600 { margin-bottom: 10px; } .ad-top-728x90, .ad-bottom-728x90 { margin-bottom: 10px; width: 728px; height: 90px; margin: 0 auto; } .adwrapper { background: #f2f2f2; padding: 10px 0px; margin-bottom: 30px; margin-top: -37px; } .app .adwrapper { margin-top: -10px; } .adwrapper.bottom { margin: 0px; margin-top:10px; } .triplelift300x250 { background: #F6F6F6; padding: 10px 15px; border: 1px solid #CCC; margin-bottom: 10px; } .triplelift300x250 a, .triplelift300x250 a:hover { text-decoration: none; } .triplelift300x250 h2 { font-size: 16px; line-height: 19px; margin: 10px 0px; } .triplelift300x250 img { border: 1px solid #CCC; } #newsitem .sponsorembed a.sponsor-app, .newsitem .sponsorembed a.sponsor-app { display: block!important; padding: 8px; width: 100%; max-width: 582px; height: 61px; } #newsitem .sponsorembed a img.left, .newsitem .sponsorembed a img.left { float: left; width: auto; border: 0px; } #newsitem .sponsorembed a img.right, .newsitem .sponsorembed a img.right { float: right; width: auto; border: 0px; margin-top: 12px; } #newsitem .sponsorembed a span.message, .newsitem .sponsorembed a span.message { float: left; margin: 12px 10px; } #newsitem .sponsorembed a span.message span.title, .newsitem .sponsorembed a span.message span.title { color: #FFFFFF; display: block; font-size: 20px; line-height: 20px; } #newsitem .sponsorembed a span.message span.subtitle, .newsitem .sponsorembed a span.message span.subtitle { color: #FFFFFF; display: block; font-size: 12px; line-height: 16px; } #StoryForm .well select, #StoryTypeSelection .well select { border: 1px solid #CCCCCC; color: #777777; height: 30px; margin: 20px 0px 10px 0px; } .message-info { color: #3a87ad; font-size: 18px; line-height: 20px; } #StoryEditForm-Overlay { z-index: 999; left: 0px; top: 0px; position: absolute; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; } /* responsive instagram embed*/ .instagramWrapper { position: relative; padding-top: 30px; height: 0; overflow: hidden; padding-bottom: 120%; } .instagramWrapper iframe, .instagramWrapper object, .instagramWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vineWrapper { position: relative; padding-top: 30px; height: 0; overflow: hidden; padding-bottom: 95%; } .vineWrapper iframe, .vineWrapper object, .vineWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*sharethrough class*/ .str-adunit { background: #EEEEEE; padding:10px 0px; width: 300px; height: auto; margin:0px!important; /*border: 1px solid #DDD;*/ } .revenue-ad { width:590px; } .revenue-ad, .ncad { background: #EEEEEE; padding:20px; } .ncad { padding: 20px 0px; } .ncad .adsbygoogle { margin-left: 8px; } #newsitem .news-detail .revenue-ad p, #newsitem .news-detail .ncad p, .newsitem .news-detail .revenue-ad p, .newsitem .news-detail .ncad p { font-size: 12px!important; line-height: 15px!important; } .revenue-ad h4, .ncad h4 { font-size: 14px; } #newsitems .str-adunit { width: 300px; height: 458px; margin: 10px 10px!important; float: left; } .instory-ad { /*border-bottom: 1px solid #ccc;*/ /* background:#EEE; padding:15px;*/ } .sharethrough p, .instory-ad p.label { margin-bottom: 0px!important; padding-bottom: 2px; border-bottom: 1px solid #CCC; /*box-shadow: 0 8px 6px -6px rgba(34,25,25, 0.3);-moz-box-shadow: 0 8px 6px -6px rgba(34,25,25, 0.3);-webkit-box-shadow: 0px 8px 6px -6px rgba(34,25,25,0.3);*/ text-align: center!important; font-size: 11px!important; line-height: 11px!important; color: #999!important; } .instory-ad a { text-decoration: none; } .sharethrough .str-adunit { border: 0px; background: transparent; margin: 0 auto!important; width: auto; float: none; } .signup h1, .signup p, .signup .row.fb, .signup .row.divider, .signup .row .col { display: none!important; } .signup .row .col.signup, .signup .row .col.signup p { display: block!important; } .signup .alert-error h1, .signup .alert-error p, .signup .message h1, .signup .message p { display: block!important; } .login p, .login .row .col.signup { display: none!important; } .login .row .col.login, .login .row .col.login p { display: block!important; } .login .alert-error h1, .login .alert-error p, .login .message h1, .login .message p { display: block!important; } .login #RegistrationForm #Registration .row span.leftbar, .login #RegistrationForm #Registration .row span.rightbar { width: 137px!important; } .login #RegistrationForm .row.divider { display: block!important; } .login #RegistrationForm h1 { font-size: 26px; line-height: 36px; } #newsitem .news-detail p.ad-label, .newsitem .news-detail p.ad-label { text-align: center!important; font-size: 11px!important; line-height: 11px!important; color: #999!important; margin-bottom: 4px!important; } #MarketGidScriptRootC10324 h4 { margin: 10px 0px; } #MarketGidScriptRootN1113 { margin-top: 10px; padding: 10px; border: 1px solid #CCC; } #MarketGidScriptRootN1113 h4 { margin-bottom: 10px; } .newsdetailpage #ContentWrapper { width: 630px; margin: 0 auto; } .contentalign-center { width: 630px; margin: 0 auto; } #NewsDetailWrapper #newsitem .author, .newsdetailwrapper .newsitem .author { float: left; } #NewsDetailWrapper #newsitem .author a.image, .newsdetailwrapper .newsitem .author a.image { float: left; margin-right: 5px; } #NewsDetailWrapper #newsitem .author a.image img, .newsdetailwrapper .newsitem .author a.image img { width: 44px; height: 44px; border: 1px solid #CCC; display: inline-block; vertical-align: middle; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; } #NewsDetailWrapper #newsitem .author .authorname, .newsdetailwrapper .newsitem .author .authorname { /*float:left;*/ vertical-align: middle; display: table-cell; height: 46px; } #NewsDetailWrapper #newsitem .author cite, .newsdetailwrapper .newsitem .author cite { font-size: 9px; line-height: 12px; display: block; } #NewsDetailWrapper #newsitem .author cite a, .newsdetailwrapper .newsitem .author cite a { display: inline-block; font-size: 9px; line-height: 12px; font-family: Verdana; color: #333; font-weight: bold; word-wrap: break-word; } #NewsDetailWrapper #newsitem .author cite span,.newsdetailwrapper .newsitem .author cite span { font-size: 9px; line-height: 12px; font-family: Verdana; color: #777; font-weight: normal; display: inline-block; } #NewsDetailWrapper #newsitem .author h3, .newsdetailwrapper .newsitem .author h3 { font-size: 9px; line-height: 12px; font-weight: bold; font-style: italic; margin: 0px; } #NewsDetailWrapper #newsitem .author h3 a, .newsdetailwrapper .newsitem .author h3 a { color: #333333; } #newsitem .story-embed, .newsitem .story-embed { float: right; text-align: right; } #newsitem .story-embed a, .newsitem .story-embed a { vertical-align: top; border: 1px solid #ccc; padding: 10px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 9px; line-height: 9px; margin: 5px 0px; font-weight: bold; color: #333; display: inline-block; font-style: italic; } #newsitem .story-embed a img, .newsitem .story-embed a img { width: 20px; } #newsitem .story-embed textarea, .newsitem .story-embed textarea { max-width: 630px; width: 630px; padding: 0px; height: 26px; font-size: 9px; line-height: 13px; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 2px rgba(34,25,25,0.2); margin: 0px; display: none; } #SocialShareCount { float: left; text-align: center; font-weight: bold; font-size: 28px; line-height: 28px; color: #dd4b39; margin-right: 20px; text-transform: uppercase; } #SocialShareCount span { display: block; font-weight: normal; text-align: center; color: #ccc; font-size: 20px; line-height: 20px; text-transform: lowercase; } .other-shares { float: left; } .top-share-buttons { text-align: left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2px 0px 14px 0px; } .top-share-buttons a { text-align: center; } .top-share-buttons .share-button { margin-right: 7px; } #newsitem .top-share-buttons a.expand, #newsitem .top-share-buttons a.collapse, .newsitem .top-share-buttons a.expand, .newsitem .top-share-buttons a.collapse { float: left; margin-right: 10px; padding: 5px 0px 0px 0px; width: 48px; opacity: .7; filter: alpha(opacity=70); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .share-button-container { height: 90px; margin-top: 20px; } .top-share-buttons { text-align: center; height: 72px; } .top-share-buttons .fb-share-button { background: #3b5998; } .top-share-buttons .twitter-share-button1 { background: #1bb2e9; } .top-share-buttons .fb-share-button, .top-share-buttons .twitter-share-button1 { display: inline-block!important; padding: 10px 0px; width: 135px; height: 28px; margin-bottom: 0px; } .top-share-buttons .fb-share-button .img, .top-share-buttons .twitter-share-button1 .img { margin-right: 10px; display: inline-block; background: url('/images/icon-facebook-twitter-white-x30.png'); height: 30px; width: 18px; } .top-share-buttons .twitter-share-button1 .img { width: 32px; background-position: -18px 0px; } .top-share-buttons .fb-share-button .label, .top-share-buttons .twitter-share-button1 .label { font-size: 18px; line-height: 28px; font-family: Verdana; vertical-align: top; display: inline-block; font-style: italic; color: #FFFFFF; } .share-button { float: left; } #newsitem a.share-button, .newsitem a.share-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #newsitem .other-shares a.share-button, .newsitem .other-shares a.share-button { font-size: 28px; line-height: 30px; padding: 8px 0px 7px 0px; width: 48px; color: #FFF; } .no-touch #newsitem a.share-button, .no-touch .newsitem a.share-button { opacity: .7; filter: alpha(opacity=70); } .no-touch #newsitem a.share-button:hover, .no-touch .newsdetailwrapper #newsitem a.share-button:hover, .no-touch .newsitem a.share-button:hover, .no-touch .newsdetailwrapper .newsitem a.share-button:hover { opacity: 1; filter: alpha(opacity=100); } #newsitem a.googleplus-share-button, .newsitem a.googleplus-share-button { background: #dd4b39; } #newsitem a.linkedin-share-button, .newsitem a.linkedin-share-button { background: #0274b3; } #newsitem a.tumbler-share-button, .newsitem a.tumbler-share-button { background: #3B5876; } #newsitem a.googleplus-share-button .img, .newsitem a.googleplus-share-button .img { vertical-align: middle; display: inline-block; background: url('/images/share-google-plus.png'); height: 30px; width: 28px; } #newsitem a.tumbler-share-button .img, .newsitem a.tumbler-share-button .img { vertical-align: middle; display: inline-block; background: url('/images/share-tumblr.png'); height: 30px; width: 28px; } #newsitem a.linkedin-share-button .img, .newsitem a.linkedin-share-button .img { vertical-align: middle; display: inline-block; background: url('/images/share-linkedin.png'); height: 30px; width: 28px; } .top-share-buttons .fb-share-button .img, .top-share-buttons .twitter-share-button1 .img { margin-left: 7px; } .top-share-buttons.fixed { position: fixed; top: 53px; left:0px; border-top: 0px; margin-top: 0px; background: #FFF; width: 100%; z-index: 999; } .app .top-share-buttons.fixed { top: 0px; } .top-share-buttons-content { width: 630px; margin:0 auto; } /*Share bar subscription*/ #SubscribeOverlayShareBar { float: left; padding: 10px 10px 10px 10px; -webkit-box-shadow: 1px 1px 2px rgba(34,25,25,0.2); z-index: 999; width: 208px; max-height: 26px; margin-right: 10px; margin-bottom: 0px; } #newsitem .top-share-buttons .subscribe-panel, .newsitem .top-share-buttons .subscribe-panel { display: none; } #newsitem .top-share-buttons .subscribe-label-container, .newsitem .top-share-buttons .subscribe-label-container { height: 19px; padding-top: 4px; } #newsitem .top-share-buttons .subscribe-button, .newsitem .top-share-buttons .subscribe-button { background: #DB932B; margin-right: 10px; display: inline-block!important; width: 200px; padding: 5px 0px 0px 0px; cursor: pointer; border-radius: 4px; float: left; } #newsitem .top-share-buttons .subscribe-button:hover, .newsitem .top-share-buttons .subscribe-button:hover { background: #c58427; } #newsitem .top-share-buttons .subscribe-button .label, .newsitem .top-share-buttons .subscribe-button .label { font-family: Verdana; vertical-align: top; display: inline-block; font-size: 24px; line-height: 38px; font-style: italic; color: #FFFFFF; text-decoration: none; } #newsitem .top-share-buttons .subscribe-button .img, .newsitem .top-share-buttons .subscribe-button .img { background-image: url('/images/subscribe-envelope.png'); width: 40px; height: 40px; display: inline-block; background-size: 40px 40px; } #newsitem .top-share-buttons #sub-label, .newsitem .top-share-buttons #sub-label { display: none; font-size: 10px; color: #555555; } #newsitem .top-share-buttons a.expand, .newsitem .top-share-buttons a.expand { display: none; background: #CCC; } #newsitem .top-share-buttons a.expand:hover, .newsitem .top-share-buttons a.expand:hover { background: #AAA; } #newsitem .top-share-buttons a.collapse:hover, .newsitem .top-share-buttons a.collapse:hover { background: #AAA; } #newsitem .top-share-buttons a.collapse, .newsitem .top-share-buttons a.collapse { background: #CCC; } #newsitem .top-share-buttons a.expand .img, .newsitem .top-share-buttons a.expand .img { background-image: url('/images/ic_share_white_36dp.png'); width: 40px; height: 40px; display: inline-block; background-size: 30px 30px; background-repeat: no-repeat; background-position: 50%; } #newsitem .top-share-buttons a.collapse .img, .newsitem .top-share-buttons a.collapse .img { background-image: url('/images/subscribe-envelope.png'); width: 40px; height: 36px; display: inline-block; background-size: 30px 30px; background-repeat: no-repeat; background-position: 50%; margin-top: 4px; } /*share bar animation*/ #newsitem .top-share-buttons .subscribe-panel .subscribe-loading, .newsitem .top-share-buttons .subscribe-panel .subscribe-loading { display: none; float: left; margin-top: 12px; width: 450px; } #newsitem .top-share-buttons .subscribe-panel .subscribe-loading img, .newsitem .top-share-buttons .subscribe-panel .subscribe-loading img { margin: auto; } #newsitem .top-share-buttons .subscribe-panel .subscribe-response, .newsitem .top-share-buttons .subscribe-panel .subscribe-response { display: none; float: left; margin-top: 12px; width: 450px; } #newsitem .top-share-buttons .subscribe-panel .subscribe-response p, .newsitem .top-share-buttons .subscribe-panel .subscribe-response p { text-align: center; font-size: 18px; color: #555555; } /*Story footer*/ .story-footer { width: 588px; height: 142px; background: #d89f39; border: 1px solid #7f6000; padding: 20px; } .story-footer .subscribe-form .subscribe-input { float: left; padding: 10px 10px 10px 10px; background: #FFFFFF; -webkit-box-shadow: 1px 1px 2px rgba(34,25,25,0.2); border: 1px solid #7f6000; border-radius: 4px; width: 344px; max-height: 28px; margin-right: 10px; } .story-footer .subscribe-form .subscribe-label { width: 505px; font-size: 18px; color: #ffffff; display: inline-block; margin: 7px 0px 43px 0px; } .story-footer .subscribe-form .subscribe-img { vertical-align: top; margin-left: 23px; } .story-footer .subscribe-form .subscribe-button { box-shadow: 1px 1px 2px rgba(34,25,25,0.2); background: #FFD966; border-radius: 4px; display: inline-block!important; width: 200px; padding: 5px; text-align: center; border: 1px solid #7f6000; cursor: pointer; text-decoration: none; } .story-footer .subscribe-form .subscribe-button .label { font-family: Verdana; vertical-align: top; display: inline-block; font-size: 18px; line-height: 38px; color: #7f6000; text-decoration: none; } .story-footer .subscribe-form .subscribe-button:active { box-shadow: none; background: #d89f39; } .story-footer .subscribe-form .subscribe-button:active .label { color: #FFD966; } /*Story footer animation*/ .story-footer .subscribe-loading { display: none; margin: 60px; } .story-footer .subscribe-response { display: none; margin: 60px; } .story-footer .subscribe-response p { text-align: center; font-size: 18px; color: #ffffff; } /*Sponsor subscription-form*/ .sponsor .story-footer { width: 278px; height: 107px; padding: 10px; } .sponsor .story-footer .subscribe-form .subscribe-button { margin-top: 22px; height: 38px; width: 70px; } .sponsor .story-footer .subscribe-form .subscribe-input { margin-top: 22px; width: 164px; } .sponsor .story-footer .subscribe-form .subscribe-button span.lbl { font-family: Verdana; vertical-align: top; display: inline-block; font-size: 12px; line-height: 38px; color: #7f6000; text-decoration: none; } .sponsor .story-footer .subscribe-form .subscribe-button:active span.lbl { color: #FFD966; } .sponsor .story-footer .subscribe-form .subscribe-label { font-size: 11px; width: 243px; margin-top: 2px; line-height: 14px; } .sponsor .story-footer .subscribe-form .subscribe-img { margin-left: 0px; width: 30px; } /*sponsor animation*/ .sponsor .story-footer .subscribe-loading { margin: 29px; } .sponsor .story-footer .subscribe-response { margin: 42px; } .sponsor .story-footer .subscribe-response p { font-size: 12px; } /*Tooltipseter*/ .tooltipster-default { border-radius: 0px!important; border: 1px solid #BBB!important; background: #FFFFFF!important; color: #4c4c4c!important; -moz-box-shadow: 2px 2px 0px #aaa!important; -webkit-box-shadow: 2px 2px 0px #aaa!important; box-shadow: 2px 2px 0px #aaa!important; } .tooltipster-default .tooltipster-content { padding: 12px 14px!important; } /*Tooltipseter*/ /*NewsFormV4---*/ #QuizResults .list-item-copywrapper { width: 300px; margin: 0 10px; float: right; } #QuizResults .list-item-headline { width: 600px; margin-left: 10px; } #QuizResults .list-item-image { width: 300px; float: right; margin: 0 10px; } #btnQuizAddResult { width: 580px; height: 35px; margin: 20px; vertical-align: middle; padding: 10px 10px; line-height: 16px; margin-top: 30px; } #btnQuizAddResult span { display: table-cell; vertical-align: middle; text-align: center; height: inherit; width: inherit; } .list-item-form-answer { padding: 10px; } .listitem.answer { width: 300px; float: left; border: 1px solid #CCCCCC; margin: 5px; } .btn.quiz-answer { margin: 5px; display: table !important; width: 288px; height: 406px; float: left; text-align: center; border-radius: 4px; } .btn.quiz-answer span { vertical-align: middle; display: table-cell; } .btn.quiz-answer:hover { background-position: 0 -170px !important; } .quiz-answers { padding: 8px; } /*.quiz-answers .list-item-image { height: 288px; }*/ .quiz-answers .list-item-image .image-preview img { height: 268px; } #StoryForm h2.items-section { font-weight: normal; font-size: 14px; line-height: 26px; margin-bottom: 10px; font-family: verdana !important; display: block; background: #999; color: #fff; padding: 0px 3px; } #StoryForm h2.items-section.ques { padding: 0 25px; } #newButtons a { width: 580px; height: 35px; margin: 20px; } #StoryForm .input.type-wrapper select { width: 83%; color: #2b3840; } #StoryForm .input.type-wrapper select:disabled { background-color: rgb(235, 235, 228); } .type-wrapper { margin-top: 10px; } .list-item-toolbar a.collapse span.img { width: 11px; height: 14px; background-position: -110px 0px; } .list-item-toolbar a.expand span.img { width: 11px; height: 14px; background-position: -51px 0px; } a.items-section span.img { margin-right: 2px; width: 20px; height: 20px; vertical-align: bottom; display: inline-block; background: url('/images/ic_open.png') no-repeat; background-size: 28px; background-position: 50%; vertical-align: middle; } a.items-section.collapse span.img { -webkit-animation: collapse .2s 1 linear; -moz-animation: collapse .2s 1 linear; animation: collapse .2s 1 linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } a.items-section.expand span.img { -webkit-animation: expand .2s 1 linear; -moz-animation: expand .2s 1 linear; animation: expand .2s 1 linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-moz-keyframes collapse { to { -moz-transform: rotate(-90deg); } } @-webkit-keyframes collapse { to { -webkit-transform: rotate(-90deg); } } @keyframes collapse { to { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } @-moz-keyframes expand { from { -moz-transform: rotate(-90deg); } to { -moz-transform: rotate(0deg); } } @-webkit-keyframes expand { from { -webkit-transform: rotate(-90deg); } to { -webkit-transform: rotate(0deg); } } @keyframes expand { from { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } #QuizResults p.tab { margin-left: 20px; display: inline; } #NewsItems .quiz-answers .qq-upload-button { height: 268px; } #NewsItems .quiz-answers .qq-upload-button div { padding-top: 85px; } #VotableListOptions .floatleft p, #VotableListOptions .floatleft input, #VotableListOptions .floatright div, #VotableListOptions .floatright p { display: inline-block; } #VotableListOptions input[type="number"] { width: 40px; } #VotableListOptions .floatleft { margin-top: 10px; } #StoryForm .list-item-min-max p, #StoryForm .list-item-social-media-title-wrapper p, #StoryForm input.content.list-item-social-media-title { /* float: left; */ margin-right: 10px; display: inline-block; color: #999; margin-bottom: 0px; } #StoryForm .list-item-min-max, #StoryForm .list-item-social-media-title-wrapper { margin-left: 10px; margin-top: 10px; } #StoryForm .list-item-social-media-title-wrapper .input { display: inline-block; padding: 2px 6px; margin-top: 5px; } #StoryForm input.content.list-item-social-media-title { width: 265px; height: auto; margin: 0; font-size: 16px; } #StoryTypeSelection a { margin: 0 auto; display: block; width: 266px; margin-bottom: 20px; } .recaptchatable tbody { transform: scale(.88,.88); } /*scale down to fit phone size*/ .main-col.no-side-col { width: 640px; margin-right: 0px; float: none; margin: 0 auto; } #StorySelect { text-align: center; } #StorySelect h2 { margin-bottom: 20px; font-family: Verdana; font-size: 24px; line-height: 30px; font-weight: normal; } #StoryTypeSelection .message-info { color: #333; } #StoryTypeSelection .well.assignment-selector { border: none; margin-bottom: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #StoryTypeSelection select { font-family: Verdana!important; } a img.help { float: right; display: inline-block; position: relative; top: 2px; } /*---NewsFormV4*/ #Overlay.embedpreview #OverlayItemWrapper { padding-left: 0px; } #Overlay.embedpreview h2 { font-size: 20px; line-height: 20px; margin-top: -40px; margin-bottom: 20px; } #Overlay.embedpreview h3 { font-size: 16px; line-height: 16px; margin: 0px; margin-bottom: 10px; } #Overlay.embedpreview p { font-size: 14px; line-height: 14px; color: #555; margin: 0px 0px 20px 0px; } #Overlay.embedpreview textarea { max-width: 582px; width: 582px; height: 50px; padding: 5px; font-size: 12px; line-height: 17px; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 2px rgba(34,25,25,0.2); margin: 0px; } /*Embed Link Css*/ .txtEmbed { float: right; width: 75%; text-align: right; } .txtEmbed textarea { height: 100%; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 2px rgba(34,25,25,0.2); } /*Registration form*/ .alert-close { position: relative; top: -2px; right: -21px; line-height: 20px; } a.alert-close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .alert-close { display: block; height: 24px; width: 24px; float: right; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; } span.text-error { float: left; position: absolute; margin-left: 2px; color: #b94a48; } #SignUp #ErrorMessage { margin: 10px 0px 0px; } .signup p.label { display: block!important; } a.switch { position: relative; float: right; top: -25px; color: #999999; font-weight: bold; font-family: Verdana!important; font-size: 14px; cursor: pointer; right: 14px; width: 0px; } .place-ddl { width: 100%; border: 0; margin: 0px; height: 29px; } .place-ddl:focus { outline: none; } /*#content-body { border-bottom: 1px solid #eee; padding-bottom:30px; margin-bottom:30px!important;}*/ span.story-separator { margin-top:40px; padding-bottom: 50px; border-top: 1px solid #333; display:block;} span.story-separator span.contentalign-center { width:90%; height: 33px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-top: -16px; text-align:center; } span.story-separator span.contentalign-center span, span.story-separator span.contentalign-center strong { background:#fff; color:#333; font-size: 20px; line-height: 33px; font-family: 'Glegoo', serif;} span.story-separator span.contentalign-center span { padding:0px 5px 0px 3px;} #inViewport img { margin: 0 auto; } .below_image .sponsor-top-box { position:static; background:#000; } #newsitem .image-wrapper .img.below_image img, .newsitem .image-wrapper .img.below_image img { border: 0px; }