/* General Layout */
body {
    font-family: Georgia, serif;
    background: white;
    color: black;
    margin: 0;
    text-align: center;
}

body.draft-content {
    background: #FDD;
}
.drafts {
    position: absolute;
    text-align: left;
}

a {
    text-decoration: none;
    color: #5aa4c9;
}
a img { border: none; }

.directory,
.container {
    width: 972px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.container {
    background: white;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    padding: 0 10px;
}

.topstrip, 
.bottomstrip,
.sponsors,
.copyrightstrip,
.bottommenu {
    background: black;
}
.bottomstrip .backtotop,
.topstrip .current,
.bottommenu a,
.sponsors .text,
.copyright {
    color: white;
}
.bottomstrip {
    clear: left;
}

.topstrip, 
.bottomstrip {
    height: 22px;
}
.copyrightstrip,
.bottommenu {
    height: 20px;
}
.sponsors {
    height: 75px;
}

.topstrip .subscribe,
.bottomstrip .subscribe {
    float: left;
    padding: 3px;
    cursor: pointer;
}
.topstrip .current,
.bottomstrip .backtotop {
    float: right;
}
.bottomstrip .backtotop,
.topstrip .current {
    padding: 3px 5px;
    font-size: 12px;
}
.bottomstrip a.backtotop {
    display: block;
}

.bottomstrip,
.sponsors,
.copyrightstrip {
    border-bottom: 1px solid white;
}

.cred,
.sponsors .text,
.copyright,
.bottommenu a {
    font-size: 10px;
    font-family: Arial;
}
.sponsors .text,
.copyright,
.bottommenu a {
    padding: 3px 30px 0 4px;
}
.bottommenu a {
    text-decoration: none;
    display: block;
    float: left;
    cursor: pointer;
}
.bottommenu a.feed {
    float: right;
    padding-right: 18px;
    background: url(/media/layout/feed-icon.png) no-repeat center right;
    height: 16px;
    margin-right: 3px;
}
.cred {
    float: right;
    color: white;
    padding: 4px 4px 0 4px;
}
.cred a { color: white; }
.cred-round { margin-right: -5px; }
.cred img.round {
    margin-top: -3px;
    margin-left: 2px;
}

.container .masthead {
    margin-top: 4px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px 5px;
}
.container .masthead img {
    border: none;
}

.horizadvert {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background: url(/media/layout/advertbg.png);
    height: 110px;
    clear: both;
}
.horizadvert iframe {
    width: 728px; height: 90px;
    margin-left: 122px; margin-top: 10px;
    border: none;
}

.menubar {
    font-family: NJBold;
    font-size: 22px;
    text-transform: uppercase;
}

.menubar a {
    color: black;
    display: block;
    float: left;
    padding-top:0px;
    padding-bottom:5px;
    margin: 0;
    border-right: 1px solid #c0c0c0;
    height: 26px;
    line-height: 33px;
    cursor: pointer;
}
/* this is a damn hack because 10.5px doesn't work in safari */
.menubar a.odd {
    padding-left:10px;
    padding-right:10px;
}
.menubar a.even {
    padding-left:11px;
    padding-right:11px;
}
.menubar a.last {
    border-right: none;
}
.menubar a.selected {
    background: black;
    color: white;
    margin: 0;
    padding: 0 10px 5px 11px;
}

.sidebar {
    float: right;
    width: 303px;
}
.content {
    float: left;
    width: 643px;
    border-right: 1px solid #e0e0e0;
    padding-right: 13px;
}
.sidebar,
.content {
    margin: 12px 0;
}

/* Tabs (generic) */

.tab {
    height: 45px;
    background-position: right 45px;
    background-image: url(/media/layout/tab-bg.png);
}
.tab-star, .tab-left {
    position: absolute;
    height: 45px; 
    background-position: 0 45px;
}
.tab-star { width: 35px; background-image: url(/media/layout/tab-star.png); }
.tab-left { width: 9px; background-image: url(/media/layout/tab-left.png); }
.tab-selected { background-position: right 0; }
.tab-selected .tab-star, .tab-selected .tab-left { background-position: 0 0; } 

.tab .tab-text,
.tab .tab-text-selected { 
    position: absolute;
    margin-left: 40px;
    margin-top: 15px;

    font-family: NJBook;
    text-transform: uppercase;
    font-size: 15px;
}
.tab .tab-text { color: black; }
.tab .tab-text-selected { color: white; display: none;  }
.tab-selected .tab-text { display: none !important; }
.tab-selected .tab-text-selected { display: block; }

/* Front/Section Page */

/* Frontpage main features */
.frontfeatureblock,
.frontfeatureblock .lead {
    min-height: 435px;
}
.frontfeatureblock {
    padding-bottom: 5px;
    border-bottom: 1px solid black;
}
.frontfeatureblock .lead {
    padding-right: 8px;
    width: 422px;
    float: left;
}
.frontfeatureblock .lead .author {
    margin-top: 5px;
    font-size: 14px;
}
.frontfeatureblock .lead .title {
    display: block;
    margin: 5px 0;
    font-size: 24pt;
    color: black;
    text-decoration: none;
}
.frontfeatureblock .lead .descr {
    font-size: 15px;
}
.frontfeatureblock .secondaryblock {
    margin-left: 430px;
    border-left: 1px solid #e0e0e0;
    padding-left: 8px;
}
.frontfeatureblock .secondary {
    margin-bottom: 10px;
}
.frontfeatureblock .secondary a {
    display: block;
    margin: 2px 0;
    font-size: 16px;
}
.frontfeatureblock .secondary .descr {
    font-size: 12px;
    margin-bottom: 2px;
}
.frontfeatureblock .secondary .author {
    font-size: 10px;
}

/* Frontpage blocks */

.frontblock,
.frontblock-other {
    min-height: 315px !important;
    height: auto !important;
    border-top: none !important;
}

.frontblockhead,
.featureblockhead {
    clear: left;
    margin-top: 20px;
    height: 45px;
    margin-bottom: 13px;
    border-bottom: 1px solid #c0c0c0;
}
.frontblockhead .label,
.featureblockhead .label {
    float: left;
    margin-right: 8px;
}
.frontblockhead .label {
    width: 163px;
}
.featureblockhead .label {
    width: 175px;
}
.featureblocktitle {
    margin: 10px 0 0 5px;
    font-family: NJBook;
    font-size: 14px;
    text-transform: uppercase;
}
.profile .featureblocktitle {
    margin: 10px 0 5px;
    font-family: Georgia, serif;
    text-transform: none;
    font-size: 16pt;
}

.frontblock .leaditem a {
    font-size: 18pt;
}
.frontblock .leaditem img {
    float: left;
    margin-right: 17px;
    margin-bottom: 13px;
}
.frontblock .leaditem .descr {
    font-size: 15px;
}
.frontblock .items {
    clear: left;
    padding-top: 13px;
    border-top: 1px solid #c0c0c0;
}
.frontblock .item {
    margin-bottom: 15px;
    font-size: 12px;
    min-height: 85px;
    width: 312px;
    float: left;
}
.frontblock .left {
    margin-right: 18px;
}
.frontblock .item img {
    float: left;
    margin-right: 18px;
    margin-bottom: 5px;
}
.frontblock .item a {
    font-size: 14px;
}
.frontblock-other .item .descr {
    font-size: 12px !important;
}

/* Features */

.featureblock {
    border-top: 1px solid black;
    height: 278px;
}
.profile .featureblock {
    border-top: none;
}
.featureblock .items {
    width: 660px;
}
.featureblock .item {
    float: left;
    width: 203px;
    margin-right: 17px;
    padding-bottom: 10px;
}
.featureblock .item .title,
.featureblock .item .descr,
.featureblock .item .section {
    font-size: 14px;
}
.featureblock .item .section {
    color: black;
}
.featureblock .item .title {
    margin-top: 5px;
    display: block;
}

.footer-features {
    clear: both;
    border-top: 1px solid #c0c0c0;
    padding: 10px 0;
}
.footer-features .items {
    width: 985px;
}
.footer-features .item {
    float: left;
    width: 184px;
    margin-right: 13px;
    font-size: 12px;
}

/* Section page features */

.sectiontitle {
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 11px;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    height: 37px;
    line-height: 36px;
}

.sectionfeatureblock {
    width: 424px;
    padding-right: 7px;
    border-right: 1px solid #e0e0e0;
}

.sectionfeatureblock .feature {
    padding-bottom: 20px;
}
.sectionfeatureblock .feature,
.sectionfeatureblock .smallfeature {
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
}
.sectionfeatureblock .last {
    border-bottom: none;
}
.sectionfeatureblock .feature .title {
    display: block;
    color: black;
    font-size: 24pt;
    margin-top: 5px;
}
.sectionfeatureblock .feature .descr {
    font-size: 15px;
}
.sectionfeatureblock .smallfeature .descr {
    font-size: 13px;
}
.sectionfeatureblock .feature .author,
.sectionfeatureblock .smallfeature .author {
    margin-top: 5px;
    font-size: 13px;
}

.sectionfeatureblock .smallfeature {
    min-height: 141px;
    padding-bottom: 10px;
}
.sectionfeatureblock .smallfeature img {
    float: left;
    margin-right: 15px;
}
.sectionfeatureblock .smallfeature .title {
    font-size: 20px;
}
.sectionfeatureblock .smallfeature .descr,
.sectionfeatureblock .smallfeature .author {
    margin-left: 219px;
}

/* News page */

.newstitle {
    font-size: 18pt;
    display: block;
    color: black;
    margin-top: 5px;
    margin-bottom: 10px;
}
.newsbody {
    font-size: 14px;
    padding-bottom: 10px;
}
.newsfooter {
    font-size: 12px;
    padding: 5px 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 10px;
}

/* Section page sidebar */

.sectionsidebar {
    float: right;
    width: 204px;
}

.sectionsidebar .header {
    text-align: center;
    margin-bottom: 13px;
}
.sectionsidebar .header .line {
    border-bottom: 2px solid #c0c0c0;
    height: 7px;
}
.sectionsidebar .header .text {
    margin: -9px 10px 0; 
    background: white;
    font-family: NJBook;
    font-size: 14px;
    text-transform: uppercase;
}

.sectionsidebar .items {
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 5px;
}
.sectionsidebar .item {
    font-size: 11px;
    padding-bottom: 13px;
}
.sectionsidebar .small .item {
    min-height: 66px;
}
.sectionsidebar .bigger img {
    display: block;
    margin-bottom: 6px;
}
.sectionsidebar .small .left img {
    float: left;
    margin-right: 8px;
}
.sectionsidebar .small .right img {
    float: right;
    margin-left: 8px;
}

a.archive-link,
a.archive-link-section {
    display: block;
    border-top: 1px solid #c0c0c0;
    padding: 4px 0;
    font-size: 18px;
}
a.archive-link-section {
    font-size: 16px;
}

/* Visitors */

.visitors {
    clear: both;
    padding-top: 20px;
}
.visitors-tabs {
    border-bottom: 1px solid #c0c0c0;
    height: 45px;
}
.visitors-tabs .tab {
    float: left;
    width: 120px;
    margin-right: 5px;
}
.visitors-tabs .tab-text,
.visitors-tabs .tab-text-selected {
    margin-left: auto;
    width: 120px;
    text-align: center;
    font-size: 12px;
}
.visitors-content .item {
    height: 215px;
}
.visitors-content .descr {
    font-size: 13px;
}
.visitors-content .feaureblock {
    min-height: 600px;
}

/* Video Listing */

.videos {
    clear: both;
    padding-top: 20px;
}
.videos-tabs {
    border-bottom: 1px solid #c0c0c0;
    height: 45px;
}
.videos-tabs .tab {
    float: left;
    width: 120px;
    margin-right: 5px;
}
.videos-tabs .tab-text,
.videos-tabs .tab-text-selected {
    margin-left: auto;
    width: 120px;
    text-align: center;
    font-size: 12px;
}
.videos-content {
    border-top: none;
    padding-top: 10px;
}
.videos-content .item {
    height: 215px;
    font-size: 13px;
}
    
/* Pagination */

.pagination {
    clear: both;
    padding: 2px 0;
    border-top: 1px solid #c0c0c0;
    font-family: NJBook;
    font-size: 14px;
}
.pagination a {
    color: black;
}
.pagination .count {
    margin: 0 150px;
    text-align: center;
}
.pagination .next { float: right; }
.pagination .prev { float: left; }

/* Archive */

.archive-sections {
    margin-bottom: 10px;
}
.archive-sections .item {
    margin-right: 5px;
}
.archive .item {
    clear: both;
}
.archive .item img {
    float: right;
    margin-left: 16px;
    margin-bottom: 10px;
}
.archive .item a.title {
    color: black;
    font-size: 24pt;
}
.archive .item .date {
    font-size: 12px;
}
.archive .item .descr {
    font-size: 14px;
}

/* Event list */

#event-listing {
    margin-top: 15px;
}

