/* --- North Coast components.css -- ### 4957 Lines ###  - */

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

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

/*                                                                                 */

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

/*                                                                                 */

/*                                                                                 */

/* ------------------------------------------------------------------------------- */
div.MainColumn .briefOnly {
  display: none;
}

div.MainSidebar .longOnly {
  display: none;
}

div.AdSidebar .longOnly {
  display: none;
}

div#gridHeader,
div#gridMain {
  background-color: #fff !important;
}

div#gridCloser {
  clear: both;
}

.longOnly span.date {
  display: none;
}

/* ------ Home Page Zone Changes ------ */
body#Home div#gridFrame,
body#Home div#gridColumnContainer {
  width: 650px !important;
}

body#Home div#gridMainColumn {
  width: 465px !important;
  padding-right: 10px;
  margin-right: 8px;
  border-right: 2px dotted #DFEBEB;
}

body#Home div#gridFrame {
  margin-right: 0 !important;
}

body#Home div#gridRightColumn {
  width: 305px !important;
  padding-left: 5px;
  margin: 10px 8px 10px 0;
  border-left: 2px dotted #DFEBEB;
}

body#Home div#gridSpanningIsland {
  background: #fff !important;
  border: 0 none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

div.SpanningIsland.Home {
  border: 2px solid #dfebeb;
  border-width: 0 0 2px !important;
  padding-bottom: 10px !important;
}

div.SpanningIsland.Home.Ad {
  padding-bottom: 0 !important;/* Prevent empty ads from using space. */
}

.Ad .placeholder table {
  text-align: left;
}

div.SpanningIsland .tabBody,
#TabbedPopularity .tabBody {
  text-align: right !important;
}

div.SpanningIsland .tabBody ul,
#TabbedPopularity .tabBody ul {
  text-align: left !important;
  margin-bottom: 5px;
}

.SpanningIsland {
  margin-bottom: 15px;
}

body.SlideshowPopUp div#gridMain {
  background: #eee;
}

body.SlideshowPopUp div#gridRightColumn {
  margin: 10px 10px 10px 0;
}

body.SlideshowPopUp div#gridMainColumn {
  margin: 10px 5px 10px 10px;
}

body.Karnak6Zone div#gridMain {
  background: #eee;
}

body.Karnak6Zone div#gridMainColumn {
  width: 616px;
  border-right: 2px dotted #DFEBEB;
  margin: 5px 0 10px;
  padding-right: 23px;
}

body#Location.Karnak6Zone div#gridMainColumn {
  margin-top: 10px !important;
}

body.Karnak6Zone div#gridRightColumn {
  margin: 5px 0 10px;
}

body#Event.Karnak6Zone div#gridRightColumn {
  margin-top: 10px !important;
}

body.Iapetus10Zone div#gridFrame {
  margin: 5px 0 10px !important;
  width: 640px;
}

body.Iapetus10Zone div#gridSpanningFeature {
  border-right: 2px dotted #DFEBEB;
  padding-right: 18px;
}

body.Iapetus10Zone div#gridRightColumn {
  margin: 5px 0 10px !important;
}

body#MovieTimes div#gridFrame {
  margin-bottom: 20px;
}

/* --- Other Grid Tweaks --- */
body.Amelia7Zone div#gridFrame {
  width: 670px !important;
  margin: 10px 10px 10px 0 !important;
}

body.Amelia7Zone div#gridRightSidebarTop {
  margin: 10px 0 0 !important;
}

div.MainColumn p.issueInfo {
  padding: 0 0 4px;
  margin: 0 0 20px;
  border-bottom: 1px solid #000;
  text-align: left;
  font-family: "Trebuchet MS";
  font-weight: 400;
  font-size: 9px;
  color: #000;
  letter-spacing: 1px;
}

div.MainColumn p.issueInfo .date {
  float: right;
  width: 140px;
  height: 13px;
  text-align: right;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
}

div.MainColumn p.issueInfo a {
  text-decoration: none;
  color: #000;
}

div.MainColumn h1 {
  font-size: 32px;
  margin: 0;
}

div.MainColumn h2 {
  font-size: 22px;
  font-family: Georgia, "Times New Roman", serif;
  color: #777;
  text-transform: lowercase;
}

h2.teaserSection {
  border-top: 0 none !important;
  padding-top: 0 !important;
}

div.MainColumn h2 a {
  color: #000;
}

div.MainColumn img.magnum {
  display: block;
  padding: 2px 0;
  margin: 20px 0 0;
  border: 1px solid #000;
  border-width: 1px 0;
}

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

div.MainColumn .magnumInfo {
  margin: 9px 0 0;
  color: #000;
}

div.MainColumn .magnumInfo .credit {
  margin: 0 0 3px 5px;
  text-align: right;
  float: right;
  font-size: 9px;
}

div.MainColumn .magnumInfo .caption {
  text-align: left;
  font-style: italic;
  font-size: 11px;
}

div.MainColumn div.storyHead {
  margin: 0 0 2px;
}

body#Page div.MainColumn div.storyHead {
  margin: 0;
}

div#Story,
div#StoryLayoutJr {
  padding: 20px;
}

/* -- default styles for basic elements within content/posts -- */
#storyBody>h1,
#storyBody>h2,
#storyBody>h3,
#storyBody>h4,
#storyBody>h5,
#storyBody>h6,
.postBody>h1,
.postBody>h2,
.postBody>h3,
.postBody>h4,
.postBody>h5,
.postBody>h6,
.descr_txt>h1,
.descr_txt>h2,
.descr_txt>h3,
.descr_txt>h4,
.descr_txt>h5,
.descr_txt>h6 {
  margin: 1.12em 0;
  line-height: 1.2;
}

#storyBody h1,
.postBody h1,
.descr_txt h1 {
  font-weight: 700;
  color: #101010;
  font-size: 1.63em
}

#storyBody h2,
.postBody h2,
.descr_txt h2 {
  font-weight: 700;
  color: #111;
  font-size: 1.55em;
}

div#storyBody> ul,
div#storyBody>ol,
.postBody>ul,
.postBody>ol,
.descr_txt ul,
.descr_txt ol {
  margin: 1.12em;
}

div#storyBody> ul li,
.postBody>ul li,
.descr_txt>ul li {
  list-style: disc inside none;
}

div#storyBody>ol li,
.postBody>ol li,
.descr_txt ol li {
  list-style: decimal inside none;
}

div#storyBody h3,
.postBody h3,
.descr_txt h3 {
  font-weight: 700;
  font-size: 1.4em;
  color: #222;
}

div#storyBody h4,
.postBody h4,
.descr_txt h4 {
  font-weight: 700;
  font-size: 1.1em;
  color: #333;
}

div#storyBody blockquote,
.postBody blockquote,
.descr_txt blockquote {
  padding: 6px 10px;
  margin: 10px 20px;
  overflow: hidden;
  font-family: Georgia, serif;
  border-left: 3px solid #ddd;
  padding-left: 7px;
  text-align: justify;
  font-size: 1.1em;
  box-shadow: -5px 0px 3px -1px #999;
  line-height: 1.5em;
  color: #111;
  border-radius: 4px;
  background: #fcfcfc;
  clear: both;
}

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

.postBody hr,
#storyBody hr,
.descr_txt hr {
  margin: 9px 0 10px;
  border-width: 1px 0 0;
  display: block;
  border-style: solid;
  border-color: #ccc;
}

div[class*='contentImage'] {
  margin-top: 5px;
  margin-bottom: 5px;
}

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%;
}

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

div#EmbeddedSidebar {
  float: right;
  width: 160px;
  margin-left: 10px;
}

body#Content div#storyBody div + p {
  margin-top: 0;
}

div.descr_txt {
  margin: 5px 0;
}

li.l0.vcard li.locationRating a {
  color: #999;
}

div.EventListing,
div.locationListing,
div.archiveListing {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
  color: #000;
}

div.movietimesListing {
  padding: 10px;
  border-top: 1px solid #000;
  color: #000;
}

div.movietimesListing strong a {
  font-size: 14px;
  color: #333;
}

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

div.EventListing h3,
div.locationListing h3,
div.movietimesListing h3,
div.locationListing h4 {
  font-size: 17px;
  color: #000;
  font-family: Georgia, "Times New Roman", serif;
}

div.locationListing h4 a {
    font-size: 20px;
}

div.locationListing .tags {
    font-size: 13px;
    margin: 5px 0 0;
}
.locationListing .descripTxt {
    color: #444;
    font-size: 13px;
    margin: 5px 0 0;
    line-height: 1.3;
}
ul.results-container .locationListing:first-child{
  padding-top: 0;
}

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

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

div.EventListing a,
div.locationListing a,
div.movietimesListing a,
div.archiveListing a {
  text-decoration: none;
}

div.EventListing .locationLabel a {
  color: #699e9e;
  font-weight: 700;
}

div.EventListing .tags a,
div.locationListing .tags a,
div.movietimesListing .tags a,
div.locationListing .tags a,
div.EventListing .eventCategories a {
  color: #999;
}

div.MainColumn div.locationListing p.tags {
  padding: 0;
  border: 0;
}

div.locationListing img.locationListingImg {
  float: right;
  margin: 0 0 10px 8px;
}

ul.filmTimes {
  float: right;
  font-size: .9em;
  line-height: 1.15em;
  width: 280px;
}

ul.filmTimes span.filmDate {
  font-weight: 700;
}

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 {
  font: 12px Arial, Helvetica, sans-serif;
  color: #000;
}

div.EventDetails div.locationListing {
  padding-left: 0;
}

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.listingTools {
  background: #eee;
  float: right;
  font-size: 10px;
  line-height: 1em;
  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 {
  background: #eee;
  background-repeat: no-repeat;
  display: block;
  padding: 4px;
}

p.filmShortDetails {
  margin-top: 0;
}

p.filmMetaInfo {
  font-size: .8em;
  background: #eee;
  padding: 10px;
}

div.filmShortReview {
  margin: 0;
}

div.filmShortReview p {
  margin: 5px 0;
  overflow: hidden;
}

div.filmShortReview p +a {
  clear: both;
  display: block;
}

div.filmShortReview span.byline {
  font-style: italic;
  display: block;
  margin-bottom: 15px;
  text-align: right;
}

.fullReviewRefer span {
  color: #777;
  display: block;
  font-size: 14px;
  margin: 0 0 5px;
  font-family: Georgia, serif;
}

.fullReviewRefer a img {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  border: none;
}

.fullReviewRefer h4 a {
  margin: 0 0 2px;
  overflow: hidden;
  font-weight: 700;
  color: #000;
}

div#FilmTools {
  margin: 10px 0 5px 5px;
}

div#FilmCredits,
div#FilmReview {
  overflow: hidden;
}

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

.filmMetaInfo {
  background: #DFEBEB;
  padding: 5px;
}

.filmMetaInfo a {
  color: #d61100;
}

.filmMetaInfo span.filmCreditsTitle a {
  color: #000;
  font-size: 15px;
}

/* xxx Pulled these styles in from inline of SearchResults, but not sure of their effect yet. xxx */
.dynToolsLink {
  background-position: center right;
  background-repeat: no-repeat;
}

.dynToolsLink a {
  text-decoration: underline;
  cursor: pointer;
}

.ajPop {
  margin: 4px;
  line-height: normal;
}

div.listingTools .ajPopCont {
  height: 0;
  overflow: hidden;
  border: 0 solid #000;
  background-color: #eee;
  padding: 0;
}

div.listingTools .ajPop a,
div.tinyTools ul li.l0 .toolsInner a {
  text-decoration: none;
  background: none;
  padding: 0;
  display: inline;
}

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;
}

div.tinyTools div.togglePanel {
  padding: 0;
}

.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;
}

.listList a {
  font-size: 12px;
}

.listList {
  font-size: 11px;
  margin-bottom: 10px;
}

.listBoxHeader {
  font-family: "Trebuchet MS";
  font-size: 11px;
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
  margin-bottom: 4px;
}

.newListBox {
  font-size: 11px;
}

/* Horizontal Tools Layout */
ul.horizontalTools {
  background: #eee;
  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;
  background: #eee;
}

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

.toolsInner {
  width: 200px;
}

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

div.MainColumn p.tags {
  padding: 5px;
  margin: 0;
  font-size: 90%;
  background: #dfebeb;
}

#StoryTags {
  margin-bottom: 10px;
}

div.MainSidebar,
div.LeftSidebar {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

div.MainSidebar h3,
div.LeftSidebar h3 {
  font-size: 15px;
  padding: 7px;
  color: #000;
  font-family: Georgia, serif;
}

div.subtractiveSelections {
  padding-top: 5px !important;
}

div.LeftSidebar ul {
  padding: 10px;
  color: #000;
}

div.MainSidebar li.l0 + li.l0,
div.LeftSidebar li.l0 + li.l0 {
  margin-top: 1px;
  padding-top: 4px;
}

div.MainSidebar li.l0 ul,
div.LeftSidebar li.l0 ul {
  padding: 0;
  margin: 4px 0 0;
}

div.MainSidebar h4,
div.MainSidebar h4.headline,
div.MainSidebar h4.headline a,
div.LeftSidebar h4,
div.LeftSidebar h4.headline,
div.LeftSidebar h4.headline a {
  font-weight: 400;
  font-size: 14px;
  color: #000;
}

div#SectionBlogsByTopic.MainSidebar h4,
div#SectionBlogsByTopic.MainSidebar h4 a {
  font-size: 16px !important;
}

div.MainSidbar h4.headline a {
  color: #000;
}

/* Keep floats contained. */
div.MainSidebar li.l0,
div.LeftSidebar li.l0 {
  clear: both;
}

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

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

div.MainSidebar .storyItem .byline {
  display: block;
}

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

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

div.MainSidebar select {
  width: 90%;
}

#gridFooter div.headerBar,
body#Home div.headerBar,
div#TabbedPopularity div.headerBar,
#EventCalendar div.headerBar,
#SocialMedia div.headerBar,
#NewsWatch .headerBar {
  padding: 3px 1px 1px 50px !important;
  height: 26px;
  background: url(/images/icons/ncjLogo.jpg) no-repeat 1px 4px transparent !important;
  text-align: left !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px !important;
  margin: 0 0 15px;
}

body#Home div.headerBar h2,
div#TabbedPopularity div.headerBar h2,
#EventCalendar div.headerBar h2,
#SocialMedia div.headerBar h2,
#NewsWatch .headerBar h2 {
  font-size: 25px;
  border: none !important;
}

div.headerBar {
  padding: 3px 1px 1px;
  height: 26px;
  text-align: left !important;
  font-family: Georgia, "Times New Roman", serif;
  margin: 0;
}

div.headerBar h2 {
  font-size: 22px;
  color: #777;
  border-bottom: 1px solid #DFEBEB;
  padding-bottom: 2px;
  display: block;
  font-family: Georgia, serif;
  margin-bottom: 10px;
  text-transform: lowercase;
  font-weight: 400;
  color: #777;
}

div.headerBar h2 a {
  color: #777;
}

.column_item {
  margin-bottom: 10px;
}

ul.moduleList,
#RelatedStories>ul {
  color: #000;
  font-size: 11px;
  margin-bottom: 0;
}

div#RelatedStories .archiveImage {
  float: left;
  margin: 0 10px 0 0;
}

div#RelatedStories .teaserItem {
  overflow: hidden;
  margin: 0 0 10px;
}

div#RelatedStories .teaserItem:last-of-type {
  margin: 0;
}

ul#nearbyContent.moduleList li {
  margin: 5px 0 0;
  padding-bottom: 2px;
}

div.LeftSidebar ul.moduleList {
  padding: 0 10px;
}

ul.moduleList li.l0 + li.l0,
#RelatedStories>ul li.l0 + li.l0 {
  margin-top: 5px;
  padding-top: 5px;
}
#RelatedStories>ul li.storyItem{
  clear: none;
}
ul.moduleList li.l0 ul {
  padding: 0;
  margin: 2px 0 0;
}

ul.moduleList h4,
ul.moduleList h4.headline,
ul.moduleList h4.headline a {
  font-size: 17px;
  margin-top: 0;
}

ul.moduleList h4.headline a {
  color: #000;
  text-decoration: none;
}

ul.moduleList h5 {
  font-size: 12px;
  color: #777;
  font-family: Georgia, "Times New Roman", serif;
}

ul.moduleList li.l0 + li.l0 {
  padding-top: 0;
}

.SpanningIsland .moduleList li:last-of-type {
  text-align: right;
}

div.MainSidebar:after,
div.LeftSidebar: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 .storyItem .byline {
  display: block;
  color: #999;
}

ul li.storyItem img.storyImg {
  float: right;
  width: 50px;
  margin: 0 0 5px 5px;
}

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

ul.moduleList a.memberThumb img {
  width: 35px;
}

div.LeftSidebar ul.narrowOptions {
  padding: 5px 0 0 10px;
  margin: 3px 0 15px;
  border-left: 1px solid #000;
}

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

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

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

ul.narrowOptions li.flyout_link_parent {
  margin-top: 10px;
}

ul.narrowOptions li a.flyout_link {
  font-weight: 700;
}

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.LeftSidebar li.narrowWithForm ul.narrowOptions {
  padding-left: 0;
  border: none;
}

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

div.LeftSidebar select {
  max-width: 120px;
}

div.searchedFor,
#MovieTimes div#NowPlaying h1,
body#VideoArchives div#SearchResults h1,
body#ImageArchives div#ImageSearchResults h1,
div#CommentSearchResults h1 {
  background: #699e9e;
  clear: both;
  color: #fff;
  font-size: 14px;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1em;
  margin: 0;
  padding: 8px 10px 9px;
  text-align: left;
}

#BestOf div.searchedFor {
  text-align: center;
  font-size: 22px;
  margin: 0 auto 10px;
}

body#BestOf div#gridMain {
  margin-top: 15px;
}

body#BestOf #gridRightColumn {
  margin-top: 0
}

body#BestOf #gridMainSidebar {
  padding-top: 0
}

#BestOf ul.narrowOptions li {
  font-size: 14px;
  font-weight: 700;
  color: #676767;
  margin: 2px 0 0;
}

#BestOf ul.narrowOptions li a {
  font-weight: 400;
}

#BestOf ul.narrowOptions {
  margin: 5px;
}

body#BestOf div#gridMainColumn {
  width: 620px;
}

div#BestOfNarrowHeader {
  border: none;
  padding-top: 0;
}

div#BestOfNarrowHeader h4 {
  font-weight: 700;
  margin: 15px 0 0;
}

div#BestOfCategoryHeader h4 a {
  color: #666;
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}

div.searchedFor span.bestOfHeaderName {
  color: #fafafa;
}

div.searchedFor span.bestOfHeaderYear {
  font-weight: 700;
  font-size: 1.1em;
}

div.sortBar {
  float: right;
  position: relative;
}

div.sortBar span a {
  color: #fff;
  font-size: 11px;
  display: block;
  background: url(/images/icons/sortBarArrow.png) right 2px no-repeat transparent;
  padding-right: 18px;
}

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

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

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

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

div.sortBar ul.narrowOptionsBar {
  position: absolute;
  background: #337b7b;
  padding: 6px;
  font-size: 13px !important;
  top: 18px;
  right: -10px;
  border-radius: 5px;
  box-shadow: 1px 0 6px #888;
}

div.sortBar ul.narrowOptionsBar a {
  background: none;
  color: #eee;
}

div.sortBar ul.narrowOptionsBar a:hover {
  color: inherit;
}

div.sortBar ul li {
  float: left;
  clear: left;
  padding: 1px;
}

div.listing {
  float: left;
  width: 320px;
}
div.locationListing div.listing {
/*  width: auto;*/
}
#EventSearch div.listing div {
  margin: 2px 0 0;
  color: #666;
}

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

