/**
 * @file        features.css
 * @description Feature styles
*/

/**
 * @section GENERAL
*/
.features {
    clear: both;
    font: 13px Georgia, serif;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.feature {
    clear: both;
    float: left;
    width: 100%;
}

.features .header,
.features .header a {
    color: #444;
}

.features-header {
    font-size: 16px;
    margin-bottom: 10px;
}

.feature .sub-header {
    font-weight: bold;
    margin-bottom: 6px;
}


/**
 * @section NUMBERED FEATURE SETS
*/

/*
    Set  1      1/6     Three-Column Link List
    Set  2      1/6     Full-Width Feature Carousel
    Set  3      4/5     Half-Width Feature Carousel
    Set  4      4/5     Two-Column Image Top Features
    Set  5      4/5     Float Left Image w/ Right Notch Overlay
    Set  6      4/5     Image Top w/ Bottom Notch Overlay
    Set  7      4/5     Two-Column Features/Double Top Border
    Set  8      4/5     Related Links/Double Top Border
    Set  9      4/5     Blog River
    Set 10      4/5     Bordered Feature
    Set 11        2     Bottom Border Features/Float Left Image
    Set 12        3     Narrow Features/Bordered w/ BG Color
    Set 13      Ar1     Article Slideshow Link
    Set 14      X/N     Xrail/Navigation Features
    Set 15      4/5     Table of Contents
    Set 16      1/6/4/5 Gallery Finder
*/

/* Set 1: Three-Column Link List */
.set1 {
    background: #f6f5f4;
    border: 1px solid #fff;
    outline: 1px solid #e0e0e0;
    padding: 5px 5px 16px;
    width: 618px;
}   /* overrides in ie.css */

.set1 .features-header {
    font-size: 12px;
    text-transform: uppercase;
}

.set1 .feature {
    clear: none;
    font: 12px Arial, Helvetica, sans-serif;
    margin-right: 23px;
    width: 190px;
}

.set1 .feature.last {
    margin: 0;
}

.set1 .feature .header {
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
    margin-bottom: 2px;
    padding-bottom: 3px;
}

.set1 .links li {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 2px;
    padding-bottom: 3px;
}


/* Set 2 & 3: Feature Carousel */
.set2 .feature,
.set3 .feature {
    clear: none;
    margin-right: 15px;
    overflow: hidden;
    width: 80px;
}

.set3 .feature {
    margin-right: 10px;
}

.set2 .feature.last,
.set3 .feature.last {
    margin: 0;
}

.set2 .w,
.set3 .w {
    margin-bottom: 4px;
    text-align: center;
}

.set2 .feature .header,
.set3 .feature .header {
    font: bold 11px/1.2 Arial, Helvetica, sans-serif;
    text-align: center;
}

.set2 .feature-carousel,
.set3 .feature-carousel {
    padding: 0 37px;
    position: relative;
}

.set3 .feature-carousel {
    padding: 0 20px;
}

.set2 .feature-carousel-inner,
.set3 .feature-carousel-inner {
    overflow: hidden;
    position: relative;
    width: 556px;
    height: 124px;
}

.set3 .feature-carousel-inner {
    width: 260px;
}

.set2 .feature-container,
.set3 .feature-container {
    position: absolute;
    width: 9999em;
}

.set2 .features-footer,
.set3 .features-footer {
    font: bold 11px Arial, Helvetica, sans-serif;
    margin-right: 45px;
    text-align: right;
}

.set3 .features-footer {
    margin-right: 20px;
}

.set2 .features-footer a:after,
.set3 .features-footer a:after {
    content: " \203a\203a";
}

/* nav */
.set2 .feature-carousel-previous,
.set2 .feature-carousel-next,
.set3 .feature-carousel-previous,
.set3 .feature-carousel-next {
    background: url(/css/i/features/features-sprite.gif) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0;
    text-indent: -9999px;
    width: 14px;
    height: 80px;
}

.thumbnailstrip .feature-carousel-previous,
.thumbnailstrip .feature-carousel-next {
    display: none;
}

.set2 .feature-carousel-previous:hover,
.set2 .feature-carousel-next:hover,
.set3 .feature-carousel-previous:hover,
.set3 .feature-carousel-next:hover {
    opacity: .6;
}

.set2 .feature-carousel-previous,
.set3 .feature-carousel-previous {
    background-position: -144px 50px;
    left: 0;
}

.set2 .feature-carousel-next,
.set3 .feature-carousel-next {
    background-position: -166px 50px;
    right: 0;
}

.set2 .feature-carousel .disabled,
.set3 .feature-carousel .disabled {
    cursor: default;
    opacity: .2;
}   /* override in ie.css */

/* our magazines style */
.s_wedding-magazines .set2,
.s_wedding-magazines .set3 {
    background: url(/css/i/features/carousel-toc-line.gif) repeat-x;
    padding-top: 19px;
}

.s_wedding-magazines .set2 .feature-carousel-inner,
.s_wedding-magazines .set3 .feature-carousel-inner {
    height: 154px;
}


/* Set 4: Two-Column Image Top Features */
.set4 {
    margin-bottom: 10px;
}

.set4 .feature {
    font-size: 12px;
    width: 140px;
}

.set4 .feature {
    margin-bottom: 10px;
}

.set4 .feature.odd {
    clear: right;
    float: right;
}

.set4 .feature .header {
    font: bold 12px Arial, Helvetica, sans-serif;
}

.set4 .feature .w {
    margin-bottom: 5px;
}

.set4 .feature .links a {
    font: bold 11px Arial, Helvetica, sans-serif;
}

.set4 .feature .links a:after {
    content: " \203a\203a";
}


/* Set 5 & 6: Notch Overlay/Left and Top Image */
.set5 .feature,
.set6 .feature {
    font: 12px Arial, Helvetica, sans-serif;
}

.set5 .feature + .feature,
.set6 .feature + .feature {
    margin-top: 10px;
}

.set5 .feature .w {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
}

.set6 .feature .w {
    margin-bottom: 10px;
    position: relative;
}

.set5 .feature .photo .w:after,
.set5 .feature .captioned-photo .w:after {
    content: url(/css/i/features/left-notch.png);
    position: absolute;
    top: 10px;
    right: 0;
}

.set6 .feature .photo .w:after,
.set6 .feature .captioned-photo .w:after {
    content: url(/css/i/features/bottom-notch.png);
    position: absolute;
    bottom: 0;
    left: 18px;
}

.set5 .feature .header,
.set6 .feature .header {
    font: 20px Georgia, serif;
    line-height: 1;
    margin-bottom: 6px;
}

.set5 .feature .blurb {
    overflow: hidden;
}

.set5 .feature .text,
.set6 .feature .text {
    margin-bottom: 6px;
}

.set5 .feature .links li,
.set6 .feature .links li {
    margin-bottom: 4px;
}

.set5 .feature .links li:before,
.set6 .feature .links li:before {
    content: "\203a\00a0";
}

.set5 .features-footer a:after,
.set6 .features-footer a:after {
    content: " \203a\203a";
}


/* Set 7: Two-Column Features/Double Top Border */
.set7 {
    border-top: 3px double #ccc;
    margin-bottom: 10px;
    padding-top: 7px;
}

.set7 .features-header {
    font-size: 12px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.set7 .feature {
    font: 12px Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    width: 140px;
}

.set7 .feature.odd {
    clear: right;
    float: right;
}

.set7 .feature .w {
    float: left;
    margin-right: 10px;
}

.set7 .feature.imageonly .w {
    float: none;
    margin-right: 0;
}

.set7 .feature .header {
    font: 18px Georgia, serif;
}

.set7 .feature .links li {
    margin-bottom: 4px;
}

.set7 .feature .links li:before {
    content: "\203a\00a0";
}

.set7 .features-footer {
    font: bold 11px Arial, Helvetica, sans-serif;
}

.set7 .features-footer a {
    color: #444;
}

.set7 .features-footer a:after {
    content: " \203a\203a";
}

/* eDirectory */
#centralContent .set7 .feature {
    width: 221.5px;
}


/* Set 8: Related Links/Double Top Border */
.set8 {
    font-size: 12px;
}

.set8 .features-header {
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 4px;
}

.set8 .feature {
    border-top: 3px double #ccc;
    padding-top: 7px;
}

.set8 .feature + .feature {
    margin-top: 10px;
}

.set8 .feature .rubric {
    margin-bottom: 4px;
}

.set8 .feature .header {
    font-size: 12px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.set8 .feature .w {
    float: left;
    margin: 0 10px 10px 0;
}

.set8 .feature .text {
    font: 11px Arial, Helvetica, sans-serif;
}

.set8 .feature .lead a:after {
    content: " \203a\203a";
}

.set8 .feature .links li {
    margin-bottom: 4px;
}

.set8 .feature .links li:before {
    content: "\203a\00a0";
}


/* Set 9: Blog River */
.set9 {
    font: 11px Arial, Helvetica, sans-serif;
    text-align: center;
}

.set9 .features-header {
    font: 22px Georgia, serif;
    margin-bottom: 6px;
}

.set9 .feature {
    padding-top: 11px;
}

.set9 .feature + .feature {
    margin-top: 10px;
}

.set9 .feature .header {
    border-bottom: 1px dotted #999;
    font: bold 13px Georgia,serif;
    margin-bottom: 2px;
    padding-bottom: 2px;
}

.set9 .feature .header a {
    color: #137095;
}

.set9 .feature .display-date {
    border-bottom: 1px dotted #999;
    margin-bottom: 4px;
    padding-bottom: 2px;
}

.set9 .feature .w {
    margin-bottom: 4px;
}

body.home .set9 .feature .w {
    display: none;
}   /* hide image on home page */

.set9 .features-footer {
    font-weight: bold;
}

.set9 .features-footer a:after {
    content: " \203a\203a";
}


/* Set 10: Bordered Feature */
.set10 .feature {
    border: 1px solid #e0e0e0;
    padding: 10px;
    width: 278px;
}

.set10 .feature + .feature {
    margin-top: 10px;
}

.set10 .feature .rubric {
    margin-bottom: 4px;
}

.set10 .feature .w {
    float: left;
    margin: 0 10px 10px 0;
}

.set10 .feature .header {
    font-weight: normal;
    font-size: 20px;
    line-height: 1;
}

.set10 .feature .text {
    font: 12px Arial, Helvetica, sans-serif;
}

.set10 .feature .links {
    clear: both;
    font-size: 12px;
    margin-top: 10px;
}

.set10 .feature .links li {
    margin-bottom: 4px;
}

.set10 .feature .links li:before {
    content: "\203a\00a0";
}


/* Set 11: Bottom Border Features/Float Left Image */
.set11 .feature {
    border-top: 1px solid #e0e0e0;
    margin-top: 15px;
    padding-top: 15px;
}

.set11 .feature.first {
    border: 0;
    margin: 0;
    padding: 0;
}

.set11 .feature .rubric {
    font-weight: normal;
    letter-spacing: normal;
}

.set11 .feature .header {
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 2px;
}

.set11 .feature .w {
    float: left;
    margin: 0 10px 10px 0;
}

.set11 .feature .blurb {
    overflow: hidden;
}

.set11 .feature .text {
    line-height: 1.4;
    margin-bottom: 2px;
}

.set11 .feature .links li {
    font: bold 11px Arial, Helvetica, sans-serif;
    margin-bottom: 4px;
}

.set11 .feature .links li a:after {
    content: " \203a\203a";
}


/* Set 12: Narrow Features/Bordered w/ BG Color */
.set12 {
    background: #f6f5f4;
    border: 1px solid #e0e0e0;
    float: none;
    margin-top: 10px;
    padding: 15px 15px 0;
    width: 163px;
}

#position1_urail .set12 {
    clear: right;
    float: left;
}

#position1_urail .set12 + .set12 {
    margin-left: 22px;
}

