/* ------------------------------------------------------------------------------  */

/* REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! REMEMBER! */

/*                                                                                 */

/*              ALL CUSTOM STYLES MUST BE ADDED TO MOBILE STYLES AS WELL!          */

/*                                                                                 */

/*                                                                                 */

/* ------------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700);

/* ------------------------------------------------------------------ */

/* [publication here] defaults.css */

/* Last updated 3/4/14 */

/* 4028 Lines -- Goal: 3500 lines -- */

/* ------------------------------------------------------------------ */

/* -- Optimize font rendering -- */

/* ---- Keep or not?
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
text-rendering: optimizeLegibility;
}
--- */

/* -- Default paragraph tags -- */
p {
    margin: 3px 0;
}

img {
    max-width: 100%;
    height: auto;
}

/* -- Paragraphs within stories get bigger margins -- */
#storyBody p,
.postBody p {
    margin: 1.12em 0;
}

#storyBody,
.postBody {
    font-size: 1.1em;
    line-height: 1.4;
}

#storyBody iframe,
.postBody iframe {
    display: block;
    margin: 1.12em auto;
}

/* -- Style ul in content -- */
body#Event div.descr_txt ul,
#storyBody>ul,
.postBody>ul {
    list-style: disc inside;
    overflow: hidden;
    margin: 10px 0 0;
}

body#Event div.descr_txt ul li,
#storyBody>ul li,
.postBody>ul li {
    margin: 0 0 5px;
    list-style: disc inside;
    overflow: hidden;
    padding: 0 5px;
}

div#storyBody>ol li,
.postBody>ol li {
    list-style: decimal inside none;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 5px;
}

body#Event div.descr_txt ul li:last-of-type,
#storyBody ul li:last-of-type,
.postBody ul li:last-of-type {
    margin: 0;
}

/* -- Reset the Rest -- */
strong {
    font-weight: 700;
}

em,i {
  font-style: italic;
  font-weight: inherit;
}

/* -- Standard font code [only declared here for simpler font changes]-- */
body {
    font-family: 'Open Sans', 'Lucida Grande', Arial, sans-serif;
    font-weight: 400;
    font-size: 78%;
    color: #000;
}

div.MainSidebar,
div.MainColumn,
div.SpanningFeature,
div.SpanningIsland {
    margin-bottom: 15px;
}

.Karnak6Zone div#gridBottomSidebar {
    clear: both
}

/* for them crazy ipads */
@media only screen and
(min-device-width:768px)
and (max-device-width:1024px) {
    body {
        padding: 0 1.5%;
        box-sizing: border-box;
    }

}

/* -- It just makes more sense -- */
input[type=submit] {
    cursor: pointer;
    outline: 0 none;
}

/* -- Defaults for <a> -- */
a {
    text-decoration: none;
    transition: all linear .04s;
    cursor: pointer;
    outline: 0 none;
    color: #777;
}

/* -- a:hover should be set for specific situations i.e. headline, byline or whatever -- */
#storyBody a,
.postBody a {
    color: #323232;
    font-weight: 700;
}

#storyBody a:hover,
.postBody a:hover {
    color: #000;
}

.clearfix:after {
    content: "|";
    display: block;
    text-indent: -9999em;
    height: 0;
    clear: both;
}

.hidden_element {
    display: none;
}

.image_magnify {
    position: absolute;
    top: 0;
    right: 10px;
    width: 16px;
    height: 16px;
}

.clicktozoom {
    display: block;
    text-align: right;
    font-size: 11px;
    text-decoration: none;
}

/* -- Headlines per page type -- */
body#Home .headline,
body#Home .headline a {
    font-weight: 700;
    line-height: 1.2;
    font-size: 18px;
    color: #000;
}

body#Home .headline a:hover {
    color: #777;
}

body#Home .subheadline,
body#Home .subhead {
    color: #454545;
    line-height: 1.2;
}

/*
#SectionStories .headline,
 #SectionStorie .headline a,
 body#Category .headline,
 body#Category .headline a {
    font-weight: 700;
    line-height: 1.2;
    font-size: 18px;
    color: #000;
}
*/
body#Section .headline a:hover,
body#Category .headline a:hover {
    color: #777;
}

.subheadline,
.subhead {
    color: #454545;
    line-height: 1.2;
    font-weight: 600;
    margin: 3px 0;
}

body.SearchPage .headline,
body.SearchPage .headline a {
    font-weight: 700;
    line-height: 1.2;
    color: #000;
}

body.SearchPage .headline a:hover {
    color: #777;
}

.Aurora7Zone #gridMainColumn {

    /*    width: 470px; */
}

.Mule4Zone div#gridMain {
    background-color: #fff;
}

/* -- or maybe headlines like this? -- */
.headline {
    font-weight: 700;
    line-height: 1.2;
    color: #000;
}

h1.headline {
    font-size: 30px;
}

h2.headline {
    font-size: 22px;
}

h2.subheadline {
    font-weight: 600;
    font-size: 20px;
}

h3.headline {
    font-size: 20px;
}

h4.headline {
  font-size:1.5em;
}

.headline a {
    color: #000;
}

.headline a:hover {
    color: #777;
}

.byline,
.byline a {
    color: #777;
    text-transform: capitalize;
}

.moduleList .byline,
.moduleList .byline a {
    color: #777;
    font-size: 12px;
    text-transform: capitalize;
}

.byline a:hover {
    color: #000;
}

/* Component Headers */
.MainSidebar>h3,
.SpanningIsland>h3,
.MainColumn>h3,
.SpanningFeature>h3,
div#Poll .PollTitle,
div#SlideshowsBox h2,
div#TopTopics h2 {
    color: #010101;
    font-size: 20px;
    display: block;
    margin: 0 0 5px;
    font-weight: 700;
    border-bottom: 1px solid;
}

.MainSidebar>h3 a,
.SpanningIsland>h3 a,
.MainColumn>h3 a,
.SpanningFeature>h3 a,
div#SlideshowsBox h2 a {
    color: #010101;
}

.prevNext {
    text-align: center;
    overflow: hidden;
    padding: 3px 1px;
}

.prevNext .prev {
    float: left
}

.prevNext .next {
    float: right
}

.notice {
    margin: 0;
    padding: 9px;
    background-color: #eee;
    text-align: center;
    border-radius: 3px;
}

ul.moduleList {
}

div.MainSidebar ul.moduleList {
}

ul.moduleList h5 a {
    color: #777;
}

ul.moduleList h5 a:hover {
    color: #000;
}

/*ul.moduleList li.storyItem:last-of-type {
text-align: right;
}
*/
ul.moduleList ul li p {
    margin: 0 0 2px;
    color: #333;
}

ul.moduleList ul li p br {
    display: none;
}

ul.moduleList ul li.l1 {
    color: #999;
}

/* -- keeps 'be the first to rate' text gray -- */
li.locationRating a {
    color: #999;
}

/* side by side teasers */
div#LatestInCategory .l0.storyItem,
div#RecentByTag .l0.storyItem,
div#RelatedStories .l0.storyItem {
    display: inline-block;
    width: 190px;
    margin: 0 10px 10px;
    text-align: center;
    padding: 0;
    border: 0 none;
    white-space: normal;
    vertical-align: text-top;
}

div#LatestInCategory .l0.storyItem a img,
div#RecentByTag .l0.storyItem a img,
div#RelatedStories .l0.storyItem a img {
    float: none;
    margin: 0 0 3px;
}

div#LatestInCategory .l0.storyItem h4.headline,
div#RecentByTag .l0.storyItem h4.headline,
div#RelatedStories .l0.storyItem h4.headline {
    margin: 30px 0 0;
    font-size: 20px;
}

div#LatestInCategory .l0.storyItem a + h4.headline,
div#RecentByTag .l0.storyItem a + h4.headline,
div#RelatedStories .l0.storyItem a + h4.headline {
    margin: 0;
    font-size: 17px;
}

div#LatestInCategory .moduleList,
div#RecentByTag .moduleList,
div#RelatedStories .moduleList {
    overflow: hidden;
    padding: 5px 7px;
    white-space: nowrap;
}

div#LatestInCategory .moduleList .l0+.l0+.l0,
div#RecentByTag .moduleList .l0+.l0+.l0,
div#RelatedStories .moduleList .l0+.l0+.l0 {
    margin-right: 0
}

div#LatestInCategory .moduleList .storyItem:last-of-type,
div#RecentByTag .moduleList .storyItem:last-of-type,
div#RelatedStories .moduleList .storyItem:last-of-type {
    clear: both;
    margin: 0;
    float: none;
    width: 100%;
    text-align: right;
}

div.MainSidebar ul.moduleList li.l0.storyItem a img,
.MainColumn ul .storyItem a img {
    float: left;
    margin: 0 10px 0 0;
}

div.MainSidebar ul.moduleList li.l0.storyItem,
.MainColumn ul .storyItem {
    overflow: hidden;
}

/* -- more moduleList styles -- */
div.MainColumn.RelatedItem,
div.SpanningFeature.RelatedItem {
    clear: both;
    margin: 0 0 15px;
}

.SpanningIsland {
    overflow: hidden;
    margin: 0 0 10px;
}

div#MobileDetect {
    font-size: 4em;
    padding: 20px 5px 10px;
    background: #333;
    color: #F8CB16;
    text-align: center;
}

div#MobileDetect a {
    color: #FEFEFE;
    font-weight: 700;
}

.MainColumn.BlogPost ul.moduleList li.archiveImage,
.MainColumn.ContentDefault ul li.archiveImage,
.MainColumn.SlideshowFullPage ul li.archiveImage,
div.MainColumn.RelatedItem ul li.archiveImage {
    float: left;
    margin-right: 10px;
    clear: left !important;
}

/* for deletion
.MainColumn.BlogPost ul.moduleList li.archiveImage:first-child,
.MainColumn.ContentDefault ul li.archiveImage:first-child,
.MainColumn.SlideshowFullPage ul li.archiveImage:first-child,
div.MainColumn.RelatedItem ul li.archiveImage:first-child {
/* padding-top: 10px;
}
.MainColumn.BlogPost ul.moduleList li.storyItem:first-child,
.MainColumn.ContentDefault ul li.storyItem:first-child,
.MainColumn.SlideshowFullPage ul li.storyItem:first-child,
div.MainColumn.RelatedItem>ul li.storyItem:first-child {
border: none;
}

.MainColumn.BlogPost ul.moduleList li.storyItem ul,
.MainColumn.ContentDefault ul li.storyItem ul,
.MainColumn.SlideshowFullPage ul li.storyItem ul,
div.MainColumn.RelatedItem>ul li.storyItem ul {
overflow: hidden;
}
.MainColumn.BlogPost ul.moduleList li.l0,
.MainColumn.ContentDefault ul li.l0,
.MainColumn.SlideshowFullPage ul li.l0,
div.MainColumn.RelatedItem>ul li.l0 {
clear: none;
margin-top: 0;
}
.MainColumn.BlogPost ul.moduleList li.archiveImage:first-child + li.storyItem,
.MainColumn.ContentDefault ul li.archiveImage:first-child + li.storyItem,
.MainColumn.SlideshowFullPage ul li.archiveImage:first-child + li.storyItem,
div.MainColumn.RelatedItem ul li.archiveImage:first-child + li.storyItem {
border: none;
padding-top: 0px;
}
*/
div.RelatedItem ul.moduleList li.l0+li.l0 {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #ddd;
}

a.memberThumb {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
}

input.searchbox {
    width: 134px;
    padding: 1px 9px 1px 21px;
    background: url(/images/icons/magGlass_12px.png) 1px 3px no-repeat;
    border: 1px solid #bbb;
    font-size: 11px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0px #aaa;
}

input.searchbox:focus {
    outline: none;
}

/* -- Tool Boxes -- */
div.tools {
    margin-bottom: 7px;
    width: 154px;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 2px;
    color: #777;
}

div.tools h3 {

    /* -- Getting rid of this? -- */
    display: none;
}

div.tools h4 {
    padding: 0 0 3px;
    font-size: 11px;
}

div.tools *+h4 {
    padding-top: 3px;
}

div.MainColumn div.tools ul li.l0 {
    padding: 1px 0;
    border: 0 none;
    margin: 0;
}

div.tools ul li a.toolTextLink,
div.tools ul li a.emailAction,
div.tools ul li a.icalAction,
div.tools ul li a.printAction,
div.tools ul li a.reminderAction,
div.tools ul li a.shareAction,
div.tools ul li a.saveAction,
div.tools ul li a.commentItem {
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    padding: 1px 0 1px 22px;
    color: #777;
    font-size: 11px;
}

/* toggle panel */
div.tools div.togglePanel {
    padding: 5px;
    background: none;
}

div.horizontalToolsTogglePanel {
    padding: 5px;
    background-color: #f7f7f7;
}

div.tools .toolsInner {
    background: #f7f7f7;
    padding: 3px;
    border: 1px solid #444;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #777;
}

div.tools div.loading,
div.horizontalToolsTogglePanel div.loading {

    /* loader image from ajaxload.info */
    background: url(/images/icons/toolsloader.gif) no-repeat 0 center transparent;
    padding: 0 20px;
}

/* -- Is this still used? -- */
div.tools div.togglePanel textarea,
div.horizontalToolsTogglePanel textarea,
div.tools div.togglePanel input[type=text],
div.horizontalToolsTogglePanel input[type=text] {
    width: 132px;
    padding: 2px;
    border: solid 1px #000;
}

/* -- Prevent textareas from being resized wider than the parent element -- */
div.tools div.togglePanel textarea,
div.horizontalToolsTogglePanel textarea {
    resize: vertical;
}

div.tools a.emailAction {
    background-image: url(/images/icons/article_tools/email.gif);
}

div.tools a.printAction {
    background-image: url(/images/icons/icon_print.png);
    background-size: contain;
}

div.tools a.shareAction {
    background-image: url(/images/icons/article_tools/share.gif);
}

div.tools a.saveAction {
    background-image: url(/images/icons/icon_favorite.png);
    background-size: contain;
}

div.tools a.icalAction {
    background-image: url(/images/icons/article_tools/ical.gif);
}

div.tools a.listAction {
    background-image: url(/images/icons/icon_list.png);
    background-size: contain;
}

div.tools a.commentItem {
    background-image: url(/images/icons/article_tools/comment.gif);
}

div.tools a.reminderAction {
    background-image: url(/images/icons/article_tools/remind.gif);
}

div.tools a.addAction {
    display: block;
    padding: 5px 0 5px 18px;
    background: #444 !important;
    text-align: center !important;
}

div.tools form a.addAction {
    background-image: none;
    padding: 5px;
    text-decoration: none;
}

div.horizontalTools {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: #eee;
    border: 2px solid #000;
}

div.horizontalTools ul {
    padding: 0;
}

div.horizontalTools li.l0 {
    float: left;
    margin: 0 5px;
    padding: 1px 6px;
}

div.horizontalTools li.l0 a {
    text-decoration: none;
    font-size: .9em;
}

div.horizontalToolsTogglePanel {
    width: auto !important;
    height: auto !important;
    padding: 10px;
}

div.horizontalToolsTogglePanel .toolsInner {
    padding: 5px;
}

div.horizontalToolsTogglePanel .toolsInner h3 {
    margin: 5px 0;
}

div.horizontalToolsTogglePanel ul li.l1 {
    margin: 2px 0;
    padding: 2px;
    background: #eee;
}

div.processOutput {
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
}

/* ------------------------------------------------------------------ */
div.tinyTools {
    float: right;
    clear: right;
    margin: 5px 0 0 5px;
    padding: 2px 2px;
    font-size: 10px;
    border-radius: 1px;
    line-height: 1em;
    border: 1px solid #ddd;
}

div.tinyTools h3 {
    display: none;
}

div.tinyTools h4 {
    margin: 5px 0 2px;
    font-size: 10px;
    font-weight: 700;
}

div.tinyTools ul {
    margin: 0;
}

div.tinyTools ul li.l0 {
    border-top: solid 1px #ededed;
    margin-bottom: 2px;
}

div.tinyTools ul li:first-child {
    border: 0 none;
}

div.tinyTools ul li.l0:last-of-type {
    margin: 0;
}

div.tinyTools ul li.l0 a {
    background-repeat: no-repeat;
    display: block;
    padding: 4px;
    text-decoration: none;
    color: #999;
}

div.tinyTools ul li.l0 a:last-of-type {
    padding-bottom: 0;
}

div.tinyTools div.togglePanel {
    padding: 4px;
}

div.tinyTools div.togglePanel textarea,
div.tinyTools div.togglePanel input[type=text] {
    width: 102px;
    padding: 2px;
    border: solid 1px #000;
}

/* ------------------------------------------------------------------ */
div.flipBook {
    position: relative;
}

div.flipBook div.photGridWrap {
    text-align: center;
}

div.flipBook div.photoGrid {
    display: inline-block;
    margin-top: 4px;
    border-top: dotted 1px;
    padding: 4px 0 4px 1px;
}

div.flipBook div.photoGrid a,
div.flipBook div.photoGrid a:link,
div.flipBook div.photoGrid a:visited,
div.flipBook div.photoGrid a:hover {
    position: relative;
    float: left;
    text-decoration: none;
    border: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #000;
    margin: 3px 5px 4px 0;
    width: 46px;
    height: 46px;
}

div.flipBook div.photoGrid a:hover {
    width: 50px;
    height: 50px;
    left: -2px;
    top: -2px;
    margin-right: 1px;
    margin-bottom: 0;
}

.tags {
    font-size: 11px;
}

/* ------------------------------------------------------------------ */

/* Comments */

/* ------------------------------------------------------------------ */
div.commentsHeader a.feedLink {
    background: transparent url(/images/rss-small.gif) no-repeat top center;
    color: transparent;
    font-size: .7em;
    text-decoration: none;
    text-indent: -6000px;
}

/* ------------------------------------------------------------------ */

/* Inline Images */

/* ------------------------------------------------------------------ */
.contentImageCenter {
    text-align: center;
}

.contentImageRight {
    float: right;
    margin-left: 10px;
    position: relative;
}

.contentImageLeft {
    float: left;
    margin-right: 10px;
    position: relative;
}

/*
.contentImageLeft+p:after,.contentImageRight+p:after {
content: '\A';
clear: both;
display: block;
height: 0;
margin: 0;
}
*/

