/* EU notification */ eu_cookie_notification {

left: 0;
right: 0;
background: #212121;
color: #ccc;
font-size: 12px;
position: fixed;
z-index: 9999999999;
padding: 15px 35px;
text-align: center;
font-family: Menlo, monaco, monospace;
cursor: pointer;

}

eu_cookie_notification a {

color: #999;
text-decoration: underline;

}

eu_cookie_notification a:hover {

color: white;

}

eu_cookie_notification a:active {

color: #ccc;

}

eu_cookie_notification.top {

top: 0;

}

eu_cookie_notification.bottom {

bottom: 0;

}

/* Retina spinner */

.spinner_circle.part1 {

-webkit-animation-delay:-0.800s;
animation-delay:-0.800s;

}

.spinner_circle.part2 {

-webkit-animation-delay:-0.700s;
animation-delay:-0.700s;

}

.spinner_circle.part3 {

-webkit-animation-delay:-0.600s;
animation-delay:-0.600s;

}

.spinner_circle.part3 {

-webkit-animation-delay:-0.500s;
animation-delay:-0.500s;

}

.spinner_circle.part4 {

-webkit-animation-delay:-0.400s;
animation-delay:-0.400s;

}

.spinner_circle.part5 {

-webkit-animation-delay:-0.300s;
animation-delay:-0.300s;

}

.spinner_circle.part6 {

-webkit-animation-delay:-0.200s;
animation-delay:-0.200s;

}

.spinner_circle.part7 {

-webkit-animation-delay:-0.100s;
animation-delay:-0.100s;

}

.spinner_circle.part8 {

-webkit-animation-delay:-0.00s;
animation-delay:-0.00s;

}

@keyframes spinner {

0%   {background:#000;}
80%  {background:#b2b2b2;}
100%  {background:#000;}

}

@-webkit-keyframes spinner {

0%   {background:#000;}
80%  {background:#b2b2b2;}
100%  {background:#000;}

}

@-webkit-keyframes rotation {

from {-webkit-transform: rotate(359deg);}
to   {-webkit-transform: rotate(0deg);}

}

div.spinner_circle {

-webkit-animation:spinner 0.9s infinite;
-moz-animation:spinner 0.9s infinite;
animation:spinner 0.9s infinite;
-webkit-transform-origin: 0% 50%; 
transform-origin: 0% 50%; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px;
position: absolute; 
height: 4px;
width: 4px; 
left: 10px;
top: 10px;

}

.retinaSpinner {

display: inline-block;
border: 0px solid red;
z-index: 2000000000; 
position: relative;
height: 20px;
width: 20px;

}

.retinaSpinner.rotating {

    -webkit-animation: rotation 10s infinite linear;
    -moz-animation: rotation 10s infinite linear;
    -o-animation: rotation 10s infinite linear;
animation: rotation 10s infinite linear;

}

br { clear:both; } img { border:0px; background:transparent; padding:0px; } :focus { outline: 0; } .clear { clear:both; }

.size14 { font-size:14px; } .size16 { font-size:16px; } .color9 { color:#999; } .color7 { color:#777; } .colorY { color:#ffffcc; }

.comment_link { display: none; }

/* ADMIN */ .greenLink { color:#0AAF86; } .module .deleteLink, .greenLink { text-decoration:none; }

a.homefollow { color: #0AAF86; } a.homefollow:hover { text-decoration: underline; } a.homefollow:active { color: #666; }

a.deleteLink, a.deleteLink.homefollow { color: ff0066; } a.deleteLink:hover, a.deleteLink.homefollow:hover { text-decoration: underline; } a.deleteLink:active, a.deleteLink.homefollow:active { color: #666; }

/* TOOLSET */ rail_wrapper {

display:none;

}

.gallery .toolset {

position: fixed;
top: 10px; right: 10px;
z-index: 9999;

}

body.following toolset {

display: none !important;

}

body.sitegallery toolset {

display: block !important;

}

toolset a {

background: url(/_gfx/toolset-sprite.png) no-repeat center center;
background: rgba(0,0,0,0) url(/_gfx/svg/toolset-sprite.svg) no-repeat center center;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 24px; width: 24px;
    margin: 0;
    padding: 0;

}

#toolset_admin a { background-position: 0 0; }
#toolset_admin a:hover { background-position: 0 -24px; }
#toolset_admin.toolset_active a { background-position: 0 -24px; }
#toolset_follow_pair a { background-position: -24px 0; margin-top: 1px; }
#toolset_follow_pair a:hover { background-position: -24px -24px; }
#toolset_follow a { background-position: -48px 0; }
#toolset_follow a:hover { background-position: -48px -24px; }
#toolset_network_join a { background-position: -72px 0; margin-top: 1px; display: none; }
#toolset_network_join a:hover { background-position: -72px -24px; }
#toolset_network_leave a { background-position: -96px 0; margin-top: 1px; display: none; }
#toolset_network_leave a:hover { background-position: -96px -24px; }

toolset_menu {

    color: #ccc;
    display: none;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    font-size: 10px;
    margin-right: 25px;
    overflow: hidden;
    position: fixed;
    text-align: left;
    width: 140px;
z-index: 99999;

}

#toolset_menu a {
    background: #000;
    border-bottom: 1px solid #333;
    color: #999;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 10px;
    text-decoration: none;
}
#toolset_menu a:hover {
    background: #333;
    color: #fff;
}
#toolset_menu a:active {
    padding-top: 1px;
    height: 23px;
}
#toolset_menu a.toolset_first {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#toolset_menu a.toolset_last {
    border-bottom: 0;
    padding-bottom: 1px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Cog toolset */

    #design_panel {
    color: #fff;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    font-size: 10px;
    line-height: 24px;
    position: fixed;
    top: 10px; right: 35px;
    z-index: 9999998;
}
a#design_symbol {
    background: url(/_gfx/svg/big_cog.svg) no-repeat center center;
    background-size: 80%;
    display: block;
    float: right;
    margin-right: 7px;
    overflow: hidden;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    text-indent: -9999px;
    width: 24px; height: 24px;
}
a#design_symbol:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
#design_options {
    clear: both;
    display: none;
    float: right;
    margin-bottom: -24px;
    width: 100px;
}
#design_options a#design_options_close {
    color: #555;
    text-decoration: none;
    float: right;
}
    #design_options a#design_options_close:hover {
        color: #fff;
    }
    #design_options a#design_options_close:active {
        color: #999;
    }
#design_options a.option {
    background: #000;
    border-bottom: 1px solid #333;
    color: #ccc;
    display: block;
    padding: 0 10px;
    text-decoration: none;
}
    #design_options a.option.selected {
        color: #ccc;
    }
        #design_options a.option.selected:hover {
            color: #fff;
        }
        #design_options a.option.selected:active {
            color: #ccc;
        }
    #design_options a.option:hover {
        background: #333;
        color: #fff;
    }
    #design_options a.option:active {
        background: #333;
        color: #ccc;
    }
    #design_options a.option_first {
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
    }
        #design_options a.option_last {
            border-bottom: 0;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }
    #design_options a.option span {
        color: #00aa50;
        float: right;
    }
        #design_options a.option.selected span {
            color: #666;
        }