.set12 .features-header {
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
    top: -26px;
    text-align: center;
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff;
}

.set12 .feature {
    float: none;
    font-size: 12px;
    margin-bottom: 25px;
}

.set12 .features-header + .feature.first {
    margin-top: -15px;
}

.set12 .feature .header {
    font: bold 12px Arial, Helvetica, sans-serif;
}

.set12 .feature .w {
    margin-bottom: 5px;
}

.set12 .feature .text a {
    font: bold 11px Arial, Helvetica, sans-serif;
}

.set12 .feature .text a:after {
    content: " \203a\203a";
}


/* Set 13: Article Slideshow Link */
.set13 .links li {
    background: #fbfbfb;
    border: 1px solid #e0e0e0;
    border-width: 1px 0;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 0 3px;
    position: relative;
}

.set13 .links li img {
    position: absolute;
    top: -4px;
    left: 0;
}

.set13 .links li a {
    margin-left: 40px;
}


/* Set 14: Xrail/Navigation Features */
.set14 .feature {
    border-top: 3px double #ccc;
    font: 12px Arial, Helvetica, sans-serif;
    padding-top: 3px;
}

.set14 .feature + .feature {
    margin-top: 17px;
}

.set14 .feature .header {
    font: italic bold 13px Georgia, serif;
    margin-bottom: 7px;
}

