/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url(vendors.min.css);
html,
button,
input,
select,
textarea {
    color: #424242;
}

body {
    font-size: 1em;
    line-height: 1.4;
	 -moz-user-select: none; 

    -webkit-user-select: none; 

    -ms-user-select: none; 

    -khtml-user-select: none; 

    user-select: none;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}

/*
 * Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Basic */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
}
body {
    font: 200 13px/19px 'Helvetica Neue', Helvetica, Tahoma, Arial;
}
a, a:link, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: 0;
    color: #424242;
    font-weight: 500;
}
a:hover {
    text-decoration: underline;
}
label {
    cursor: pointer;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.blocTitle {
    line-height: 1.1em;
    font-size: 14px;
    color: #242424;
    font-weight: 300;
    padding-bottom: 5px;
}
.mH-5 {
    margin-left: 5px;
    margin-right: 5px;
}
.mB-10 {
    margin-bottom: 10px;
}
.mB-5 {
    margin-bottom: 5px;
}
.mL-5 {
    margin-left: 5px;
}
.mR-5 {
    margin-right: 5px;
}
.floatL {
    float: left;
}
.floatR {
    float: left;
}
.block {
    display: block;
    overflow: hidden;
    zoom: 1;
}
.hide {
    display: none;
}
.txt-C {
    text-align: center;
}

.profilePic {
    line-height: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
    border: solid #dedede;
    border-width: 1px 0 0 1px;
    overflow: hidden;
}

.profile-link-picture {
    float: left;
    margin: 0 5px 5px 0;
}
.profile-link {
    font-weight: bold;
}

/* Stucture */
html {
    height: 100%;
    overflow: auto;
    margin: 0;
    padding: 0;
    background-color: rgb(205, 209, 218);
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
#page_wrapper {
    padding-left: 80px;
    min-width: 740px;
    max-width: 1060px;
    height: 100%;
    position: relative;
    margin-right: 250px;
}
#main_section {
    background-color: #ebeff5;
    min-height: 100%;
    position: relative;
    -webkit-box-shadow: 2px 0 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 0 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 0 3px 0px rgba(0, 0, 0, 0.3);
    padding-left: 15%;
	width:100%;
	overflow:hidden;
}
.detail {width:100% !important;overflow:hidden;}
.detail-left{width:80% !important;overflow:hidden;margin-top: 0px !important; padding-right:10px;}
.detail-right{width:20% !important;overflow:hidden;margin-top: 0px !important;padding-right:10px;}
.art-body,.pic4,.tit{width:100% !important;overflow:hidden;}
.about-vis li {background:none !important;width:49% !important;}
.about-vis li a{max-width:100% !important;}
/* LOGIN */
#login_box {
    width: 400px;
    height: 190px;
    background: url('../img/pattern-black.png');
    -webkit-box-shadow: 5px 0 5px -3px #999;
    -moz-box-shadow: 5px 0 5px -3px #999;
    box-shadow: 5px 0 5px -3px #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 30px auto 0;
    padding: 20px;
}
#login_box input {
    background: #fff;
    font-size: 13px;
    color: #424242;
    padding: 3px;
    margin: 5px;
    width: 300px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#login_box label {
    color: #fff;
    cursor: pointer;
    font-size: 13px;
}
#login_logo {
    background: url('../img/logo.png') no-repeat 0 0;
    width: 34px;
    height: 28px;
    margin: 0 auto 10px;
}
.submit_td {
    text-align: right;
}
input#post_login {
    width: auto;
    background: #6dade5;
    background: -webkit-gradient( linear,left top,left bottom,color-stop(0, #6dade5),color-stop(1, #1760ad) );
    background: -webkit-linear-gradient( #6dade5, #1760ad );
    background: -moz-linear-gradient( #6dade5, #1760ad );
    background: -ms-linear-gradient( #6dade5, #1760ad );
    background: -o-linear-gradient( #6dade5, #1760ad );
    background: linear-gradient( #6dade5, #1760ad );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ff6dade5, endColorstr=#ff1760ad );
    border: 1px solid #326894;
    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    padding: 5px 10px;
}

/* Main Menu */
#main_menu {
    position: fixed;
    width: 15%; 
    left: 0;
    height: 100%;
    -webkit-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.3);
    background-color: #2c2f39;
    z-index: 10;
}
#main_menu a {
    color: #242424;
    text-decoration: none;
}
#nav-item-logo {
    height: 200px;
    background-image: url('buildings.png');
}
.nav-item {
    position: relative;
    list-style: none;
    display: block;
    width: 100%;
    border-bottom: #25282f 1px solid;
    -webkit-box-shadow: 0px 1px 0px 0px #3e414b;
    -moz-box-shadow: 0px 1px 0px 0px #3e414b;
    -o-box-shadow: 0px 1px 0px 0px #3e414b;
    -ms-box-shadow: 0px 1px 0px 0px #3e414b;
    box-shadow: 0px 1px 0px 0px #3e414b;
    cursor: pointer;
}
.nav-item.active {
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
    background-color: #18bbe4;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.nav-item.active .nav-item-link-title, .nav-item:hover .nav-item-link-title{
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
    font-weight: 200;
}

#nav-profile:after {
    content: '';
    display: table-cell;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    width: 0;
    height: 0;
    top: 50%;
    position: absolute;
    margin-top: -4px;
    right: 15px;
}

.nav-link {
    vertical-align: middle;
    line-height: 0;
    padding: 10px 30px 10px 20px;
    display: block;
}

#nav-profile .nav-item-link-title {
    margin-left: 20px;
}

.nav-item-link-title {
    color: #ebeff5;
    margin-top: 2px;
    font-size: 14px;
    margin-left: 13px;
    font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial;
    display: inline-block;
    vertical-align: middle;
    font-weight: 200;
    letter-spacing: 0px;
}

#nav-list {
    padding: 0;
    margin: 0;
    display: block;
    line-height: 0;
}

#nav-home .ir {
    background: url('logo.png' ) center center no-repeat;
    height: 45px;
    width: 100%;
    margin-top: 75px;
    margin-bottom: 100px;
    background-size: 150px;
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #nav-home .ir {
        background: url('logo.png' ) center center no-repeat;
        background-size: 70%;
    }
}

#nav-home {
    padding: 0;
    overflow: hidden;
    display: block;
}
#menu_profile_picture {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px -1px rgba( 0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 4px -1px rgba( 0, 0, 0, 0.75);
    box-shadow: 0 1px 4px -1px rgba( 0, 0, 0, 0.75);
    vertical-align: middle;
}
#nav-profile {
    position: relative;
    padding: 15px 20px;
}


.icon {
    display: inline-block;
    font-style: normal;
    height: 18px;
    width: 18px;
    background: url('../img/sprite-feed2.png') no-repeat 0 0;
    line-height: 0;
    vertical-align: middle;
}

.nav-item .icon {
    height: 32px;
    width: 34px;
    background: url('../img/menu-sprites.png') no-repeat 0 0;
}


#nav-feed .icon {
    background-position: 0 -35px;
}
#nav-browse .icon {
    background-position: 0 -70px !important;
}
#nav-friends .icon {
    background-position: 0 -105px;
}
#nav-messages .icon {
    background-position: 0 -140px;
}
#nav-notifs .icon {
    background-position: 0 0;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .nav-item .icon {
        display: inline-block;
        font-style: normal;
        height: 35px;
        width: 35px;
        background: url('../img/menu-sprites2x.png') no-repeat 0 0;
        line-height: 0;
        vertical-align: middle;
        background-size: 35px auto;
    }
    #nav-feed .icon {
        background-position: 0 -35px;
    }
    #nav-browse .icon {
        background-position: 0 -70px !important;
    }
    #nav-friends .icon {
        background-position: 0 -105px;
    }
    #nav-messages .icon {
        background-position: 0 -140px;
    }
    #nav-notifs .icon {
        background-position: 0 0;
    }
}
/*#nav-feed:hover .icon, .nav-item.active #nav-feed .icon{
    background-position: -18px -72px;
}
#nav-browse:hover .icon, .nav-item.active #nav-browse .icon{
    background-position: -18px 0;
}
#nav-friends:hover .icon, .nav-item.active #nav-friends .icon {
    background-position: -18px -90px;
}
#nav-messages:hover .icon, .nav-item.active #nav-messages .icon{
    background-position: -18px -108px;
}
#nav-notifs:hover .icon, .nav-item.active #nav-notifs .icon {
    background-position: -18px -180px;
}*/