img.listingImg {
  float: right;
  margin: 0 0 10px;
}

div.listingLocation {
  color: #000;
  float: left;
  margin-left: 10px;
  width: 160px;
}

div.ZoneC {
  padding-bottom: 5px;
}

a.actionButton {
  display: block;
  height: 19px;
  margin: 10px auto 0;
  text-indent: -6000px;
}

div.CommentsComponent,
div#BrowseComments {
  clear: both;
  background: #eee;
  padding-bottom: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}

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

.CommentsComponent h4 {
  padding: 10px;
}

div.commentsHeader {
  background: #eee url(/images/backgrounds/comments_header.gif) no-repeat right top;
  margin-bottom: 10px;
}

div.commentsHeader h2,
div.commentsHeader h3 {
  color: #000;
  background: url(/images/backgrounds/comments_left.gif) no-repeat left;
  float: left;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 12px 0 9px 12px;
  text-align: left;
  width: 56%;
}

div.commentsHeader h3 div {
  float: none !important;
}

div.commentsHeader h3 div.ratingContainer {
  display: none !important;
}

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;
  font-size: 11px;
  letter-spacing: 0;
  text-align: right;
  text-transform: none;
  vertical-align: top;
}

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

h4.commentFormAddHeader {
  font-size: 14px;
}

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

dl.formElements dt {
  float: left;
  clear: left;
  display: inline;
  width: 170px;
  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: 75%;
}

dl.formElements dd textarea {
  width: 100%;
  height: 110px;
  padding: 2px;
  resize: vertical;
}

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

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;
}

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

form#previewComment textarea {
  width: 95%;
}

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

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

div#PaginationBottom strong,
.pagination strong a,
.pagination a:hover {
  color: #fff;
  background: #444444;
}

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;
}

ul.prevNext {
  font-size: 10px;
  line-height: 1em;
  margin: 10px 0;
  padding: 5px 10px;
  border: 1px solid #DFEBEB;
  border-width: 1px 0;
}

ul.prevNext li.prevNext_prev {
  float: left;
  text-align: left;
  width: 18%;
}

ul.prevNext li.prevNext_next {
  float: right;
  text-align: right;
  width: 18%;
}

ul.prevNext li.prevNext_date {
  float: left;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 700;
  width: 60%;
  text-align: center;
}

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

ul.prevNext a:hover {
  color: #C70E0F;
}

div.prevNext {
  margin: 0;
  color: #FFF;
  padding: 0;
}

div.prevNext a.prev {
  float: left;
  color: #d61100;
  margin-bottom: 10px;
}

div.prevNext a.next {
  float: right;
  color: #d61100;
  margin-bottom: 10px;
}

div.CommentsComponent hr,
div#BrowseComments hr {
  height: 1px;
  background: #eee;
  margin: 12px 15px 2px;
  border: none;
  color: #000;
}

div.CommentsComponent 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: #eee;
  padding: 12px 12px 5px;
  font-size: 12px;
  clear: both;
}

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

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;
}

.ProfilePage div.commentText h4 {
  font-family: Georgia, serif;
  font-size: 15px;
}

.ProfilePage div.commentText h4 a {
  color: #111;
}

body.ProfilePage div#gridMainColumn li.storyItem {
  overflow: hidden;
  margin-bottom: 10px;
}

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

div.commentText p {
  clear: none !important;
}

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 0 3px 25px;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
}

div.commentAuthor.staffComment {
  background: url(/images/icons/staffComment.png) no-repeat 0 4px !important;
  padding: 5px 0 3px 25px !important;
}

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

body.Profile div#gridMainSidebarLeft .commentAuthor {
  background: none;
  padding: 5px;
  font-weight: 400 !important;
}

div.commentAuthor span {
  color: #000;
}

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

body.ProfilePage div.bottomOptionBar {
  border: 0 none;
  box-shadow: none;
  background-color: #f8f8f8;
}

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;
  -moz-transition: color linear .05s, background linear .05s;
  -webkit-transition: color linear .05s, background linear .05s;
  transition: color linear .05s, background linear .05s;
}

p.commentFormSubmit input:hover,
div.commentFormSubmit input:hover,
p.formSubmit input:hover,
input.editor_ok_button:hover {
  background: #6a350e;
  color: #fff;
}

p.commentFormSubmit input:focus,
div.commentFormSubmit input:focus,
p.formSubmit input:focus,
input.editor_ok_button:focus,
p.commentFormSubmit input:active,
div.commentFormSubmit input:active,
p.formSubmit input:active,
input.editor_ok_button:active {
  opacity: 0.79081345;
}

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-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  background: #ff0;
  border: 1px solid #000;
  color: #000;
}

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;
  cursor: pointer;
}

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

span.locationRegion {
  background: #eee none repeat scroll 0;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-right: 2px;
}

span.locationRegion a {
  color: #000 !important;
  padding: 2px 4px;
  display: inline-block;
  text-decoration: none;
}

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

ol.customList {
  padding: 0 30px;
  margin: 20px 0;
}

ol.customList li {
  background: #eee;
  padding: 15px;
  margin-bottom: 15px;
  list-style: decimal;
}

ol.customList li div.locationListing {
  padding: 0;
  border: 0;
  color: #000;
}

ol.customList li div.commentText {
  margin-top: 10px;
}

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;
}

div.infoBox h3,
body#Content div.Sidebar h3 {
  font-weight: 700;
}

div#RelatedFilmsstory li.filmItem {
  border-top: 1px solid #dfebeb;
  margin: 8px 0 0;
  padding-top: 2px;
  color: #777;
}

div#RelatedFilmsstory li.filmItem:first-child {
  margin: 0;
  border: 0;
}

div#RelatedFilmsstory .headline,
div#RelatedFilmsstory .headline a {
  font-size: 15px;
}

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 div.banner_ad {
  position: relative;
  float: right;
}

div.ad {
  margin-bottom: 10px;
}

div#BannerHome {
  border-top: 2px solid #000;
}

div#SearchLogin {
  position: relative;
  height: 33px;
  padding: 13px 10px 7px;
  border-bottom: 1px solid #000;
}

div#SearchLogin form {
  float: right;
  height: 20px;
  text-align: left;
  vertical-align: middle;
  width: 228px;
}

div#SearchLogin form label {
  font-weight: 700;
  font-size: 14px;
  line-height: 1em;
  vertical-align: top;
}

div#SearchLogin form input[type=text] {
  width: 160px;
  height: 19px;
  border: 2px solid #636363;
  background: none;
  outline: none;
  float: left;
  box-shadow: -1px -1px 0 #fff;
  -moz-transition: border-radius ease-in .05s, box-shadow ease-in .05s;
  -webkit-transition: border-radius ease-in .05s, box-shadow ease-in .05s;
  -o-transition: border-radius ease-in .05s, box-shadow ease-in .05s;
  transition: border-radius ease-in .05s, box-shadow ease-in .05s;
}

div#SearchLogin form input[type=text]:focus,
div#SearchLogin form input[type=text]:active {
  border-radius: 4px;
  box-shadow: 2px 2px 4px #999;
}

div#SearchLogin form input[type=submit] {
  margin-left: 5px;
  display: block;
  padding: 3px 3px 2px;
  color: #fff;
  font-weight: 100;
  border: none;
  float: left;
  background: #d61100;
  font-size: 16px;
  text-align: center;
}

ul#SearchLogin-login {
  position: absolute;
  top: 16px;
  left: 8px;
  text-align: right;
}

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

ul#SearchLogin-login li strong,
ul#SearchLogin-login li a {
  font-family: Georgia, "Times New Roman", times, serif;
  text-decoration: none;
  font-weight: 400;
  color: #d61100;
}

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;
}

/* ------- Main Header and Logo ------- */
div#LogoHeaderAd {
  width: auto;
  height: 150px;
  position: relative;
  border: none;
  margin: 0 auto;
}

div#LogoHeaderAd div#header-logo h1 a,
div#LogoHeaderAd div#header-logo div#logo a {
  display: block;
  text-indent: -9999px;
  width: 237px;
  height: 89px;
  position: absolute;
  margin-top: 17px;
  top: 0;
  left: 0;
  z-index: 55;/*  border-right: 1px solid #dbdbdb;*/

  /*  border-bottom: 1px solid #d2d2d2;*/
  background: url(/images/logos/JOURNAL-logo-2016.png) 0 0 no-repeat;
  background-size: contain;
}

#LogoHeaderAd div#header-logo h1 a:after,
#LogoHeaderAd div#header-logo div#logo a:after {
  content: 'Humboldt County, California';
  text-indent: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  color: #6a350e;
  display: block;
  width: 245px;
  height: 16px;
  line-height: 1.6;
  position: absolute;
  top: 110px;
  border: 1px solid #ccc;
  border-width: 1px 0;
  white-space: nowrap;
}

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

div#loginContainer h1,
div#logoutContainer h1 {
  font-family: Arial, Helvetica, sans-serif;
  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: #dfebeb url(/images/icons/accept.png) no-repeat 5px 10px;
  padding: 10px 25px;
  font-size: 1.2em;
  color: #d61100;
}

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

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

form.loginForm {
  background: #eee url(/images/backgrounds/loginform_bott.gif) no-repeat bottom;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

div#loginContainer form.loginForm h2 {
  padding: 20px 20px 0;
  margin-bottom: 3px;
  background: url(/images/backgrounds/loginform_top.gif) no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 34px;
  color: #000;
}

div#loginContainer form.loginForm h2 span {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #000;
}

form.loginForm p {
  padding: 0 20px;
  margin-top: 0;
}

#SurveyForm form.loginForm p {
  font-size: 14px;
}

#SurveyForm form.loginForm p a {
  color: #c00;
  font-weight: bold;
}

form.loginForm label {
  font-weight: 700;
}

form.loginForm input {
  font-size: 22px;
}

form.loginForm input.submit {
  background: #eee;
  padding: 3px 5px;
  margin-right: 15px;
  border: 1px solid #000;
  font-weight: 700;
  color: #000;
  vertical-align: middle;
  cursor: pointer;
}

div#EventsNarrowSearch ul li h4 {
  font-family: Arial, Helvetica, sans-serif;
  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;
}

body#Home div#gridFrame {
  background: none;
}

body#Home div#gridColumnContainer {
  width: 620px;
  padding: 0;
  margin: 0;
}

body#Home div#gridMainSidebar1 {
  float: left;
  width: 160px;
}

div.headerBar {
  margin-bottom: 15px;
}

div#LoginIconsSearch {
  height: 20px;
  border-bottom: 1px solid #000;
  padding: 10px 0;
}

div#LoginIconsSearch ul li {
  float: left;
  white-space: nowrap;
  clear: none;
  margin-right: 3px;
}

div#LoginIconsSearch ul#LoginIconsSearch-login {
  float: left;
  margin-left: 8px;
  text-transform: uppercase;
}

div#LoginIconsSearch ul#LoginIconsSearch-login li strong {
  font-family: Arial, sans-serif;
}

div#LoginIconsSearch ul#LoginIconsSearch-login li a {
  color: #d51100;
  white-space: nowrap;
  font-family: Arial, sans-serif;
}

div#LoginIconsSearch ul#LoginIconsSearch-login li a:hover {
  color: #6a350e;
}

div#LoginIconsSearch form.prepTextForm {
  float: right;
  margin: 0 5px;
}

div#LoginIconsSearch form.prepTextForm input[type=text] {
  width: 140px;
  border: 2px solid #999;
  height: 22px;
  float: left;
  margin-right: 4px;
}

div#LoginIconsSearch form.prepTextForm input[type=submit] {
  background: #EF1C25;
  border: 0 none;
  color: #fff;
  padding: 4px;
  font-size: 15px;
  font-weight: 100;
  font-family: Helvetica;
  transition: background ease-in .05s;
}

div#LoginIconsSearch form.prepTextForm input[type=submit]:hover {
  background: #6A350E;
}

div#LoginIconsSearch ul.icons {
  float: right;
  margin-top: 5px;
}

div#LoginIconsSearch ul.icons li a {
  display: block;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  outline: 0 none;
  cursor: pointer;
  -webkit-transition: opacity ease-in .05s;
  -moz-transition: opacity ease-in .05s;
  -o-transition: opacity ease-in .05s;
  transition: opacity ease-in .05s;
}

div#LoginIconsSearch ul.icons li a:hover {
  opacity: .8;
}

div#LoginIconsSearch ul.icons li a#tql-Twitter {
  background: url(/images/icons/header_twitter.png) 0 0 no-repeat transparent;
}

div#LoginIconsSearch ul.icons li a#tql-Facebook {
  background: url(/images/icons/header_fbook.png) 0 0 no-repeat transparent;
}

div#LoginIconsSearch ul.icons li a#tql-Issuu {
  background: url(/images/icons/header_issuu.png) 0 0 no-repeat transparent;
}

div#LoginIconsSearch ul.icons li a#tql-NewsletterTopLink {
  background: url(/images/icons/header_email.png) 0 3px no-repeat transparent;
}

div#LoginIconsSearch ul.icons li a#tql-google {
  background: url(/images/icons/header_gplus.png) 0 0 no-repeat transparent;
}

div#LoginIconsSearch ul.icons li a#tql-YouTube {
  background: url(/images/icons/header_youtube.png) 0 0 no-repeat transparent;
}

div#LoginIconsSearch ul.icons li a#tql-Tumblr {
  background: url(/images/icons/header_tumblr.png) 0 0 no-repeat transparent;
}

iv#NavigationHorizontal {
  clear: both;
  height: 30px;
  border: 1px solid #1F6988;
  border-width: 1px 0;
}

ul#mainNav {
  height: 30px;
  font-family: 'Roboto', sans-serif;
  text-transform: lowercase;
}

div#NavigationHorizontal.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 980px;
  z-index: 9980;
  margin: auto;
  box-shadow: 0px 3px 4px -1px rgba(34, 34, 34, .3);
}

div#NavigationHorizontal.sticky ul#mainNav {
  padding-left: 35px;
  background: url(/apple-touch-icon-iphone.png) 2px -1px no-repeat #fff;
  background-size: contain;
}

ul#mainNav {
  transition: padding ease-in 111ms, background-position ease 111ms;
  background-position: -30px -1px;
}

ul#mainNav li {
  float: left;
  height: 30px;
  font-size: 20px;
  line-height: .8em;
  overflow: hidden;
  color: #fff;
  border-right: 1px solid #eee;
}

ul#mainNav li a {
  display: block;
  background: #fff;
  padding: 7px 23px;
  text-align: center;
  font-weight: 300;
  text-decoration: none;
  color: #6a350e;
  white-space: nowrap;
}

div#NavigationHorizontal ul li#NavItem_LifeOutdoors {
  border-right: none;
}

div#NavigationHorizontal ul li.last {
  display: none;
}

div#navTopBar {
  position: absolute;
  left: 245px;
  top: 127px;
  width: 736px;
  border-bottom: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}

ul#navTop li {
  float: left;
  font-size: 11px;
  border-right: 1px solid #eee;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

ul#mainNav li a,
ul#navTop li a {
  transition: 100ms;
}

ul#navTop li a {
  background: #fff;
  height: 12px;
  padding: 2px 12px 2px 12px;
  display: block;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  color: #6a350e;
  text-decoration: none;
}

ul#navTop li.last a {
  padding-right: 16px;
}

ul#mainNav li a:hover,
ul#mainNav li a.hover,
ul#navTop li a:hover,
ul#navTop li.first a {
  background: #6a350e;
  margin: 0;
  color: #fff !important;
  cursor: pointer;
}

ul#mainNav li.navCurrent a,
ul#mainNav li.navCurrent a:hover {
  background: #6a350e;
  color: #fff !important;
}

#NavigationHorizontal ul li ul {
  display: none;
}

#NavigationHorizontal ul.subnav_content {
  position: absolute;
  width: 200px;
  min-height: 15px;
  border: 2px solid #636363;
  border-width: 2px 1px 1px;
  border-radius: 0 0 2px 2px;
  box-shadow: 1px 1px 5px #444;
  padding: 0;
  z-index: 99999;
  line-height: 1em;
  margin-top: 1px;
}

#NavigationHorizontal ul.subnav_content li {
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 12px;
  float: none;
}

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

#NavigationHorizontal ul.subnav_content li a:hover {
  background: #b49680;
  color: #fff !important;
}

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

#NavigationHorizontal ul.subnav_content li.submitItem a {
  background: url(/images/icons/navpencil.png) no-repeat 6px 7px #f6f6f6;
  color: #6a350e;
  padding: 7px 10px 7px 24px;
}

#NavigationHorizontal ul.subnav_content li.searchItem a:hover,
#NavigationHorizontal ul.subnav_content li.submitItem a:hover {
  background-color: #b49680;
  color: #fff !important;
}

div#gridFooter {
  clear: both;
  background: #fff;
  width: 960px;
  margin: 0 auto;
  padding: 10px;
  border-top: 1px solid #cfb078;
  text-align: center;
  font-size: 11px;
}

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

div#FooterNavigation {
  clear: both;
  padding: 10px;
  margin-bottom: 10px;
  border-top: 2px solid #cfb078;
}

div#FooterNavigation ul {
  text-align: left;
  line-height: 1.4em;
  margin: 3px auto;
  display: inline-block;
  text-transform: uppercase;
}

div#FooterNavigation ul li {
  float: left;
  white-space: nowrap;
  margin-right: 3px;
}

div#FooterNavigation ul li a {
  white-space: nowrap;
  color: #6a350e;
  font-size: 12px;
  padding: 0 3px;
}

div#FooterNavigation ul li span {
  color: #6a350e;
  font-size: 16px;
  font-family: impact;
  height: 10px;
  overflow: hidden;
  display: inline-block;
  line-height: .4;
}

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

div#FooterCurrentIssue,
div#FooterColumnClassifieds {
  margin-right: 10px;
}

div#FooterColumnClassifieds ul {
  float: left;
  width: 130px;
}

div#FooterColumnClassifieds ul li a {
  color: #009;
}

div.footerColumn {
  float: left;
  width: 291px;
  background: #eee;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #000;
  text-align: left;
}

div.footerColumn h2,
div.footerColumn h2 a {
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

div.footerColumn img.issueCover {
  float: left;
  margin: 0 10px 0 0;
  border: 5px solid #000;
}

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

div#SectionArchives form.searchForm input,
div#SectionArchives form.searchForm select {
  float: left;
}

div#SectionArchives form.searchForm input[type=text] {
  margin-right: 5px;
}

div#SectionArchives form.searchForm select {
  margin-right: 8px;
  margin-top: 0;
}

div#SectionArchives form.searchForm input.submit {
  text-align: center;
  display: block;
  background: #E3E3E3;
  border: 1px solid;
  padding: 2px 6px;
  border-radius: 9px;
}

div#SectionArchives form.searchForm {
  clear: left;
  margin-bottom: 6px;
}

div#SectionArchives form.searchForm label[for=author] {
  font-size: 15px;
}

div#SectionArchives form.searchForm select[name=author] {
  float: none;
}

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

div#SectionArchives form + form {
  padding-top: 6px !important;
}

div#categoryLead a img,
div#SpecialIssueCategoryStories a img {
  float: left;
  margin: 0 20px 5px 0;
}

div#SpecialIssueCategoryStories #LandingFollowStories a img {
  float: none;
  margin: 0;
}

div#CategoryStories,
div#SpecialIssueCategoryStories {
  padding-bottom: 10px;
}

div#CategoryStories div#categoryLead,
div#SpecialIssueCategoryStories div.specialCategoryLede {
  border-bottom: 2px solid #e9ebeb;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