.set14 .feature .text {
    line-height: 1.3;
}

.set14 .feature .text p + p {
    margin-top: 16px;
}

.set14 .feature .links li {
    color: #e0e0e0;
    line-height: 1.1;
    list-style-type: disc;
    margin: 0 0 7px 13px;
}


/* Set 15: Table of Contents */
.set15 .features-header,
.set15 .features-header a {
    border-bottom: 1px dotted #999;
    color: #2d2d2d;
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: .4px;
    padding-bottom: 3px;
    text-align: center;
}

.set15 .feature {
    font: 12px Arial, Helvetica, sans-serif;
}

.set15 .feature .rubric,
.set15 .feature .rubric a {
    color: #2d2d2d;
    font-size: 12px;
    letter-spacing: normal;
    margin-top: 15px;
}

.set15 .feature.first .rubric {
    margin-top: 0;
}

.set15 .feature .header {
    color: #2d2d2d;
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
}

.set15 .feature .header a {
    color: #137095;
}

.set15 .feature .blurb {
    display: inline;
}

.set15 .feature .sub-header {
    display: inline;
    font-weight: normal;
}


/* Set 16: Gallery Finder */
.set16 .feature {
    background: #f6f5f4 url(/css/i/features/carousel-toc-line.gif) repeat-x;
    border-bottom: 1px solid #e0e0e0;
    padding: 9px 5px 5px;
    width: 620px;
}