.ran_options {
    background: #000;
    color: #666;
    display: none;
    margin-top: -3px;
    padding: 0 10px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
    #design_options a#undo_pos, #design_options a#help, #design_options a#randomize {
            color: #777;
    }
            #design_options a#undo_pos:hover, #design_options  a#help:hover, #design_options a#randomize:hover {
                    color: #ccc;
            }
            #design_options a#undo_pos:active, #design_options  a#help:active, #design_options a#randomize:active {
                    color: #999;
            }
    #help_content {
            background: #000;
            clear: both;
            display: none;
            font-size: 11px;
            line-height: 1.5;
            color: #999;
            padding: 20px;
            position: relative;
            width: 220px;
            z-index: 10;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-right-radius: 4px;
    }
            #help_content b {
                    color: #fff;
            }
    #design_options_thumbnail_grid {
            background: url(/_gfx/grid_snap_bg.gif) 0 0;
            opacity: 0.25;
            position: absolute;
            top: 0; left: 0; right: 0;
            z-index: -10;
    }

.featured_browser a:hover {

color: #00AF8A;

}

.tabnav { border-top:1px solid ccc; color:#333; text-decoration:none; cursor:pointer; padding:11px 0px 11px 23px; } body:not(.mobile) .tabnav:hover { text-decoration:underline; background: e4e4e4; } .tabnav.selected { color:#777; background:#fff; text-decoration:none; font-weight:normal; }

.slideshow_thumb.fake img {

background: #999;

}

/* Following page ***********************************************************************************************************/

body.following {
        background: #fff;
        color: #ccc;
        font-family: Arial, sans-serif;
        font-size: 14px;
        margin: 0;
        line-height: 1.5;
        padding: 0;
        visibility: hidden;
}
/* Following page > Following header
*******************************************************************************************************/
        #following_header {
                background: #000;
                font-family: Arial, sans-serif;
                font-size: 14px;
                height: 60px;
                line-height: 60px;
                padding: 0 15px;
                position: fixed;
                left: 0; top: 0; right: 0;
                z-index: 99;
        }
                #following_header_wrapper {
                        margin: 0 auto;
                        position: relative;
                        width: 1155px;
                }
                        #following_header div {
                        }
                                #following_header a {
                                        text-decoration: none;
                                }
                                #following_header a:hover {
                                        text-decoration: underline;
                                }
                        #following_favicon {
                                background: #fff;
                                float: left;
                                height: 16px;
                                margin: 20px 4px 0 15px;
                                overflow: hidden;
                                padding: 2px;
                                width: 16px;
                                -webkit-border-radius: 2px;
                                -moz-border-radius: 2px;
                                border-radius: 2px;     
                        }
                        #following_name {
                                float: left;
                                margin: 0 9px 0 16px;
                        }
                                #following_name a {
                                        color: #0aaf86;
                                }
                                        #following_name a:hover {
                                                color: #fff;
                                        }
                                        #following_name a:active {
                                                color: #999;
                                        }
                        .following_arrow {
                                color: #666;
                                float: left;
                                font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
                                margin: 0 3px 0 2px;
                                line-height: 61px;
                        }
                        #following_sections {
                                /*float: left;*/
                                /*width: 600px;*/
                                margin: 0 5px 0 0;
                        }
                                #following_sections a.section_link {
                                        background: none;
                                        color: #ccc;
                                        display: block;
                                        float: left;
                                        line-height: 14px;
                                        margin: 18px 8px 18px 0;
                                        padding: 5px 9px 6px 9px;
                                        -webkit-border-radius: 2px;
                                        -moz-border-radius: 2px;
                                        border-radius: 2px;     
                                }
                                        #following_sections a.section_link span.count {
                                                color: #777;
                                                font-weight: normal;
                                        }
                                        #following_sections a.section_link:hover {
                                                text-decoration: none;
                                        }
                                                #following_sections a.section_link:hover span.section_label {
                                                        color: #fff;
                                                        text-decoration: underline;
                                                }
                                        #following_sections a.section_link:active {
                                                color: #999;
                                        }
                                                #following_sections a.section_link:active span.section_label {
                                                        color: #999;
                                                        text-decoration: underline;
                                                }
                                #following_sections a.section_link.active {
                                        background: #333333;
                                }
                                        #following_sections a.section_link.active span.count {
                                                color: #777;
                                                font-weight: normal;
                                        }
                                        #following_sections a.section_link.active:hover {
                                                background: #2e2e2e;
                                                color: #fff;
                                        }
                                                #following_sections a.section_link.active:hover span.section_label {
                                                        color: #ccc;
                                                        text-decoration: none;
                                                }
                                        #following_sections a.section_link.active:active {
                                                background: #1a1a1a;
                                                color: #666;
                                        }
                                                #following_sections a.section_link.active:active span.count {
                                                        color: #777;
                                                }
                                        #following_sections a#discussions.active {
                                                margin-left: 10px;
                                        }
                                        #following_sections a#followed_by {
                                                margin-right: 0;
                                        }
                                #following_header #following_loadspin {
                                        display: none;
                                        position: absolute;
                                        top: 0px; right: -25px;
                                }
                                        #following_header #following_loadspin img {
                                                margin-top: 20px;
                                        }
                                #following_header #follow_links {
                                        height: 60px;
                                        padding-left: 20px;
                                        float: right;
                                        margin: 0 15px 0 15px;
                                }
                                        #follow_links .follow_bolt {
                                                margin-right: 5px;
                                                vertical-align: text-bottom;
                                                width: 15px;
                                                height: 16px;
                                                display: inline-block;
                                                background: #0AAF86 url(/_gfx/sc-bolt-white.png) no-repeat center;
                                                background: rgba(10,175,134,0) url(/_gfx/svg/follow_spark.svg) no-repeat center center;
                                        }
                                        #follow_links a#follow_link {
                                                color: #0aaf86;
                                        }
                                                #follow_links a#follow_link:hover {
                                                        color: #fff;
                                                }
                                                #follow_links a#follow_link:active {
                                                        color: #999;
                                                }
                                        #follow_links a#unfollow_link {
                                                color: #f06;
                                                margin-left: 10px;
                                        }
                                                #follow_links a#unfollow_link:hover {
                                                        color: #fff;
                                                }
                                                #follow_links a#unfollow_link:active {
                                                        color: #999;
                                                }
                                #following_sections a#following_menu.active {
                                        margin-left: 9px;
                                }
/* Following page > Following header
***************************************************************************************************/
.following_filter {
        float: right;
        font-size: 12px;
        height: 22px;
        line-height: 24px;
        margin-bottom: 30px;
        position: relative;
        text-align: left;
}
#following_section_note .following_filter {
        float: left;
        margin: 1px 0 33px 0;
}
        div.following_filter_link {
                color: #999;
                margin-right: 0px;
        }
                .following_filter_link .filter_displaying {
                        color: #ccc;
                        float: left;
                        line-height: 24px;
                        width: 67px;
                }
                .following_filter_link .show_filter_menu {
                        border: 1px solid #d7d7d7;
                        background: #FFF;
                        cursor: pointer;
                        float: left;
                        height: 22px;
                        line-height: 22px;
                        margin-right: 9px;
                        overflow: hidden;
                        position: relative;
                        text-decoration: none;
                        -webkit-border-radius: 2px;
                        -moz-border-radius: 2px;
                        border-radius: 2px;
                }
                        div.show_filter_menu:hover .active_filter {
                                color: #0AAF86;
                        }
                        .active_filter {
                                padding: 6px 38px 6px 6px;
                        }
        .filter_down {
                background-image: url(/_gfx/follow_filter_arrow.gif);
                background-repeat: no-repeat;
                background-position: center;
                border-left: 1px solid #d7d7d7;
                position: absolute;
                top: 0; right: 0;
                height: 22px;
                width: 22px;
        }