#profile_nav_wrapper {
    min-width: 190px;
    position: absolute;
    top: -1px;
    left: 200px;
    opacity: 1;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #999;
    border-color: rgba(0,0,0,.2);
    -webkit-transition: opacity 300ms linear, left 300ms linear;
    -moz-transition: opacity 300ms linear, left 300ms linear;
    -ms-transition: opacity 300ms linear, left 300ms linear;
    -o-transition: opacity 300ms linear, left 300ms linear;
    transition: opacity 300ms linear, left 300ms linear;
    z-index: 9999;
}
#profile_nav_wrapper.active {
    left: 200px;
    opacity: 1;
    display: block;
    -webkit-transition: opacity 300ms linear, left 300ms linear;
    -moz-transition: opacity 300ms linear, left 300ms linear;
    -ms-transition: opacity 300ms linear, left 300ms linear;
    -o-transition: opacity 300ms linear, left 300ms linear;
    transition: opacity 300ms linear, left 300ms linear;
    text-shadow: none;
}
.profile_nav_list {
    padding: 3px;
}
.profile_nav_item {
    white-space: nowrap;
}
a.profile_nav_link {
    padding: 7px 10px;
    color: #242424;
    display: block;
    text-decoration: none;
    line-height: 1.5;
}
/*a.profile_nav_link .icon{
    margin-bottom: -3px;
}
#profile_nav_settings .icon {
    background-position: 0 -198px;
}*/
a.profile_nav_link:hover {
    background: #f0f1f3;
    text-decoration: none;
    color: #242424;
}
.profile_nav_item .name-wrapper{
    font-size: 14px;
    color: #242424;
    line-height: 20px;
    margin-left: 40px;
}
.profile_nav_item .name{
    font-size: 14px;
    color: #242424;
    line-height: 1.5;
    display: inline-block;
}
#profile_nav_profile {
    border-bottom: 1px solid #f0f1f3;
}
.profile_nav_item .view_profile{
    font-size: 14px;
    line-height: 1.1em;
    color: #999;
    display: inline-block;
}
.profile_nav_item img{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
#profile_nav_wrapper:before {
    border-color: transparent #999 transparent transparent;
    border-color: transparent rgba(0,0,0,.2) transparent transparent;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    top: 22px;
    left: -9px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
#profile_nav_wrapper:after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    top: 23px;
    left: -7px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
#main_menu .nav-badge {
    position: absolute;
    color: #fff;
    line-height: 1em;
    background: #e5363a;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #e25252),color-stop(1, #be2626) );
    background: -webkit-linear-gradient(top, #e25252, #be2626);
    background: -moz-linear-gradient(top, #e25252, #be2626);
    background: -ms-linear-gradient(top, #e25252, #be2626);
    background: -o-linear-gradient(top, #e25252, #be2626);
    background: linear-gradient(top, #e25252, #be2626);
    border-radius: 10000px;
    right: 15px;
    top: 0;
    margin-top: 16px;
    -webkit-box-shadow: 0px 1px 1px 0px #17181a, 0px 1px 0px rgba(255,255, 255, 0.3) inset;
    -moz-box-shadow: 0px 1px 1px 0px #17181a, 0px 1px 0px rgba(255,255, 255, 0.3) inset;
    -o-box-shadow: 0px 1px 1px 0px #17181a, 0px 1px 0px rgba(255,255, 255, 0.3) inset;
    -ms-box-shadow: 0px 1px 1px 0px #17181a, 0px 1px 0px rgba(255,255, 255, 0.3) inset;
    box-shadow: 0px 1px 1px 0px #17181a, 0px 1px 0px rgba(255,255, 255, 0.3) inset;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
}
#main_menu .have_seen {
    background: #808A98;
    border-color: #5A6474;
}
#main_menu .none {
    display: none;
}


/* Search */
#search-widget-wrapper {
    border-bottom: 1px solid #ccc;
    width: 100%;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 10px #424242;
    -moz-box-shadow: 0 0 10px #424242;
    box-shadow: 0 0 10px #424242;
}
#search-widget-input {
    background: #fff;
    font-size: 20px;
    color: #424242;
    padding: 18px;
    width: 100%;
}
textarea, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    resize: none;
    font-family: 'lucida grande', tahoma, verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: none;
    font-size: 1.4em;
}
#search-widget {
    width: 100%;
    position: absolute;
    top: -62px;
    -webkit-transition: top 600ms;
    -moz-transition: top 600ms;
    -ms-transition: top 600ms;
    -o-transition: top 600ms;
    transition: top 600ms;
    z-index: 5;
}
#search-widget:target, #search-widget.active {
    width: 100%;
    position: absolute;
    top: 0px;
    -webkit-transition: top 600ms;
    -moz-transition: top 600ms;
    -ms-transition: top 600ms;
    -o-transition: top 600ms;
    transition: top 600ms;
    z-index: 5;
}
#search-widget-icon {
    float: right;
    padding: 7px 10px;
    cursor: pointer;
    background: #000 url('../img/pattern-black.png');
    position: absolute;
    right: 10px;
    top: 60px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 10px #000;
    z-index: -1;
}
#search-widget-icon .icon {
    background-position: 0 -216px;
}
#search-widget-input.ui-autocomplete-loading {
    background: white url('../img/ajax-loader-16x16.gif') 99% center no-repeat;
}

.ui-menu-item {
    clear: both;
    cursor: pointer;
    border-bottom: 1px solid #dedede;
}
.ui-menu .ui-menu-item a.search-result {
    /*height: 54px;*/
}

/*.ui-menu .ui-menu-item:last-child a.search-result {
    text-align: center;
}*/
.search-image {
    float: left;
    margin-right: 5px;
}
.result-name {
    color: #0b5d9d;
    line-height: 2;
}
.result-desc {
    color: #555;
    font-size: 10px;
}
.ui-autocomplete-category {
    background: url('../img/pattern-black.png');
    color: #f9f9f9;
    padding: 5px;
}

/* Mentions */

.mentions-input-box {
    position: relative;
}