div#CategoryStories div.l0.storyItem {
  text-align: right;
}

div#LandingFollowStories .storyTeaser {
  float: left;
  margin-right: 20px;
}

div#LandingFollowStories .clear {
  padding: 7px 0;
}

#BlogLanding .clear {
  padding: 7px 0 0;
  margin: 0 0 7px;
  border-bottom: 2px solid #e9ebeb;
}

div#LocationRestaurantDetails p.tags,
div#LocationBarDetails p.tags,
div#LocationRestaurantDetails p.tags + p {
  padding: 0;
  margin: 0;
  background: none;
  color: #222;
  font-size: 100%;
}

#LocationDescription {
  font-size: 13px;
}

div.summarytext {
  overflow: hidden;
}

#BlogLanding .morelinks {
  text-align: right;
  color: #999;
}

#BlogLanding .morelinks a {
  margin-left: 5px;
  color: #fff;
  background: #e3291d;
  display: inline-block;
  padding: 3px 5px;
  font-size: 13px;
  text-align: center;
}

#BlogLanding .morelinks a:hover {
  background: #6a350e;
  color: #fff !important;
}

div#CategoryStories .clear + .clear,
div#LandingFollowStories .clear + .clear,
div#SectionStories .clear + .clear,
#ArtWalkTeaser .clear + .clear {
  border-top: 2px solid #e9ebeb;
}

#SectionStories div.summarytext,
#CategoryStories div.summarytext {
  margin-bottom: 6px;
}

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#LocationRestaurantDetails ul.locationMenuCoupon li a {
  color: #d51100;
}

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

.MainColumn.Location strong {
  color: #222;
}

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

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

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;
}

#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: 105px;
  padding: 0 5px;
}

body#MovieTimes div#NowPlaying ul li a {
  color: #222;
}

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

h1.sectionHeader {
  float: left;
  margin-right: 10px;
}

.headerLandingSearchLink {
  display: block;
  float: left;
  height: 23px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 14px;
  text-indent: -6000px;
}

.readmore {
  font-size: 10px;
}

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

div#Story p,
div#StoryLayoutJr p {
  color: #000;
  line-height: 1.75em;
}

div#Story p.moreArticles {
  text-align: right;
}

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

body#Content div#gridMainColumn .MainColumn {
  padding: 0 20px;
}

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

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

div#RelatedEvents .date {
  font-size: 12px;
  color: #777;
  margin: 5px 0 0;
  font-family: Georgia, "Times New Roman", serif;
}

#RelatedEvents li.eventItem {
  margin: 5px 0 8px;
}

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

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

.postBody img.blogImageLeft,
.postBody img.blogImageRight,
.postBody img.blogImageCenter {
  background: #eee none repeat scroll 0 0;
  border: 1px solid #000;
  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;
}

/* Kill in favor of default inline style.
.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 {
  display: block;
  width: 120px;
  height: 26px;
  background: url(/images/buttons/startover.png) no-repeat 0 0 transparent;
  margin: 10px auto 0;
  text-indent: -6000px;
}

/* Features Icons */
div.FeaturesIcons {
  height: 14px;
  margin: 5px 0;
  display: inline;
}

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

.FeaturesIcons_staff_pick span {
  background: url(/images/icons/features-icon_staff_pick.gif) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_members_pick span {
  background: url(/images/icons/MemberPick.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_best_of span {
  background: url(/images/icons/features-icon_best_of.jpg) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_all_ages span {
  background: url(/images/icons/AllAges.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_beer_wine span {
  background: url(/images/icons/features-icon_beer_wine.jpg) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_free span {
  background: url(/images/icons/Free.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_full_bar span {
  background: url(/images/icons/features-icon_full_bar.jpg) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_nightlife span {
  background: url(/images/icons/Nightlife.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_video span {
  background: url(/images/icons/features-icon_video.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_happy_hour span,
.FeaturesIcons_featured_happy_hour span {
  background: url(/images/icons/features-icon_happy_hour.gif) top right no-repeat;
  width: 12px;
  height: 16px;
}

.FeaturesIcons_slideshow span {
  background: url(/images/icons/features-icon_slideshow.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_sponsor span {
  background: url(/images/icons/features-icon_sponsor.png) 0 0 no-repeat;
  width: 18px;
  height: 16px;
}

a.FeaturesIcons_sponsor> + span.fn {
  font-size: 20px;
}

.FeaturesIcons_audio span {
  background: url(/images/icons/features-icon_audio.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_menu span {
  background: url(/images/icons/features-icon_menu.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_cover_story span {
  background: url(/images/icons/features-icon_cover_story.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_web_extra span {
  background: url(/images/icons/features-icon_web.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_muse span {
  background: url(/images/icons/features-icon_muse.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

.FeaturesIcons_image span {
  background: url(/images/icons/features-icon_image.png) top right no-repeat;
  width: 16px;
  height: 16px;
}

h4 .FeaturesIcons_image span,
h1 .FeaturesIcons_image span {
  display: none;
}

.FeaturesIcons_user_submitted span {
  background: url(/images/icons/features-icon_user_submitted.png) top right no-repeat;
    width: 39px;
    height: 17px;
    background-size: contain;
}

label[class*="FeaturesIcons"] span {
  padding-left: 25px;
  background-position: left center;
  background-size: contain;
}

div.FeaturesIcons a span {
  transition: opacity ease .05s;
}

div.FeaturesIcons a span:hover {
  opacity: 0.6;
}

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

li#EventSearchNarrowByEventFeatures ul.narrowOptions,
li#LocationSearchNarrowByLocationFeatures ul.narrowOptions,
li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions,
li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions,
li#ArticleSearchNarrowByContentFeatures ul.narrowOptions,
li#BestOfNarrowbyContentFeatures 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 9px;
  float: left;
  clear: left;
  margin: 3px 0;
  width: 100%;
}

li#BestOfNarrowbyContentFeatures ul.narrowOptions li.image {
  background: none;
}

li#BestOfNarrowbyContentFeatures ul.narrowOptions li.image div {
  display: none;
}

li#EventSearchNarrowByEventFeatures ul.narrowOptions li a,
li#LocationSearchNarrowByLocationFeatures ul.narrowOptions li a,
li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions li a,
li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions li a,
li#ArticleSearchNarrowByContentFeatures ul.narrowOptions li a,
li#BestOfNarrowbyContentFeatures ul.narrowOptions li a {
  float: left;
  background-color: #fff;
}

li#EventSearchNarrowByEventFeatures ul.narrowOptions li div a,
li#LocationSearchNarrowByLocationFeatures ul.narrowOptions li div a,
li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions li div a,
li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions li div a,
li#ArticleSearchNarrowByContentFeatures ul.narrowOptions li div a,
li#BestOfNarrowbyContentFeatures ul.narrowOptions li div a,
li#EventSearchNarrowByEventFeatures ul.narrowOptions li span,
li#LocationSearchNarrowByLocationFeatures ul.narrowOptions li span,
li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions li span,
li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions li span,
li#ArticleSearchNarrowByContentFeatures ul.narrowOptions li span,
li#BestOfNarrowbyContentFeatures ul.narrowOptions li span {
  background-color: transparent;
}

li#EventSearchNarrowByEventFeatures ul.narrowOptions li div.FeaturesIcons,
li#LocationSearchNarrowByLocationFeatures ul.narrowOptions li div.FeaturesIcons,
li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions li div.FeaturesIcons,
li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions li div.FeaturesIcons,
li#ArticleSearchNarrowByContentFeatures ul.narrowOptions li div.FeaturesIcons,
li#BestOfNarrowbyContentFeatures ul.narrowOptions li div.FeaturesIcons {
  margin: 0;
  float: right;
  padding-right: 0;
}

li#EventSearchNarrowByEventFeatures ul.narrowOptions li div.FeaturesIcons a span,
li#LocationSearchNarrowByLocationFeatures ul.narrowOptions li div.FeaturesIcons a span,
li#MovieTimesSearchNarrowByFilmFeatures ul.narrowOptions li div.FeaturesIcons a span,
li#FilmSearchNarrowbyFilmFeatures ul.narrowOptions li div.FeaturesIcons a span,
li#ArticleSearchNarrowByContentFeatures ul.narrowOptions li div.FeaturesIcons a span,
li#BestOfNarrowbyContentFeatures ul.narrowOptions li div.FeaturesIcons a span {
  display: block;
  margin-right: 0;
  padding-right: 5px;
}

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 #eee;
  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: 8px;
  padding: 5px 0;
}

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-size: 15px;
  margin-bottom: 5px;
}

body#MemberSearch div.memberListing ul.listing li.memberName a,
div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberName a {
  font-family: Georgia, "Times New Roman", serif;
  color: #000;
}

body#MemberSearch div.memberListing ul.listing li.memberName a:hover,
div#ProfileBrowseSavedMembers div.memberListing ul.listing li.memberName a:hover {
  color: #6a350e;
}

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: #777;
}

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 {
  border-bottom: 2px dotted #dfebeb;
  padding: 10px;
}

#LocationSponsoredDetails {
  margin: 0 0 15px;
}

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#Home div#gridMainSidebar1 img.storyImg {
  margin-bottom: 8px;
}

body#EmailFriend h1,
body#ReportComment h1 {
  font-family: Arial, Helvetica, sans-serif;
  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#Section #gridMainSidebar1 .LeftSidebar form {
  padding: 0;
}

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;
}

div#SectionFeature {
  margin-bottom: 15px;
}

div#SectionFeature a img,
div#CategoryBreakout div.storyTeaser {
  float: left;
  margin-right: 20px;
}

div#CategoryBreakout div.storyTeaser {
  padding: 7px 0;
}

div#CategoryBreakout h2 {
  font-size: 25px !important;
  margin-bottom: 10px;
  padding-top: 7px;
  border-top: 12px solid #dfebeb;
}

div#CategoryBreakout h2:first-child {
  border: 0 none;
  padding-top: 3px;
}

div#CategoryBreakout .clear {
  padding: 7px 0 0;
  border-top: 2px solid #e9ebeb;
}

div#CategoryBreakout .clear:last-of-type {
  padding: 7px 0 0;
}

div#CategoryBreakout p.byline {
  color: #6A350E;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 0 5px;
}

div#CategoryBreakout p.byline span.section {
  color: #D51100;
}

div#CategoryBreakout p.descr {
  margin: 5px 0;
}

div#CategoryBreakout p.more {
  text-align: right;
  margin: 0 0 20px;
}

div#CategoryBreakout .CategoryBreakoutTeaser {
  padding: 7px 0;
}

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 {
  border-bottom: 2px dotted #dfebeb;
  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 {
  font-family: Georgia, serif;
  margin: 10px 0;
  color: #777;
  text-align: left !important;
  text-transform: lowercase;
  font-size: 25px;
}

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;
}

a.profileFindMore {
  display: block;
  height: 23px;
  background-repeat: no-repeat;
  background-position: top center;
  margin: 10px auto 0;
  text-indent: -6000px;
}

div#SavedLocations a.profileFindMore {
  background-image: url(/images/buttons/find_places.gif);
}

div#SavedEvents a.profileFindMore {
  background-image: url(/images/buttons/find_events.gif);
}

div#SavedContent a.profileFindMore {
  background-image: url(/images/buttons/find_stories.gif);
}

div#Friends a.profileFindMore {
  background-image: url(/images/buttons/find_friends.gif);
}

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

div#profileModeMessage h1 span {
  font-style: italic;
}

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: 345px;
  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;
}

body#Page div.MainColumn,
body#FreeStuff div.MainColumn {
  padding: 0 10px;
}

/* Free Stuff */
body#FreeStuff h2 {
  color: #000;
  text-decoration: none;
}

body#FreeStuff h2,
body#FreeStuff h3 {
  margin-bottom: 10px;
}

body#FreeStuff h3 {
  font-weight: 700;
  font-size: 1.3em;
}

body#FreeStuff h4 {
  font-size: 1.15em;
}

body#FreeStuff h4.headline a {
  font-size: 1.3em;
  font-weight: 700;
}

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: 2px solid #e9ebeb;
  padding-bottom: 5px;
}

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

body#FreeStuff div#FreeStuffItem h1.listingTitle {
  font-size: 2.2em;
  padding: 0 0 3px;
  letter-spacing: -1px;
}

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 {
  margin: 5px 0 10px;
  color: #777;
  text-align: left !important;
  text-transform: lowercase;
  font-size: 25px;
}

body#Profile div.MainColumn div.userInfo ul li,
body#MyProfile div.MainColumn div.userInfo ul li,
body#Favorites div.MainColumn div.userInfo ul li,
body#MyFavorites div.MainColumn div.userInfo ul li,
body#List div.MainColumn div.userInfo ul li {
  text-transform: lowercase;
}

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;
}

div.MainSidebar ul li,
body.SearchPage div.LeftSidebar ul li {
  margin-bottom: 2px;
  clear: both;
  width: 100%;
}

#gridMainSidebar {
  margin: 0 10px 10px !important;
}

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-top: 10px;
  padding-right: 0;
  margin-left: 10px;
}

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 {
  background: none;
  padding: 10px;
  margin-bottom: 7px;
}

body#EventSearch div#EventsSearchTerms h3,
body#MovieTimes div#MovieTimesSearchTerms h3,
body#LocationSearch div#LocationSearchTerms h3,
body#DiningSearch div#DiningSearchTerms h3,
body#Search div#SearchSearchTerms h3,
body#ArticleArchives div#SearchSearchTerms h3,
body#IssueArchives div#SearchSearchTerms h3,
body#ArticleArchives div#ArchivesSearchTerms h3,
body#MemberSearch div#MemberSearchTerms h3,
body.SearchPage div#SearchTerms h3 {
  background: none;
  color: #000;
  line-height: 1em;
  padding: 0 0 5px;
  font-weight: 400;
  text-align: center;
}

body#EventSearch div#EventsSearchTerms ul,
body#MovieTimes div#MovieTimesSearchTerms ul,
body#LocationSearch div#LocationSearchTerms ul,
body#DiningSearch div#DiningSearchTerms ul,
body#Search div#SearchSearchTerms ul,
body#ArticleArchives div#SearchSearchTerms ul,
body#IssueArchives div#SearchSearchTerms ul,
body#ArticleArchives div#ArchivesSearchTerms ul,
body#MemberSearch div#MemberSearchTerms ul,
body.SearchPage div#SearchTerms ul {
  padding: 0;
}

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: 10px;
  padding: 5px 0;
  color: #000;
}

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-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
}

body#ArticleArchives .subtractiveSelections ul li a,
body#BestOf .subtractiveSelections ul li a,
body#DiningSearch .subtractiveSelections ul li a,
body#EventSearch .subtractiveSelections ul li a,
body#IssueArchives .subtractiveSelections ul li a,
body#LocationSearch .subtractiveSelections ul li a,
body#MemberSearch .subtractiveSelections ul li a,
body#MovieTimes .subtractiveSelections ul li a,
body#Search .subtractiveSelections ul li a,
body.SearchPage .subtractiveSelections ul li a {
  background: transparent url(/images/buttons/subtractiveCheck.png) no-repeat scroll left top;
  display: block;
  float: right;
  font-weight: 400;
  height: 15px;
  margin-left: 2px;
  text-indent: -6000px;
  width: 15px;
}

body#ArticleArchives .subtractiveSelections ul li a:active,
body#ArticleArchives .subtractiveSelections ul li a.off,
body#BestOf .subtractiveSelections ul li a:active,
body#BestOf .subtractiveSelections ul li a.off,
body#DiningSearch .subtractiveSelections ul li a:active,
body#DiningSearch .subtractiveSelections ul li a.off,
body#EventSearch .subtractiveSelections ul li a:active,
body#EventSearch .subtractiveSelections ul li a.off,
body#IssueArchives .subtractiveSelections ul li a:active,
body#IssueArchives .subtractiveSelections ul li a.off,
body#LocationSearch .subtractiveSelections ul li a:active,
body#LocationSearch .subtractiveSelections ul li a.off,
body#MemberSearch .subtractiveSelections ul li a:active,
body#MemberSearch .subtractiveSelections ul li a.off,
body#MovieTimes .subtractiveSelections ul li a:active,
body#MovieTimes .subtractiveSelections ul li a.off,
body#Search .subtractiveSelections ul li a:active,
body#Search .subtractiveSelections ul li a.off,
body.SearchPage .subtractiveSelections ul li a.off,
body.SearchPage .subtractiveSelections ul li a:active {
  background-position: -15px top !important;
}

body#EventSearch .flyout_content,
body#MovieTimes .flyout_content,
body#LocationSearch .flyout_content,
body#DiningSearch .flyout_content,
body#Search .flyout_content,
body#ArticleArchives .flyout_content,
body#IssueArchives .flyout_content,
body#MemberSearch .flyout_content,
body.SearchPage .flyout_content {
  background: #eee none repeat scroll 0;
  border: 2px solid #000;
  padding: 10px;
  position: relative;
  z-index: 999;
}

body#EventSearch .flyout_content table,
body#MovieTimes .flyout_content table,
body#LocationSearch .flyout_content table,
body#DiningSearch .flyout_content table,
body#Search .flyout_content table,
body#ArticleArchives .flyout_content table,
body#IssueArchives .flyout_content table,
body#MemberSearch .flyout_content table,
body.SearchPage .flyout_content table {
  border: 0;
}

body#EventSearch .flyout_content table td,
body#MovieTimes .flyout_content table td,
body#LocationSearch .flyout_content table td,
body#DiningSearch .flyout_content table td,
body#Search .flyout_content table td,
body#ArticleArchives .flyout_content table td,
body#IssueArchives .flyout_content table td,
body#MemberSearch .flyout_content table td,
body.SearchPage .flyout_content table td {
  padding: 10px;
}

body#EventSearch .flyout_content a,
body#MovieTimes .flyout_content a,
body#LocationSearch .flyout_content a,
body#DiningSearch .flyout_content a,
body#Search .flyout_content a,
body#ArticleArchives .flyout_content a,
body#IssueArchives .flyout_content a,
body#MemberSearch .flyout_content a,
body.SearchPage .flyout_content a {
  color: #666;
}

.flyout_content a:hover {
  color: #6a350e !important;
}

a#contactMeButton {
  width: 68px;
  background: url(/images/buttons/contact.gif) no-repeat;
}

a#becomeFriendButton {
  width: 97px;
  background: url(/images/buttons/become_friend.gif) no-repeat;
  margin-bottom: 10px;
}

a#becomeAFriendButton {
  width: 97px;
  background: url(/images/buttons/become_a_friend.gif) no-repeat;
}

div#Stats ul li {
  text-transform: lowercase;
}

h1#ProfileHeader {
  background: #eee;
  color: #000;
  font-size: 13px;
  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: 10px;
  font-weight: 400;
  padding-left: 3px;
  width: 100%;
  margin: 10px 0 0;
  display: block;
}

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-family: Georgia, serif;
  font-size: 20px;
  color: #000;
  text-transform: none;
  margin: 10px 0;
  color: #777;
  text-align: left !important;
  text-transform: lowercase;
  font-size: 25px;
  letter-spacing: 0;
}

body.Profile div#gridMainSidebarLeft .commentText {
  background: none;
}

body.Profile div#gridMainSidebarLeft .comment {
  border-bottom: 2px dotted #dfebeb;
  padding-bottom: 8px;
}

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

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;
  width: 160px;
  margin: 0 auto;
}

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

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

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

div.MainSidebar {
  border-bottom: 2px solid #e9ebeb;
  padding: 5px 5px 10px;
}

div#ArchivesSearchForm ul li a {
  display: block;
  margin: 10px;
  padding: 6px 0 0 5px;
  clear: both;
}