/* blog images */
.postBody img.blogImageLeft,
.postBody img.blogImageRight,
.postBody img.blogImageCenter {
    display: block;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

.postBody img.blogImageLeft {
    float: left;
    display: inline;
    margin: 0 10px 10px 0;
}

.postBody img.blogImageRight {
    float: right;
    display: inline;
    margin: 0 0 10px 10px;
}

.postBody img.blogImageCenter {
    display: inline;
    margin: 0 10px;
}

div.blogImageRight {
    float: right;
    margin: 0 0 5px 10px;
}

div.blogImageCenter {
    clear: both;
    margin: 10px auto;
}

div.blogImageLeft {
    float: left;
    margin: 0 10px 5px 0;
}

div.blogImageCenter ul,
div.blogImageLeft ul,
div.blogImageRight ul {
    padding: 0;
    margin: 0;
    color: #000;
}

ul li.imageCredit,
p.credit,
div.flipBook .credit {
    font-size: 11px;
    list-style: none outside none;
    text-align: right;
    color: #777;
}

ul li.imageCaption,
p.caption,
div.flipBook .caption {
    text-align: left;
    font-size: 12px;
    list-style: none outside none;
    color: #555;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    border: 0 none !important;
}

p.credit,
p.caption {
    margin: 1px 0;
}

/* Digital Issue styles [Issue Archives] */
li.digitalIssue {
    padding-top: 5px;
}

a.digitalIcon {
    background: #eee url(/images/icons/paper.gif) no-repeat scroll 1px center;
    padding: 1px 3px 1px 15px;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #000;
}

#archiveIssueHeader ul {
    margin-bottom: 15px;
}

#archiveIssueHeader a.digitalIcon {
    font-size: .8em;
    background: #eee url(/images/icons/paper-large.png) no-repeat scroll 2px center;
    padding-left: 25px;
}

/* Twitter Feed */
#TwitterFeed {
    overflow: hidden;
}

#TwitterFeed h2.widget_head a {
    color: #000;
    text-decoration: none;
}

div#TwitterFeed.MainColumn h2.widget_head {
    text-align: left;
    background: transparent;
    padding: 0;
}

div#TwitterFeed.MainColumn h2.widget_head a {
    color: #000;
    font-size: 16px;
}

#twitter_div {
    padding: 0 5px 5px;
}

#twitter_div ul {
    padding: 0;
    overflow: hidden;
}

#twitter_div ul li {
    margin: 5px 0 0;
    padding: 5px;
    background: #eee;
    font-size: .9em;
    border-bottom: 2px solid #000;
    color: #000;
}

#twitter_div ul li a.twitterTime {
    color: #000;
    font-style: italic;
    font-size: .9em;
    text-decoration: none;
}

a.widget_link {
    text-align: center;
    display: block;
    font-size: .8em;
    width: 100%;
    background: #eee;
    color: #000;
    padding: 2px 0;
}

div#TwitterFeed.MainColumn a.widget_link {
    color: #000;
    background: #eee;
}

#locationsGroup.displayOptional {
    display: block;
}

/* -- Google Custom Search Style Override -- */
.gsc-result .gs-title {
    height: auto !important;
    overflow: visible !important;
}

/* -- Surveys -- */
#SurveyMetadata,
#SurveyMessages {
    color: #999;
}

#SurveyMetadata:after {
    content: '';
    display: block;
    height: 10px;
}

#SurveyQuestions .contentImage {
    clear: both;
    margin-top: 10px;
}

#SurveyQuestions .contentImage img {
}

/* RSS Feeds page */
body#Syndication div.MainColumn div.storyHead {
    margin-bottom: 0;
}

body#Syndication div#storyBody {
    background: #dfebeb;
    padding: 10px;
    margin: 10px;
    float: right;
    width: 30%;
}

body#Syndication div#storyBody ul {
    font-size: 14px;
}

body#Syndication div#storyBody ul li {
    margin: 4px 0;
}

body#Syndication div#storyBody ul li strong {
    color: #555;
}

body#Syndication div#RssSections {
    float: left;
    margin-top: 1em;
    width: 30%;
    margin-left: 10px;
}

body#Syndication div#RSSLinks,
body#Syndication div#RssBlogs {
    float: right;
    width: 30%;
    margin-top: 1em;
}

body#Syndication div#RSSLinks {
}

body#Syndication div#RssSections ul,
body#Syndication div#RssBlogs ul,
body#Syndication div#RSSLinks ul {
    margin: 0 0 0 5px;
}

body#Syndication div#RssSections ul li,
body#Syndication div#RssBlogs ul li,
body#Syndication div#RSSLinks ul li {
    margin-top: 3px;
}

body#Syndication div#RssSections ul li a,
body#Syndication div#RssBlogs ul li a,
body#Syndication div#RSSLinks ul li a {
    background: url(/images/rss-small.gif) no-repeat center left;
    padding-left: 17px;
    font-size: 1.1em;
}

div#AddEvent div#AddEvent-login ul {
    margin: 0 20px;
}

div#AddEvent div#AddEvent-login ul li {
    list-style: disc;
    margin: 1px 0 3px;
}

div#AddEventLink,
div#LocationUpdatelink,
div#LocationAddLink {
    text-align: center;
    font-size: 12px;
    padding: 2px 0;
    border: 1px solid #f1f1f1;
    border-width: 1px 0;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
}

div#AddEventLink a,
div#LocationUpdatelink a,
div#LocationAddLink a {
    text-decoration: none;
}

/* -- About the Author - Content Pages -- */
#ArticleArchives #ArchivesAuthorBio {
    border-bottom: 1px solid #000;
    padding: 10px;
    background: #eee;
}

#ArticleArchives #ArchivesAuthorBio h3 {
    font-size: 1.2em;
    font-weight: 700;
}

#ArchivesAuthorBio img {
    float: left;
    margin: 0 10px 10px 0;
}

#ArchivesAuthorBio .email,
#ArchivesAuthorBio .facebook,
#Abouttheauthor .email,
#Abouttheauthor .facebook {
    height: 18px;
    margin: .5em 0;
    padding-left: 27px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ArchivesAuthorBio .email,
#Abouttheauthor .email {
    background: transparent url(/images/icons/email-18x18.png) left center no-repeat;
    clear: left;
}

#ArchivesAuthorBio .facebook,
#Abouttheauthor .facebook {
    background: transparent url(/images/icons/facebook-18x18.png) left center no-repeat;
}

#ArchivesAuthorBio .twitter,
#Abouttheauthor .twitter {
    background: transparent url(/images/icons/twitter-18x18.png) 0 0 no-repeat;
    margin: .5em 0;
    padding-left: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ArchivesAuthorBio .twitter>a,
#Abouttheauthor .twitter>a {
    float: left;
}

#ArchivesAuthorBio .twitter>a+iframe,
#Abouttheauthor .twitter>a+iframe {
    clear: left;
    float: left;
    margin: 5px 0 0;
}

#ArchivesAuthorBio .bio,
#Abouttheauthor .bio {
    margin-top: 1em;
    line-height: 1.4em;
    overflow: hidden;
}

div#Abouttheauthor h3 {
    margin-bottom: 3px;
}

div#Abouttheauthor h4 {
    font-size: 14px;
}

div#Abouttheauthor img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#ToolBarHorizontal div.first div {
    overflow: visible !important;
}

/* -- Hide text for author's social media links. just show icons. -- */
cite.byline .email a,
cite.byline .facebook a,
cite.byline .twitter a {
    padding-left: 27px;
    line-height: 18px;
    display: inline-block;
    text-indent: -9999em;
}

cite.byline .email a {
    background: transparent url(/images/icons/email-18x18.png) 6px center no-repeat;
}

cite.byline .facebook a {
    background: transparent url(/images/icons/facebook-18x18.png) 6px center no-repeat;
}

cite.byline .twitter a {
    background: transparent url(/images/icons/twitter-18x18.png) 6px center no-repeat;
}

/* -- Movie Page Styles -- */
body#Location ul.filmTimes {
    float: none;
    width: 100%;
    line-height: 1.15em;
    margin-bottom: 7px;
    text-align: left;
    font-size: 15px;
    color: #777;
}

body#Location ul.filmTimes li {
    margin: 0 0 5px;
}

div#LocationMovieTimes ul.filmTimes a.listImage {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

div#LocationMovieTimes ul.filmTimes>li {
    overflow: hidden;
    clear: both;
    margin: 0 0 10px;
}

div#LocationMovieTimes ul.filmTimes .listTeaser {
    overflow: hidden;
}

#FilmTrailersContent h2 span,
#FilmTimesByHour h2 span {
    font-size: 18px !important;
}

p.filmShortDetails,
div.filmShortDetails {
    margin-top: 0;
}

.filmMetaInfo {
    background: #e7e8e9;
    padding: 10px 8px;
}

.filmMetaInfo a {
}

.filmMetaInfo strong {
    margin-top: 5px;
    display: inline-block;
}

.filmMetaInfo strong:first-child {
    margin: 0;
}

div.filmShortReview {
    margin: 10px 10px 15px;
    font-size: 14px;
}

#FilmCredits div.filmShortReview {
    margin: 0px 10px 5px;
}

div.filmShortReview .byline {
    font-style: italic;
    text-align: right;
    display: block;
    padding: 2px 10px 0;
}

#FilmReview div.fullReviewRefer span {
    font-weight: 700;
    display: block;
    margin: 8px 0 1px;
}

#FilmReview div.fullReviewRefer a img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

#FilmReview div.fullReviewRefer h4 a {
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 2px;
}

#FilmReview div.fullReviewRefer p {
    margin: 0;
    overflow: hidden;
    font-size: 13px;
}

div#FilmReview {
    overflow: hidden;
}

div#FilmCredits {
    margin: 0 0 10px;
    overflow: hidden;
}

div.filmShortReview span.filmCreditsTitle a {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

div#FilmCredits div.filmShortReview .filmMetaInfo > div {
    margin-top: 5px;
}

/* FROM INLANDER */
.filmShortDetails .starsContainer .goldStarContainer,
.filmShortReview .staffRating .starsContainer .goldStarContainer {
    background-color: #ccc;
}

.filmShortDetails {
    margin-top: 0;
}

div#FilmCredits {
    clear: both;
}

div.filmShortReview span.filmCreditsTitle a {
    font-weight: bold;
    font-size: 12px;
}

.filmShortReview .byline {
    text-align: right;
    margin: 5px 5px 0;
}

.filmMetaInfo {
    background: #E7E8E9;
    padding: 10px 8px;
}

p.filmShortDetails,
div.filmShortDetails {
    margin-top: 0;
}

.filmMetaInfo {
    background: #fafafa;
    padding: 5px 8px;
    border: 3px double #aaa;
    border-radius: 2px;
}

.filmMetaInfo a {
    color: #000
}

.filmMetaInfo strong {
    margin-top: 5px;
    display: inline-block;
}

.filmMetaInfo strong:first-child {
    margin: 0;
}

div.filmShortReview {
    margin: 10px 10px 15px;
    font-size: 13px;
}

#FilmCredits div.filmShortReview {
    margin: 0px 10px 5px;
}

div.filmShortReview .byline {
    font-style: italic;
    text-align: right;
    display: block;
    padding: 2px 10px 0;
}

#FilmReview div.fullReviewRefer span {
    font-weight: 700;
    display: block;
    margin: 8px 0 1px;
}

#FilmReview div.fullReviewRefer a img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

#FilmReview div.fullReviewRefer h4 a {
    font-weight: 700;
    color: #000;
    font-size: 15px;
    margin: 0 0 2px;
}

#FilmReview div.fullReviewRefer p {
    margin: 0;
    overflow: hidden;
    font-size: 13px;
}

div#FilmReview {
    overflow: hidden;
}

div#FilmCredits,
#FilmTimesByHour {
    margin: 0 0 10px;
    overflow: hidden;
}

div.filmShortReview span.filmCreditsTitle a {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

#FilmTimesByHour {
    margin: 0 0 15px;
}

#FilmTimesByHour td a {
    text-decoration: none;
    color: #000 !important;
}

body#MovieTimes div.MainColumn.MovieTimes div[id^="Film"] {
    overflow: visible;
}

body#MovieTimes #FilmTrailers {
    clear: both;
}

div.filmMetaInfo span.ratingHeader {
    float: left;
    font-weight: bold;
}

/* star rating */
.singleStar {
    background: url(/foundation/images/icons/star_trans.png) no-repeat scroll left top transparent;
    position: absolute;
    height: 22px;
    width: 23px;
    top: 0;
}

.ratingContainer {
    position: relative;
    top: -8px;
    margin-left: 24px;
    background-color: #FFF;
    float: left;
    border: 1px solid #ffcc1c;
    box-shadow: 0 0 2px #CCC;
}

.ratingDetails {
    color: #666;
    font-size: 10px;
    text-align: center;
    text-transform: none;
}

.starsContainer {
    width: 115px;
    height: 22px;
    position: relative;
    overflow: hidden;
    background-color: #CCC;
}

/* --- New Staff Rating Code --- */
.filmShortDetails .starsContainer .goldStarContainer,
.filmShortReview .staffRating .starsContainer .goldStarContainer {
    background-color: #ee3124;
}

.starsContainer .goldStarContainer {
    width: 115px;
    height: 22px;
    position: absolute;
    background-color: #FFCC1C;
    top: 0;
}

.commentFormRating .starsContainer:hover .goldStarContainer {
    background-color: #ff9231;
}

.blankStarContainer {
    width: 115px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
}

.blankStarContainerSub {
    position: relative;
    width: 115px;
    height: 22px;
}

.starClickable {
    position: absolute;
    top: 0;
    width: 23px;
    height: 22px;
    cursor: pointer;
}

.starsContainer.med .singleStar {
    background: url(/foundation/images/icons/star_trans_med.png) no-repeat scroll left top transparent;
    height: 17px;
    width: 18px;
}

.starsContainer.tiny .singleStar {
    background: url(/foundation/images/icons/star_trans_tiny.png) no-repeat scroll left top transparent;
    height: 10px;
    width: 11px;
}

.starsContainer.med,
.starsContainer.med .goldStarContainer,
.starsContainer.med .blankStarContainer,
.starsContainer.med .blankStarContainerSub {
    width: 90px;
    height: 17px;
}

.starsContainer.tiny,
.starsContainer.tiny .goldStarContainer,
.starsContainer.tiny .blankStarContainer,
.starsContainer.tiny .blankStarContainerSub {
    width: 55px;
    height: 10px;
}

.locationRating .rating .starsContainer.tiny {
    float: left;
    margin-top: 3px;
    margin-right: 4px;
}

div#PaginationTop,
div#PaginationBottom {
    padding-top: 5px;
}

.listingsResultCount {
    margin: 10px 0 0;
    text-align: center;
    font-size: 13px;
    color: #444;
}

div#PaginationBottom strong,
.pagination strong a,
.pagination a {
    display: inline-block;
    line-height: 1.2;
    padding: 3px;
    min-width: 10px;
    text-align: center;
    box-shadow: 1px 1px 1px 1px #888;
    transition: all linear .03s;
    margin: 1px 1px 0px 0px;
    border-radius: 3px;
    font-size: 13px;
}

div#PaginationBottom strong,
.pagination strong a,
.pagination a:hover {
    box-shadow: 1px 1px 2px 1px #666;
    color: #111;
}

.pagination a:last-of-type {
    margin-right: 0;
}

div.pagination {
    clear: both;
    text-align: center;
    padding: 10px 0;
}

div.storyPagination {
    font-size: 1.1em;
}

div.storyPagination p:first-child {
    text-align: right;
    margin: 0;
}

div.storyPagination p:last-child {
    text-align: center;
    font-weight: 700;
    margin: -20px 0 0;
    font-size: 1.1em;
}

div#NearbyLocations > ul {
    margin: 5px 0 0;
    color: #AAA;
    font-size: 10px;
}

div#NearbyLocations > ul a {
    font-size: 13px;
}

/* non-mobile menu styling */
div#Menu {
  padding:0 10px 10px;
}
div#MenuTeaser {
  margin: 1em auto 1.5em;
}
div#MenuTeaser::after{
  content: "";
  display: block;
  clear: both;
  height: 0;
}
div#MenuTeaser ul {
  margin:0 1.25em 10px;
  padding-top: 1em;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 1px solid #7d7d7d;
  box-shadow: 5px 5px 4px 0px rgba(125, 125, 125, .9);
  border-radius: 2px;
}
div#Menu ul li {
  clear: both;
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
div#MenuTeaser ul li {
  clear: both;
  margin: 0 auto 1em;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
  width: 40%;
  flex-grow: 0;
}
div#MenuTeaser ul li:last-child:nth-child(odd) {
    flex-grow: 2;
    padding: 0 2px 10px;
    margin: 0 2em 1em;
}
div#Menu h2 {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 700;
  margin:0 0 5px;
  border-bottom: 1px solid #ddd;
}
div#Menu li h3, div#MenuTeaser li h3 {
  margin: 0;
  font-weight: bold;
  font-size: 1.2em;
}
div#Menu li p {
  float: left;
  margin: 0;
  width: 60%;
}
div#Menu li span.ui-li-aside {
  display: block;
  float: right;
  width: 39%;
  text-align: right;
}
div#MenuTeaser li p {
  float: left;
  margin: 0;
  font-size: 1.1em;
}
div#MenuTeaser li span.ui-li-aside {
  display: block;
  float: right;
  width: auto;
  text-align: right;
  font-size: 1.1em;
  font-weight: bold;
}
div#MenuTeaser .moreLink {
  display: block;
  font-weight: bold;
  text-align: right;
  margin-top: 6px;
  font-size: 1.1em;
}
div#MenuTeaser .providedBy {
  display: block;
  float: left;
  font-size: 1em;
  text-decoration: none;
  margin-top: 6px;
}
#MenuTeaser h2.listingsHeader:before {
  content: "";
  background: url(/images/icons/features-icon_menu.png) left center no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
#MenuTeaser .moreLink:before {
  content: "";
  position: relative;
  top: 2px;
  background: url(/images/icons/features-icon_menu.png) left center no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px;
  margin-right: 3px;
}

/* -- Issue Archive Styles -- */
div#ArchivesIssueNav {
    padding: 0 !important;
}

div#ArchivesIssueNav ul {
    padding: 5px 0;
    font-size: 14px;
    text-align: center;
}

div#ArchivesIssueNav ul li {
    margin: 0 10px !important;
    padding: 1px 5px;
    width: auto !important;
}

div#ArchivesIssueNav ul li:first-child {
    border-bottom: 1px solid #ccc;
}

/* Surveys */
.SurveyQuestion {
    clear: both;
    margin: 1em 0;
    overflow: hidden;
}

.SurveyQuestion h3 {
    float: left;
    width: 200px;
}

.SurveyQuestion div.answer {
    float: left;
    margin-left: 1em;
    width: 300px;
}

.SurveyQuestion li.SurveyQuestionText label {
    display: none;
}

.SurveyQuestion li.SurveyQuestionText input {
    width: 300px;
}

#SurveyDescription .description {
    font-size: 15px;
    line-height: 1.2;
}

#SurveyDescription .contentImageCenter {
    margin-bottom: 15px;
}

.SurveyQuestionReason {
    width: 160px;
}