.mentions-input-box textarea {
    width: 99.9%;
    display: block;
    height: 18px;
    padding: 6px;
    border: 1px solid #dcdcdc;
    border-radius:3px;
    overflow: hidden;
    background: white;
    position: relative;
    outline: 0;
    resize: none;
    min-height: 32px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mentions-input-box .mentions-autocomplete-list {
    display: none;
    background: #fff;
    border: 1px solid #b2b2b2;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10000;
    margin-top: -2px;

    border-radius:5px;
    border-top-right-radius:0;
    border-top-left-radius:0;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
}

.mentions-input-box .mentions-autocomplete-list ul {
    margin: 0;
    padding: 0;
}

.mentions-input-box .mentions-autocomplete-list li {
    background-color: #fff;
    padding: 0 5px;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #eee;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}

.mentions-input-box .mentions-autocomplete-list li:last-child {
    border-radius:5px;
}

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-top:5px;
    margin-right: 5px;
    -moz-background-origin:3px;

    border-radius:3px;
}

.mentions-input-box .mentions-autocomplete-list li em {
    font-weight: bold;
    font-style: none;
}

.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {
    background-color: #f2f2f2;
}

.mentions-input-box .mentions-autocomplete-list li b {
    background: #ffff99;
    font-weight: normal;
}

.mentions-input-box .mentions {
    position: absolute;
    left: 1px;
    right: 0;
    top: 1px;
    bottom: 0;
    padding: 9px;
    color: #fff;
    overflow: hidden;

    white-space: pre-wrap;
    word-wrap: break-word;
}

.mentions-input-box .mentions > div {
    color: #fff;
    white-space: pre-wrap;
    width: 100%;
}

.mentions-input-box .mentions > div > strong {
    font-weight:normal;
    background: #d8dfea;
}

.mentions-input-box .mentions > div > strong > span {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.mention-link {
    font-weight: normal;
}


/* MINI BIO */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
}
/* Profil */

.cover-picture-wrapper {
    height: 200px;
    overflow: hidden;
}
.cover-picture {
    position: relative;
    width: 200%;
    height: 200%;
    left: -50%;
}
.cover-picture img{
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.profile-wrapper {
    position: relative;
}
.co-wrapper {
    background: #1d1d1d;
    background: rgba( 29, 29, 29, 0.85 );
    border-top: 1px solid #000;
    border-top: 1px solid rgba( 0,0,0,0.6 );
    -webkit-box-shadow: inset 0 1px 1px -1px #fff;
    -moz-box-shadow: inset 0 1px 1px -1px #fff;
    box-shadow: inset 0 1px 1px -1px #fff;
    position: absolute;
    bottom: 0;
    line-height: 1.5em;
    padding: 0 10px 15px 120px;
    width: 100%;
}
.co-profil-picture {
    position: absolute;
    left: 10px;
    top: -16px;
    display: block;
    line-height: 0;
    margin-bottom: 2px;
    z-index: 5;
}
.co-profil-picture img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px -1px rgba( 0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 4px -1px rgba( 0, 0, 0, 0.75);
    box-shadow: 0 1px 4px -1px rgba( 0, 0, 0, 0.75);
    vertical-align: middle;
    border: 0;
}
.co-text {
    color: #f9f9f9;
    min-height: 54px;
    width: 400px;
}
.co-title {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
}
.co-desc {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}
.realation-button-wrapper{
    position: absolute;
    font-size: 14px;
    top: 18px;
    right: 9px;
}
a.realation-button,
.button{
    color: #626262;
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    font-size: 14px;
    width: 126px;
    padding: 7px;
    margin-left: 10px;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: inline-block;
    cursor: pointer;
    float: right;
    background: #f7f7f7;
    background: -webkit-gradient( linear, top, color-stop(0, #fff),color-stop(1, #f7f7f7) );
    background: -webkit-linear-gradient( #fff, #f7f7f7 );
    background: -moz-linear-gradient( #fff, #f7f7f7 );
    background: -ms-linear-gradient( #fff, #f7f7f7 );
    background: -o-linear-gradient( #fff, #f7f7f7 );
    background: linear-gradient( #fff, #f7f7f7 );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#fff7f7f7);
    text-decoration: none;
}


.realation-button-wrapper.unconnected a.realation-button,
.blue-button {
    background: #6dade5;
    background: -webkit-gradient( linear,left top,left bottom,color-stop(0, #6dade5),color-stop(1, #1760ad) );
    background: -webkit-linear-gradient( #6dade5, #1760ad );
    background: -moz-linear-gradient( #6dade5, #1760ad );
    background: -ms-linear-gradient( #6dade5, #1760ad );
    background: -o-linear-gradient( #6dade5, #1760ad );
    background: linear-gradient( #6dade5, #1760ad );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ff6dade5, endColorstr=#ff1760ad );
    border: 1px solid #326894;
    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
}
.realation-button-wrapper a.realation-button:active {
    border-top-width: 2px;
}

.scrollable-area.contentBefore .mCustomScrollBox:before,
.scrollable-area.contentAfter .mCustomScrollBox:after {
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .1)
}
.scrollable-area.contentBefore .mCustomScrollBox:before {
    top: 0;
}
.scrollable-area.contentAfter .mCustomScrollBox:after {
    bottom: 0;
}


.mini_bio {
    display: inline-block;
}
.mini_bio .co-wrapper {
    padding-left: 70px;
}
.mini_bio .mini_cover {
    /*    width: 300px;
        height: auto;*/
}
.mini_bio .profile-wrapper {
    width: 300px;
    height: 122px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #999;
    border-color: rgba(0,0,0,.2);
}
.mini_bio .co-title {
    font-size: 14px;;
}
.mini_bio .cover-picture {
    height: auto;
    background: #1d1d1d;
}
.mini_bio a.realation-button {
    padding: 0px;
    width: 90px;
    font-size: 12px;
    background: transparent !important;
    border: 0 !important;
    text-shadow: 0 0 0 transparent !important;
    box-shadow: 0 0 !important;
    color: #fff;
}
.mini_bio .unconnected a.realation-button {
    color: #6dade5;
}
.mini_bio .co-wrapper {
    padding-bottom: 0;
    height: 42px;
}
.mini_bio .co-text {
    height: 42px;
}

body .ui-tooltip {
    border: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 0 #aaa;
    box-shadow: 0 0 0 #aaa;
    background: transparent;
}

/* PROFILE MENU */
.profile_page_nav {
    background: #424242;
    padding-left: 120px;
    -webkit-box-shadow: inset 0 1px 1px 0px #878787;
    -moz-box-shadow: inset 0 1px 1px 0px #878787;
    box-shadow: inset 0 1px 1px 0px #878787;
    line-height: 1;
}
.profile_page_nav_list {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    border: solid;
    border-width: 0 1px;
    border-color: #fff #565555 #fff #2b2b2b;
}
.profile_page_nav_item {
    list-style: none;
    display: block;
    float: left;
    border: solid;
    border-width: 0 1px;
    border-color: #fff #2b2b2b #fff #565555;

}
a.profile_page_nav_link {
    color: #ccc;
    font-size: 12px;
    text-shadow: 0 1px 1px #000;
    display: block;
    float: right;
    padding: 7px 20px;
}
a.profile_page_nav_link:hover {
    color: #fff;
    text-decoration: none;
}
a.profile_page_nav_link.selected {
    background: #000;
    background: -webkit-linear-gradient( top, #000, #424242 );
    background: -moz-linear-gradient( top, #000, #424242 );
    background: -ms-linear-gradient( top, #000, #424242 );
    background: -o-linear-gradient( top, #000, #424242 );
    background: linear-gradient( top, #000, #424242 );
    border-left-color: #424242;
    -webkit-box-shadow: inset 0 4px 8px -2px #000, inset 0 1px 1px 0px #878787;
    -moz-box-shadow: inset 0 4px 8px -2px #000, inset 0 1px 1px 0px #878787;
    box-shadow: inset 0 4px 8px -2px #000, inset 0 1px 1px 0px #878787;
}
/* ABOUT */
.table_section {
    margin: 10px;
}
.table_section_table{
    width: 100%;
}
.table_section .header {
    font-size: 17px;
    border-bottom: 2px groove #fff;
    padding-bottom: 5px;
    padding-top: 10px;
    height: 1.2em;
    text-align: left;
}
.table_section .header h1 {
    font-size: 17px;
    margin: 0;
    padding: 0;
}
.table_section .title {
    color: #aaa;
    width: 140px;
    height: 15px;
    vertical-align: middle;
    text-align: right;
    padding-right: 20px;
    font-size: 15px;
    white-space: nowrap;
}
.table_section .title,
.table_section .value
{
    padding: 5px 10px;
    font-size: 15px;
}
.table_section .file_upload{
    font-size: 12px;
}

/* SETTINGS */
.updateable_row {
    font-size: 15px;
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 3px 5px;
    margin-left: -6px;
}
.table_section tr:hover .updateable_row{
    border: 1px solid #ccc;
    background: #fff;
}
.submit_table{
    float: right;
    margin: 10px;
}

.content_section,
#members_section,
#picture_section,
#story_section,
#feed_section {
    margin: 10px;
}

.infinitscroll-section {
    padding-bottom: 100px;
    /*height: 1.2em;*/
}
.infinitscrollable {
    position: relative;
}
.js .masonry {
    display: none;
}
.picture-box {
    float:left;
    padding: 3px;
    position: relative;
}
.scrollable-area {
    overflow-y: auto;
}
.remove_picture {
    position: absolute;
    top: 0;
    right: 0;
    margin: 3px;
    padding: 3px;
    /*background: #1d1d1d;*/
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    opacity:0;
}
.picture-box:hover .remove_picture {
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    opacity:1;
}

.remove_picture .icon{
    background-position: 0 -54px;
    cursor: pointer;
}
.remove_picture .icon:hover{
    background-position: -18px -54px;

}
.photo-meta {
    /*display: none;*/
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    opacity:0;
}
.big  .photo-meta,
.picture-box:hover .photo-meta {
    /*display: block;*/
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    opacity:1;
}
.meta-wrapper {
    margin: 0 3px 3px;
    background: #1d1d1d;
    background: rgba( 29, 29, 29, 0.85 );
    color: #f9f9f9;
    padding-top: 3px;
}
.comment-count {
    text-align: right;
    float: right;
    margin-right: 5px;
}
.like-count {
    text-align: right;
    float: right;
    margin-right: 5px;
}
.photo-meta .number {
    display: inline-block;
    line-height: 18px;
    vertical-align: top;
}
.comment-count .icon {
    background-position: 0 -36px;
}
.navigation-wrapper {
    margin: 10px;
    position: relative;
}
.js .navigation {
    display: none;
}
#infscr-loading, .navigation {
    position: absolute;
    /*background: url('/img/pattern-black.png');*/
    width: 100%;
    bottom: -70px;
    text-align: center;
}
.navigation {
    /*bottom: 20px;*/
}
.no-js #infscr-loading {
    display: none;
}
#infscr-loading div,
.navigation .next {
    color: #1d1d1d;
    font-size: 20px;
}
.navigation .next {
    white-space: nowrap;
}
#infscr-loading img {
    margin-left: 40px;
}

/* SHARE */
.sharebox {
}
.sharebox_header {
    background-image: url(../img/webcover.png);
    text-align: center;
    height: 200px;
}
.sharebox .profile-link-wrapper {
    margin: 0;
}
.sharebox .profile-link {
    font-size: 20px;
}
.sharebox
.create-share-wrapper {
    position: relative;
}
.span7 {
    text-align: center;
}
.fileupload-presentation-wrapper {
    margin: 0 10px;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.48);
    -moz-box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.48);
    box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.48);
    position: relative;
    border-radius: 0 0 4px 4px;
}


.fileinput-button {
    background-color: #3b86cf;
    background-image: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3b86cf), to(#1460b4)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #3b86cf, #1460b4); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #3b86cf, #1460b4); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #3b86cf, #1460b4); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #3b86cf, #1460b4); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-border-radius: 3px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
    border-radius: 3px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
    /* useful if you don't want a bg color from leaking outside the border: */
    background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
    -webkit-box-shadow: 0px 1px 0px #b1cfec inset;
    -moz-box-shadow: 0px 1px 0px #b1cfec inset;
    -o-box-shadow: 0px 1px 0px #b1cfec inset;
    -ms-box-shadow: 0px 1px 0px #b1cfec inset;
    box-shadow: 0px 1px 0px #b1cfec inset;
    color: white;
}

.fileinput-button .ui-button-text {
    padding: 18px 31px 21px 60px;
    text-shadow: 0px -1px 0px rgba(0,0 ,0 ,0.7);
    font-weight: 100;
    font-size: 18px;
}
.fileinput-button .ui-icon-image {
    background-image: url(/img/camera.png);
    background-position: 0px 0px;
    width: 20px;
    height: 30px;
    margin-left: 20px;
    margin-top: -9px;
}
.fileinput-button input {
    font-size: 33px !important;
}

.citation_wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}
.citation {
    color: #fff;
    font-size: 28px;
    font-style: italic;
    text-align: center;
    margin: 50px 0 20px;
    display: inline-block;
}
.citation_from {
    position: absolute;
    right: -100px;
    bottom: 10px;
    font-size: 15px;
    color: #fff;
    font-style: italic;
}
.template-download {
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    font-weight: bold;
    margin: 0 7px 9px;
    overflow-y: hidden;
    padding: 4px 4px 4px 8px;
    max-width: 448px;
}
.sharebox .delete,
.sharebox .cancel {
    background: transparent;
    border: 0;
    color: #000;
}
.sharebox .ui-icon-closethick {
    background-image: url(p1-ui-theme/images/ui-icons_454545_256x240.png);
}
.share_right_wrapper {
    float: right;
}
.picture-share-button {
    float: left;
}
.black-button {
    width: 120px;
    color: #fff;
    min-width: 0px;
    background-image: -webkit-gradient( linear,top,color-stop(0, #666a6d),color-stop(0.5, #434648),color-stop(0.51, #383a3d),color-stop(1, #212223) );
    background-image: -webkit-linear-gradient(#666a6d,#434648 50%,#383a3d 51%,#212223);
    background-image: -moz-linear-gradient(#666a6d,#434648 50%,#383a3d 51%,#212223);
    background-image: -ms-linear-gradient(#666a6d,#434648 50%,#383a3d 51%,#212223);
    background-image: -o-linear-gradient(#666a6d,#434648 50%,#383a3d 51%,#212223);
    background-image: linear-gradient(#666a6d,#434648 50%,#383a3d 51%,#212223);
    border: 1px solid #2b3034;
    box-shadow: inset 0 1px 0 #9b9ea0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff666a6d, endColorstr=#ff212223);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 7px;
    font-weight: bold;
    font-size: 14px;
    font-size: 14px;
}

.share-message {
    /*min-height: 60px;*/
    background: #fff;
    margin: 10px 0;
    border: 1px solid #EBEBEB;
    width: 100%;
    white-space: pre-wrap;
    line-height: normal;
    font-size: 15px;
    font-family: 'lucida grande', tahoma, verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.create-share-wrapper:before {
    position: absolute;
    content: '';
    top: 20px;
    left: -9px;
    border-color: transparent #EBEBEB transparent transparent;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    width: 0;
    height: 0;
}
.create-share-wrapper:after {
    position: absolute;
    content: '';
    top: 20px;
    left: -8px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    width: 0;
    height: 0;
}
.create-share-wrapper-focus:before {
    border-color: transparent #525455 transparent transparent !important;
}
.share-message:focus {
    border-color: #525455;
}
.picture-share-button {
    margin-left: 5px;
    font-size: 13px;
    color: #999;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px 15px;
    -webkit-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    -ms-transition: border 300ms linear;
    -o-transition: border 300ms linear;
    transition: border 300ms linear;
}
.picture-share-button .icon {
    background-position: 0px -360px;
    opacity: 0.5;
    margin-bottom: -4px;
    background-image: url('../img/sprite-grey.png');
    margin-right: 5px;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.picture-share-button:hover {
    border: 1px solid #d6d6d6;
    color: #666;
    -webkit-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    -ms-transition: border 300ms linear;
    -o-transition: border 300ms linear;
    transition: border 300ms linear;
}
.picture-share-button:hover .icon {
    opacity: 1;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;

}

.feed-content, .feed-content img {
    text-align: center;
    -webkit-border-radius: 0  0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.feed-content {
    background-color: #2c2f39;
}
.share {
    /*padding: 10px;*/
    position: relative;
    margin: 10px 0 0;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px rgba( 0, 0, 0, 0.48);
    -moz-box-shadow: 0 1px 5px rgba( 0, 0, 0, 0.48);
    box-shadow: 0 1px 5px rgba( 0, 0, 0, 0.48);
}
.feed-content img{
    height: auto;
    width: auto;
    max-height: 95%;
    max-width: 100%;
}
.share-header {
    padding: 10px;
    background-color: white;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.3)
    -moz-box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.3)
    box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.3)

    position: relative;
}

.share-header .profile-link-picture {
    margin-right: 10px;
}
.share .action {
    font-size: 13px;
    line-height: 1.5;
}
.share-header .name {
    font-size: 15px;
    color: black;
}
.scrollable-area .actionbar{
    height: 50px;
    background-color: rgb(237,238,239);
    border-bottom: 1px solid rgb(174,174,174);
    outline: 1px solid rgb(222,222,222);
}
.mCustomScrollBox .feedtime {
    padding-top: 15px;
    padding-left: 15px;
    font-size: 14px;
    color: rgb(159,159,159)
}

.mCustomScrollBox a{
    text-decoration: none;
    color: black;
    font-weight: 500;
}

.leave-comment-outer {
    border-bottom: none;
}

.comments_likes_wrapper .likes {
    background: #dbdde4;
    border: solid;
    border-color: #fff #fff #ccc;
    border-width: 1px 0;
}
.comments_likes_wrapper .message {
    color: #424242;
    overflow: hidden;
    text-align: left;
    background: #dbdde4;
    border: solid;
    border-color: #fff #fff #ccc;
    border-width: 1px 0;
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
}
.comments_likes_wrapper .message .profile-link-picture {
    margin: 5px;
}
.comments_likes_wrapper .message a.profile-link {
    color: #0b5d9d;
}
.share-header .updatable_time {
    color: #999;
}
.share-header .share-meta {
    margin-top: 7px;
}
.preview img {
    width: 100px;
}
.files td {
    padding: 5px;
}

/*
 * jQuery File Upload UI Plugin CSS 7.4
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
*/

.fileinput-button {
    position: relative;
    overflow: hidden;
    margin-right: 5px;
    margin-top: 70px;
    min-width: 250px;
    border-radius: 4px;
    border: 1px solid #333;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
    height: 60px;
}
.fileupload-buttonbar .ui-button,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.fileupload-buttonbar .toggle {
    margin-top: 8px;
}
.files .progress {
    width: 200px;
}
.files .progress,
.fileupload-buttonbar .progress {
    height: 20px;
}
.files .ui-progressbar-value,
.fileupload-buttonbar .ui-progressbar-value {
    background: url(../img/progressbar2.gif);
}
.fileupload-buttonbar .fade,
.files .fade {
    display: none;
}
.fileupload-loading {
    position: absolute;
    left: 50%;
    width: 128px;
    height: 128px;
    background: url(../img/loading.gif) center no-repeat;
    display: none;
}
.fileupload-processing .fileupload-loading {
    display: block;
}

/* Fix for IE 7: */
.lt-ie8 .fileinput-button {
    margin-right: 4px;
}
.lt-ie8 .fileinput-button .ui-button-text {
    line-height: 24px;
}
.lt-ie8 .fileupload-buttonbar .ui-button {
    margin-left: 3px;
}

.single-start {
    display: none;
}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }
    .files .preview * {
        width: 40px;
    }
    .files .name * {
        width: 80px;
        display: inline-block;
        word-wrap: break-word;
    }
    .files .progress {
        width: 20px;
    }
}

/* Fix for Webkit (Safari, Chrome) */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  .fileinput-button {
    margin-top: 2px;
  }
}*/


.help_reason {
    text-align: center;
    font-size: 2em;
    line-height: 1.5em;
}
.help_solution {
    text-align: center;
    font-size: 1.7em;
    line-height: 1.5em;
    margin: 0;
}

/*CONVERSATIONS */
#conversations_section {
    margin: 0;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
}
#conversations_wrapper {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
    /*margin-top: 122px;*/
    /*top: 0;*/
    /*bottom: 0;*/
    height: 100%;
    /*background: #dfdfdf;*/
}
#conversations_section .profilePic {
    float: left;
    margin-right: 10px
}
.conversation-content {
    margin-left: 110px;
}
.conversation {
    border: solid;
    border-color: #fff #fff #ccc;
    border-width: 1px 0;
}
.conversation.unread {
    background: #dbdde4;
}
.conversation.active {
    background: #fff;
}
.conversation .name{
    font-weight: 200;
    font-size: 15px;
}

.conversation .message {
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 200;
    font-size: 13px;
}

.conversation .message-unread {
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #1760ad;
    top: 40px;
    right: 11px;
}

a.conversation-link {
    display: block;
    text-decoration: none;
    padding: 10px;
}
a.conversation-link:hover {
    background: #fff;
}
.conversation .last_message {
    color: #999;
    float: right;
}

#conversations_section {
    width: 250px;
    float: left;
}

#conversations_section .navigation-wrapper{
    display: none;
}
.send_message_wrapper {
    background: #e9eaef;
    border-top: 1px solid #dfdfdf;
    display: inline-block;
    width: 100%;
}
.auto-grow {
    max-height: 200px;
    vertical-align: top;
    /*    -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        transition: height 0.2s;*/
}
#messages_section {
    /*margin-left: 250px;*/
    border-left: 1px solid #aaa;
    padding-bottom: 0;
    background: #fff;
    /*position: absolute;*/
    height: 100%;
    /*bottom: 0;*/
    width: 100%;
}
#message_area_wrapper {

    position: relative;
    height: 100%;
    margin-left: 250px;
}
#message-section-area {
    background-color: #e9eaef;
    position: relative;
    /*bottom: 0;*/
    width: 100%;
}
#messages_section .send-button {
    float: right;
    margin-right: 10px;
    display: none;
}
#messages-scroll-area {
    /*position: relative;*/
}
#messages-scroll-area-content {
    /*position: relative;*/
    width: 100%;
    background-color: white;
    /*    position: absolute;
        bottom: 0;
        left: 0;*/
}
#message_header_wrapper {
    position: relative;
}
#new_message {
    border-bottom: 1px solid #999;
    padding: 15px 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f3f3f3;
}
#message_header_wrapper .blue-button{
    position: absolute;
    right: 20px;
    bottom: 15px;
    padding: 10px 20px;
    color: #fff;
    display: none;
}
#messages_content {
    padding: 10px;
    background: #fff;
    bottom: 0;
    width: 100%;
}
.message {
    margin-bottom: 10px;
}
.message .time_wrapper {
    float: right;
}
.message .name {
    margin-left: 0px;
}
.message_wrapper {
    margin-left: 37px;
    margin-right: 100px;
    word-wrap: break-word;
}

.message_box_wrapper {
    padding: 10px;
    margin-left: 62px;
}
.message_box_picture {
    margin: 10px
}
.profile-wrapper .new-message {
    position: absolute;
    top: 18px;
    right: 143px;
    background: #6dade5;
    background: -webkit-gradient( linear,left top,left bottom,color-stop(0, #6dade5),color-stop(1, #1760ad) );
    background: -webkit-linear-gradient( #6dade5, #1760ad );
    background: -moz-linear-gradient( #6dade5, #1760ad );
    background: -ms-linear-gradient( #6dade5, #1760ad );
    background: -o-linear-gradient( #6dade5, #1760ad );
    background: linear-gradient( #6dade5, #1760ad );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ff6dade5, endColorstr=#ff1760ad );
    border: 1px solid #326894;
    -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.6 );
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    width: 126px;
    padding: 7px;
    text-decoration: none;
    cursor: pointer;
}
#message_box {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    min-height: 22px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 13px;
    line-height: 20px;
    vertical-align: top;
    max-height: 200px;
    font-weight: 200;
    font-family: 'helvetica neue', helvetica;

    /*    -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        transition: height 0.2s;*/
}
#get_old_messages {
    text-align: center;
    padding: 10px;
}
/* LIKES */

.likes {
    background: rgb(233,234,239);
    padding: 6px 10px;
}
.like-list {
    /*margin-left: 30px;*/
}
.like_button_effect {
    background: #f1f1f4;
    background: -webkit-linear-gradient( #ffffff, #f1f1f4 );
    background: -moz-linear-gradient( #ffffff, #f1f1f4 );
    background: -ms-linear-gradient( #ffffff, #f1f1f4 );
    background: -o-linear-gradient( #ffffff, #f1f1f4 );
    background: linear-gradient( #ffffff, #f1f1f4 );
    -webkit-transition: opacity 700ms linear;
    -moz-transition: opacity 700ms linear;
    -ms-transition: opacity 700ms linear;
    -o-transition: opacity 700ms linear;
    transition: opacity 700ms linear;
    border: 1px solid #bdbfc7;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.share-wrapper .fade_effect .like_button_effect,
.lightbox-comments_likes_wrapper .fade_effect .like_button_effect {
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -ms-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    opacity:1;
}
.share-wrapper .fade_effect .count,
.lightbox-comments_likes_wrappe .fade_effect  .count{
    border-left: 1px solid #bdbfc7;
    -webkit-transition: border-left 200ms linear;
    -moz-transition: border-left 200ms linear;
    -ms-transition: border-left 200ms linear;
    -o-transition: border-left 200ms linear;
    transition: border-left 200ms linear;
}
.no-js .more {
    display: none;
}
.more {
    line-height: 30px;
    text-align: center;
    color: #999;
    cursor: pointer;
}
.more .icon {
    background-position: -18px -36px;
}
.more_text_wrapper {
    float: left;
    margin-left: 5px;
}
.showing_wrapper {
    float: right;
    margin-right: 10px;
}
.like_button {
    float: left;
    margin: 6px 9px 6px 1px;
    border: 1px solid #bdbfc7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 12px;
    text-shadow: none;
    line-height: 16px;
    position: relative;
    z-index: 2;
}
.count {
    line-height: 18px;
    font-size: 12px;
    padding: 0 4px;
    margin: -1px 0 0;
    font-weight: 500;
    color: #999;
    border-left: 1px solid transparent;
    display: inline-block;
    -webkit-transition: border-left 700ms linear;
    -moz-transition: border-left 700ms linear;
    -ms-transition: border-left 700ms linear;
    -o-transition: border-left 700ms linear;
    transition: border-left 700ms linear;
}
.has_liked .count {
    color: #424242;
}
.no_likes {
    display: none;
}
.has_liked .icon {
    background-position: -18px 0;
}
.be_first_to_like p{
    color: #999;
    margin: 7px 0;
    font-size: 11px;
}
.like_button .icon {
    float: left;
}
.like_button .icon:active {
    border-top: 1px solid #bdbfc7;
}
/* COMMENT */
.comments_likes_wrapper {
    padding-top: 2px;
    margin: -2px 10px 0;
    border: 1px solid #b9b9b9;
    background: #e9eaef;
    border-radius: 0 0 4px 4px;
}
.likes .profile-link-picture {
    margin-bottom: 3px;
    margin-right: 10px;
}
.comment {
    border: solid;
    border-color: #fff #fff #ccc;
    border-width: 1px 0;
    display: table;
    width: 100%;
    padding: 7px 0px;
}
.comment p {
    font-size: 13px;
}
.comment .profile-link-picture {
    overflow: hidden;
    margin: 5px;
    width: 31px;
}
.comment-text {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.comment_meta {
    text-align: right;
    float: right;
    line-height: 42px;
    margin-right: 10px;
    /*width: 30px;*/
    position: relative;
    color: #5a6474;
    white-space: nowrap;
}
.comment_time {
    width: 100%;
    white-space: nowrap;
}
.remove_comment_wrapper {
    position: absolute;
    top: 13px;
    left: 0;
    width: 100%;
    height: 18px;
    line-height: 0;
    background: #e9eaeb;
    display: none;
    text-align: center;
}
.remove_comment_wrapper .icon {
    background-position: 0 -54px;
    cursor: pointer;
}
.remove_comment_wrapper .icon:hover {
    background-position: -18px -54px;
}
.comment.mine:hover .remove_comment_wrapper {
    display: block;
}
.leave-comment {
    width: 100%;
    padding: 6px;
    overflow: auto;
    outline: none;
    font: inherit;
    font-size: 13px;
    background: #fff;
    overflow: hidden;
    vertical-align: top;
}
.leave-comment-wrapper {
    margin:  5px 5px 5px 41px;
}

.leave-comment-button-wrapper {
    float: right;
}

/* bug fix */
.share-meta .likes{
    background: none;
    float:right;
    margin-top: -20px;
    position: relative;
    top: 5px;
    left: 10px;
}
.like_button .icon{
    background-image: url('../img/sprite-feed2.png');
}
.more_text_wrapper .icon{
    background-image: url('../img/sprite-feed2.png');
}
.comment_meta .icon{
    background-image: url('../img/sprite-feed2.png');
}
.comment_meta{
    position: absolute;
    right: 10px;
}
.comment_likes{
    position: absolute;
    right: 40px;
}
.share-confirm-button{
    height: 40px;
    width: 150px;
    min-width: 150px;
    float: right;
    margin: 0;
    display: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.share-meta .count{
    display: inline;
}
.share-meta .like-list, .share-meta .extra_like{
    display: none;
}
.share-wrapper{
    margin-bottom: 20px;
}
.comments_likes_wrapper .count{
    display: none;
}
.comment-text-text{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0;
    padding: 0 20px 0 40px;
    font-weight: 200;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    letter-spacing: .5px;
    word-wrap: break-word;
    padding-right: 100px;
}
#cboxContent #cboxClose{
    display: none;
}
.lightbox-wrapper .hide_andy{
    display: none;
}
.lightbox-wrapper .hide{
    display: none;
}
.lightbox-wrapper .comment_area .likes{
    box-shadow: 0px 1px 0px white;
    border: none;
    border-bottom: 1px solid #ccc;
}
.lightbox-wrapper .comment{
    box-shadow: 0px 1px 0px white;
    border: none;
    border-bottom: 1px solid #ccc;
}
.lightbox-wrapper .comment-text{
    padding-left: 6px;
}
.lightbox-wrapper .like-heart{
    border-left: 1px solid rgb(233,234,239);
    box-shadow: -1px 0px 0px rgb(219,221,223);
    padding-left: 20px;
}
.lightbox-wrapper .leave-comment-outer .profile-link-picture {
    display: none;
}
.lightbox-wrapper .mentions-input-box textarea{
    border: none;
}
.lightbox-wrapper .leave-comment-wrapper{
    margin: 0;
}
.lightbox-comments_likes_wrapper .leave-comment-outer{
    border: none;
    width: 100%;
    height: 50px;
}
.lightbox-comments_likes_wrapper .leave-comment-outer{
    position: absolute;
    bottom: 7px;
}
.lightbox-comments_likes_wrapper .leave-comment-outer .mention{
    height: 50px;
}
.lightbox-comments_likes_wrapper .leave-comment-outer textarea{
    height: 50px;
    margin-left: 5px;
    padding-top: 17px;
}

.js .leave-comment-button-wrapper {
    display: none;
}
.comment_likes {
    margin-top: 5px;
    float: right;
    white-space: nowrap;
}
.comment_likes .like_button {
    z-index: 0;
    float: right;
}
.comment_likes .count {
    float: left;

}
.comment_likes .like_button .icon {
    float: right;
}
#users_list .user_list_item {
    position: relative;
    padding: 10px;
    border: solid;
    border-color: #fff transparent #d9d9d9;
    border-width: 1px 0;
}
#users_list .user_list_item .name {
    font-size: 14px;
    margin-left: 110px;
}
#users_list .user_list_item .desc {
    font-size: 14px;
    margin-left: 110px;
    color: #999;
}
.google_map {
    width: 100%;
    height: 200px;
}
.marker_icon {
    width: 16px;
    height: 16px;
    background: url('../img/marker.png') no-repeat 0 0;
    display: inline-block;
    vertical-align: text-bottom;
}

.gallery {
    height: 369px;
    padding-bottom: 10px;
    overflow: hidden;
}
.gallery_list {
    padding: 20px 10px 15px;
    white-space: nowrap;
    text-align: left;
}
.gallery_list li{
    display: inline;
    margin: 5px
}
.gallery_list img{
    height: 314px;
    border: 5px solid #fff;
    width: auto;
}

/* Page Header */
.page_header {
    height: 200px;
    width: 100%;
    background: url('../img/webcover.png' ) repeat;
    position: relative;
}
.page_text_wrapper {
    position: absolute;
    bottom: 0;
    padding: 0 10px 15px 20px;
    width: 100%;
}
.page_title {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    color: #f9f9f9;
}
.page_desc {
    color: #f9f9f9;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}

/* BROWSE */

.filter_tabs {
    padding: 0 20px;
    background: #fff;
    border-bottom: 1px solid #8e8f8f;
}
.filter_tabs a.tab{
    font-size: 16px;
    color: #999;
    display: inline-block;
    padding: 25px 15px 20px;
    border-bottom: 4px solid transparent;
    width: 200px;
    text-align: center;
}
.filter_tabs a.active{
    color: #424242;
    border-bottom-color: #3f8ad0;
}
.filter_tabs a:hover{
    color: #424242;
    text-decoration: none;
}

.filter_header {
    background-image: url(../img/webcover.png);
    text-align: center;
    height: 200px;
}
#filter_section_wrapper {
    display: none;
}
#filter_section_wrapper:target {
    display: block;
}
.filter_section_wrapper {
    background: #edeeef;
    border-bottom: 1px solid #d0d1d1;
    padding: 7px 30px;
    /*margin: 0 10px;*/
    /*    -webkit-box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.48);
        -moz-box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.48);
        box-shadow: 0 3px 10px rgba( 0, 0, 0, 0.48);*/
    position: relative;
    z-index: 3;
    /*border-radius: 0 0 4px 4px;*/
}
.filter_icon {
    float: right;
    background: url('../img/filters.png') no-repeat 0 0;
    width: 25px;
    height: 25px;
    margin-top: 20px;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aeaeaf;
    position: absolute;
    top: 18px;
    right: 10px;
}
.filter_section:hover .arrow-down {
    border-top-color: #414141;
}
.filter_section_wrapper .blue-button {
    float: right;
    display: inline-block;
    padding: 10px 20px;
    margin-right: 10px;
    color: #fff;
    font-size: 13px;
}
.filter_section {
    float: left;
    padding: 0 30px 0 20px;
    position: relative;
    cursor: pointer;
}
.filter_section h2 {
    color: #aeaeaf;
    font-weight: normal;
    font-size: 13px;
}
.filter_section:hover h2 {
    color: #424242;
}
.sub_section {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    background: #fff;
    border: 1px solid;
    border-color: transparent #d8d9d9 #a9aaaa #d8d9d9;
    white-space: nowrap;
}
.sub_section li {
}
.filter_section:hover > .sub_section {
    display: block;
}
.sub_section label {
    padding: 10px 10px 10px 25px;
    display: block;
    color: #999999;
}
.sub_section label:hover {
    background: #f9fafa;
    color: #90b3d7;
}
.sub_section input[type="radio"] {
    display:none;
}
.sub_section input[type="radio"] + label .check {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 10px;
    vertical-align: middle;
    background: url(../img/filter_sprite.png) left top no-repeat;
    cursor: pointer;
    float: right;
}
.sub_section input[type="radio"]:checked + label {
    color: #90b3d7;
}
.sub_section input[type="radio"]:checked + label .check {
    background: url(../img/filter_sprite.png) -18px top no-repeat;
}
.member_item {
    /*height: 341px;*/
    
    width: 97%;
    min-width: 400px;
    overflow-y: hidden;
    display: inline-block;
    /*padding: 10px;*/
    background: #fff;
    margin: 5px 10px 5px 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #999;
    border-color: rgba(0,0,0,.2);
    text-align: left;
}
#members_content {
    text-align: center;
}


.member_meta {
    margin-left: 40%;
    line-height: 2em;
}
.age_badge {
    display: inline-block;
    padding: 0px 4px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: #729afa;
    color: #fff;
    font-weight: bold;
}
.age_badge.female {
    background: #da96ed;
}
.member_head {
    float: left;
    width: 35%;
    white-space: nowrap;
    margin: 10px;
    margin-right: 1%;
    overflow: hidden;
}
.member_head .profile-link-picture {
    width: 40%;
    max-width: 101px;
}
.member_head .name {
    font-size: 18px;
}
.member_pictures {
    float: left;
    width: 60%;
    overflow: hidden;
    padding: 10px;
    padding-right: 0px;
    padding-left: 30px;
    /*background: url('/img/pattern-black.png');
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;*/
    border-radius: 0 0 5px 5px;
}
.pictureItem {
    float: left;
    width: 25%;
    padding: 4px;
}
.member_picture {
    max-width: 100px;
    max-height: 100px;
    width: 100%;
    line-height: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*-webkit-box-shadow: 1px 1px 1px #1d1d1d;
    -moz-box-shadow: 1px 1px 1px #1d1d1d;
    box-shadow: 1px 1px 1px #1d1d1d;
    border: solid #1d1d1d;
    border-width: 1px 0 0 1px;*/
}

/* Notifications */
.story {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.story .profile-link-picture {
    margin-right: 10px;
}
.notif-content {
    margin-top: 10px;
    margin-left: 110px;
}
.action {
    color: #999;
}

/* LIGHTBOX PICTURE */
.lightbox-wrapper {
    margin-left: -120px;
}
#colorbox .stage-wrapper {
    background-color: #000;
    height: 100%;
    max-height: 2048px;
    /*min-height: 480px;*/
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    float: left;
}
#colorbox .stage {
    /*cursor: pointer;*/
    display: block;
    font-size: 0;
    height: 100%;
    max-height: 2048px;
    /*min-height: 402px;*/
    position: relative;
    text-align: center;
    width: 100%;
}

#colorbox .stage img {
    display: inline-block;
    height: auto;
    image-rendering: optimizeQuality;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
    border: 0;
    /*cursor: pointer;*/
    font-size: 0;
    text-align: center;
}
.lightbox-comments_likes_wrapper {
    background-color: rgb(233,234,239);
    height: 100%;
    overflow: hidden;
    position: relative;
    word-wrap: break-word;
}
.lightbox-comments_likes_wrapper .share-header {
    border-bottom: 1px solid #fff;
}
.lightbox-comments_likes_wrapper .likes {
    border-top: 1px solid #c5c5c5;
}
#page_wrapper .lightbox-image-wrapper {
    margin: 10px;
}
#page_wrapper .lightbox-image-wrapper {
    text-align: center;
    background: url('../img/pattern-black.png');
}
#cboxCurrent,
#cboxTitle {
    display: none !important;
}

.extra_like {
    border: 1px solid #bdbfc7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f1f1f4;
    background: -webkit-linear-gradient(#fff,#f1f1f4);
    background: -moz-linear-gradient(#fff,#f1f1f4);
    background: -ms-linear-gradient(#fff,#f1f1f4);
    background: -o-linear-gradient(#fff,#f1f1f4);
    background: linear-gradient(#fff,#f1f1f4);
    cursor: pointer;
    line-height: 18px;
    font-size: 12px;
    text-shadow: none;
    color: #999;
    height: 19px;
    width: 19px;
    background: #f1f1f4;
    border-radius: 2px;
    float: right;
}
.extra_like:active {
    border-top-width: 2px;
}
.no-js .extra_like {
    display: none;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, /*#cboxClose,*/ #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}

#cboxContent{margin:10px;background:#000;}
#cboxError{padding:50px; border:1px solid #ccc;}
/*#cboxLoadedContent{border:5px solid #000; background:#fff;}*/
/*#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}*/
/*#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}*/
#cboxLoadingGraphic{background:url(../img/colorBox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{
    position:absolute;
    top:50%;
    left:5px;
    margin-top:-32px;
    background:url(../img/sprite-feed2.png) no-repeat -54px -90px;
    width:36px;
    height:36px;
    text-indent:-9999px;
    opacity: 0;
    /*display: block;*/
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
#cboxPrevious:hover, #cboxPrevious.hovered{
    background-position: -54px -18px;
}
#cboxNext{
    position: absolute;
    top: 50%;
    right: 365px;
    margin-top: -32px;
    background: url(../img/sprite-feed2.png) no-repeat -90px -90px;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    opacity: 0;
    /*display: block;*/
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
#cboxNext:hover, #cboxNext.hovered{
    background-position: -90px -18px;
}
#cboxClose{
    display: none;
    position:absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url(../img/sprite-feed2.png) no-repeat 0 -54px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    /*display: block;*/
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
#cboxClose:hover{
    background-position: -18px -54px;
}
#cboxContent:hover #cboxPrevious,
#cboxContent:hover #cboxNext
{
    opacity: 1;
    /*display: block;*/
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}


/* Footer */
#main_footer {
    padding: 20px;
    color: #424242;
    text-align: center;
    font-size: 12px;
    clear: both;
}
#main_footer a,
#main_footer a:link,
#main_footer a:visited {
    color: #6699cc;
}

/* Aside Right */
#aside-right {
    padding: 10px 0;
    width: 250px;
    position: absolute;
    top: 0;
    left: 100%;
}

.widget {
    margin: 15px 0 35px 15px;
}

#pplymk h1 {

}

/* Error */
#errorPage {
    font: normal normal normal 11px/19px 'lucida grande', tahoma, verdana, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding-top: 80px;
    height: 100%;
    position: relative;
}
.errorSorry {
    font-size: 3.5em;
    line-height: 1.5em;
}
.errorExpl {
    font-size: 2em;
    line-height: 1.5em;
}
.errorDo {
    font-size: 1.7em;
    line-height: 1.5em;
}
.errorDo p{
    margin: 0;
}