.following_filter_menu {
        display: none;
        position: absolute;
        top: -3px; right: 14px;
        z-index: 9999;
        left: 0px;
}
#following_section_note .following_filter_menu {
        display: none;
        position: absolute;
        top: -3px; left: -3px; right: auto;
        z-index: 9999;
}
        .following_filter .following_filter_menu a, #following_section_note .following_filter_menu a  {
                background: #000;
                border-bottom: 1px solid #333;
                color: #999;
                display: block;
                line-height: 30px ;
                padding: 0 10px !important;
                min-width: 166px;
                white-space: nowrap;
                text-decoration: none;
        }
        .following_filter_menu a:hover, #following_section_note .following_filter_menu a:hover {
                background: #333333;
                color: #ffffff;
        }
        .following_filter_menu a:active, #following_section_note .following_filter_menu a:active {
                background: #333333;
                color: #999999;
        }
        .following_filter_menu a.active, #following_section_note .following_filter_menu a.active {
                color: #ffffff !important;
                font-weight: bold;
        }
        .following_filter_menu a.following_filter_menu_first {
                margin-left: 0px !important;
                -webkit-border-top-left-radius: 2px;
                -webkit-border-top-right-radius: 2px;
                -moz-border-radius-topleft: 2px;
                -moz-border-radius-topright: 2px;
                border-top-left-radius: 2px;
                border-top-right-radius: 2px;                   
        }
        .following_filter_menu a.following_filter_menu_last {
                border-bottom: 0;
                -webkit-border-bottom-right-radius: 2px;
                -webkit-border-bottom-left-radius: 2px;
                -moz-border-radius-bottomright: 2px;
                -moz-border-radius-bottomleft: 2px;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 2px;
        }
        .following_filter_menu span.network_checked {
                color: #ccc;
                float: right;
                font-size: 14px;
                font-weight: normal;
                padding-left: 5px;
        }
        .following_filter_menu img.network_checked {
                float: right;
                margin-top: 9px;
        }
        .recent_activity {
                color: #ccc;
                line-height: 24px;
        }
        #following_section_note_links {
                color: #ccc;
                float: right;
                margin-right: 30px;
                width: 200px;
        }
                #following_section_note_links a {
                        color: #ccc;
                }
                        #following_section_note_links a:hover {
                                color: #000;
                        }
                        #following_section_note_links a:active {
                                color: #666;
                        }
        #temp_message {
                color: #000;
                height: 24px;
                margin: 0 auto -24px;
                text-align: center;
                width: 620px;
                font-size: 11px;
                text-align: center;
        }
                #temp_message span {
                        background: #ffc;
                        padding: 6px 10px;
                        -webkit-border-radius: 2px;
                        -moz-border-radius: 2px;
                        border-radius: 2px;
                }
        #about_link {
                position: absolute;
                left: 262px;
        }
                #about_link a {
                        color: #ccc;
                        text-decoration: underline;
                }
                        #about_link a:hover {
                                color: #000;
                                text-decoration: underline;
                        }
                        #about_link a:active {
                                color: #666;
                        }
        #about_popup {
                background: #000;
                color: #ccc;
                display: none;
                padding: 30px;
                position: absolute;
                top: 204px;
                left: 50px;
                width: 390px;
                z-index: 99999;
                -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
                border-radius: 2px;
        }
        /* Dropped
        #following_view_toggle {
                background: #e6e6e6;
                color: #666666;
                float: left;
                font-size: 12px;
                height: 24px;
                margin-right: 30px;
                position: relative;
                -webkit-border-radius: 12px;
                -moz-border-radius: 12px;
                border-radius: 12px;
        }
                #following_view_toggle_loadspin {
                        display: none;
                        position: absolute;
                        top: 2px; right: -30px;
                }
                #following_view_toggle a {
                        color: #666;
                        cursor: pointer;
                        display: block;
                        float: left;
                        line-height: 24px;
                        position: relative;
                        text-align: center;
                        text-decoration: none;
                        width: 73px;
                        z-index: 9;
                }
                        #following_view_toggle a:hover {
                                color: #000;
                        }
                        #following_view_toggle a.active {
                                color: #999999;
                        }
                #following_view_toggle_highlight {
                        background: #fff;
                        display: block;
                        height: 22px;
                        position: absolute;
                        top: 1px; left: 1px;
                        width: 73px;
                        z-index: 1;
                        -webkit-border-radius: 12px;
                        -moz-border-radius: 12px;
                        border-radius: 12px;
                }
                        #following_view_toggle.gallery #following_view_toggle_highlight {
                                left: 72px;
                        }
        */

/* Homepage

*******************************************************************************************************/

.home_container {

color: #888888;
/* margin: 133px 0 0 235px; */
/* width: auto !important; */
position: absolute;
top: 0; left: 0;

}

.home_container .header_image {

position: absolute;
top: -109px; left: 0;

}

/* Following gallery styles

*******************************************************************************************************/

imgWrapper {

background: #fff;
clear: both;
overflow-x: hidden;
margin: 0 auto 30px;
width: 1320px;

}

imgWrapper.user_images {

margin: 67px auto 30px;

}

.home_gallery_content #imgWrapper {
        border-left: 1px solid #ccc;
        background: #111;
        padding: 95px 30px 0 29px;
        margin: 0 0 0 200px;
        width: auto;
}
.home_gallery_content #gallery_nav {
        background: #111;
        border-left: 1px solid #ccc;
        padding: 60px 30px 30px 29px;
        margin: 0 0 0 200px;
        width: auto;
}

.box {

display: none;
color: #333333;
font-size: 16px;
line-height: 1.5;
margin-bottom: 60px;
padding: 0 20px 0 20px;
overflow: hidden;

}

    div.box:hover .gallery_title {
            visibility: visible;
    }
    .box a {
            color: #333333;
            text-decoration: none;
    }
    .box a:hover {
            text-decoration: underline;
    }
    .home_gallery_content .box a {
            color: #666;
            text-decoration: none;
    }
    .home_gallery_content .box a:hover {
            color: #999;
            text-decoration: underline;
    }
    .box img {
            background: #f2f2f2;
            cursor: pointer;
            display: block;
    }
    .home_gallery_content .box img {
            background: #000;
            cursor: pointer;
            display: block;
    }
    .gallery_title, .gallery_user_info {
    }
    .gallery_title {
            color: #000;
            font-size: 12px;
            margin-top: 8px;
    }
            .gallery_title a:active {
                    color: #666;
            }
            .home_gallery_content .gallery_title a:active {
                    color: #666;
            }
    .gallery_user_info {
            color: #999999;
            font-family: Georgia, times, serif;
            font-size: 11px;
    }
    .home_gallery_content .gallery_user_info {
            color: #666;
            font-family: Georgia, times, serif;
            font-size: 11px;
    }
            .gallery_user_info a {
                    color: #999999;
            }
            .gallery_user_info a:hover {
                    color: #333333;
            }
            .gallery_user_info a:active {
                    color: #999;
            }
            .home_gallery_content .gallery_user_info a:active {
                    color: #666;
            }
    #gallery_nav {
            padding: 50px;
            visibility: hidden;
    }
    #gallerypaging {
            font-family: Arial, sans-serif;
            margin: 0 auto;
            padding: 30px;
            position: relative;
            text-align: center;
            width: 152px;
    }
    a#morepaging, a#morepaging:hover, a#morepaging:active {
    display: block;
    float: left;
    margin-bottom: 15px;
    padding: 1px 0;
    text-decoration: none;
    white-space: nowrap;
    }
    a#morepaging span {
    background-color: #08c365;
    background-repeat: no-repeat;
    background-position: center;
        color: #f5f5f5;
        display: block;
        float: left;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 36px;
        line-height: 36px;
        margin: 0;
        overflow: hidden;
        padding: 0 23px;
        text-decoration: none;
        width: 106px;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}