.SurveyQuestionComment {
    margin: 7px 0 0;
}

.SurveyQuestionComment label {
    float: left;
    margin: 10px 10px 0 0;
}

.SurveyQuestionChoice.radio {
    margin: 0 0 3px;
}

.SurveyQuestionSelect {
    width: 15px !important;
    float: left;
    margin: 0 3px 0 0;
}

.SurveyQuestionText.radio input.SurveyQuestionText {
    width: 277px;
}

#SurveyFormNavigation {
    width: 520px;
    overflow: hidden;
}

#SurveyFormNavigation .SurveySubmit,
#SurveyFormNavigation .SurveyExit {
    float: right;
    margin: 5px;
}

#SurveyFormNavigation input[type=submit] {
    cursor: pointer;
}

h2#userName span#memberSince {
    margin: 10px 0 0;
    display: block;
}

#TopCommenters h4 {
    overflow: hidden;
    text-overflow: ellipsis;    /* -- max-width is set to force overflow to hide -- */
    max-width: 65%;
    display: inline-block;
}

#TopCommenters h4 a {
    color: #232323;
}

#TopCommenters h4:hover {
    overflow: visible;
    position: relative;
    z-index: 333;
}

/* -- only the <a> tag can get the opaque background to show the text, and it needs to be inline-block… and has to be targeting the <a> on h4:hover -- */
#TopCommenters h4:hover a {
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
}

/* Tall Share Bar */
#TallBar {
    clear: both;
    margin: 10px 0;
    padding: 3px 0;
    background: #e8e8e8;
    background: -webkit-linear-gradient(top, #e8e8e8 0%, #ffffff 6%, #ffffff 76%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%, #ffffff 6%, #ffffff 76%, #e8e8e8 100%);
    box-shadow: inset 0px 0px 6px 2px #e8e8e8;
    border-radius: 4px;
}

#TallBar ul {
    width: 100%;
    margin: 0.5em 0;
    padding: 0;
}

#TallBar li {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    background: transparent;
    text-align: center;
}

/* -- SECTION LANDING DEFAULTS -- */
#SectionArchives h2,
div[id*='SectionArchives'] h2 {
    font-size: 20px;
    border-bottom: 2px solid;
    margin: 0 0 5px;
    font-weight: 700
}

#SectionArchives label,
div[id*='SectionArchives'] label {
    font-size: 17px;
}

#ArchiveLink {
    margin: 0 0 10px;
}

div.more,
p.moreArticles {
    text-align: right;
    margin: 0;
}

a.more {
    float: right;
    display: inline-block;
    overflow: hidden;
}

div.more a,
a.more,
p.moreArticles a {
    color: #999;
}

.storyTeaser {
    overflow: hidden;
}

div#Poll h3.PollQuestion {
    font-size: 15px;
    margin: 10px 0 3px;
    line-height: 1;
    border: 0 none;
}

div#Poll form.PollChoices {
    padding: 5px;
}

div#Poll form.PollChoices ul {
    text-align: left;
}

div#Poll li.pollItem {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 5px;
}

div#Poll input.PollChoiceSelect {
    vertical-align: bottom;
}

div#Poll input[type="submit"] {
    padding: 1px 8px;
    font-weight: 700;
}

div#Poll p {
    text-align: right;
    margin: 0;
}

#StoryTags {
}

#StoryTags p {
    margin: 0;
    color: #777;
}

#StoryTags p a {
    color: #777;
}

div#SectionStories .clear+.clear {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}

.categoryStoriesItem,
.storyCapsuleContainer {
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 0 0 10px;
    clear: both;
    overflow: hidden;
}

#SectionStories .byline .author + span.releaseDate:before,
#CategoryStories .byline .author + .releaseDate:before,
#SpecialIssueSectionLanding .byline .author + span.releaseDate:before,
#SpecialIssueCategoryStories .byline .author + span.releaseDate:before,
#SectionFeature .byline .author + .releaseDate:before {
    padding-right: 1px;
    margin-left: 1px;
    content: "|";
    display: inline-block;
}

#SectionStories .storyTeaser,
.categoryStoriesItem .storyTeaser,
div#Specialissuesectionlanding .storyTeaser {
    float: left;
    margin: 0 10px 0px 0;
}

#SectionStories > div.storyCapsule,
.CategoryStoriesTeaser,
.SectionStoriesTeaser,
.SpecialissuesectionlandingTeaser {
    overflow: hidden;
}

.categoryHeading {
    overflow: hidden;
    font-weight: 700;
    margin: 0 0 5px;
}

div#Specialissuesectionlanding .moreLink {
    text-align: right;
}

.categoryHeading a {
}

#StoryBreadcrumb {
    color: #777;
    overflow: hidden;
    margin: 0 0 5px;
}

#StoryBreadcrumb p {
    margin: 0;
}

#StoryBreadcrumb p span {
    display: inline-block;
    float: right;
}

#StoryBreadcrumb a {
    color: #555;
    font-weight: 700
}

div#SectionArchives input[type='submit'],
div[id*='SectionArchives'] input[type='submit'] {
    padding: 0 6px
}

div[id*='SectionArchives']    select {
    max-width: 50%;
}

#ToolBarHorizontal {
    margin: 0 0 10px;
    padding: 3px 0;
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
}

div#ToolBarHorizontal a.saveAction,
div.horizontalTools a.saveAction {
    background: url(/images/icons/article_tools/favourites.gif) no-repeat;
    padding-left: 20px;
    display: inline-block;
}

div#ToolBarHorizontal a.emailAction,
div.horizontalTools a.emailAction {
    background: url(/images/icons/article_tools/email.gif) no-repeat;
    padding-left: 20px;
    margin-top: 3px;
    display: block;
    line-height: 13px;
}

span.at-icon-wrapper {
    margin-right: 2px;
    margin-bottom: -3px;
}

div#ToolBarHorizontal div.l0 {
    float: none !important;
    width: auto !important;
    display: inline-block;
    vertical-align: text-top;
    margin: 0 15px;
}

div#ToolBarHorizontal div.l0.first {
    margin-left: 0;
}

div#ToolBarHorizontal div.l0.last {
    margin-right: 0;
}

#StoryHeader {
    margin: 0 0 10px;
}

div.MainColumn.Location,
div.MainColumn.Event {
    overflow: hidden;
    margin: 0 0 10px;
}

div#LocationMetaData,
div#EventMetaData {
    line-height: 1.5;
}

div#LocationTags p.tags strong,
div#EventTags p.tags strong {
    display: none;
}

#EventLocation,
#EventTags {
    margin-bottom: 10px;
}

#EventLocation li.vcard h4 {
    font-size: 15px;
    font-weight: 700;
}

#EventLocation li.vcard h4 a {
    color: #000;
}

#EventLocation ul li ul {
    color: #777;
    font-size: 11px;
    line-height: 1.1;
}

.locationPhone.tel img {
    vertical-align: bottom;
}

body#Event div.MainColumn img.magnum,
body#Film div.MainColumn img.magnum,
body#Page div.MainColumn img.magnum {
    margin: 0 auto;
}

div#storyBody h3 {
    font-weight: 700;
    font-size: 1.3em;
}

div#storyBody h4 {
    font-weight: 700;
    font-size: 1.1em;
}

/* ------------------------------------------------------------------ */
div.sidebar {
    float: right;
    clear: right;
    margin: 0 0 15px 15px;
    width: 160px;
    color: #000;
}

.sidebar .Sidebar+.Sidebar {
    margin-top: 5px;
}

div#EmbeddedSidebar {
    float: right;
    width: 160px;
}

/*div.descr_txt {
margin: 15px 0;
}
*/
div.EventListing,
div.locationListing,
div.archiveListing,
div.movietimesListing {
    padding: 10px 0px;
    border-bottom: 1px solid #000;
    color: #000;
}

div.EventListing ul,
div.locationListing ul,
div.archiveListing ul {
    overflow: hidden;
    margin-bottom: 5px;
}

div.EventListing .storyItem,
div.locationListing .storyItem,
div.archiveListing .storyItem,
div.movietimesListing .storyItem {
    overflow: hidden;
}

div.EventListing .listing ul li,
div.locationListing .listing ul li,
div.archiveListing .listing ul li {
    list-style: disc inside;
}

.archiveImage {
    float: left;
    margin: 0 10px 5px 0;
    overflow: hidden;
}

div.locationListing ul li.locationItem ul {
    margin: 0 0 5px;
}

div.locationListing ul li.locationItem ul li {
    font-size: 11px;
    margin: 0 0 2px;
    line-height: 1.5
}

div.EventListing .descripTxt,
div.locationListing .descripTxt,
div.archiveListing .descripTxt {
    margin: 5px 2px;
    color: #454545;
}

div.EventListing .descripTxt a,
div.locationListing .descripTxt a,
div.archiveListing .descripTxt a {
    font-weight: 700;
}

div.movietimesListing strong a {
    font-size: 12px;
}

div.movietimesListing li {
    margin-bottom: 6px;
}

div.EventListing h3 a,
div.locationListing h3 a,
div.movietimesListing h3 a,
div.locationListing h4 a {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

div.EventListing h3 a:hover,
div.locationListing h3 a:hover,
div.movietimesListing h3 a:hover,
div.locationListing h4 a:hover {
    color: #777;
}

div.locationListing img.locationListingImg {
    float: right;
    margin: 5px 5px 5px 10px;
    clear: right;
}

ul.filmTimes {
    float: right;
    margin-bottom: 7px;
    text-align: left;
    width: 290px;
}

h2.neighborhoodBar {
    clear: both;
    color: #000;
    padding-top: 5px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
}

div.locationTitle a {
    font-weight: 700;
}

div.locationTitle .big {
    font-size: 1.2em;
}

div.locationListing span.inline-rating img,
div.archiveListing span.inline-rating img {
    width: 10px;
}

div.locationListing span.small,
div.archiveListing span.small {
    font-size: 10px;
}

div.locationListingAddress {
}

div.EventDetails ul li.locationItem {
    margin-top: 15px;
}

div.EventDetails ul li.locationItem h4 a {
    font-weight: 700;
    text-decoration: none;
}

div#RelatedLocations li.locationItem {
    margin-bottom: 10px;
}

div.RelatedItem ul .locationItem h4 a,
div.RelatedItem ul .eventItem h4 a {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}

div.listingTools {
    float: right;
    font-size: 12px;
    margin-left: 5px;
    padding: 8px 7px;
    width: 116px;
}

div.listingTools ul {
    margin-top: 10px;
}

div.listingTools ul li {
    margin-bottom: 4px;
    border-bottom: 1px solid #000;
}

div.listingTools ul li a {
    display: block;
    padding: 4px;
}

div.tinyTools ul li.l0 .toolsInner a {
    color: #000;
}

div.tinyTools ul li.l0 .toolsInner a.addAction {
    display: block;
    background: #eee;
    float: left;
    padding: 3px 5px;
    border: 1px solid #000;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

.toolsInner {
    background: #eee;
    padding: 3px;
    border: 1px solid #000;
    border-width: 1px 0;
}

.toolsInner select {
    max-width: 110px;
}

div.tinyTools .toolsInner h4 {
    margin: 0 0 2px;
}

.toolsInner p {
    margin: 0 0 7px;
}

.toolsInner ul {
    margin: 0 0 7px;
}

.toolsInner ul li {
    margin-bottom: 4px;
}

.ajPop input,
.ajPop textarea {
    border: 1px solid #000;
    background-color: #eee;
    font-size: 11px;
    font-weight: 400;
    padding: 2px;
    margin-top: 0;
    margin: 0;
}

.ajPop .popInput,
.ajPop textarea {
    width: 102px;
}

.ajPop select {
    border: 1px solid #000;
    background-color: #eee;
    font-size: 10px;
    font-weight: 400;
}

/* Horizontal Tools Layout */
ul.horizontalTools {
    float: left;
    font-size: .9em;
    padding-right: 3px;
    padding-bottom: 3px;
}

ul.horizontalTools li.l0 {
    float: left;
    padding: 0 10px;
    margin: 3px 0 0 3px;
}

/* Pop up tools for Horizontal Tools Layout */
div.floatingPanel {
    background: #eee;
}

.closePanel {
    background: url(/images/zoom/closebox.png) no-repeat;
    width: 30px;
    height: 30px;
    text-indent: 30px;
    padding-top: 3px;
    font-size: 1.3em;
}

div.MainSidebar li.l0 + li.l0,
.MainColumn li.l0+li.l0 {
}

div.MainSidebar li.l0 ul {
}

div.MainSidebar ul .rating {
    display: block;
}

div.MainSidebar .rating img {
    width: 10px;
    height: 10px;
}

div.MainSidebar a.memberThumb {
    display: block;
    float: right;
    margin: 0 0 5px 5px;
    width: 35px;
    height: auto;
}

div.MainSidebar a.memberThumb img {
    width: 35px;
    height: auto;
}

div.MainSidebar select {
    width: 100%;
}

.column_item {
    margin-bottom: 10px;
}

div.MainSidebar:after {
    display: block;
    visibility: hidden;
    content: ".";
    line-height: 0;
    clear: both;
}

ul.moduleList .rating {
    display: block;
}

ul.moduleList .rating img,
li.locationItem span.rating img {
    width: 10px;
    height: 10px;
}

ul.moduleList a.memberThumb {
    display: block;
    float: right;
    margin: 0 0 5px 5px;
    width: 35px;
    height: auto;
}

#MovieTimes div#NowPlaying h1,
body#VideoArchives div#SearchResults h1,
body#ImageArchives div#ImageSearchResults h1,
div#CommentSearchResults h1 {
    clear: both;
    color: #000;
    font-size: 1.1em;
    line-height: 1em;
    margin: 0 0 10px;
    padding: 8px 10px 9px;
    text-align: left;
}

div.searchedFor {
    background: #eee;
    clear: both;
    color: #000;
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    padding: 8px 5px 9px;
    text-align: left;
}

div.searchedFor .sortBar {
    display: inline-block;
    float: right;
    position: relative;
}

.sortBarHeader a {
    display: block;
    padding: 0 23px 0 0;
    background: url(/images/icons/sortArrow.png) right 3px no-repeat transparent;
}

div.searchedFor ul.narrowOptionsBar {
    position: absolute;
    right: -7px;
    top: 17px;
    margin-top: 4px;
    background: #fff;
    line-height: 1.4;
    border: 1px solid #777;
    box-shadow: 1px 3px 12px #555;
}

div.searchedFor ul.narrowOptionsBar li a {
    display: block;
    text-align: left;
    padding: 2px 5px;
}

div.searchedFor ul.narrowOptionsBar li a:hover {
    background: #777;
    color: #fff;
}

#MovieTimes div.searchedFor,
#MovieTimes div#NowPlaying h1 {
    margin-bottom: 10px;
}

body#VideoArchives div#SearchResults h1,
body#ImageArchives div#ImageSearchResults h1 {
    margin-bottom: 10px;
}

div.searchedFor h3,
div.searchedFor ul {
    display: inline;
}

div.searchedFor ul li {
}

div.listing {
    float: left;
    margin-right: 10px;
}

div.listing p {
    font-size: 11px;
}

img.listingImg {
    float: right;
}

div.listingLocation {
    float: left;
    width: 140px;
}

div.listingLocation img.listingImg {
    float: none;
    margin: 5px auto;
}

div.CommentsComponent,
div#BrowseComments {
    clear: both;
    background: #eee;
    border-radius: 12px;
    padding-bottom: 12px;
    color: #000;
}

body#Event div.CommentsComponent {
    margin-top: 20px;
}

div.commentsHeader {
    background: #dedede;
    margin-bottom: 10px;
    border-radius: 12px 12px 0 0;
}

div.commentsHeader h2,
div.commentsHeader h3 {
    color: #000;
    float: left;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 12px 0 12px 12px;
    text-align: left;
    text-transform: uppercase;
    width: 56%;
}

body#PostComment div.commentsHeader h2,
body#PostComment div.commentsHeader h3 {
    width: 100%;
    padding-bottom: 12px;
}

h4#commentsContentLink {
    border-top: 1px solid #000;
    font-weight: 400;
    padding: 5px;
    margin: 0;
    text-align: center;
}

h4#commentsContentLink a {
    font-weight: 700;
}

div.commentsHeader form {
    padding: 12px 12px 12px 0;
    color: #000;
    letter-spacing: 0;
    text-align: right;
    text-transform: none;
    vertical-align: top;
}

div.commentsHeader form label {
    font-weight: 700;
}

h4.commentFormAddHeader {
    display: none;
}

dl.formElements {
    margin: 15px 15px 15px 0;
}

dl.formElements dt {
    float: left;
    clear: left;
    display: inline;
    width: 160px;
    min-height: 45px;
    margin-right: 15px;
}

dl.formElements dt label {
    font-weight: 700;
}

dl.formElements dt label span {
    color: #000;
}

dl.formElements dt span {
    font-size: 10px;
    color: #000;
}

span.formFootnote {
    color: #000;
}

dl.formElements dd {
    float: left;
    width: 395px;
}

dl.formElements dd input[type=text],
dl.formElements dd select {
    width: 100%;
}

dl.formElements dd textarea {
    width: 100%;
    height: 110px;
}

div.commentFormRating {
    background: #eee;
    padding: 5px 10px;
    border: 1px solid #000;
}

div.CommentsComponent p.showing,
div#BrowseComments p.showing {
    float: left;
    width: 45%;
    margin: 0 0 10px 15px;
    font-style: italic;
}

div.CommentsComponent p.jump,
div#BrowseComments p.jump {
    display: block;
    float: right;
    text-align: right;
    width: 45%;
    margin: 0 15px 10px 0;
    font-size: 10px;
    text-transform: lowercase;
}

div.CommentsComponent dl.formElements dd {
    width: 100%;
}

form#previewComment textarea {
    width: 95%;
}

div.CommentsComponent hr,
div#BrowseComments hr {
    display: none;
}

div.comment {
    clear: both;
    margin: 12px 15px 0;
}

div.CommentsComponent h4,
div#BrowseComments h4 {
    margin-top: 10px;
    text-align: left;
    font-weight: 700;
}

div.commentText {
    background: #f7f7f7;
    padding: 12px 12px 5px;
    font-size: 12px;
    clear: both;
}

div.commentText h4 {
    margin-top: 0;
    margin-bottom: 8px;
}

div.commentText h4 a {
    color: #000;
}

div.commentText h4 a:hover {
    color: #777;
}

div.commentText h4.reviewLocation {
    margin-bottom: 2px;
}

div.commentText p {
    margin-top: 0;
}

div.commentText div.inline-rating {
    margin-bottom: 8px;
}

div.commentText div.inline-rating img {
    width: 10px;
}