.set16 .feature .header
{
    display: inline;
    font-weight: normal;
    font-size: 24px;
}

.set16 .horizontal .header
    {
        display: block;
        margin-bottom:7px;
        width:610px;
        font-size:30px;
    }

    .set16 .horizontal .header a {
        width:535px;
        display:block;
        padding-right: 85px;
        background: #f6f5f4 url(/css/i/gallery/gallery-sprite.png) right -75px no-repeat;
        text-decoration:none;
    }

        .set16 .horizontal .header a:hover {
            background-position: right -111px;
         }


.set16 .feature span {
    font: bold 11px Arial, Helvetica, sans-serif;
}

.set16 .feature form {
    margin-top: 5px;
}

.set16 .feature select {
    float: left;
    font: 11px Arial, Helvetica, sans-serif;
    margin-left: 7px;
    text-transform: uppercase;
    padding-top:2px;
    padding-bottom:1px;
}

.set16 .feature select:first-child {
    margin-left: 0;
}

.set16 .feature button {
    background: url(/css/i/global/btn-submit.gif) no-repeat;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 0;
    text-indent: -9999px;
    width: 80px;
    height: 20px;
}

.set16 .feature button:hover {
    background-image: url(/css/i/global/btn-submit-r.gif);
}

/* vertical */
.set16 .feature.vertical {
    width: 290px;
}

.set16 .feature.vertical .header {
    display: block;
}

.set16 .feature.vertical select {
    float: none;
    margin-bottom: 7px;
    width: 100%;
}

.set16 .feature.vertical input {
    float: none;
}


/**
 * @section SPECIAL FEATURES
*/

/* Rotator */

/* Types:
    Horizontal - Text Right
    Vertical

   Variations:
    One Item
    Alt. Color Scheme
*/

.numberedtoggle .features-header {
    border-bottom: 1px dotted #999;
    font-size: 12px;
    padding-bottom: 6px;
    text-transform: uppercase;
}