.home_gallery_content a#morepaging span {
    background-color: #08c365;
    background-repeat: no-repeat;
    background-position: center;
        color: #111;
        display: block;
        float: left;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 36px;
        line-height: 36px;
        margin: 0;
        overflow: hidden;
        padding: 0 23px;
        text-decoration: none;
        width: 106px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
}
    a#morepaging:hover span {
        background-color: #000000;
            color: #f5f5f5;
            -moz-box-shadow: 0px 1px 3px #999;
                    -webkit-box-shadow: 0px 1px 3px #999;
                    box-shadow: 0px 1px 3px #999;
    } 
    .home_gallery_content a#morepaging:hover span {
        background-color: #666;
            color: #111;
            -moz-box-shadow: 0px 0px 0px #111;
                    -webkit-box-shadow: 0px 0px 0px #111;
                    box-shadow: 0px 0px 0px #111;
    } 
    a#morepaging:active span {
            background: #666;
                    color: #fff;
                    -moz-box-shadow: inset 0px 1px 4px #212121;
                    -webkit-box-shadow: inset 0px 1px 4px #212121;
                    box-shadow: inset 0px 1px 4px #212121;
    }
    .home_gallery_content a#morepaging:active span {
            background: #444;
                    color: #ccc;
                    -moz-box-shadow: inset 0px 1px 4px #212121;
                    -webkit-box-shadow: inset 0px 1px 4px #212121;
                    box-shadow: inset 0px 1px 4px #212121;
    }
            a#morepaging span.gallery_loading {
                    background-color: #ccc;
                    /* background-image: url(/_gfx/loadingAnim.gif); */
                    text-indent: -9999px;
            }
            a#morepaging .spinner {
                    position: absolute; 
                    left: 96px; 
                    top: 39px;
                    display: none;
            }
            .home_gallery_content a#morepaging span.gallery_loading {
                    background-color: #666;
                    /* background-image: url(/_gfx/loadingAnim.gif); */
                    text-indent: -9999px;
            }
            a#morepaging:hover span.gallery_loading {
            background-color: #ccc;
                    color: #f5f5f5;
                    -moz-box-shadow: none;
                            -webkit-box-shadow: none;
                            box-shadow: none;
            } 
            .home_gallery_content a#morepaging:hover span.gallery_loading {
            background-color: #666;
                    color: #f5f5f5;
                    -moz-box-shadow: none;
                            -webkit-box-shadow: none;
                            box-shadow: none;
            } 
#pageInfo {
    color: #aaa;
    font-size: 12px;
    width: 152px;
}
.home_gallery_content #pageInfo {
    color: #666;
    font-size: 12px;
    width: 152px;
}
    #pagingbox {
            border: 1px solid #ddd;
            color: #aaaaaa;
            font-family: Arial, sans-serif;
            font-size: 12px;
            margin-right: 2px;
            padding: 4px 0;
            text-align: center;
            width: 30px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
    }
    .home_gallery_content #pagingbox {
            border: 0px solid #ddd;
            background: #333;
            color: #999;
            font-family: Arial, sans-serif;
            font-size: 12px;
            margin-right: 2px;
            padding: 4px 0;
            text-align: center;
            width: 30px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
    }