/* profile page stories */
body.ProfilePage div#gridMainColumn li.storyItem {
    background: #eee;
    padding: 10px;
    margin: 10px;
}

body.ProfilePage div#gridMainColumn .ratingGraphic {
    margin-bottom: 10px;
}

div.CommentsComponent .memberThumb,
div#BrowseComments .memberThumb {
    display: block;
    overflow: hidden;
    float: left;
    clear: left;
    width: 50px;
    margin: 2px 8px 2px 2px;
}

div.CommentsComponent div.comment div.ratingGraphic img,
div#BrowseComments div.comment div.ratingGraphic img {
    margin-bottom: 2px;
    width: 10px;
    height: 10px;
}

div.commentAuthor {
    padding: 5px 2px 0;
    font-size: 11px;
    font-weight: 700;
}

div.commentAuthor a {
    font-weight: 700;
    color: #AD1500;
}

div.commentAuthor span {
}

div.CommentsComponent form,
div#BrowseComments form,
div#PostCommentProcessEdit {
    margin-left: 15px;
}

p.commentFormSubmit {
    margin: 10px 15px 0 0;
    text-align: right;
}

p.commentFormSubmit input,
div.commentFormSubmit input,
p.formSubmit input,
a.addAction,
input.editor_ok_button {
    background: #eee;
    padding: 3px 5px;
    border: 1px solid #000;
    font-weight: 700;
    color: #000;
    cursor: pointer;
}

p.commentFormSubmit input:hover,
div.commentFormSubmit input:hover,
p.formSubmit input:hover,
input.editor_ok_button:hover {
    background: #eee;
    color: #000;
}

input.editor_field {
    margin-right: 8px;
}

a.editor_cancel {
    margin-left: 10px;
    font-size: 10px;
    text-decoration: none;
    color: #ff0;
}

a.deleteListItem {
    float: right;
    padding: 2px 3px;
    font-size: 10px;
    text-decoration: none;
    background: #ff0;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
}

div.commentFormSubmit {
    padding: 10px 0 0 15px;
}

div.commentFormSubmit form,
div.CommentsComponent div.commentFormSubmit form {
    display: inline;
    margin: 0;
    margin-left: 0;
}

div.commentFormSubmit button {
    padding: 0;
    border: 0;
    border-bottom: 1px dotted #000;
    font-weight: 400;
    color: #000;
    text-transform: lowercase;
    cursor: pointer;
}

h4.reviewLocation a {
    font-weight: 700;
}

span.locationRegion {
    background: #eee none repeat scroll 0;
    color: #000;
    font-size: 11px;
    margin-right: 2px;
}

span.locationRegion a {
    color: #000;
    padding: 0 3px;
    text-decoration: none;
}

span.locationRegion a:hover {
    background: #eee;
}

body#List div.MainColumn ol.customList li h3,
body#List div.MainColumn ol.customList li h4 {
    text-align: left;
}

div.infoBox,
body#Content div.Sidebar {
    padding: 8px;
    margin-top: 5px;
    border: 1px dotted #000;
    color: #000;
}

body#Content div#ArticleTools {
    color: #000;
    padding: 2px;
    border: 0;
}

body#Content div#ImageFlipBook {
    background: none;
    padding: 0;
    border: 0;
}

body#Content div#AudioPlayer {
    padding-bottom: 0;
}

body#Content div#AudioPlayer div.audioPlayer {
    margin: 0 -10px 10px;
}

body#Content div#StorySectionLink {
    text-align: right;
}

body.Analord1Zone dl.formElements dt {
    width: 110px;
}

body.Analord1Zone dl.formElements dd {
    width: 155px;
}

div.GlobalHeader h1 a {
    display: block;
    text-indent: -9999em;
}

div.GlobalHeader div.banner_ad {
    position: relative;
    float: right;
}

div#SearchLogin {
    position: relative;
    padding: 13px 10px 0;
    color: #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

div#SearchLogin form {
    text-align: left;
    vertical-align: middle;
}

div#SearchLogin form label {
    font-weight: 700;
    font-size: 14px;
}

div#SearchLogin form input[type=submit] {
    margin-left: 3px;
    vertical-align: middle;
}

ul#SearchLogin-login {
    position: absolute;
    top: 9px;
    right: 10px;
    text-align: right;
}

ul#SearchLogin-login li {
    display: inline;
    font-size: 12px;
    color: #000;
}

ul#SearchLogin-login li a {
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

ul#SearchLogin-login li a:hover {
    color: #000;
}

ul#SearchLogin-login li#SearchLogin-upcoming {
    display: block;
    font-size: 10px;
}

ul#SearchLogin-login li#SearchLogin-upcoming a {
    font-weight: 400;
    color: #000;
}

div#SearchLogin-section,
div#SearchLogin .searchWidgetForm {
    position: relative;
    float: left;
}

div#loginContainer,
div#logoutContainer {
    padding: 20px;
}

div#loginContainer h1,
div#logoutContainer h1 {
    font-weight: 700;
    font-size: 34px;
    color: #000;
}

div#logoutContainer h2 {
    font-size: 22px;
    color: #000;
}

div#logout_reminder {
    float: left;
    background: #eee;
    padding: 10px 20px 20px;
    margin-right: 20px;
    border: 1px solid #000;
    color: #000;
}

div#logout_reminder h2 {
    color: #000;
}

div#logout_whatnow {
    float: left;
    padding: 8px 20px 10px;
}

div#logout_reminder h2,
div#logout_whatnow h2 {
    margin-bottom: 10px;
}

div#logout_reminder ul,
div#logout_whatnow ul {
    padding: 0 20px;
}

div#logout_reminder ul li,
div#logout_whatnow ul li {
    margin-bottom: 4px;
    list-style: disc;
}

div#fortune {
    padding: 0 10px;
    margin: 10px 10px 20px;
    border-left: 1px solid #000;
}

div#fortune p {
    margin-bottom: 0;
    font-size: 1.2em;
    color: #000;
}

div.errorDisplay {
    background: #eee;
    padding: 10px;
    color: #000;
}

div.errorDisplay h3 {
    font-weight: 700;
    font-size: 22px;
}

div.errorDisplay ol li {
    font-size: 1.2em;
}

div.successMessage {
    background: #eee url(/images/icons/accept.png) no-repeat 5px 10px;
    padding: 10px 25px;
    font-size: 1.2em;
    color: #0c0;
}

div.successMessage p,
form.loginForm div.successMessage p {
    padding: 0;
}

div.generalMessage {
    background: #eee;
    padding: 10px;
    margin: 10px;
}

div#EventsNarrowSearch ul li h4 {
    color: #000;
}

div#previewCommentComponent,
div#editCommentComponent {
    padding: 20px;
}

div#previewCommentComponent h2 {
    color: #000;
}

div#PaginationTop,
div#PaginationBottom {
    padding-top: 10px;
}

div#PaginationBottom {
    font-size: 1.1em;
    margin: 10px 0;
}

/* --------------- Navigation Horizontal ------------------ */
div#NavigationHorizontal {
    clear: both;
    margin-bottom: 15px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    text-align: center;
    position: relative;
}

div#NavigationHorizontal:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    text-indent: -9999em;
    direction: ltr;
}

ul#mainNav {
    font-size: 0;
}

ul#mainNav li {
    display: inline-block;
    border-left: 1px solid #ddd;
}

ul#mainNav li.first {
    border: 0 none
}

ul#mainNav li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #444;
    font-size: 14px;
    line-height: 1;
    padding: 4px 12px;
    font-weight: 700;
}

ul#mainNav li a:hover {
    color: #fff !important;
    background-color: #444;
}

ul#mainNav li a:hover,
ul#mainNav li a.hover {
}

ul#mainNav li.navCurrent {
}

ul#mainNav li.navCurrent a {
    color: #fff;
    background: #444;
}

ul#mainNav li.navCurrent a:hover {
}

#NavigationHorizontal ul li ul {
    display: none;
}

#NavigationHorizontal ul.subnav_content {
    position: absolute;
    text-align: left;
    background: #fff;
    width: 200px;
    border-top: 1px solid #999;
    min-height: 15px;
    box-shadow: 1px 3px 5px 1px #111;
    padding: 0;
    z-index: 9999;
    line-height: 1em;
}

#NavigationHorizontal ul.subnav_content li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #777;
    position: relative;
    font-size: 13px;
    float: none;
}

#NavigationHorizontal ul.subnav_content li a {
    display: block;
    white-space: nowrap;
    padding: 7px 10px;
    margin: 0;
    text-decoration: none;
    text-indent: 0;
    font-weight: 400;
    text-transform: none;
    background: #fff;
    color: #414141;
    line-height: 1em;
    border: 0;
}

#NavigationHorizontal ul.subnav_content li a:hover {
    background-color: #6E6F71;
    color: #fff;
}

#NavigationHorizontal ul.subnav_content li.searchItem a {
    background: url(/images/icons/navMag.png) no-repeat 4px 6px #fff;
    padding: 7px 10px 7px 24px;
    background-size: 15px;
}

#NavigationHorizontal ul.subnav_content li a:hover {
    background-color: #6E6F71;
    color: #fff;
}

div#gridFooter {
    clear: both;
    padding: 20px 10px;
    border-top: 1px solid #000;
    text-align: center;
    font-size: 11px;
}

div#gridFooter a {
    text-decoration: none;
}

div#FooterNavigation {
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
}

div#FooterNavigation ul {
}

div#FooterNavigation ul li {
    display: inline-block;
    margin: 0 5px;
}

div#FooterNavigation ul li a {
    white-space: nowrap;
}

div#footerCopyright address,
div#footerCopyright p {
    padding: 0;
    margin: 0;
}

div#LocationRestaurantDetails p,
div#LocationBarDetails p {
    margin: 0 0 15px;
}

div#LocationRestaurantDetails p.tags,
div#LocationBarDetails p.tags {
    padding: 0;
    margin: 0;
}

div#LocationRestaurantDetails ul.locationMenuCoupon {
    margin: 10px 0;
}

div#LocationRestaurantDetails ul.locationMenuCoupon li {
    display: inline;
    padding-right: 14px;
    margin-right: 10px;
    background: url(/foundation/images/icons/pdf-small.gif) top right no-repeat;
}

div#LocationMovieTimes ul.filmTimes {
    float: none;
    font-size: 1em;
}

div#LocationMovieTimes ul.filmTimes li {
    margin-bottom: 6px;
    color: #777;
}

div#LocationMovieTimes ul.filmTimes li strong a {
    font-size: 1.1em;
    color: #014895;
    margin-bottom: 2px;
    text-decoration: none;
    display: inline-block;
}

#Location ul.filmTimes {
    width: auto;
}

#Location ul.filmTimes .filmDate {
    margin-left: 22px;
    padding: 1px 0 0;
    display: inline-block;
    color: #222;
    font-weight: 700;
}

body#MovieTimes div#NowPlaying ul li {
    float: left;
    width: 110px;
    padding: 0 5px;
}

body#MovieTimes div#NowPlaying ul li ul {
    margin-bottom: 20px;
    float: left;
    height: 200px;
}

.readmore {
    font-size: 10px;
}

li.readmore,
p.readmore {
    padding-top: 7px;
    margin-top: 0;
    text-align: right;
    font-size: 10px;
}

body#Content .MainColumn .banner_ad {
    margin: 0 0 10px;
    text-align: center;
}

body#Content div#Comments.CommentsComponent,
body#Content div#BrowseComments.ContentComments {
    padding: 0 0 12px;
}

#Post div#RelatedLocations {
    padding: 10px;
}

#Post div#RelatedLocations h3 {
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 5px;
}

.postBody a.pdflink {
    display: block;
    height: 52px;
    width: 50px;
    text-indent: -7000px;
    background: url(/foundation/images/icons/pdf-large.gif) top left no-repeat;
}

a#searchStartOver {
    background: #fff;
    display: block;
    text-align: center;
    padding: 2px;
    position: relative;
    font-size: 17px;
    margin: 5px 10px;
    font-weight: 700;
    border-radius: 9px;
    color: #666;
    box-shadow: inset -1px -1px 6px 0px #ccc, inset 1px 1px 3px 0px #333;
    transition: border-radius linear .04s, color linear .04s;
}

a#searchStartOver:hover {
    color: #333;
}

a#searchStartOver:before {
    content: "\021BA";
    transform: rotate(-90deg);
    position: absolute;
    left: -12px;
    top: -6px;
    font-size: 40px;
    line-height: 1;
    text-shadow: 1px -2px 1px #222;
    display: block;
}

div#directionsForm {
    background: #eee;
    margin-top: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 11px;
}

div#directionsForm input.text {
    font-size: 12px;
}

/* Features Icons */
div.MainSidebar ul.narrowOptions {
    padding: 0px 0 0 5px;
    margin: 3px 0 15px;
    border-left: 1px solid #ddd;
}

ul.narrowOptions li,
#OtherSearches ul li {
    font-size: 11px;
}

#CommentArchives div.MainSidebar ul.narrowOptions {
    border-left: 0;
}

#CommentArchives ul.narrowOptions li {
    font-size: 12px;
}

ul.narrowOptions li.flyout_link_parent {
    margin-top: 5px;
    background: none;
}

ul.narrowOptions li a.flyout_link,
ul.narrowOptions li.flyout_link_parent a {
    font-weight: 700;
    float: right;
    display: inline-block;
}

a.flyout_close_text {
    float: right;
    text-decoration: none;
}

a.flyout_close_button {
    position: absolute;
    top: -15px;
    left: -15px;
    background-image: url(/foundation/images/icons/closebox.png);
    width: 30px;
    height: 30px;
    text-indent: -6000px;
    overflow: hidden;
}

div.MainSidebar li.narrowWithForm ul.narrowOptions {
    padding-left: 0;
    border: none;
}

body div.MainSidebar li.narrowWithForm ul.narrowOptions li form {
    padding: 0;
}

div.FeaturesIcons {
    height: 14px;
    margin: 5px 0;
    display: inline;
}

div.FeaturesIcons a span {
    display: none;
    float: left;
    margin: 0;
    text-indent: -6000px;
    height: 16px;
    width: 16px;
}

h1.listingTitle {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px;
}

h1.listingTitle .FeaturesIcons a span {
    margin: 10px 2px 0 0;
    float: left;
}

#LocationMetaData br+br {
    display: none;
}

#VideoPlayer.Location,
#VideoPlayer.Event {
    margin: 15px 0;
}

.FeaturesIcons_staff_pick span {
    background: url(/images/icons/features-icon_staff_pick.svg) top left no-repeat;
    display: block;
}

.FeaturesIcons_members_pick span {
    background: url(/images/icons/features-icon_member_pick.svg) top left no-repeat;
    display: block;
}

.FeaturesIcons_video span {
    background: url(/images/icons/features-icon_video.png) top left no-repeat;
    display: block;
}

.FeaturesIcons_slideshow span {
    background: url(/images/icons/features-icon_slideshow.png) top left no-repeat;
    display: block;
}

.FeaturesIcons_audio span {
    background: url(/images/icons/features-icon_audio.png) top left no-repeat;
    display: block;
}

.FeaturesIcons_menu span {
    background: url(/images/icons/features-icon_menu.png) top left no-repeat;
    display: block;
    background-size: contain;
}

.FeaturesIcons_image span {
    background: url(/images/icons/features-icon_image.png) top left no-repeat;
    display: block;
    background-size: contain;
}

label[class*="FeaturesIcons"] span {
    padding-left: 25px;
    background-position: left center;
    background-size: contain;
}
label.FeaturesIcons_image span {
  background:none!important;
  padding-left:0!important;
}

li#EventSearchNarrowByEventFeatures,
li#LocationSearchNarrowByLocationFeatures,
li#MovieTimesSearchNarrowByFilmFeatures,
li#FilmSearchNarrowbyFilmFeatures,
li#ArticleSearchNarrowByContentFeatures,
li#BestOfNarrowbyContentFeatures {
    float: left;
}

/* body#Location div#gridMainSidebar h4, body#LocationEvents div#gridMainSidebar h4, body#Map div#gridMainSidebar h4, body#Event div#gridMainSidebar h4, body#EventSearch div#gridMainSidebar h4, body#MovieTimes div#gridMainSidebar h4, body#FilmSearch div#gridMainSidebar h4, body#Film div#gridMainSidebar h4, body#LocationSearch div#gridMainSidebar h4, body#DiningSearch div#gridMainSidebar h4, body#Search div#gridMainSidebar h4, body#ArticleArchives div#gridMainSidebar h4, body#IssueArchives div#gridMainSidebar h4, body#MemberSearch div#gridMainSidebar h4, body#BestOf div#gridMainSidebar h4, body.SearchPage <-- do we need all that? */
div#gridMainSidebar h4 {
    font-weight: 700;
    margin: 0 0 5px;
}

ul.narrowOptions {
    border-left: 0;
    padding-left: 5px;
    float: left;
    width: 100%;
}

li#EventSearchNarrowByEventFeatures ul.narrowOptions li,
li#LocationSearchNarrowByLocationFeatures ul.narrowOptions li,
li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions li,
li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions li,
li#ArticleSearchNarrowByContentFeatures ul.narrowOptions li,
li#BestOfNarrowbyContentFeatures ul.narrowOptions li {
    background: url(/images/backgrounds/dotted-line.gif) repeat-x 0 10px #fff;
    float: left;
}

ul.narrowOptions li a {
    float: left;
}

ul.narrowOptions li a:hover {
    color: #000;
}

ul.narrowOptions li a,
ul.narrowOptions li span {
    display: inline-block;
    background-color: #fff
}

ul.narrowOptions li div.FeaturesIcons {
    margin: 0;
    float: right;
    padding-right: 0;
}

ul.narrowOptions li div.FeaturesIcons a span {
    display: block;
    margin-right: 0;
    padding-right: 5px;
}

div.EventListing a[href*="Map"],
.locationListing a[href*="Map"] {
    color: #999;
}

div#ProfileBrowseSavedLocations div.locationListing,
div#ProfileBrowseSavedMembers div.memberListing,
div#ProfileBrowseSavedEvents div.EventListing,
div#ProfileBrowseLists div.listListing,
div#ProfileBrowseSavedContent div.archiveListing,
body#MemberSearch div.memberListing {
    border-bottom: 1px solid #000;
    color: #000;
    padding: 10px;
}

div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberThumb,
div#ProfileBrowseSavedContent div.archiveListing li.archiveImage,
body#MemberSearch div.memberListing ul.listing li.memberThumb {
    float: left;
    width: 50px;
    margin-right: 5px;
    padding: 5px;
    overflow: hidden;
}

body#MemberSearch div.memberListing ul.listing li,
div#ProfileBrowseSavedMembers div.memberListing ul.listing li {
    color: #000;
    font-size: 90%;
}