div.MainSidebar h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  color: #777;
  padding: 1px 0 2px;
  margin: 0 0 5px;
  border-bottom: 1px solid #dfebeb;
}

#SectionBlogsByTopic h3 {
  padding: 3px 1px 10px 50px !important;
  height: 26px;
  background: url(/images/icons/ncjLogo.jpg) no-repeat 1px 4px transparent !important;
  text-align: left !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  margin: 0 0 15px;
}

.SectionBlogsByTopicTeaser {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dfebeb;
}

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

#SectionBlogsByTopic .byline {
  text-transform: uppercase;
  font-size: 10px;
}

#SectionBlogsByTopic .byline .section {
  color: #D51100;
}

#SectionBlogsByTopic p.descr {
  clear: both;
  margin: 0 0 2px;
}

div.MainSidebar ul h3 {
  border: none;
  padding: 0;
  margin: 0;
  font-size: inherit;
}

div.MainSidebar h4 {
  color: #000;
}

div#MapSmall {
  width: 290px;
  padding: 0 5px 5px;
}

div#NearbyLocations form,
div#LocationSearchForm form,
div#EventsSearchForm form {
  text-align: center;
}

body#LocationEvents h2.listingsHeader,
body#Film h2.listingsHeader {
  font-weight: 400;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  color: #777;
  padding: 1px 0 2px;
  margin: 0 0 5px;
  border-bottom: 1px solid #dfebeb;
}

#LocationMetaData,
#LocationTags,
#LocationDescription,
#LocationRestaurantDetails {
  overflow: hidden;
  margin: 5px 0 10px;
}

body#Location h2.listingsHeader {
  font-weight: 400;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #d51100;
  padding: 1px 0 2px;
  margin: 0 0 5px;
  border-bottom: 1px solid #dfebeb;
}

body#Location div#PastEvents h2.listingsHeader {
  color: #699e9e;
}

.Location.RelatedItem {
  padding: 5px 0 10px !important;
}

.Location.RelatedItem h3 {
  color: #d51100;
  font-size: 18px;
  padding: 0 !important;
}

#Location .MainColumn .slideshowHeader {
  font-family: Georgia, serif;
  color: #777;
  margin: 0 0 5px;
}

body div.LeftSidebar form {
  padding: 10px;
}

h4.commentFormAddHeader {
  font-size: 14px;
  display: none;
}

body#MovieTimes div.LeftSidebar form {
  padding: 0 10px 10px;
}

div.LeftSidebar form input.text {
  width: 120px;
  height: 16px;
  border: 2px solid #636363;
  background: none;
  outline: none;
  float: left;
  box-shadow: -1px -1px 0 #fff;
  -moz-transition: border-radius ease-in .05s, box-shadow ease-in .05s;
  -webkit-transition: border-radius ease-in .05s, box-shadow ease-in .05s;
  -o-transition: border-radius ease-in .05s, box-shadow ease-in .05s;
  transition: border-radius ease-in .05s, box-shadow ease-in .05s;
}

div.LeftSidebar form input.text:focus,
div.LeftSidebar form input.text:active {
  border-radius: 4px;
  box-shadow: 2px 2px 4px #999;
}

div.LeftSidebar form input[type=submit] {
  margin: 6px 0 0;
  display: block;
  padding: 1px 3px 2px;
  color: #fff;
  font-weight: 100;
  border: none;
  float: right;
  background: #d61100;
  font-size: 12px;
  text-align: center;
}

div#AddEventLink {
  margin-bottom: 10px;
  padding: 0;
}

div#AddEventLink a {
  display: block;
  text-indent: -9999em;
  width: 300px;
  height: 66px;
  background: url(/images/buttons/submitButton.png) 0 0 no-repeat;
}

div#LocationColumn1 {
  float: left;
  background: #eee;
  padding: 10px;
  margin: 10px;
  width: 755px;
}

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

div#searchResults,
div#Location,
div#Event {
  float: left;
  text-align: left;
  width: 450px;
}

body.SearchPage div#searchResults,
body.ArticlesAndArchivesLanding div#searchResults {
  width: 100%;
}

body#IssueArchives div#searchResults {
  width: 488px;
}

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

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

body#CommentArchives div#CommentSearchResults h4 {
  font-family: Georgia, serif;
  font-size: 15px;
}

body#CommentArchives div#CommentSearchResults h4 a {
  color: #222;
}

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 {
  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 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;
}

p.noMatchesFound {
  padding: 10px;
  margin: 0;
}

div.magnumContainer {
  margin-bottom: 15px;
  overflow: hidden;
}

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

span.pastEventMessage,
div.closedLocationMessage {
  display: block;
  background: #eee;
  padding: 3px 5px;
  margin: 2px 0 10px;
  border: 1px solid #000;
  font-size: 11px;
  color: #000;
}

h1.listingTitle,
div.MainColumn h1.listingTitle {
  font-size: 25px;
  font-family: Georgia, serif;
}

h1.listingTitle a,
div.MainColumn h1.listingTitle a {
  color: #000;
}

h2.listingsHeader,
div.MainColumn h2.listingsHeader {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  padding: 3px 0 4px;
  margin: 0;
  text-align: left;
}

#EventLocation {
  margin: 10px 0 0;
}

#EventLocation h4 a {
  font-size: 14px;
  color: #699e9e;
  font-weight: 700;
}

#EventLocation ul li ul {
  color: #666;
}

ul.locationEvents {
  margin-top: 5px;
}

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

ul.locationEvents li.l0 h4 {
  color: #777;
  font-size: 12px;
}

ul.locationEvents li.l0 h4 a {
  font-family: Georgia, serif;
  text-decoration: none;
  color: #000;
  font-size: 16px;
}

#PastEvents ul.locationEvents li.l0 h4 a {
  font-size: 13px;
}

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

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

#PastEvents ul.locationEvents li ul {
  font-size: 10px;
}

.storyDate {
  font-size: 10px;
  color: #000;
}

#Location #SlideshowTeaser {
  padding-bottom: 5px;
  border-bottom: 5px solid #dfebeb;
  margin-bottom: 10px;
}

.columnList li {
  padding: 10px 0 0;
  margin: 0 0 10px;
  border-top: 1px solid #dfebeb;
  color: #000;
}

.columnList li:first-child {
  border: none;
}

.columnList li a {
  display: block;
  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;
}

/* Review Scroller */
.reviewScroller {
  height: 500px;
  overflow: hidden;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  background: #eee;
  text-align: left;
  margin: 0 auto;
}

.reviewScroller:hover {
  background: #eee;
}

.scrollerButtons {
  text-align: center;
  margin: 0 auto 15px;
  border-top: 1px solid #000;
  border-bottom: 3px solid #000;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
}

.scrollerButtons a {
  display: block;
  text-align: center;
  background: url(/images/buttons/play_pause_bg.gif) top left repeat-x;
}

h2.scrollerHead {
  margin: 10px auto 0;
  text-align: left;
  color: #000;
  font-size: .9em;
  font-weight: 700;
  padding: 0 3px 5px 0;
}

div.scrollerItem {
  font-size: .9em;
  margin: 8px 7px;
  padding: 0 0 5px;
  border-bottom: 1px solid #000;
}

div.scrollerItem p.revHeader {
  text-align: left;
  margin: 0 0 4px;
}

div.scrollerItem p.revHeader strong a {
  font-size: 1.1em;
  color: #000;
  text-decoration: none;
}

div.scrollerItem span.revBy {
  color: #000;
  font-size: .8em;
}

div.scrollerItem p.revRead {
  text-align: right;
}

div.scrollerItem p.revRead a {
  text-decoration: none;
}

#columnItemHeader_ReaderReviews {
  width: 121px;
  height: 50px;
  background: url(/images/headers/reader_reviews.gif) no-repeat;
  text-indent: -6000px;
}

.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 #ArchivesAuthorBio {
  border-bottom: 1px solid #000;
  padding: 10px;
  background: #eee;
}

#ArticleArchives #ArchivesAuthorBio h3 {
  font-size: 140%;
  font-weight: 700;
}

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

#ArchivesAuthorBio .email,
#ArchivesAuthorBio .facebook,
#ArchivesAuthorBio .twitter,
#Abouttheauthor .email,
#Abouttheauthor .facebook,
#Abouttheauthor .twitter {
  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;
}

#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) left center no-repeat;
}

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

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

#ArticleArchives h4.headline {
  font-size: 1.2em;
}

#ArticleArchives li.tags,
#IssueArchives li.tags {
  display: none;
}

#ArticleArchives li.sectionDateInfo {
  font-size: .8em;
  color: #000;
  margin-bottom: 5px;
}

#ArticleArchives li.sectionDateInfo strong,
.archiveListing li.catName {
  color: #699e9e;
}

#ArticleArchives li.archiveImage,
#IssueArchives li.archiveImage {
  float: left;
  margin: 0 10px 0 0;
}

body#IssueArchives #archiveIssueHeader,
body#IssueArchives #searchResults h3 {
  text-align: center;
  font-size: 15px;
}

body#IssueArchives p.archiveIssueDescription {
  color: #777;
  text-align: left;
  margin: 4px 0 6px;
}

body#IssueArchives #archiveIssueHeader img.archiveIssueCover {
  float: left;
  padding: 5px;
  background: #eee;
  margin: 0 10px 3px 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;
}

body#IssueArchives #archiveIssueHeader div.issueImage ul li.imageCredit {
  font-size: 9px;
  text-align: right;
}

body#IssueArchives #archiveIssueHeader div.issueImage ul li.imageCaption {
  color: #000;
  font-size: 10px;
  text-align: center;
}

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: 120px;
  height: 225px;
  margin: 0 2px 0 0;
  float: left;
  font-size: 10px;
}

body#IssueArchives #searchResults li.issueCover a {
  color: #222;
}

body#IssueArchives div#OldArchiveLinks {
}

body#IssueArchives div#OldArchiveLinks h1 {
  color: #777;
  font-size: 22px;
  padding: 0 0 2px !important;
  text-transform: lowercase;
  font-weight: 400;
  font-family: Georgia, serif;
  margin: 5px 0;
  border-bottom: 1px solid #DFEBEB;
}

body#IssueArchives div#OldArchiveLinks ul li,
body#IssueArchives div.column_container ul li {
  margin: 3px 0 3px 5px;
}

body#IssueArchives div.column_container h2 {
  color: #777;
  font-size: 17px;
  padding: 0 0 2px !important;
  text-transform: lowercase;
  font-weight: 400;
  font-family: Georgia, serif;
  margin: 5px 0;
  border-bottom: 1px solid #DFEBEB;
}

/* BLOGS */
body#Blog div#gridMain,
body#Post div#gridMain {
  background: #eee;
}

body#Blog div#gridFrame,
body#Post div#gridFrame,
body.BlogArchives div#gridFrame,
body#BlogTopics div#gridFrame {
  width: 640px;
  margin-top: 10px !important;
  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;
  font-family: Verdana, Arial, sans-serif;
}

body#Blog div#gridMainColumn,
body#Post div#gridMainColumn,
body.BlogArchives div#gridMainColumn,
body#BlogTopics div#gridMainColumn,
body.Vote2008 div#gridMainColumn {
  background: #eee;
}

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

body#Blog div.MainSidebar,
body#BlogTopics div.MainSidebar {
  background-image: none;
}

div#BlogHeader h1 {
  float: left;
  font-size: 80px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}

#BlogLanding h2 {
  color: #e3291d;
  margin: 0;
  font-size: 80px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  background: url(/images/logos/theNCJ.jpg) no-repeat 1px 5px transparent !important;
  padding-left: 59px;
  display: inline-block;
}

div#BlogHeader a h1 {
  color: #e3291d;
}

div#BlogHeader a h1.Blogthing {
  display: block;
  width: 495px;
  height: 88px;
  text-indent: -9999px;
  background: url(/images/logos/blogthing_mast.jpg) 0 0 no-repeat;
}

div#BlogHeader h1.HumPlateBlog,
div#BlogHeader h1.AEBlog {
  margin: 0px 15px 0 0;
  background: url(/images/logos/theNCJ.jpg) no-repeat 1px 5px transparent !important;
  padding-left: 59px;
  height: 88px;
}

div.AEBlog p {
  margin: 51px 0 0 !important;
}

div#BlogHeader p a {
  color: #6a350e;
  float: left;
}

div#Blog h2.blogDate,
div#BlogsBlogPost h2.blogDate {
  background: #868686;
  font-size: 1.1em;
}

h2.blogDate {
  clear: both;
  padding: 3px 5px;
  color: #fff;
  font-size: 12px;
  text-shadow: 1px 1px 1px #222;
  text-align: center;
}

h3.postTitle {
  font-family: Georgia, serif;
  font-size: 18px;
  margin: 20px 0 0;
  padding-bottom: 0;
  text-align: left;
  clear: left;
}

h3.postTitle a {
  color: #222;
}

ul.horizontalShareTools li {
  float: left;
  margin-left: 25px;
}

ul.horizontalShareTools li.first {
  margin-left: 0;
}

ul.horizontalShareTools li.first div {
  overflow: visible !important;
}

ul.horizontalShareTools li a.emailAction {
  background: url(/binary/eb90/tool-email.gif) 0 1px no-repeat transparent;
  display: block;
  padding: 2px 9px;
  text-indent: -9999px;
}

ul.horizontalShareTools li a.saveAction {
  background: url(/images/icons/fav_icon.png) 0 1px no-repeat transparent;
  display: block;
  padding: 2px 3px 2px 20px;
}

ul.horizontalShareTools li a.toolTextLink {
  display: none;
}

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

h4.postedBy a {
  color: #630;
}

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

h4.postedBy span.postTime {
  color: #e3291d;
}

span.postCategory {
  float: left;
  padding: 4px 0;
  color: #699E9E;
  text-transform: uppercase;
  margin: 1px 0 4px;
  font-size: 13px;
}

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

div.blogPost {
  border-bottom: 4px solid #dfebeb;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

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

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

div.postBody {
  margin: 15px 0;
  color: #000;
  line-height: 1.4em;
  font-size: 13px;
  text-align: left;
}

div.blogPost ul.horizontalShareTools {
  height: 21px;
  padding: 5px 0 4px;
  border: 1px solid #DFEBEB;
  border-width: 1px 0;
}

.postBody a,
#storyBody a {
  color: #D61100;
  text-decoration: none;
}

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

div.postBody object {
  margin: 0 auto;
  display: block;
}

.postLinks {
  color: #444;
  font-size: 11px;
  clear: both;
  letter-spacing: .2em;
  margin: 20px 0 0;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
}

.postLinks a {
  color: #444;
  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: 30px;
  text-transform: lowercase;
  margin: 10px 0 5px;
  text-align: center;
  color: #777;
  font-family: Georgia, serif;
  border-bottom: 2px dotted #DFEBEB;
}

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;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}

#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-family: Georgia, "Times New Roman", Times, serif;
  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 #699e9e;
  border-radius: 3px 0 0 3px;
}

#BestOf .prevNext {
  color: #fff;
  padding: 3px 0;
}

#BestOf .prevNext .next {
  float: right;
}

/* 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 h2 {
  font-size: 1.4em;
  color: #000;
  line-height: 1.2;
}

body#Syndication div#storyBody p {
  margin: 2px 0 10px;
  color: #444;
}

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.Syndication h2 {
  font-family: Georgia, serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
}

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;
}

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

p.fullInfo a {
  text-decoration: none;
}

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

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

/* 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: 435px;*/
  margin: 8px 0 10px;
  text-align: center;
  box-shadow: 0 0 3px #333;
  padding: 5px 0;
  border-radius: 1px;
}

div.inlineSlideshow h5.slideshowHeader {
  font-family: Georgia, serif;
  color: #666;
  text-align: left;
  padding-left: 10px;
  font-size: 22px;
}

div#SlideshowTeaser.Sidebar h5.slideshowHeader {
  font-family: Georgia, serif;
  color: #666;
  margin-bottom: 1px;
  font-size: 1.5em;
}

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

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

.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 a {
  display: inline-block;
}

div.slideshowThumbnails img {
  margin-right: 3px;
  border: 1px solid #999;
}

body#Content div#SlideshowTeaser.Sidebar,
div#SlideshowTeaser.Sidebar {
  padding: 0;
  background: transparent;
  border: 0;
  font-size: .9em;
  -moz-box-shadow: 0 0 4px #999;
  -webkit-box-shadow: 0 0 4px #999;
  box-shadow: 0 0 4px #999;
  text-align: center;
}

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

div#SlideshowTeaser.Sidebar a {
  color: #D61100;
}

div#SlideshowTeaser.Sidebar .slideshowCount a {
  padding: 2px 6px;
  background: #dfebeb;
  display: inline-block;
  font-size: 12px;
}

body#Slideshow div#gridMainColumn .MainColumn {
  margin-bottom: 20px;
}

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

body#Slideshow div#Share {
  float: right;
  margin: 10px 0;
}

#Slideshow div.MainColumn h3 {
  border-bottom: 1px solid #000;
  margin-bottom: 5px;
  font-size: 1.3em;
}

#Slideshow div.MainColumn h3.headline {
  border: 0;
  font-size: 1.1em;
  margin-bottom: 0;
}

#Slideshow div.MainColumn .byline {
  margin-top: 0;
}

div#SlideshowFullPage .credit,
div#SlideshowPopUp .credit {
  text-align: right;
  color: #000;
  font-size: .9em;
  margin-bottom: 3px;
}

div#SlideshowFullPage .caption,
div#SlideshowPopUp .caption {
  text-align: left;
  font-size: .9em;
  margin-bottom: 10px;
}

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;
}

/* 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;
}

div#RelatedStoriesSlideshow .teaserItem {
  clear: both;
  overflow: hidden;
}

#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: -3000px;
}

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;
}

body.SlideshowPopUp div#gridHeader div {
  margin: 5px;
}

div#SlideshowMetaData .slideshowByline {
  margin-bottom: 10px;
}

div#SlideshowMetaData .caption {
  font-size: .9em;
}

div#SlideshowMetaData .credit {
  color: #000;
  font-size: .9em;
}

div#SlideshowPopUp .date {
  color: #000;
  font-size: .9em;
}

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;
}

body#VideoArchives div#VideoArchiveHeader h1,
body#ImageArchives div#ImageArchiveHeader h1 {
  background: #eee url(/images/backgrounds/search_info.gif) repeat-x scroll 0 0;
  clear: both;
  color: #000;
  font-size: 18px;
  margin: 0;
  padding: 8px 10px 9px;
}

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

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: 2px solid #e9ebeb;
  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: 15px;
  text-decoration: none;
}

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 h3.headline,
body#ImageArchives div.MainColumn h3.headline {
  font-size: 1em;
  border-bottom: 0;
  margin-bottom: 0;
}

body#VideoArchives div.MainColumn,
body#ImageArchives div.MainColumn {
  margin-bottom: 10px;
}

body#VideoArchives div#searchResults ul li a,
body#ImageArchives div#searchResults ul li a {
  font-family: Georgia, serif;
  color: #000;
}

body#VideoArchives div#FeaturedVideo,
body#ImageArchives div#FeaturedImage {
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
}

body#VideoArchives div#FeaturedVideo div,
body#ImageArchives div#FeaturedImage div {
  margin: 5px auto;
  text-align: center;
}

body#VideoArchives div#FeaturedVideo h1,
body#ImageArchives div#FeaturedImage h1 {
  font-size: 21px;
  font-family: Georgia, serif;
}

body#VideoArchives div#FeaturedVideo h1 a,
body#VideoArchives div#FeaturedVideo a,
body#ImageArchives div#FeaturedImage h1 a {
  color: #000;
}

div#VideoArchivesNarrowHeader a,
div#ImageArchivesNarrowHeader a {
  text-decoration: none;
}

div#VideoArchivesNarrowHeader.MainSidebar ul,
div#ImageArchivesNarrowHeader.MainSidebar ul {
  color: #000;
}

div#ImageArchivesNarrowHeader.MainSidebar ul li form {
  padding: 0;
}

div#FeaturedImage a.slideshowLink {
  font-weight: 700;
  text-decoration: none;
}

/* 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;
}

/* ---------- Begin New ToC Components ------------- */
#HomeFeature {
  margin: 0 5px 20px;
  height: 320px;
  padding-bottom: 10px;
}