#no_results {
            color: #999999;
            font-size: 22px;
            padding: 125px 0 0 15px;
            z-index: 1;
    }
            .no_results_note {
                    font-size: 14px;
            }
            .no_results_note a {
                    color: #666666;
            }
            .no_results_note a:hover {
                    color: #000000;
            }
            .no_results_note a:active {
                    color: #999999;
            }
    #imgWrapper.user_images .box { 
            margin: 0 !important;
    }
            #imgWrapper.user_images .gallery_title { 
                    visibility: hidden;
                    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
                    font-size: 10px;
                    margin-top: 8px;
                    height: 52px;
            }
                    #imgWrapper.user_images .gallery_title a {
                            color: #999;
                    }
                    #imgWrapper.user_images .gallery_title a:active {
                            color: #ccc;
                    }
            #imgWrapper.user_images div.box:hover .gallery_title {
                    visibility: visible;
            }
    /* Following page > Following truncated bar
    *******************************************************************************************************/
    /* Dropped
            .recent_following_container {
                    background: #eee;
                    height: 64px;
                    overflow: hidden;
                    padding: 25px 0 25px 24px;
            }
                    .recent_following_wrapper {
                            margin: 0 auto;
                            width: 924px;
                    }
                            .recent_following_thumb {
                                    float: left;
                                    margin: 0 24px 36px 0;
                                    width: 91px;
                            }
                                    body.gallery .recent_following_wrapper .recent_following_thumb {
                                            margin: 0 18px 36px 0;
                                    }
                                    .recent_following_thumb.even {
                                            margin: 0 25px 36px 0;
                                    }
                                    .recent_following_thumb a {
                                            display: block;
                                            padding: 4px;
                                            height: 57px;
                                            width: 85px;
                                            -webkit-border-radius: 2px;
                                            -moz-border-radius: 2px;
                                            border-radius: 2px;
                                    }
                                            .recent_following_thumb a:hover {
                                                    background: #fff;
                                            }
                                            .recent_following_thumb a:active {
                                                    background: #ccc;
                                            }
                                    .recent_following_thumb img {
                                            height: 57px;
                                            width: 85px;
                                    } /*
    /* Following page > Following / Followed content
    *******************************************************************************************************/
            body.following {
                    padding-top: 100px !important;
            }
            body.selections {
                    padding-top: 160px !important;
            }
            body.home.selections {
                    padding-top: 0px !important;
            }
            body.sitegallery {
                    padding-top: 60px !important;
            }
            body.following #note_container {
                    background: #f2f2f2;
                    position: fixed;
                    height: 60px;
                    left: 0;
                    top: 60px;
                    right: 0;
                    z-index: 998;   
                    padding: 0 15px;
            }
            body.following #note_container a {
                    color: inherit;
                    padding-left: 30px;
            }
            body.following #note_container #image_gallery_name a {
                    padding-left: 0px;
            }
            body.following #note_container.floating {
                    -webkit-transition: all .15s ease;
                    -moz-transition: all .15s ease;
            }
            body.sitegallery #following_section_note_container {
                    background: #fff;
                    z-index: 999;
            }
            body.sitegallery #note_container {
                    background: #fff;
                    position: absolute;
                    top: 0px; left: 0; right: 0;
                    z-index: 999;
            }
                    body.sitegallery #note_container.bordered {
                            border-bottom: 1px solid #eee;
                    }
            body.following #note .btn {
                    width: 22px;
                    height: 22px;
                    border: none;
                    border-left: 1px solid #d7d7d7;
                    padding: 0;
                    margin: 0;
                    background-color: #fff;
                    cursor: pointer;
                    display: inline-block;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
            }
            body.following #note .btn:first-child {
                    border-left: none;
            }
            body.following #note .btn.active .rect {
                    background: #333;
            }
            body.following #note .btn.inactive .rect {
                    background: #ccc;
            }
            body.following #note .btn .rect {
                    left: 50%;
                    top: 50%;
                    background: #CCC;
                    position: relative;
            }
            body.following #note .btn.small .rect {
                    width: 4px;
                    height: 4px;
                    margin-left: -2px;
                    margin-top: -2px;
            }
            body.following #note .btn.medium .rect {
                    width: 6px;
                    height: 6px;
                    margin-left: -3px;
                    margin-top: -3px;
            }
            body.following #note .btn.large .rect {
                    width: 10px;
                    height: 10px;
                    margin-left: -5px;
                    margin-top: -5px;
            }
            body.following #note .columnize_controls {
                    padding: 0;
                    margin: 0;
                    float: right;
                    border: 1px solid #d7d7d7;
                    background: #FFF;
                    height: 22px;
                    font-size: 0px;
                    /* padding-left: 7px; */
                    color: #ccc;
                    margin-right: 12px;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
            }
            body.following #note .columnize_controls .txt {
                    float: left;
                    padding-right: 7px;
            }
            body.following #note .following_search {
                    float: left;
            }
            body.following #note .following_search input {
                    border: 1px solid #d7d7d7;
                    height: 22px;
                    font-family: inherit;
                    font-size: inherit;
                    color: inherit;
                    padding: 0;
                    padding-left: 5px;
            }
            body.following #note .following_search ul {
                    margin: 24px 0 0 3px;
                    padding: 0;
                    list-style: none;
                    text-align: left;
                    max-height: 200px;
                    overflow: hidden;
            }
            body.following #note .following_search li {
                    background: #000;
                    border-bottom: 1px solid #333;
                    color: #999;
                    display: block;
                    line-height: 30px;
                    padding: 0 10px;
                    min-width: 166px;
                    white-space: nowrap;
                    text-decoration: none;
            }
            body.following #note .following_search li.hovering,
            body.following #note .following_search li.active {
                    background: #212121;
                    font-weight: bold;
            }
            body.following #note .following_search li.active {
                    color: #fff;
            }
                    #following_section_note, #note {
                            color: #999;
                            font-size: 14px;
                            line-height: 14px;
                            margin: 18px auto;
                            width: 1155px;
                    }
                    body.sitegallery #note {
                            color: #999;
                            font-size: 12px;
                            height: 52px;
                            line-height: 24px;
                            margin: 0 auto;
                            padding: 30px 0 0 10px;
                            position: relative;
                            width: 924px;
                    }
                    body.following #note #navigation a.section_link {
                            background: none;
                            color: #999;
                            display: block;
                            float: left;
                            line-height: 14px;
                            margin: 0px 8px 18px 0;
                            padding: 5px 9px 6px 9px;
                            -webkit-border-radius: 2px;
                            -moz-border-radius: 2px;
                            border-radius: 2px;
                            text-decoration: none;
                    }
                    body.following #note #navigation a.section_link:first-child {
                            margin-left: 6px;
                    }
                    body.following #note #navigation a:hover span.section_label {
                            text-decoration: underline;
                            color: #2c2c2c;
                    }
                    body.following #note #navigation a.active:hover span.section_label {
                            text-decoration: none;
                            color: inherit;
                    }
                    body.following #note #navigation a:active span.section_label {
                            color: #afafaf;
                    }
                    body.following #note #navigation a span.count {
                            color: #b5b5b5;
                            font-weight: normal;
                    }
                    body.following #note #navigation a.section_link.active {
                            background: #e0e0e0;
                            color: #666666;
                    }
                    body.following #note #navigation a.section_link.active:first-child {
                            margin-left: 14px;
                    }
                    body.following #note #navigation a.section_link.active:hover {
                            background: #dadada;
                    }
                    body.following #note #navigation a.section_link.active:active {
                            background: #e8e8e8;
                    }
                            #following_section_note a, .note a {
                                    color: #333333;
                            }
                                    #following_section_note a:hover, .note a:hover {
                                            color: #666666;
                                    }
                                    #following_section_note a:active, .note a:active {
                                            color: #333333;
                                    }
                                    #following_section_note .frasl {
                                            color: #cccccc;
                                            padding: 0 8px 0 10px;
                                    }
                                    #following_note_text {
                                            margin: 10px 0 0 0;
                                    }
                    .nofollow_container {
                            color: #ccc;
                            margin: 0 auto;
                            padding: 0 0 0 30px;
                            width: 924px;
                    }
                    .follow_container {
                            clear: both;
                            margin: 3px auto 0 auto;
                    }
                            .home.follow_container { /* Only applied to the featured sites area on the homepage */
                                    margin: 60px 0 0 20px;
                                    width: auto !important;
                            }
                            .follow_container .module {
                                    display: block;
                                    float: left;
                                    height: 180px; 
                                    margin: 0 16px 30px 15px;
                                    position: relative;
                                    text-align: left;
                                    width: 200px;
                            }
                            .follow_container .follow_crop {
                                            background: #f5f5f5;
                                            height: 134px;
                                            margin-bottom: 1px;
                                            overflow: hidden;
                                            width: 200px;
                                    }
                                            .follow_container .follow_crop:hover{
                                                    outline: 1px solid #ccc;
                                                    outline-offset: 2px;
                                            }
                                    .follow_container.home .follow_crop {
                                            background: #1a1a1a;
                                    }
                                            .follow_container.home .follow_crop:hover{
                                                    outline: 1px solid #454545;
                                                    outline-offset: 2px;
                                            }
                                    .follow_container .project_info { 
                                            color:#666;
                                            font-family: Arial, sans-serif;
                                            font-size: 12px;
                                            line-height: 1.5em;
                                            height: 3em;
                                            margin-right: 35px;
                                            overflow: hidden; 
                                            padding-top: 10px;
                                    }
                                    .following_load {
                                            background-color: #ccc;
                                            position: absolute;
                                            top: 144px; right: 0;
                                            width: 20px; height: 20px;
                                            -webkit-border-radius: 2px;
                                            -moz-border-radius: 2px;
                                            border-radius: 2px;
                                    }
                                            .following_load.homefollow {
                                                    background-color: #333;
                                            }
                                            .following_load img {
                                                    margin: 5px;
                                                    width: 10px; height: 10px;
                                            }
                                            .following_pagination_moreload {
                                                    clear: both;
                                                    padding: 30px 0 60px 0;
                                                    font-size: 12px;
                                                    color: #999;
                                                    line-height: 20px;
                                                    display: none;
                                            }
                                            .following_pagination_moreload .retinaSpinner {
                                                    padding-left: 0 !important;
                                                    top: 5px;
                                            }
                                    .module:hover a.addLink, .module:hover a.deleteLink  {
                                            display: block;
                                    }
                                    a.addLink {
                                            background: #0AAF86 url(/_gfx/following-synapse-white.png) no-repeat center;
                                            background: rgba(10,175,134,0) url(/_gfx/svg/follow_spark.svg) no-repeat center center;
                                            background-color: #0AAF86;
                                            color: #fff;
                                            display: none;
                                            font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
                                            font-size: 10px;
                                            margin-left: 10px;
                                            overflow: hidden;
                                            position: absolute;
                                            top: 144px; right: 0;
                                            text-align: center;
                                            text-decoration: none !important;
                                            text-transform: uppercase;
                                            text-indent: -9999px;
                                            width: 20px; height: 20px;
                                            -webkit-border-radius: 2px;
                                            -moz-border-radius: 2px;
                                            border-radius: 2px;
                                    }
                                            a.addLink.homefollow {
                                                    background-color: #0AAF86;
                                                    background-image: url(/_gfx/following-synapse.png);
                                                    color: #111;
                                            }
                                    a.addLink:hover {
                                            background-color: #222;
                                            color: #fff;
                                    }
                                            a.addLink.homefollow:hover {
                                                    background-color: #ddd;
                                                    color: #111;
                                            }
                                    a.addLink:active {
                                            background-color: #999;
                                    }
                                            a.addLink.homefollow:active {
                                                    background-color: #666;
                                            }
                                    a.deleteLink {
                                            background: url(/_gfx/following-close-white.gif) no-repeat center;
                                            background: rgba(0,0,0,0) url(/_gfx/svg/following_x_white.svg) no-repeat center center;
                                            background-color: #ccc;
                                            color: #fff;
                                            display: none;
                                            font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
                                            font-size: 10px;
                                            line-height: 20px;
                                            margin-left: 10px;
                                            overflow: hidden;
                                            position: absolute;
                                            top: 144px; right: 0;
                                            text-align: center;
                                            text-decoration: none !important;
                                            text-transform: uppercase;
                                            text-indent: -9999px;
                                            width: 20px; height: 20px;
                                            -webkit-border-radius: 2px;
                                            -moz-border-radius: 2px;
                                            border-radius: 2px;
                                    }
                                            body.home a.deleteLink {
                                                    background: url(/_gfx/following-close.gif) no-repeat center;
                                                    background: rgba(0,0,0,0) url(/_gfx/svg/following_x_black.svg) no-repeat center center;
                                                    background-color: #333;
                                                    color: #111;
                                            }
                                    a.deleteLink:hover {
                                            background-color: #f06;
                                            color: #fff;
                                    }
                                            body.home a.deleteLink:hover {
                                                    background-color: #f06;
                                                    color: #111;
                                            }
                                    a.deleteLink:active {
                                            background-color: #999;
                                    }
                                            body.home a.deleteLink:active {
                                                    background-color: #666;
                                            }
                    .home_gallery_content .featured_head {
                            color: #888;
                            position: absolute;
                            top: 0; left: 0;
                    }
                    body.following #page_footer_container {
                            background: #eeeeee;
                            height: 81px;
                            margin-top: 60px;
                    }
                            #home_gallery #page_footer_container {
                                    margin: 0 20px 30px 235px;
                            }
                            #home_gallery #page_footer_container #page_footer {
                                    width: auto !important;
                            }
                            body.following #page_footer_container.fixed_pos {
                                    position: fixed;
                                    bottom: 0; left: 0; right: 0;
                            }
                    body.following #page_footer {
                            clear: both;
                            margin: 0 auto 0 auto;
                            padding: 30px 15px 0px 15px;
                            position: relative;
                    }
                            body.following #page_footer_container.fixed_pos #page_footer  {
                                    width: 924px;
                            }
                    .follow_pagination {
                            clear: both;
                            color: #999;
                            font-size: 14px;
                            line-height: 1.5;
                            margin-left: 4px;
                            float: left;
                    }
                            .follow_pagination a {
                                    color: #000;
                                    text-decoration: none;
                            }
                                    .follow_pagination a:hover {
                                            color: #000;
                                            text-decoration: underline;
                                    }
                                    .follow_pagination a:active {
                                            color: #666;
                                    }
                                    .pagination_load_spin {
                                            float: left;
                                            padding-left: 10px;
                                            padding-top: 1px;
                                            display: none;
                                    }
                    #home_gallery .follow_pagination {
                            clear: both;
                            color: #999;
                            font-size: 12px;
                            line-height: 1.5;
                    }
                            #home_gallery .follow_pagination a {
                                    color: #00AF8A;
                                    text-decoration: none;
                            }
                                    #home_gallery .follow_pagination a:hover {
                                            color: #ffffff;
                                            text-decoration: underline;
                                    }
                                    #home_gallery .follow_pagination a:active {
                                            color: #cccccc;
                                    }