/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.masonry .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}






/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
    width:auto;
    /*margin-top:30px;*/
    overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
    margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
    width:16px;
    height:100%;
    top:0;
    right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width:2px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
    cursor:pointer;
    width:100%;
    height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:4px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display:block;
    position:relative;
    height:20px;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
    top:100%;
    margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
    height:auto;
    margin-right:0;
    /*margin-bottom:30px;*/
    overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
    margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
    margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
    width:100%;
    height:16px;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:2px;
    margin:7px 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
    width:30px;
    height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:4px;
    margin:6px auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    display:block;
    position:relative;
    width:20px;
    height:100%;
    overflow:hidden;
    margin:0 auto;
    cursor:pointer;
    float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
    margin-left:-40px;
    float:right;
}
.mCustomScrollBox{
    -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
    opacity:0;
    filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; /* old ie */
}
/* default scrollbar colors and backgrounds (default theme) */
.gallery .mCustomScrollBox>.mCSB_scrollTools{
    opacity:0.45;
    filter:"alpha(opacity=45)"; -ms-filter:"alpha(opacity=45)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
    opacity:0.7;
    filter:"alpha(opacity=70)"; -ms-filter:"alpha(opacity=70)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.4);
    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#fff; /* rgba fallback */
    background:rgba(255,255,255,0.75);
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(255,255,255,0.85);
    filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(255,255,255,0.9);
    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-image:url(../img/mCSB_buttons.png);
    background-repeat:no-repeat;
    opacity:0.4;
    filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
    background-position:0 0;
    /*
    sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
    */
}
.mCSB_scrollTools .mCSB_buttonDown{
    background-position:0 -20px;
    /*
    sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
    */
}
.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:0 -40px;
    /*
    sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
    */
}
.mCSB_scrollTools .mCSB_buttonRight{
    background-position:0 -56px;
    /*
    sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
    */
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
    opacity:0.75;
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
    opacity:0.9;
    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
    background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
    background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
    background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
    width:4px;
    background:#fff; /* rgba fallback */
    background:rgba(255,255,255,0.1);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:4px;
    background:#fff; /* rgba fallback */
    background:rgba(255,255,255,0.75);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:4px;
    margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:4px;
    margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
    background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
    background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
    background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
    width:4px;
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.1);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:4px;
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.75);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:4px;
    margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:4px;
    margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
    background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
    background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
    background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
    width:4px;
    background:#fff; /* rgba fallback */
    background:rgba(255,255,255,0.1);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:6px;
    background:#fff; /* rgba fallback */
    background:rgba(255,255,255,0.75);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:4px;
    margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:6px;
    margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
    background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
    background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
    background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
    width:4px;
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.1);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:6px;
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.75);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
    height:4px;
    margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:6px;
    margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
    background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
    background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
    background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
    background:#fff; /* rgba fallback */
    background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:2px;
    margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:2px;
    background:#000; /* rgba fallback */
    background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
    width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:100%;
    height:2px;
    margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
    background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
    background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
    background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
    background-position:-80px -56px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
    */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.updatable_time {
    font-size: 12px;
    color: #999;
    font-weight: 400;
}

