/*---------------------+
 | Site: HelpHub       |
 | Part: Master styles |
 +---------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic|Roboto+Slab:400,700);
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css);
@import url(/styles/reset.css);
@import url(/styles/forms.css);


/* Fonts
======================================================================*/
.action, #feedback, h1, h2, h3, h4, h5, h6, #nav { font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif; }
body, input, select, textarea { font-family: Roboto, Arial, sans-serif; }
input[type="password"] { font-family: Arial, sans-serif; }

/* Basics
======================================================================*/
a { color: #4c7f00; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background: #fff; font-size: 15px; font-weight: 300; line-height: 1.5; padding-bottom: 20px; }
blockquote, dl, ol, p, table, ul { margin-bottom: 1.4em; }
cite, em { font-style: italic; }
dt { margin-top: 1.4em; }
dt:first-child { margin: 0; }
h1 { font-size: 22px; font-weight: 600; line-height: 1.2; margin-bottom: 0.8em; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-size: 14px; font-weight: normal; margin-left: 0.5em; }
h2, h3, h4, h5, h6, strong, th { font-weight: bold; }
h2 { font-size: 18px; margin-bottom: 0.25em; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
hr { background: #eee; border: 0; clear: both; color: #eee; height: 1px; margin: 1.4em 0; }
i { color: #6fa91a; }
li { margin-bottom: 0.5em; }
ol { list-style: decimal; margin-left: 2em; }
table { border-collapse: collapse; width: 100%; }
table p { margin: 0; }
td { vertical-align: top; }
td { border: 1px solid #ddd; border-width: 1px 0; padding: 0.3em 1em 0.3em 0; }
tfoot td { border-top: 3px double #ddd; }
th { font-weight: bold; padding: 0.3em 1em 0.3em 0; vertical-align: bottom; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock */
.flat { list-style: none; margin-left: 0; }
.flat li { margin: 0; }
.l { float: left; }
.r { float: right; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#content, #footer, #header-content, #intro-content, #nav-content, #subfooter-content { margin: 0 auto; max-width: 980px; }

/* Columns */
[class *= "col"] { -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; position: relative; }
.col2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
.col3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
.col4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }

    /* Old columns */
    .c2l, .c2r { width: 47.5%; }
    .c2l .c2l, .c2l .c2r, .c2r .c2l, .c2r .c2r { width: 45.5%; }
    .c2l, .c3l, .c3m { float: left; }
    .c2r, .c3r { float: right; }
    .c3l { margin-right: 3%; }
    .c3l, .c3m, .c3r { width: 31%; }

/* Content */
#content { position: relative; }
#content-primary { float: left; width: 61.35%; }
#content-secondary { float: right; width: 35.61%; }
#content-wrapper { margin-bottom: 50px; padding: 30px 30px 0; }

    /* Full */
    #full #content-primary { float: none; width: auto; }
    #full #content-secondary { display: none; }
    #full h1 { width: auto; }
    #full .section { padding: 30px; }
    
    /* Profile */
    #profile #content-primary { float: right; width: 74.23%; }
    #profile #content-secondary { float: left; width: 22.7%; }
    #profile h1 { margin-bottom: 0.25em; width: auto; }
    
    /* Sign in */
    .signin #content-primary { float: none; margin: 0 auto; width: 60%; }


/* Content
======================================================================*/

/* Actions */
.action {
    background: #6fa91a;
    border: 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5em 1.2em;
}

.action:hover { box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); text-decoration: none; }

.action:active {
    background: #57974c;
    background: -moz-linear-gradient(top, #57974c 0%, #7aba6f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57974c), color-stop(100%,#7aba6f));
    background: -webkit-linear-gradient(top, #57974c 0%,#7aba6f 100%);
    background: -o-linear-gradient(top, #57974c 0%,#7aba6f 100%);
    background: -ms-linear-gradient(top, #57974c 0%,#7aba6f 100%);
    background: linear-gradient(top, #57974c 0%,#7aba6f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57974c', endColorstr='#7aba6f',GradientType=0 );
    box-shadow: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

/* Attachments */
#attachments { margin-bottom: 1.4em; }
#attachments * { vertical-align: middle; }
#attachments p { margin-bottom: 0.5em; }
#attachments .remove { font-size: 16px; font-weight: bold; margin-left: 0.5em; }
#attachments .remove:hover { text-decoration: none; }

/* Calendar */
.calendar .date { display: block; float: left; line-height: 1.3; padding-top: 0.75em; white-space: nowrap; width: 16%; }
.calendar .date, .calendar dd { margin-bottom: 0.5em; }
.calendar .date .weekday { display: block; font-size: 13px; font-weight: normal; }
.calendar dd { clear: right; float: right; padding: 0.75em; width: 77%; }
.calendar dt { clear: both; margin: 0; }
.calendar p { margin: 0; }
.suggested { background: #fff6c8; }
.legend { margin-left: 0; }
.legend li { list-style:none; margin-left: 1.5em; display: inline; }

    /* Mini */
    .mini-calendar .calendar .date { padding-top: 0.6em; text-align: left; width: 17%; }
    .mini-calendar .calendar .date, .mini-calendar .calendar dd { margin-bottom: 0.25em; }
    .mini-calendar .calendar dd { padding: 0.5em; }
    
    /* Registration info */
    .register { float: right; margin-left: 10px; position: relative; text-align: right; width: 30%; }
    .register .loading p { border-radius: 4px; padding: 0.15em 0.5em; position: absolute; right: 0; top: 0; white-space: nowrap; }

/* Cancelled events */
.cancelled { color: #cb0f15; }

/* Cities */
#cities { background: #fff; padding: 15px 20px; }
#cities h1 { float: left; margin-right: 3em; }
#cities h2 { font-size: 1em; }
#cities .view-nav { margin-top: 0.5em; }

/* Close button */
.close { background: url(/images/shared/close.png) no-repeat 0 0; float: right; height: 17px; opacity: 0.3; text-indent: -9999em; width: 17px; }
.close:hover { opacity: 0.8; }

/* Colophons */
.colophon p { margin-bottom: 0.5em; }

/* Comments */
.comments { list-style: none; margin-left: 0; }
.comments .comment-label { border-bottom: 1px solid #ddd; margin: -5px 0 1em -75px; padding-bottom: 0.75em; }
.comments .flag { display: block; text-align: center; }
.comments h3 { font-weight: normal; }
.comments > li { clear: both; margin-bottom: 25px; overflow: hidden; padding-left: 75px; word-wrap: break-word; }
.comments > li h3 { font-weight: normal; }
.comments .like { margin-bottom: 0.5em; }
.comments p { margin-bottom: 0.5em; }
.comments .thumb { float: left; margin: 3px 0 15px -75px; width: 60px; }
.comments .thumb img { display: block; width: 100%; }

    /* Comment count */
    .comment-count { position: absolute; right: 15px; top: 13px; }
    .comment-count a { background: url(/images/comments.png) no-repeat 0 80%; color: #666; font-size: 11px; display: block; padding: 2px 0 2px 20px; }
    .comment-count a:hover { text-decoration: none; }

    /* Comment voted most helpful */
    .comments .most-helpful { background: #fef5c6; border: 1px solid #ffcd36; padding: 15px 15px 1px 90px; }
    
    /* Correct answer */
    .comments .correct-answer { border: 3px solid #6fa91a; padding: 15px 15px 1px 90px; }

/* Contact */
.contact dt { color: #666; }

/* Contribute */
#contribute { background: #6fa91a; margin-bottom: 30px; padding: 15px 30px; }
#contribute, #contribute a { color: #fff; }
#contribute a:hover { opacity: 0.7; text-decoration: none; }
#contribute h3 { font-size: 22px; font-weight: normal; }
#contribute h3 a { display: block; padding: 0.5em 0 0.5em 46px; }
#contribute h3 i { color: #fff; float: left; font-size: 30px; margin-left: -46px; }
#contribute .mute { color: #c8e1c8; }
#contribute p { margin-bottom: 0.5em; }
.contribute-content { padding: 5px 0 7px; }

/* DataTables */
.dataTables_filter { margin-bottom: 10px; }
.dataTables_filter input { padding: 0.2em; width: 15em; }
.dataTables_info, .dataTables_length { float: right; }
.dataTables_info, .dataTables_length, .dataTables_paginate { font-size: 12px; }
.dataTables_paginate .paginate_active { color: #000; font-weight: bold; margin-right: 0.5em; }
.dataTables_paginate a { margin-right: 0.5em; }
.dataTables_paginate a[class*="paginate_disabled"] { color: #777; cursor: default; }
.dataTables_wrapper { margin-top: 15px; }
.dataTables_wrapper th { cursor: pointer; }
.dataTables_wrapper th[class*="sorting"] { color: #0c4f96; }
.dataTables_wrapper th.sorting_asc span { background-image: url(/images/shared/sort-up.png); }
.dataTables_wrapper th.sorting_desc span { background-image: url(/images/shared/sort-down.png); }
.dataTables_wrapper th.sorting_disabled { cursor: default; }
.dataTables_wrapper th span { background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; padding-right: 15px; }
.editable_text { color: #275ea0; cursor: pointer; text-decoration: none; }

/* Digest status */
.digest-status { float: right; position: relative; z-index: 1000; }
.digest-status a:hover { opacity: 0.7; text-decoration: none; }
.digest-status .add-new { color: #999; }
.digest-status .add-new:hover { color: #12528f; }
.digest-status .fa { font-size: 20px; margin-left: 0.2em; }
.digest-status .fa-times { color: #777; margin-left: 0.5em; }

    /* Digest settings */
    .combine-subscriptions, .digest-status.open .active-schedule { background: #ffc; border: 2px solid #ddd; border-radius: 3px; clear: both; display: block; padding: 15px; }
    .combine-subscriptions .digest-status, .digest-status.open, #subscriptions-table_wrapper .digest-status { float: none; }
    
    .combine-subscriptions .active,
    .combine-subscriptions .active .active-schedule,
    #subscriptions-table_wrapper .active .active-schedule {
        background: none;
        border: 0;
        border-radius: 0;
        display: inline;
        padding: 0;
    }

/* Directory */
.directory td { border: 1px solid #ddd; border-width: 1px 0; padding: 10px; vertical-align: top; }
.directory td.first { padding-left: 20px; width: 40px; }
.directory td.last { padding-right: 20px; white-space: nowrap; }

/* Document list */
.document-list { list-style: none; margin-left: 0; }
.document-list li { padding-left: 20px; text-indent: -20px; }

/* Edit links */
.edit { float: right; height: 2em; position: relative; white-space: nowrap; width: 10em; }

.edit a {
    background: #fff;
    border: 1px solid #ddd;
    border-width: 0 0 1px 1px;
    font-size: 12px;
    display: inline-block;
    padding: 0.3em 10px;
}

.edit a:hover { background: #eee; color: #000; text-decoration: none; }
.edit li { display: inline; margin: 0 0 0 -0.3em; }
.edit li:first-child a { border-bottom-left-radius: 7px; }
.edit li:last-child a { border-top-right-radius: 7px; }
.edit ul { list-style: none; margin: 0; position: absolute; right: -15px; top: -15px; }

    /* Comment edit links */
    .comments .edit { display: none; height: auto; }
    .comments > li:hover .edit { display: block; }
    .comments .edit a { border-width: 1px; }
    .comments .edit li:first-child a { border-radius: 7px 0 0 7px; }
    .comments .edit li:last-child a { border-radius: 0 7px 7px 0; }
    .comments .edit ul { border-radius: 7px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); right: 0; top: 0; }

/* Feedback link */
#feedback {
    background: #f39200;
    background: -moz-linear-gradient(top, #f39200 0%, #f07700 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39200), color-stop(100%,#f07700));
    background: -webkit-linear-gradient(top, #f39200 0%,#f07700 100%);
    background: -o-linear-gradient(top, #f39200 0%,#f07700 100%);
    background: -ms-linear-gradient(top, #f39200 0%,#f07700 100%);
    background: linear-gradient(top, #f39200 0%,#f07700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39200', endColorstr='#f07700',GradientType=0 );
    border-radius: 7px 0 0 7px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    right: -109px;
    position: fixed;
    top: 126px;
}

#feedback a {
    background: url(/images/feedback.png) no-repeat 7px 50%;
    border: 3px solid #fff;
    border-radius: 5px 0 0 5px;
    border-right: 0;
    color: #fff;
    display: block;
    padding: 7px 10px 8px 31px;
}

/* Filter navigation */
.filter-nav { list-style: none; margin: 0 0 15px; }
.filter-nav .current { font-weight: bold; }
.filter-nav .current a { color: #000; }
.filter-nav li { display: inline; margin: 0 1em 0 0; }
.filter-nav .dropdown .menu { max-height: none; }

/* Flags */
.flag { background: #4c7f00; color: #fff; display: inline-block; font-size: 12px; padding: 0.2em 0.5em; text-transform: uppercase; }

/* Footer */
#footer { border-top: 2px solid #8fc441; clear: both; font-size: 11px; padding-top: 20px; }

    /* Site credit */
    #site-credit { color: #000; float: right; }
    #site-credit strong { color: #4c7f00; }
    #site-credit:hover { text-decoration: none; }
    #site-credit:hover strong { text-decoration: underline; }
    
    /* Subfooter */
    #subfooter { padding: 0 30px; }
    #subfooter .logos { line-height: 120px; list-style: none; margin: 0 0 27px; }
    #subfooter .logos a:hover { opacity: 0.7; }
    #subfooter .logos img { max-width: 140px; vertical-align: middle; }
    #subfooter .logos li { display: inline; margin: 0 30px; }
    #subfooter-content { border-top: 1px solid #ddd; color: #666; font-size: 13px; padding: 20px 0; text-align: center; }

/* Follow */
.follow { background: url(/images/follow-no.png) no-repeat 0 50%; padding: 3px 0 3px 20px; }
.following { background-image: url(/images/follow-yes.png); }

/* Funders */
#funders { line-height: 100px; list-style: none; margin: 0 0 15px 0; text-align: center; }
#funders a:hover img { opacity: 0.5; }
#funders img { vertical-align: middle; }
#funders li { display: inline; margin: 0 25px; }

/* Greeting */
#greeting { background: #ffc; border: 3px solid #ddd; border-radius: 7px; font-size: 15px; margin-bottom: 15px; padding: 15px; }
#greeting p { margin-bottom: 0.5em; }

/* Header */
#header { background: #333; font-size: 13px; padding: 20px 30px; }
#header a:hover { color: #fff; }
#header li { margin: 0; }
#header li.current { background: #111; }
#header li.current a { color: #fff; }

    /* Logo */
    #logo { float: left; font-size: 18px; font-weight: bold; margin-right: 30px; }
    #logo img { display: block; max-width: 200px; }
    
    /* Header nav */
    #header-nav { float: left; font-weight: bold; padding-top: 19px; }
    #header-nav a { color: #fff; }
    #header-nav li { display: inline; }
    #header-nav ul { list-style: none; margin: 0; }
    
    /* Profile nav */
    #profile-nav { float: right; text-align: right; padding-top: 19px; white-space: nowrap; }
    #profile-nav a, #profile-nav a i { color: #aaa; }
    #profile-nav li { display: inline; margin-left: 1em; }
    #profile-nav ul { list-style: none; margin: 0; }

/* Hidden */
.hidden { display: none; }

/* Home */
    /* Intro */
    #home #intro { background: #555; color: #fff; font-size: 18px; line-height: 1.3; margin-bottom: 30px; padding: 0 30px; }
    #home #intro a { color: #fff; text-decoration: underline; }
    #home #intro a:hover { text-decoration: none; }
    #home #intro h1 { font-size: 34px; font-weight: normal; margin-bottom: 0.2em; }
    #home #intro .mute { color: #fff; }
    #home #intro-content { margin: 0 auto; padding: 30px 0 20px; }
    #home #intro-primary { float: left; width: 35.61%; }
    #home #intro-primary .section { background: #8fc441; border: 0; padding: 20px 20px 1px; }
    #home #intro-secondary { float: right; width: 61.35%; }
    #home #intro-secondary strong { display: block; }

/* Icons */
[class *= "file-"] { background-repeat: no-repeat; background-position: 0 50%; line-height: 1; margin-right: 0.25em; padding: 3px 0 3px 20px; }
[class *= "ui-icon"] { padding: 0; }
.file-cal { background-image: url(/images/shared/calendar.png); }
.file-doc { background-image: url(/images/shared/doc.png); }
.file-facebook { background-image: url(/images/shared/facebook.png); }
.file-gif { background-image: url(/images/shared/image.png); }
.file-google { background-image: url(/images/shared/google.png); }
.file-jpg { background-image: url(/images/shared/image.png); }
.file-linkedin { background-image: url(/images/shared/linkedin.png); }
.file-png { background-image: url(/images/shared/image.png); }
.file-pdf { background-image: url(/images/shared/pdf.png); }
.file-ppt { background-image: url(/images/shared/ppt.png); }
.file-subscribe { background-image: url(/images/subscribe.png); }
.file-twitter { background-image: url(/images/shared/twitter.png); }
.file-txt { background-image: url(/images/shared/txt.png); }
.file-unsubscribe { background-image: url(/images/unsubscribe.png); }
.file-xls { background-image: url(/images/shared/xls.png); }
.file-youtube { background-image: url(/images/shared/youtube.png); }
.file-zip { background-image: url(/images/shared/zip.png); }

/* Join notice */
#join .section { background: #fff6c8; border: 3px solid #ddd; border-radius: 7px; margin-bottom: 15px; padding: 15px; }
#join .section p { margin-bottom: 0.5em; }

/* Map */
.balloon { padding-left: 70px; }
.section .balloon h3 { clear: both; margin: 0; }
.balloon img { float: left; margin: 3px 0 10px -70px; }
#map { background: #f0f0f0; border: 1px solid #ddd; height: 500px; }

/* Mine */
.mine { border-radius: 3px; display: inline-block; margin: 0 -0.4em; padding: 0.2em 0.4em; }

/* Muted text */
.mute { color: #666; font-size: 13px; margin: 0; }

/* Navigation */
#nav { background: #555; padding: 0.4em 30px 0.75em; font-size: 18px; line-height: 1; white-space: nowrap; }
#nav a { color: #fff; padding: 0.5em 0; }
#nav a:hover { opacity: 0.7; text-decoration: none; }
#nav i { color: #fff; }
#nav li { display: inline; margin: 0 0.8em 0 0; }
#nav li.current a, #nav li.current a i { color: #8fc441; }
#nav ul { float: left; list-style: none; margin: 0; padding-top: 0.5em; }

/* News */
.news dt { font-size: 18px; margin-top: 0.75em; }

/* No break */
.nb { white-space: nowrap; }

/* Page title with subtitle */
#page-title { margin-bottom: 1em; }
#page-title h1 { margin-bottom: 0.2em; }

/* Popups (qTip) */
.qtip { background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); font-size: 16px; line-height: 1.4; max-width: 400px; }
.qtip h2 { font-size: 1em; }
.qtip p { margin: 0; }
.qtip-content { max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 20px; }
.qtip-titlebar { border-bottom: 1px solid #ddd; padding: 10px; }

    /* Account */
    .account-popup .qtip-content { padding: 0; }
    .account-popup a { display: block; padding: 0.5em 1em; }
    .account-popup a:hover { background: #f0f0f0; text-decoration: none; }
    .account-popup li { margin: 0; }
    .account-popup ul { list-style: none; margin: 0; }

/* Profile pic */
#profile-pic { margin-bottom: 10px; position: relative; }
#profile-pic img { display: block; width: 100%; }

#profile-pic .follow {
    background-color: #fff;
    background-position: 6px 50%;
    border-radius: 3px 0 0 0; 
    bottom: 0;
    font-size: 13px;
    padding: 0.5em 0.5em 0.5em 30px;
    position: absolute;
    right: 0;
}

/* Related */
#related { background: none; border: 0; padding: 0; }
#related .calendar { margin: 0; }
#related .related-content { background: #fff; border: 1px solid #ccc; border-radius: 0 7px 7px 7px; clear: both; padding: 15px 15px 5px; }
#related .ui-tabs-hide { display: none; }

    /* Nav */
    #related-nav { background: none; border: 0; padding: 0; list-style: none; margin: 0; }
    #related-nav a { background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px 3px 0 0; display: block; margin-bottom: -1px; padding: 0.4em 0.6em; }
    #related-nav li.ui-tabs-selected a { background: #fff; border-bottom-color: #fff; color: #000; }
    #related-nav li { border: 0; float: left; margin: 0 2px 0 0; }

/* Sections */
.section { background: #fff; border: 1px solid #ddd; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); margin-bottom: 10px; padding: 15px; word-wrap: break-word; }
.section h3 { font-weight: 600; margin-bottom: 0.25em; }
.section > *:last-child { margin-bottom: 0; }
.section li a.mine { background: #d6ecf9; }
.section li a.current { color: #000; font-weight: bold; }

    /* Map button */
    #map-button { padding: 0; }
    #map-button a { display: block; padding: 15px 15px 15px 65px; }
    #map-button a:hover { background-color: #f5f5f5; text-decoration: none; }
    #map-button a strong { display: block; font-size: 16px; }
    #map-button i { float: left; margin-left: -50px; }

/* Social */
.social { list-style: none; margin-left: 0; }
.social li { margin-bottom: 0.25em; }

/* Spam Honeypot */
.honey { display: none; }

/* Streams */
#stream { background: none; border: 0; padding: 0; margin-bottom: 30px; }
#stream .ui-tabs-hide { display: none; }
#stream .stream-content { background: #fff; border: 1px solid #bbb; border-radius: 0 7px 7px 7px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); clear: both; padding: 0; }
#stream .dataTables_filter { padding: 20px; }
#stream .calendar-content { margin-bottom: 10px; padding: 15px; }
#profile #stream .calendar-content { margin-bottom: 0; padding: 15px 0 0 0; }
#profile #stream .calendar-content .event-type-toggle { margin-bottom: 0.4em; padding-left: 20px; }

    /* Items */
    .stream-item { border-bottom: 1px solid #ddd; overflow: hidden; padding: 15px 80px 15px 100px; position: relative; }
    .stream-item .flag { display: block; text-align: center; }
    .stream-item h2 { font-size: 16px; font-weight: normal; margin: 0; }
    .stream-item h2 strong { font-weight: 600; }
    .stream-item p { margin: 0; }
    .stream-item .thumb { float: left; margin: 3px 0 0 -80px; width: 60px; }
    .stream-item .thumb img { display: block; width: 100%; }
    .stream-item .verb { font-size: 1em; font-weight: 600; margin: 0; }
    .stream-more a, .stream-loading { border-radius: 0 0 7px 7px; clear: both; display: block; padding: 10px 20px; text-align: center; }
    .stream-more a:hover { background: #f0f0f0; }
    
    /* Nav */
    #stream-nav { background: none; border: 0; list-style: none; margin: 0 0 -1px; padding: 0; }
    #stream-nav a { background: #f5f5f5; border: 1px solid #ddd; border-bottom-color: #ccc; border-radius: 3px 3px 0 0; display: block; margin-bottom: -1px; padding: 0.5em 0.75em; }
    #stream-nav a:hover { background: #fff; text-decoration: none; }
    #stream-nav li { background: none; border: 0; float: left; margin: 0 2px 0 0; }
    #stream-nav li.ui-tabs-selected a { background: #fff; border-color: #bbb; border-bottom-color: #fff; color: #000; }
    .horizontalNav-processed #stream-nav li { margin: 0; }
    .horizontalNav-processed #stream-nav li a { overflow: hidden; float: none; margin-right: 2px; padding-left: 0; padding-right: 0; text-align: center; }
    
    /* On profile */
    #profile .stream-item { padding-left: 20px; }

/* Subscribe status */
#subscribe { float: right; position: relative; }
.subscribe-status { text-align: center; white-space: nowrap; width: 100px; }

/* Tags */
.tags { margin: 0.5em 0 2em; }
.tags a { background: #e9f3d9; border-radius: 4px; display: inline-block; font-size: 14px; line-height: 1.5; padding: 0.15em 0.5em; }
.tags a:hover { color: #fff; background: #8fc441; text-decoration: none; }
.tags a.selected { color: #fff; background: #5f9dbf; }
.tags a.selected:hover { color: #fff; background: #12435f; text-decoration: none; }
.tags li { margin-bottom: 1em; }
.tags ol { list-style: none; margin: 0; }

    /* Browsing */
        /* Alphabetical */
        #tag-browse-alpha h2 { float: left; font-size: 30px; width: 5%; }
        #tag-browse-alpha .tags { float: right; margin: 0 0 15px; width: 95%; }
        #tag-browse-alpha .tags a { white-space: nowrap; }
        #tag-browse-alpha .tags li { display: inline; line-height: 2.25; margin-right: 0.5em; }
        #tag-browse-alpha .more { background: none; border: 0; padding: 0; }
        
        /* Assigned */
        #tags-assigned .tags { margin: 3px 0 7px; }
        #tags-assigned .tags a { font-size: 12px; white-space: nowrap; }
        #tags-assigned .tags .add-tags a { background: none; border: 0; font-weight: bold; padding: 0; }
        #tags-assigned .tags .add-tags a:hover { background: none; border: 0; color: #275ea0; font-weight: bold; padding: 0; }
        #tags-assigned .tags li, #profile #tags-assigned .tags li { display: inline; float: none; line-height: 2.2; margin-right: 0.5em; width: auto; }
        
        /* Collapsed */
        #tag-browse-collapsed .tags li { float: left; width: 33%; }
        
        /* Expanded */
        #tag-browse-expanded .recent { float: right; font-size: 14px; width: 74.23%; }
        #tag-browse-expanded .recent ul { list-style: none; margin: 0; }
        #tag-browse-expanded .recent li { margin: 0 0 0.2em 0; }
        #tag-browse-expanded .recent a, #tag-browse-expanded .tag-chart a { background: none; border: 0; display: inline; font-size: 1em; padding: 0; }
        #tag-browse-expanded .recent a:hover { color: #275ea0; text-decoration: underline; }
        #tag-browse-expanded .tags ol > li { border-bottom: 1px solid #eee; padding-bottom: 15px; }
        #tag-browse-expanded .tag-stats { float: left; width: 22.7%; }
        #tag-browse-expanded .type { font-size: 11px; text-transform: uppercase; }
        #tag-browse-expanded .more { background: none; border: 0; padding: 0; }
        #tag-browse-expanded .more:hover { color: #275ea0; text-decoration: underline; }
    
    /* Chart */
    .tag-chart { font-size: 10px; line-height: 1; list-style: none; margin: 20px 0 5px; text-transform: uppercase; }
    .tag-chart a { display: block; }
    .tag-chart a:hover { color: #000; }
    .tag-chart a:hover .idx { background: #275ea0; }
    .tag-chart .idx { background: #ccc; border-radius: 2px; display: block; height: 15px; }
    .tag-chart .label { float: left; text-align: right; width: 30%; }
    .tag-chart li { clear: both; overflow: hidden; margin-bottom: 0.3em; }
    .tag-chart .value { float: right; text-indent: -999em; width: 68%; }
    
    /* Profile */
    #profile .tags li { float: left; width: 48%; }

/* View nav */
.view-nav { margin-bottom: 30px; }
.view-nav li { display: inline; margin: 0 0.5em 0 0; }
.view-nav li.current a { color: #000; font-weight: 600; }
.view-nav ul { display: inline; list-style: none; margin: 0 2.5em 0 0; }