.event-list-day {
    font-family: NJBook;
    text-transform: uppercase;
    padding: 10px;
}
.event-list {
    padding: 10px 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}
.event-list .item {
    margin-left: 110px;
    width: 92px;
    height: 110px;
    float: left;
    font-size: 12px;
    padding-right: 12px;
    margin-bottom: 5px;
}
.event-list .item .image {
    display: block;
    position: absolute;
    margin-left: -110px;
}
.event-list .item img.free {
    position: absolute;
    z-index: 2;
    margin-left: 80px;
    margin-top: 45px;
}

/* Specific Content */

.article-grid {
    margin-top: 15px;
    border-top: none;
}

.profile .breadcrumbs {
    font-size: 8pt;
    padding-bottom: 10px;
}

.event .caption,
.event .captionAuthor,
.profile .caption,
.profile .captionAuthor,
.article .caption,
.article .captionAuthor,
.gallery .caption,
.gallery .captionAuthor {
    font-size: 10px;
}
.profile .caption,
.article .caption {
    margin-top: 5px;
    font-style: italic;
}

.profile .top-pick {
    position: absolute;
    z-index: 2;
    margin-left: 565px;
}
.profile .top-pick-and-free {
    margin-left: 505px;
}
.profile .free {
    position: absolute;
    z-index: 2;
    margin-left: 565px;
}