body#MemberSearch div.memberListing ul.listing li.memberName,
div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberName {
    font-weight: 700;
    font-size: 120%;
    margin-bottom: 5px;
}

body#MemberSearch div.memberListing ul.listing li.memberStatus,
div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberStatus {
    font-size: 110%;
    margin: 5px 0;
    font-weight: 700;
}

body#MemberSearch div.memberListing ul.listing li.memberStatus span,
div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberStatus span {
    color: #eee;
}

div#ProfileBrowseSavedContent div.archiveListing li.sectionDateInfo {
    margin-bottom: 2px;
    font-size: 11px;
    color: #000;
}

div#ProfileBrowseSavedMembers div.memberListing ul.listing li.l0 ul li.l1 a {
    font-weight: 700;
}

div#ProfileBrowseSavedEvents div.EventListing div.listing h3 {
    text-align: left;
}

div#ProfileBrowseLists div.listListing ul li.customItem h5 {
    font-weight: 700;
}

div#ProfileBrowseLists div.listListing ul li.customItem li.byline {
    margin-top: 3px;
    letter-spacing: 0;
}

div#ProfileSettings dl.formElements {
}

div#gridMainColumn div#ProfileBrowseSavedLocations h3.profileGroupHeader,
div#gridMainColumn div#ProfileBrowseSavedMembers h3.profileGroupHeader,
div#gridMainColumn div#ProfileBrowseSavedEvents h3.profileGroupHeader,
div#gridMainColumn div#ProfileBrowseLists h3.profileGroupHeader,
div#gridMainColumn div#ProfileBrowseSavedContent h3.profileGroupHeader {
    float: left;
    width: 65%;
    text-align: left;
    margin-bottom: 10px;
}

div#gridMainColumn div#ProfileBrowseSavedLocations form#sort,
div#gridMainColumn div#ProfileBrowseSavedMembers form#sort,
div#gridMainColumn div#ProfileBrowseSavedEvents form#sort,
div#gridMainColumn div#ProfileBrowseLists form#sort,
div#gridMainColumn div#ProfileBrowseSavedContent form#sort {
    float: right;
    text-align: right;
    margin-bottom: 10px;
}

body#EmailFriend h1,
body#ReportComment h1 {
    font-weight: 700;
    font-size: 20px;
    color: #000;
}

body#EmailFriend p.formSubmit,
body#MySettings p.formSubmit {
    text-align: right;
}

body#ReportComment p.formSubmit {
    text-align: left;
}

body#EmailFriend dl.formElements dt,
body#ReportComment dl.formElements dt {
    float: none;
    width: auto;
    min-height: 0;
}

body#EmailFriend dl.formElements dd,
body#ReportComment dl.formElements dd {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

body#ArticleArchives .longOnly span.date {
    display: inline;
}

body#PostComment div#loginFormContainer,
body#PostComment div#passwordReminderContainer {
    float: left;
    width: 370px;
}

body#PostComment div#createAccountContainer,
body#PostComment div#feelingShyContainer {
    float: right;
    width: 370px;
}

/* Profile */
div#userNameComponent {
    background: #eee;
    border-bottom: 1px solid #000;
}

body#Profile div#currently,
body#MyProfile div#currently {
    margin-bottom: 10px;
}

body#Profile div#gridMainSidebarLeft,
body#MyProfile div#gridMainSidebarLeft,
body#Favorites div#gridMainSidebarLeft,
body#MyFavorites div#gridMainSidebarLeft,
body#List div#gridMainSidebarLeft,
body#Lists div#gridMainSidebarLeft,
body#MyLists div#gridMainSidebarLeft,
body#MySettings div#gridMainSidebarLeft,
body#Comments div#gridMainSidebarLeft,
body#MyComments div#gridMainSidebarLeft,
body#EditList div#gridMainSidebarLeft {
    text-align: center;
}

body#Profile div.MainSidebar,
body#MyProfile div.MainSidebar,
body#Favorites div.MainSidebar,
body#MyFavorites div.MainSidebar,
body#List div.MainSidebar,
body#Lists div.MainSidebar,
body#MyLists div.MainSidebar,
body#MySettings div.MainSidebar,
body#Comments div.MainSidebar,
body#MyComments div.MainSidebar,
body#EditList div.MainSidebar {
    padding-bottom: 10px;
    text-align: center;
}

body#Profile div.MainSidebar h3,
body#MyProfile div.MainSidebar h3,
body#Favorites div.MainSidebar h3,
body#MyFavorites div.MainSidebar h3,
body#List div.MainSidebar h3,
body#Lists div.MainSidebar h3,
body#MyLists div.MainSidebar h3,
body#MySettings div.MainSidebar h3,
body#Comments div.MainSidebar h3,
body#MyComments div.MainSidebar h3,
body#EditList div.MainSidebar h3 {
    color: #000;
    font-weight: 700;
    line-height: 1em;
    margin-top: 10px;
    padding: 5px 5px 6px;
}

body#Profile div.MainSidebar h3 img,
body#MyProfile div.MainSidebar h3 img,
body#Favorites div.MainSidebar h3 img,
body#MyFavorites div.MainSidebar h3 img,
body#List div.MainSidebar h3 img,
body#Lists div.MainSidebar h3 img,
body#MyLists div.MainSidebar h3 img,
body#MySettings div.MainSidebar h3 img,
body#Comments div.MainSidebar h3 img,
body#MyComments div.MainSidebar h3 img,
body#EditList div.MainSidebar h3 img {
    float: left;
    margin-right: 9px;
}

body#Profile div.MainSidebar p,
body#MyProfile div.MainSidebar p,
body#List div.MainSidebar p,
body#Lists div.MainSidebar p,
body#MyLists div.MainSidebar p,
body#MySettings div.MainSidebar p,
body#Comments div.MainSidebar p,
body#MyComments div.MainSidebar p,
body#EditList div.MainSidebar p {
    padding: 10px 10px 0;
    margin: 0;
    text-align: left;
}

body#Profile div.MainSidebar p.readmore,
body#MyProfile div.MainSidebar p.readmore,
body#List div.MainSidebar p.readmore,
body#Lists div.MainSidebar p.readmore,
body#MyLists div.MainSidebar p.readmore,
body#MySettings div.MainSidebar p.readmore,
body#MyLists div.MainSidebar p.readmore,
body#Comments div.MainSidebar p.readmore,
body#MyComments div.MainSidebar p.readmore {
    text-align: right;
}

body#Profile div.MainSidebar ul,
body#MyProfile div.MainSidebar ul,
body#Favorites div.MainSidebar ul,
body#MyFavorites div.MainSidebar ul,
body#List div.MainSidebar ul,
body#Lists div.MainSidebar ul,
body#MyLists div.MainSidebar ul,
body#MySettings div.MainSidebar ul,
body#Comments div.MainSidebar ul,
body#MyComments div.MainSidebar ul {
    text-align: left;
}

body#Profile div.MainSidebar ul li p,
body#MyProfile div.MainSidebar ul li p,
body#Favorites div.MainSidebar ul li p,
body#MyFavorites div.MainSidebar ul li p,
body#List div.MainSidebar ul li p,
body#Lists div.MainSidebar ul li p,
body#MyLists div.MainSidebar ul li p,
body#MySettings div.MainSidebar ul li p,
body#Comments div.MainSidebar ul li p,
body#MyComments div.MainSidebar ul li p {
    padding: 0;
}

body#Profile div#Reminders,
body#MyProfile div#Reminders {
    background: #eee;
}

body#Profile div#Reminders h3,
body#MyProfile div#Reminders h3 {
}

a.actionButton {
    margin: 5px auto;
}

a#contactMeButton,
a#becomeFriendButton,
a#becomeAFriendButton,
a.profileFindMore {
    background: #fff;
    display: inline-block;
    text-align: center;
    padding: 4px 10px;
    margin: 5px 0;
    border-radius: 10px;
    color: #666;
    box-shadow: inset -1px -1px 6px 0px #ccc, inset 1px 1px 3px 0px #333;
    transition: all linear .04s;
}

a.profileFindMore:hover,
a#contactMeButton:hover,
a#becomeFriendButton:hover,
a#becomeAFriendButton:hover {
    color: #333;
}

a.profileFindMore:focus,
a#contactMeButton:focus,
a#becomeFriendButton:focus,
a#becomeAFriendButton:focus,
a.profileFindMore:active,
a#contactMeButton:active,
a#becomeFriendButton:active,
a#becomeAFriendButton:active {
    border-radius: 11px;
    box-shadow: inset 0px 0px 2px 0px #545454;
}

div#profileModeMessage h1 {
    padding: 10px;
    text-align: center;
    font-size: 1.4em;
    background: #eee;
}

div#profileModeMessage h1 span {
    background: #eee;
}

div#profileModeMessage h1 a {
    font-weight: 700;
    color: #000;
}

body#Location div#BrowseComments.MainColumn {
    margin: 20px 0;
}

body#Location div#LocationLayout {
    margin-top: 0;
}

body#MySettings dl.formElements {
    margin-right: 0;
}

body#MySettings dl.formElements dd {
    width: 270px;
    margin-bottom: 10px;
}

body#MySettings dl.formElements dd.formLeft,
body#MySettings dl.formElements dd.formRight {
    width: 175px;
    float: left;
}

body#MySettings dl.formElements dd.interests {
    margin: 10px 0;
    width: 380px;
}

body#MySettings dl.formElements dd.interests div.interestsColumn {
    float: left;
    width: 140px;
    margin-right: 10px;
}

body#MySettings dl.formElements textarea[name=tags] {
    height: 60px;
}

/* Free Stuff */
body#FreeStuff h2 {
    margin: 0 0 10px;
    font-size: 24px;
    color: #000;
    border: 1px solid #999;
    border-width: 1px 0 0;
}

body#FreeStuff #FreeStuffSearchResults h3 {
    font-size: 20px;
    margin: 0 auto 10px;
    color: #999;
}

body#FreeStuff h3.headline a {
    color: #000;
    text-transform: none;
    display: block;
    font-size: 14px;
    overflow: hidden;
    margin: 0 0 5px;
}

body#FreeStuff .storyTeaser {
    float: left;
    margin: 0 10px 10px 0;
}

body#FreeStuff div.storyItem {
    margin: 0 0 10px;
    overflow: hidden;
}

body#FreeStuff div.storyItem>a {
    float: right;
    overflow: hidden;
    display: inline-block;
    margin: 5px;
}

body#FreeStuff h4 {
}

body#FreeStuff h4.headline a {
}

body#FreeStuff div.PromoTeaser {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

body#FreeStuff div.descr_txt ul li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 3px;
}

body#FreeStuff div.freeStuffMessage {
    background: #eee;
    margin-bottom: 10px;
    padding: 1px 10px;
}

body#FreeStuff hr {
    border: 1px solid #000;
    border-width: 0 0 1px;
    background: transparent;
    margin: 20px 0;
}

body#FreeStuff div#FreeStuffBreadcrumbs {
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

body#FreeStuff div#FreeStuffBreadcrumbs a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

body#FreeStuff div#FreeStuffItem h1.listingTitle {
    font-size: 2.2em;
}

body#Profile div.MainColumn h3,
body#MyProfile div.MainColumn h3,
body#Favorites div.MainColumn h3,
body#MyFavorites div.MainColumn h3,
body#List div.MainColumn h3 {
    text-align: center;
}

body#Favorites .readmore {
    padding-right: 10px;
}

body#Profile .readmore a,
body#MyProfile .readmore a,
body#Favorites .readmore a,
body#MyFavorites .readmore a,
body#List .readmore a,
body#Lists .readmore a,
body#MyLists .readmore a {
    text-decoration: none;
}

body#Profile div#gridMainSidebar ul li,
body#MyProfile div#gridMainSidebar ul li,
body#Favorites div#gridMainSidebar ul li,
body#MyFavorites div#gridMainSidebar ul li,
body#List div#gridMainSidebar ul li,
body#Lists div#gridMainSidebar ul li,
body#MyLists div#gridMainSidebar ul li,
body#Location div#gridMainSidebar ul li,
body#Event div#gridMainSidebar ul li,
body#EventSearch div#gridMainSidebar ul li,
body#LocationSearch div#gridMainSidebar ul li,
body#DiningSearch div#gridMainSidebar ul li,
body#MovieTimes div#gridMainSidebar ul li,
body#FilmSearch div#gridMainSidebar ul li,
body#Film div#gridMainSidebar ul li,
body#Search div#gridMainSidebar ul li,
body#ArticleArchives div#gridMainSidebar ul li,
body#IssueArchives div#gridMainSidebar ul li,
body#MySettings div#gridMainSidebar ul li,
body#MyComments div#gridMainSidebar ul li,
body#Comments div#gridMainSidebar ul li,
body#MemberSearch div#gridMainSidebar ul li,
body#BestOf div#gridMainSidebar ul li,
body.SearchPage div#gridMainSidebar ul li {
    margin-bottom: 4px;
    clear: both;
    width: 100%;
    display: inline-block;
}

body#List div#gridMainSidebar {
    width: 180px;
    padding: 0;
    margin: 12px;
}

body#List div#gridMainColumn {
    width: 580px;
    padding: 10px;
    margin: 10px 10px 10px 0;
}

body#List div#gridMainColumn .MainColumn {
    margin: 0;
}

body#List div#gridMainColumn h3.profileGroupHeader {
    text-align: left;
}

body#EventSearch #gridMainSidebar,
body#MovieTimes #gridMainSidebar,
body#LocationSearch #gridMainSidebar,
body#DiningSearch #gridMainSidebar,
body#Search #gridMainSidebar,
body#ArticleArchives #gridMainSidebar,
body#IssueArchives #gridMainSidebar,
body#MemberSearch #gridMainSidebar,
body.SearchPage #gridMainSidebar {
    padding-right: 0;
}

body#EventSearch #gridMainSidebar select,
body#MovieTimes #gridMainSidebar select,
body#LocationSearch #gridMainSidebar select,
body#DiningSearch #gridMainSidebar select,
body#MemberSearch #gridMainSidebar select {
    width: 133px;
}

body#MovieTimes div#MovieTimesFilmandTheater h4,
body#Film div#MovieTimesFilmandTheater h4 {
    margin: 10px 0 0 10px;
}

body#EventSearch div#EventsSearchTerms,
body#MovieTimes div#MovieTimesSearchTerms,
body#LocationSearch div#LocationSearchTerms,
body#DiningSearch div#DiningSearchTerms,
body#Search div#SearchSearchTerms,
body#ArticleArchives div#SearchSearchTerms,
body#IssueArchives div#SearchSearchTerms,
body#IssueArchives div#ArchivesIssueNav,
body#ArticleArchives div#ArchivesSearchTerms,
body#MemberSearch div#MemberSearchTerms,
body.SearchPage div#SearchTerms {
    margin-bottom: 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #222;
}

div[id$='SearchTerms']>h3 {
    letter-spacing: -1px
}

body#EventSearch div#EventsSearchTerms ul li,
body#MovieTimes div#MovieTimesSearchTerms ul li,
body#LocationSearch div#LocationSearchTerms ul li,
body#DiningSearch div#DiningSearchTerms ul li,
body#Search div#SearchSearchTerms ul li,
body#ArticleArchives div#SearchSearchTerms ul li,
body#IssueArchives div#SearchSearchTerms ul li,
body#ArticleArchives div#ArchivesSearchTerms ul li,
body#MemberSearch div#MemberSearchTerms ul li,
body.SearchPage div#SearchTerms ul li {
    font-size: 11px;
    padding: 5px 0;
    color: #222;
}

body#EventSearch div#EventsSearchTerms ul li+li,
body#MovieTimes div#MovieTimesSearchTerms ul li+li,
body#LocationSearch div#LocationSearchTerms ul li+li,
body#DiningSearch div#DiningSearchTerms ul li+li,
body#Search div#SearchSearchTerms ul li+li,
body#ArticleArchives div#SearchSearchTerms ul li+li,
body#IssueArchives div#SearchSearchTerms ul li+li,
body#ArticleArchives div#ArchivesSearchTerms ul li+li,
body#MemberSearch div#MemberSearchTerms ul li+li,
body.SearchPage div#SearchTerms ul li+li {
    border-top: 1px solid #dedede;
}

body#EventSearch div#EventsSearchTerms ul li a,
body#MovieTimes div#MovieTimesSearchTerms li a,
body#LocationSearch div#LocationSearchTerms li a,
body#DiningSearch div#DiningSearchTerms li a,
body#Search div#SearchSearchTerms li a,
body#ArticleArchives div#SearchSearchTerms li a,
body#IssueArchives div#SearchSearchTerms li a,
body#ArticleArchives div#ArchivesSearchTerms li a,
body#MemberSearch div#MemberSearchTerms li a,
body.SearchPage div#SearchTerms li a {
    float: right;
    font-weight: 700;
}

#CommentArchivesNarrowHeader ul li ul li,
#ImageArchivesNarrowHeader ul li ul li,
#VideoArchivesNarrowHeader ul li ul li {
    margin-left: 10px !important;
}

#CommentArchivesNarrowHeader ul li ul li:first-child,
#ImageArchivesNarrowHeader ul li ul li:first-child,
#VideoArchivesNarrowHeader ul li ul li:first-child {
    margin: 0 0 2px !important;
}

.subtractiveSelections ul li a {
    background: transparent url(/images/buttons/subtractiveCheck.gif) no-repeat scroll left top;
    display: block;
    float: right;
    font-weight: 400;
    height: 15px;
    margin-left: 2px;
    text-indent: -9999em;
    width: 14px;
}

.subtractiveSelections ul li a:hover {
    opacity: 0.85;
}

.subtractiveSelections ul li a.off,
.subtractiveSelections ul li a:active {
    background-position: -14px top !important;
}

.flyout_content {
    background: #dedede;
    background: rgba(244, 244, 244, 0.97);
    border: 2px solid #999;
    box-shadow: 2px 2px 3px 1px rgba(33, 33, 22, 0.6);
    padding: 10px;
    border-radius: 3px;
    min-width: 200px;
}

.flyout_content table {
    border: 0;
}

.flyout_content table td {
    padding: 10px;
}

.flyout_content a:hover {
    color: #000;
}

h1#ProfileHeader {
    background: #eee;
    color: #000;
    font-weight: 700;
    padding: 7px 12px;
}

h2#userName {
    float: left;
    font-size: 32px;
    line-height: .5em;
    margin: 20px 50px 20px 0;
    padding-left: 12px;
}

h2#userName a#userNameLink {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}

h2#userName span#memberSince {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
}

ul#badges {
    height: 25px;
    margin: 26px 0;
    text-align: left;
}

ul#badges li {
    display: inline;
    vertical-align: middle;
}

h3.profileGroupHeader,
h2.largeHeader,
body.ProfileComments div#gridMainColumn div#BrowseComments div.commentsHeader h3 {
    background: none;
    font-weight: 700;
    font-size: 20px;
    color: #000;
}