.numbered-toggle {
    border: 1px solid #ddd;
    float: none;
    padding: 1px;
    position: relative;
}

.numbered-toggle em.tab {
    display: none;
}

/* navigation */
.numbered-toggle .tab-list {
    background: #bdc0b6;
    position: absolute;
    bottom: 1px;
    height: 28px;
}

.numbered-toggle .tab-list li {
    background: url(/css/i/features/features-sprite.gif) no-repeat -23px 0;
    float: left;
    margin: 6px 0 0 4px;
    text-indent: -9999px;
    width: 14px;
    height: 14px;
}

.numbered-toggle .tab-list .tab-paginate {
    cursor: pointer;
    margin-top: 3px;
    position: absolute;
    width: 22px;
    height: 22px;
}

.numbered-toggle .tab-list .tab-back {
    background-position: -48px 0;
    right: 75px;
}

.numbered-toggle .tab-list .tab-back:hover {
    background-position: -48px -32px;
}

.numbered-toggle .tab-list .tab-forward {
    background-position: -112px 0;
    right: 10px;
}

.numbered-toggle .tab-list .tab-forward:hover {
    background-position: -112px -32px;
}

.numbered-toggle .tab-list .tab-active {
    background-position: 0 0;
}

.numbered-toggle .tab-list li a {
    display: block;
    overflow: hidden;
}

.numbered-toggle .tab-list li a:hover {
    background: url(/css/i/features/features-sprite.gif) no-repeat 0 0;
}

/* tabbed content */
.numbered-toggle {
    overflow: hidden;
}

.numbered-toggle .tab {
    color: #444;
    overflow: hidden;
    position: absolute;
}

.numbered-toggle .tab-hidden {
    display: none;
}

.numbered-toggle .w {
    overflow: hidden;
}

.numbered-toggle .rotator-content {
    padding: 11px 8px 9px;
    overflow: hidden;
}

.numbered-toggle .rotator-content .rubric {
    margin-bottom: 5px;
}

.numbered-toggle .rotator-content .feature-header {
    font-weight: normal;
    line-height: 1;
    margin-bottom: 13px;
}

.numbered-toggle .rotator-content .feature-header a {
    color: #444;
}

.numbered-toggle .rotator-content .feature-blurb-text {
    font: 12px/1.4 Arial, Helvetica, sans-serif;
}

.numbered-toggle .rotator-content .feature-blurb-text:after {
    color: #137095;
    content: " \203a\203a";
    font-weight: bold;
    font-size: 11px;
}

/* horizontal text right */
.horizontaltextright .numbered-toggle {
    height: 260px;
}

.horizontaltextright.numberedtoggle-initialized .numbered-toggle {
    width: 626px;
    height: 289px;
}

.horizontaltextright .tab-list {
    width: 626px;
}

.horizontaltextright .tab {
    width: 626px;
    height: 260px;
}

.horizontaltextright .w {
    float: left;
    width: 390px;
}

.horizontaltextright .rotator-content {
    float: left;
    width: 220px;
    height: 240px;
}

.horizontaltextright .rotator-content .feature-header {
    font-size: 36px;
    letter-spacing: -1px;
}

/* eDirectory */
#centralContent .horizontaltextright .numbered-toggle,
#centralContent .horizontaltextright .tab,
#centralContent .horizontaltextright .tab-list {
    width: 459px;
}

#centralContent .horizontaltextright .w {
    width: 226px;
}

#centralContent .horizontaltextright .rotator-content {
    width: 217px;
}


/* vertical */
.vertical .numbered-toggle {
    height: 291px;
}

.vertical.numberedtoggle-initialized .numbered-toggle {
    width: 296px;
    height: 320px;
}

.vertical .tab-list {
    width: 296px;
}

.vertical .tab {
    width: 296px;
    height: 292px;
}

.vertical .w {
    height: 201px;
}

.vertical .rotator-content .feature-header {
    font-size: 24px;
    margin-bottom: 4px;
}

/* one item */
.has1item {
    border: 0;
    overflow: visible;
}

.horizontaltextright .has1item {
    height: auto;
}

.has1item .tab-list {
    display: none;
}