/**

* Follow popup
*/

follow_popup {

background: #ededed;
display: none;
margin: -87px 0 0 -210px;
position: fixed;
top: 40%;
left: 50%;
height: 174px;
width: 420px;
z-index: 999999999999999;
/* A bunch of resets */
font-family: sans-serif;
letter-spacing: 0;
word-spacing: 0;
font-weight: normal;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);

}

follow_popup.light {

border: 1px solid #CCC;

}

follow_popup .follow_popup_logged_in_as {

color: #999;
font-size: 12px;
line-height: 12px;
font-family: Menlo, Monaco, monospace;
position: absolute;
bottom: 19px;
left: 19px;
z-index: 9;

}

follow_popup .follow_popup_logged_in_as a {

margin-left: 4px;

}

follow_popup_actions {

position: absolute;
bottom: 12px;
right: 12px;
z-index: 9;

}

follow_popup_actions a {

display: block;
float: left;
color: #fff;
text-decoration: none;
font-size: 14px;
margin-left: 8px;
padding: 7px 0;
width: 80px;
text-align: center;
line-height: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

follow_popup follow_popup_actions a.follow_popup_ok {

background: #08c365;
font-weight: bold;

}

follow_popup follow_popup_actions a.follow_popup_cancel {

background: #ccc;

}

follow_popup follow_popup_actions a:hover {

     background: #000;
-moz-box-shadow: 0px 1px 3px #999;
-webkit-box-shadow: 0px 1px 3px #999;
 box-shadow: 0px 1px 3px #999;

}

follow_popup follow_popup_actions a:active {

    background: #666;
color: #fff;
-moz-box-shadow: inset 0px 1px 4px #212121;
-webkit-box-shadow: inset 0px 1px 4px #212121;
box-shadow: inset 0px 1px 4px #212121;

}

follow_popup_note {

position: absolute;
line-height: 163px;
top: 0;
left: 50px;
right: 50px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
color: #333;

}

following_loadspin {

/*background: url(/_gfx/loadingAnim.gif) 0 0 no-repeat;*/
display: none;
position: absolute;
top: 15px;
right: 15px;
height: 20px;
width: 20px;
z-index: 9;

}

a#follow_popup_select {

color: #ccc;
padding-bottom: 2px;
border-bottom: 1px solid #ddd;
text-decoration: none;

}