body.ProfileComments div#gridMainColumn div#BrowseComments div.commentsHeader {
    background: none;
}

div#userPics {
}

div#userPics ul.fullsize {
    padding: 0;
    margin: 0;
}

div#userPics ul.fullsize .photoCont a {
    display: block;
    width: 160px;
    background: #eee;
    padding: 10px;
    text-align: center;
}

div#userPics ul.fullsize .photoCont a img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

div#userPics ul li.photo {
    height: auto;
    padding: 0;
    margin: 0;
}

div#userPics .photoGrid {
    margin-top: 0;
}

div#photoEnlarge a {
    padding: 3px;
    text-decoration: none;
    font-size: 10px;
}

div.MainColumn h2.listingsHeader,
#MenuTeaser h2.listingsHeader,
div.MainColumn.RelatedItem h3,
div.SpanningFeature.RelatedItem h3,
#RecentByTag h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: left;
    border-bottom: 1px solid;
}

div.SpanningFeature.RelatedItem li ul,
div.MainColumn.RelatedItem li ul {
    overflow: hidden;
    color: #777;
    margin: 2px 0;
    font-size: 11px;
}

div.MainSidebar form input.text {
    padding-left: 16px;
    width: 88%;
    background: url(/images/icons/magGlass_12px.png) 1px 2px no-repeat transparent;
}

.MainSidebar .submitBtn {
    float: right;
    display: inline-block;
    margin: 5px 0;
    overflow: hidden;
}

div#cse-search-results,
div#cse-search-results iframe {
    width: 600px;
}

body#Film div#searchResults {
    margin-top: 10px;
}

body#CommentArchives div#CommentSearchResults div#searchResults .comment {
    margin: 12px 0 0;
}

body#CommentArchives div#CommentSearchResults .memberThumb {
    float: left;
    margin-right: 5px;
    display: block;
}

body#CommentArchives div.comment {
    border-top: 1px solid #555;
    padding-top: 10px;
}

body#CommentArchives div.comment:first-child {
    border: none;
    padding: 0;
}

body#CommentArchives div.commentText {
    border: 1px solid #ccc;
    border-radius: 3px;
}

body#CommentArchives div#CommentSearchResults h4 {
    font-weight: 700;
    font-size: 14px;
}

body#CommentArchives div#CommentSearchResults div.ratingGraphic {
    margin-bottom: 10px;
}

body#CommentArchives div#CommentArchivesNarrowHeader form {
    padding: 0;
}

body#CommentArchives div#CommentArchivesNarrowHeader form p {
    clear: both;
    margin: 0;
    padding: 10px 0 0;
}

body#CommentArchives div#CommentArchivesNarrowHeader form select {
    width: 50px;
    font-size: .9em;
}

body#CommentArchives div#CommentArchivesNarrowHeader form select.dateDay,
body#CommentArchives div#CommentArchivesNarrowHeader form select.dateMonth {
    margin-bottom: 5px;
}

body#CommentArchives div#CommentArchivesNarrowHeader form select.dateYear {
    width: 50%;
}

body#CommentArchives div#CommentArchivesNarrowHeader form input {
    clear: both;
    margin-top: 10px;
    background: #eee;
    border: 1px solid #000;
    clear: both;
    color: #000;
    cursor: pointer;
    font-weight: 700;
    margin-top: 10px;
    padding: 1px 5px;
}

body#LocationSearch div#searchResults {
    margin-top: 10px;
}

div#BestOfLandingLinks ul#bosSections>li a {
    display: block;
    color: #fff;
    background-color: #444;
    padding: 5px 10px;
    font-size: 17px;
    margin: 5px 0;
    border-radius: 4px;
    font-weight: bold;
}

div#BestOfLandingLinks ul#bosSections {
    margin: 0 0 10px;
    overflow: hidden;
}

div#BestOfLandingLinks ul#bosRandomWinners li {
    margin: 0 0 5px;
}

div#BestOfLandingLinks ul#bosRandomWinners li a {
    color: #222;
    font-size: 17px;
    font-weight: 700;
}

div#BestOfLandingLinks ul#bosRandomWinners li a span {
    color: #666;
    font-weight: 400;
    font-size: 15px;
}

div#BestOfLandingLinks ul#bosRandomWinners li a:hover {
    color: #777;
    text-decoration: none;
}

div#BestOfLandingLinks ul#bosRandomWinners li a:hover span {
    color: #222;
}

p.noMatchesFound {
    padding: 10px;
}

div.magnumContainer {
    margin-bottom: 25px;
}

body#Page div.magnumContainer {
    margin: 0;
}

div.bottomOptionBar {
    padding: 0;
    position: relative;
    margin: 20px 16px 8px;
    text-align: left;
    font-size: 12px;
    border: 1px solid #D0d0d0;
    background-color: #e0e0e0;
    box-shadow: 0 0 5px #ccc inset;
    border-radius: 2px;
    clear: both;
}

.bottomOptionBar .commentRSSLink,
.bottomOptionBar .commentSubscribeLink {
    margin: 4px 0;
    padding: 4px 2px 4px;
    float: left;
}

.bottomOptionBar .togglePanel {
    position: absolute;
    left: -40px;
    top: 35px;
    background-color: #DDC;
    white-space: nowrap;
    border-width: 1px 0;
    border-radius: 2px;
    color: #666;
    opacity: 0.95;
    padding: 16px;
    border: 1px solid #CCB;
    box-shadow: 0 0 5px #CCC;
    z-index: 1;
}

div.bottomOptionBar div.showing {
    margin-bottom: 6px;
    float: right;
    padding: 4px 6px 4px;
    font-size: 12px;
    margin: 4px 0;
    color: #333;
}

.bottomOptionBar .togglePanel .toggleArrowBorder {
    content: "";
    position: absolute;
    border-width: 8px;
    border-color: transparent transparent #CCB transparent;
    display: block;
    width: 0;
    top: -17px;
    left: 77px;
    border-style: solid;
    opacity: 0.95;
}

.bottomOptionBar .togglePanel .toggleArrow {
    content: "";
    position: absolute;
    border-width: 7px;
    border-color: transparent transparent #DDC transparent;
    display: block;
    width: 0;
    top: -14px;
    left: 78px;
    border-style: solid;
}

span.pastEventMessage,
div.closedLocationMessage {
    display: block;
    background: #FF3333;
    padding: 3px 5px;
    overflow: hidden;
    clear: both;
    margin: 2px 0px 10px;
    border: 1px solid #FF0000;
    font-size: 19px;
    color: #FFF;
    font-weight: bold;
}

ul.locationEvents li ul {
    overflow: hidden;
    color: #777;
    margin: 2px 0;
    font-size: 11px;
}

ul.locationEvents li.l0 {
    margin-bottom: 8px;
}

ul.locationEvents li.l0 h4 a {
    font-weight: 700;
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

ul.locationEvents li.commentCount {
    font-size: 11px;
}

.columnList li a {
    font-weight: 700;
    text-decoration: none;
    line-height: 1.25em;
}

.columnList li p {
    margin: 0;
    font-size: 11px;
}

.columnList li ul {
    padding: 0;
    margin: 0;
}

.columnList li ul li {
    padding: 0;
    margin: 0 0 5px;
    border: none;
    font-size: 11px;
}

.scrollableArrow_left {
    display: block;
    float: left;
    width: 10px;
    height: 32px;
    background: url(/images/buttons/scroll_arrow_left.png) no-repeat -1px center;
    text-align: left;
    text-indent: -6000px;
}

.scrollableArrow_right {
    display: block;
    float: right;
    width: 10px;
    height: 32px;
    background: url(/images/buttons/scroll_arrow_right.png) no-repeat left center;
    text-align: left;
    text-indent: -6000px;
}

#ArticleArchives #resultsCount,
#MemberSearch #resultsCount {
    text-align: left;
    margin: 5px 10px;
    color: #000;
    font-size: .9em;
    border-bottom: 1px solid #000;
}

#ArticleArchives li.storyItem ul>div {
    margin: 5px 0 0;
    color: #999;
}

#ArticleArchives li.sectionDateInfo {
  font-size: 12px;
  color: #434343;
  margin-bottom: 5px;
}

body#IssueArchives #searchResults h3 {
    text-align: center;
    font-size: 2em;
}

body#IssueArchives #archiveIssueHeader {
    margin: 10px;
}

body#IssueArchives div#searchResults div.searchedFor h3 {
    font-size: 14px;
}

body#IssueArchives #archiveIssueHeader img.archiveIssueCover {
    float: left;
    padding: 5px;
    background: #eee;
    margin: 0 10px 5px 0;
}

body#IssueArchives #archiveIssueHeader div.issueImage {
    float: left;
    overflow: hidden;
    text-align: center;
}

body#IssueArchives #archiveIssueHeader div.issueImage a {
    clear: both;
    display: block;
    overflow: hidden;
}

body#IssueArchives #archiveIssueHeader div.issueImage ul.imageCaptionAndCredit li {
    color: #000;
    line-height: 1em;
    padding: 2px 0;
}

#archiveIssueDetails li {
    font-size: 17px;
    text-align: center;
    color: #555;
}

#archiveIssueDetails > li.issueDates {
    font-weight: 700;
    color: #111;
}

#archiveIssueDetails li.IssueTitle {
    font-size: 25px;
    color: #111;
    line-height: 1.25;
    font-weight: 400;
}

body#IssueArchives #searchResults h4.sectionHeader {
    font-size: 1.2em;
    border-bottom: 1px solid #000;
    margin-top: 10px;
}

body#IssueArchives #searchResults ul#yearIssueArchives {
    margin: 10px auto;
}

body#IssueArchives #searchResults li.issueCover {
    text-align: center;
    width: 135px;
    min-height: 155px;
    margin: 0 5px 15px;
    display: inline-block;
    font-size: 10px;
    vertical-align: text-top;
}

img.archiveIssueCover[src$="img.gif"] {
    border: 1px solid #999;
    display: block;
    height: 156px;
    text-align: center;
    position: relative;
    white-space: pre;
    background: #f9f9f9;
    text-indent: -9999em;
}

img.archiveIssueCover[src$="img.gif"]:after {
    display: block;
    position: absolute;
    content: "No \a Cover \a Available";
    left: 0;
    right: 0;
    font-size: 17px;
    color: #ddd;
    height: 100%;
    top: 25%;
    z-index: 23;
    text-indent: 0;
}

body#IssueArchives #searchResults li.issueCover:nth-child(3n) {
    margin-right: 0;
}

/* BLOGS */
div#BlogHeader {
    overflow: hidden;
}

div#BlogHeader>a {
    display: block;
    float: left;
}

div#BlogHeader a h1 {
    color: #000;
    font-weight: 700;
    font-size: 2em;
    margin: 5px;
}

div#BlogHeader p {
    float: right;
    margin: 1.8em 0 0;
}

body#Blog div#gridMain,
body#Post div#gridMain {
}

body#Blog div#gridFrame,
body#Post div#gridFrame,
body.BlogArchives div#gridFrame,
body#BlogTopics div#gridFrame {
    width: 620px;
    background: none;
}

body#Blog div#gridSpanningHeader,
body#BlogTopic div#gridSpanningHeader {
    width: 620px;
}

body#Blog div#gridColumnContainer,
body#Post div#gridColumnContainer,
body.BlogArchives div#gridColumnContainer,
body#BlogTopics div#gridColumnContainer {
    width: 620px;
    padding: 0;
}

body#Blog div#gridMainSidebar1,
body#Post div#gridMainSidebar1,
body#BlogTopics div#gridMainSidebar1 {
    display: none;
}

h2.blogDate {
    clear: both;
    padding: 3px 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background: #CBCBCB;
    font-size: 1.2em;
    letter-spacing: 1px;
    border-radius: 3px;
    text-shadow: 1px 2px 2px #222;
}

h3.postTitle {
  font-size: 17px;
  font-weight: 700;
  margin:0;
  padding-bottom: 0;
  text-align: left;
}

h4.postedBy {
  clear: both;
  color: #000;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .1em;
  margin: 0;
  padding: 0;
  text-align: left;
}

.postedBy .author {
  color: #000;
  font-weight: 700;
}

span.postCategory {
  color: #000;
  font-weight: 700;
  text-align: center;
}

span.postCategory a {
  color: #666;
  text-decoration: none;
}

div.blogPost {
  border-bottom: 4px dotted #000;
  margin: 0 20px 10px;
  padding:20px 0;
}

div.blogPost p.extended {
  font-weight: 700;
}

div.blogPost p.extended a {
    color: #000;
}

div.indivArchive div.blogPost {
    border: none;
}

div.postBody {
    margin-top: 15px;
    color: #000;
    text-align: left;
}

.postBody a {
    font-weight: 700;
    color: #000;
}

blockquote {
    padding: 10px;
    text-align: justify;
    margin: 1em 3em;
    box-shadow: -5px 0px 3px -1px #999;
    line-height: 1.5em;
    font-size: 1.44em;
    color: #111;
    font-family: Georgia, serif;
    border-radius: 4px;
    overflow: hidden;
    background: #f9f9f9;
}

.postBody img {
    display: block;
    margin: 5px auto;
    text-align: center;
}

.postLinks {
    color: #000;
    font-size: 11px;
    letter-spacing: .2em;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.postLinks a {
    color: #000;
    text-decoration: none;
}

.page_next a {
    float: right;
    display: block;
    width: 124px;
    height: 28px;
    background: url(/images/buttons/older_entries.gif) no-repeat;
    margin-bottom: 5px;
    text-indent: -6000px;
}

.page_prev a {
    float: left;
    display: block;
    width: 124px;
    height: 28px;
    background: url(/images/buttons/newer_entries.gif) no-repeat;
    margin-bottom: 5px;
    text-indent: -6000px;
}

.keepReading a {
    color: #000;
}

h3.archiveHead,
h2.archiveHead {
    font-size: 100%;
    font-weight: 700;
    margin: 0;
    padding: 0 5px;
    text-align: center;
}

table.archivetable {
    width: 540px;
    margin: 20px 20px 0;
}

table.archivetable tr.alternate {
    background: #eee;
}

table.archivetable td {
    padding: 3px;
}

table.archivetable td.archlink {
    width: 50%;
}

table.archivetable td.archlink a {
    font-weight: 700;
    text-decoration: none;
}

table.archivetable td.archcount {
    width: 25%;
    text-align: right;
}

table.archivetable td.rsslink {
    width: 25%;
    text-align: right;
}

div#Blog.BlogDefault h2.rsslink {
    display: none;
}

div#BlogTopicList {
    padding-bottom: 20px;
}

div#comments_banner {
    margin-bottom: 10px;
}

div.CommentPopup dl.formElements dt {
    min-height: 0;
    height: auto;
}

div.CommentPopup dl.formElements dd textarea {
    width: 370px;
}

div.CommentPopup p.commentFormSubmit {
    margin-right: 10px;
}

#PostComment.PostCommentPopUp div#PostCommentProcessEdit dl.formElements dd textarea,
#PostComment.PostCommentPopUp textarea {
    width: 94%;
}

#missingLocationLink {
    background: #eee;
    margin: 0 0 10px;
    padding: 10px 0 10px 5px;
    text-align: left;
}

#missingLocationLink h3 {
    margin-bottom: 7px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

#missingLocationLink a.addListing {
    display: block;
    width: 145px;
    height: 67px;
    background: url(/images/buttons/addlisting.gif) no-repeat;
    margin: 0 auto 0 5px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    line-height: .9em;
    text-decoration: none;
}

#missingLocationLink a.addListing span {
    display: block;
    width: 137px;
    padding: 11px 0 0 13px;
    text-align: left;
}

#missingLocationLink a.addListing em {
    float: right;
    display: block;
    width: 19px;
    height: 44px;
    margin: 8px 14px 0 3px;
    font-size: 60px;
    letter-spacing: -2px;
    color: #000;
}

#missingLocationLink a.addListing:hover span,
#missingLocationLink a.addListing:hover em {
    color: #000;
}

#NewsletterSignupLink p {
    padding: 5px;
    text-align: center;
}

div.commentsHeader a.feedLink {
    background: transparent url(/images/rss-small.gif) no-repeat top center;
    color: #000;
    font-size: 0;
    margin-left: 1px;
    padding: 12px 0 0 12px;
    text-decoration: none;
}

.commentText.staffComment {
    border-left: 5px solid #000;
}

p.fullInfo {
    font-size: 1.1em;
    font-weight: 700;
    padding: 5px;
    background: #f3f3f3;
    width: 420px;
}

/* ------------------------------------------------------------------------ */

/* SLIDESHOW */

/* ------------------------------------------------------------------------ */

/* Styles for pop-up controls. */
#SlideshowPopUp .closeBtn {
    font-weight: 700;
    margin-left: 535px;
    margin-top: -18px;
    position: absolute;
}

#SlideshowPopUp .closeBtn a {
    display: block;
    color: #000;
    text-decoration: none;
    height: 30px;
}

#SlideshowPopUp .closeBtn a img {
    margin-bottom: -10px;
}

#SlideshowPopUp .slideImg,
#SlideshowFullPage .slideImg {
    overflow: hidden;
    margin: auto;
}

#SlideshowPopUp .slideContainer,
#SlideshowFullPage .slideContainer {
    background: #eee;
}

#SlideshowPopUp .slideImg .controls {
    position: relative;
    top: -100px;
    width: 300px;
    height: 57px;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
}

#SlideshowPopUp .slideImg .controls a {
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 100px;
    height: 57px;
    text-indent: -6000px;
    overflow: hidden;
}

#SlideshowPopUp .slideImg .controls .back {
    background-image: url(/images/buttons/slideshow/slideshow-back.png);
}

#SlideshowPopUp .slideImg .controls .playpause {
    background-image: url(/images/buttons/slideshow/slideshow-play_pause.png);
}

#SlideshowPopUp .slideImg .controls .play {
    background-image: url(/images/buttons/slideshow/slideshow-play.png);
}

#SlideshowPopUp .slideImg .controls .pause {
    background-image: url(/images/buttons/slideshow/slideshow-pause.png);
}

#SlideshowPopUp .slideImg .controls .next {
    background-image: url(/images/buttons/slideshow/slideshow-next.png);
}

/* Story page, inline and teaser */
div.inlineSlideshow {
    width: 420px;
    margin: 0 auto;
}

h5.slideshowHeader {
    font-size: 1.4em;
    text-transform: uppercase;
}

div.inlineSlideshow p,
div#SlideshowTeaser p {
    margin: 0;
    color: #000;
}

.slideshowTitle {
    font-size: 1.1em;
    font-weight: 700;
    color: #000;
}

.slideshowDesc {
}

.slideshowCount {
    font-size: .9em;
}