#HomeFeature .topFtrText h4.category {
  color: #6a350e;
  text-transform: uppercase;
  margin: 1px 0 4px;
  font-size: 14px;
}

#HomeFeature .topFtrText h5.subheadline {
  font-family: Georgia, serif;
  color: #222;
  font-size: 13px;
  line-height: 14px;
  margin: 2px 0 0;
}

.HomeFeatureSlideShowThumbs {
  background: #699e9e;
  text-align: center;
  padding: 3px 0;
  font-size: 18px;
  line-height: 16px;
}

.HomeFeatureSlideShowThumbs .control {
  margin: 5px 3px;
  text-indent: -9999em;
  display: inline-block;
  width: 6px;
  vertical-align: bottom;
  height: 4px;
  padding: 0px 0 2px;
  background: url(/images/buttons/dot.png) 0 0 no-repeat transparent;
  transition: opacity linear .03s;
}

.HomeFeatureSlideShowThumbs .control:hover {
  opacity: 0.8;
  color: #294849 !important;
}

.HomeFeatureSlideShowThumbs .control.active {
  background-position: 0 -6px;
}

.HomeFeatureSlideShowThumbs .controlPrev.control,
.HomeFeatureSlideShowThumbs .controlNext.control {
  text-indent: 0;
  background: none;
  width: auto;
  color: #fff;
  font-size: 17px;
  line-height: 0.6;
  height: auto;
  padding: 0;
}

#HomeFeature div.HomeFeatureSlideShowMain {
  height: 300px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

#HomeFeature div.HomeFeatureSlideShowMain a img {
  outline: 0 none;
  border: 0 none;
}

#HomeFeature div.HomeFeatureSlideShowMain div.topFtrText {
  position: absolute;
  left: 20px;
  bottom: 10px;
  z-index: 23;
  width: 580px;
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.65);
  transition: all linear .07s;
}

#HomeFeature div.HomeFeatureSlideShowMain div.topFtrText:hover {
  background: rgba(255, 255, 255, 0.85);
}

#HomeFeature div.HomeFeatureSlideShowMain .HomeFeatureImage {
  height: 300px;
  margin-bottom: 0px;
}

#HomeFeature div.homeTopFeatureSlideShowMain div.topFtrText a.topFtrBoxLink {
  display: block;
}

.homeTopFeatureSlideShowThumbs {
  margin: 10px 0 0;
  text-align: center;
}

.homeTopFeatureSlideShowThumbs .control {
  font-size: 23px;
  font-weight: 400;
  margin: 0 3px;
  position: relative;
}

.homeTopFeatureSlideShowThumbs .control.active {
  color: #000;
}

.homeTopFeatureSlideShowThumbs .controlPrev,
.homeTopFeatureSlideShowThumbs .controlNext {
  font-size: 17px;
  top: -2px;
}

div#HomeTopTeasers {
  height: auto;
  min-height: 370px;
  position: relative;
  margin: 0 auto 10px;
  border-bottom: 3px solid #dfebeb;
  padding-bottom: 0;
}

div#HomeTopTeasers div.storyPanel {
  width: 150px;
  float: left;
  min-height: inherit;
  padding: 1px 3px 0;
  border-left: 2px dotted #dfebeb;
  margin-right: 4px;
}

div#HomeTopTeasers div.storyPanel:first-child {
  border: 0 none;
}

div#HomeTopTeasers div.storyPanel a img.storyImg {
  display: block;
  border: 0 none;
  outline: 0 none;
  margin: 0 auto 5px;
}

div#HomeTopTeasers div.storyPanel h2 a {
  color: #699e9e;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  margin: 1px 0 4px;
  font-size: 13px;
}

div#HomeTopTeasers div.storyPanel h4.headline a {
  font-family: Georgia, serif;
  color: #000;
  text-decoration: none;
  font-size: 17px;
  line-height: 20px;
}

div#HomeTopTeasers div.storyPanel p.descr {
  font-family: Georgia, serif;
  color: #888;
  font-size: 12px;
  line-height: 14px;
  margin: 2px 0 0;
}

div#HomeTopTeasers a.prev,
div#HomeTopTeasers a.next {
  display: block;
  background: #d61100;
  width: 17px;
  height: 27px;
  position: absolute;
  bottom: 3px;
  text-indent: 3px;
  z-index: 22;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  transition: padding ease-out .2s;
  -moz-transition: padding ease-out .2s;
  -webkit-transition: padding ease-out .2s;
}

div#HomeTopTeasers a.prev {
  border-radius: 0 5px 5px 0;
  left: 0;
  padding-right: 2px;
}

div#HomeTopTeasers a.prev:hover {
  padding-left: 8px;
  color: #fff !important;
}

div#HomeTopTeasers a.next {
  border-radius: 5px 0 0 5px;
  right: 9px;
  padding-left: 2px;
}

div#HomeTopTeasers a.next:hover {
  padding-right: 8px;
  color: #fff !important;
}

/* ----- Home Blog Teasers ----- */
div#HomeBlogTeasers {
  width: auto;
  height: auto;
  display: block;
  padding: 10px 0;
  border-top: 9px solid #dfebeb;
  border-bottom: 12px solid #dfebeb;
  margin: 10px auto;
}

div#HomeBlogTeasers div.tabs {
  width: 100%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  text-transform: lowercase;
  position: relative;
  z-index: 100;
}

div#HomeBlogTeasers div.tabs ul.tabLinks li {
  float: left;
  display: block;
  border-right: 2px solid #dfebeb;
  padding-right: 3px;
  text-align: center;
}

div#HomeBlogTeasers div.tabs ul.tabLinks li.tabRight {
  padding-left: 5px;
}

div#HomeBlogTeasers div.tabs ul.tabLinks li.tabRight+li.tabRight+li.tabRight {
  padding-right: 0;
  border: 0 none;
}

div#HomeBlogTeasers div.tabs ul.tabLinks li a {
  color: #666;
  text-decoration: none;
  letter-spacing: 1px;
  display: block;
  margin: 0 auto;
  padding: 5px 12px;
  transition: color linear .05s;
}

div#HomeBlogTeasers div.tabs ul.tabLinks {
  overflow: hidden;
}

div#HomeBlogTeasers div.tabs ul li a span.amp {
  font-size: 18px;
}

div#HomeBlogTeasers div.tabs ul.tabLinks li a:hover,
div#HomeBlogTeasers div.tabs ul.tabLinks li.tabBack a {
  background: #dfebeb;
}

div#HomeBlogTeasers div.tabs ul.tabLinks li.latest {
  text-transform: uppercase;
}

div#HomeBlogTeasers div.tabs ul.tabLinks li.tabCurrent a {
  background: #699e9e;
  color: #fff;
}

div#HomeBlogTeasers div.blogTeaser {
  width: auto;
  padding-top: 4px;
  border-top: 3px solid #699e9e;
}

div#HomeBlogTeasers li.storyLink {
  padding: 0px 0 5px;
  overflow: hidden;
}

div#HomeBlogTeasers div.blogTeaser ul li a img.storyImg {
  display: block;
  margin-right: 11px;
  float: left;
  clear: left;
  border: 0 none;
  margin-bottom: 14px;
}

div#HomeBlogTeasers div.blogTeaser ul li p.byline {
  text-transform: uppercase;
  color: #6a350e;
  font-size: 11px;
  margin: 3px 0 10px;
}

div#HomeBlogTeasers div.blogTeaser ul li p.byline.withoutImage {
  margin-bottom: 0;
}

div#HomeBlogTeasers div.blogTeaser ul li p.byline.withoutImage + h4.headline {
  margin-top: 0 !important;
}

div#HomeBlogTeasers div.blogTeaser ul li p.byline span.postDate {
  color: #699e9e;
}

div#HomeBlogTeasers div.blogTeaser ul li h4.headline a {
  font-size: 17px;
}

div#HomeBlogTeasers div.blogTeaser ul li p.descr {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  margin: 5px 0;
  color: #444;
}

div#HomeBlogTeasers div.blogTeaser ul li a.more {
  margin-left: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

/* ----- Home Story Teasers ----- */
div.homeTeaser {
  width: auto;
  margin: 0 auto 15px;
}

div.homeTeaser div.storyTeaserBox {
  position: relative;
  padding: 2px 6px 12px 0;
  border-bottom: 2px solid #dfebeb;
  margin: 0 auto 10px;
}

div.homeTeaser div.storyTeaserBox h2.teaserSection a {
  color: #666;
  text-decoration: none;
  font-size: 26px;
  font-family: Georgia, "Times New Roman", serif;
  margin: 4px 0 8px;
}

div.homeTeaser div.storyTeaserBox a.rss {
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(/images/icons/rssSmall.png) 0 0 no-repeat transparent;
  position: absolute;
  top: 6px;
  right: 2px;
}

div.homeTeaser div.storyTeaserBox a img.storyImg {
  display: block;
  border: 0 none;
  margin: 0 11px 11px 0;
  float: left;
  clear: left;
}

div.homeTeaser a + p.byline {
  color: #6a350e;
  text-transform: uppercase;
  font-size: 11px;
  margin: 12px 0 2px;
}

div.homeTeaser a + a + p.byline {
  margin: 0 0 12px !important;
}

div.homeTeaser div.storyTeaserBox p.byline span.section {
  color: #d61100;
  text-transform: uppercase;
}

div.homeTeaser div.storyTeaserBox h4.headline {
  margin-bottom: 4px;
}

div.homeTeaser div.storyTeaserBox h4.headline a {
  font-size: 23px;
  line-height: 26px;
}

div.homeTeaser div.storyTeaserBox h5.subheadline {
  font-size: 17px;
  line-height: 19px;
  color: #999;
  overflow-x: hidden;
  font-family: Georgia, "Times New Roman", serif;
}

div.homeTeaser div.storyTeaserBox p.descr {
  clear: both;
  font-family: Georgia, "Times New Roman", serif;
  margin: 0 auto 10px;
  color: #636363;
  padding-right: 5px;
  font-size: 13px;
}

div.homeTeaser div.storyTeaserBox a.readOn,
body.NewsWatch .tabBody a.moreLink,
#HomeBlogTeasers .blogTeaser a.readOn {
  display: inline-block;
  color: #BBB;
  text-decoration: none;
  border: 1px solid #BBB;
  padding: 2px 3px;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  background: #FFF;
  -moz-transition: color linear .05s, background linear .05s;
  -webkit-transition: color linear .05s, background linear .05s;
  transition: color linear .05s, background linear .05s;
}

div.homeTeaser div.storyTeaserBox a.readOn:hover,
body.NewsWatch .tabBody a.moreLink:hover,
#HomeBlogTeasers .blogTeaser a.readOn:hover {
  background: #6a350e;
  color: #fff !important;
}

span.grayAmp {
  color: #888 !important;
  font-size: 16px;
}

div#EventsTodayHome {
  width: 160px;
  margin: 10px auto;
  border: 0 none;
  padding: 0;
}

div#EventsTodayHome h2#EventsToday a {
  width: 152px;
  height: 111px;
  display: block;
  text-indent: -99999px;
  background: url(/images/backgrounds/todayHome.jpg) 0 0 no-repeat;
  margin: 0 auto 4px;
  text-decoration: none;
  cursor: pointer;
}

div#EventsTodayHome div.eventTodayBox {
  margin: 0 auto 4px;
  width: 152px;
  padding: 3px 0;
  background: #dfebeb;
}

div#EventsTodayHome div.eventTodayBox ul {
  list-style: none;
  margin: 5px 0 0 4px;
}

div#EventsTodayHome div.eventTodayBox ul li {
  margin-bottom: 6px;
}

div#EventsTodayHome div.eventTodayBox ul li.eventSection {
  text-transform: uppercase;
  color: #d61100;
  font-size: 11px;
}

div#EventsTodayHome div.eventTodayBox ul li.eventSection a span {
  color: #6a350e;
}

div#EventsTodayHome div.eventTodayBox ul li.eventSection a {
  text-decoration: none;
  color: #d61100;
}

div#EventsTodayHome div.eventTodayBox ul li a.more {
  text-decoration: none;
  color: #444;
  font-family: Georgia, "Times New Roman", serif;
  border: none;
  padding: 0;
  text-align: left;
  text-transform: none;
  background: none;
}

div#EventsTodayHome div.eventTodayBox ul li h4.headline a {
  color: #000;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
}

div#EventsTodayHome div.eventTodayBox ul li.timeLocation {
  color: #d61100;
  font-size: 11px;
  text-transform: uppercase;
}

div#EventsTodayHome div.eventTodayBox ul li.timeLocation a {
  text-decoration: none;
  color: #888;
  text-transform: none;
  font-family: Georgia, "Times New Roman", serif;
}

div#CurrentIssueCover {
  width: 160px;
  margin: 0 auto 15px;
  padding: 8px 0;
  border-top: 2px dotted #dfebeb;
  border-bottom: 2px dotted #dfebeb;
  text-align: center;
}

div#CurrentIssueCover h4 {
  color: #699e9e;
  font-size: 14px;
  text-transform: uppercase;
  margin: 5px auto 8px;
  text-align: center;
  font-weight: 400;
}

div#CurrentIssueCover a.coverImg img {
  display: block;
  margin: 0 auto 8px;
  border: 1px solid #333;
}

a.digEd {
  display: inline-block;
  height: 13px;
  padding: 2px 6px 4px 19px;
  background: url(/images/icons/paper-small.png) 3px 2px no-repeat #EDEFFF;
  border: 1px solid #9CA5EA;
  color: #006497;
  white-space: nowrap;
  text-decoration: none;
  margin: 0 auto 5px;
  text-align: center;
  font-weight: 700;
}

a.digEd:hover {
  color: #6A350E;
}

div#EventCalendar div.tabs div {
  padding: 4px;
  float: left;
  margin: 0;
  background: #eee;
  text-align: center;
  border-top: 2px solid #bbb;
  border-right: 2px solid #bbb;
  position: relative;
  z-index: 10;
}

div#EventCalendar div.tabs div.tabLeft {
  border-left: 2px solid #bbb;
}

div#EventCalendar div.tabs div.tabCurrent {
  background: #fff;
  z-index: 55;
}

div#EventCalendar div.tabs div a {
  text-decoration: none;
  font-size: 11px;
  color: #667ead;
}

div#EventCalendar div.tabs div a:hover {
  color: inherit;
}

div#EventCalendar div.tabs div.tabCurrent a {
  color: #000;
}

div#EventCalendar div.eventSearchBody {
  position: relative;
  z-index: 20;
  border: 2px solid #bbb;
  top: -2px;
  background: #fff;
  padding: 16px 31px;
}

div#EventCalendar div.eventSearchBody form select {
  width: 100%;
  margin: 0 0 7px;
}

div#EventCalendar div.eventSearchBody p {
  margin: -3px 0 4px;
}

div#EventCalendar div.eventSearchBody form input.text {
  background: url(/images/icons/navMag.png) 0 1px no-repeat #FFF;
  border: 2px inset;
  padding-left: 18px;
}

div#EventCalendar div.eventSearchFooter,
div#EventCalendar div.eventSearchResultsContainer {
  display: none !important;
}

div#WeekByWeek {
  width: 460px;
  float: left;
  padding-right: 20px;
  border-right: 2px dotted #dfebeb;
  margin: 5px 5px 20px 0;
}

div#Guides {
  width: 447px;
  float: left;
  padding-left: 10px;
  border-bottom: 2px dotted #dfebeb;
  margin: 5px 0 0 5px;
}

div.statusBar {
  width: 355px;
  height: 4px;
  background: #d9d9d9;
  margin: 9px auto 2px;
  position: relative;
}

div.statusBar span.status {
  width: 125px;
  height: 4px;
  display: block;
  background: #d2232a;
  position: absolute;
  left: 125px;
  top: 0;
  padding: 0;
  margin: 0;
}

div.sliderContainer {
  width: 370px;
  height: 170px;
  margin: 0 auto 8px;
  position: relative;
}

div.sliderContainer div.issueBox {
  width: 120px;
  float: left;
  margin: 0 1px;
}

div.sliderContainer div.issueBox a img {
  border: 0 none;
}

div#WeekByWeek,
div#Guides {
  position: relative;
}

div#WeekByWeek a.prev,
div#Guides a.prev {
  display: block;
  width: 17px;
  height: 22px;
  text-indent: -9999px;
  background: url(/images/buttons/leftArrow.png) left 0 no-repeat transparent;
  position: absolute;
  top: 110px;
  padding: 0;
  transition: padding ease-out .2s;
  -webkit-transition: padding ease-out .2s;
  -moz-transition: padding ease-out .2s;
  -o-transition: padding ease-out .2s;
}

div#WeekByWeek a.prev:hover,
div#Guides a.prev:hover {
  padding-right: 6px;
}

div#WeekByWeek a.next,
div#Guides a.next {
  display: block;
  width: 17px;
  height: 22px;
  text-indent: -9999px;
  background: url(/images/buttons/rightArrow.png) right 0 no-repeat transparent;
  position: absolute;
  top: 110px;
  padding: 0;
  transition: padding ease-out .2s;
  -webkit-transition: padding ease-out .2s;
  -moz-transition: padding ease-out .2s;
  -o-transition: padding ease-out .2s;
}

div#WeekByWeek a.next:hover,
div#Guides a.next:hover {
  padding-left: 6px;
}

div#WeekByWeek a.prev {
  right: 460px;
}

div#WeekByWeek a.next {
  left: 439px;
}

div#Guides a.next {
  left: 447px;
}

div#Guides a.prev {
  right: 427px;
}

div#WeekByWeek .sliderContainer,
div#Guides .sliderScrollBar,
div#Guides .sliderContainer,
div#WeekByWeek .sliderScrollBar {
  margin-left: 30px !important;
}

div#weekBottom {
  clear: left;
  margin: 5px 0 0;
  text-align: left;
  width: 100%;
  padding-top: 6px;
  border-top: 2px dotted #dfebeb;
}

div#weekBottom p {
  margin: 5px 0 0 25px;
  font-size: 12px;
  font-family: Georgia, "Times New Roman", serif;
  color: #222;
}

div#weekBottom a.digEd {
  margin-left: 25px;
}

div#weekBottom p a.weeksIssue {
  color: #999;
  font-family: Roboto, sans-serif;
  text-decoration: none;
}

/* 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;
  -moz-box-shadow: 0 0 2px #CCC;
  -webkit-box-shadow: 0 0 2px #CCC;
  box-shadow: 0 0 2px #CCC;
}

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

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

.starsContainer div {
  padding: 0 !important;
}

.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;
}

#AddEvent .locationInfo {
  margin-top: 0;
  margin-left: 100px;
}

#AddEvent form label {
  font-weight: 700;
}

#AddEvent form dt {
  float: left;
  width: 100px;
  padding-right: 1em;
  font-size: .9em;
  text-align: right;
}

#AddEvent form dd {
  margin-bottom: 1.25em;
  padding-left: 100px;
}

#AddEvent form dd p {
  margin: 0 0 .25em;
  font-size: .9em;
}

#AddEvent form textarea,
#AddEvent form input[type=text] {
  width: 50%;
}

#AddEvent .formSubmit {
  clear: left;
  margin-left: 100px;
  padding-top: 1em;
}

div#AddEvent form input[type=submit] {
  background: #a0040a !important;
  color: #fff !important;
}

#AddEvent form textarea {
  height: 100px;
  resize: vertical;
}

div#AddEvent p {
  font-size: 13px;
}

div#AddEvent p.formSubmit {
  text-align: right;
  width: 47%;
}

.LeftSidebar {
  margin: 0 auto 10px;
  display: inline-block;
  padding: 0 7px 20px !important;
  width: 144px;
  border: 1px solid #DFEBEB;/* -- width + left/right padding + 2px border = 160px - arithmetic -- */
}