.has1item .tab {
    overflow: visible;
    position: static;
    height: auto;
}

.has1item .w {
    overflow: visible;
}

.has1item .w img {
    border: 1px solid #fff;
    -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .4);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .4);
}

/* dark color scheme */
.numberedtoggle .color2 .rotator-content {
    background: #2f302b;
    color: #fff;
}

.numberedtoggle .color2 .rotator-content .rubric,
.numberedtoggle .color2 .rotator-content .rubric a {
    color: #a5ea7b;
}

.numberedtoggle .color2 .rotator-content .feature-header a {
    color: #fff;
}

.numberedtoggle .color2 .rotator-content .feature-blurb-text:after {
    color: #a5ea7b;
}


/* Y-Rail Tabbed Modules */
.feature-tabs,
.most-popular {
    border: 1px solid #e0e0e0;
    display: none;
    float: left;
    width: 298px;
}

/* hide tabbed module until initialization */
.tabs-initialized .feature-tabs,
.most-popular-initialized {
    display: block;
}

/* sponsor ads */
#mostpopular-sponsor,
#tabModule-sponsor {
    font: 11px Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    text-align: right;
}

#mostpopular-sponsor .sponsor-text,
#tabModule-sponsor .sponsor-text {
    display: none;
}

.has-sponsor #mostpopular-sponsor .sponsor-text,
.has-sponsor #tabModule-sponsor .sponsor-text {
    display: inline;
}

#mostpopular-sponsor iframe,
#tabModule-sponsor iframe {
    vertical-align: middle;
}

/* tab list */
.feature-tabs .tab-list,
.most-popular .tab-list {
    float: left;
    width: 100%;
}

.feature-tabs .tab-list li,
.most-popular .tab-list li {
    font: bold 10px Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    float:left;
}

.most-popular .tab-list #tab-tab-most-viewed {
    width: 92px;
}

.most-popular .tab-list #tab-tab-most-emailed {
    width: 92px;
}

.most-popular .tab-list #tab-tab-most-commented {
    width: 114px;
}

.feature-tabs .tab-list li a,
.feature-tabs .tab-list li span,
.most-popular .tab-list li a,
.most-popular .tab-list li span {
    background: #bdc0b6 url(/css/i/features/features-sprite.gif) repeat-x 0 bottom;
    border: 1px solid #e0e0e0;
    border-width: 0 0 1px 2px;
    color: #fff;
    display: block;
    padding: 5px 2px 4px;
}

.feature-tabs .tab-list li:first-child a,
.feature-tabs .tab-list li:first-child span,
.most-popular .tab-list li:first-child a,
.most-popular .tab-list li:first-child span {
    border-left: 0;
}

.feature-tabs .tab-list li a:hover,
.most-popular .tab-list li a:hover {
    background: #575a4f;
    text-decoration: none;
}

.feature-tabs .tab-list .tab-active span,
.most-popular .tab-list .tab-active span {
    background: #fff;
    border-bottom-color: #fff;
    color: #2d2d2d;
}

/* tab content */
.feature-tabs .tab {
    clear: both;
    float: left;
    padding: 1px;
    width: 296px;
}

.feature-tabs .tab-hidden,
.most-popular .tab-hidden {
    display: none;
}

.feature-tabs .tab .header {
    display: none;
}

.feature-tabs .tab .media {
    float: left;
    margin: 7px 9px 9px;
}

.feature-tabs .tab .imageonly .media {
    float: none;
    margin: 0;
}

.feature-tabs .tab .blurb,
.most-popular .tab {
    font: 11px Arial, Helvetica, sans-serif;
    margin: 0 10px;
    overflow: hidden;
}

.feature-tabs .tab .text {
    margin-bottom: 13px;
}

.feature-tabs .tab .sub-header,
.feature-tabs .tab .newsletter-header,
.feature-tabs .tab .wedding-header {
    color: #59ad3c;
    font: 17px Georgia, serif;
    margin: 4px 0;
}

.feature-tabs .tab .newsletter-header,
.feature-tabs .tab .wedding-header {
    margin: 4px 9px;
}