/*
.article .title,
.profile .title,
.visitors-content .heading,
.video .title,
.info .title,
.event .title {
    margin-top: 20px;
}
*/
.article .title,
.profile .title,
.gallery .title,
.video .title,
.info .title,
.visitors-content .heading,
.event .title {
    font-size: 36px;
}

.profile .address p {
    margin: 0;
}

.visitors-content .descr {
    margin-bottom: 20px;
    width: 423px;
}

.dropcap {
    font-size: 40px;
    float: left;
    line-height: 36px;
    margin-right: 5px;
}

.video .descr,
.article .shortBody {
    margin-top: 4px;
    font-size: 20px;
    font-style: italic;
    width: 500px;
}
.article .shortBody p {
    margin: 0;
}
.article .author {
    font-size: 12px;
    margin-top: 8px;
}

.tools {
    font-family: NJBook;
    font-size: 13px;
}
.profile .tools {
    border-bottom: 1px solid #c0c0c0;
    padding: 14px 0 0;
}
.tools-bottom .tools {
    border-top: 1px solid #c0c0c0;
    padding: 5px 0 0;
}
.tools a, .tools div {
    display: block;
    color: #333;
}
.tools a, .tools img {
    cursor: pointer;
}
.tools img {
    cursor: pointer;
    position: relative;
}
.tools-right {
    float: right;
    width: 120px;
    margin-left: 10px;
    margin-top: 10px;
}
.tools .email, 
.tools .print,
.tools .share {
    display: block;
    float: right;
    margin-left: 10px;
    border: 1px solid white;
}
.tools .share {
    width: 55px;
    text-align: right;
    padding-right: 5px;
    margin-right: -5px;
    cursor: pointer;
}
.tools .share:hover {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.tools .share .targets {
    width: 60px;
    position: absolute;
    z-index: 2;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: white;
    padding: 5px 0;
    text-align: center;
    margin-left: -1px;
    margin-top: 20px;
    display: none;
}
.tools .share:hover .targets {
    display: block;
}
.tools-right .print {
    margin-top: 5px;
    margin-right: 4px;
    clear: right;
}
.tools-right .print img {
    margin-right: 1px;
}
.tools .textsize .label {
    margin-right: 5px;
}
.tools-right .textsize {
    width: 60px;
}
.tools-right .textsize img {
    margin-top: 5px;
}

.video .tools {
    padding-top: 5px;
    height: 27px;
    border-bottom: solid 1px #c0c0c0;
    margin-bottom: 15px;
}
.video .tools .print, .video .tools .textsize {
    display: none;
}

.article .body,
.info .body,
.event .body {
    border-top: 1px solid #bfbfbf;
    margin-top: 10px;
    padding-top: 10px;
}
.article .body {
    clear: both;
}
.profile .body {
    padding-right: 10px;
}

table.profile-body {
    border-collapse: collapse;
    width: 100%;
}
table.profile-body td {
    vertical-align: top;
}

.article .inline-photo,
.article .insert {
    float: left;
    margin: 0 20px 20px 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    padding: 10px 0;
    font-size: 8pt;
}
.article .insert {
    width: 203px;
}
.article .quote {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    font-size: 20pt;
    font-style: italic;
    line-height: 1.5em;
    text-align: center;
}
.article .content-box a.cb-image,
.article .content-box a.cb-title {
    display: block;
}

.profile .tabs {
    height: 45px;
    border-bottom: 1px solid #C0C0C0;
    margin-top: 15px;
}
.profile .tabs .tab {
    float: left;
    width: 115px;
    margin-right: 5px;
    cursor: pointer;
}
.profile .tabs .tab .tab-text,
.profile .tabs .tab .tab-text-selected { 
    width: 115px;
    text-align: center;
    vertical-align: middle;
    height: 45px;
    margin-top: 13px;
    margin-left: 0;
}
.profile .tabs .tab-twoline .tab-text,
.profile .tabs .tab-twoline .tab-text-selected { 
    margin-top: 7px;
    line-height: 15px;
}

.article .body,
.info .body,
.profile .tab-content .body {
    font-size: 13px;
    line-height: 19px;
}

.profile .categories {
    width: 212px;
    background: #e1e2e4;
}
.profile .categories .category {
    margin: 13px;
    font-size: 14px;
    font-weight: bold;
}
.profile .categories .category .end-date {
    margin-left: 10px;
}
.profile .categories .category-value {
    font-weight: normal;
}
.profile .categories .category-value p {
    margin:0; padding:0;
}
.profile .priceH {
    font-weight: bold;
}
.profile .priceL {
    font-weight: normal;
    color: #999;
}

.profile .web-site,
.profile .times, 
.profile .free,
.profile .address {
    font-size: 14px;
    margin-bottom: 4px;
}
.profile a.address-showall {
    display: block; cursor: pointer;
}

.profile .map {
    height: 400px;
    margin-top: 10px;
}

.article .body .author-credits {
    font-style: italic;
}

.profile .sold-out { color: red; }

#inlineGallery .image {
    text-align: center;
    margin-bottom: 10px;
}
#inlineGallery .image,
#inlineGallery .image .controls {
    width: 643px;
    height: 450px;
} 
#inlineGallery .image .controls {
    position: absolute;
}
#inlineGallery .image .controls a {
    display: block;
    cursor: pointer;
    height: 100%;
    opacity: 0.5;
}
#inlineGallery .image .controls a.next {
    float: right;
    width: 550px;
}
#inlineGallery .image .controls a.next:hover {
    background: url(/media/layout/arrow-right.png) no-repeat 520px 215px;
}
#inlineGallery .image .controls a.prev {
    float: left;
    width: 90px;
}
#inlineGallery .image .controls a.prev:hover {
    background: url(/media/layout/arrow-left.png) no-repeat 10px 215px;
}
#inlineGallery .caption {
    min-height: 40px;
}
#inlineGallery .counter,
#inlineGallery .viewalbum {
    float: right;
    clear: right;
    font-size: 12px;
}
#inlineGallery .viewalbum {
    cursor: pointer;
}
.gallery #inlineGallery .counter,
.gallery #inlineGallery .viewalbum {
    font-size: 14px;
}