.LeftSidebar ul li {
  margin: 0 0 2px;
}

#RecentComments,
.SpanningIsland,
.RelatedItem,
div#RecentByTag,
div#TopTags,
.RightSidebarTop,
div#SectionBlogs,
#MoviesThisWeek {
  border-bottom: 2px solid #e9ebeb;
  padding: 5px 5px 10px;
  margin-bottom: 10px;
}

#RelatedStories.ContentFullWidth,
#RecentByTag.ContentFullWidth {
  border: 0;
  padding: 0;
}

.ContentFullWidth #FilmTimesByHourDateSelect {
  display: none !important;
}

div.RelatedItem {
  overflow: hidden;
}

div#UpcomingEvents {
  padding: 5px 0px 0px;
  margin-bottom: 10px;
}

#RecentComments.MainColumn {
  clear: both;
  padding: 15px 5px 10px 0 !important;
}

#RecentComments .headline,
#RecentComments .headline a {
  font-size: 16px !important;
}

#ArtWalks ul li {
  margin: 1px 0 3px;
  text-align: left !important;
}

#RecentComments p {
  margin: 1px 0;
  color: #666;
  font-size: 12px;
}

#RecentComments li.l1,
#SectionBlogs li.l1 {
  color: #888;
  text-align: left !important;
}

#RecentComments li.l1 {
  margin-bottom: 0;
}

#RecentComments ul li.l0 {
  margin-bottom: 6px;
}

#TopCommenters li {
  text-align: left !important;
}

div#SectionBlogs p.more {
  text-align: right;
  margin: 7px 0 0;
}

div#SectionBlogs p.more a {
  border: none;
  background: none;
  font-size: 10px;
}

div#SectionBlogs p.more a:hover {
  color: #6a350e;
}

#RecentComments h3,
div#SectionBlogs h3 {
  border-bottom: 1px solid #dfebeb;
  padding: 0;
  margin-bottom: 10px;
}

#RecentComments h3 a,
div#SectionBlogs h3 a {
  color: #777;
  font-size: 22px;
  padding: 0 0 2px !important;
  text-transform: lowercase;
}

.RightSidebarTop ul h4 a,
#ArtWalks ul h4 a {
  font-family: Georgia, serif;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.RightSidebarTop .more {
  text-align: right;
  text-transform: uppercase;
}

#RecentComments a.more,
.SpanningIsland a.more,
.RelatedItem a.more,
div#RecentByTag a.more,
div#UpcomingEvents a.more,
div#NewsWatch a.moreLink,
#TabbedPopularity a.more {
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.RelatedItem,
div#RecentByTag,
div#UpcomingEvents {
  margin-bottom: 15px;
}

div#RelatedLocationsbyMaster .locationItem+.locationItem{
  margin: 10px 0 0;
}

#RecentComments li.storyItem {
  text-align: right;
  text-transform: uppercase;
}

div#RecentByTag {
  width: auto;
}

div#RecentByTag.SpanningFeature,
#PreviousNextInCategory.SpanningFeature {
  clear: both;
}

.RelatedItem h3 a,
.RelatedItem h3,
.RelatedItem h2,
.SpanningIsland h2,
div#RecentByTag h3,
div#UpcomingEvents h2,
div#TopTags h2,
#ArtWalks h3,
#EventsRecommended h3,
#EventsPopular h3,
#TopViewedVenues h3,
#MoviesThisWeek h2,
#TopViewedFilms h3,
#TopCommenters h3,
#AltWeekliesDynamic h3,
#OpeningThisWeek h2,
.AdSidebar h3 {
  font-size: 22px;
  color: #777;
  border-bottom: 1px solid #DFEBEB;
  padding-bottom: 2px;
  display: block;
  font-family: Georgia, serif;
  margin-bottom: 10px;
  text-transform: lowercase;
}

#OpeningThisWeek>ul {
  font-size: 11px;
}

#OpeningThisWeek ul li+li {
  margin-top: 5px;
}

#AltWeekliesDynamic {
  margin-top: 10px;
}

#MoviesThisWeek h3 {
  margin: 0 0 3px;
  padding: 0 !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
}

#MoviesThisWeek ul li a,
#TopViewedFilms ul li.filmItem a,
#OpeningThisWeek ul li a {
  font-family: Georgia, "Times New Roman", serif;
  color: #000;
  text-decoration: none;
  font-size: 15px;
  margin: 3px 0;
}

#MoviesThisWeek ul li a img {
  float: left;
  margin: 0 10px 10px 0;
  display: block;
}

#MoviesThisWeek ul li {
  margin: 0 0 5px;
  padding: 5px 0 0;
  clear: both;
  border-top: 1px solid #dfebeb;
}

#MoviesThisWeek ul li:first-child {
  border: none;
  padding: 0;
}

#MoviesThisWeek form select {
  width: 135px;
}

#MoviesThisWeek ul li p {
  margin: 0;
  color: #777;
}

#MoviesThisWeek ul li.storyItem a {
  font-size: 10px;
}

div#TopTags h2 {
  text-transform: lowercase;
}

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

div#SectionArchives {
  border: 2px dotted #dfebeb;
  border-width: 2px 0;
  padding: 10px 0;
  margin-bottom: 10px;
}

div#TabbedPopularity h2.tabs,
div#SocialMedia h2.tabs,
div#NewsWatch h2.tabs {
  color: #699E9E;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
}

div#TabbedPopularity h2.tabs a,
div#SocialMedia h2.tabs a,
div#NewsWatch h2.tabs a {
  color: #699E9E;
  text-transform: uppercase;
  padding: 1px 4px;
  font-family: Roboto, sans-serif;
}

div#NewsWatch h2.tabs a.current,
body.NewsWatch #NewsWatchTabbedFeedList h2.tabs a.current,
div#TabbedPopularity h2.tabs a.current,
div#SocialMedia h2.tabs a.current {
  background: #699E9E;
  color: #FFF;
}

div#NewsWatch h2.tabs a.current:hover,
body.NewsWatch #NewsWatchTabbedFeedList h2.tabs a.current:hover,
div#TabbedPopularity h2.tabs a.current:hover,
div#SocialMedia h2.tabs a.current:hover {
  color: #fff;
}

div#TabbedPopularity ul.body li,
div#NewsWatch ul li {
  padding: 3px 0;
  border-top: 1px dotted #DFEBEB;
  margin-bottom: 0;
}

div#TabbedPopularity ul.body li:first-child,
div#NewsWatch ul li:first-child {
  padding: 1px 0 3px;
  border-top: none;
}

body.NewsWatch #NewsWatchTabbedFeedList ul li {
  padding: 5px 0;
}

div#TabbedPopularity ul.body li h4 {
  color: #D61100;
  text-transform: uppercase;
  font-size: 11px;
  margin: 2px 0 4px;
}

body.NewsWatch #NewsWatchTabbedFeedList h2.tabs {
  margin: 0 0 10px;
  color: #699E9E;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
}

body.NewsWatch #NewsWatchTabbedFeedList h2.tabs a {
  padding: 1px 4px;
  color: #699E9E;
}

div#NewsWatch ul li a {
  font-size: 13px;
  font-family: Georgia, serif;
  margin: 2px 0 4px;
  color: #636363;
}

body.NewsWatch #NewsWatchTabbedFeedList h4.feedTitle {
  padding: 12px 6px 2px 0;
  border-top: 2px solid #dfebeb;
  text-transform: lowercase;
}

body.NewsWatch #NewsWatchTabbedFeedList h4.feedTitle a {
  color: #666;
  text-decoration: none;
  font-size: 26px;
  font-family: Georgia, "Times New Roman", serif;
  margin: 4px 0 8px;
}

body.NewsWatch #NewsWatchTabbedFeedList span.date {
  color: #777;
}

div#TabbedPopularity ul.body li h3 a,
div#NewsWatch ul li a span {
  color: #000;
  font-size: 16px;
  font-family: Georgia, serif;
}

body.NewsWatch #NewsWatchTabbedFeedList h4.feedHeadline a {
  color: #000;
  font-size: 16px;
  font-family: Georgia, serif;
}

div#TopTags h4 {
  margin: 3px 0;
}

div#TopTags hr,
div#TopTags h2 br {
  display: none;
}

div#TopTags h2 span {
  margin-left: 5px;
}

.RelatedItem h3 {
  margin-bottom: 5px;
}

.RelatedItem h4 a {
  font-family: Georgia, serif;
  font-size: 17px;
  margin-top: 0;
  color: #000;
}

.RelatedItem h4 a:hover {
  color: #6a350e;
}

.RelatedItem h4 {
  font-size: 14px;
  margin-top: 0;
  color: #777;
}

.RelatedItem ul.moduleList li.archiveImage a img,
#RelatedStories > ul > li.archiveImage {
  float: left;
  margin-right: 10px;
}

#RelatedStories > ul > li.archiveImage {
  padding-top: 5px;
  clear: left;
  margin-top: 0 !important;
}

#RelatedStories > ul > li.storyItem {
  overflow: hidden;
}

#BlogsPreviousNext {
  clear: both;
  padding: 0 0 10px;
  height: 15px;
}

.BlogPost .prevNext {
  color: #fff;
  padding: 3px 0;
  margin: 5px 0;
}

.BlogPost .prevNext .next {
  float: right;
}

div#SectionFeature {
  margin-bottom: 10px !important;
  border-bottom: 2px solid #e9ebeb;
  padding-bottom: 5px;
}

div#SectionFeature .headline,
div#SectionFeature .headline a {
  font-size: 21px !important;
}

div#SectionStories {
}

.SectionFeatureTeaser,
.SectionStoriesTeaser,
.CategoryStoriesTeaser,
.SpecialIssueCategoryStoriesTeaser,
#Specialissuesectionlanding .SpecialissuesectionlandingTeaser,
.BlogLandingTeaser,
.ArtWalkTeaserTeaser {
  overflow: hidden;
}

.SectionFeatureTeaser .headline,
.SectionStoriesTeaser .headline,
.CategoryStoriesTeaser .headline,
.SpecialIssueCategoryStoriesTeaser .headline,
#Specialissuesectionlanding .headline,
.BlogLandingTeaser .headline,
.ArtWalkTeaserTeaser .headline {
  margin: 0;
}

.SectionFeatureTeaser .summarytext {
  margin-bottom: 6px;
}

.SectionFeatureTeaser p.byline,
.CategoryStoriesTeaser p.byline,
.SectionStoriesTeaser p.byline,
.SpecialIssueCategoryStoriesTeaser p.byline,
.SpecialissuesectionlandingTeaser p.byline,
.BlogLandingTeaser p.byline,
.ArtWalkTeaserTeaser p.byline {
  color: #6A350E;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 0 5px;
}

.SectionFeatureTeaser p.descr,
.CategoryStoriesTeaser p.descr,
.SectionStoriesTeaser p.descr,
.SpecialIssueCategoryStoriesTeaser p.descr,
.SpecialissuesectionlandingTeaser p.descr,
.BlogLandingTeaser p.descr,
.ArtWalkTeaserTeaser p.descr {
  margin: 5px 0;
}

.SectionFeatureTeaser p.byline span.section,
.CategoryStoriesTeaser p.byline span.section,
.SectionStoriesTeaser p.byline span.section,
.SpecialIssueCategoryStoriesTeaser p.byline span.section,
.BlogLandingTeaser p.byline span.section,
.ArtWalkTeaserTeaser p.byline span.section {
  color: #D51100;
}

.SpecialissuesectionlandingTeaser p.byline span.section {
  display: none;
}

span.teaserDate {
  color: #D51100;
  text-transform: uppercase;
  font-size: 11px;
  font-family: Helvetica, Arial, sans-serif !important;
}

.SectionFeatureTeaser p.byline span.releaseDate,
.SectionStoriesTeaser p.byline span.releaseDate,
.CategoryStoriesTeaser p.byline span.releaseDate,
.SpecialIssueCategoryStoriesTeaser p.byline span.releaseDate,
.BlogLandingTeaser p.byline span.releaseDate,
.ArtWalkTeaserTeaser p.byline span.releaseDate {
  margin-left: 3px;
}

.SectionFeatureTeaser p.byline span.releaseDate:before,
.SectionStoriesTeaser p.byline span.releaseDate:before,
.CategoryStoriesTeaser p.byline span.releaseDate:before,
.SpecialIssueCategoryStoriesTeaser p.byline span.releaseDate:before,
.BlogLandingTeaser p.byline span.releaseDate:before,
.ArtWalkTeaserTeaser p.byline span.releaseDate:before {
  content: "/";
  display: block;
  color: #999;
}

.SectionFeatureTeaser p.categorytags,
.SectionStoriesTeaser p.categorytags,
.CategoryStoriesTeaser p.categorytags,
.SpecialIssueCategoryStoriesTeaser p.categorytags,
.BlogLandingTeaser p.categorytags {
  clear: both;
}

div#SectionStories h2 {
  display: none;
}

#Specialissuesectionlanding {
  margin-bottom: 15px;
}

div#SectionStories div.storyTeaser,
#Specialissuesectionlanding .storyTeaser,
#BlogLanding .storyTeaser,
div#ArtWalkTeaser .storyTeaser {
  float: left;
  margin-right: 20px;
}

#Specialissuesectionlanding .categoryHeading {
  text-transform: uppercase;
  margin: 0 0 5px;
  font-size: 14px;
}

#Specialissuesectionlanding .categoryHeading a {
  color: #699e9e;
}

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

#Specialissuesectionlanding .storyCapsuleContainer {
  padding: 11px 0 3px;
  margin: 0;
  border-bottom: 2px solid #e9ebeb;
}

div#SectionStories .clear,
#ArtWalkTeaser .clear {
  padding: 7px 0;
}

div#SectionStories .more,
#ArtWalkTeaser .more {
  text-align: right;
  padding: 0 6px 6px 0;
  text-transform: uppercase;
}

div#LandingFollowStories div.clear + div.clear {
}

#ArtWalkTeaser h2 a {
  border-bottom: 2px solid #DFEBEB;
  margin: 0 0 10px;
  color: #777;
  display: block;
}

/* 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;
}
.headline a:hover,
h2 a:hover,
a:hover {
  cursor: pointer;
  color: #d61100;
}

#FilmTimesByHour #FilmTimesByHourDateSelect ul li {
  width: 52px !important;
}

#FilmTimesByHour #FilmTimesByHourDateSelect ul li.active {
  width: 52px !important;
}

/* survey styles */
#SurveyForm .captchaContainer {
  margin: 0 1em;
}

#SurveyForm .captchaContainer img {
  float: left;
  margin: 0 1em 0 0;
}

#SurveyForm .captchaContainer .captchaReloadText {
  margin-top: 1em;
}

#SurveyForm .captchaContainer:after {
  content: '';
  display: block;
  clear: left;
  margin-bottom: 1em;
}

.SurveySection p {
  line-height: 1.4;
}

.SurveyQuestionText label {
  display: none;
}

.SurveyQuestionText input {
  width: 250px;
  height: 20px;
}

.answer .options {
  line-height: 1.5;
}

.SurveyQuestionComment {
  margin-top: 6px;
  margin-left: 1em;
}

.SurveyQuestionComment  label {
  display: block;
}

.SurveyQuestionComment textarea {
  width: 90%;
}

.SurveyQuestion {
  margin: 1em 0 1.5em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.75em;
}

.SurveyQuestion .question {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 4px;
}

.SurveySectionHeader h2 {
  padding: 2px 18px;
  background: #dfebeb;
}

.SurveySectionHeader .progress {
  margin: 1em;
  font-weight: bold;
}

#SurveyFormNavigation {
}

#SurveyFormNavigation div.SurveySubmit {
  text-align: right;
}

#SurveyFormNavigation .SurveyNext {
  float: right;
}

form.Survey .SurveySubmit input,
form.Survey .SurveyExit input {
  margin: 1em 0;
  border: 1px solid #999;
  padding: 0.25em 0.5em 0;
  font-size: 1.2em;
  border-radius: 10px;
}

form.Survey .SurveyNext input {
  background: #0c0;
  color: #fff;
}

#SurveyMessages .messages {
  margin: 1em;
  padding: 1em;
  background: #ff9;
  border-radius: 8px;
}

/* end survey styles*/
#FilmTimesByHour #FilmTimesByHourDateSelect ul li {
  height: 53px !important;
  width: 53px !important;
}

#FilmTimesByHour #FilmTimesByHourDateSelect ul li.month {
  height: 55px !important;
  width: 55px !important;
  text-align: left;
}

#FilmTimesByHour #FilmTimesByHourDateSelect ul li.month .header {
  float: left !important;
  line-height: 55px !important;
}

#FilmTimesByHour #FilmTimesByHourDateSelect ul li.active {
  height: 49px !important;
  width: 49px !important;
}

#RelatedStoriesSlideshow li.archiveImage {
  float: left;
  margin: 0 10px 10px 0;
}

#Slideshow div.MainColumn #RelatedStoriesSlideshow h3.headingText {
  font-size: 22px !important;
  border-bottom: 1px solid #dfebeb;
  color: #777;
  text-transform: lowercase;
}

#RelatedStoriesSlideshow li.storyItem h5 {
  font-size: 12px;
  color: #777;
}

#RelatedStoriesSlideshow li.storyItem h5 {
  font-size: 12px;
  color: #777;
  font-family: georgia, times, 'times roman', serif;
}

#RelatedStoriesSlideshow li.storyItem li.byline {
  font-size: 11px;
  color: #999;
}

div#VGNavigation.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  z-index: 33;
}

div#VGNavigation ul#mainNav {
  transition: padding ease-in 111ms, background-position ease 111ms;
  background-position: -30px 10px;
}

div#VGNavigation.sticky ul#mainNav {
  padding-left: 25px;
  background: url(/images/icons/Insider_i_logo.png) 2px 10px no-repeat transparent;
  background-size: 25px;
}

body.VisitorsGuidePortal,
body.ContentInsiderVG,
body.ContentInsiderVG div#gridClamp,
body.VisitorsGuidePortal div#gridClamp {
  background: #E2E1E0;
}

body.ContentInsiderVG div#gridClamp:after,
body.VisitorsGuidePortal div#gridClamp:after {
  content: ".";
  display: block;
  text-indent: -9999em;
  height: 0;
  clear: both;
}

body.VisitorsGuidePortal div#gridMain,
body.ContentInsiderVG div#gridMain {
  background: none !important;
  margin-top: 10px;
}

body.VisitorsGuidePortal div#gridFrame,
body.ContentInsiderVG div#gridFrame {
  margin: 5px 0 10px !important;
  padding: 0 10px;
  background: #fff;
  width: 615px;
  box-shadow: 4px 3px 8px 0px #aaa;
}

body.VisitorsGuidePortal div#gridSpanningFeature {
  border: 0 none;
  padding: 0;
}

body.ContentInsiderVG .SpanningIsland,
body.VisitorsGuidePortal .SpanningIsland {
  padding: 0 0 5px;
  border: 0 none;
  background: #fff;
  box-shadow: 4px 3px 8px 0px #aaa;
}