.invitation-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10000;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#33000000', endColorstr='#33000000');
}

.invitation {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -320px;
    background-color: #f5f6f6;
    border-radius: 5px;
    width: 640px;
    min-height: 300px;
    padding: 20px;
}

.invitation-title {
    font-size: 24px;
    font-weight: 200;
}

.invitation-link-container {
    position: relative;
    height: 65px;
    margin: 35px 0px;
}

.invitation-link {
    border-radius: 5px;
    border: 1px solid #dedede;
    position: absolute;
    right: 0;
    left: 0;
    padding: 20px 20px;
    width: 100%;
    font-size: 16px;
    color: #999;
}

.invitation-desc {
    color: #242424;
}

.invitation-button-container {
    position: relative;
    overflow: hidden;
}

.invitation-button {
    min-height: 40px;
    line-height: 40px;
    width: 130px;
    float: right;
}
.location{background-color: rgba(159, 148, 148, 0.7);padding:0px !important;color:#f0e7e7  !important;}
.location a{color:#f0e7e7  !important;}
 .artbg{border-bottom:1px solid #ddd; width:100%;clear:both;height:200px;}
.starSelfInfo{ width:100%;padding-left:40px;overflow:hidden;margin:0 auto 0.42667rem;}
.starSelfInfo dl{width:100%;overflow:hidden;margin-bottom:0.256rem}
.starSelfInfo dl dt{width:4.26667rem;height:4.26667rem;overflow:hidden;border:0.08533rem solid #fff;border-radius:50%;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;float:left}
.starSelfInfo dl dt img{max-width:100%;max-height:100%}
.starSelfInfo dl dd{width:80%;padding-left:0.512rem;overflow:hidden;float:left;padding-top:1.06667rem}
.starSelfInfo dl dd strong{display:block;width:9.81333rem;height:1.57867rem;line-height:1.57867rem;overflow:hidden;font-size:18px;color:#fff}
.starSelfInfo dl dd strong span{font-size:14px;margin-left:0.128rem}
.starSelfInfo dl dd b{height:1.57867rem;line-height:1.57867rem;overflow:hidden;font-size:20px;color:#8e5151;font-weight:bold}
.info{ height: 80px;width: 100%;}

.starSelfInfo dl dd b span{font-size:14px;margin-left:0.128rem}
.date {font-size:12px !important;color:#847c7c  !important;}
.starSelfInfo dl dd em{display:block;height:1.408rem;line-height:1.408rem;overflow:hidden;font-size:14px;color:#ae7676;font-style:normal;clear:both;}
.starSelfInfo dl dd em span{color:#ddd;margin:0 0.34133rem} 
.starSelfInfo .txt{width:15.14667rem;overflow:hidden;line-height:0.896rem;font-size:14px;color:#999;margin-bottom:0.42667rem}
.starSelfInfo .txt a{color:#f96900}

.art-auther {height:auto !important;}
.artitle h1 {text-align: left !important;color:#fff !important;padding: 0px 10px 0px 20px !important; border-bottom: 0px !important;clear:both; margin:0px; }
.title {  background-color: #2c2f33;    margin-left: 20px !important;border-radius: 4px;   margin-right: 4px !important;clear:Both;}
.art-tags .tags-left a{ display:inline-block;   height:26px; line-height:26px; border-radius:3px; margin-right:10px; padding:0 10px;background:#2c2f33;color:#fff;}
.art-tags{ height:45px; line-height:45px; padding-left:20px;  border:0px !important;padding-left:20px !important;}
.ask {padding-top:20px;}
.ask a{color: #fff; }
.askbutton{height:35px;line-height: 35px; background: #2c2f33; color: #fff;padding: 0 15px; border-radius: 4px;margin-right: 14px;}
.pr20{padding-right:20px;}
a:hover {
    text-decoration: none;
}
.liwu2 {width:100%;text-align:left;color:#06f4f4;background-color:#2c2f33;padding-left:20px; display:none; }
.liwu1 {width:100%;text-align:center;color:#090909;/*! background-color:#2c2f33; */ display:none; }
.liwu11 {color:#095952; font-weight:800;}
.liwu1 a,.liwu2 a {color:red;}
.liwu2 strong{color:red;}
.news-ul2 li{float:left}
.news-wrap .title2 .arr {left:48% !important;}
.news-wrap li {width:100%  !important;}
.news-wrap li em{font-style:normal}
.news-wrap li span{width:100%  !important;padding-left: 5px !important;}
.article-brand {overflow:hidden;background-color: #fcfcfc; }
.de-main-rightlist1 .de-main-rightpadding img {
    display: block;
    width: 100px !important;
    border: 1px solid #000;
	height: auto !important;
}
.de-main-rightpadding {
    width: 50% !important;
    height: auto !important;
    border: 0px solid    #000 !important;
    padding: 9px;
    float: left;
    margin-left: 25% !important; 
}
.de-main-rightlist1 {
    width:100%  !important;
    height: auto !important;
    margin-bottom: 35px;
}
.de-main-rightgrops {width:100%  !important; padding:4px;} 
.dapian {text-align:center;}
.txtbox {height: auto !important;}

.detail-right .focus5 ,.detail-right .focus5-ul,.detail-right .focus5 li,.detail-right .focus5 img{ width:100%  !important;height: auto !important;}
.detail-right .focus5 {height:300px !important;}
.detail-right .all-tit ,.detail-right .circle{display:none}
.focus5 { margin-top: 0px !important; }
.ad3 {padding:10px 0px 10px 0px;}
.ad3 img{width:100%;}
.news-wrap   span {  background: none !important;}
.news-wrap .news-li {padding-bottom:20px;}
.news-wrap li {padding-bottom:2px;}
.about,.busy,.ship{ width:33.3%  !important;}
.qnx1200 {width:100% !important;}
.art-body {padding-left:5px;}
.det-title h3 {padding-left:10px;}




/**
 * 13. =Search
 * ----------------------------------------------------------------------------
 */

/*
 * Search Fullscreen
 */

@keyframes fade-zoom-in {
    0% {
        opacity: 0;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.search-open {
    width: 100%;
    position: fixed;
    overflow: hidden;
}

#search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    animation: fade-zoom-in .3s forwards;
    display: none;
    z-index: 9999;
    -webkit-backface-visibility: hidden;
}

#search .form-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -2rem;
}

#search.open {
    display: block;
}

#search form {
    text-align: center;
}

#search form::after {
    content: "";
    display: table;
    clear: both;
}

#search input[type="search"] {
    background: transparent;
    color: black;
    font-size: 2rem;
    border: none;
}

#search input[type="search"]::-webkit-input-placeholder {
    color: black;
    text-align: center;
}

#search input[type="search"]:-moz-placeholder {
    color: black;
    text-align: center;
}

#search input[type="search"]:-ms-input-placeholder {
    color: black;
    text-align: center;
}

#search .input-group {
    display: block;
}

#search .input-group-btn {
    display: none;
}

#search p {
    font-size: 0.875rem;
    color: #a0a0a0;
    text-align: center;
    margin-top: 1rem;
}

#search .close {
    position: fixed;
    font-size: 1.75rem;
    top: 3rem;
    right: 3rem;
    opacity: 1;
    border: none;
    background: transparent;
    color: black;
    text-shadow: none;
}

#search .close:after {
    font-family: 'icons';
    content: '\e908';
}
.ewm img{width:300px;}
.focus5{display:none}
.art-body .news-ul,.art-body .h242{background:#fff;}
.art-body .news-ul li{margin-bottom:20px;width: 100%;}
.art-body .news-ul .title{background-color:#fff;margin-top: 15px;font-weight: bold;}
.art-body .h242{height:232px;max-width: 28%;overflow: hidden;}
.art-body  .news-ul .jj{max-height:100px;font-size: 15px;color: black;}
.art-body  .news-ul li a img{margin-left: 12px;}
.page-box,.detail_page {
	clear:both;
	text-align:center;
	margin:30px 0
}
.page-box a,.page-box span,.detail_page a,.detail_page span {
	height:36px;
	line-height:36px;
	padding:0 12px;
	border-radius:5px;
	margin:0 5px;
	display:inline-block;
	color:#444;
	background:#fbfbfb;
}
.page-box .prev,.page-box .next.detail_page .next,.detail_page .prev,.page-box .next {
	background:none;
	border:1px solid #bbb;
	width:100px;
	color:#bbb
}
.page-box .active,.detail_page a:hover,.page-box .current,.page-box a:hover,.detail_page .cur {
	background-color:#444;
	color:#fff
}