#inlineGallery .thumbnails {
    min-height: 500px; /* 450 + 10 + 40 */
}
#inlineGallery .thumbnails .thumb {
    float: left;
    margin-right: 11px;
    margin-bottom: 12px;
    border: 2px solid white;
    cursor: pointer;
    width: 94px; height: 66px;
}
#inlineGallery .thumbnails .lastinrow {
    margin-right: 0;
}
#inlineGallery .thumbnails .selected {
    border: 2px solid black;
}

.gallery .title {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #c0c0c0;
}
.gallery .descr {
    margin-top: 10px;
}

.events-tabs {
    height: 45px;
    padding-left: 50px;
}
.events-tabs .tab {
    display: block;
    width: 105px;
    float: left;
    margin-right: 5px;
}
.events-tabs .tab .tab-text,
.events-tabs .tab .tab-text-selected {
   margin-top: 19px;
   margin-left: 0;
   line-height: 12px;
   width: 97px;
   padding: 0px 4px;
   text-align: center;
   font-size: 13px;
}
.events-tabs .tab-twoline .tab-text,
.events-tabs .tab-twoline .tab-text-selected {
   margin-top: 10px;
}
.events-title .tab-text-selected {
    position: relative;
    text-align: center;
    font-family: NJBold;
    font-size: 24px;
    padding: 8px 0 0;
    margin: 0;
}
.events-title .next,
.events-title .prev {
    font-size: 16px;
    width: 150px;
    padding: 6px 10px 0;
    color: white;
}
.events-title sup {
    line-height: 20px;
}
.events-title .prev { float: left; text-align: left; }
.events-title .next { float: right; text-align: right; }
.events-title .prev sup,
.events-title .next sup {
    line-height: 9px;
}