a#follow_popup_select:hover {

color: #333;
border-bottom: 1px solid #333;
background: none;

}

a#follow_popup_select:active {

color: #666;
border-bottom: 1px solid #666;
background: none;

}

/* User image gallery ***********************************************************************************************************/

images_title.gallery {

font-size: 14px;

}

image_gallery_name {

float: left;
margin: 0 9px 0 0;

}

#image_gallery_name a {
        color: #000 !important;
        text-decoration: none;
}
#image_gallery_name a:hover {
        color: #000;
        text-decoration: underline;
}
#image_gallery_name a:active {
        color: #666 !important;
        text-decoration: underline;
}

.image_gallery_arrow {

color: #999;
float: left;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
line-height: 28px;
margin: 0 7px 0 0;

}

.image_gallery_text {

float: left;

}

.image_gallery_text a {
        color: #999999;
        text-decoration: none;
        padding-left: 0px !important;
}
.image_gallery_text a:hover {
        color: #000 !important;
        text-decoration: underline;
}
.image_gallery_text a:active {
        color: #666 !important;
        text-decoration: underline;
}

/* Network join page & Reset Page ***********************************************************************************************************/

.networkJoin, .resetPage {

        color: #000;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
        font-size: 18px;
        line-height: 1.7;
        padding: 60px;
}

.networkJoin a, .resetPage a {

        color: #000;
        text-decoration: underline;
}
.networkJoin a:hover, .resetPage a:hover {
        background: #ff0;
        text-decoration: underline;
}
.networkJoin a:active {
        background: none;
        color: #f03;
}
.resetPage a:active {
        background: none;
        color: #999;
}
.resetPage a.deactivate {
        color: #ff0066;
        text-decoration: none;
        font-size: 12px;
        padding-left: 20px;
}
.resetPage a.deactivate:hover {
        background: none;
        text-decoration: underline;
}
.resetPage a.deactivate:active {
        background: none;
        color: #000;
}
.resetPage .loading {
        padding-top: 35px;
        display: none;
}

.networkJoin .span-12, .resetPage .span-12 { font-size:12px; } .networkJoin .header, .resetPage .header { font-weight:bold; margin-bottom:2em} .networkJoin form, .resetPage form { margin-bottom:1em; padding:.5em 0}

/* Signup page ***********************************************************************************************************/

#application_form {
        color: #999;
        font-size: 14px;
        position: relative;
        margin-left: 300px;
        padding: 30px 0 0 0;
}
        #application_form a {
                color:#999;             
        }
        #application_form a:hover {
                color:#fff;
        }
        #application_form a:active {
                color:#666;
        }
#application_note {
        height: 122px;
        width: 560px;
        margin-top:-5px;
}
#application_form_items {
        list-style: none;
        margin: 0;
        padding: 0;
}
#application_form_items li {
        margin: 8px 0 0 0;
}
#application_form_items h3 {
        color: #D0BFA6;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5em;
        margin: 0px;
        padding: 0px;
}
#application_form textarea {
        line-height: 1.5em !important;
        padding-right: 100px;
        max-width: 600px;
}
#application_form input, #application_form textarea { 
        background:#1f1f1f;
    color:#777; 
    border-color: #333;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding: 0 5px; 
        color:#999; 
        font-family: Arial, sans-serif !important;
        font-size:14px; 
        height: 31px;
        margin: 0;
        width: 540px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
}
#application_form input:focus, #application_form textarea:focus { 
        background-color:#f2f2f2; 
        border-color: #f2f2f2 !important;
    border-style: solid;
    border-width: 2px; 
        color:#000 !important; 
 }
#application_form input.signup_button { 
        background:#0AAF86;
    color:#212121;
    cursor: pointer;
    border:2px solid #0AAF86; 
    -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding:5px; 
        font-family: Arial, sans-serif !important;
        font-size:14px; 
        width:270px; 
}
        #application_form input.signup_button:hover {
                background-color: #f2f2f2;
                border-color: #f2f2f2 !important;
        }
        #application_form input.signup_button:active {
                background-color: #999;
                border-color: #999 !important;
                margin: 1px 0 -1px;
        }
#application_form input.apply_button { 
        background:#0AAF86;
    color:#212121;
    cursor: pointer;
    border:2px solid #0AAF86; 
    -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        padding:5px; 
        font-family: Arial, sans-serif !important;
        font-size:14px; 
        width:270px; 
}
        #application_form input.apply_button:hover {
                background-color: #fff;
                border-color: #fff !important;
        }
        #application_form input.apply_button:active {
                background-color: #999;
                border-color: #999 !important;
                margin: 1px 0 -1px;
        }

/* Audio component ***********************************************************************************************************/

    .audio_component {
        cursor: default;
        float: left;
        margin: 0 15px 15px 0;
        position: relative;
    }
        .audio_component div {
            float: left;
        }
        .audio_component .border {
            position: absolute;
            width: 296px;
            z-index: 1;
        }
        .audio_component .vertical_border {
            height: 100%;
            width: 1px;
        }
        .audio_component .controls {
            position: absolute;
            width: inherit;
            z-index: 2;
        }
            .audio_component .play_pause {
                    background-position: -81px center;
                    background-repeat: no-repeat;
                    cursor: pointer;
                    display: block;
                    width: 35px;
            }
            .audio_component .play {
                    background-position: -81px center;
            }
            .audio_component .pause {
                    background-position: -16px center;
            }
        .audio_component .info {
            position: relative;
            width: 202px;
        }
        .audio_component .href {
            display: none;
            position: absolute;
            visibility: hidden;
        }
        .audio_component .spectrum {
            height: 100%;
            margin-left: 1px;
            margin-right: 2px;
            overflow: hidden;
            position: absolute;
            width: 100%;
        }
            .audio_component .spectrum .spectrum_bar {
                    position: absolute;
            }
            .audio_component .progress_clip {
                    z-index:2;
            }
        .audio_component .loading {
            position: absolute;
            top: 0; left: 0;
                    z-index:1;
        }
        .audio_component .glass {
            height: 100%;
            opacity: 0.0;
            position: absolute;
            width: 100%;
            filter: alpha(opacity=0);
            -moz-opacity: 0.0;
            -khtml-opacity: 0.0;
        }
        .audio_component .position {
            overflow: hidden;
            position: relative;
            width: inherit;
                    z-index:4;
        }
        .audio_component .position .playhead {
            cursor: ew-resize;
            cursor: -moz-grab;
            cursor: grab;
            position: relative;
        }
        .audio_component .progress {
            position: absolute;
        }
        .audio_component .text {
            display: hidden;
            left: 0;
            overflow: hidden;
            padding: 0 10px 0 10px;
            position: absolute;
            white-space: nowrap;
            width: 90%;
                    z-index:3;
        }
        .audio_component .volume {
            float: right;
            overflow: hidden;
            position: relative;
            width: 57px;
        }
        .audio_component .volume_slide {
            position: absolute;
            width: 100%;
        }
            .audio_component .volume_slide.hover {
            }
    .drag_ew {
        cursor: ew-resize;
        cursor: -moz-grab;
        cursor: grab;
    }
    .drag_ns {
        cursor: ns-resize;
        cursor: -moz-grab;
        cursor: grab;
    }
    #sm2movie, #sm2-container {
    }