.slideshowByline {
    font-size: .9em;
    font-style: italic;
}

a.postComment {
    display: block;
    font-size: .9em;
    margin-top: 5px;
    font-weight: 700;
}

div.slideshowThumbnails {
    margin-top: 5px;
}

div.slideshowThumbnails img {
    margin-right: -1px;
}

div.slideshowThumbnails a {
    display: inline-block;
}

body#Content div#SlideshowTeaser.Sidebar,
div#SlideshowTeaser.Sidebar {
    padding: 0;
    background: transparent;
    border: 0;
    font-size: .9em;
}

div#SlideshowTeaser div {
    margin-bottom: 10px;
}

/* Full page styles */
body.Slideshow .MainColumn {
    padding: 0 20px;
    margin-bottom: 20px;
}

body#Slideshow div#gridMainColumn {
    padding: 20px 0;
}

body#Slideshow div#Comments.CommentsComponent,
body#Slideshow div#BrowseComments.ContentComments {
    padding: 0 0 12px;
}

body#Slideshow div#Share {
    float: right;
    margin: 10px 0;
}

div#SlideshowFullPage .slideshowPrevNext {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    margin: 10px auto;
    width: 210px;
    height: 40px;
    clear: both;
}

div#SlideshowFullPage .slideshowCount {
    text-align: center;
}

div#SlideshowFullPage a.imageLink {
    display: block;
    background: #eee;
    margin-top: 15px;
}

body#Slideshow div.moreSlideshows {
    overflow: hidden;
    margin: 0 0 15px;
}

body#Slideshow .slideshowMore a img {
    display: block;
    margin: 0 auto 5px;
}

body#Slideshow a.slideshowMoreText {
    color: #000;
    font-weight: 700;
    font-size: 15px;
}

body#Slideshow div.moreSlideshowsPrev {
    float: left;
    width: 300px;
}

body#Slideshow div.moreSlideshowsNext {
    float: right;
    width: 300px;
}

/* Related Slideshows - updated styles from search */
#RelatedSlideshows>ul {
    display: -webkit-box;    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;    /* TWEENER - IE 10 */
    display: -webkit-flex;    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;    /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#RelatedSlideshows .teaser-wrap {
    position: relative;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    height: 204px;
    padding-bottom: 0 !important;
    text-align: center;
    background-color: #333
}

#RelatedSlideshows .teaser-wrap img {
    height: 100%;
}

div#RelatedSlideshows ul li {
    padding-bottom: 10px;
}

div#RelatedSlideshows ul li div.storyTeaser {
    float: left;
    margin-right: 10px;
}

div.slideshowPrevNext a {
    float: left;
    text-indent: -9999em;
}

div.slideshowPrevNext a.slideshowBack {
    background: transparent url(/images/buttons/slideshow/slideshow-back-sm.png) no-repeat 0 0;
    display: block;
    height: 40px;
    width: 70px;
}

div.slideshowPrevNext a.slideshowNext {
    background: transparent url(/images/buttons/slideshow/slideshow-next-sm.png) no-repeat 0 0;
    display: block;
    height: 40px;
    width: 70px;
}

div.slideshowPrevNext a.SlideshowFullPageToggleSlideshow {
    background: transparent url(/images/buttons/slideshow/slideshow-play-sm.png) no-repeat 0 0;
    display: block;
    height: 40px;
    width: 70px;
}

div.slideshowPrevNext a.playing {
    background: transparent url(/images/buttons/slideshow/slideshow-pause-sm.png) no-repeat 0 0;
    display: block;
    height: 40px;
    width: 70px;
}

/* Pop-up Styles */
body.SlideshowPopUp div#gridHeader div {
    margin: 5px;
}

div#SlideshowMetaData .slideshowByline {
    margin-bottom: 10px;
}

div#SlideshowMetaData .caption {
    font-size: .9em;
}

div#SlideshowMetaData .credit {
    text-transform: uppercase;
    color: #000;
    font-size: .9em;
}

div#SlideshowPopUp .date {
    color: #000;
    font-size: .9em;
}

/* Inline Video Styles */
div.inlineVideo,
div#VideoPlayer {
    text-align: center;
}

div.inlineVideo p,
div#VideoPlayer p {
    font-size: .9em;
    color: #000;
    margin: 0;
}

div.inlineVideo p.videoTitle,
div#VideoPlayer p.videoTitle {
    font-size: 1.1em;
    font-weight: 700;
}

div.inlineVideo p.videoByline,
div#VideoPlayer p.videoByline {
    font-style: italic;
}

div.inlineVideo embed,
div#VideoPlayer embed {
    margin-bottom: 10px;
}

/* Slideshow Spotlight */
div#SlideshowSpotlightAll,
div#SlideshowSpotlightSpecialPlacementHome,
div#SlideshowSpotlightSectionorCategory,
div#VideoSpotlight,
div#VideoSpotlightHome,
div#VideoSpotlight300 {
    background: #eee;
    margin-bottom: 10px;
    text-align: left;
    float: left;
    width: 100%;
}

div#VideoSpotlight div,
div#VideoSpotlightHome div,
div#VideoSpotlight h4,
div#VideoSpotlightHome h4,
div#VideoSpotlight300 h4,
div#VideoSpotlight300 ul {
    margin: 10px;
}

div#SlideshowSpotlightAll h3,
div#SlideshowSpotlightSpecialPlacementHome h3,
div#SlideshowSpotlightSectionorCategory h3 {
    margin-bottom: 10px;
}

div#VideoSpotlight h3,
div#VideoSpotlightHome h3 {
    margin-bottom: 5px;
}

div#VideoSpotlight div h4,
div#VideoSpotlightHome div h4 {
    margin: 0;
}

div#VideoSpotlight object,
div#VideoSpotlightHome object {
    margin-left: -10px;
}

div#VideoSpotlight ul li,
div#VideoSpotlightHome ul li,
div#VideoSpotlight300 ul li {
    padding-bottom: 5px;
}

div#SlideshowSpotlightAll ul,
div#SlideshowSpotlightSpecialPlacementHome ul,
div#SlideshowSpotlightSectionorCategory ul {
    float: left;
    padding-left: 10px;
}

div#SlideshowSpotlightAll ul li,
div#SlideshowSpotlightSpecialPlacementHome ul li,
div#SlideshowSpotlightSectionorCategory ul li {
    width: 135px;
    float: left;
    text-align: center;
    padding: 0 0 10px;
    font-size: 10px;
    margin-right: 10px;
}

div#VideoSpotlight ul,
div#VideoSpotlightHome ul,
div#VideoSpotlight300 ul {
    padding: 0;
}

div#SlideshowSpotlightAll div.slideshow,
div#SlideshowSpotlightSpecialPlacementHome div.slideshow,
div#SlideshowSpotlightSectionorCategory div.slideshow {
    float: left;
    clear: both;
    width: 100%;
}

div#SlideshowSpotlightAll div.slideshow div.ssHeadline a,
div#SlideshowSpotlightSpecialPlacementHome div.slideshow div.ssHeadline a,
div#SlideshowSpotlightSectionorCategory div.slideshow div.ssHeadline a {
    display: block;
    font-size: 1.3em;
    margin-bottom: 5px;
    text-decoration: none;
    font-weight: 700;
}

div#VideoSpotlight h4,
div#VideoSpotlightHome h4,
div#VideoSpotlight300 h4 {
    font-size: 1.1em;
    font-weight: 700;
}

div#VideoSpotlight h4 a,
div#VideoSpotlightHome h4 a,
div#VideoSpotlight300 h4 a {
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

/* Video Archives */
body#VideoArchives div#VideoArchiveHeader h1,
body#ImageArchives div#ImageArchiveHeader h1 {
}

body#VideoArchives #SearchResults h1,
body#ImageArchives #ImageSearchResults h1 {
}

body#VideoArchives #SearchResults div#searchResults div,
body#VideoArchives div#RelatedVideos div,
body#ImageArchives #ImageSearchResults div#searchResults div,
body#ImageArchives div#RelatedImages div {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

body#VideoArchives #SearchResults div#searchResults div ul,
body#VideoArchives div#RelatedVideos div ul,
body#ImageArchives #ImageSearchResults div#searchResults div ul,
body#ImageArchives div#RelatedImages div ul {
    float: left;
    width: 25%;
}

body#VideoArchives #SearchResults div#searchResults div ul li,
body#VideoArchives div#RelatedVideos div ul li,
body#ImageArchives #ImageSearchResults div#searchResults div ul li,
body#ImageArchives div#RelatedImages div ul li {
    padding: 0 10px 3px;
    color: #000;
    font-size: .9em;
}

body#VideoArchives #SearchResults div#searchResults div ul li a,
body#VideoArchives div#RelatedVideos div ul li a,
body#ImageArchives #ImageSearchResults div#searchResults div ul li a,
body#ImageArchives div#RelatedImages div ul li a {
    font-size: 1em;
    text-decoration: none;
    font-weight: 700;
}

div#VideoRelatedStories h3,
div#VideoRelatedEvents h3,
div#VideoRelatedLocations h3,
div#VideoRelatedFilms h3,
div#RelatedVideos h3,
div#RelatedImages h3 {
    border-bottom: 1px solid #000;
    font-size: 1.3em;
    margin-bottom: 5px;
}

body#VideoArchives div.MainColumn,
body#ImageArchives div.MainColumn {
    margin-bottom: 10px;
}

body#VideoArchives div#FeaturedVideo,
body#ImageArchives div#FeaturedImage {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    color: #454545;
}

body#VideoArchives div#FeaturedVideo div,
body#ImageArchives div#FeaturedImage div {
    text-align: center;
    margin: 0 auto 10px;
}

body#VideoArchives div#FeaturedVideo h1,
body#ImageArchives div#FeaturedImage h1 {
    font-size: 15px;
    margin: 0 0 5px;
    color: #000;
    font-weight: bold;
}

div#VideoArchivesNarrowHeader a,
div#ImageArchivesNarrowHeader a {
    text-decoration: none;
}

body#VideoArchives div#FeaturedVideo p,
body#ImageArchives div#FeaturedImage p {
    margin: 0 0 5px;
}

body#VideoArchives div#FeaturedVideo p strong,
body#ImageArchives div#FeaturedImage p strong,
body#VideoArchives div#FeaturedVideo p a,
body#ImageArchives div#FeaturedImage p a {
    font-size: 11px;
}

body#VideoArchives div#FeaturedVideo p.imageCredit,
body#ImageArchives div#FeaturedImage p.imageCredit {
    font-weight: 700;
    font-size: 11px;
    padding: 0 0 5px;
    margin: 3px 0;
}

body#VideoArchives div#FeaturedVideo ul li a,
body#ImageArchives div#FeaturedImage ul li a {
    font-weight: 700;
    color: #000;
}

body#VideoArchives div#FeaturedVideo h4,
body#ImageArchives div#FeaturedImage h4 {
    margin: 5px 0 0;
    color: #999;
    padding: 5px 5px 0;
}

body#VideoArchives div#FeaturedVideo h4+ul,
body#ImageArchives div#FeaturedImage h4+ul {
    padding: 0 5px 5px;
}

div#VideoArchivesNarrowHeader.MainSidebar ul,
div#ImageArchivesNarrowHeader.MainSidebar ul {
    color: #000;
}

div#FeaturedImage a.slideshowLink {
    font-weight: 700;
}

/* Newsletter management. */
div#NewsletterSubscriptions {
    margin: 10px;
}

#NewsletterSubscriptions #NewsletterSubscriptionsForm {
    padding: 1em;
}

#NewsletterSubscriptions ul {
    margin: 0 1em;
}

#NewsletterSubscriptions ul li {
    margin: .5em 0;
}

#NewsletterSubscriptions fieldset {
    border: 1px solid silver;
    padding: 5px;
}

#NewsletterSubscriptions fieldset legend {
    font-weight: 700;
}

/* Configurable email forms. */
div.EmailForm .errorField {
    background-color: #eee;
}

div.EmailForm strong.req {
    color: red;    /* required */
}

div.EmailForm div.formField {
    overflow: hidden;
    clear: both;
    margin: 5px 0;
    padding: 5px;
}

div.EmailForm div.formField div.error {
    float: left;
    display: block;
    width: 10em;
    padding: 0 5px;
    font-weight: 700;
}

div.EmailForm input[type=text],
div.EmailForm textarea,
div.EmailForm div.formInput {
    float: left;
    display: block;
    width: 25em;
}

div.EmailForm div.formInput {
    padding: 1px;
}

div.EmailForm div.formInput span.form-checkbox-input-wrapper,
div.EmailForm div.formInput span.form-radio-input-wrapper {
    display: block;
}

div.EmailForm input[type=text],
div.EmailForm textarea {
    border: 1px solid #000;
}

div.EmailForm label {
    float: left;
    display: block;
    width: 10em;
}

.MedRectAd {
    width: 300px;
    height: 250px;
    margin: 1em auto;
    text-align: center;
    line-height: 250px;
}

div#HeaderforCategoryorSection {
    line-height: 1
}

#HeaderforCategoryorSection h1 {
    font-size: 2em;
    font-weight: 700
}

#HeaderforCategoryorSection h1 a {
    color: #000
}

div#storyBody div.inlineAudio {
    width: 300px;
    margin: auto;
}

div#storyBody div.inlineAudio .inlineAudioCaption {
    float: left;
    font-size: 11px;
    color: #333;
}

div#storyBody div.inlineAudio .inlineAudioCredit {
    float: right;
    font-size: 10px;
    color: #999;
}

div.commentsHeader a.feedLink {
    color: transparent !important
}

/* Unsubscribe from comment threads */
div#UnsubscribeComment {
    margin: 10px;
}

#TwitterFeed li {
    margin: 1em 0;
    padding-left: 1em;
    text-indent: -1em;
}

#TwitterFeed li a.twitterTime {
    display: block;
    padding-left: 1em;
}

a.inlineEdit,
span.inlineEdit {
    font-family: Arial, Helvetica, Verdana, sans-serif !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    color: #888 !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

a.inlineEdit:hover,
span.inlineEdit:hover {
    color: red !important;
}

table.dnCalendarNavigation {
    background: #fff !important
}

td.dnCalendarNavButton {
    color: #222 !important
}

table.dnCalendarTable th,
table.dnCalendarTable col {
    background-color: #eee !important;
    font-weight: 700;
    text-align: center;
}

td.dnCalendarDate {
    color: #222 !important;
    text-decoration: none !important;
}

td.dnCalendarDateGray {
    color: #999 !important;
    font-weight: 400 !important;
}

table.dnCalendarNavigation select {
    font-size: 11px !important;
}

div.dnCalendar td.dnCalendarDateSelected {
    background-color: #111 !important;
    color: #fff !important;
}

span.commentCount {
    min-width: 12px;
    margin: 1px 3px 0;
    height: 11px;
    border-radius: 4px;
    position: relative;
    padding: 0px 3px 3px;
    display: inline-block;
    text-align: center;
    background: #555;
}

span.commentCount a {
    color: #fff !important;
    position: relative;
    font-size: 12px;
    font-weight: 700 !important;
    z-index: 10;
}

span.commentCount:after {
    content: " ";
    display: block;
    font-weight: 700 !important;
    position: absolute;
    font-size: 14px !important;
    right: 0px;
    top: 5px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #555;
}

div#MapSmallDirectionsForm label {
    font-weight: 700;
}

div#MapSmallDirectionsForm form {
    padding: 0
}

div#MapSmallDirectionsForm input.text {
    margin: 0;
    padding-left: 24px;
    max-width: none;
    width: 77%;
}

.error404 {
    padding: 15px;
}

/* -- Add styles to Staff member objects and comments -- */
div.memberListing.staff {
    border-left: 3px solid #d3222c;
}

.memberListing.staff .memberName {
    background: url(/apple-touch-icon-iphone.png) 100% center no-repeat;
    background-size: 15px;
    display: inline-block;
    padding-right: 20px;
}

div#SlideshowsBox,
div#GallerySidebarInsidePage {
    position: relative;
}

div#SlideshowsBox .galleryRow,
div#GallerySidebarInsidePage .galleryRow {
    text-align: center;
}

div#SlideshowsBox ul li {
    margin: 0;
}

div#SlideshowsBox .galleryRow div.slideshowItem {
    display: inline-block;
    width: 142px;
    vertical-align: text-top;
    margin: 5px 0;
    text-align: left;
}

div#GallerySidebarInsidePage .galleryRow div.slideshowItem {
    display: inline-block;
    width: 282px;
    vertical-align: text-top;
    margin: 5px 0;
    text-align: left;
}

div#SlideshowsBox .galleryRow div.slideshowItem+div.slideshowItem {
    margin-left: 10px;
}

div#SlideshowsBox .galleryRow div.slideshowItem a,
div#GallerySidebarInsidePage .galleryRow div.slideshowItem a {
    color: #000;
    font-weight: 700;
    line-height: 1.2;
}

div#SlideshowsBox .galleryRow div.slideshowItem a img,
div#GallerySidebarInsidePage .galleryRow div.slideshowItem a img {
    margin-bottom: 3px;
    border: 1px solid transparent;
    transition: all ease .05s;
}

div#SlideshowsBox .galleryRow div.slideshowItem a:hover,
div#GallerySidebarInsidePage .galleryRow div.slideshowItem a:hover {
    color: #777;
}

div#SlideshowsBox .galleryRow div.slideshowItem a:hover img,
div#GallerySidebarInsidePage .galleryRow div.slideshowItem a:hover img {
    border-color: #999;
    opacity: .95;
}

div#SlideshowsBox .moreLinks,
div#GallerySidebarInsidePage .moreLinks {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

div#SlideshowsBox .moreLinks ul,
div#GallerySidebarInsidePage .moreLinks ul {
    padding-bottom: 0;
}

div#SlideshowsBox .moreLinks a {
    color: #666;
}

div#SlideshowsBox .moreLinks a:after,
div#GallerySidebarInsidePage .moreLinks a:after {
    content: "\000BB";
    color: #999;
    font-weight: 700;
}

div#GallerySidebarInsidePage .moreLinks a {
    color: #666;
}

div#SlideshowsBox .headerBar {
    margin-bottom: 15px;
}

div#SlideshowsBox .galleryViewPort {
    position: relative;
    height: 380px;
    overflow: hidden;
}

div#GallerySidebarInsidePage .galleryViewPort {
    position: relative;
    height: 615px;
    overflow: hidden;
}

div#SlideshowsBox .galleryControls a,
div#GallerySidebarInsidePage .galleryControls a {
    transition: all ease-in .1s;
    position: absolute;
    left: calc(50% - 15px);
    display: block;
    width: 30px;
    height: 27px;
    padding: 3px 0 0;
    border-radius: 100%;
    line-height: 1;
    text-align: center;
    background: rgba(211, 34, 44, .99);
    color: #fff;
    box-shadow: 0px 0px 2px 1px #fff;
    font-weight: 700;
    font-family: Impact;
    font-size: 21px;
    outline: 0 none;
    opacity: 0;
}