.related {
    clear: both;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background: url(/media/layout/seal.png) no-repeat 10px 10px;
    min-height: 45px;
    padding: 10px 0 10px 62px;
    margin-top: 20px
}
.related-title {
    float: left;
    margin-top: 12px;
    text-transform: uppercase;
    font-family: NJBold;
    font-size: 20px;
}
.related-content {
    margin-left: 150px;
    font-size: 12px;
}

/* Sidebar Widgets */

.searchbox {
    background-image: url(/media/layout/searchbox.png);
    width: 303px;
    height: 41px;
    margin-bottom: 6px;
}
.searchbox input {
    border: none;
    position: absolute;
    margin-left: 12px;
    margin-top: 11px;
    width: 240px;
    height: 18px;
}
.searchbox input.inactive {
    color: #999;
}
.searchbox .go {
    cursor: pointer;
    position: absolute;
    margin-left: 252px;
    margin-top: 10px;
    width: 45px;
    height: 21px;
}
.searchbox .close {
    cursor: pointer;
    position: absolute;
    display: none;
    margin-left: 233px;
    margin-top: 12px;
    width: 18px;
    height: 18px;
    background-image: url(/media/layout/searchbox-x.png);
}
.searchbox .spinner {
    cursor: pointer;
    position: absolute;
    margin-left: 253px;
    margin-top: 8px;
    width: 44px;
    height: 25px;
    background: black;
}
.directory .searchbox .spinner {
    margin-top: -2px;
    margin-left: 290px;
    background: transparent;
}