body.ContentInsiderVG .SpanningIsland {
  padding: 0 5px 5px;
}

body.ContentInsiderVG .SpanningIsland.Ad {
  padding: 5px;
  margin: 0 auto 10px;
}

body.VisitorsGuidePortal .SpanningIsland
#gridSpanningFeature .VisitorsGuidePortal {
  clear: both;
  padding: 0 0 1em;
  margin: 1em 0;
  border-bottom: 2px solid #000;
}

.VisitorsGuidePortal h1.sectionHeader {
  float: none;
  padding-left: 1.5em;
  font-size: 36px;
  margin-bottom: 0.5em;
  text-transform: lowercase;
}

.VisitorsGuidePortal h1.sectionHeader:before {
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  content: '';
  background: #1F6988;
}

.VisitorsGuidePortal .SpanningIsland {
  padding-left: 0;
  padding-right: 0;
}

.VisitorsGuidePortal h1.sectionHeader a {
  color: #000;
}

.VisitorsGuidePortal .VGFeature {
  float: left;
  margin: 0 10px 10px 0;
}

.VisitorsGuidePortal .vgFeatureBlurb {
  float: left;
  width: 250px;
  margin-right: 20px;
}

.VisitorsGuidePortal div#VGTeasersInsider .vgFeatureBlurb {
  width: 370px;
  margin-right: 0;
}

#gridSpanningFeature .VisitorsGuidePortal h2 {
  font-size: 28px;
  font-family: georgia, serif;
  font-weight: bold;
  position: relative;
  top: -6px;
}

.VisitorsGuidePortal h2 a {
  color: #000;
}

.VisitorsGuidePortal h3 {
  font-size: 18px;
  color: #000;
}

.VisitorsGuidePortal h3 a {
  color: #000;
}

.VisitorsGuidePortal ul h3:before {
  display: inline-block;
  content: '\2192\00a0';
  color: #900;
}

.VisitorsGuidePortal .vgSummary {
  margin: 0.5em 0;
  line-height: 1.4;
}

.VisitorsGuidePortal .vgMore {
  clear: both;
  margin: 0;
  font-size: 1.1em;
  text-transform: uppercase;
  text-align: right;
}

.VisitorsGuidePortal .vgMore a {
  color: #900;
}

.VisitorsGuidePortal .vgMore a:after {
  content: '\2192\00a0';
  color: #900;
}

.VisitorsGuidePortal .vgFollows {
  overflow: hidden;
}

.VisitorsGuidePortal .vgFollows li {
  margin: 0 0 1.8em;
  padding-left: 1.9em;
  text-indent: -0.9em;
}

.VisitorsGuidePortal .vgFollows li h3 {
  line-height: 1;
}

.VisitorsGuidePortal .vgFollows li h4 {
  display: none;
}

.SpanningFeature.VisitorsGuidePortal {
  border-bottom: 2px solid #777;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.GlobalFooter.VisitorsGuidePortal {
  clear: none;
  border: none;
  padding: 0;
  margin: 0;
}

body#VisitorsGuide #ArtWalks h3,
body#VisitorsGuide #Weather h2,
body#VisitorsGuide #VGEventPIcks h2,
body#VisitorsGuide #EventCalendar h2,
body.ContentInsiderVG .SpanningIsland.ContentInsiderVG h2,
div#LatestInCategory.ContentInsiderVG h3 {
  background: #8D3036;
  color: #fff;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  padding: 3px 0;
}

div#LatestInCategory.ContentInsiderVG h3,
body.ContentInsiderVG .SpanningIsland.ContentInsiderVG h2 {
  margin-left: -5px;
  margin-right: -5px;
}

body#VisitorsGuide #VGEventPIcks h2 a,
body#VisitorsGuide #EventCalendar h2 a,
.SpanningIsland.ContentInsiderVG h2 a {
  color: #fff;
}

body.Iapetus10Zone div#gridSpanningFeature.ContentInsiderVG {
  border: none;
  padding: 0;
}

body#VisitorsGuide #VGEventPIcks h2 a:hover,
body#VisitorsGuide #EventCalendar h2 a:hover,
.SpanningIsland.ContentInsiderVG h2 a:hover {
  color: #000 !important;
}

body#VisitorsGuide #Weather div.headerBar,
body#VisitorsGuide #VGEventPIcks div.headerBar,
body#VisitorsGuide #EventCalendar div.headerBar,
div#EventCalendar.ContentInsiderVG div.headerBar,
body.ContentInsiderVG div.SpanningIsland.ContentInsiderVG div.headerBar {
  background-image: none !important;
  padding: 0 !important;
  height: auto !important;
}

#VGEventPIcks {
  padding-bottom: 0;
}

#VGEventPIcks .storyItem {
  width: 300px;
  margin: 0 auto;
}

#VGEventPIcks .storyItem .headline,
#VGEventPIcks .storyItem .headline a {
  font-family: Helvetica, Arial, sans-serif;
}

#VGEventPIcks .storyItem .headline a {
  color: #900;
}

#VGEventPIcks .storyItem .headline span {
  font-size: 14px;
}

#VGEventPIcks .calendarDays {
  margin: 10px;
  padding: 1em 0;
  border: 2px solid #777;
  border-width: 2px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.15em;
}

#VGEventPIcks .calendarDays .calCurrent {
  color: #900;
}

#VGEventPIcks .calendarDays .calDay {
  color: #000;
}

#VGEventPIcks p.more {
  text-align: center;
  letter-spacing: 0.02em;
  padding: 0 0 5px;
}

#VGEventPIcks p.more a {
  font-size: 12px !important;
}

#VGLogoSearchIcons {
  background: #468844;
}

#VGLogoSearchIcons ul {
  background: #468844;
  text-align: right;
  height: 36px;
  line-height: 36px;
  padding-right: 10px;
}

#VGLogoSearchIcons ul li {
  float: right;
}

#VGLogoSearchIcons ul li a {
  color: transparent !important;
  text-indent: -9999px !important;
}

#VGLogoSearchIcons ul li#facebookIcon a {
  display: block;
  width: 20px;
  background: url(/images/icons/header-facebook.png) left center no-repeat;
  margin-right: 10px;
}

#VGLogoSearchIcons ul li#memberIcon a {
  display: block;
  width: 24px;
  background: url(/images/icons/header-user.png) left center no-repeat;
}

#VGLogoSearchIcons ul li#googleplusIcon a {
  display: block;
  width: 22px;
  background: url(/images/icons/header-gplus.png) left center no-repeat;
  margin-right: 10px;
}

div#Weather div {
  text-align: center;
}

#VGLogoSearchIcons form {
  float: right;
  position: relative;
  top: 60px;
  right: 10px;
}

#VGLogoSearchIcons form input[type=text] {
  background: #2E2E2C;
  border: 2px solid #fff;
  border-radius: 10px;
  height: 40px;
  width: 250px;
  color: #fff;
  text-indent: 6px;
}

#VGLogoSearchIcons form input[type=submit] {
  background: transparent url(/images/icons/header-magnify.png);
  border: none;
  color: transparent;
  width: 53px;
  height: 53px;
  position: relative;
}

#VGLogoSearchIcons #header-logo {
  background: #000 url(/images/backgrounds/Slate-Bar.jpg) center;
  height: 160px;
}

#VGLogoSearchIcons #header-logo #logo a {
  display: block;
  width: 496px;
  height: 160px;
  background: url(/images/logos/Insider_flag.png) center no-repeat;
  text-indent: -9999px;
}

#VGNavigation {
  height: 60px;
  background: #1F6988;
}

#VGNavigation ul#mainNav {
  height: 60px;
  background: #1F6988;
}

#VGNavigation ul#mainNav li {
  height: 60px;
  border: none !important;
  padding: 0 .75em;
}

#VGNavigation ul#mainNav li a {
  background: transparent;
  height: 60px;
  line-height: 60px;
  padding: 0;
}

#VGNavigation ul#mainNav a {
  color: #fff;
  font-weight: bold;
}

#VGNavigation ul#mainNav a:hover {
  color: #ccc !important;
}

div#VGTeasersInsider h1.sectionHeader {
  margin-top: 10px
}

body.VisitorsGuidePortal div#EventCalendar {
}

body.VisitorsGuidePortal div#EventCalendar div.tabs div {
  border: 0 none;
  background: none;
}

body.VisitorsGuidePortal div#EventCalendar .eventSearchBody {
  border: 0 none;
  top: 0;
  background: none;
}

body.VisitorsGuidePortal div#EventCalendar div.tabs div a {
  font-size: 13px;
  color: #111
}

body.VisitorsGuidePortal div#EventCalendar div.tabs div.tabCurrent a {
  color: #8D3036;
}

body.VisitorsGuidePortal div#ArtWalks ul {
  margin: 0 5px 5px;
}

/* About Visitor Guide */
body.PageInsiderVisitorsGuide div#gridMainColumn {
  width: 630px !important;
  padding-right: 20px !important;
  margin-top: 10px !important;
}

body.PageInsiderVisitorsGuide div.MainColumn {
  padding: 0 !important;
}

body.PageInsiderVisitorsGuide div#gridRightColumn {
  width: 300px !important;
}

body.PageInsiderVisitorsGuide div#gridMainSidebar {
  margin: 0 0 10px !important;
}

body.PageInsiderVisitorsGuide div.MainSidebar {
  padding: 5px 0 10px !important;
}

body.PageInsiderVisitorsGuide #ArtWalks h3,
body.PageInsiderVisitorsGuide #SocialMedia h2.sectionHeader,
body.PageInsiderVisitorsGuide #Weather h2,
body.PageInsiderVisitorsGuide #VGEventPIcks h2,
body.PageInsiderVisitorsGuide #EventCalendar h2 {
  background: #8D3036 !important;
  color: #fff !important;
  text-align: center !important;
  font-family: arial, helvetica, sans-serif !important;
  padding: 3px 0 !important;
}

body.PageInsiderVisitorsGuide #ArtWalks h3 a,
body.PageInsiderVisitorsGuide #SocialMedia h2.sectionHeader a,
body.PageInsiderVisitorsGuide #Weather h2 a,
body.PageInsiderVisitorsGuide #VGEventPIcks h2 a,
body.PageInsiderVisitorsGuide #EventCalendar h2 a {
  color: #fff !important;
}

body.PageInsiderVisitorsGuide #ArtWalks h3 a:hover,
body.PageInsiderVisitorsGuide #SocialMedia h2.sectionHeader a:hover,
body.PageInsiderVisitorsGuide #Weather h2 a:hover,
body.PageInsiderVisitorsGuide #VGEventPIcks h2 a:hover,
body.PageInsiderVisitorsGuide #EventCalendar h2 a:hover {
  color: #000 !important;
}

body.PageInsiderVisitorsGuide #SocialMedia div.headerBar,
body.PageInsiderVisitorsGuide #EventCalendar div.headerBar {
  background-image: none !important;
  padding: 0 !important;
  height: auto !important;
}

#PageHeadline.PageInsideVisitorsGuide,
#PageBody.PageInsideVisitorsGuide {
  padding: 0 !important;
}

/* DESKTOP AND MOBILE */
.pullQuote {
  float: none;
  clear: both;
  margin: 10px 20px 10px;
  padding: 20px;
  font-size: 1.8em;
  font-family: Georgia, serif;
  text-align: center;
  font-weight: 700;
  line-height: 1.1em;
}

div.pullQuote a {
  color: #010101 !important;
  text-decoration: none;
  font-weight: 700;
}

.pullQuote .pullQuoteTwitter {
  display: block;
  margin: 10px auto 0;
  line-height: 1;
  color: #999;
  font-size: 12px;
  padding: 1px 20px 1px 0;
  background: url(/foundation/images/icons/twitterSquare.png) 99% center no-repeat;
  background-size: contain;
  font-weight: 400;
  width: 72px;
}

/* SEARCH */

/* LOCAL RESET */

.SearchController * {
  box-sizing: border-box;
}

/* GENERAL
-------------------------------- */
.SearchController .clear-global {
  text-decoration: none;
  color: #111;
  line-height: 16px;
}

/* COMPONENT STYLES
-------------------------------- */

/* control bar */

.SearchController .query-controls {
  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 */
  margin: 1rem 0;
  background: #fff;
  font-weight: 400;
  border: 1px solid rgba(34, 36, 38, .15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
  border-radius: .28571429rem;
  min-height: 2.85714286em;
}

.SearchController .query-controls .filter-link,
.SearchController .query-controls .keyword-search {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: 0 0;
  padding: .92857143em 1.14285714em;
  text-transform: none;
  color: rgba(0, 0, 0, .87);
  font-weight: 400;
  -webkit-transition: background .1s ease, box-shadow .1s ease, color .1s ease;
  transition: background .1s ease, box-shadow .1s ease, color .1s ease;
}

.SearchController .query-controls .filter-link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.SearchController .query-controls .filter-link:hover,
.SearchController .query-controls .keyword-search:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, .03);
  color: rgba(0, 0, 0, .95);
}

#EventPicksRotatorBoxScrollerContainer .listing .eventPickTools {
  float: right;
  width: 220px;
  margin: 0 10px 6px 6px;
}

.SearchController .query-controls > div:before,
.SearchController .query-controls .keyword-search {
  border-right: 1px solid #eee;
}

.SearchController .query-controls .keyword-search:before {
  right: auto;
  left: 0;
}

.SearchController .query-controls .bar-link a {
  border-left: 1px solid #eee;
}

.SearchController .query-controls .bar-link a.active {
  background-color: #e8e8e8;
  font-weight: 700;
  box-shadow: inset 2px 0px 4px 0px #ccc;
  border-radius: 0 .28rem .28rem 0;
}

.SearchController .query-controls .filter-all,
.SearchController .query-controls .spacer,
.SearchController .query-controls .sort-all {
  border-left: 1px solid #eee;
}

/* override to create gap in bar buttons */
.SearchController .query-controls .spacer {
  display: none;
}

.SearchController .query-controls .keyword-wrap input {
  margin: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.2142em;
  padding: .67861429em 2.25em .67861429em 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, .15);
  color: rgba(0, 0, 0, .87);
  border-radius: .28571429rem;
  -webkit-transition: box-shadow .1s ease, border-color .1s ease;
  transition: box-shadow .1s ease, border-color .1s ease;
  box-shadow: none;
  box-shadow: none !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.SearchController .query-controls .keyword-wrap:hover {
  background-color: rgba(0, 0, 0, .03);
}

.SearchController .query-controls .keyword-wrap {
  position: relative;
  -webkit-flex-grow: 20;
  flex-grow: 20;
}

.SearchController .query-controls .bar-link.keyword-wrap:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -.5rem;
  right: .5rem;
  background-image: url('/foundation/images/icons/search.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.SearchController .query-controls .filter-group {
  display: none;
}

.SearchController .query-controls a.filter-link {
  line-height: 1rem;
  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 */
}