body#Slideshow div#GallerySidebarInsidePage .galleryControls a {
    box-shadow: 0px 0px 2px 1px #fff;
    background: rgba(211, 34, 44, .99);
}

div#SlideshowsBox:hover .galleryControls a,
div#GallerySidebarInsidePage:hover .galleryControls a {
    opacity: 1;
}

div#SlideshowsBox .galleryControls a:hover,
div#GallerySidebarInsidePage .galleryControls a:hover,
body#Slideshow div#GallerySidebarInsidePage .galleryControls a:hover {
    background: rgba(33, 33, 33, .93);
}

div#SlideshowsBox:hover .galleryControls a.disabled,
div#GallerySidebarInsidePage:hover .galleryControls a.disabled {
    opacity: .3;
    cursor: default;
    color: #999;
    background: rgba(3, 3, 3, .33);
}

div#SlideshowsBox .galleryControls a.prevButton,
div#GallerySidebarInsidePage .galleryControls a.prevButton {
    top: 40px;
}

div#SlideshowsBox .galleryControls a.nextButton,
div#GallerySidebarInsidePage .galleryControls a.nextButton {
    bottom: 40px;
}

div#SlideshowsBox-slideshowItem-1,
div#GallerySidebarInsidePage-slideshowItem-1 {
    margin-top: 0;
}

/* Slideshow Social Buttons */
#ToolBarSlideshow a:hover {
    opacity: .7;
}

#ToolBarSlideshow div.l0 {
    width: auto !important;
    float: left !important;
}

#FacebookNonJavascript,
#TwitterWebIntent,
#Google1NonJavascript,
#RedditNonJavascript,
#Emailmailto,
#FacebookDynamic,
#TwitterDynamic,
#Google1Dynamic,
#RedditDynamic,
#EmailDynamic {
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

#FacebookNonJavascript,
#FacebookDynamic {
    background-image: url("/images/mobile/social-facebook.png")
}

#TwitterWebIntent,
#TwitterDynamic {
    background-image: url("/images/mobile/social-twitter.png")
}

#Google1NonJavascript,
#Google1Dynamic {
    background-image: url("/images/mobile/social-google-plus.png")
}

#RedditNonJavascript,
#RedditDynamic {
    background-image: url("/images/mobile/social-reddit.png")
}

#Emailmailto,
#EmailDynamic {
    background-image: url("/images/mobile/social-email.png")
}

.slideshowDesc {
    margin: 15px 0;
    color: #404040;
    line-height: 1.6em;
    text-align: left;
    font-size: 1.1em;
}

div#SlideshowFullPageNew .date {
    color: #6C5D44;
    font-size: 11px;
}

div#SlideshowFullPageNew  .credit {
    color: #C0C0C0;
    font-size: 0.7em;
    text-align: right;
}

body#Slideshow div.slideshowPrevNext {
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    margin: 10px auto;
    width: 300px;
    height: 40px;
    clear: both;
}

body#Slideshow div.slideshowCount {
    text-align: center;
}

div#SlideshowFullPageNew .slideImgWrapper {
    margin: 10px auto 0;
}

.slideOverlay {
    z-index: 1000001;
}

/* === Inline Connections === */
div.connection {
    margin: 1em auto;
    width: 100%;
    border-bottom: 1px solid #CCC;
    padding-bottom: 0.5em;
    font-size: 12px;
}

div.connection::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

div.connection>a {
    color: #111;
}

div.connection h5 {
    font-weight: bold;
    text-decoration: none;
    margin: 0.5em 0;
    font-size: 17px;
    border-bottom: 1px solid #CCC;
    line-height: 1em;
    padding-bottom: 0.25em;
}

div.connection h5 a {
    color: #666;
}

div.connection h5 span.typeHeader {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
}

div.connection.slideshow h5 span.typeHeader {
    font-size: 0.75em
}

/* Stack headers for Location, Event, Film, and Poll */
div.connection.location h5 span.typeHeader,
div.connection.event h5 span.typeHeader,
div.connection.film h5 span.typeHeader,
div.connection.poll h5 span.typeHeader {
    display: block;
}

/* Add a colon to the header prefix for non-stacked */
div.connection.content h5 span.typeHeader::after {
    content: ":";
}

/* Connection Content */
div.connection.content img {
    float: left;
    margin: 0 0.5em 0 0;
}

div.connection.content a div.subHeadline,
div.connection.content a div.summary {
    color: #000;
    font-weight: normal;
}

div.connection.content a div.author,
div.connection.content a div.category {
    color: #667;
    font-weight: normal;
}

/* content adjustments */
.content.connection {
    border: none;
    padding: 0 2em;
    box-sizing: border-box;
}

.content.connection h5,
#storyBody .content.connection h5 {
    border: none;
    margin: .5em 0;
    padding: 0;
    font-size: 14px;
}

.content.connection h5 a:hover .subHeadline,
.content.connection h5 .subHeadline:hover {
    color: inherit;
}

.content.connection h5 .subHeadline {
    font-weight: 400;
    color: #676767;
}

.content.connection h5+* {
    display: none;
}

/* Connection Slideshows */
div.slideshow.connection a.leadImage {
    width: 100%; /* override this value to accommodate different column widths */
    height: auto;
    background-color: #333;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 5px 0;
    float: left;
    position: relative;
    overflow: hidden;
}

div.slideshow.connection a.leadImage img {
    height: 100%;
    width: auto;
    display: block;
    object-fit: contain;
    margin: 0 auto;
}

div.slideshow.connection a.leadImage span.count {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 53%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(53%, rgba(0, 0, 0, 0.06)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 53%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 53%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 53%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.06) 53%, rgba(0, 0, 0, 1) 100%);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: auto;
}

div.slideshow.connection a.leadImage span.count::before {
    content: "";
    display: block;
    padding-top: 100%;
}

div.slideshow.connection a.leadImage span.count-inner {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
}

div.slideshow.connection div.thumbnails {
    margin: 0 0 5px;
    float: left;
    width: 100%;
}

div.slideshow.connection div.thumbnails a {
    display: block;
}

div.slideshow.connection div.thumbnails a:nth-child(n+7) {
    display: none;
}

div.slideshow.connection div.thumbnails img {
    float: left;
    margin: 0;
    width: calc(100%/6 - 5px);
    height: auto;
}

div.slideshow.connection div.thumbnails a:nth-child(n+1):nth-child(-n+5) img {
    margin-right: 6px;
}

div.slideshow.connection div.caption {
    text-align: center;
    clear: both;
    margin: .15em 0 0;
}

div.slideshow.connection div.slideshowLink a {
    color: #fff !important;
    background-color: #667;
    padding: 8px 8px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 1em;
    display: inline-block;
    margin: 0.5em auto;
}

div.slideshow.connection div.caption .summary,
.slideshow.connection h5 .title {
    display: none;
}

div.slideshow.connection .caption .title {
    font-size: 17px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

div.slideshow.connection .caption .title a {
    color: #000;
}

/* Connection Event Location */
div.event.connection div.infoImage,
div.location.connection div.infoImage {
    width: 60%;
    float: left;
}

div.event.connection div.infoImage img,
div.location.connection div.infoImage img {
    float: left;
    max-width: calc(50% - 0.5em);
    margin: 0 0.5em 0 0;
    height: auto;
}

div.event.connection div.info,
div.location.connection div.info {
    float: left;
    width: calc(50% - 0.5em);
}

div.event.connection div.info > div,
div.location.connection div.info > div {
    margin: 0 0 0.5em 0;
}

div.event.connection.noImage div.info,
div.location.connection.noImage div.info {
    float: left;
    width: 100%;
}

div.event.connection a div.info,
div.location.connection a div.info {
    color: initial;
    font-weight: initial;
    line-height: 1.25em;
}

div.event.connection div.locationName {
    font-weight: bold;
}

div.location.connection .hours,
div.event.connection div.time {
    font-style: italic;
}

div.location.connection div.locationCategory,
div.event.connection div.eventCategory,
div.location.connection div.url,
div.event.connection div.url {
    color: #666;
}

div.location.connection .map,
div.event.connection .map {
    line-height: 1em;
    padding-bottom: 0.25em;
    float: right;
    width: calc(40% - 1px);
    height: 150px;
    margin: 0;
}

.connection .altMapLink {
    opacity: 0;
    display: none
}

/* Connection Film */
div.film.connection div.image {
    float: left;
}

div.film.connection div.image a {
    float: left;
}

div.film.connection div.image img {
    float: left;
    margin: 0 0.5em 0 0;
}

div.film.connection a div.info {
    color: initial;
    font-weight: initial;
    line-height: 1.25em;
}

div.film.connection div.info > div {
    margin: 0 0 0.5em 0;
}

div.film.connection div.info > div.rating {
    margin-bottom: 0;
}

div.film.connection div.rating {
    display: inline-block;
}

div.film.connection div.rating > div {
    float: left;
}

div.film.connection div.rating div.ratingHeader {
    margin-right: 0.5em;
}

div.film.connection div.rating,
div.film.connection div.filmMetaData,
div.film.connection div.genre,
div.film.connection div.url {
    color: #666;
}

/* Connection Poll */
div.poll.connection li.pollItem,
div#storyBody div.poll.connection li.pollItem {
    margin: 0.5em 0;
    list-style: none;
}

.poll.connection .image img {
    float: right;
}

div.poll.connection ul {
    margin: 0;
    padding: 1px;
}

div.poll.connection input[type=submit] {
    display: block;
    margin: 0.5em auto;
    clear: both;
    color: #fff;
    font-weight: bold;
    background-color: #667;
    padding: 8px 8px 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

div.poll.connection a.results {
    text-align: center;
    display: block;
    font-weight: normal;
}

/* === End Inline Connections === */
.inlineComponent.inlineLeft {
    float: left;
    margin: .25em 10px .25em 0;
}

.inlineComponent.inlineRight {
    float: right;
    margin: .25em 0 .25em 10px;
}

.inlineComponent.inlineCenter {
    margin: .5em auto;
    text-align: center;
}

.inlineComponent.inlineCenter div {
    margin: auto;
}

.socialLogInHolder a {
    color: #000;
}

/* -- Global Drop Cap Style -- */
.fdnDropCap {
    display: block;
    float: left;
    font-size: 5em;
    margin: 20px 10px;
    font-weight: 700;
    line-height: 0.5em;
}

#Location #MagnumImage>div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 0;
}

#Location #MagnumImage img {
    order: 1;
}

#Location #MagnumImage .credit {
    order: 3;
    font-size: 11px;
}

#Location #MagnumImage .caption {
    order: 2;
    font-size: 12px;
}

#Location #MagnumImage .credit+.caption::after {
    content: ", ";
    font-size: 12px;
    margin: 0 3px 0 -3px;
}

#Location #MagnumImage .credit,
#Location #MagnumImage .caption {
    display: inline-block;
    margin: 0;
    text-transform: none;
}
/* user image upload styles */
#LocationPhotos {
  margin: 1em 0;
  clear: both;
}

#LocationPhotos::after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

.Profile ul#profileLocationImages {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#LocationPhotos ul {
  font-size: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#LocationPhotos ul li {
  margin: 0 3px 15px;
  width: 200px;
}

.Profile ul#profileLocationImages  li {
  width: 110px;
  margin: 0 5px 10px;
}

.Profile a[rel="RecentLocationImages_imgGroup"] {
  width: 110px;
  height: 110px;
  display: inline-block;
  vertical-align: text-top;
  position: relative;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-align: center;
  background-color: #333;
}

#LocationPhotos ul li>a[rel] {
  width: 200px;
  height: 200px;
  display: inline-block;
  vertical-align: text-top;
  position: relative;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-align: center;
  background-color: #333;
}

.Profile li span.credits,
#LocationPhotos span.credits {
  display: block;
  margin: 4px 0 0;
  word-wrap: break-word;
}

.Profile li span.credits {
  font-size: 10px
}

div#EmbeddedSidebar .imgCredit,
#LocationPhotos span.credits .imgCredit {
  display: block;
  text-align: right;
  font-size: 11px;
  margin: 0;
  line-height: 1.15;
  color: #898989;
}

div#EmbeddedSidebar .imgCaption,
#LocationPhotos span.credits .imgCaption {
  display: block;
  text-align: left;
  font-size: 12px;
  margin: 3px 0 0;
  line-height: 1.15;
  color: #343434;
}

li.uploadedImg_staff {
}

li.uploadedImg_public {
}

li.uploadedImg_public.imageStatus_pending_review,
li.uploadedImg_public.imageStatus_offline {
  position: relative;
}

.Profile ul#profileLocationImages a.pendingLink,
#LocationPhotos a.pendingLink {
  position: absolute;
  font-size: 12px;
  padding: 3px 5px;
  color: #ff0099;
  font-weight: 700;
  z-index: 3;
  top: 0;
  background: rgba(7, 5, 106, 0.6);
  right: 0;
  transition: ease 95ms;
}

.Profile ul#profileLocationImages a.pendingLink:hover,
#LocationPhotos a.pendingLink:hover {
  background: rgba(7, 5, 106, 0.8);
  color: #fff;
}

li.uploadedImg_public.imageStatus_offline img {
  opacity: .77;
}

li.uploadedImg_public.imageStatus_offline::before {
  content: "Offline";
  position: absolute;
  font-size: 12px;
  padding: 3px 5px;
  color: #999;
  font-weight: 700;
  z-index: 3;
  top: 0;
  background: rgba(221, 1, 1, .5);
  right: 0;
}

.Profile a[rel="RecentLocationImages_imgGroup"] img,
#LocationPhotos ul li img {
  height: 100%;
  object-fit: contain;
}

.Profile a[rel="RecentLocationImages_imgGroup"] img {
  max-width: 100%;
}

#LocationPhotos #imageUploadButton {
  text-align: right;
}

a#linkToPhotos {
  float: right;
  font-size: 12px;
  margin: 5px 0 10px;
  color: #656565;
  border: 1px solid #ddd;
  padding: 1px 3px;
  border-radius: 4px;
  transition: all linear 55ms;
}

a#linkToPhotos::after {
  clear: both;
  height: 0;
  content: " ";
  display: block;
  text-indent: -9999em;
}

input#addImageLink,
#LocationPhotos #imageUploadButton a,
.imageUploadBtn {
  font-size: 0.9em;
  font-weight: bold;
  color: #555;
  border-radius: 4px;
  padding: 4px 4px 4px 23px;
  background: url(/images/icons/features-icon_image.png) 5px center no-repeat #f6f6f6;
  background-size: 13px;
  border: none;
  box-shadow: 2px 1px 2px 1px #555, inset 2px -1px 5px 0px #999;
  cursor: pointer;
  transition: all linear 55ms;
  outline: none;
}

input#addImageLink:hover,
#LocationPhotos #imageUploadButton a:hover,
.imageUploadBtn:hover {
  box-shadow: 2px 1px 2px 1px #222, inset 2px -1px 5px 0px #777;
  color: #900;
}

a#linkToPhotos:hover {
  border-color: #232323;
  color: #900
}

a.imageUploadBtn {
  font-size: .7em;
  text-align: center;
  margin: auto;
  clear: both;
  display: block;
  width: 132px;
  box-sizing: border-box;
}

.Sidebar  a.imageUploadBtn {
  margin-top: 10px;
}

div#editAdPhotoLayout {
  margin: 0 0 20px;
}

#editAdPhotoLayout div.imageEditItem .imgRemoveLink a {
  text-decoration: none;
  padding: 2px !important;
  position: relative;
  top: 0 !important;
  left: 10px !important;
  color: #900 !important;
  background: none !important;
  font-size: 10px;
}

#editAdPhotoLayout div.imageEditItem .imgRemoveLink a::before {
  content: "X ";
  font-size: 12px;
  color: #900 !important;
  font-weight: 700;
}

#editAdPhotoLayout div.imageEditItem .imgRemoveLink a:hover::before,
#editAdPhotoLayout div.imageEditItem .imgRemoveLink a:hover {
  background: #900 !important;
  color: #fff !important
}

#editAdPhotoLayout div.imageEditItem+.imageEditItem {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #888;
  box-sizing: content-box !important;
}
/* Begin Infobox Connection Styles */
.connection.infoBox {
    padding: 8px;
    box-sizing: border-box;
    border: 1px dotted #ddd;
    color: #444;
    line-height: 1.33;
    text-align: left;
    font-size:.95em;
    border-radius: 2px;
    box-shadow: 0px 0px 3px 1px #ccc;
}
.connection.infoBox.Right{
  width: 220px;
  float: right;
  margin:5px 0 1em 15px;
}
.connection.infoBox.Left{
  width: 220px;
  float: left;
  margin: 5px 15px 1em 0;
}
.connection.infoBox.Center {
  width: calc(100% - 100px);
}
.connection.infoBox ul li{
  text-align: left;
  list-style: disc outside none;
  margin:10px 5px 0 15px;
}
.connection.infoBox ol li{
  text-align:left;
  list-style: decimal outside none;
  margin:10px 5px 0 15px;
}
.connection.infoBox ul,
.connection.infoBox ol {
  margin:0 0 10px;
}
.connection.infoBox p:first-child {
  margin-top: 0;
}
.connection.infoBox a {
  font-weight: 700;
  color:#777;
}
.connection.infoBox a:hover{
  opacity: .88;
  text-decoration: underline;
}
/* End Infobox Connection Styles */

/* Begin Infobox Connection Styles */
.connection.infoBox {
    padding: 8px;
    box-sizing: border-box;
    border: 1px dotted #ddd;
    color: #444;
    line-height: 1.33;
    text-align: left;
    font-size:.95em;
    border-radius: 2px;
    box-shadow: 0px 0px 3px 1px #ccc;
}
.connection.infoBox.Right{
  width: 220px;
  float: right;
  margin:5px 0 1em 15px;
}
.connection.infoBox.Left{
  width: 220px;
  float: left;
  margin: 5px 15px 1em 0;
}
.connection.infoBox.Center {
  width: calc(100% - 100px);
}
.connection.infoBox ul li{
  text-align: left;
  list-style: disc outside none;
  margin:10px 5px 0 15px;
}
.connection.infoBox ol li{
  text-align:left;
  list-style: decimal outside none;
  margin:10px 5px 0 15px;
}
.connection.infoBox ul,
.connection.infoBox ol {
  margin:0 0 10px;
}
.connection.infoBox p:first-child {
  margin-top: 0;
}
.connection.infoBox a {
  font-weight: 700;
  color:#777;
}
.connection.infoBox a:hover{
  opacity: .88;
  text-decoration: underline;
}
/* End Infobox Connection Styles */