.searchbox .spinner img {
    height: 25px; width: 25px;
    margin-left: 10px;
}
.searchbox .results {
    z-index: 2;
    position: absolute;
    margin-top: 33px;
    width: 303px;
    background: black;
}
.searchbox .results .highlight {
    background: #333;
}
.searchbox .results a.hit {
    display: block;
    margin: 5px 10px;
    padding: 5px 0;
    min-height: 66px;
    font-size: 12px;
}
.searchbox .results a.hit .title {
    color: #5aa4c9;
}
.searchbox .results .hit img {
    float: left;
    margin-right: 14px;
}
.searchbox .results a.hit .descr {
    color: white;
}
.searchbox .results .empty {   
    color: #ccc;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
}

.directoryWidget {
    height: 175px;
    margin-bottom: 10px;
}
.directoryWidget .heading {
    background-image: url(/media/layout/directory.png);
    height: 175px;
    width: 41px;
    margin-right: 6px;
    float: left;
    cursor: pointer;
}
.directoryWidget .finda {
    background-image: url(/media/layout/directory-box-a.png);
    height: 175px;
    width: 129px;
    float: left;
    margin-right: 6px;
}
.directoryWidget .feature {
    background-image: url(/media/layout/directory-box-b.png);
    height: 175px;
    width: 121px;
    float: left;
}
.directoryWidget .finda,
.directoryWidget .feature .header,
.directoryWidget .feature .type {
    font-family: NJBook;
    font-size: 15px;
    text-transform: uppercase;
    color: white;
}
.directoryWidget .header {
    margin: 8px 12px;
    border-bottom: 1px solid #929292;
}
.directoryWidget .feature .type,
.directoryWidget .feature img,
.directoryWidget .feature .title,
.directoryWidget .finda a.section {
    margin: 0 12px;
    display: block;
    cursor: pointer;
}
.directoryWidget .feature .type,
.directoryWidget .feature .title,
.directoryWidget .finda a.section {
    height: 20px;
}
.directoryWidget .finda a.section .normal { color: #929292; }
.directoryWidget .finda a.section .selected { color: white; display: none !important; }
.directoryWidget .finda a.section-selected .normal { display: none !important; }
.directoryWidget .finda a.section-selected .selected { display: inline !important; }

.directoryWidget .feature img {
    margin-bottom: 5px;
    margin-top: 5px;
}
.directoryWidget .feature a.title {
    font-size: 12px;
    height: 32px;
    overflow: hidden;
}

.eventsWidget {
    background-image: url(/media/layout/whatson.png);
    width: 302px;
    height: 515px;
    margin-bottom: 10px;
}
.eventsWidget-toptab {
    height: 47px;
    display: block;
}

.eventsWidget .heading {
    height: 31px;
    font-family: NJBook;
    text-transform: uppercase;
}
.eventsWidget .heading .text,
.eventsWidget .heading .date {
    line-height: 18px;
}
.eventsWidget .heading .text {
    padding: 7px 0 0 7px;
}
.eventsWidget .heading .date {
    float: right;
    width: 83px;
    padding: 7px 0 0 7px;
    margin-right: 3px;
}
.eventsWidget .heading .date sup {
    line-height: 4px;
}
.eventsWidget .items {
    height: 125px;
}
.eventsWidget .items .item {
    width: 94px;
    height: 120px;
    overflow: hidden;
    padding: 5px 0 0 5px;
    float: left;
    font-size: 10px;
}
.eventsWidget .items .item img {
    margin-bottom: 4px;
}
.eventsWidget .more {
    height: 19px;
}
.eventsWidget .more a {
    display: block;
    padding-left: 205px;
    padding-top: 3px;
    font-size: 11px;
}
.eventsWidget .coming {
    font-size: 11px;
    padding-left: 24px;
    margin-top: 7px;
}

.advert {
    width: 300px; height: 250px;
    border: 1px solid #ccc;
    margin-bottom: 11px;
}
.advert iframe{
    width: 300px; height: 250px;
    border: none;
}

.socialWidget a.fb-link {
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
}

.top5Widget .tabs {
    height: 45px;
}
.top5Widget .tabs .tab {
    width: 120px;
    float: left;
    margin-right: 5px;
}
.top5Widget .tabs .tab .tab-text-selected,
.top5Widget .tabs .tab .tab-text {
    margin-left: 0px;
    width: 120px;
    text-align: center;
}
.top5Widget .bg {
    background-image: url(/media/layout/top5-bg.png);
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    margin-bottom: 10px;
}
.top5Widget .seal {
    position: absolute;
    background-image: url(/media/layout/top5-seal.gif);
    width: 24px; height: 24px;
    margin-top: 10px;
    margin-left: 10px;
}
.top5Widget .heading {
    height: 30px;
    padding-left: 39px;
    padding-top: 12px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;

    font-family: NJBook;
    text-transform: uppercase;
    font-size: 14px;
}
.top5Widget ol.items {
    padding: 10px 10px 10px 35px;
    margin: 0;
}
.top5Widget li.item {
    font-size: 12px;
    margin-bottom: 5px;
}

/* Search results */
    
.search .hit {
    clear: left;
    padding: 5px 0;
    min-height: 66px;
}
.search .hit img {
    float: left;
    margin-right: 14px;
}
.search .hit .descr {
    font-size: 12px;
}

/* Direcotry Overlay */

.directory-container,
.directory-bg,
.directory-content {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.directory-loading {
    background-image: url(/media/layout/spinner.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 100px;
    text-align: center;
    height: 400px;
}
.directory-content {
    z-index: 5;
}
.directory-bg {
    opacity: 0.9;
    background: black;
    z-index: 5;
}
.directory-content {
    z-index: 6;
    overflow: auto;
}

.directory {
    padding-bottom: 20px;
}

.directory .masthead {
    padding: 6px;
    margin-top: 34px;
    margin-bottom: 5px;
}

.directory .heading {
    border-top: 2px solid #9a9a9a;
    border-bottom: 2px solid #9a9a9a;
    padding: 0 0 6px;

    font-family: NJBold;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 33px;
    color: white;

    margin-bottom: 5px;
    height: 26px;
}

.directory .close {
    float: right;
    font-family: NJBook;
    font-size: 16px;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
}

.directory .choose-section {
    display: none;
}
.sections-only .choose-section {
    display: block;
    color: #CCC;
}
.sections-only .interface {
    display: none;
}

.directory .sections {
    font-family: NJBook;
    font-size: 16px;
    height: 45px;
}
.directory .sections a {
    text-transform: uppercase;
    margin-right: 5px;
    cursor: pointer;
}
.directory .sections .sep {
    color: #333;
    margin-right: 5px;
}
.directory .sections a span.normal { color: #999; }
.directory .sections a span.selected { 
    display: none; 
    color: white; 
}
.directory .sections a.selected span.normal { display: none !important; }
.directory .sections a.selected span.selected { display: inline !important; }

.directory .searchbox {
    background-position: -10px -10px;
    height: 21px; width: 285px;
    margin-bottom: 10px;
}
.directory .searchbox input {
    margin-left: 2px;
    margin-top: 2px;
}

.directory .criteria,
.directory .categories,
.directory .results,
.directory .sortby {
    float: left;
    margin-right: 16px;
    font-size: 12px;
}
.directory .sortby { display: none; } /* Just for now. */
.directory .categories,
.directory .criteria { 
    width: 160px; 
}
.directory .results { 
    width: 620px; 
    margin-right: 0;
}
.directory .sortby { min-width: 75px; }
.directory .header {
    color: white;
    padding: 5px 0;
    border-bottom: 1px solid #6b6b6b;
    margin-bottom: 5px;
}
.directory .categories .sub,
.directory .criteria .sub {
    color: #BBB;
    cursor: pointer;
}
.directory .categories .suburb {
    color: #999;
    cursor: pointer;
    margin-left: 8px;
}
.directory .criteria .sub img.x {
    float: right;
    margin: 4px 2px 0;
}
.directory .categories .selected,
.directory .sort .selected {
    color: white;
    text-decoration: underline;
}

.directory .results-container {
    padding-top: 5px;
    color: #999;
}
.directory .results .header .sub {
    cursor: pointer;
}
.directory .results .hit {
    clear: both;
    min-height: 66px;
    padding-bottom: 10px;
}
.directory .results .hit img.profile {
    float: left;
    margin-right: 16px;
}
.directory .results .hit .descr {
    width: 320px;
}
.directory .results .hit .suburbs,
.directory .results .header .suburbs {
    float: right;
    width: 120px;
}
.directory .results .hit .suburbs {
    color: #CCC;
}
.directory .results .hit div.price,
.directory .results .header div.price {
    float: right;
    width: 90px;
    text-align: right;
}
.directory .results .hit div.price .priceH {
    color: #EEE;
}
.directory .results .hit div.price .priceL {
    color: #999;
}
.directory .results .hit img.top-pick,
.directory .results .header .top-pick {
    float: right;
    margin-right: 10px;
}
.directory .results .empty {   
    font-size: 14px;
}
.directory .results .hit img.free {
    position: absolute;
    z-index: 2;
    margin-left: -30px;
    margin-top: 37px;
}

/* Pop-over boxes */

.subscribe-signup,
.coming-soon {
    z-index: 2;
    position: absolute;
    background: white;
    border: 1px solid #999;
    padding: 5px;
    font-size: 14px;
    color: black;
    font-family: Georgia, serif;
    text-transform: none;
    line-height: normal;
}
.coming-soon {
    margin-left: -120px;
    text-align: center;
}
.bottommenu .subscribe-signup {
    margin-top: -50px;
    margin-left: -140px;
}

/* Site Map */

.sitemap a.label {
    display: block;
    margin-top: 20px;
}

#news_nav h5 {
    margin-top:0;
    margin-bottom:5px;
    font-size:8pt;
    font-weight:normal;
}
#news_nav ul {
    padding-left:0;
    margin-top:0;
}
#news_nav li {
    list-style:none;
    font-size:8pt;
    padding-left:1em;
    text-indent:-1em;
}
#news_nav ul.closed {
    display:none;
}
#news_nav ul li.hidden {
    display:none;
}
#news_nav .button {
    cursor:pointer;
}
#news_nav .header {
    border-bottom: 1px solid #c0c0c0;
    line-height:12pt;
    margin-top:-4px;
}
.news .newsbody .hidden {
    display:none;
}
.news .newsbody .button {
    cursor:pointer;
}