.feature-tabs .tab .links li {
    border-top: 1px dotted #e0e0e0;
    font-weight: bold;
    margin-bottom: 8px;
    padding-top: 7px;
}

.feature-tabs .tab .links li .type {
    margin-right: 26px;
    vertical-align: middle;
}

.feature-tabs .tab .links li a {
    color: #444;
}

/* contest */
.feature-tabs .tab .contest .links li {
    border: 0;
}

.feature-tabs .tab .contest .links li a {
    background: url(/css/i/user/user-sprite.png) no-repeat 0 -121px;
    display: block;
    text-indent: -9999px;
    width: 58px;
    height: 18px;
}

.feature-tabs .tab .contest .links li a:hover {
    background-position: -63px -121px;
}


/* Most Popular */
.most-popular .tab {
    float: left;
    margin: 10px
}

.most-popular .tab li {
    list-style: decimal;
    margin: 0 0 3px 28px;
}


/* Newsletters */
#newsletter-form form {
    border-top: 1px dotted #e0e0e0;
    margin: 0 9px 2px;
    padding-top: 4px;
}

/* newsletter list */
#newsletter-form .newsletters {
    float: left;
    margin-right: 10px;
    width: 128px;
}

#newsletter-form .newsletters li {
    margin-bottom: 8px;
}

#newsletter-form .newsletters li input {
    margin: 0 4px 0 0;
    padding: 0;
}

#newsletter-form .newsletters li h4 {
    color: #444;
    display: inline;
    font: bold 11px Arial, Helvetica, sans-serif;
}

#newsletter-form .newsletters li p {
    display: none;
}

/* user info */
#newsletter-form .user-info {
    border-left: 1px dotted #e0e0e0;
    float: left;
    padding-left: 10px;
    width: 129px;
}

#newsletter-form .user-info .row {
    margin-bottom: 10px;
}

#newsletter-form .user-info .row.hidden {
    display: none;
}

#newsletter-form .user-info label {
    display: none;
}

#newsletter-form .user-info input,
#newsletter-form .user-info select {
    border: 1px solid #e0e0e0;
    color: #444;
    font: 10px Arial, Helvetica, sans-serif;
    padding: 3px;
    width: 120px;
}

#newsletter-form .user-info .error {
    border-color: #a41b4e;
}

#newsletter-form .newsletter-errors {
    background: #f0e1e7;
    border: 1px solid #a41b4e;
    font: bold 11px arial;
    margin-bottom: 10px;
    padding: 8px;
}

    #newsletter-form .newsletter-errors ul {
        font-weight: normal;
        margin-left: 15px;
        margin-top: 5px;
    }

        #newsletter-form .newsletter-errors li {
            list-style: disc;
        }

/* submit */
#newsletter-form .submit {
    border-top: 1px dotted #e0e0e0;
    clear: both;
    float: left;
    margin-top: 4px;
    padding-top: 4px;
    width: 100%;
}

#newsletter-form .submit button {
    background: url(/css/i/user/user-sprite.png) no-repeat 0 -60px;
    display: block;
    font-size: 0;
    margin: 0 auto;
    text-indent: -9999px;
    width: 66px;
    height: 20px;
}

#newsletter-form .submit button:hover {
    background-position: -71px -60px;
}


/* My Wedding */
.feature-tabs .tab .my-wedding {
    position: relative;
}

.feature-tabs .tab .my-wedding .avatar {
    float: left;
    margin: 4px 10px 10px 9px;
}

.feature-tabs .tab .my-wedding .avatar img {
    max-width: 50px;
}

.feature-tabs .tab .my-wedding .wedding-header {
    color: #9f2b53;
    margin-bottom: 2px;
}

.feature-tabs .tab .my-wedding .sign-out {
    font: 10px Arial, Helvetica, sans-serif;
    margin: 0 9px 5px;
}

.feature-tabs .tab .my-wedding .sign-out a {
    color: #444;
    text-decoration: underline;
}

.feature-tabs .tab .my-wedding .sign-out a:hover {
    text-decoration: none;
}

.feature-tabs .tab .my-wedding .links {
    clear: left;
    float: left;
    font-size: 11px;
    margin-left: 9px;
    max-width: 211px;
}