.SearchController .query-controls a.id-any:before {
  content: "";
  height: 1rem;
  width: 1rem;
  background-image: url('/foundation/images/icons/filter.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: .5rem;
}

.SearchController .query-controls .id-sort:before {
  content: "";
  height: 1rem;
  width: 1rem;
  background-image: url('/foundation/images/icons/sort.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: .5rem;
}

.SearchController .query-controls .spacer {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.SearchController .query-controls {
  position: relative;
}

.SearchController .clear-global {
  cursor: pointer;
}

/* description bar ------- */
.SearchController .query-description {
}

.SearchController .query-description {
  margin: .75em 0 0;
}

.SearchController .query-description span.token-group {
  display: inline-block;
}

.SearchController .query-description span.static {
  display: inline-block;
}

.SearchController .query-description span.dynamic,
.SearchController .query-description span.static {
  font-size: 16px;
  font-weight: normal;
  padding-right: .2em;
  line-height: 21px;
  margin: .15em 0;
  margin-right: .25em;
  position: relative;
}

.SearchController .query-description span .label {
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 10px;
  color: #aeaeae;
}

.SearchController .query-description span.dynamic:hover {
  background-color: #f0f0f0;
  border: 1px solid #ddd;
}

.SearchController .query-description span.descriptor {
  cursor: pointer;
  border: 1px solid #f3f3f3;
  padding: .15em;
  display: inline-block;
  min-height: 1em;
  outline: 0;
  vertical-align: baseline;
  background: #fafafa;
  color: rgba(0, 0, 0, .9);
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-transform: none;
  text-shadow: none;
  font-weight: 700;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
  min-width: 70px;
}

.SearchController .query-description:hover span.dynamic span.clear-param {
  display: block;
}

.SearchController .query-description span.clear-param:hover {
  background-color: #FF7D7D;
  display: block;
}

.SearchController .query-description .dynamic:hover span.clear-param,
.SearchController .query-description .dynamic:hover span.modal-indicator {
  opacity: 1;
}

.SearchController .query-description span.clear-param {
  position: absolute;
  display: none;
  bottom: 0;
  left: 50%;
  height: 23px;
  background-color: #f0dddd;
  background-image: url('/foundation/images/icons/delete.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 4px;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ccc;
  padding: .25rem;
  padding-left: 1.25rem;
  z-index: 1000;
  font-size: 13px;
  line-height: 12px;
  opacity: .5;
}

.SearchController .query-description:hover span.dynamic span.modal-indicator {
  display: block;
}

.SearchController .query-description span.modal-indicator:hover {
  background-color: #CCC;
  display: block;
}

.SearchController .query-description span.modal-indicator {
  position: absolute;
  display: none;
  bottom: 0;
  left: 50%;
  height: 23px;
  background-color: #f0dddd;
  background-image: url('/foundation/images/icons/arrow-down.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 4px;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ccc;
  padding: .25rem;
  padding-left: 1.25rem;
  z-index: 1000;
  font-size: 13px;
  line-height: 12px;
}

.SearchController .query-description span.has-indicator {
  padding-right: 2rem;
}

.SearchController .query-description span.modal-indicator {
  display: block;
  right: -1px;
  position: absolute;
  left: auto;
  top: -1px;
  bottom: -1px;
  height: auto;
  margin: 0;
  text-indent: -9999px;
  border-radius: 0 3px 3px 0;
  background-color: #eee;
  background-position: center;
  opacity: 1;
}

.SearchController .component-header {
  position: relative;
}

.SearchController .component-header h1 {
  font-weight: 700;
  font-size: 22px;
}

.SearchController .component-header * {
  display: inline-block;
}

.SearchController .component-header a {
  margin-left: 1rem;
}

.SearchController .component-header .clear-global {
  display: none;
  float: right;
  margin-top: 1rem;
}

a.clear-global {
  display: none;
  width: auto;
  bottom: 0;
  height: 23px;
  background-image: url('/foundation/images/icons/start-over.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: .5rem;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ccc;
  padding: 0.25rem;
  padding-left: 1.75rem;
  z-index: 1000;
  font-size: 13px;
  line-height: .8rem;
  transform: translate(0, -5px);
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding-right: .5rem;
}

a.clear-global:hover {
  text-decoration: none;
  color: #000;
  background-color: #fafafa;
}

/* MODAL STYLES
-------------------------------- */
.modal * {
  box-sizing: border-box;
}

.modal-wrap {
  width: 720px;
  top: 0;
  position: absolute;
  left: 50%;
  right: auto;
  margin-left: -360px;
}

.modal {
  display: none;
  position: absolute;
  min-height: 45rem;
  max-height: 800px;
  width: 720px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  z-index: 9001;
  left: auto;
  right: auto;
  margin-top: 200px;
}

.modal .tabs {
  border-bottom: 1px solid #333;
  overflow: visible;
}

.modal .switch-modal {
  margin: 0 .5rem;
  cursor: pointer;
  -webkit-touch-callout: none;    /* iOS Safari */
  -webkit-user-select: none;    /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;    /* IE/Edge */
  user-select: none;
  margin: .25rem .25rem;
  padding: .45rem 1rem;
  font-size: 1.25rem;
  border: 1px solid #333;
  border-bottom-width: 0;
  border-radius: 4px 4px 0 0;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  background-color: #f0f0f0;
  border-color: #888;
  overflow: visible;
  font-family: Helvetica, Arial, sans-serif;
  color: #999;
}

.modal .switch-modal.active {
  background-color: #fff;
  color: #333;
  border-color: #333;
}

.modal .switch-modal.active:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  bottom: -2px;
  height: 3px;
  left: 0;
  background-color: #fff;
}

.modal-close {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  text-indent: -9999px;
  background-color: #333;
  background-image: url('/foundation/images/icons/modal_close.png');
  right: 9px;
  top: 9px;    /* transform: translate(16px, -16px); */
  border: 1px solid #000;
  background-size: 18px;
  background-position: 4px;
  background-repeat: no-repeat;
  z-index: 100;
}

.modal-close:hover {
  background-color: #333;
  opacity: .5;
}

/* [OPEN, ] MODAL OPEN STATE */
.modal.open {
  display: block;
}

body .modal-dimmer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .7);
  z-index: 9000;
}

body .modal-dimmer.active {
  display: block;
}

.modal .inner,
.dropdown .inner {
  height: calc(100% - 6rem);
  overflow: auto;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  border-top: 1px solid #aaa;
}

.dropdown .inner {
  height: auto;
  padding-bottom: 3rem;
  overflow: hidden;
  position: static;
}

.modal.search-stacked .inner {
}

.modal.search-stacked .inner ul {
  margin-bottom: 1rem;
}

.modal.search-stacked .inner h3:first-child {
  display: none;
}

.modal .header {
  padding: 0 0rem;
  height: 3rem;
}

.modal .header h3 {
  padding: 0 1rem;
  margin: 0;
  line-height: 3rem;
  font-size: 1.25rem;
  font-weight: normal;
  display: inline-block;
  min-width: 180px;
}

.modal .inner h3 {
  padding: 0 1rem;
  margin: 0;
  margin-bottom: 0rem;
  line-height: 3rem;
  font-size: 1.25rem;
}

.modal .footer,
.dropdown .footer {
  height: 3rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #ccc;
  padding: .5rem;
}

.modal .footer .button,
.dropdown .footer .button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: 0;
  border: none;
  vertical-align: baseline;
  background: #e0e1e2;
  color: rgba(0, 0, 0, .6);
  margin: 0 .25em 0 0;
  padding: .78571429em 1.5em;
  text-transform: none;
  text-shadow: none;
  font-weight: 700;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: .28571429rem;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}

.modal .footer .button.done,
.dropdown .footer .button.done {
  float: right;
  color: #fff;
  background-color: #2185d0;
}

/* SORT STYLES
-------------------------------- */
.modal.sort {
  margin-left: 150px;
  width: 300px;
  min-height: 0;
  overflow: hidden;
}

.modal.sort .inner {
  position: static;
  overflow: auto;
  border-top: 0;
}

.modal.sort .inner ul li.list-button {
  font-size: 1rem;
  padding: .5rem 1rem;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e0e0e0;
}

.modal.sort .inner ul li.list-button:hover {
  background-color: #eaeaea;
}

.modal.sort .inner ul li.list-button.active {
  background-color: #eee;
  font-weight: bold;
}

.modal.sort .inner ul li.list-button:last-child {
  border-bottom: none;
}

/* LISTVIEW STYLES
-------------------------------- */
.modal .checkbox-item-wrap {
}

.modal .checkbox-item-wrap .hidden-checkbox {
  display: none;
}

.modal .list-button {
  cursor: pointer;
}

/* NESTED LIST VIEW
-------------------------------- */
.modal label {
  margin: 0;
}

.modal ul li .checkbox-item-wrap.select-all label {
  font-weight: bold;
}

.modal ul li .checkbox-item-wrap {
  font-size: 1rem;
  padding: 0;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background-color: #f8f8f8;
}

.modal ul li.child .checkbox-item-wrap {
  padding: .5rem 3.5rem;
  background-color: #fafafa;
}

ul.nested-checkbox-list li.parent,
ul.nested-checkbox-list li.child {
  padding: 0;
  background-color: #f5f5f5;
}

ul.nested-checkbox-list li.parent .checkbox-item-wrap:hover,
ul.nested-checkbox-list li.child .checkbox-item-wrap:hover {
  background-color: #eee;
}

/* [OPEN, CLOESED] PARENT NEST STATE */
ul.nested-checkbox-list li.parent.closed ul {
  height: 0;
  overflow: hidden;
}

ul .checkbox-label {
  position: relative;
  padding: .25em 0em .25em 2em;
  display: block;
  cursor: pointer;
}

ul .checkbox-label:hover {
  background-color: #f0f0f0;
}

/* [CHECKED, MIXED, UNCHECKED] PARENT CHECKED STATE */
ul.nested-checkbox-list li.parent {
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
}

ul.nested-checkbox-list li.parent > .checkbox-item-wrap label:after {
  content: "";
  position: absolute;
  right: .5rem;
  height: 1rem;
  width: 1rem;
  background-image: url('/foundation/images/icons/down-arrow.png');
  background-size: contain;
  top: 50%;
  margin-top: -.5rem;
  transition: .25s all;
}

ul.nested-checkbox-list li.parent.open > .checkbox-item-wrap label:after {
  content: "";
  position: absolute;
  right: .5rem;
  height: 1rem;
  width: 1rem;
  background-image: url('/foundation/images/icons/down-arrow.png');
  background-size: contain;
  top: 50%;
  margin-top: -.5rem;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

ul.nested-checkbox-list li.parent ul {
  -webkit-column-count: 3;    /* Ch, Saf, And, BB  */
  -moz-column-count: 3;    /* Fx */
  column-count: 3;    /* IE 10, Op 11.1+ */
  padding-left: 2rem;
  padding-right: 2rem;
}

ul.nested-checkbox-list li.parent.open ul {
  margin-top: .5rem;
  margin-bottom: 1.5rem;
}

ul.nested-checkbox-list li.parent ul li.child {
  border: none;
  display: inline-block;
  width: 100%;
}

ul.nested-checkbox-list li.parent ul li.child .checkbox-item-wrap {
  padding: 0;
  background-color: #fff;
}

ul.nested-checkbox-list li.parent > .checkbox-item-wrap .checkbox-label {
  font-size: 1.1rem;
  padding: .5em 2em .5em;
  margin: 0;
}

ul.nested-checkbox-list li.parent:first-child {
  border-top: 1px solid #ccc;
}

ul.nested-checkbox-list li.child {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

ul.nested-checkbox-list li.child:first-child {
  border-top: 1px solid #ccc;
}

ul.nested-checkbox-list li.parent.checked .checkbox-label:before {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  width: 1rem;
  top: 50%;
  margin-top: calc(-.5rem);
  background-image: url(/foundation/images/icons/checkbox.png);
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  left: .5em;
}

ul.nested-checkbox-list li.parent.mixed .checkbox-label:before {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  width: 1rem;
  top: 50%;
  margin-top: calc(-.5rem - 1px);
  background-image: url(/foundation/images/icons/checkbox.png);
  background-size: cover;
  background-position: 0px -1rem;
  background-repeat: no-repeat;
  left: .5em;
}

ul.nested-checkbox-list li.parent.unchecked .checkbox-label:before {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  width: 1rem;
  top: 50%;
  margin-top: calc(-.5rem - 1px);
  background-image: url(/foundation/images/icons/checkbox.png);
  background-size: cover;
  background-position: 0px -2rem;
  background-repeat: no-repeat;
  left: .5em;
}

ul.nested-checkbox-list li.parent li.child {
  border-bottom: 1px solid #ccc;
}

ul.nested-checkbox-list li.parent li.child.checked .checkbox-label:before {
  background-position: 0 0;
}

ul.nested-checkbox-list li.parent li.child.unchecked .checkbox-label:before {
  background-position: 0px -2rem;
}

/* STACKED LIST VIEW
-------------------------------- */
ul.stacked-checkbox-list {
  margin-bottom: 3rem;
}

ul.stacked-checkbox-list .checkbox-label {
  position: relative;
  font-size: 1.1rem;
  cursor: pointer;
}

ul.stacked-checkbox-list li {
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
}

/* [CHECKED, MIXED, UNCHECKED] PARENT CHECKED STATE */
ul.stacked-checkbox-list li.checked .checkbox-label:before {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  width: 1rem;
  top: 50%;
  margin-top: calc(-.5rem);
  background-image: url(/foundation/images/icons/checkbox.png);
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  left: .5em
}

ul.stacked-checkbox-list li.unchecked .checkbox-label:before {
  content: "";
  display: block;
  position: absolute;
  height: 1rem;
  width: 1rem;
  top: 50%;
  margin-top: calc(-.5rem - 1px);
  background-image: url(/foundation/images/icons/checkbox.png);
  background-size: cover;
  background-position: 0px -2rem;
  background-repeat: no-repeat;
  left: .5em
}

/* KEYWORD SEARCH
-------------------------------- */
.dropdown.search-keyword .inner {
  padding: 0;
}

.dropdown.search-keyword .inner h3 {
  padding: .5rem 1rem;
}

.dropdown.search-keyword .input-wrap {
  position: relative;
}

.dropdown.search-keyword .input-wrap:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -.5rem;
  right: 3.5rem;
  background-image: url('/foundation/images/icons/search.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.dropdown.search-keyword input#location-keywords {
  width: 100%;
  margin: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 3rem;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #fff;
  outline: 0;
  color: rgba(0, 0, 0, .87);
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: 1.5rem;
  padding: 0 1rem;
  display: block;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #ccc;
  padding-right: 3rem;
  border-right: 1px solid #ccc;
}

.modal.search-keyword input#location-keywords:focus {
}

.dropdown .completion-list .empty {
  padding: 1rem;
  background-color: #f5f5f5;
}

.dropdown .completion-list .completion-item {
  transition: padding .25s;
  font-size: 1rem;
  padding: .5rem 1rem;
  background-color: #f5f5f5;
  border-bottom: #eaeaea;
}

.dropdown .completion-list .completion-item:hover {
  padding-left: 1.75rem;
  cursor: pointer;
  background-color: #f0f0f0;
}

.dropdown .completion-list .completion-item.active {
  background-color: #eee;
}

.dropdown .completion-list .completion-item .completion-value {
  font-size: 1rem;
}

.dropdown .completion-list .completion-item .completion-type {
  margin-left: .25rem;
  padding: .5rem;
  color: #444;
}

.dropdown.search-keyword {
  display: none;
  box-shadow: #d7d7d7 0px 1px 7px;
}

.dropdown.search-keyword.open {
  display: block;
}

.search-keyword {
  position: absolute;
  width: 21.5rem;
  min-height: 16rem;
  left: .25rem;
  top: calc(2.5rem - 1px);
  border-top-width: 0;
  background-color: #fff;
  z-index: 9002;
  border: 1px solid #d7d7d7;
  border-radius: 0 0 3px 3px;
  border-top: 0;
}

.search-keyword .inner {
  border-top: 1px solid #d7d7d7;
}

.dropdown .completion-list .completion-item {
  position: relative;
}

.dropdown.search-keyword .inner h3 {
  font-size: 1rem;
  font-weight: bold;
}

.dropdown .completion-list .completion-item:after {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  right: .5rem;
  top: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.dropdown .completion-list .completion-item:after {
  background-image: url("/foundation/images/icons/check-plus.png");
}

.dropdown .completion-list .completion-item.direct:after {
  background-image: url("/foundation/images/icons/arrow-right.png");
}

.modal-dimmer.transparent {
  opacity: 0;
}

.SearchController .dropdown {
  z-index: 7999;
}

.bar-link #location-keywords.keyword-search {
  background-color: #fff;
  border: none;
  z-index: 8000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

/* RESULT STYLES
-------------------------------- */
.DynamicSearchResults .results {
  position: relative;
  min-height: 12rem;
}

.DynamicSearchResults .loader-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #444;
  opacity: .5;
  border-radius: 5px;
}

.DynamicSearchResults .loader,
.DynamicSearchResults .loader:before,
.DynamicSearchResults .loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.DynamicSearchResults .loader:before,
.DynamicSearchResults .loader:after {
  position: absolute;
  top: 0;
  content: '';
}

.DynamicSearchResults .loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.DynamicSearchResults .loader {
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.DynamicSearchResults .loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }

  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }

}

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }

  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }

}

.DynamicSearchResults #searchResults .header {
  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;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.DynamicSearchResults .listingsResultCount {
  justify-content: center;
}

.DynamicSearchResults #searchResults .header > div {
  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 */
  float: none;
  margin: .25rem 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.DynamicSearchResults #searchResults .header > div.pageCount {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.DynamicSearchResults #searchResults .header > div.pageCount span {
  padding-left: .5rem;
}

.DynamicSearchResults .FeaturesIcons span {
  text-indent: -9999px;
  display: block;  /* width: 0; */
}

.DynamicSearchResults .FeaturesIcons {
  display: -webkit-inline-box;    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-inline-flexbox;    /* TWEENER - IE 10 */
  display: -webkit-inline-flex;    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: inline-flex;
}

.filter-link[data-value]:before {
  margin-right: .5rem;
}

.DynamicSearchResults #searchResults .pagination a.icon-right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.DynamicSearchResults #searchResults .pagination a.icon-left {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.DynamicSearchResults #searchResults .pagination > span {
  -webkit-justify-content: center;
  justify-content: center;
}

.DynamicSearchResults #searchResults .page-total {
  padding-left: .5rem;
}

.SearchController .query-description span.descriptor.has-clear {
  position: relative;
  padding-right: 2.5rem;
}

.SearchController .query-description span.clear-param {
  display: block;
  right: -1px;
  position: absolute;
  left: auto;
  top: -1px;
  bottom: -1px;
  height: auto;
  margin: 0;
  text-indent: -9999px;
  border-radius: 0 3px 3px 0;
  background-color: #eee;
  background-position: center;
}

.comment-icon {
  position: relative;
  padding: 2px;
  margin: 2px;
  font-size: 10px;
  color: #000;
  background: #f3961c;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background: -moz-linear-gradient(#f9d835, #f3961c);
  background: -o-linear-gradient(#f9d835, #f3961c);
  background: linear-gradient(#f9d835, #f3961c);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  min-width: 1rem;    /* margin: .25rem; */
  height: .75rem;
  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;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: .75rem;
  font-weight: bold;
  font-family: sans-serif;
}

.comment-icon:after {
  content: "";
  position: absolute;
  bottom: -4px;
  right: 3px;
  border-width: 4px 4px 0;
  border-style: solid;
  border-color: #f3961c transparent;
  display: block;
  width: 0;
}

.modal.no-col .inner .nested-checkbox-list ul {
  -webkit-column-count: 1;    /* Ch, Saf, And, BB  */
  -moz-column-count: 1;    /* Fx */
  column-count: 1;    /* IE 10, Op 11.1+ */
}

/* COMPONENT : SlideshowSearchResults */
#SlideshowSearchResults .result-teasers {
  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;
}

#SlideshowSearchResults .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: 0;
}

#SlideshowSearchResults .pagination {
}

/* PRESENTATION : SlideshowSearchItem */
.slideshow-search-item {
  width: calc(50% - .5rem);
  margin-bottom: 1rem;
  transition: all 0.5s;
  position: relative;
}

.slideshow-search-item img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.slideshow-search-item .count {
  color: #fff;    /* diagonal gradient */
  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%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: auto;
}

.slideshow-search-item .count:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.slideshow-search-item .count-inner {
  position: absolute;
  bottom: .5rem;
  right: .5rem;
}

.slideshow-search-item .count-inner:before {
  content: "";
  height: 18px;
  background-image: url('/foundation/images/icons/slides.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  background-position: right;
}

.slideshow-search-item h3,
.slideshow-search-item p,
.slideshow-search-item p.byline,
.slideshow-search-item p.sections {
  position: relative;
  margin: .5rem 0;
}

.slideshow-search-item p.sections {
  color: #7E7E7E;
  margin-bottom: 0;
}

.slideshow-search-item p {
  color: #555;
  font-weight: 400
}

.slideshow-search-item h3 {
  margin-top: 2px;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.slideshow-search-item:hover a::before {
  content: "";
  position: absolute;
  bottom: -.5rem;
  right: -.5rem;
  left: -.5rem;
  top: -.5rem;
  background-color: #eee;
}

.slideshow-search-item:hover,
.slideshow-search-item:hover a,
.slideshow-search-item:hover p.byline {
  color: #000;
}

.slideshow-search-item:nth-child(1):hover a::before,
.slideshow-search-item:nth-child(2):hover a::before {
  content: "";
  position: absolute;
  bottom: -.5rem;
  right: -.5rem;
  left: -.5rem;
  top: -5px;
  background-color: #eee;
}

#SlideshowSearchResults .listingsResultCount {
  background: none
}

.slideshow-search-item:hover .slideshow-search-item {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

#SlideshowSearchController h1 {
  font-size: 2em;
}

#SlideshowSearchResults .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: 0;
  height: 204px;
  padding-bottom: 0 !important;
  text-align: center;
  background-color: #333
}

#SlideshowSearchResults .teaser-wrap img {
  height: 100%;
}

#SlideshowSearchResults .pagination {
}

div#SlideshowSearchController {
  margin: 0 0 10px;
  padding: 0;
}

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

body.HumboldtInsider div#gridLeader {
  z-index: 1;
  background-color: transparent;
}

body.HumboldtInsider div#gridClamp {
  background-color: #E2E1E0
}

body.HumboldtInsider div#BackgroundAd {
  position: absolute;
  margin-top: 266px;
}

body.HumboldtInsider div#BackgroundAd.sticky {
  position: fixed;
  margin-top: 60px;
}

body.HumboldtInsider div#Pencil1 {
  position: relative;
  z-index: 1;
}

div#LocationResultsMap a.toggle {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 20px;
  background: url(/images/icons/icon_mapToggle_white.png) left center no-repeat;
  border-radius: 3px;
  margin: 10px 0;
  background-size: contain;
  clear: both;
  font-size: 14px;
  line-height: 16px;
}

.FeaturesIcons_menu span {
  background-size: 16px
}

div#searchResults .locationResult {
  margin: 20px 0 0;
  color: #555;
  font-style: italic;
}

div#LocationResultsMap::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
}

div#LocationResultsMap h3 {
  font-weight: 700
}

div#LocationResultsMap img.teaser {
  float: left;
  margin: 3px 10px 3px 3px;
}

div#LocationResultsMap span.details {
  overflow: hidden;
  float: left;
  text-indent: -9999em;
}

div#LocationResultsMap span.details span {
  float: left;
  clear: left;
  text-indent: 0;
}

div#LocationResultsMap span.state,
div#LocationResultsMap span.postalcode {
  clear: none !important;
  padding: 0 3px;
}

div#LocationResultsMap span.state::after {
  content: ", "
}

div#LocationResultsMap a.more {
  clear: both;
  float: right;
}

span.diningPriceKey {
  color: #777;
  margin-left: 4px;
  font-size: .75em;
}
.imageTeaser{
  float: left;
  margin: 0 10px 0 0;
}
.RelatedItem li.storyItem,
.teaserItem {
    clear: both;
    overflow: hidden;
}
.RelatedItem ul.moduleList li.storyItem+.storyItem,
.teaserItem+.teaserItem    {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #ddd;
}
.storyItem.more{
  text-align: right;
}
/* 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;
}