.detail_preload {
    display:block !important;
}

/**

* traceMarkā„¢
*/

@-webkit-keyframes tracemark_spark {

from { fill: #333; }
to   { fill: #000; }

}

/* Bookmark icon */

tracemark_container {

position: absolute;
top: 0; left: 0;
z-index: 999999;

}

tracemark_container .tracemark_icon {

background-color: #1a1a1a;
color: #ccc;
line-height: 30px;
font-size: 16px;
font-weight: normal;
text-align: center;
cursor: pointer;
position: absolute;
text-decoration: none;
height: 30px;
width: 30px;

}

tracemark_container .tracemark_icon:hover {

background-color: #08C365;
color: #fff;

}

tracemark_container .tracemark_icon:active {

background-color: #666;
color: #fff;

}

tracemark_load {

background: url(/_gfx/loadingAnim.gif) no-repeat 0 0;
display: none;
height: 20px; 
margin: 5px;
position: absolute;
top: 0; left: 0;
width: 20px;
z-index: 99999;

}

/*!

* Hide HTML5 video elements until needed, displayed by JS methods
*/

.video_tag {

display: none;

}

/*

* FreshBox aka Fullscreen
*/

fullscreen {

clear: both;

} fullscreen.fullscreen_ie {

line-height: 21px;

}

freshbox {

background: #000000;
position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 9999999;

}

freshbox.ie {

visibility: visible !important;

}

freshbox_centering {

position: absolute;
top: 0; left: 0;
text-align: center;

}

freshbox img {

    display: none;
position: absolute;
top: 0; left: 0;
z-index: 109;

}

freshbox img.active {

display: block;
z-index: 110;

}

freshbox img.preload {

    display: block;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;

}

freshbox img#freshbox_loading, freshbox freshbox_loading.retinaSpinner {

display: block;
float: none;
height: 20px;
margin: -10px 0 0 -10px;
position: absolute;
top: 50%; left: 50%;
width: 20px;
z-index: 101;

}

/**

* Navigation
*/

.freshbox_navigation {

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-size: 12px;
margin-left: -43px;
position: fixed;
bottom: 50px; left: 50%;
width: 150px;
z-index: 99999;

}

.freshbox_navigation_group {

background: rgba(10, 10, 10, 0.2);
float: left;
height: 34px;
margin: 0 10px 0 0 ;
padding: 0 2px 0 1px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;

}

.freshbox_navigation a {

background-color: #ffffff;
color: #000000;
display: block;
float: left;
height: 30px;
line-height: 30px;
margin: 2px 0 2px 1px;
padding: 0 10px 0 10px;
text-decoration: none;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;

}

a.freshbox_nav_button {

padding: 0;
width: 30px;
overflow: hidden;

}

a.freshbox_nav_button#fullscreen_zoom {

margin-left: 14px;

}

a.freshbox_nav_button#fullscreen_zoom.active svg {

margin-left: -30px;

}

a.freshbox_nav_button .nav_svg {

fill: #999999;

}

a.freshbox_nav_button:hover {

background-color: #f2f2f2;

}

a.freshbox_nav_button:hover .nav_svg {

fill: #555555;

}

a.freshbox_nav_button:active a:active {

background-color: #f2f2f2;

}

a.freshbox_nav_button:active .nav_svg {

fill: #222222;

}

a#fullscreen_close .nav_svg {

shape-rendering: crispEdges;

}

a.freshbox_nav_button.disabled {

background-color: #ffffff;
cursor: default;

}

a.freshbox_nav_button.disabled .nav_svg {

fill: #cccccc !important;

}

freshbox.single .freshbox_navigation_group {

margin: 0 0 0 35px;

}

/**

* iOS formatting for fullscreen
*/

freshbox.ios .freshbox_navigation {

bottom: 20px;

}

/*

* IE Fullscreen SVG fallback used in the navigation. 
*
*     If you have any questions about this please visit our
*     support forum: http://support.cargocollective.com
*
*/

freshbox.ie .freshbox_navigation svg {

display: none;

}

freshbox.ie a.freshbox_nav_button {

background-image: url(/_gfx/landsat_navigation_sprite.png);
background-repeat: no-repeat;

}

freshbox.ie a.freshbox_nav_button#fullscreen_prev {

background-position: 0 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_prev:hover {

background-position: 0 -30px;

}

freshbox.ie a.freshbox_nav_button#fullscreen_prev:active {

background-position: 0 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_next {

background-position: -59px 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_next:hover {

background-position: -59px -30px;

}

freshbox.ie a.freshbox_nav_button#fullscreen_next:active {

background-position: -59px 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_close {

background-position: -180px 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_close:hover {

background-position: -180px -30px;

}

freshbox.ie a.freshbox_nav_button#fullscreen_close:active {

background-position: -180px 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_zoom {

background-position: -90px 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_zoom:hover {

background-position: -90px -30px;

}

freshbox.ie a.freshbox_nav_button#fullscreen_zoom:active {

background-position: -90px 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active {

background-position: -120px 0;

}

freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active:hover {

background-position: -120px -30px;

}

freshbox.ie a.freshbox_nav_button#fullscreen_zoom.active:active {

background-position: -120px 0;

}

/**

* Password protection page styles
*/

body.password_protected {

background: #999;
color: #000;

}

body.password_protected main_container {

color: #fff;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 150px;
line-height: 1.5;
margin: -75px 0 0 -150px;
position: fixed;
top: 50%; left: 50%;
text-align: center;
width: 300px;

}

body.password_protected .password_protected_title {

color: #999;

}

body.password_protected input {

background: #fff;
border: 2px solid #777;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
font-size: 20px;
padding: 5px;
margin: 12px 0 0 0;
text-align: center;
width: 220px;
background-clip: padding-box;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

}

.ajax_post, .ajax_loading {

display: none !important;

}

.ajax_loading2 {

height: 20px;

} .password_head {

height: 21px;
display: block;

}

/*** DEVELOPER DESIGN ERROR PAGE ***/

.developer_error {

color: #000000;
font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
font-size: 18px;
line-height: 1.5;
padding: 60px;

}

.developer_error pre {

font-size: 14px;

}

.developer_error a {

color: #000;
text-decoration: underline;

}

.developer_error a:hover {

background: #ff0;
text-decoration: underline;

}

.developer_error a:active {

background: none;
color: #f03;

}

.developer_error ul {

    margin: 0;
    padding: 0;
    list-style: none none;
font-size: 14px;

}

.developer_error ul.listing li {

padding-left: 30px;

}

.developer_error ul li:after {

content: "/";

}

.developer_error ul li.misplaced {

color: #f03;

}

.developer_error ul li.missing {

color: #16C170;
animation: developer_error_missing 650ms steps(10, end) infinite;
-moz-animation: developer_error_missing 650ms steps(10, end) infinite;
-webkit-animation: developer_error_missing 650ms steps(10, end) infinite;

}

@keyframes developer_error_missing {

0% { color: #fff; }
50% { color: #16C170; }

}

@-moz-keyframes developer_error_missing {

0% { color: #fff; }
50% { color: #16C170; }

}

@-webkit-keyframes developer_error_missing {

0% { color: #fff; }
50% { color: #16C170; }

}