.feature-tabs .tab .my-wedding .links li {
    border-top: 1px dotted #e0e0e0;
    margin-bottom: 8px;
    padding-top: 7px;
}

.feature-tabs .tab .my-wedding .links li strong {
    font-weight: normal;
    margin-right: 6px;
}

.feature-tabs .tab .my-wedding .links li a {
    color: #137095;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.feature-tabs .tab .my-wedding .links li a:hover {
    text-decoration: none;
}

.feature-tabs .tab .my-wedding .countdown {
    background: #59ad3c url(/css/i/features/wedding-countdown-bg.png);
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 1px #333;
    -webkit-box-shadow: 0 0 1px #333;
    box-shadow: 0 0 1px #333;
    color: #fff;
    float: right;
    font: bold 17.5px Arial, Helvetica, sans-serif;
    margin: 0 9px 9px 0;
    padding-bottom: 4px;
    text-align: center;
    text-transform: uppercase;
    width: 65px;
}

.feature-tabs .tab .my-wedding .countdown strong {
    display: block;
    font: 27px/1 Georgia, serif;
    margin-bottom: 1px;
}   /* count */

.feature-tabs .tab .my-wedding .countdown em {
    display: block;
    font: italic 14px/1 Georgia, serif;
    text-transform: none;
}


/* Wedding Site Search */
.wedding-site-search {
    background : #f6f6f6;
    border-top : 3px solid #878787;
    border-bottom : 1px solid #ccc;
    margin-top : 10px;
    padding : 0 0 10px 0;
}
    .wedding-site-search form {
        margin : 0 10px;
    }
    .wedding-site-search h2 {
        font-size : 24px;
        border-top : 1px double #878787;
        font-weight : normal;
        margin : 1px 0 6px;
        padding : 7px 10px 3px;
    }
    .wedding-site-search p {
        font : 12px Arial,Helvetica,sans-serif;
        font-weight : bold;
        margin : 0 10px 5px;
    }
    .wedding-site-search input {
        color : #444;
        font : 13px Georgia, serif;
        width : 110px;
    }
    .wedding-site-search button{
        background: url(/css/i/global/shell-sprite.png) no-repeat -588px -213px;
        color: #fff;
        text-indent: -9999px;
        width: 32px;
        height: 27px;
    }

/* Local Wedding Resources */
.local-wedding-resources fieldset {
    background: #f6f5f4;
    border: 1px solid #e0e0e0;
    padding: 4px 7px 7px;
}

.local-wedding-resources select {
    width: 350px;
}

    .local-wedding-resources select .default {
        color: #aaa;
    }

    .local-wedding-resources select .category {
        font-weight: bold;
        text-transform: uppercase;
    }

    .local-wedding-resources select .subcategory {
        padding-left: 10px;
    }

.local-wedding-resources label,
.local-wedding-resources p {
    display: block;
    font: bold 11px Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    .local-wedding-resources label {
        margin-bottom: 4px;
    }

    .local-wedding-resources p {
        margin: 4px 0;
        padding-left: 12px;
    }

.local-wedding-resources div {
    float: left;
    margin-right: 20px;
}

    .local-wedding-resources #city_zip {
        width: 180px;
    }

    .local-wedding-resources #zip {
        width: 330px;
    }

    .local-wedding-resources div.submit {
        float: none;
        margin-top: 12px;
        text-align: center;
    }

        .local-wedding-resources div.submit button {
            background: url(i/global/btn-submit.gif);
            border: 0;
            color: #fff;
            cursor: pointer;
            display: block;
            font-size: 0;
            height: 20px;
            margin: 0 auto;
            text-indent: -9999px;
            width : 80px;
        }

        .local-wedding-resources div.submit button:hover {
            background: url(i/global/btn-submit-r.gif);
            border: 0;
            cursor: pointer;
            height: 20px;
            width: 80px;
        }


/* DART Spotlight Features */
.dart_ad {
    margin-bottom: 10px;
}

.dart_ad .features-header {
    font-size: 12px;
    text-transform: uppercase;
}

.dart_ad .feature-dartad {
    float: left;
    height: 137px; /*Floating layout mess FIX, when mix of ads with two/single-lined text are present*/
    margin: 0 10px 10px 0;
}