/* Client Side Style */
@font-face {
    font-family: Lato;
    src: url(../interface/fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: LatoItalic;
    src: url(../interface/fonts/Lato-Italic_0.ttf);
}

@font-face {
    font-family: LatoLight;
    src: url(../interface/fonts/Lato-Light.ttf);
}

@font-face {
    font-family: LatoBold;
    src: url(../interface/fonts/Lato-Bold.ttf);
}

@font-face {
    font-family: LatoBlack;
    src: url(../interface/fonts/Lato-Black.ttf);
}

/*Transitions*/
.transition-all-400 {
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    -ms-transition: all 400ms;
}

/*Rounded Corners*/
.round3px {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.round5px {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.round10px {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.advertisement-wrapper.square-300 {
    margin-top: 30px;
}

.advertisement-wrapper.square-300 img,
.advertisement-wrapper.square-300 iframe {
    display: block;
    width: 300px;
}

.advertisement-wrapper-215 {
}

.advertisement-wrapper-215 img,
.advertisement-wrapper-215 iframe{
    display: block;
    width: 215px;
}

/* Gray-Black gradient for buttons (reccomend, request join, etc.) */

.gray-gradient {
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #565759 0%, #000000 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #565759 0%, #000000 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #565759 0%, #000000 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #565759), color-stop(1, #000000));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #565759 0%, #000000 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #565759 0%, #000000 100%);
}

html, body {
    background: #FFF;
}

body {
    padding: 0;
    margin: 0;
    cursor: default;
    
    font: normal 12px 'Trebuchet MS';
    color: #939598;
}

h1, h2, h3, h4, p, ul, form {
    padding: 0;
    margin: 0;
    cursor: default;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #FFF;
}

a img {
    border: none;
}

ul{
    list-style: disc;
    list-style-position: inside;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}

.clear-elm {
    clear: both;
}

.block {
    display: block;
}

.hidden {
    display: none;
}

.inner {
    width: 940px;
    margin: 0 auto;
}

.notifications {
    color:#00CC00;
}

.warning,
.form-warning {
    color:#EE0000;
}

.notifications,
.warning {
    padding:10px;
    font-size:11px;
    text-align:center;
}

.centered {
    text-align: center;
}

.placeholder::-webkit-input-placeholder {
    color: #fff;
}
.placeholder:-moz-placeholder, .placeholder:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    opacity: 1;
}
.placeholder::-moz-placeholder, .placeholder::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    opacity: 1;
}
.placeholder:-ms-input-placeholder, .placeholder:-ms-input-placeholder {
    color: #fff;
}

a.gray-link {
    border: 1px solid #584dA0;
    background-color: #fff;
    font: normal 19px LatoBold;
    color: #584dA0;
    text-align: center;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

    a.gray-link span {
        display: block;
        padding: 13px 0;
        
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
.rounded {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.ui-datepicker {
    background-color: #fff;
}
    
.dark-btn {
    height: 30px;
    background: #040404 url(../interface/front/common-dark-button.png) 0 0 repeat-x;
    border: 1px solid #040404;
    
    font: normal 13px Lato;
    color: #FFF;
}

.common-dark-btn {
    padding: 6px 19px 7px 19px;
    line-height: 30px;
}

.common-dark-btn:hover {
    background: #000;
}

input.common-dark-btn {
    padding: 0 19px 7px 19px;
    line-height: 25px;
    cursor: pointer;
}

.submit-btn {
    padding: 10px 20px;
    background: #000 url(../interface/front/splash-submit-btn.png) top left repeat-x;
    border: 1px solid #000;
    font: bold 15px 'Trebuchet MS';
    line-height: 40px;
    color: #FFF;
    
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.buttons {
    display: block;
    background-color: transparent;
    background-image: url(../interface/front/buttons.png);
    background-repeat: no-repeat;
}

    .rj-like-btn,
    .rj-liked {
        width: 22px;
        height: 22px;
        background-position: 0 0;
    }
    
    .rj-like-btn:hover,
    .rj-liked {
        background-position: 0 -22px;
    }
    
    .rj-link-btn {
        width: 22px;
        height: 22px;
        background-position: -22px 0;
    }
    
    .rj-edit-btn {
        width: 22px;
        height: 22px;
        background-position: -124px 0;
    }
    
    .tw-sl {
        background-position: 0 -50px;
    }
    
    .tw-sl:hover {
        background-position: 0 -70px;
    }
    
    .fb-sl {
        background-position: -20px -50px;
    }
    
    .fb-sl:hover {
        background-position: -20px -70px;
    }
    
    .vm-sl {
        background-position: -40px -50px;
    }
    
    .vm-sl:hover {
        background-position: -40px -70px;
    }
    
    .dr-sl {
        background-position: -60px -50px;
    }
    
    .dr-sl:hover {
        background-position: -60px -70px;
    }
    
    .be-sl {
        background-position: -80px -50px;
    }
    
    .be-sl:hover {
        background-position: -80px -70px;
    }
    
    .yt-sl {
        background-position: -100px -50px;
    }
    
    .yt-sl:hover {
        background-position: -100px -70px;
    }
    
    .tb-sl {
        background-position: -120px -50px;
    }
    
    .tb-sl:hover {
        background-position: -120px -70px;
    }
    
    .li-sl {
        background-position: -140px -50px;
    }
    
    .li-sl:hover {
        background-position: -140px -70px;
    }
    
    .pt-sl {
        background-position: -160px -50px;
    }
    
    .pt-sl:hover {
        background-position: -160px -70px;
    }
    
    .gp-sl {
        background-position: -180px -50px;
    }
    
    .gp-sl:hover {
        background-position: -180px -70px;
    }
    
    .web-sl {
        background-position: -220px -50px;
    }
    
    .web-sl:hover {
        background-position: -220px -70px;
    }
    
    .sc-sl {
        background-position: -200px -50px;
    }
    
    .sc-sl:hover {
        background-position: -200px -70px;
    }
    
.sl-links-wrapper {
}

    .sl-links-wrapper a {
        float: left;
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 3px 3px 0;
        text-indent: -9999px;
        overflow: hidden;
    }

a.right-round-btn {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.no-items {
    font: normal 30px LatoLight;
    color: #5578D1;
    line-height: 100px;
    text-align: center;
}

.no-items.small {
    font: normal 12px LatoLight;
    color: #5578D1;
    line-height: 30px;
    text-align: center;
}

#upload-img-form {
    /* NOTE: cannot set display to non on this element due to problem with Opera browsers*/
    visibility: hidden;
    position: absolute;
    top: -1000px;
}

#user-achievements .user-achievements-left .no-items {
    width: 940px;
}

.main-common-title {
    font: normal 30px LatoLight;
    color: #5578D1;
    text-decoration: underline;
}

.red-border {
    border-color: #ff0000 !important;
}

.red-txt {
    color: #FF0000;
}

.input-row {
    position: relative;
}

.wrong-lbl {
    position: absolute;
    top: 2px;
    left: 190px;
    padding-left: 4px;
    background: transparent url(../interface/front/icons-common.png) -90px -504px no-repeat;
    
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    -ms-transition: all 400ms;
}

    .wrong-lbl span {
        padding: 2px 5px 3px 5px;
        font: normal 11px/20px Arial;
        background: #E8243B;
        white-space: nowrap;
        color: #FFF;
    }
    
.wrong-lbl-fp {
    left: 260px;
}

#search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(../interface/front/blue-opacity-85.png) top left repeat;
    z-index: 300;
}

    #search-overlay h2 {
        margin-top: 100px;
        font: normal 30px LatoLight;
        color: #fff;
        text-align: center;
    }
    
        #search-form {
            width: 500px;
            height: 30px;
            margin: 5px auto 0;
            padding: 0 0 0 15px;
            background-color: #fff;
            
            border-radius: 15px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            
            overflow: hidden;
        }
        
            #search-input {
                width: 460px;
                height: 28px;
                line-height: 28px;
                border: none;
                outline: none;
            }
            
            #search-submit {
                float: right;
                width: 30px;
                height: 30px;
                border: none;
                background: transparent url(../interface/front/sprites-icons.png) 8px -912px no-repeat;
                cursor: pointer;
            }

/* Common Styles */
div#wrapper {
    margin-top: 60px;
}

    div#notification-bar {
        font-family: Lato;
        background-color: #5778d1;
        text-align: center;
        color: #fff;
    }
    
        div#notification-bar a {
            color: #0800b4;
        }
    
        div#notification-bar .inner {
            padding: 7px 0 12px;
        }
    
        div#notification-bar .inner h2 {
            font: normal 25px/35px LatoLight;
        }
        
        div#notification-bar .inner p,
        div#notification-bar .inner a {
            font: normal 14px/150% LatoLight;
        }
        
        div#notification-bar .inner strong {
            font-family: LatoBold;
        }
    
        div.notification-restriction {
            font: normal 14px/30px LatoLight;
            background-color: #ff6d00;
            color: #fff;
            text-align: center;
        }
        
            div.notification-restriction span {
                padding-left: 40px;
                background: transparent url(../interface/front/sprites-icons.png) 0 -1430px no-repeat;
            }
            
        #change-email-verification input {
            margin: 0 7px 0 2px;
            padding: 2px;
            font: normal 13px LatoLight;
            color: #484444;
            border: none;
            background-color: #f1f2f2;
            outline: none;
            
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        
        #change-email-verification a {
            display: inline-block;
            padding: 0 10px;
            font: normal 14px/19px Lato;
            color: #000;
            background-color: #fff;
            
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

    div#header {
        position: fixed;
        top: 0;
        left: 0;
        height: 60px;
        border-bottom: 1px solid #CED0D1;
        background-color: #fff;
        width: 100%;
        z-index: 255;
    }
    
        div#head-left {
            position: relative;
            width: 630px;
            height: 60px;
            background: #FFF;
            z-index: 52;
        }
        
            a#logo {
                float: left;
                display: block;
                margin: 16px 0 0 1px;
                width: 164px;
                height: 33px;
                background: transparent url(../interface/front/rockajoint-logo.png) 0 0 no-repeat;
            }
            
            ul#main-menu {
                float: right;
                height: 60px;
                list-style: none;
            }
                
                ul#main-menu li {
                    position: relative;
                    display: inline;
                    float: left;
                }
                
                ul#main-menu li a.menu-item {
                    display: block;
                    width: 100px;
                    height: 25px;
                    padding-top: 35px;
                    border-left: 1px solid #CED0D1;
                    background-image: url(../interface/front/sprites-icons.png);
                    background-repeat: no-repeat;
                    font: normal 12px 'Trebuchet MS';
                    color: #A7A9AC;
                    text-align: center;
                }
                
                ul#main-menu li a#community,
                ul#main-menu li a#community.selected {
                    background-position: 35px 15px;
                }
                
                ul#main-menu li a#explore,
                ul#main-menu li a#explore.selected {
                    background-position: -32px 14px;
                }
                
                ul#main-menu li a#search {
                    background-position: -103px 15px;
                }
                
                ul#main-menu li a#community:hover,
                ul#main-menu li a#community.selected {
                    background-position: 35px -35px;
                }
                
                ul#main-menu li a#explore:hover,
                ul#main-menu li a#explore.selected {
                    background-position: -32px -36px;
                }
                
                ul#main-menu li a#search:hover {
                    background-position: -103px -35px;
                }
                
            ul#main-menu li ul.submenu {
                display: none;
                position: absolute;
                top: 60px;
                left: 1px;
                width: 99px;
                border-top: 1px solid #CED0D1;
                box-shadow: #CCC 2px 3px 10px;
                
                opacity: 0;
                filter: alpha(opacity=0);
            }
            
                ul#main-menu li ul.submenu li {
                    display: block;
                }
                
                    ul#main-menu li ul.submenu li a {
                        display: block;
                        width: 87px;
                        padding: 0 7px;
                        border-top: 1px solid #FFF;
                        background-color: #FFF;
                        font: normal 12px/27px 'Trebuchet MS';
                        color: #939598;
                    }
                    
                    ul#main-menu li ul.submenu li a:hover {
                        border-top: 1px solid #465783;
                        background-color: #5778D1;
                        color: #FFF;
                    }
        
        div#head-right {
            position: relative;
            width: 310px;
            height: 60px;
            background: #363636;
            z-index: 51;
        }
        
            div#right-inner-bkg {
                position: absolute;
                top: 0;
                right: 0;
                width: 40%;
                height: 60px;
                background: #363636;
                z-index: 50;
            }
            
                a#post-project {
                    float: left;
                    display: block;
                    width: auto;
                    margin: 17px 0 0 40px;
                    padding: 0 12px;
                    font: bold 12px/24px 'Trebuchet MS';
                    color: #FFF;
                    text-transform: uppercase;
                    
                    background: #57e021; /* Old browsers */
                    background: -moz-linear-gradient(top,  #57e021 0%, #47b71b 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57e021), color-stop(100%,#47b71b)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top,  #57e021 0%,#47b71b 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top,  #57e021 0%,#47b71b 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top,  #57e021 0%,#47b71b 100%); /* IE10+ */
                    background: linear-gradient(to bottom,  #57e021 0%,#47b71b 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57e021', endColorstr='#47b71b',GradientType=0 ); /* IE6-9 */
                }
                
                a#post-project:hover {
                    background: #51bd26; /* Old browsers */
                    background: -moz-linear-gradient(top,  #51bd26 0%, #3b9d15 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51bd26), color-stop(100%,#3b9d15)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top,  #51bd26 0%,#3b9d15 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top,  #51bd26 0%,#3b9d15 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top,  #51bd26 0%,#3b9d15 100%); /* IE10+ */
                    background: linear-gradient(to bottom,  #51bd26 0%,#3b9d15 100%); /* W3C */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51bd26', endColorstr='#3b9d15',GradientType=0 ); /* IE6-9 */
                }
                
                div#signup-cont {
                    width: 130px;
                    margin: 19px 5px 0 0;
                    text-align: right;
                }
                
                    div#signup-cont a {
                        font: normal 13px 'Trebuchet MS';
                        color: #939598;
                    }
                    
                    div#signup-cont a:hover {
                        color: #ccc;
                    }
                    
            div#header-profile-info {
                position: relative;
                width: 110px;
            }
            
                div#header-profile-info a.profile-link {
                    display: block;
                    height: 60px;
                    font: normal 13px 'Trebuchet MS';
                    color: #939598;
                }
                
                    div#header-profile-info a.profile-link img {
                        width: 60px;
                        height: 60px;
                        float: left;
                    }
                    
                    div#header-profile-info a.profile-link span {
                        position: relative;
                        display: block;
                        width: 50px;
                        height: 60px;
                        float: right;
                        font: bold 12px/60px 'Trebuchet MS';
                        text-align: center;
                        color: #FFF;
                        background: transparent url(../interface/front/sprites-icons.png) 17px -1238px no-repeat;
                    }
                    
                        div#header-profile-info a.profile-link span em {
                            position: absolute;
                            display: block;
                            width: 7px;
                            height: 7px;
                            top: 13px;
                            left: 30px;
                            font-style: normal;
                            background: transparent url(../interface/front/sprites-icons.png) 0 -1325px no-repeat;
                        }
                
                div#header-profile-menu {
                    display: none;
                    position: absolute;
                    top: 60px;
                    right: 0;
                    width: 411px;
                    background-color: #252525;
                    list-style: none;
                    overflow: hidden;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    
                    border-bottom-left-radius: 5px;
                    -moz-border-radius-bottomleft: 5px;
                    -webkit-border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 5px;
                    -moz-border-radius-bottomright: 5px;
                    -webkit-border-bottom-right-radius: 5px;
                }
                
                ul#header-profile-settings {
                    float: right;
                    width: 110px;
                    padding-top: 5px;
                    background-color: #252525;
                    list-style: none;
                    overflow: hidden;
                    
                    box-shadow: inset 5px -7px 12px #000;
                    height: 100%;
                }
                
                    ul#header-profile-settings li {}
                    
                        ul#header-profile-settings li span {
                            padding: 3px 15px;
                        }
                        
                        ul#header-profile-settings li a {
                            display: block;
                            padding: 3px 3px 3px 15px;
                            
                            font: normal 13px/15px 'Trebuchet MS';
                            color: #939598;
                        }
                        
                        ul#header-profile-settings li a:hover {
                            color: #FFF;
                        }
                        
                        ul#header-profile-settings li:last-child a {
                            margin-top: 7px;
                            background: #000;
                            padding-bottom: 4px;
                            line-height: 25px;
                        }
                        
                            ul#header-profile-settings li a .count-new-messages {
                                color: #56de21;
                                font-style: normal;
                            }
                            
                        ul#header-profile-settings li.sign-out {
                            margin-top: 110px;
                        }
                        
                    div#header-profile-notifications {
                        width: 300px;
                        float: left;
                        background-color: #2F2E2E;
                    }
                    
                        div#header-profile-notifications .notifications {
                            min-height: 240px;
                        }
                    
                        div#header-profile-notifications h3 {
                            border-bottom: 1px solid #161616;
                            font: bold 13px/31px 'Trebuchet MS';
                            text-align: center;
                            color: #939598;
                        }
                        
                        div#header-profile-notifications ul {
                            padding: 0;
                            margin: 0;
                            list-style: none;
                        }
                        
                            div#header-profile-notifications ul li {
                                height: 28px;
                                border-top: 1px solid #3A3939;
                                border-bottom: 1px solid #161616
                            }
                            
                            div#header-profile-notifications ul li.no-notifications {
                                font: normal 11px/28px 'Trebuchet MS';
                                text-align: center;
                                color: #6A6C70;
                            }
                            
                                div#header-profile-notifications ul li a {
                                    display: block;
                                    height: 28px;
                                    padding: 0 10px 0 30px;
                                    font: normal 11px/28px 'Trebuchet MS';
                                    color: #6A6C70;
                                    background: transparent url(../interface/front/sprites-icons.png) 12px -1290px no-repeat;
                                }
                                
                                div#header-profile-notifications ul li a.unread {
                                    background-position: 12px -1315px;
                                }
                                
                                    div#header-profile-notifications ul li a em {
                                        font-style: normal;
                                        color: #5778D1;
                                    }
                                    
                                    div#header-profile-notifications ul li a span.left {
                                        width: 75%;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        white-space: nowrap;
                                        text-align: left;
                                    }
                                    
                                    div#header-profile-notifications ul li a span.right {
                                        text-align: right;
                                        width: 24%;
                                        color: #85878B;
                                    }
                                    
                                div#header-profile-notifications ul li a:hover {
                                    background-color: #5778D1;
                                    color: #252525;
                                }
                                
                                div#header-profile-notifications ul li a:hover span.right {
                                    color: #252525;
                                }
                                
                                    div#header-profile-notifications ul li a:hover em {
                                        color: #FFF;
                                    }
                        
                        div#header-profile-notifications a.view-all-notifications {
                            display: block;
                            border-top: 1px solid #3A3939;
                            font: normal 11px/28px 'Trebuchet MS';
                            text-align: center;
                            color: #FFF;
                        }
    
    div#banner-top-outer {
        height: 260px;
        background: #f1f2f2 url(../interface/front/rj-banner.png) top center no-repeat;
    }
    
    div#banner-top-outer.hover {}
    
    div#banner-top-wrapper {
        position: relative;
        width: 1020px;
        height: 240px;
        margin: 0 auto;
        overflow: hidden;
    }
    
        p#banner-top-text-left {
            position: absolute;
            top: 15px;
            left: 45px;
            width: 225px;
            font: normal 25px LatoLight;
            color: #171717;
            z-index: 47;
        }
        
        p#banner-top-text-right {
            position: absolute;
            top: 108px;
            left: 645px;
            font: normal 15px Lato;
            color: #070707;
            z-index: 47;
        }
        
        div#banner-top-wrapper a.gray-link {
            display: block;
            width: 180px;
            position: absolute;
            top: 105px;
            left: 420px;
            z-index: 48;
        }
        
        div#banner-top-wrapper img.hover {
            display: none;
            position: absolute;
            top: -7px;
            left: 0;
            z-index: 45;
        }
    
    div#top-banner {
        background-color: #57bdd1;
    }
    
        div#top-banner div.banner-content {
            position: relative;
            height: 550px;
            overflow: hidden;
        }
            div#home-banner {
                width: 100%;
                height: 550px;
            }
            
            div#top-banner div.banner-content .banner-slide {
                position: absolute;
                top: 0;
                left: 0;
                min-height: 550px;
                width: 100%;
                z-index: 10;
                
                background-color: #57bdd1;
                opacity: 0;
                filter: alpha(opacity=0);
            }
            
            div#top-banner div.banner-content .banner-slide.selected {
                z-index: 11;
            }
            
            div#banner-slide-1 {
                background: transparent url(../interface/front/top-banner.jpg) top center no-repeat;
                background-size: cover;
            }
            
                div#banner-slide-1 h2 {
                    padding: 100px 0 60px;
                }
                
                div#banner-slide-2 h2 {
                    padding: 60px 0 40px;
                }
                
                div#banner-slide-3 h2 {
                    padding: 70px 0 50px;
                }
                
                div#top-banner h2 {
                    font: normal 32px LatoBold;
                    letter-spacing: 2px;
                    color: #fff;
                    text-align: center;
                    text-transform: uppercase;
                }
                
                div#top-banner h3 {
                    font: normal 25px LatoLight;
                    color: #fff;
                    text-align: center;
                }
                
                div#banner-slide-1 div {
                    margin-top: 100px;
                    text-align: center;
                }
                
                    div#banner-slide-1 div a {
                        display: inline-block;
                        margin: 0 8px;
                        padding: 0 45px;
                        font: normal 18px/55px LatoBold;
                        color: #fff;
                        border: 1px solid #fff;
                        
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                    }
                    
                        div#banner-slide-1 div a span {
                            padding: 5px 0 5px 40px;
                            line-height: 30px;
                            background-image: url(../interface/front/sprites-icons.png);
                            background-color: transparent;
                            background-repeat: no-repeat;
                        }
                        
                        div#banner-slide-1 div a.get-started span {
                            background-position: 0 -1575px;
                        }
                        
                        div#banner-slide-1 div a.watch-demo span {
                            background-position: 0 -1635px;
                        }
                    
                    div#banner-slide-1 div a:hover {
                        background-color: #57bdd1;
                        border: 1px solid #57bdd1;
                    }
                    
            div#banner-slide-2 ul {
                text-align: center;
            }
            
                div#banner-slide-2 ul li {
                    display: inline-block;
                    padding: 0 0 2px 0;
                    border-bottom: 1px solid #387b88;
                }
                
                div#banner-slide-2 ul li:last-child {
                    padding-right: 0;
                }
                
                    div#banner-slide-2 ul li a {
                        font: normal 15px/30px Lato;
                        padding: 0 10px 6px;
                        color: #387b88;
                    }
                    
                    div#banner-slide-2 ul li a:hover,
                    div#banner-slide-2 ul li a.selected {
                        border-bottom: 3px solid #fff;
                        color: #fff;
                    }
                    
                div#banner-slide-2 .browser-map {
                    position: relative;
                    width: 544px;
                    height: 305px;
                    margin: 40px auto 0;
                    padding-top: 35px;
                    background: #232323 url(../interface/front/sprites-icons.png) 15px -1687px no-repeat;
                    
                    border-top-left-radius: 5px;
                    -moz-border-radius-topleft: 5px;
                    -webkit-border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                    -moz-border-radius-topright: 5px;
                    -webkit-border-top-right-radius: 5px;
                }
                
                    div#banner-slide-2 .browser-map img {
                        position: absolute;
                        top: 35px;
                        left: 0;
                        opacity: 0;
                        filter: alpha(opacity=0);
                        z-index: 3;
                    }
                    
                    div#banner-slide-2 .browser-map img.selected {
                        opacity: 1;
                        
                    }
                    
                    div#banner-slide-2 .browser-map div.banner-circle {
                        position: absolute;
                        top: 100px;
                        right: -180px;
                        
                        width: 200px;
                        height: 200px;
                        font: normal 20px LatoLight;
                        text-align: center;
                        color: #fff;
                        background-color: #5778d1;
                        z-index: 3;
                        
                        border-radius: 100px;
                        -moz-border-radius: 100px;
                        -webkit-border-radius: 100px;
                    }
                    
                        div#banner-slide-2 .browser-map div.banner-circle p {
                            position: absolute;
                            padding: 70px 40px 0 40px;
                            opacity: 0;
                        }
                        
                        div#banner-slide-2 .browser-map div.banner-circle p.selected {
                            opacity: 1;
                        }
                        
                        div#banner-slide-2 .browser-map div.banner-circle p.circle-1 {
                            padding: 60px 40px 0 40px;
                        }
                    
                        div#banner-slide-2 .browser-map div.banner-circle p.circle-3 {
                            padding: 60px 10px 0 10px;
                        }
                        
                        div#banner-slide-2 .browser-map div.banner-circle p.circle-4 {
                            padding: 40px 40px 0 40px;
                        }
                        
                            div#banner-slide-2 .browser-map div.banner-circle p.circle-4 a {
                                display: inline-block;
                                margin-top: 30px;
                                border: 1px solid #fff;
                                font: normal 18px/35px LatoBold;
                                padding: 0 20px;
                                color: #fff;
                                
                                border-radius: 5px;
                                -moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
                            }
                            
                            div#banner-slide-2 .browser-map div.banner-circle p.circle-4 a:hover {
                                background-color: #fff;
                                color: #5778d1;
                            }
            
            div#banner-slide-3 {
                position: relative;
            }
            
                div#banner-slide-3 h3 {
                    font-size: 36px;
                }
                
                .banner-footer-tip {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    background-color: #b8e021;
                    font: normal 21px/80px LatoItalic;
                    color: #228e49;
                    text-align: center;
                }
            
            .banner-login-form {
                margin-top: 40px;
                text-align: center;
            }
            
                .banner-login-form input {
                    width: 276px;
                    margin: 0 5px;
                    padding: 5px 10px;
                    font: normal 18px/30px LatoLight;
                    background-color: transparent;
                    border: 1px solid #3d8492;
                    color: #3d8492;;
                    
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    outline: none;
                }
                
                .banner-login-form input:focus {
                    color: #fff;
                    border-color: #fff;
                }
                
                .banner-login-form input::-webkit-input-placeholder,
                .banner-login-form input:-moz-placeholder,
                .banner-login-form input::-moz-placeholder,
                .banner-login-form input:-ms-input-placeholder {
                    color: #3d8492;
                }
                
                .banner-login-submit {
                    margin-top: 75px;
                }
                
                    .banner-login-submit > a {
                        display: inline-block;
                        padding: 0 35px;
                        font: normal 18px/50px Lato;
                        color: #5778d1;
                        background-color: #fff;
                        
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                    }
                    
                    .banner-login-submit > a:hover {
                        background-color: #5678D1;
                        color: #fff;
                    }
                    
                    .banner-login-submit p {
                        font: normal 13px/40px Lato;
                        color: #285760;
                    }
                    
                        .banner-login-submit p a {
                            color: #fff;
                        }
                        
                        .banner-login-submit p a:hover {
                            text-decoration: underline;
                        }
            
            .banner-footer-tip a {
                margin-left: 7px;
                font: normal 21px/80px Lato;
                color: #fff;
            }
            
            .banner-footer-tip a:hover {
                text-decoration: underline;
            }
            
        div#top-banner div.banner-nav-wrapper {
            background-color: #363636;
        }
        
            div#top-banner div.banner-nav-wrapper ul {
                text-align: center;
                list-style: none;
            }
            
                div#top-banner div.banner-nav-wrapper ul li {
                    display: inline-block;
                    text-align: center;
                }
            
                div#top-banner div.banner-nav-wrapper ul li a {
                    display: block;
                    font: normal 18px/50px LatoLight;
                    padding: 0 40px;
                    color: #fff;
                }
                
                div#top-banner div.banner-nav-wrapper ul li a:hover,
                div#top-banner div.banner-nav-wrapper ul li a.selected {
                    background: #232323;
                }
    
    div.tags-wrapper {
        padding: 22px 0 27px 0;
        background: #E6E7E8;
    }
    
        div.tags-inner {
            width: 940px;
            margin: 0 auto;
        }
        
            div.tags-left {
                float: left;
                width: 785px; 
            }
            
                div.tags-row {
                    
                }
                
                    div.tags-row span {
                        float: left;
                        display: block;
                        width: 90px;
                        padding: 0 15px 0 0;
                        font: bold 15px 'Trebuchet MS';
                        color: #414042;
                        line-height: 39px;
                        text-align: right;
                    }
                    
                    div.tags-list {
                        float: right;
                        width: 625px;
                        height: 38px;
                        padding: 0 25px;
                        line-height: 38px;
                        border-top: 1px solid #A9AAAD;
                        border-left: 1px solid #18191A;
                        background: #FFF url(../interface/front/icons-common.png) 0px -38px no-repeat;
                        white-space: nowrap;
                    }
                    
                        div.tags-list a {
                            font: normal 13px 'Trebuchet MS';
                            color: #6D6E71;
                            
                            transition: color 1s;
                            -moz-transition: color 1s;
                            -webkit-transition: color 1s;
                            -o-transition: color 1s;
                            -ms-transition: color 1s;
                        }
                        
                            div.tags-list a:hover {
                                color: #000;
                            }
                        
                    div.last-tag-list {
                        border-bottom: 1px solid #A9AAAD;
                    }
            
            a.tags-all-btn {
                float: left;
                display: block;
                width: 153px;
                height: 77px;
                background: #040505 url(../interface/front/tags-btn-bkg.png) top left repeat-x;
                border: 1px solid #040404;
                font: normal 27px Lato;
                color: #FFF;
                line-height: 78px;
                text-align: center;
            }
            
            a.tags-all-btn:hover {
                background: #58585B;
                
                transition: background 500ms;
                -moz-transition: background 500ms;
                -webkit-transition: background 500ms;
                -o-transition: background 500ms;
                -ms-transition: background 500ms;
            }
    
    /*Sitepath*/
    div#sitepath {
        background-color: #EFF9FE;
        border-bottom: 1px solid #CED0D1;
        font: normal 11px/30px 'Trebuchet MS';
        color: #BCBEC0;
    }
    
    /*Page Content*/
    div#page-content {
        margin: auto;
    }
    
        div#home {
            padding: 0 40px 0;
        }
    
        div.panel {}
        
        .onfocus-panel {
            float: left;
            width: 540px;
            overflow: hidden;
        }
        
            .panel h1 {
                padding-bottom: 20px;
                font: normal 25px Lato;
                text-decoration: underline;
                color: #414042;
            }
            
            div.onfocus-panel h2 {
                padding-bottom: 8px;
                font: normal 25px Lato;
                color: #414042;
            }
            
                div.onfocus-panel h2 a {
                    font: normal 25px Lato;
                    color: #414042;
                }
                
                div.onfocus-panel h2 a:hover {
                    text-decoration: underline;
                }
            
            div.article-info {
                margin-bottom: 19px;
                font: normal 12px "Trebuchet MS";
                color: #BCBEC0;
            }
            
                div.article-info a,
                div.article-info span {
                    font: normal 12px "Trebuchet MS";
                    color: #939598;
                }
                
                div.article-info a:hover {
                    text-decoration: underline;
                }
                
                div.article-info span {
                    padding-right: 5px;
                }
                
                .panel-item {
                    border: 1px solid #939598;
                    overflow: hidden;
                }
                
                    div.onfocus-panel div.box-left {
                        position: relative;
                        height: 218px;
                        width: 308px;
                        float: left;
                        border-right: 1px solid #939598;
                        overflow: hidden;
                    }
                    
                        div.onfocus-panel div.box-left img.article-img {
                            width: 308px;
                            height: 218px;
                            
                            border-top-left-radius: 7px;
                            -moz-border-radius-topleft: 7px;
                            -webkit-border-top-left-radius: 7px;
                        }
                        
                            div.article-social-links {
                                position: absolute;
                                top: 5px;
                                left: 5px;
                                z-index: 254;
                            }
                            
                                div.article-social-links a {
                                    margin-bottom: 4px;
                                }
                    
                    div.onfocus-panel div.box-right {
                        height: 198px;
                        width: 179px;
                        padding: 20px 25px 0 25px;
                        float: right;
                        background-color: #F1F2F2;
                        overflow: hidden;
                    }
                    
                        div.onfocus-panel div.skills {
                            padding-bottom: 23px;
                            border-bottom: 1px solid #C7C8C8;
                        }
                        
                            div.onfocus-panel div.skills p.skills-title {
                                margin-bottom: 5px;
                            }
                        
                            div.onfocus-panel div.skills p {
                                font: normal 15px 'Trebuchet MS';
                                color: #939598;
                            }
                            
                                div.onfocus-panel div.skills p.links-wrapper {
                                    line-height: 100%;
                                }
                            
                                div.onfocus-panel div.skills p.links-wrapper,
                                div.onfocus-panel div.skills p.links-wrapper a {
                                    font: normal 12px 'Trebuchet MS';
                                    color: #58595b;
                                }
                        
                        div.onfocus-panel div.location {
                            padding: 25px 0 0 0;
                            border-top: 1px solid #FBFCFC;
                        }
                        
                            div.onfocus-panel div.location p {
                                font: normal 13px 'Trebuchet MS';
                                color: #A7A9AC;
                            }
                            
                                div.onfocus-panel div.location p a {
                                    font: normal 12px 'Trebuchet MS';
                                    color: #58595B;
                                    text-decoration: underline;
                                }
                    
                    div.onfocus-panel .box-bottom {
                        height: 98px;
                        padding: 11px;
                        clear: both;
                        border-top: 1px solid #939598;
                    }
                    
                        div.onfocus-panel .box-bottom h3 {
                            margin-bottom: 7px;
                            font: normal 14px 'Trebuchet MS';
                            color: #414042;
                        }
                        
                        div.onfocus-panel .box-bottom div {
                            font: normal 12px 'Trebuchet MS';
                            letter-spacing: 0;
                            line-height: 14px;
                            color: #939598;
                            word-wrap: break-word;
                        }
        
        .meet-panel {
            float: right;
            width: 375px;
        }
        
            .meet-panel h2 {
                height: 163px;
                font: normal 40px LatoLight;
                color: #414042;
                line-height: 110%;
            }
            
            .meet-panel h2 a {
                font: normal 40px LatoLight;
                color: #414042;
            }
            
                .meet-panel h2 a span {
                    display: block;
                    padding-bottom: 3px;
                    font: normal 40px LatoBold;
                }
        
        div.latest-projects-panel {
            clear: both;
            padding-top: 30px;
        }
            
            div.latest-projects-panel h1 {
                text-decoration: none;
            }
            
                div.latest-projects-panel h1 span {
                    text-decoration: underline;
                }
            
                div.latest-projects-panel h1 a {
                    margin-left: 15px;
                    font: normal 25px Lato;
                    text-decoration: none;
                    color: #414042;
                }
                
                div.latest-projects-panel h1 a:hover {
                    text-decoration: underline;
                }
        
            .project-item {
                margin-bottom: 25px;
                border: 1px solid #939598;
                overflow: hidden;
            }
            
                .pi-left {
                    float: left;
                    width: 675px;
                    padding: 10px;
                }
                
                    .pi-img {
                        position: relative;
                        float: left;
                        width: 230px;
                    }
                    
                        .pi-img img {
                            width: 208px;
                            height: 149px;
                        }
                        
                        .pi-img a.rj-edit-btn {
                            position: absolute;
                            top: 5px;
                            right: 28px;
                            z-index: 254;
                        }
                        
                    .pi-main-data {
                        float: left;
                        width: 130px;
                        color: #58595b;
                    }
                    
                        .pi-main-data h2 {
                            margin-bottom: 5px;
                            font: normal 15px Lato;
                            color: #414042;
                            line-height: 110%;
                            width: 447px;
                            white-space: nowrap;
                            text-align: ellipsis
                            overflow: hidden;
                        }
                        
                            .pi-main-data h2 a {
                                font: normal 15px Lato;
                                color: #414042;
                                line-height: 110%;
                            }
                            
                            .pi-main-data h2 a:hover {
                                text-decoration: underline;
                            }
                        
                        .pi-main-data .pi-author {
                            margin-bottom: 25px;
                        }
                        
                        .pi-main-data .pi-cat {
                            font: normal 12px 'Trebuchet MS';
                            color: #BCBEC0;
                        }
                        
                        .pi-main-data a {
                            font: normal 12px 'Trebuchet MS';
                            color: #58595b;
                        }
                        
                        .pi-main-data .pi-author a {
                            color: #939598;
                        }
                    
                    .pi-description {
                        float: left;
                        width: 282px;
                        margin-top: 25px;
                        padding: 0 0 15px 18px;
                        border-left: 1px solid #C0C2C4;
                    }
                    
                        .pi-description h3 {
                            margin-bottom: 7px;
                            font: normal 12px 'Trebuchet MS';
                            color: #414042;
                            line-height: 12px;
                        }
                        
                        .pi-description div {
                            font: normal 12px 'Trebuchet MS';
                            color: #939598;
                            line-height: 110%;
                            word-wrap: break-word;
                        }
                    
                .pi-right {
                    float: right;
                    width: 201px;
                    height: 144px;
                    padding: 13px;
                    background-color: #F1F2F2;
                    border-left: 1px solid #939598;
                }
                
                    div.pi-right div.skills {
                        padding-bottom: 17px;
                        border-bottom: 1px solid #C7C8C8;
                    }
                    
                        div.pi-right div.skills p.skills-title {
                            margin-bottom: 5px;
                        }
                    
                        div.pi-right div.skills p {
                            font: normal 12px 'Trebuchet MS';
                            color: #939598;
                        }
                        
                            div.pi-right div.skills p.links-wrapper {
                                color: #58595b;
                                line-height: 100%;
                            }
                        
                            div.pi-right div.skills p.links-wrapper a {
                                font: normal 12px 'Trebuchet MS';
                                color: #58595B;
                            }
                    
                    div.pi-right div.location {
                        padding: 17px 0 0 0;
                        border-top: 1px solid #FBFCFC;
                    }
                    
                        div.pi-right div.location p {
                            font: normal 13px 'Trebuchet MS';
                            color: #A7A9AC;
                        }
                        
                            div.pi-right div.location p a {
                                font: normal 12px 'Trebuchet MS';
                                color: #58595B;
                                text-decoration: none;
                            }
                            
                a.load-projects-btn {
                    display: block;
                    width: 170px;
                    margin: 40px auto 45px auto;
                    padding-top: 50px;
                    background: url(../interface/front/icons-common.png) 70px -230px no-repeat;
                    font: normal 15px LatoLight;
                    color: #939598;
                }
    
    /*Ambassadors Page*/
    div#ambassadors {
        margin: 50px auto;
    }
    
        div.ambassadors-info {
            float:left;
            width: 630px;
        }
        
            div.ambassadors-info h2 {
                margin-bottom: 30px;
                font: normal 40px LatoLight;
                text-decoration: underline;
                color: #5578D1;
            }
            
            div.top-text {
                margin-bottom: 17px;
                font: normal 15px 'Trebuchet MS';
                color: #939598;
                line-height:18px;
            }
            
            div.bottom-text {
                font: normal 12px 'Trebuchet MS';
                color: #939598;
                line-height: 15px;
                margin-bottom: 80px;
            }
            
            div.ambassadors-info h1 {
                font: normal 30px LatoLight;
                color: #5578D1;
                text-decoration: underline;
                text-align: center;
            }
            
            div.team-list {
                padding: 45px 0 0 0;
            }
            
                div.profile-item {
                    float: left;
                    width: 140px;
                    height: 275px;
                }
                
                div.team-list .last {
                    margin-right: 20px;
                }
                
                div.profile-img-wrapper {
                    position: relative;
                    width: 140px;
                    height: 140px;
                    margin-bottom: 20px;
                    overflow: hidden;
                }
                
                    img.profile-img {
                        display: block;
                        width: 140px;
                        height: 140px;
                    }
                    
                    img.curved-mask {
                        display: block;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 140px;
                        height: 140px;
                        z-index: 243;
                    }
                    
                div.profile-name {
                    font: bold 15px 'Trebuchet MS';
                    color: #5578D1;
                    text-align: center;
                }
                
                div.profile-position {
                    padding-bottom: 9px;
                    border-bottom: 1px solid #D7D8D9;
                    margin-bottom: 10px;
                    font: normal 12px 'Trebuchet MS';
                    color: #BCBEC0;
                    text-align: center;
                }
                
                div.profile-soc {
                    padding-left: 35px;
                }
                
                    a.twitter-btn,
                    a.fb-btn,
                    a.linkedin-btn {
                        float: left;
                        display: block;
                        width: 20px;
                        height: 20px;
                        margin-right: 4px;
                    }
                    
                    a.twitter-btn {
                        background-position: -44px 0;
                    }
                    
                    a.fb-btn {
                        background-position: -64px 0;
                    }
                    
                    a.linkedin-btn {
                        background-position: -104px 0;
                    }
                    
        div.join-team {
            width: 220px;
            float:right;
            background-color: #F1F2F2;
            
            border: 1px solid #B1B2B5;
            
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        
            div.join-team h2 {
                padding: 15px 0;
                background-color: #58595B;
                border-bottom: 1px solid #A9AAAD;
                font: normal 20px LatoBlack;
                color: #FFF;
                text-align: center;
                
                text-shadow: 0px 1px 2px #000, 0px -2px 1px #333;
            }
            
            div.join-main {
                padding: 15px 5px 5px 5px;
                
            }
            
                div.join-post {
                    border-bottom: 1px solid #FFF;
                    margin-bottom: 15px;
                }
                
                    div.join-post h3 {
                        padding: 0 0 0 10px;
                        font: normal 15px 'Trebuchet MS';
                        color: #0A0B0B;
                    }
                    
                    div.join-post-info {
                        padding: 5px 20px 15px 10px;
                        border-bottom: 1px solid #C7C8C8;
                    }
                    
                    div.join-post-info div {
                        margin-bottom: 4px;
                        font: normal 12px 'Trebuchet MS';
                        color: #939598;
                    }
                    
                    div.join-post a {
                        font: normal 12px 'Trebuchet MS';
                        color: #5778D1;
                    }
                    
                    div.join-post a:hover {
                        text-decoration: underline;
                    }
    
    /*Jobs*/
    div#jobs {
        padding: 55px 0 45px 0;
    }
    
        div#jobs-main-text {
            padding-left: 255px;
            min-height: 220px;
            margin-bottom: 45px;
            background: transparent url(../interface/front/jobs-wheel.png) top left no-repeat;
        }
        
            div#jobs-main-text h1 {
                margin-bottom: 25px;
                font: normal 40px LatoLight;
                color: #5578D1;
                text-decoration: underline;
                line-height: 105%;
            }
            
            div#jobs-main-text div {
                font: normal 12px 'Trebuchet MS';
                color: #939598;
                line-height: 120%;
            }
            
            .job-item {
                padding: 0px; width: 710px;
            }
            
                .job-item h2 {
                    margin: 15px 20px 0 20px;
                    font: normal 20px Lato;
                    color: #414042;
                }
                
                .secondary-title {
                    margin: 0 20px 15px 20px;
                    font: normal 12px Lato;
                    color: #939598;
                }
                
                .job-desc {
                    height: 65px;
                    margin: 0 20px;
                    font: normal 12px 'Trebuchet MS';
                    color: #939598;
                    line-height: 13px;
                }
                
                .job-item-footer {
                    height: 35px;
                    background-color: #58595B;
                    border-top: 1px solid #939598;
                }
                
                    .job-item-footer p {
                        float: left;
                        margin: 0px 100px 0 20px;
                        font: normal 13px 'Trebuchet MS';
                        color: #FFF;
                        line-height: 35px;
                    }
                    
                        .job-item-footer p a {
                            font: normal 13px 'Trebuchet MS';
                            color: #FFF;
                        }
                        
                        .job-item-footer p a:hover {
                            text-decoration: underline;
                        }
                        
                        .job-item-footer .slinks {
                            float: right;
                            width: 100px;
                            padding: 7px 10px 0 0;
                        }
                        
                        .slinks .rj-link-btn {
                            margin-left: 5px;
                        }
                        
        .gallery-jobs {
            margin-bottom: 40px;
        }
        
            .gallery-text {
                position:relative;
                float: left;
                padding: 40px 30px 0 30px;
                width: 250px;
                height: 92px;
                background: #5778D1;
                font: normal 25px LatoLight;
                color: #FFF;
            }
            
                .dots-icon {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 38px;
                    height: 28px;
                    background: #FFF url(../interface/front/icons-common.png) 0 -550px no-repeat;
                }
            
            .gallery-list-wrapper {
                float: right;
                width: 620px;
                height: 125px;
                padding: 5px 0 0;
                border-top: 1px solid #5778D1;
                border-bottom: 1px solid #5778D1;
                overflow: hidden;
            }
            
                .gallery-list-wrapper a {
                    float: left;
                    display: block;
                    width: 93px;
                    height: 120px;
                    overflow: hidden;
                    margin-right: 5px;
                }
                
                .gallery-list-wrapper a.img-2,
                .gallery-list-wrapper a.img-4 {
                    width: 160px;
                }
                
                .gallery-list-wrapper a.img-4 {
                    margin-right: 0;
                }
                
                .gallery-list-wrapper a.hidden {
                    display: none;
                }
                
                    .gallery-list-wrapper a img {
                        display: block;
                        height: 120px;
                    }
            
        .jobs-main-title {
            padding-bottom: 40px;
            font: normal 40px LatoLight;
            color: #5778D1;
            text-decoration: underline;
        }
    
    #rock {
        
    }
    
        #rock .rock-notice {
            height: 160px;
            text-align: center;
        }
        
            #rock .rock-notice h1 {
                font: normal 40px LatoLight;
                text-decoration: underline;
                color: #111;
            }
            
            #rock .rock-notice .span {
                font: normal 15px 'Trebuchet MS';
                color: #939598;
            }
            
            #rock .rock-main {
                padding: 50px 0;
                background-color: #F2F1F1;
            }
            
                #rock .rock-main h2 {
                    font: normal 40px LatoLight;
                    color: #939598;
                }
            
            #rock .rock-main .left {
                width: 400px;
                min-height: 700px;
            }
            
                #rock .rock-main .left .desc-3 {
                    margin-top: 20px;
                }
            
                #rock .rock-main .rock-hint {
                    margin: 15px 0 30px;
                    font: normal 15px/30px 'Trebuchet MS';
                    color: #FFF;
                    text-align: center;
                }
                
                #rock .rock-main .left .rock-hint {
                    background-color: #B8E021;
                }
                
                #rock .rock-main .rock-products-gallery-small {
                    position: relative;
                    width: 398px;
                    height: 350px;
                }
                
                    #rock ul.item-list-buttons {
                        position: absolute;
                        display: inline-block;
                        margin: 0 auto;
                        top: 310px;
                        left: 40%;
                        list-style: none;
                        z-index: 5;
                    }
                    
                        #rock ul.item-list-buttons li {
                            float: left;
                            display: inline;
                            padding: 0 5px;
                        }
                        
                            #rock ul.item-list-buttons li a {
                                display: block;
                                width: 10px;
                                height: 10px;
                                background-color: #FFF;
                                box-shadow: #777 0px 1px 2px inset;
                                
                                border-radius: 5px;
                                -moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
                            }
                            
                            #rock ul.item-list-buttons li a:hover,
                            #rock ul.item-list-buttons li a.selected {
                                background-color: #B9E121;
                            }
                    
                    #rock .rock-gallery-item {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 398px;
                        height: 350px;
                        border: 1px solid #D1D3D4;
                        z-index: 3;
                    }
                    
                        #rock .rock-gallery-item img {
                            display: block;
                            border: 7px solid #FFF;
                            width: 384px;
                            height: 336px;
                        }
                        
                        #rock .rock-gallery-item .price-tag {
                            position: absolute;
                            top: 0;
                            right: 0;
                            display: block;
                            width: 100px;
                            height: 100px;
                            background-color: #B9E121;
                            border-bottom-left-radius: 100px;
                            -moz-border-radius-bottomleft: 100px;
                            -webkit-border-bottom-left-radius: 100px;
                            
                            font: normal 35px/70px LatoBlack;
                            color: #FFF;
                            text-align: center;
                            text-shadow: #555555 0 -1px 2px;
                            z-index: 4;
                        }
                        
                        #rock .size-wrapper {
                            padding: 30px 0 50px;
                        }
                        
                            #rock .size-wrapper select {
                                display: block;
                                width: 150px;
                                margin: 0 auto;
                            }
            
            #rock .rock-main .right,
            #rock .rock-main .middle {
                width: 400px;
                min-height: 700px;
            }
            
                #rock .rock-main .right .rock-hint,
                #rock .rock-main .middle .rock-hint {
                    background-color: #5778D1;
                }
            
            #rock .rock-main .rock-description p {
                padding: 0 15px;
            }
            
            #rock .rock-main p.desc-1 {
                font: normal 26px/26px LatoLight;
                color: #5778D1;
            }
            
            #rock .rock-main p.desc-2 {
                padding-top: 15px;
                font: normal 13px 'Trebuchet MS';
                color: #939598;
            }
            
            #rock .rock-main div.rocker-sample {
                padding: 40px 0;
                text-align: center;
                font: normal 15px 'Trebuchet MS';
            }
            
                #rock .rock-main div.rocker-sample span.rocker-em {
                    padding: 2px 7px;
                    background-color: #5778D1;
                    font: normal 12px 'Trebuchet MS';
                    color: #FFF;
                }
                
                #rock .rock-main div.rocker-sample img {
                    float: left;
                    margin: 0 10px 0 15px;
                    border: 5px solid #FFF;
                }
                
                #rock .rock-main div.rocker-sample .rocker-name {
                    text-align: left;
                    font: bold 15px 'Trebuchet MS';
                    color: #58595B;
                }
                
                #rock .rock-main div.rocker-sample .rocker-badge {
                    display: inline-block;
                    width: 56px;
                    height: 20px;
                    margin-left: 5px;
                    font: bold 11px/20px 'Trebuchet MS';
                    text-align: center;
                    color: #FFF;
                    background: transparent url(../interface/front/sprites-icons.png) 0 -120px no-repeat;
                }
                
                #rock .rock-main div.rocker-sample .rocker-job {
                    text-align: left;
                    font: bold 15px 'Trebuchet MS';
                    color: #939598;
                }
                
            #rock .rock-main p.desc-3 {
                line-height: 14px;
            }
            
            #rock .rock-main .right p.desc-3,
            #rock .rock-main .middle p.desc-3 {
                padding-bottom: 32px;
            }
            
            #rock .rock-main .middle {
                margin: 0 auto;
            }
    
    /*Project - Selected Project Page*/
    .project-header {
        padding: 15px 0;
        background-color: #F2F2F2;
        border-bottom: 1px solid #D1D3D4;
        overflow: hidden;
    }
    
        .project-header .left {
            width: 620px;
        }
        
            .project-header .left div.title-wrapper {
                height: 60px;
                border-bottom: 1px solid #bcbec0;
            }
            
                .project-header .left div.title-wrapper h1 {
                    padding-bottom: 5px;
                    font: normal 20px Lato;
                    color: #58595b;
                }
                
                    .project-header .left div.title-wrapper h1 a {
                        float: right;
                        padding: 0 5px 0 25px;
                        background: #fff url(../interface/front/sprites-icons.png) 5px -217px no-repeat;
                        font: normal 12px/23px 'Trebuchet MS';
                        color: #58595b;
                    }
                
                .project-header .left div.title-wrapper div,
                .project-header .left div.title-wrapper div a {
                    font: normal 12px 'Trebuchet MS';
                    color: #939598;
                }
                
                    .project-header .left div.title-wrapper div a {
                        color: #58595b;
                    }
                    
            .project-header .left div.collaborators-wrapper {
                float: left;
                width: 290px;
                height: 55px;
                padding: 15px 10px 0 0;
                border-right: 1px solid #fbfbfb;
            }
            
                .project-header .left div.collaborators-wrapper ul {
                    list-style: none;
                    margin: 5px 0 0;
                    padding: 0;
                }
                
                    .project-header .left div.collaborators-wrapper ul li {
                        display: inline-block;
                        float: left;
                        width: 28px;
                        height: 28px;
                    }
                    
                        .project-header .left div.collaborators-wrapper ul li img {
                            display: block;
                            float: left;
                            width: 28px;
                            height: 28px;
                        }
            
            .project-header .left div.category-wrapper {
                float: left;
                width: 295px;
                height: 70px;
                padding: 15px 0 0 20px;
                border-left: 1px solid #bcbec0;
            }
            
                .project-header .left div.category-wrapper a {
                    font: normal 12px 'Trebuchet MS';
                    color: #58595b;
                }
            
                .project-header .left div.collaborators-wrapper span,
                .project-header .left div.category-wrapper span {
                    display: block;
                    padding-bottom: 7px;
                    font: normal 12px 'Trebuchet MS';
                    color: #939598;
                }
                
                .project-header .left div.category-wrapper span {
                    
                }
        
        .project-header .right {
            width: 290px;
            height: 145px;
            border-left: 1px solid #FBFBFB;
        }
        
            .project-header .right ul {
                float: left;
                width: 95px;
                height: 145px;
                border-left: 1px solid #bfc1c3;
                list-style: none;
                list-style-position: inside;
            }
                
                .project-header .right ul li {
                    padding-bottom: 17px;
                }
                
                    .project-header .right ul li a {
                        padding-left: 20px;
                        font: normal 15px/15px 'Trebuchet MS';
                        color: #939598;
                    }
                    
                    .project-header .right ul li a:hover,
                    .project-header .right ul li a.selected {
                        padding-left: 18px;
                        border-left: 2px solid #5778D1;
                        background: transparent url(../interface/front/sprites-icons.png) 0 -244px no-repeat;
                        color: #5778D1;
                    }
                    
            .project-header .right .project-navigation-wrapper {
                float: right;
                width: 180px;
            }
            
                .project-header .right .nav-location {
                    height: 130px;
                    background: transparent url(../interface/front/sprites-icons.png) center -105px no-repeat;
                    text-align: center;
                }
            
                    .project-header .right .project-navigation-wrapper span,
                    .project-header .right .nav-tags a,
                    .oc-tags a {
                        display: inline-block;
                        padding: 0 7px;
                        background: #58595b;
                        font: normal 12px/22px 'Trebuchet MS';
                        color: #f1f2f2;
                    }
                    
                    .project-header .right .nav-tags {
                        display: none;
                        margin-top: -3px;
                        width: 230px;
                    }
                    
                    .project-header .right .nav-tags a,
                    .oc-tags a {
                        margin: 0 3px 3px 0;
                        border-radius: 3px;
                        -moz-border-radius: 3px;
                        -webkit-border-radius: 3px;
                    }
                    
                    .project-header .right .nav-badges {
                        display: none;
                        width: 215px;
                        height: 130px;
                    }
                    
                        .project-header .right .nav-badges a.badge-sqr {
                            margin: 0 5px 10px;
                        }
                        
                        .badge-sqr {
                            display: block;
                            float: left;
                            width: 60px;
                            height: 60px;
                            text-align: center;
                            font: normal 40px/60px 'Trebuchet MS';
                            color: #FFF;
                            
                            border-radius: 3px;
                            -moz-border-radius: 3px;
                            -webkit-border-radius: 3px;
                        }
                        
                        .badge-large {
                            width: 140px;
                            height: 140px;
                            font-size: 115px;
                            line-height: 140px;
                            
                            border-radius: 7px;
                            -moz-border-radius: 7px;
                            -webkit-border-radius: 7px;
                        }
                        
                        .purple-badge { background-color: #9657d1 }
                        .blue-badge { background-color: #579cd1 }
                        .green-badge { background-color: #57d19c }
                        .navy-badge { background-color: #b3d157 }
                        .orange-badge { background-color: #d1bb57 }
                        .red-badge { background-color: #d15757 }
                        .yellow-badge { background-color: #ffff00 }
                    
    
    .project-profile-wrapper {
        background-color: #f1f2f2;
    }
    
        .project-profile-wrapper .inner {
            padding: 38px 0 28px 0;
        }
        
        div.proj-profile-data {
            width: 360px;
        }
            
            .proj-profile-image-wrapper {
                float: left;
                width: 100px;
                padding: 5px 0 0 10px;
            }
            
                img.project-profile-img {
                    display: block;
                    width: 90px;
                    height: 90px;
                    border: 5px solid #fff;
                }
            
            div.profile-data-info-wrapper {
                width: 225px;
                float: right;
            }
            
                div.profile-data-info-wrapper h1 {
                    font: bold 15px 'Trebuchet MS';
                    color: #58595b;
                    line-height: 100%;
                }
                
                div.profile-data-job {
                    font: bold 15px 'Trebuchet MS';
                    color: #939598;
                    margin-bottom: 10px;
                }
                
                div.profile-loc-wrapper {
                    height: 43px;
                }
                
                div.profile-data-location,
                a.profile-data-location {
                    padding-left: 20px;
                    font: normal 12px 'Trebuchet MS';
                    color: #939598;
                    line-height: 22px;
                    margin-bottom: 20px;
                }
                
                .profile-data-location:hover {
                    text-decoration: underline;
                }
                
                .location-dark {
                    background: transparent url(../interface/front/sprites-icons.png) -247px -388px no-repeat;
                }
            
            .proj-profile-connect-wrapper {
                position: relative;
                clear: both;
                padding: 15px 0 0 10px;
                height: 30px;
            }
            
                .proj-profile-connect-wrapper .dd-connect-label,
                .proj-profile-connect-wrapper .dd-block-label {
                    float: left;
                    display: block;
                    width: auto;
                    padding: 0 10px 0 40px;
                    background: #fff url(../interface/front/sprites-icons.png) 5px -685px no-repeat;
                    color: #58595b;
                    font: normal 12px/30px 'Trebuchet MS';
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }
                
                .proj-profile-connect-wrapper .dd-connect-label {
                    width: 50px;
                }
                
                .proj-profile-connect-wrapper .dd-connect-label.connected {
                    width: 70px;
                    padding: 0 20px 0 10px;
                    background: #363636 url(../interface/front/sprites-icons.png) -170px -718px no-repeat;
                    color: #fff;
                }
                
                .proj-profile-connect-wrapper .dd-connect-label.hovered {
                    background: #363636 url(../interface/front/sprites-icons.png) -243px -685px no-repeat;
                    color: #fff;
                }
                
                    .proj-profile-connect-wrapper .dd-connect-label span {
                        display: none;
                    }
                
                .proj-profile-connect-wrapper .send-message,
                .proj-profile-connect-wrapper .invite-btn {
                    float: left;
                    display: block;
                    margin-left: 19px;
                    font: normal 12px/30px 'Trebuchet MS';
                    width: auto;
                    color: #58595b;
                    
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }
                
                .proj-profile-connect-wrapper .send-message {
                    padding: 0 10px 0 40px;
                    background: #fff url(../interface/front/sprites-icons.png) 10px -723px no-repeat;
                }
                
                .proj-profile-connect-wrapper .invite-btn {
                    padding: 0 10px;
                    background-color: #fff;
                    background-image: none;
                }
                
                .proj-profile-connect-wrapper ul.connected-menu {
                    position: absolute;
                    display: none;
                    top: 45px;
                    left: 10px;
                    width: 100px;
                    list-style: none;
                    background-color: #bcbec0;
                    overflow: hidden;
                    
                    border-bottom-left-radius: 3px;
                    border-bottom-right-radius: 3px;
                    -moz-border-radius-bottomleft: 3px;
                    -moz-border-radius-bottomright: 3px;
                    -webkit-border-bottom-left-radius: 3px;
                    -webkit-border-bottom-right-radius: 3px;
                }
                
                    .proj-profile-connect-wrapper ul.connected-menu li a {
                        display: block;
                        padding: 0 0 0 7px;
                        font: normal 11px/28px 'Trebuchet MS';
                        color: #363636;
                        
                        border-bottom: 1px solid #6d6e71;
                        border-top: 1px solid #d0d2d3;
                    }
                    
                    .proj-profile-connect-wrapper ul.connected-menu li a:hover {
                        border-top: 1px solid #939598;
                        background-color: #939598;
                        color: #fff;
                    }
            
        div.proj-profile-bio-data {
            width: 500px;
            border-left: 1px solid #B6B8BA;
            padding: 0 10px 0 20px;
        }
        
            .profile-bio-desc-wrapper {
                border-bottom: 1px solid #D8D8D8;
            }
        
                p.profile-bio-label {
                    font: bold 12px 'Trebuchet MS';
                    color: #58595b;
                    padding-bottom: 8px;
                }
                
                div.profile-bio-text {
                    padding-bottom: 20px;
                    font: normal 12px 'Trebuchet MS';
                    color: #58595b;
                    line-height: 110%;
                }
            
            div.profile-bio-skills-wrapper {
                padding-top: 15px;
                width: 250px;
            }
            
            div.casual-skills {
                width: 210px;
                padding-left: 25px;
                border-left: 1px solid #D8D8D8;
            }
            
            .profile-skills-label {
                padding: 0 0 8px 0;
                font: bold 12px 'Trebuchet MS';
                line-height: 18px;
                color: #58595b;
            }
            
            .profile-skills-list,
            .profile-skills-list a {
                font: normal 13px 'Trebuchet MS';
                color: #939598;
            }
            
            .profile-skills-list a:hover {
                text-decoration: underline;
            }
    
    .project-upload-hint {
        position: relative;
        padding: 20px 0 5px;
        text-align: center;
        font: normal 30px 'Trebuchet MS';
        color: #58595b;
    }
    
        .project-upload-hint a {
            position: absolute;
            top: 32px;
            right: 15%;
            font-size: 13px;
            color: #58595b;
        }
        
        .project-upload-hint a:hover {
            text-decoration: underline;
        }
    
    .project-main-wrapper {
        padding: 20px 0 30px;
    }
    
    .project-main-wrapper form.project-update-form {
        padding-bottom: 120px;
    }
    
        .project-nav-section {
            padding: 20px 0 50px;
        }
        
            .project-nav-section span,
            .project-nav-subsection span {
                display: inline-block;
                border-bottom: 1px solid #939598;
                min-height: 33px;
            }
            
                .project-nav-section span a {
                    display: inline-block;
                    padding: 0 20px 7px;
                    font: normal 20px 'Trebuchet MS';
                    color: #939598;
                }
                
                .project-nav-section span a:hover,
                .project-nav-section span a.selected {
                    color: #000;
                    border-bottom: 3px solid #000;
                }
                
        .project-nav-subsection {}
        
        #user-projects .project-nav-subsection {
            margin: -30px 0 30px;
        }
            
            .project-nav-subsection span {
                min-height: 24px;
            }
            
                .project-nav-subsection span a {
                    display: inline-block;
                    padding: 0 20px 7px;
                    font: normal 12px 'Trebuchet MS';
                    color: #939598;
                }
                
                .project-nav-subsection span a:hover,
                .project-nav-subsection span a.selected {
                    color: #5778d1;
                    border-bottom: 3px solid #5778d1;
                }
                
            .projects-subtab-panels:not(.selected) {
                display: none;
            }
    
        .project-info-left {
            float: left;
            width: 618px;
        }
        
            .project-info-left img,
            .project-info-left iframe {
                display: block;
                max-width: 618px;
                margin: 5px auto;
            }
            
            .project-info-left iframe {
                width: 618px !important;
            }
        
            .project-title {
                float: left;
                margin-bottom: 25px;
                padding-bottom: 7px;
                font: normal 20px Lato;
                color: #000;
                border-bottom: 1px solid #000;
            }
            
                .project-title span {
                    color: #939598;
                }
                
                a.edit-profile-link {
                    float: left;
                    margin: 3px 0 0 10px;
                    padding: 1px 5px;
                    background: #000;
                    font: normal 12px 'Trebuchet MS';
                    color: #FFF;
                    
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                
            .project-extra {
                height: auto;
                padding: 11px 15px;
                background-color: #F1F2F2;
                border: 1px solid #B1B2B5;
                
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
            }
            
                .project-extra div.skills {
                    float: left;
                    width: 310px;
                    padding-left: 30px;
                    background: transparent url(../interface/front/icons-common.png) 1px -83px no-repeat;
                }
                
                    .project-extra div.skills p.skills-title {
                        line-height: 100%;
                    }
                
                    .project-extra div.skills p {
                        font: normal 15px 'Trebuchet MS';
                        color: #939598;
                    }
                    
                        .project-extra div.skills p.links-wrapper {
                            line-height: 100%;
                        }
                    
                        .project-extra div.skills p.links-wrapper a,
                        .project-extra div.skills p.links-wrapper {
                            font: normal 12px 'Trebuchet MS';
                            color: #58595B;
                        }
                
                .project-extra div.location {
                    float: right;
                    width: 165px;
                    padding: 0 0 0 55px;
                    border-left: 1px solid #A9ABAD;
                    background: transparent url(../interface/front/icons-common.png) 26px -134px no-repeat;
                }
                
                    .project-extra div.location p {
                        font: normal 13px 'Trebuchet MS';
                        color: #A7A9AC;
                    }
                    
                        .project-extra div.location p a {
                            font: normal 12px 'Trebuchet MS';
                            color: #58595B;
                        }
                
            .project-info-section {
                padding: 0 0 5px 0;
                word-wrap: break-word;
            }
            
                .info-section-label {
                    font: normal 15px 'Trebuchet MS';
                    color: #414042;
                }
                
                .info-section-title {
                    font: normal 25px LatoLight;
                    color: #BCBEC0;
                    line-height: 25px;
                }
                
                .info-section-text {
                    padding: 0;
                    font: normal 15px 'Trebuchet MS';
                    color: #939598;
                }
                
                    .info-section-text > p {
                        margin-bottom: 10px;
                    }
                
                    .info-section-text a {
                        font: normal 15px 'Trebuchet MS';
                        color: #5778D1;
                    }
                    
                    .info-section-text a:hover {
                        text-decoration: underline;
                    }
                
                .project-info-img {
                    margin: 25px auto 15px auto;
                    max-width: 618px;
                }
                
            .flagged-wrapper {
                padding-top: 40px;
            }
            
                .flag-project {
                    display: inline-block;
                    font: normal 15px/30px 'Trebuchet MS';
                    height: 30px;
                    color: #fff;
                    overflow: hidden;
                    
                    border-radius: 7px;
                    -moz-border-radius: 7px;
                    -webkit-border-radius: 7px;
                }
                
                    .flag-project span:first-child {
                        padding: 15px;
                        border-right: 1px solid #656458;
                        background: transparent url(../interface/front/sprites-icons.png) 10px -1356px no-repeat;
                    }
                    
                    .flag-project span:last-child {
                        display: inline-block;
                        padding: 0 15px;
                        border-left: 1px solid #000;
                    }
                    
                .flag-project.flaged {
                    background-color: #dd5237;
                }
                
                    .flag-project.flaged span:first-child {
                        border-right: 1px solid #ec563a;
                    }
                    
                    .flag-project.flaged span:last-child {
                        border-left: 1px solid #cb2100;
                    }
        
        .project-info-right {
            float: right;
            width: 300px;
        }
        
            .box-panel-small {
                
            }
            
                .box-panel-small .panel-header {
                    background-color: #5778d1;
                    font: normal 20px/57px 'Trebuchet MS';
                    color: #fff;
                    text-align: center;
                    
                    border-top-left-radius:3px;
                    border-top-right-radius:3px;
                }
                
                .box-panel-small .panel-body {
                    padding-bottom: 20px;
                    background-color: #f1f2f2;
                    border-bottom-left-radius:3px;
                    border-bottom-right-radius:3px;
                }
                
                    .box-panel-small .panel-body .rocks-vote {
                        height: 50px;
                        padding: 20px 0 20px 20px;
                    }
                    
                        .box-panel-small .panel-body .rocks-vote .rocks-box {
                            display: inline-block;
                            height: 37px;
                            padding: 15px 0 0 60px;
                            font: normal 20px 'Trebuchet MS';
                            color: #58595b;
                            
                            background-image: url(../interface/front/sprites-icons.png);
                            background-repeat: no-repeat;
                            background-position: 0 -269px;
                        }
                        
                        .box-panel-small .panel-body .rocks-vote a.rocks-box:hover,
                        .box-panel-small .panel-body .rocks-vote .rocks-box.liked {
                            background-position: 0 -321px;
                        }
                        
                        .box-panel-small .panel-body .rocks-vote .rocks-box.liked {
                            height: 45px;
                            padding: 7px 0 0 60px;
                            font-weight: bold;
                        }
                        
                            .box-panel-small .panel-body .rocks-vote .rocks-box.liked span {
                                display: block;
                                line-height: 10px;
                                font-size: 10px;
                                font-weight: normal;
                                color: #939598;
                            }
                    
                        .box-panel-small .panel-body .rocks-vote span.rocks-counter {
                            float: right;
                            margin-top: 10px;
                            padding: 5px 10px;
                            font: normal 15px 'Trebuchet MS';
                            color:#fff;
                            background-color: #58595b;
                        }
                        
                    .box-panel-small .panel-body .share-box {
                        border-top: 1px solid #bcbec0;
                        margin: 0 20px;
                    }
                    
                        .box-panel-small .panel-body .share-box .left {
                            height: 33px;
                            padding-top: 15px;
                            border-top: 1px solid #fbfcfc;
                            border-right: 1px solid #bcbec0;
                            width: 130px;
                        }
                        
                        .box-panel-small .panel-body .share-box .right {
                            height: 33px;
                            padding: 15px 0 0 10px;
                            border-top: 1px solid #fbfcfc;
                            border-left: 1px solid #fbfcfc;
                            width: 118px;
                        }
                        
                        .box-panel-small .panel-body .share-box a {
                            margin-bottom: 3px;
                            padding-left: 20px;
                            line-height: 20px;
                            font: normal 11px 'Trebuchet MS';
                            color: #51C7F0;
                            background-color: transparent;
                            background-image: url(../interface/front/soc-icons.png);
                            background-repeat: no-repeat;
                        }
                        
                        .share-email {
                            background-position: 0 0;
                        }
                        
                        .share-fb {
                            background-position: 0 -25px;
                        }
                        
                        .share-tw {
                            background-position: 0 -48px;
                        }
                        
                        .share-link {
                            background-position: 0 -71px;
                        }
                        
                        .link-to-project {
                            display: none;
                            width: 271px;
                            margin-top: 10px;
                            padding: 0 3px;
                            height: 21px;
                            border: 1px solid #999;
                            border-radius: 5px;
                        }
                        
            .box-panel-medium {}
            
            .top-margin-30 {
                margin-top: 30px;
            }
            
                .box-panel-medium .panel-header {
                    background-color: #b8e021;
                    font: normal 20px/57px 'Trebuchet MS';
                    color: #fff;
                    text-align: center;
                    
                    border-top-left-radius:3px;
                    border-top-right-radius:3px;
                }
                
                .box-panel-medium .accordion {
                    background-color: #fff;
                    border-bottom: 4px solid #b8e021;
                }
                
                .box-panel-medium .open-call-title {
                    background-color: #58595b;
                    margin-bottom: 1px;
                    padding: 0 20px;
                    font: bold 15px/35px 'Trebuchet MS';
                    color: #939598;
                    cursor: pointer;
                }
                
                .box-panel-medium .open-call-title.opened {
                    margin-bottom: 0;
                    color: #fff;
                }
                
                .box-panel-medium .open-call-body {
                    overflow: hidden;
                    height: 0;
                    
                    transition: all 400ms;
                    -moz-transition: all 400ms;
                    -webkit-transition: all 400ms;
                    -o-transition: all 400ms;
                    -ms-transition: all 400ms;
                }
                
                .box-panel-medium .open-call-body.opened {
                    height: 395px;
                    background-color: #f1f2f2;
                }
                
                    .box-panel-medium .open-call-body .oc-description {
                        padding: 20px;
                        max-height: 115px;
                        font: normal 12px/15px 'Trebuchet MS';
                        color: #939598;
                        border-bottom: 1px solid #bcbec0;
                    }
                    
                    .box-panel-medium .open-call-body .oc-tags {
                        border-top: 1px solid #fbfcfc;
                        border-bottom: 1px solid #bcbec0;
                        padding: 20px;
                        height: 50px;
                    }
                    
                    .box-panel-medium .open-call-body .oc-location {
                        border-bottom: 1px solid #bcbec0;
                        height: 69px;
                    }
                    
                        .box-panel-medium .open-call-body .oc-location .left {
                            float: left;
                            width: 99px;
                            padding-left: 50px;
                            border-right: 1px solid #bcbec0;
                            background-position: 20px -372px;
                        }
                        
                        .box-panel-medium .open-call-body .oc-location .right {
                            float: right;
                            width: 91px;
                            padding-left: 58px;
                            border-left: 1px solid #fbfcfc;
                            background-position: 18px -421px;
                        }
                        
                        .box-panel-medium .open-call-body .oc-location .right,
                        .box-panel-medium .open-call-body .oc-location .left {
                            border-top: 1px solid #fbfcfc;
                            height: 51px;
                            padding-top: 17px;
                            background-image: url(../interface/front/sprites-icons.png);
                            background-repeat: no-repeat;
                            font: normal 11px/14px 'Trebuchet MS';
                            color: #58595b;
                        }
                        
                        .box-panel-medium .open-call-body .oc-location span {
                            display: block;
                            color: #a7a9ac;
                        }
                    
                    .box-panel-medium .open-call-body .oc-recommend {
                        border-top: 1px solid #fbfcfc;
                        height: 70px;
                    }
                    
                        .box-panel-medium .open-call-body .oc-recommend .left,
                        .box-panel-medium .open-call-body .oc-recommend .right {
                            height: 40px;
                        }
                        
                        .box-panel-medium .open-call-body .oc-recommend .left {
                            width: 110px;
                            padding: 20px 0 0 20px;
                        }
                        
                        .box-panel-medium .open-call-body .oc-recommend .right {
                            text-align: right;
                            width: 150px;
                            padding: 20px 15px 0 0;
                        }
                        
                        .box-panel-medium .open-call-body .oc-recommend a.recommend-project {
                            
                        }
                        
                            .box-panel-medium .open-call-body .oc-recommend a.recommend-project span.gray-gradient {
                                float: left;
                                display: inline-block;
                                height:30px;
                                border-radius:3px;
                            }
                            
                                .box-panel-medium .open-call-body .oc-recommend a.recommend-project span.gray-gradient em {
                                    display: inline-block;
                                    height:30px;
                                    padding: 0 15px;
                                    background-image: url(../interface/front/sprites-icons.png);
                                    background-position: 5px -483px;
                                    background-repeat: no-repeat;
                                }
                            
                            .box-panel-medium .open-call-body .oc-recommend a.recommend-project span.rp-txt {
                                padding: 3px 0 0 7px;
                                display: inline-block;
                                font: bold 12px/13px 'Trebuchet MS';
                                color: #939598;
                            }
                        
                        .box-panel-medium .open-call-body .oc-recommend .join-project {
                            display: inline-block;
                            padding: 0 15px;
                            font: bold 12px/30px 'Trebuchet MS';
                            color: #fff;
                            background-color: #4d4e50;
                            border-radius:3px;
                        }
                        
                        .box-panel-medium .open-call-body .oc-recommend .joined-project {
                            display: inline-block;
                            padding: 0 5px;
                            font: normal 11px/30px 'Trebuchet MS';
                            color: #fff;
                            background-color: #5778d1;
                            border-radius:3px;
                        }
                        
                    .box-panel-medium .advertisement-wrapper {
                        margin-top: 30px;
                    }
        
        /* Project Dashboard */
        .project-dashboard {
            display: none;
            height: 580px;
        }
        
            .project-dashboard .dash-menu-wrapper {
                float: left;
                width: 140px;
                height: 580px;
                background: #58595b;
                
                border-bottom-left-radius: 5px;
                border-top-left-radius: 5px;
            }
            
                .dash-menu-wrapper ul.dash-menu {
                    list-style: none;
                }
                
                    .dash-menu-wrapper ul.dash-menu li a {
                        display: block;
                        height: 29px;
                        padding: 15px 5px 0 45px;
                        font: normal 12px/14px 'Trebuchet MS';
                        color: #939598;
                        
                        border-top: 1px solid #696a6c;
                        border-bottom: 1px solid #444;
                        background-image: url(../interface/front/sprites-icons.png);
                        background-repeat: no-repeat;
                    }
                    
                    .dash-menu-wrapper ul.dash-menu li.team a {
                        background-position: 10px -512px;
                        border-top-left-radius: 5px;
                    }
                    
                    .dash-menu-wrapper ul.dash-menu li.message-board a {
                        background-position: 10px -558px;
                    }
                    
                    .dash-menu-wrapper ul.dash-menu li.achievement-badges a {
                        height: 29px;
                        background-position: 10px -609px;
                    }
                    
                    .dash-menu-wrapper ul.dash-menu li.team.selected a,
                    .dash-menu-wrapper ul.dash-menu li.team a:hover {
                        background-position: -240px -512px;
                    }
                    
                    .dash-menu-wrapper ul.dash-menu li.message-board.selected a,
                    .dash-menu-wrapper ul.dash-menu li.message-board a:hover {
                        background-position: -240px -558px;
                    }
                    
                    .dash-menu-wrapper ul.dash-menu li.achievement-badges.selected a,
                    .dash-menu-wrapper ul.dash-menu li.achievement-badges a:hover {
                        background-position: -240px -609px;
                    }
                    
                    .dash-menu-wrapper ul.dash-menu li a:hover,
                    .dash-menu-wrapper ul.dash-menu li.selected a {
                        background-color: #5778d1;
                        color: #fff;
                    }
            
            .dash-body {
                float: left;
                background-color: #f1f2f2;
            }
            
            .project-dashboard .dash-body {
                width: 340px;
                height: 580px;
            }
            
            .project-dashboard .dash-body .badges {
                padding: 20px;
            }
            
                .project-dashboard .dash-body h3.dash-title {
                    padding: 8px 0 25px 0;
                    font: normal 12px 'Trebuchet MS';
                    color: #5778d1;
                }
                
                .badge-line {
                    position: relative;
                    display: block;
                    height: 58px;
                    margin-bottom: 15px;
                    border: 1px solid #bcbec0;
                    
                    border-bottom-left-radius: 3px;
                    border-top-left-radius: 3px;
                }
                
                    .badge-line .badge-sqr {
                        position: absolute;
                        top: -1px;
                        left: -1px;
                    }
                    
                    .badge-line .badge-desc {
                        display: block;
                        padding: 7px 7px 5px 70px;
                        font: normal 11px/15px 'Trebuchet MS';
                        letter-spacing: 0px;
                        color: #939598;
                    }
            
            .dash-options {
                float: left;
                border-left: 2px solid #b9baba;
                background-color: #ebebec;
                
                border-bottom-right-radius: 5px;
                border-top-right-radius: 5px;
            }
            
            .project-dashboard .dash-options {
                width: 458px;
                height: 580px;
            }
            
                div.project-dashboard .dash-options .badge-info {
                    
                }
                
                    div.project-dashboard .dash-options .badge-info-header {
                        height: 140px;
                        padding: 70px 20px 0;
                    }
                    
                        div.project-dashboard .dash-options .badge-info-header .left {
                            width: 140px;
                        }
                        
                        div.project-dashboard .dash-options .badge-info-header .right {
                            width: 260px;
                        }
                        
                            div.project-dashboard .dash-options .badge-info-header .right h3 {
                                height: 105px;
                                padding-right: 45px;
                                font: 20px LatoLight;
                                color: #201f20;
                                overflow: hidden;
                            }
                            
                            div.project-dashboard .dash-options .badge-info-header .right select#not-honored-members {
                                float: left;
                            }
                            
                            div.project-dashboard .dash-options .badge-info-header .right a#add-new-badge {
                                float: left;
                                display: block;
                                width: auto;
                                padding: 0 10px;
                                line-height: 24px;
                                color: #5778D1;
                            }
                            
                            div.project-dashboard .dash-options .badge-info-header .right a#add-new-badge:hover {
                                color: #000;
                            }
                            
                    div.project-dashboard .dash-options div.badge-members {
                        padding: 10px 19px 14px;
                        border-bottom: 1px solid #bcbec0;
                    }
                    
                        div.project-dashboard .dash-options .badge-section-label {
                            visibility: hidden;
                            font: normal 12px/60px 'Trebuchet MS';
                            color: #58595b;
                        }
                        
                        div.project-dashboard .badge-members-scroller {
                            height: 210px;
                            overflow: hidden;
                        }
                        
                            div.project-dashboard .badge-members-scroller .badge-member-column {
                                float: left;
                                width: 200px;
                                padding-left: 20px;
                            }
                            
                            div.project-dashboard .badge-members-scroller .badge-member-column.first {
                                padding-left: 0;
                            }
                            
                            div.project-dashboard .badge-members-scroller .badge-member-column .badge-member,
                            .profile-small-column-item {
                                height: 30px;
                                margin-bottom: 11px;
                                background-color: #fff;
                            }
                            
                                div.project-dashboard .badge-members-scroller .badge-member-column .badge-member img,
                                .profile-small-column-item img {
                                    display: block;
                                    float: left;
                                    width: 30px;
                                    height: 30px;
                                }
                                
                                div.project-dashboard .badge-members-scroller .badge-member-column .badge-member span,
                                .profile-small-column-item span {
                                    display: block;
                                    float: left;
                                    width: 143px;
                                    height: 30px;
                                    padding-left: 8px;
                                    font: normal 12px/30px 'Trebuchet MS';
                                    color: #58595b;
                                }
                                
                                div.project-dashboard .badge-members-scroller .badge-member-column .badge-member a,
                                .profile-small-column-item a {
                                    display: block;
                                    width: 15px;
                                    height: 30px;
                                    float: right;
                                    background: transparent url(../interface/front/sprites-icons.png) 3px -1218px no-repeat;
                                }
                    
                    div.project-dashboard .dash-options div.badge-footer {
                        padding: 0 17px;
                    }
                    
                        div.project-dashboard .dash-options div.badge-footer span {
                            float: left;
                            width: 270px;
                            padding-top: 27px;
                            color: #58595b;
                        }
                        
                        div.project-dashboard .dash-options div.badge-footer div {
                            float: right;
                            width: 145px;
                            padding-top: 17px;
                        }
                        
                            div.project-dashboard .dash-options div.badge-footer div a.cancel {
                                margin-right: 15px;
                                color: #939598;
                            }
                            
                            div.project-dashboard .dash-options div.badge-footer div a.submit-btn {
                                padding: 6px 23px;
                                line-height: 32px;
                            }
                    div.dashboard-tab-hidden {
                        display: none;
                    }
            /*Message Body*/
            div.message-board {
                
            }
            
            .dash-body .message-board {
                padding: 20px;
            }
            
                .dash-body .message-board .dash-content,
                .dash-body .participants-list-wrapper {
                    border: 1px solid #c2c4c6;
                }
                
                    .dash-body .message-board .dash-content {
                        max-height: 495px;
                        overflow-x: hidden;
                        overflow-y: auto;
                    }
                
                    .dash-content .participant {
                        height: 50px;
                        padding: 4px;
                        border-bottom: 1px solid #bcbec0;
                        background-color: #fff;
                        cursor: pointer;
                    }
                    
                    .dash-content .participant.unread-participant {
                        background-color: #EFF9FE;
                    }
                    
                    .dash-content .participant.marked-user {
                        background-color: #e9e9e9;
                    }
                    
                    .dash-content .participant.last {
                        border-bottom: none;
                    }
                    
                    .dash-content .participant img {
                        float: left;
                        display: block;
                        width: 50px;
                        height: 50px;
                    }
                    
                    .dash-content .participant span {
                        float: right;
                        display: block;
                        width: 218px; /* 225px */
                        font: normal 12px 'Trebuchet MS';
                        color: #939598;
                    }
                    
                    .dash-content .participant span.name {
                        height: 23px;
                        padding-top: 5px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    
                        .dash-content .participant span.name strong {
                            color: #58595b;
                        }
                    
                    .dash-content .participant span.location {
                        width: 207px; /* 213px */
                        padding-left: 12px;
                        background: transparent url(../interface/front/sprites-icons.png) -250px -388px no-repeat;
                    }
                    
                .dash-options .conversation-post {
                    padding: 55px 70px 40px 20px;
                }
                
                    .dash-options .conversation-post textarea,
                    #achieved-badge-conversation-wrapper .conversation-post textarea {
                        width: 353px;
                        height: 108px;
                        padding: 5px;
                        border: 1px solid #bcbec0;
                        
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                    }
                    
                    .dash-options .conversation-post a.submit-btn,
                    #achieved-badge-conversation-wrapper .conversation-post a.submit-btn {
                        float: right;
                        height: 20px;
                        padding: 0 10px;
                        font: normal 12px/20px 'Trebuchet MS';
                    }
                    
                .dash-options .conversation-scroller {
                    position: relative;
                    height: 360px;
                    padding: 0 70px 0 20px;
                    overflow: hidden;
                }
                
                    .dash-options .conversation-day-separator,
                    #achieved-badge-conversation-wrapper .conversation-day-separator {
                        height: 9px;
                        margin: 10px 0;
                        border-bottom: 1px solid #cfd0d2;
                        text-align: center;
                    }
                    
                        .dash-options .conversation-day-separator span,
                        #achieved-badge-conversation-wrapper .conversation-day-separator span {
                            padding: 0 10px;
                            background-color: #ebebec;
                            color: #bcbec0;
                        }
                        
                    .dash-options .conversation-wrapper,
                    #achieved-badge-conversation-wrapper .conversation-wrapper {
                        padding: 0 0 30px 0;
                    }
                    
                        .day-conversation-wrapper .conversation-message {
                            padding-bottom: 15px;
                        }
                        
                            .day-conversation-wrapper .conversation-message a {
                                color: #5778d1;
                            }
                        
                            .day-conversation-wrapper .conversation-message .message-img {
                                float: left;
                                display: block;
                                width: 30px;
                                height: 30px;
                            }
                            
                            .day-conversation-wrapper .conversation-message .message-author,
                            .day-conversation-wrapper .conversation-message .message-body {
                                float: right;
                                width: 335px;
                                word-wrap: break-word;
                            }
                            
                                .day-conversation-wrapper .conversation-message .message-author {
                                    height: 20px;
                                }
                                
                                    .day-conversation-wrapper .conversation-message .message-author span {
                                        float: right;
                                        font: normal 11px 'Trebuchet MS';
                                        color: #bcbec0;
                                    }
                                
                                .day-conversation-wrapper .conversation-message .message-body {
                                    line-height: 14px;
                                    color: #58595b;
                                }
            
            /* Team Dashboard */
            .project-dashboard .dash-body .team {
                
            }
            
                ul.dashboard-submenu {
                    height: 45px;
                    margin-top: 5px;
                    padding: 0 20px;
                    list-style: none;
                }
                
                    .dashboard-submenu li {
                        display: inline-block;
                        float: left;
                        border-bottom: 1px solid #fff;
                    }
                    
                        .dashboard-submenu li a {
                            display: block;
                            height: 40px;
                            line-height: 40px;
                            padding: 0 10px;
                            border-bottom: 1px solid #939598;
                            color: #939598;
                        }
                        
                        .dashboard-submenu li a:hover,
                        .dashboard-submenu li a.selected {
                            height: 38px;
                            line-height: 40px;
                            border-bottom: 3px solid #5778d1;
                            color: #5778d1;
                        }
                        
                .project-dashboard .dash-body .team .participants-list-wrapper {
                    margin: 0 20px;
                }
                
                .project-dashboard .dash-body .team .participants-list-scroller {
                    height: 530px;
                    overflow-x: hidden;
                    overflow-y: auto;
                }
                
                    .project-dashboard .dash-body .team .section-header {
                        line-height: 25px;
                        padding: 0 20px;
                        margin: 20px 0 15px;
                        background-color: #e6e7e8;
                    }
                    
                        .project-dashboard .dash-body .team .section-header span {
                            padding: 0 5px;
                            font-size: 10px;
                            background-color: #939598;
                            color: #fff;
                            
                            border-radius: 3px;
                            -moz-border-radius: 3px;
                            -webkit-border-radius: 3px;
                        }
                        
            .project-dashboard .dash-options.team {
                background-color: #5778d1;
            }
            
                .project-dashboard .dash-options.team .team-options-hint {
                    padding: 60px;
                }
                
                    .project-dashboard .dash-options.team .team-options-hint h2 {
                        padding-right: 40px;
                        font: bold 30px LatoBold;
                        color: #fff;
                    }
                    
                    .project-dashboard .dash-options.team .team-options-hint h3 {
                        padding-top: 7px;
                        font: normal 21px 'LatoLight';
                        color: #201f20;
                    }
                    
                .project-dashboard .dash-options.team .team-profile {
                    margin: 20px;
                    height: 540px;
                    background-color: #fff;
                    
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }
                
                    .project-dashboard .dash-options.team .team-profile a {
                        color: #5778d1;
                    }
                
                    .project-dashboard .dash-options.team .team-profile .team-profile-header {
                        padding: 20px;
                        height: 193px;
                    }
                    
                        .project-dashboard .dash-options.team .team-profile .team-profile-header img.tp-image {
                            float: left;
                            display: block;
                            width: 90px;
                            height: 90px;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-name {
                            float: right;
                            width: 270px;
                            font: bold 18px/18px 'Trebuchet MS';
                            color: #58595b;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-name a {
                            font: bold 18px/18px 'Trebuchet MS';
                            color: #58595b;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-job {
                            float: right;
                            width: 270px;
                            padding: 5px 0 25px;
                            font: normal 18px/18px 'Trebuchet MS';
                            color: #939598;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-location {
                            float: right;
                            width: 270px;
                        }
                        
                            .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-location span {
                                float: left;
                                min-height: 15px;
                                padding: 5px 0 5px 20px;
                                background: transparent url(../interface/front/sprites-icons.png) 0 -857px no-repeat;
                                color: #939598;
                            }
                            
                            .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-location a {
                                float: right;
                                padding: 5px 10px 5px 40px;
                                background: #e6e7e8 url(../interface/front/sprites-icons.png) 9px -726px no-repeat;
                                color: #58595b;
                            }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-bio {
                            clear: both;
                            padding-top: 20px;
                        }
                        
                            .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-bio strong:first-child {
                                display: block;
                                padding-bottom: 3px;
                                color: #58595b;
                            }
                            
                            .project-dashboard .dash-options.team .team-profile .team-profile-header .tp-bio p {
                                line-height: 14px;
                            }
                                
                    .project-dashboard .dash-options.team .team-profile .team-profile-skills {
                        height: 93px;
                        background-color: #e6e7e8;
                        border-top: 1px solid #939598;
                        border-bottom: 1px solid #939598;
                    }
                    
                        .project-dashboard .dash-options.team .team-profile .team-profile-skills .left {
                            width: 179px;
                            height: 76px;
                            padding: 17px 10px 0 20px;
                            letter-spacing: -1px;
                            border-top: 1px solid #fff;
                            border-right: 1px solid #939598;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-skills .right {
                            width: 177px;
                            height: 76px;
                            padding: 17px 10px 0 20px;
                            letter-spacing: -1px;
                            border-top: 1px solid #fff;
                            border-left: 1px solid #fff;
                        }
                        
                            .project-dashboard .dash-options.team .team-profile .team-profile-skills strong {
                                padding-bottom: 3px;
                                color: #58595b;
                            }
                            
                    .project-dashboard .dash-options.team .team-profile .team-profile-request-info {
                        padding: 20px;
                        height: 110px;
                        border-bottom: 1px solid #939598;
                    }
                    
                        .project-dashboard .dash-options.team .team-profile .team-profile-request-info strong {
                            padding-bottom: 7px;
                            color: #58595b;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-request-info p {
                            letter-spacing: -1px;
                        }
                        
                    .project-dashboard .dash-options.team .team-profile .team-profile-footer {
                        border-top: 1px solid #fff;
                        background-color: #e6e7e8;
                        height: 21px;
                        padding: 20px;
                        
                        border-bottom-left-radius: 5px;
                        border-bottom-right-radius: 5px;
                        -moz-border-radius-bottomleft: 5px;
                        -moz-border-radius-bottomright: 5px;
                        -webkit-border-bottom-left-radius: 5px;
                        -webkit-border-bottom-right-radius: 5px;
                    }
                    
                        .project-dashboard .dash-options.team .team-profile .team-profile-footer div {
                            float: left;
                            width: 260px;
                            padding: 0 10px;
                            line-height: 20px;
                            background-color: #fff;
                            color: #bcbec0;
                            letter-spacing: -1px;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-footer div.shortened {
                            width: 200px;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-footer div span {
                            color: #939598;
                        }
                        
                        .project-dashboard .dash-options.team .team-profile .team-profile-footer a {
                            float: right;
                            padding: 0 10px;
                            margin-left: 5px;
                            line-height: 20px;
                            font-size: 12px;
                            font-weight: normal;
                            color: #fff;
                        }
    
    /*User Profile*/
    #profile {
        padding: 30px 0;
    }
    
        .page-tabs {
            position: relative;
            height: 24px;
        }
        
        .page-tabs ul {
            position: absolute;
            list-style: none;
        }
        
            .page-tabs ul li {
                display: inline;
                height: 28px;
            }
        
            .page-tabs a.tab {
                padding: 3px 15px;
                font: normal 15px 'Trebuchet MS';
                color: #939598;
                line-height: 25px;
                
                border-left: 1px solid #FFF;
                border-right: 1px solid #FFF;
            }
            
            .page-tabs ul li .selected {
                border-top: 1px solid #E7E7E7;
                border-left: 1px solid #E7E7E7;
                border-right: 1px solid #E7E7E7;
                background-color: #F1F2F2;
                color: #414042;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                
                box-shadow: 2px -1px 3px #F1F1F1;
            }
            
            .slide-frame {
                border: 1px solid #E7E7E7;
                background-color: #F1F2F2;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                
                box-shadow: 0 2px 3px #CCC;
            }
            
        .slide-frame {
            display: none;
        }
        
        .selected-slide {
            display: block;
        }
        
        .form-row {
            padding: 20px 80px 10px 60px;
        }
        
        .bordered-bottom {
            border-bottom: 1px solid #BBBCBE;
        }
        
        .bordered-top {
            border-top: 1px solid #FEFEFE;
        }
        
        .row-separator {
            padding: 45px 0 25px;
        }
        
            .row-separator h1 {
                float: left;
                min-width: 110px;
                margin-right: 20px;
                padding: 0;
                color: #FFF;
                text-decoration: none;
            }
            
                .row-separator h1 span {
                    display: inline-block;
                    width: auto;
                    padding: 0 20px;
                    font: normal 35px/50px LatoLight;
                    background: #5778d1;
                }
            
            .row-separator p {
                float: left;
                width: 680px;
                padding-top: 3px;
                font: normal 12px/15px 'Trebuchet MS';
                color: #505153;
            }
            
            .row-separator#intro-section p {
                padding-top: 11px;
            }
        /* ROCKAJOINT Version 2*/
        .form-row {
            padding-bottom: 45px;
        }
        
        .slide-frame .form-item {
            
        }
        
            .slide-frame .form-item.item-one-third {
                width: 220px;
                margin-right: 20px;
            }
            
            .slide-frame .form-item.item-two-third {
                width: 530px;
            }
            
                .form-item .form-field-label {
                    font: normal 15px/16px 'Trebuchet MS';
                    color: #141415;
                }
                
                .form-item .form-field-desc {
                    margin-bottom: 10px;
                    font: normal 11px 'Trebuchet MS';
                    color: #939598;
                }
                
                .form-item .form-field-image-wrapper {
                    text-align: center;
                }
                
                .form-item .form-field-image-wrapper a:not(.delete-uploaded-image) {
                    display: block;
                    width: 220px;
                    height: 150px;
                    border: 1px solid #cdcecf;
                    background: #fff url("../interface/front/add.png") center center no-repeat;
                }
                
                    .form-item .form-field-image-wrapper a img {
                        display: block;
                        width: 220px;
                        height: 150px;
                        margin-bottom: 10px;
                    }
                
                .form-item .form-field-input-wrapper input,
                .form-item .form-field-input-wrapper textarea,
                .form-item .form-field-input-wrapper select {
                    width: 95%;
                    padding: 0 5px;
                    border: 1px solid #cdcecf;
                    background-color: #fff;
                    
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                
                .form-item .form-field-input-wrapper.red-border #cke_add_project_description,
                .form-item .form-field-input-wrapper.red-border #cke_edit_project_description {
                    border-color: #ff0000 !important;
                }
                
                .form-item .form-field-input-wrapper.bottom-margined {
                    margin-bottom: 15px;
                }
                
                .form-item .form-field-input-wrapper input,
                .form-item .form-field-input-wrapper select {
                    line-height: 28px;
                    height: 28px;
                }
                
                .form-item .form-field-input-wrapper select {
                    padding-right: 0;
                }
                
                .form-item .form-field-input-wrapper textarea#add-project-brief,
                .form-item .form-field-input-wrapper textarea#edit-project-brief {
                    height: 58px;
                }
                
                #add-project-category,
                #edit-project-category {
                    width: 100%;
                }
                
                .project-buttons-wrapper {
                    text-align: center;
                }
                
                .project-buttons-wrapper #save-project-btn,
                .project-buttons-wrapper #submit-project-btn,
                .project-buttons-wrapper #publish-project-btn{
                    display: inline-block;
                    width: 100px;
                    padding: 5px;
                    font-size: 25px;
                }
                
                .project-buttons-wrapper #step-forward-btn {
                    display: inline-block;
                    padding: 5px;
                    margin-left: 17px;
                    background: #f1f2f2;
                    border: 1px solid #f1f2f2;
                    color: #bcbec0;
                }
                
                .project-buttons-wrapper #publish-project-btn {
                    margin-left: 17px;
                }
                
                .project-controls-wrapper {
                    position: fixed;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    background-color: #f1f2f2;
                    text-align: center;
                    box-shadow: 5px 0 25px #CCC;
                    z-index: 53;
                }
                
                    .project-controls-wrapper .project-incomplete-message {
                        position: relative;
                        background-color: #de3233;
                        font: normal 14px/22px LatoLight;
                        color: #fff;
                    }
                    
                        .project-controls-wrapper .project-incomplete-message span {
                            padding-left: 20px;
                            background: transparent url(../interface/front/sprites-icons.png) 0 -960px no-repeat;
                        }
                        
                        .project-controls-wrapper .project-incomplete-message a {
                            /* Button is hidden since functionality was changed. Previous value: inline-block*/
                            display: none;
                            
                            position: absolute;
                            top: 5px;
                            right: 5px;
                            background: transparent url(../interface/front/sprites-icons.png) 3px -1528px no-repeat;
                            width: 12px;
                            height: 12px;
                        }
                
                    .project-controls-wrapper .project-progress-map {
                        padding: 15px 0 10px;
                        background-color: #fff;
                        border-bottom: 1px solid #bebebd;
                    }
                    
                        .project-controls-wrapper .project-progress-map a {
                            display: inline-block;
                            margin: 0 13px;
                            padding-left: 15px;
                            font: normal 17px/20px Lato;
                            color: #000;
                            background-image: url('../interface/front/sprites-icons.png');
                            background-color: transparent;
                            background-repeat: no-repeat;
                            background-position: -60px -983px;
                        }
                        
                        .project-controls-wrapper .project-progress-map a.complete {
                            background-position: 0 -983px;
                        }
                        
                        .project-controls-wrapper .project-progress-map a.not-complete {
                            background-position: 0 -1223px;
                        }
                        
                    .project-controls-bar {
                        padding: 20px 0;
                        border-top: 1px solid #fff;
                        text-align: center;
                    }
                    
                        .project-controls-bar a {
                            display: inline-block;
                            margin: 0 20px;
                            padding: 0 17px;
                            background: #53d620;
                            font: normal 17px/35px Lato;
                            color: #fff;
                            
                            border-radius: 3px;
                            -moz-border-radius: 3px;
                            -webkit-border-radius: 3px;
                        }
                        
                        .project-controls-bar a.disabled {
                            background-color: #7d7d7c;
                            cursor: default;
                        }
                        
                        .project-controls-bar div {
                            display: inline-block;
                            position: relative;
                            line-height: 35px;
                        }
                        
                        .project-controls-bar #publish-options-arrow {
                            position: absolute;
                            top: 0;
                            right: -10px;
                            width: 15px;
                            height: 35px;
                            padding: 0;
                            margin: 0 20px 0 0;
                            background: #53d620 url(../interface/front/sprites-icons.png) 5px -1457px no-repeat;
                            
                            border-radius: 0;
                        }
                        
                        .project-controls-bar .opened #publish-options-arrow {
                            background-position: 5px -1487px;
                        }
                        
                        .project-controls-bar #publish-options-arrow,
                        .project-controls-bar #publish-options {
                            border-bottom-right-radius: 5px;
                            border-top-right-radius: 5px;
                            -moz-border-radius-bottomright: 5px;
                            -moz-border-radius-topright: 5px;
                            -webkit-border-bottom-right-radius: 5px;
                            -webkit-border-top-right-radius: 5px;
                        }
                        
                        .project-controls-bar #publish-options {
                            display: none;
                            position:absolute;
                            top: 0;
                            left: 132px;
                            background-color: #53d620;
                            white-space: nowrap;
                            min-width: 120px;
                            color: #fff;
                            font: normal 14px/35px Lato;
                        }
                        
                        .project-controls-bar #publish-options.archived-fix {
                            left: 128px;
                        }
                        
                        .project-controls-bar .opened #publish-options {
                            display: block;
                        }
                        
                        .project-controls-bar #publish-options a {
                            background: none;
                            width: auto;
                            margin: 0;
                            padding: 0 3px;
                            font: normal 14px/30px Lato;
                        }
                
                .step-explanation {
                    display: block;
                    padding-top: 15px;
                    font: normal 11px 'Trebuchet MS';
                    text-align: center;
                    color: #38393b;
                }
                
                    .step-explanation a {
                        color: #38393b;
                    }
                    
                .modify-badges-wrapper .badge-box {
                    display: inline-block;
                    width: 60px;
                    height: 80px;
                    margin-right: 10px;
                    text-align: center;
                }
                
                .modify-badges-wrapper .badge-box .remove-badge {
                    font-size: 11px;
                    color: #939598;
                }
                
                .modify-badges-wrapper .add-badge span {
                    background-color: #939598;
                    
                }
                
                .form-row .open-calls-form {
                    width: 540px;
                }
                
                .form-row .open-calls-form .centered {
                    padding-top: 30px;
                    margin: 0 auto;
                }
                
                .form-row .open-call-tips {
                    width: 220px;
                }
                
                    .form-row .open-call-tips h2 {
                        padding-bottom: 15px;
                        font-size: 15px;
                        font-weight: normal;
                        letter-spacing: -1px;
                        color: #5778d1;
                    }
                    
                    .form-row .open-call-tips strong {
                        font-size: 15px;
                        font-weight: bold;
                        line-height: 15px;
                        color: #232425;
                    }
                    
                    .form-row .open-call-tips p {
                        line-height: 14px;
                        letter-spacing: -1px;
                    }
                    
                        .form-row .open-call-tips p span {
                            color: #232425;
                        }
                        
                .form-row .open-calls-form {
                }
                        
                    .form-row .open-calls-form .open-call-form-item {
                        margin-bottom: 20px;
                    }
                    
                        .form-row .open-calls-form .open-call-form-item h3,
                        .open-call-form-add h3 {
                            position: relative;
                            height: 35px;
                            padding: 0 10px 0 20px;
                            font: bold 15px/35px 'Trebuchet MS';
                            background-color: #58595b;
                            color: #fff;
                        }
                        
                            .form-row .open-calls-form .open-call-form-item h3 a.options-open-call-btn {
                                position: absolute;
                                top: 5px;
                                right: 8px;
                                display: block;
                                width: 25px;
                                height: 25px;
                                background: #393a3b url(../interface/front/sprites-icons.png) 5px -956px no-repeat;
                            }
                            
                            .form-row .open-calls-form .open-call-form-item h3 ul.options-open-call-menu {
                                display: none;
                                position: absolute;
                                top: 27px;
                                right: 8px;
                                background: #393a3b;
                                list-style: none;
                                list-style-position: inside;
                                padding: 10px 12px;
                            }
                            
                            .form-row .open-calls-form .open-call-form-item h3 ul.options-open-call-menu li {
                                padding: 0;
                                margin: 0;
                                line-height: 15px;
                            }
                            
                            .form-row .open-calls-form .open-call-form-item h3 ul.options-open-call-menu li a {
                                font: normal 12px/14px 'Trebuchet MS';
                                color: #fff;
                            }
                            
                            .form-row .open-calls-form .open-call-form-item h3 ul.options-open-call-menu li a:hover {
                                color: #b8e021;
                            }
                        
                        .form-row .open-calls-form .open-call-form-description {
                            padding: 15px;
                            font-size: 11px;
                            line-height: 14px;
                            border-left: 1px solid #cfd0d1;
                            border-right: 1px solid #cfd0d1;
                            border-bottom: 1px solid #cfd0d1;
                        }
                        
                            .form-row .open-calls-form .open-call-form-description strong:first-child {
                                color: #343536;
                            }
                            
                        .form-row .open-calls-form .open-call-form-details {
                            border-left: 1px solid #cfd0d1;
                            border-right: 1px solid #cfd0d1;
                            border-bottom: 1px solid #cfd0d1;
                        }
                            
                            .form-row .open-calls-form .open-call-form-details .location-wrapper,
                            .form-row .open-calls-form .open-call-form-details .join-until-wrapper {
                                width: 97px;
                                height: 37px;
                                padding: 15px 5px 15px 50px;
                                border-top: 1px solid #fbfcfc;
                                border-right: 1px solid #cfd0d1;
                                background-color: transparent;
                                background-image: url(../interface/front/sprites-icons.png);
                                background-repeat: no-repeat;
                            }
                            
                            .form-row .open-calls-form .open-call-form-details .location-wrapper {
                                background-position: 18px -373px;
                            }
                            
                            .form-row .open-calls-form .open-call-form-details .join-until-wrapper {
                                border-left: 1px solid #fbfcfc;
                                background-position: 12px -421px;
                            }
                            
                                .form-row .open-calls-form .open-call-form-details .location-wrapper span,
                                .form-row .open-calls-form .open-call-form-details .join-until-wrapper span {
                                    display: block;
                                    color: #a7a9ac;
                                }
                            
                            .form-row .open-calls-form .open-call-form-details .tags-wrapper {
                                width: 210px;
                                height: 47px;
                                padding: 10px;
                                border-top: 1px solid #fbfcfc;
                                border-left: 1px solid #fbfcfc;
                            }
                            
                            .form-row .open-calls-form .open-call-form-details .tags-wrapper.oc-tags {
                                background: none;
                            }
                            
                            .form-row .open-calls-form .open-call-add-tags {
                                border-top: 1px solid #cfd0d1;
                                padding: 50px 15px;
                            }
                            
                .open-call-form-add,
                .open-call-form-edit {
                    border: 1px solid #cfd0d1;
                }
                
                .open-call-form-edit {
                    padding-bottom: 15px;
                }
                
                    .open-call-form-add .form-field-label,
                    .open-call-form-edit .form-field-label {
                        font-size: 11px;
                    }
                    
                    .open-call-form-add .open-call-add-details,
                    .open-call-form-edit .open-call-edit-details {
                        padding: 15px 0 15px 15px;
                    }
                    
                    .open-call-form-add .open-call-add-description,
                    .open-call-form-edit .open-call-edit-description {
                        width: 300px;
                        padding: 15px 15px 15px 0;
                    }
                        
                        .open-call-form-add .open-call-add-description #add-open-call-description,
                        .open-call-form-edit .open-call-edit-description #edit-open-call-description {
                            height: 100px;
                        }
                        
                    .open-call-form-add .open-call-add-tags #add-open-call-tag,
                    .open-call-form-edit .open-call-edit-tags #edit-open-call-tag {
                        width: 97%;
                    }
                    
                    .open-call-form-edit .open-call-edit-tags {
                        padding-left: 15px;
                    }
            
        /* END - ROCKAJOINT Version 2*/
        
        .slide-frame .form-row:first-child {
            border-top: none;
        }
        
        .slide-frame .form-row:last-child {
            border-bottom: none;
        }
        
        #slide-step1 .no-items {
            padding-top: 30px;
            line-height: normal;
        }
        
            .form-row .row-label {
                float: left;
                width: 160px;
                font: bold 25px 'Trebuchet MS';
                color: #BCBEC0;
            }
            
            .form-row .row-content {
                float: left;
                width: 625px;
                margin-left: 10px;
            }
            
                .form-title h1 {
                    
                }
                
                .form-row .row-content input,
                .form-row .row-content textarea,
                .form-row .row-content select {
                    width: 600px;
                    padding: 0 10px;
                    background-color: #FFF;
                    border: 1px solid #A9AAAD;
                    font: normal 13px 'Trebuchet MS';
                    color: #414042;
                    
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                
                .form-row .row-content input,
                .form-row .row-content select {
                    height: 23px;
                }
                
                .form-row .row-content textarea {
                    min-height: 70px;
                    padding: 5px 10px;
                }
                
                .form-row .row-content select {
                    padding: 0  0 0 10px;
                }
                
                .form-row .row-content .medium-size {
                    width: 280px;
                }
                
                .form-row .row-content .medium-size:first-child {
                    margin-right: 15px;
                }
                
                .form-row .row-content .small-size {
                    width: 250px;
                }
                
                .form-row .row-content .small-size:first-child {
                    margin-right: 15px;
                }
                
                .form-row .row-content span,
                .form-row .checkbox-row label {
                    display: block;
                    margin: 5px 0 25px;
                    font: normal 11px 'Trebuchet MS';
                    color: #939598;
                }
                
                .form-row .row-content span.form-warning {
                    margin: 5px 0;
                    color: #EE0000;
                }
                
                .form-row .row-content span.sec-col {
                    margin-left: 325px;
                }
                
                .padding-top-30 {
                    padding-bottom: 30px;
                }
                
                .form-row .row-content .no-left-padding {
                    padding-left: 0;
                }
                
                .current-project-img {
                    float: left; margin-right: 25px;
                    
                    border: 1px solid #999;
                    border-radius: 9px;
                    -moz-border-radius: 9px;
                    -webkit-border-radius: 9px;
                    
                    box-shadow: 0px 0px 7px #999;
                }
        
        #user-achievements,
        #user-connections,
        #user-invitations,
        #user-messages {
            display: none;
        }
        
        /* User achievements */
        #user-achievement-dialog {
            width: 740px;
        }
        
            #user-achievement-dialog h3.dash-text-label {
                font-size: 12px;
                font-weight: normal;
                color: #939598;
            }
        
            #achieved-badge-info-wrapper {
                width: 300px;
                height: 400px;
                padding: 20px;
            }
            
                #achieved-badge-info-wrapper h3.dash-text-label {
                    padding: 15px 0;
                }
                
                #profile-small-list-scroller {
                    height: 280px;
                    overflow: hidden;
                }
            
            #achieved-badge-conversation-wrapper {
                width: 360px;
                height: 400px;
                padding: 20px;
                background-color: #ebebeb;
                display: none;
            }
            
                #achieved-badge-conversation-wrapper .conversation-scroller {
                    position: relative;
                    height: 255px;
                    padding: 0;
                    overflow: hidden;
                }
                
                    #achieved-badge-conversation-wrapper .day-conversation-wrapper .conversation-message .message-author,
                    #achieved-badge-conversation-wrapper .day-conversation-wrapper .conversation-message .message-body {
                        float: right;
                        width: 320px;
                        font: normal 12px 'Trebuchet MS';
                        line-height: 14px;
                        word-wrap: break-word;
                    }
                    
        .user-achievements-left {
            float: left;
            width: 640px;
        }
        
            .achievement-item {
                position: relative;
                float: left;
                width: 140px;
                height: 140px;
                margin: 0 20px 20px 0;
                
                border-radius: 7px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
            }
            
                .achievement-item .achievement-letter {
                    display: block;
                    width: 140px;
                    height: 140px;
                    font-size: 100px;
                    line-height: 140px;
                    color: #FFF;
                    text-align: center;
                }
                
                .achievement-item .achievement-footer {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 35px;
                    background-color: #363636;
                    
                    border-bottom-left-radius: 7px;
                    border-bottom-right-radius: 7px;
                    -moz-border-radius-bottomleft: 7px;
                    -moz-border-radius-bottomright: 7px;
                    -webkit-border-bottom-left-radius: 7px;
                    -webkit-border-bottom-right-radius: 7px;
                }
                
                    .achievement-item .achievement-footer a.achievement-count {
                        display: block;
                        float: left;
                        width: 57px;
                        height: 35px;
                        padding-left: 12px;
                        font: normal 15px/35px 'Trebuchet MS';
                        color: #fff;
                        border-right: 1px solid #474747;
                    }
                    
                    .achievement-item .achievement-footer a.achievement-comments {
                        display: block;
                        float: right;
                        width: 36px;
                        height: 35px;
                        padding-left: 33px;
                        font: normal 15px/35px 'Trebuchet MS';
                        color: #fff;
                        border-left: 1px solid #1e1e1e;
                        background: transparent url(../interface/front/sprites-icons.png) 7px -764px no-repeat;
                    }
        
        .user-achievements-right {
            float: right;
            width: 300px;
        }
        
        .user-connections-left {
            float: left;
            width: 700px;
        }
        
            .user-connections-wrapper {
                background-color: #f1f1f1;
                height: 650px;
                overflow: hidden;
            }
            
                .user-connections-wrapper .user-connections-header {
                    height: 50px;
                    background-color: #58595b;
                }
                
                    .user-connections-wrapper .user-connections-header ul.user-connections-menu {
                        float: left;
                        width: 300px;
                        padding: 13px 0 0 30px;
                        list-style: none;
                    }
                    
                        .user-connections-wrapper .user-connections-header ul.user-connections-menu li {
                            display: inline;
                            float: left;
                        }
                        
                            .user-connections-wrapper .user-connections-header ul.user-connections-menu li a {
                                padding: 0 0 0 5px;
                                text-align: center;
                            }
                            
                            .user-connections-wrapper .user-connections-header ul.user-connections-menu li,
                            .user-connections-wrapper .user-connections-header ul.user-connections-menu li a {
                                font: normal 15px 'Trebuchet MS';
                                color: #939598;
                            }
                            
                            .user-connections-wrapper .user-connections-header ul.user-connections-menu a.selected,
                            .user-connections-wrapper .user-connections-header ul.user-connections-menu li a:hover {
                                color: #fff;
                            }
                            
                            #search-user-connections {
                                float: right;
                                width: 190px;
                                height: 23px;
                                margin: 14px 15px 0 0; 
                                padding: 0 5px 0 25px;
                                font: normal 12px/23px 'Trebuchet MS';
                                color: #bcbec0;
                                background: #fff url(../interface/front/sprites-icons.png) 5px -815px no-repeat;
                                border: none;
                            }
                            
                .user-connections-wrapper .user-connections-body {
                    position: relative;
                    height: 520px;
                    margin-top: 30px;
                    overflow: hidden;
                }
                
                    .user-connections-wrapper .user-connections-scroller {
                        position: relative;
                        height: 520px;
                        overflow: auto;
                    }
                
                    .shadowed-line {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        -moz-box-shadow:    0 -1px 3px 2px #777;
                        -webkit-box-shadow: 0 -1px 3px 2px #777;
                        box-shadow:         0 -1px 3px 2px #777;
                    }
                
                    .user-connections-person-profile {
                        width: 320px;
                        height: 110px;
                        margin: 0 0 10px 20px;
                        float: left;
                        border-bottom: 1px solid #c7c9ca;
                    }
                    
                    .three-col-wrapper .user-connections-person-profile {
                        width: 305px;
                        margin: 0 12px 10px 0;
                    }
                    
                    .three-col-wrapper .user-connections-person-profile.last {
                        margin-right: 0;
                    }
                    
                        .user-connections-person-profile img {
                            float: left;
                            display: block;
                            width: 90px;
                            height: 90px;
                            border: 5px solid #fff;
                        }
                        
                        .user-connections-person-profile img {
                            float: left;
                            display: block;
                            width: 90px;
                            height: 90px;
                            border: 5px solid #fff;
                        }
                        
                        .user-connections-person-profile .user-connections-profile-data {
                            float: right;
                            width: 200px;
                        }
                        
                            .user-connections-person-profile .user-connections-profile-data {
                                padding-top: 3px;
                                font-size: 12px;
                            }
                        
                                .ucp-name {
                                    min-height: 18px;
                                    color: #58595b;
                                }
                                
                                .ucp-name:hover {
                                    color: #58595b;
                                }
                                
                                .ucp-job {
                                    min-height: 10px;
                                    line-height: 13px;
                                    color: #939598;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                }
                                
                                .ucp-location {
                                    margin: 10px 0 17px;
                                    padding-left: 20px;
                                    min-height: 21px;
                                    background: transparent url(../interface/front/sprites-icons.png) 0 -860px no-repeat;
                                    line-height: 21px;
                                    color: #939598;
                                }
                                
                                .ucp-location.no-loc {
                                    background: none;
                                }
                                
                                .ucp-buttons-wrapper a {
                                    background-color: #e6e7e8;
                                    color: #58595b;
                                }
                                
                                    .msg-btn {
                                        padding: 4px 10px 4px 28px;
                                        background: #fff url(../interface/front/sprites-icons.png) -243px -855px no-repeat;
                                    }
                                    
                                    .invite-btn {
                                        padding: 4px 10px;
                                    }
                                    
                    table.invitations-list {
                        margin: 0 20px;
                        background-color: #fff;
                        border-collapse: collapse;
                    }
                    
                        table.invitations-list,
                        table.invitations-list td {
                            border: 1px solid #c0c2c4;
                            border-collapse: collapse;
                        }
                        
                        table.invitations-list td {
                            padding: 10px;
                            vertical-align: top;
                        }
                        
                        table.invitations-list td.first-col {
                            width: 210px;
                        }
                        
                            table.invitations-list td.first-col img.left {
                                display: block;
                                width: 30px;
                            }
                            
                            table.invitations-list td.first-col div.right {
                                width: 160px;
                                font-size: 12px;
                                color: #58595b;
                            }
                            
                                table.invitations-list td.first-col div.right img {
                                    display: block;
                                    width: 155px;
                                    margin: 15px auto 0;
                                }
                                
                                table.invitations-list td.first-col div.right span {
                                    display: block;
                                    line-height: 14px;
                                }
                                
                                table.invitations-list td.first-col div.right a {
                                    color: #607fd3;
                                }
                        
                        table.invitations-list td.second-col {
                            width: 340px;
                        }
                        
                            table.invitations-list td.second-col span:first-child {
                                display: block;
                                margin-bottom: 15px;
                                font-size: 12px;
                                color: #58595b;
                            }
                            
                            table.invitations-list td.second-col div {
                                width: 340px;
                                line-height: 14px;
                                color: #939598;
                                overflow: hidden;
                            }
                        
                        table.invitations-list td.third-col {
                            width: 60px;
                        }
                        
                            table.invitations-list td.third-col .submit-btn {
                                display: block;
                                padding: 0;
                                margin-bottom: 10px;
                                line-height: 25px;
                                font-size: 12px;
                                text-align: center;
                            }
        
        .user-connections-right {
            float: right;
            width: 217px;
        }
        
        #user-messages .dash-body {
            width: 340px;
        }
        
            #user-messages .dash-body .message-board {
                
            }
        
        #user-messages .dash-options {
            width: 355px;
            float: right;
        }
        
            #user-messages .dash-options .conversation-scroller {
                padding: 0;
            }
            
            #user-messages .dash-options .conversation-post {
                padding: 20px;
            }
            
                #user-messages .dash-options .conversation-post textarea {
                    width: 310px;
                }
            
            #user-messages .dash-options .conversation-scroller {
                height: 429px;
            }
            
            #user-messages .dash-options .conversation-wrapper {
                padding: 0 20px;
            }
            
            #user-messages .dash-options .conversation-wrapper .conversation-message .message-author {
                
            }
            
            #user-messages .day-conversation-wrapper .conversation-message .message-author,
            #user-messages .day-conversation-wrapper .conversation-message .message-body {
                width:275px;
                word-wrap: break-word;
            }
    
    /* Users List */
    #users-list {
        padding: 20px 0 0;
    }
        .subheader {
        }
        
            .subheader h2 {
                margin: 30px 0 60px;
                font: normal 36px/42px LatoLight;
                text-align: center;
                color: #bcbec0;
            }
        
        .common-left {
            float: left;
            width: 700px;
        }
        
        #users-list .common-left {
            padding-bottom: 15px;
        }
        
        .common-right {
            float: right;
            width: 217px;
        }
    
    /* Form Style 1 */
    .form-style-1 .form-row {
        border-bottom: 1px solid #BBBCBE;
        border-top: 1px solid #FEFEFE;
    }
    
        .form-style-1 input,
        .form-style-1 textarea,
        .form-style-1 select {
            color: #414042;
        }
        
        .form-style-1 .padded-btm {
            margin-bottom: 25px;
        }
        
        .form-style-1 .large-submit,
        .project-form-btn {
            display: block;
            width: 130px;
            margin: 0 auto;
            font: bold 25px 'Trebuchet MS';
            color: #FFF;
            text-align: center;
        }
    
        .form-style-1 .form-title {
            font: normal 35px/37px LatoLight;
            color: #5778D1;
        }
        
        .form-style-1 .row-hint {
            margin-bottom: 22px;
            font: normal 12px 'Trebuchet MS';
            color: #939598;
        }
        
            .avatar-form-wrapper img {
                display: block;
                float: left;
                border: 5px solid #FFF;
                width: 127px;
                height: 127px;
            }
            
            .avatar-form-wrapper p {
                width: 137px;
                padding-top: 10px;
                font: bold 15px 'Trebuchet MS';
                color: #D1D3D4;
                text-align: center;
            }
            
            .avatar-form-wrapper a {
                padding: 5px 10px;
                margin-left: 20px;
            }
            
            .avatar-form-wrapper a#delete-profile-img {
                margin-left: 0;
            }
            
            .avatar-label {
                margin-top: 65px;
            }
            
            .form-row .row-content .profile-form-image-text {
                display: block;
                float: left;
                width: 430px;
                padding: 0 0 0 50px;
                font: bold 25px/22px 'Trebuchet MS';
            }
            
                .form-row .row-content .profile-form-image-text em {
                    font: normal 13px 'Trebuchet MS';
                    color: #AAA;
                }
            
            .form-row .row-content input.form-common-checkbox {
                float: left;
                width: 15px;
                height: 15px;
                margin: 9px 15px 0 0;
                border: 1px solid #A9AAAD;
            }
            
            .form-row .checkbox-row span,
            .form-row .checkbox-row label {
                float: left;
                font: bold 16px 'Trebuchet MS';
            }
    
    /*Privacy & Terms*/
    #privacy_policy,
    #terms,
    #help {
        background-color: #F1F2F2;
    }
    
        .common-page {
            padding: 40px 0;
        }
        
            .common-page a {
                font: normal 12px 'Trebuchet MS';
                color: #5778D1;
            }
            
            .common-page a:hover {
                text-decoration: underline;
            }
        
            .common-page-title,
            .common-page h1 {
                font: normal 20px Lato;
                color: #202020;
                text-decoration: underline;
            }
            
            .common-page-wrapper {
                padding: 40px 0 0 7px;
            }
            
                #help .common-page-wrapper .left {
                    float: left;
                    width: 610px;
                }
                
                #help .common-page-wrapper .right {
                    float: right;
                    width: 300px;
                }
            
                .common-page-wrapper h2 {
                    margin: 35px 0 17px 0;
                    font: normal 20px Lato;
                    color: #939598;
                    text-decoration: underline;
                }
                
                .common-page-wrapper h2:first-child {
                    margin: 0 0 17px 0;
                    font: normal 20px LatoLight;
                    color: #5778D1;
                    text-decoration: none;
                }
                
                .common-page-wrapper .emphasized,
                .common-page-wrapper .emphasized a {
                    font: normal 16px LatoLight;
                    color: #5778D1;
                }
            
                .common-page-wrapper p {
                    font: normal 12px 'Trebuchet MS';
                    color: #939598;
                    
                    line-height: 110%;
                }
                
                .feedback .panel-second-title-label {
                    margin: 45px 0 13px 0;
                    padding: 0 5px;
                    text-align: center;
                }
                
                .feedback textarea {
                    width: 290px;
                    height: 130px;
                    padding: 5px;
                    background-color: #FFF;
                    
                    border-top: 1px solid #DDD;
                    border-left: none;
                    border-right: none;
                    border-bottom: none;
                    outline: none;
                    
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                
                .feedback a.dark-btn {
                    float: right;
                    margin-top: 20px;
                    padding: 3px 10px;
                    height: 18px;
                    color: #FFF;
                    
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                
                .feedback .tweet-large {
                    margin-top: 23px;
                }
                
    /*Common styles*/
    .panel-title-label {
        font: normal 20px Lato;
        color: #FFF;
        line-height: 30px;
        height: 30px;
        width: 300px;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        background: transparent url(../interface/front/small-panel-title-bkg.png) top left no-repeat;
    }
    
    .panel-second-title-label {
        font: normal 20px LatoLight;
        color: #5778D1;
    }
    
    .tweet-large {
        padding-left: 75px;
        font: normal 14px LatoLight;
        color: #343536;
        line-height: 48px;
        background: transparent url(../interface/front/soc-icons.png) 5px -96px no-repeat;
    }
    
        .tweet-large a {
            font: normal 14px LatoBold;
            color: #5778D1;
        }
        
    #invitation-form {
        margin-top: 30px;
    }
    
        #invitation-form .form-input-wrapper {
            padding: 3px 0;
        }
    
            #invitation-form label {
                display: inline-block;
                width: 150px;
                
            }
            
            #invitation-form input {
                width: 150px;
                height: 21px;
                padding-left: 8px;
                padding-right: 8px;
                border: 1px solid #939598;
                font: normal 12px Arial;
                color: #58595B;
                
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
            }
            
            .inv-submit-wrapper {
                margin-top: 15px;
            }
            
            #submit-invitation-btn {
                padding: 5px 30px;
                text-decoration: none;
                color: #fff;
            }
    
    /*Footer*/
    div#footer {
        
    }
    
        div#fb-bar {
            position: relative;
            height: 123px;
            padding: 5px 0;
        }
        
            div#fb-like-over-box {
                position: absolute;
                top: 20px;
                left: 145px;
                width: 200px;
                height: 93px;
                background-color: #FFF;
                z-index: 52;
                
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
    
        div#fb-like-box-wrapper {
            position: relative;
            height: 120px;
            overflow: hidden;
        }
        
            div#fb-like-box-mask {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #000;
                background-color: #B8E021;
                opacity: 0.7;
                filter: alpha(opacity=0.7);
                z-index: 51;
            }
        
            div#fb-like-box-wrapper iframe {
                position: absolute;
                top: -90px;
                left: 50%;
                margin-left: -1050px;
                border:none;
                overflow:hidden;
                width:2100px;
                height:210px;
                border: none;
                z-index: 50;
            }
            
        div#ft-main {
            padding: 20px 0;
            background-color: #58595B;
            border-top: 1px solid #797A7C;
        }
        
            div#ft-info {
                border-bottom: 1px solid #414042;
            }
        
                div#ft-info h1 {
                    padding-bottom: 13px;
                    font: normal 20px LatoBlack;
                    color: #414042;
                    text-shadow: 0px 1px 2px #808285, 0px -1px 1px #333;
                }
            
                div#ft-info p {
                    font: normal 12px 'Trebuchet MS';
                    color: #939598;
                    line-height: 15px;
                }
                
                div#ft-col1 {
                    float: left;
                    width: 360px;
                    
                }
                
                    div#ft-col1 div {
                        height: 115px;
                        padding-bottom: 15px;
                        border-right: 1px solid #414042;
                    }
                    
                    div#ft-col1 h1,
                    div#ft-col1 div {
                        padding-left: 10px;
                        padding-right: 60px;
                    }
                    
                    div#ft-col1 p {
                        height: 60px;
                        margin-bottom: 25px;
                        overflow: hidden;
                    }
                
                div#ft-col2 {
                    float: left;
                    width: 400px;
                    
                }
                
                    div#ft-col2 div {
                        height: 115px;
                        padding-bottom: 15px;
                        border-left: 1px solid #68696B;
                        border-right: 1px solid #414042;
                    }
                    
                    div#ft-col2 h1,
                    div#ft-col2 div {
                        padding-left: 50px;
                        padding-right: 50px;
                    }
                    
                    div#ft-col2 p {
                        margin-bottom: 10px;
                    }
                    
                    div#ft-col2 #newsletter-info-box {
                        margin-top: 5px;
                        margin-bottom: 0;
                        color: #FFF;
                    }
                    
                    div#ft-col2 #newsletter-input {
                        width: 225px;
                        height: 23px;
                        margin: 12px 0 0 0px;
                        padding: 1px 5px 0 5px;
                        border: none;
                        background: #414042;
                        
                        border-top-left-radius: 5px;
                        border-bottom-left-radius: 5px;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                        -moz-border-radius-topleft: 5px;
                        -moz-border-radius-bottomleft: 5px;
                        -moz-border-radius-topright: 0;
                        -moz-border-radius-bottomright: 0;
                        -webkit-border-top-left-radius: 5px;
                        -webkit-border-bottom-left-radius: 5px;
                        -webkit-border-top-right-radius: 0;
                        -webkit-border-bottom-right-radius: 0;
                        
                        box-shadow: inset 0px 1px 1px #000, 0px 1px 1px #333;
                        
                        font: normal 13px 'Trebuchet MS';
                        color: #BCBEC0;
                    }
                    
                    a#newsletter-submit {
                        margin-left: -1px;
                        padding: 4px 10px 4px 10px;
                        border: 1px solid #040404;
                        
                        font: normal 13px Lato;
                        color: #FFF;
                        
                        border-top-left-radius: 0;
                        border-bottom-left-radius: 0;
                        -moz-border-radius-topleft: 0;
                        -moz-border-radius-bottomleft: 0;
                        -webkit-border-top-left-radius: 0;
                        -webkit-border-bottom-left-radius: 0;
                    }
                
                div#ft-col3 {
                    float: left;
                    width: 170px;
                }
                
                    div#ft-col3 div {
                        height: 115px;
                        padding-bottom: 15px;
                        border-left: 1px solid #68696B;
                    }
                    
                    div#ft-col3 h1,
                    div#ft-col3 div {
                        padding-left: 40px;
                    }
                    
                    div#ft-col3 ul {
                        list-style: none;
                    }
                    
                        div#ft-col3 ul li a {
                            font: bold 15px 'Trebuchet MS';
                            color: #939598;
                        }
                        
                        div#ft-col3 ul li {
                            padding-bottom: 3px;
                        }
                        
                        div#ft-col3 ul li a:hover {
                            color: #AAA;
                        }
                
                
                
            div#ft-copyright {
                padding: 35px 0 15px 0;
                border-top: 1px solid #68696B;
            }
            
                div#ft-copyright p {
                    font: normal 11px 'Trebuchet MS';
                    color: #231F20;
                    text-align: center;
                }
                
                div#ft-copyright a {
                    font: normal 13px Lato;
                    color: #939598;
                }
                
                div#ft-copyright ul {
                    margin-bottom: 3px;
                    list-style: none;
                    text-align: center;
                }
                
                    div#ft-copyright ul li {
                        display: inline;
                        padding: 0 4px;
                        text-align: center;
                    }
                    
                        div#ft-copyright ul li a {
                            font: normal 13px Lato;
                            color: #939598;
                        }
                        
                        div#ft-copyright ul li a:hover {
                            color: #DDD;
                        }
        
        div#ft-note {
            padding: 10px 0;
            background-color: #000;
            text-align: center;
        }
        
            #ft-note,
            #ft-note a {
                font: normal 25px LatoLight;
                color: #FFF;
            }
            
            #ft-note a:hover {
                text-decoration: underline;
            }
            

/*Dialog*/
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity:0.5;
    filter:alpha(opacity=50);
}

.ui-dialog {
    overflow: visible;
}

div.dialog {
    padding: 15px 15px 0 0;
}

    .ui-dialog-titlebar {
        display: none;
    }
    
    div.dialog-small div.dialog-inner {
        width: 310px;
    }

    div.dialog-inner {
        position: relative;
        width: 460px;
        border: 5px solid rgba(0, 0, 0, 0.5);
        
        border-radius: 9px;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
    }
    
        a.dialog-close {
            position: absolute;
            display: block;
            top: -15px;
            right: -15px;
            width: 29px;
            height:29px;
            background: transparent url(../interface/front/close.png) 0 0 no-repeat;
        }
        
        div.dialog-body {
            min-height: 140px;
            background: #FFF;
            background-color: #F1F2F2;
            
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        
            .dl-rj-info {
                padding: 17px 20px 20px 20px;
                background-color: #FFF;
                font:normal 20px LatoLight;
                color: #939598;
                line-height: 25px;
            }
            
            .dl-rj-info.blue-colored {
                color: #5778d1;
            }
            
            .dl-rj-info.blue-back {
                background-color: #5778d1;
                color: #fff;
            }
            
            .dialog-body-wrapper.blue-bkg {
                padding: 25px 20px;
                background-color: #5778d1;
                font:normal 14px LatoLight;
                color: #fff;
            }
            
            #login-dialog .dl-rj-info {
                padding: 17px 15px 20px;
                background-color: #FFF;
                font:normal 18px LatoLight;
                color: #939598;
                line-height: 22px;
            }
            
            .dl-rj-info strong {
                color: #5778D1;
            }
            
            .dl-hint {
                padding: 12px 0 0 75px;
                font: normal 11px 'Trebuchet MS';
                color: #5778D1;
            }
            
            .dl-hint span {
                font: normal 20px 'Trebuchet MS';
                color: #414042;
            }
            
            .dialog-textarea-wrapper {
                padding: 18px 20px;
            }
            
                .dialog-textarea {
                    width: 260px;
                    height: 90px;
                    padding: 5px;
                    border: 1px solid #939598;
                }
                
                .dialog-textarea.dark-colored{
                    color: #58595b;
                }
                
            .dialog-input-wrapper {
                padding: 18px 20px 5px;
            }
                
                .dialog-input-wrapper label {
                    float: left;
                    width: 120px;
                    font: normal 13px/23px 'Trebuchet MS';
                    color: #939598;
                }
                
                .dialog-input-wrapper input, select {
                    float: right;
                    width: 200px;
                    border: 1px solid #939598;
                }
            
            #login-dialog .dl-hint {
                font: normal 15px 'Trebuchet MS';
                color: #414042;
                padding: 12px 0 0 0;
                text-align: center;
            }
            
            #login-dialog .dl-form {
                width: 180px;
                margin: 0 auto;
                padding: 20px 0;
            }
            
                #login-dialog .dl-form input[type=text],
                #login-dialog .dl-form input[type=password] {
                    width: 162px;
                }
            
            #login-dialog .dl-footer-wrapper,
            .dl-footer-wrapper.no-border {
                min-height: 63px;
                padding: 5px 0 20px 0;
                border-top: none;
                text-align: center;
            }
            
            .dl-footer-wrapper.no-border {
                padding: 20px 0 0;
            }
            
                #login-dialog .fb-sign {
                    display: block;
                    width: 147px;
                    height: 25px;
                    margin: 0 auto;
                    background: transparent url(../interface/front/fb-login.png) top left no-repeat;
                }
                
                .fb-sign {
                    padding: 0 4px 0 30px;
                    font: normal 12px/25px 'lucida grande', tahoma, verdana, arial, sans-serif;
                    text-align: center;
                    color: #fff;
                }
                
                #login-dialog .dl-footer-bottom {
                    position: relative;
                    margin-top: 33px;
                    border-top: 1px solid #C7C8CA;
                }
                    
                    #login-dialog .dl-footer-bottom span {
                        position: absolute;
                        top: -15px;
                        left: 141px;
                        display: block;
                        width: 31px;
                        height: 31px;
                        background: transparent url(../interface/front/icons-common.png) -50px -510px no-repeat;
                    }
                    
                    #login-dialog .dl-footer-bottom div:first-child {
                        padding-top: 10px;
                        border-top: 1px solid #FAFAFA;
                    }
                    
                    #login-dialog .dl-footer-bottom p {
                        margin-bottom: 10px;
                        font: normal 12px 'Trebuchet MS';
                        color: #414042;
                        text-align: center;
                    }
            
            .dl-form {
                width: 300px;
                padding: 20px 0 20px 20px;
            }
            
                .dl-form input[type=text],
                .dl-form input[type=password] {
                    width: 284px;
                    height: 21px;
                    padding-left: 8px;
                    padding-right: 8px;
                    border: 1px solid #939598;
                    font: normal 12px Arial;
                    color: #58595B;
                    
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }
                
                .dl-form .form-input-wrapper {
                    margin-bottom: 9px;
                }
                
                .dl-form #form-input-wrapper span {
                    padding-left: 5px;
                    font: normal 10px Arial;
                    color: #939598;
                }
                
                .dl-form input#login-username {
                    margin-bottom: 0px;
                }
                
                .dl-form input#login-password {
                    margin-bottom: 7px;
                }
                
                .dl-form input#login-remember {
                    float: left;
                    border: 1px solid #939598;
                    
                    border-radius: 2px;
                    -moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                }
                
                #forgotten-pwd-pnl-link {
                    float: right;
                    margin: 2px -20px 0 0;
                }
                
                .dl-form input.invalid-data {
                    border-color: #FF0000;
                    color: #FF0000;
                }
                
                .dl-form label,
                .dl-form .label-txt {
                    font: normal 10px Arial;
                    color: #939598;
                }
                
                    .dl-form .label-txt a {
                        font: normal 10px Arial;
                        color: #5778d1;
                        text-decoration: underline;
                    }
                    
                div.dl-footer-wrapper .btn-additional-txt {
                    margin-top: 5px;
                    font: normal 13px Arial;
                    color: #939598;
                }
                
                    div.dl-footer-wrapper .btn-additional-txt a {
                        font: normal 13px Arial;
                        color: #5778d1;
                        text-decoration: none;
                    }
                    
                    div.dl-footer-wrapper .btn-additional-txt a:hover {
                        text-decoration: underline;
                    }
                
                #data-warnings {
                    display: none;
                    font: normal 11px Arial;
                    padding: 10px;
                    text-align: center;
                    color: #FF0000;
                }
                
                    #data-warnings span {
                        display: block;
                    }
            
            .reserve-counter-wrapper {
                float: right;
                width: 116px;
                margin-top: 1px;
            }
            
                .reserve-counter-wrapper p {
                    padding-bottom: 5px;
                    font: normal 10px Arial;
                    color: #5778D1;
                    text-align: center;
                }
                
                .reserve-counter-wrapper div {
                    width: 116px;
                    height: 52px;
                    padding-top: 13px;
                    background-color: #5778D1;
                    font: normal 30px LatoLight;
                    color: #FFF;
                    text-align: center;
                }
            
            div.dl-footer-wrapper {
                min-height: 63px;
                padding: 24px 0 27px 0;
                border-top: 1px solid #BCBEC0;
                text-align: center;
            }
            
                div.dl-footer-wrapper.confirm-dialog-buttons a.dialog-btn {
                    display: inline-block;
                    margin: 0 10px;
                    min-width: 70px;
                    padding: 0 17px;
                    background: #53d620;
                    border: 1px solid #53d620;
                    font: normal 17px/30px Lato;
                    color: #fff;
                    
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                }
                
                div.dl-footer-wrapper.confirm-dialog-buttons a.dialog-btn.cancel-btn {
                    background: none;
                    border: 1px solid #7d7d7c;
                    color: #7d7d7c;
                }
            
                div.dl-footer-wrapper a.dialog-btn {
                    padding: 10px 20px;
                    background: #000 url(../interface/front/splash-submit-btn.png) top left repeat-x;
                    border: 1px solid #000;
                    font: bold 15px 'Trebuchet MS';
                    line-height: 40px;
                    color: #FFF;
                    
                    border-radius: 7px;
                    -moz-border-radius: 7px;
                    -webkit-border-radius: 7px;
                }
                
                div.dl-footer-wrapper a.saving-btn {
                    display: none;
                }
                
                div.dl-footer-wrapper a.dlg-cancel {
                    margin-left: 15px;
                    font: normal 15px 'Trebuchet MS';
                    color: #939598;
                }
                
                div.dl-footer-wrapper p {
                    margin-top:10px;
                    font: normal 11px Arial;
                    color: #939598;
                }
                
                    .ft-options-cont {
                        float: left;
                        width: 235px;
                        padding: 0 0 0 20px;
                    }
                    
                        .ft-o-left {
                            width: 90px;
                            float: left;
                        }
                        
                
                div.dl-footer-wrapper input {
                    float: left;
                }
                
                div.dl-footer-wrapper label {
                    float: left;
                    padding: 2px 0 0 2px;
                    font: bold 11px Arial;
                    color: #000;
                }
                
                div.dl-footer-wrapper a#share-post-btn {
                    padding: 5px 20px;
                    background: #000 url(../interface/front/splash-submit-btn.png) top left repeat-x;
                    border: 1px solid #000;
                    font: bold 15px 'Trebuchet MS';
                    line-height: 30px;
                    color: #FFF;
                    
                    border-radius: 7px;
                    -moz-border-radius: 7px;
                    -webkit-border-radius: 7px;
                }
                
            #forgotten-dialog-form .dl-form {
                width: 250px;
                margin: 0 auto;
                padding: 20px 0;
            }
            
            #forgotten-dialog-form .dl-form input[type="text"] {
                width: 230px;
            }
            
        div.dl-blue-header {
            margin-bottom: 16px;
            padding: 20px 18px;
            background-color: #5778D1;
            border-bottom: 1px solid #7690D8;
            font: normal 17px LatoBold;
            color: #FFF;
        }
        
            div.dl-blue-header a {
                font: bold 15px LatoBold;
                color: #FFF;
                text-decoration: underline;
            }
        
        div.dl-main-left {
            float: left;
            width: 300px;
        }
    
    div.dialog-type-person .dialog-inner,
    div.dialog-medium .dialog-inner {
        width: 380px;
    }
    
    div.dialog-large .dialog-inner {
        width: 340px;
    }
    
        div.dialog-type-person .dl-rj-info.blue-colored {
            font-size: 25px;
            background-color: #5778d1;
            color: #fff;
        }
        
        div.dialog .dl-rj-info.front-icon {
            background-color: #5778d1;
            background-image: url(../interface/front/sprites-icons.png);
            background-repeat: no-repeat;
        }
        
        div#send-message-dialog .dl-rj-info.front-icon {
            padding-left: 60px;
            background-position: 25px -1022px;
        }
        
        div#send-connect-request-dialog .dl-rj-info.front-icon {
            padding-left: 60px;
            background-position: 25px -1113px;
        }
        
        div#invite-request-dialog .dl-rj-info.front-icon {
            padding-left: 60px;
            background-position: 25px -1067px;
        }
        
        div#send-notification-dialog .dl-rj-info,
        div#send-flag-project-dialog .dl-rj-info {
            background-color: #fff;
            background-position: 25px -1159px;
            color: #de593f;
        }
        
        div#recommendation-dialog .dialog-textarea,
        div#send-message-dialog .dialog-textarea,
        div#send-connect-request-dialog .dialog-textarea,
        div#invite-request-dialog .dialog-textarea {
            width: 330px;
        }
    
    .cf-small-txt {
        padding: 15px 20px 30px;
        font: normal 11px Lato;
        color: #58595B;
    }
    
        .cf-small-txt strong {
            display: block;
            padding: 10px 0 0 0;
            font: normal 12px LatoBold;
        }
    
    .cf-blue-txt {
        padding: 13px 20px;
        background: #5778D1;
        font: normal 24px LatoLight;
        color: #FFF;
        letter-spacing: -1px;
    }
    
        .cf-blue-txt a {
            font: bold 24px LatoLight;
            color: #FFF;
        }
        
    .dl-footer-wrapper .sign-txt {
        float: left;
        width: 110px;
        margin: 33px 0 0 20px;
        font: normal 13px/17px Lato;
        color: #58595B;
        text-align: left;
    }
    
    div.dl-footer-wrapper a.ok-btn {
        float: right;
        padding: 2px 20px;
        margin: 25px 30px 15px 0;
    }
    
    #confirmation-dialog .dl-rj-info {
        font-size: 23px;
        text-align: center;
    }
    
    #confirmation-dialog .cf-blue-txt {
        text-align: center;
    }
    
        #confirmation-dialog .cf-blue-txt p.top-line {
            font-size: 20px;
            letter-spacing: 1px;
        }
        
        #confirmation-dialog .cf-blue-txt p.bottom-line {
            font-size: 13px;
            letter-spacing: 1px;
        }
        
        #confirmation-dialog .cf-blue-txt .confirm-email-placeholder {
            display: block;
            margin: 20px 0;
            font-size: 18px;
        }
        
    #confirmation-dialog .dl-footer-wrapper .sign-txt {
        width: 160px;
    }
    
/* Badges Dialog */
div#badge-dialog {
    
}

    div#badge-dialog div.dl-blue-header {
        height: 50px;
        padding: 0;
        margin: 0;
        background-color: #5778d1;
        font: normal 20px/50px LatoLight;
        text-align: center;
        color: #fff;
    }
    
    div#badge-dialog div.dialog-body {
        height: 190px;
        overflow: hidden;
    }
    
        div#badge-dialog .dl-badge-categories {
            float: left;
            width: 120px;
            height: 150px;
            padding: 20px;
            background-color: #fff;
        }
        
            div#badge-dialog .dl-badge-categories ul {
                border: 1px solid #e7e7e7;
                list-style: none;
                list-style-position: inside;
                overflow: hidden;
            }
            
                div#badge-dialog .dl-badge-categories ul li a {
                    display: block;
                    padding: 0 8px;
                    font: normal 15px/30px 'Trebuchet MS';
                    border-bottom: 1px solid #e7e7e7;
                    color: #939598;
                }
                
                div#badge-dialog .dl-badge-categories ul li a.last {
                    border-bottom: none;
                }
                
                div#badge-dialog .dl-badge-categories ul li a:hover,
                div#badge-dialog .dl-badge-categories ul li a.selected {
                    color: #fff;
                    background: #5778d1;
                }
        
        div#badge-dialog .dl-badge-main {
            float: right;
            width: 270px;
            padding: 10px 10px 0;
        }
        
            div#badge-dialog .dl-badge-main h3 {
                margin-bottom: 5px;
                font: normal 12px 'Trebuchet MS';
                color: #939598;
            }
        
            div#badge-dialog div.badge-list-wrapper {
                float: left;
                width: 150px;
                padding-right: 0;
                height: 150px;
                overflow-y: scroll;
            }
            
                div#badge-dialog ul.badge-list {
                    border: 1px solid #bcbec0;
                    list-style: none;
                    list-style-position: inside;
                    background-color: #fff;
                }
                
                    div#badge-dialog ul.badge-list li a {
                        display: block;
                        padding: 0 5px;
                        font: normal 12px/20px 'Trebuchet MS';
                        border-bottom: 1px solid #bcbec0;
                        color: #939598;
                    }
                    
                    div#badge-dialog ul.badge-list li a.last {
                        border-bottom: none;
                    }
                    
                    div#badge-dialog ul.badge-list li a.selected {
                        background: #e1f4fd url(../interface/front/sprites-icons.png) 120px -983px no-repeat;
                    }
                    
            div#badge-dialog .badge-list-preview {
                float: right;
                width: 110px;
            }
            
                div#badge-dialog .badge-list-preview h3 {
                    text-align: center;
                }
                
                div#badge-dialog .badge-list-preview div.badge-preview-placeholder {
                    width: 60px;
                    height: 60px;
                    margin: 30px auto;
                    border: 1px solid #bec0c2;
                    font: normal 50px/60px 'Trebuchet MS';
                    text-align: center;
                    color: #fff;
                }
    
    div#badge-dialog div.dl-footer {
        padding: 15px 0 20px;
        border-top: 1px solid #e7e7e7;
        background-color: #fff;
        text-align: center;
    }
    
        div#badge-dialog div.dl-footer a.cancel-project-badge {
            margin-right: 15px;
            font: normal 12px/40px 'Trebuchet MS';
            color: #939598;
        }

.project-edit-share-wrapper {
    padding: 30px 0 0 0;
}

    .project-edit-share-wrapper h1 {
        padding-bottom: 30px;
        font: normal 35px LatoLight;
        color: #414042;
        text-align: center;
        text-decoration: none;
    }
    
        .project-edit-share-wrapper h1 strong,
        .project-edit-share-wrapper h1 a {
            font: normal 35px LatoBlack;
            color: #B8E021
        }
        
    .project-edit-share {
        padding: 30px 0;
        background-color: #F1F2F2;
    }
    
        .project-edit-share .pe-share-wrapper {
            width: 460px;
            margin: 0 auto;
        }
        
            .project-edit-share .pe-share-wrapper textarea,
            .project-edit-share .pe-share-wrapper input {
                border: 1px solid #D1D2D3;
                
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            
            .project-edit-share .pe-share-wrapper textarea {
                width: 448px;
                height: 62px;
                padding: 3px 5px;
                margin-bottom: 5px;
                
                font: normal 15px 'Trebuchet MS';
                color: #5778D1;
            }
            
            .project-edit-share .pe-share-wrapper label {
                float: left;
                font: normal 12px 'Trebuchet MS';
                color: #111111;
                letter-spacing: -1px;
                margin: 0 10px 0 0;
            }
            
            .project-edit-share .pe-share-wrapper a.pr-share-btn {
                float: right;
                padding: 0 10px;
                line-height: 30px;
            }
            
            #fb-pr-check,
            #tw-pr-check {
                float: left;
                margin-top: 2px;
            }
            
        .project-edit-share .pe-share-columns {
            padding: 80px 0;
        }
        
            .project-edit-share .pe-share-columns h2 {
                margin-bottom: 70px;
                font: normal 25px Lato;
                color: #414042;
                text-align: center;
                text-decoration: underline;
            }
            
            .project-edit-share .pe-share-columns div {
                float: left;
                width: 290px;
                margin-right: 25px;
            }
            
            .project-edit-share .pe-share-columns div.last {
                margin-right: 0;
            }
            
                .project-edit-share .pe-share-columns h3 {
                    padding-left: 80px;
                    margin-bottom: 25px;
                    font: normal 22px/65px LatoLight;
                    color: #505153;
                    background: transparent;
                    background-image: url(../interface/front/icons-common.png);
                    background-repeat: no-repeat;
                }
                
                .project-edit-share .pe-share-columns h3.pr-col-1 {
                    background-position: 0 -588px;
                }
                
                .project-edit-share .pe-share-columns h3.pr-col-2 {
                    background-position: 0 -658px;
                }
                
                .project-edit-share .pe-share-columns h3.pr-col-3 {
                    background-position: 0 -728px;
                }
                
                .project-edit-share .pe-share-columns p {
                    padding-left: 3px;
                    font: normal 12px/15px 'Trebuchet MS';
                    color: #939598;
                }

/* Profile Delete Dialog */
.confirmation-delete-dialog {
    
}

    .confirmation-delete-dialog .cf-small-txt,
    .profile-info-dialog .cf-small-txt {
        padding: 15px 20px 30px 35px;
    }
    
        .confirmation-delete-dialog .cf-small-txt img,
        .profile-info-dialog .cf-small-txt img {
            float: left;
            width: 90px;
            height: 90px;
            border: 5px solid #FFF;
        }
        
        .confirmation-delete-dialog .cf-small-txt strong,
        .profile-info-dialog .cf-small-txt strong {
            display: block;
            float: right;
            width: 140px;
            padding: 0;
            font: bold 20px 'Trebuchet MS';
        }
        
    .confirmation-delete-dialog .dl-footer-wrapper,
    .profile-info-dialog .dl-footer-wrapper{
        min-height: 45px;
    }
    
/* Projects Contact Info dialog */
.pr-info-inner .cf-blue-txt {
    font: normal 18px LatoLight;
    letter-spacing: 0;
}

    .pr-info-inner .cf-blue-txt a {
        font: bold 18px LatoLight;
        letter-spacing: 0;
    }
    
/* Search */
#search-page {
    margin: 30px auto 15px auto;
    padding: 20px 0 0;
}

/* Tags&Categories Page */
#tags-page {
    padding: 30px 0 100px;
}

    #tags-page .tabs-menu {
        float: left;
        list-style: none;
        height: 33px;
        margin-bottom: 5px;
        border-bottom: 1px solid #B9B8BD;
    }
    
        #tags-page .tabs-menu li {
            display: inline;
            float: left;
            margin-right: 20px;
            text-align: center;
        }
        
        #tags-page .tabs-menu li.last {
            margin-right: 0;
        }
        
            #tags-page .tabs-menu li a {
                font: normal 25px/34px Lato;
                color: #B9B8BD;
                
                transition: all 400ms;
                -moz-transition: all 400ms;
                -webkit-transition: all 400ms;
                -o-transition: all 400ms;
                -ms-transition: all 400ms;
            }
            
            #tags-page .tabs-menu li a:hover,
            #tags-page .tabs-menu li a:active,
            #tags-page .tabs-menu li a.selected {
                color: #414042;
                border-bottom: 2px solid #414042;
            }
            
    .tags-list-row {
        width: 700px;
        padding: 20px 0 15px;
        border-bottom: 1px solid #BCBEC0;
    }
    
        .tags-list-row h3 {
            float: left;
            width: 55px;
            padding-left: 15px;
            font: normal 40px LatoBlack;
            color: #000;
        }
        
        .tags-list-row ul {
            float: right;
            width: 620px;
            list-style: none;
        }
        
            .tags-list-row ul li {
                height: 25px;
                display: block;
            }
            
                .tags-list-row ul li a {
                    position: relative;
                    display: block;
                    height: 20px;
                    font: normal 12px/20px 'Trebuchet MS';
                    color: #414042;
                }
                    
                    .tags-list-row ul li a strong {
                        position: relative;
                        padding: 0 0 0 5px;
                        z-index: 5;
                    }
                    
                    .tags-list-row ul li a span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        min-width: 10%;
                        height: 20px;
                        background: #D1D3D4;
                        overflow: hidden;
                        text-indent: -9999px;
                        z-index: 2;
                        
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                    }
                
                    .tags-list-row ul li a em {
                        position: relative;
                        float: right;
                        margin-right: 7px;
                        font-style: normal;
                        color: #939598;
                        z-index: 4;
                    }
                    
                .tags-list-row ul li a:hover {
                    background: #E6E7E8;
                    
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                
                    .tags-list-row ul li a:hover span {
                        background: #B8E021;
                    }
                    
                    .tags-list-row ul li a:hover em {
                        color: #414042;
                    }
                    
                .tags-list-row ul li a,
                .tags-list-row ul li a * {
                    transition: all 400ms;
                    -moz-transition: all 400ms;
                    -webkit-transition: all 400ms;
                    -o-transition: all 400ms;
                    -ms-transition: all 400ms;
                }
                
/* Profile - Notifications */
#notifications {
    
}

    .notifications-left {
        float: left;
        width: 700px;
    }
    
        h1.header-border-bottom {
            border-bottom: 1px solid #0d0d0d;
            font: normal 30px/36px LatoLight;
            color: #0f0f0f;
        }
        
        .notification-day-wrapper {}
        
            .notification-day-wrapper h2 {
                margin: 35px 0 15px;
                border-bottom: 1px solid #bcbec0;
                font: normal 15px/25px 'Trebuchet MS';
                color: #58595b;
            }
            
            .notification-day-wrapper ul {
                list-style: none;
            }
            
                .notification-day-wrapper ul li {
                    font: normal 12px/28px 'Trebuchet MS';
                    color: #939598;
                    border-bottom: 1px solid #e6e7e8;
                }
                
                    .notification-day-wrapper ul li a {
                        font-size: 12px;
                        color: #5778d1;
                    }
                    
                    .notification-day-wrapper ul li a:hover {
                        text-decoration: underline;
                    }
    
    .notifications-right {
        float: right;
        width: 217px;
        padding-top: 35px;
    }
    
/* ProjectBox Preview */
#projectbox-splash {
    font-family: LatoLight;
    text-align: center;
}

    #projectbox-banner {
        font-family: LatoLight;
        min-height: 650px;
        background: transparent url(../interface/front/projectbox-splash-bkg.jpg) top left no-repeat;
        background-size: cover;
        color: #fff;
    }
    
        #projectbox-banner h1 {
            display: inline-block;
            position: relative;
            font: normal 45px/100px LatoLight;
        }
        
            #projectbox-banner h1 em {
                font-style: normal;
                font-weight: bold;
            }
            
            #projectbox-banner h1 span {
                position: absolute;
                right: 0;
                bottom: -25px;
                font-size: 10px;
            }
            
        #projectbox-banner h2 {
            font-size: 20px;
            text-transform: uppercase;
            margin-bottom: 25px;
        }
        
        #projectbox-banner img {
            margin-bottom: 25px;
        }
        
        #projectbox-banner h3 {
            font-size: 16px;
            font-family: LatoBold;
            text-transform: uppercase;
            padding-bottom: 40px;
            line-height: 25px;
        }
        
            #projectbox-banner h3 span {
                display: block;
                font-family: LatoLight;
            }
            
    #projectbox-subscription {
        padding: 50px 0;
        background-color: #feaf48;
    }
    
        #project-subscription div {
            width: 650px;
        }
        
            #projectbox-subscription div input {
                width: 400px;
                padding: 0 10px;
                border: 1px solid #fff;
                font: normal 18px/45px Lato;
                text-align: center;
                background: #feaf48;
                outline: none;
                color: #fff;
            }
            
            #projectbox-subscription div a {
                display: inline-block;
                margin-left: 15px;
                padding: 0 50px;
                background: #536db7;
                font: normal 14px/48px Lato;
                text-align: center;
                color: #fff;
            }
            
            #projectbox-subscription div a:hover {
                background: #5e7dd2;
            }
            
            #projectbox-subscription #info-box {
                margin-top: 5px;
                color: #fff;
            }
    
    #projectbox-banner-info {
        width: 775px;
        margin: 70px auto;
        font-family: Lato;
        font-size: 16px;
        line-height: 25px;
        text-transform: uppercase;
        color: #536db7;
    }
    
#projectbox-wrapper {
    
}

    #pbx-header {
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
        
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-bottomright: 3px;
        ;
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
    }
    
        #pbx-header .top-header {
            position: relative;
            height: 250px;
            background-color: #e6e6e6;
            background-position: top left;
            background-size: contain;
            backfround-repeat: no-repeat;
        }
        
            #pbx-header #pbx-info {
                position: absolute;
                left: 10px;
                bottom: 10px;
                width: 390px;
                height: 120px;
                background: #fff;
            }
            
                #pbx-header #pbx-info .pbx-logo {
                    display: inline-block;
                    width: 120px;
                    height: 120px;
                }
                
                #pbx-header #pbx-info .pbx-info-text-box {
                    float: right;
                    width: 250px;
                    padding: 8px;
                    font: normal 14px Lato;
                }
                
                    #pbx-header #pbx-info .pbx-info-text-box h1,
                    #pbx-header #pbx-info .pbx-info-text-box p.pbx-category,
                    {
                        width: 100%;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                
                    #pbx-header #pbx-info .pbx-info-text-box h1 {
                        height: 23px;
                        font-size: 16px;
                    }
                    
                    #pbx-header #pbx-info .pbx-info-text-box p.pbx-category {
                        height: 37px;
                    }
                    
                    #pbx-header #pbx-info .pbx-info-text-box a.pbx-website {
                        display: inline-block;
                        height: 25px;
                        font-size: 13px;
                        color: #808080;
                    }
                    
                    #pbx-header #pbx-info .pbx-info-text-box a.pbx-website:hover {
                        text-decoration: underline;
                    }
                    
                    #pbx-header #pbx-info .pbx-info-text-box div .pbx-location {
                        float: left;
                        width: 100px;
                        padding-left: 20px;
                        line-height: 20px;
                        background: transparent url(../../debug/pbx-icons.png) 0 0 no-repeat;
                    }
                    
                    #pbx-header #pbx-info .pbx-soc-links {
                        float: right;
                        width: 112px;
                        padding-left: 13px;
                        line-height: 22px;
                        border-left: 1px solid #b3b3b3;
                    }
                    
                    #pbx-header #pbx-info .pbx-soc-links a {
                        display: inline-block;
                        width: 14px;
                        height: 12px;
                        margin-right: 4px;
                        background: transparent url(../../debug/pbx-icons.png) 0 0 no-repeat;
                    }
                    
                    #pbx-header #pbx-info .pbx-soc-links a.tw {
                        background-position: 3px -30px;
                    }
                    
                    #pbx-header #pbx-info .pbx-soc-links a.fb {
                        background-position: -21px -30px;
                    }
                    
                    #pbx-header #pbx-info .pbx-soc-links a.vm {
                        background-position: -45px -30px;
                    }
                    
                    #pbx-header #pbx-info .pbx-soc-links a.tb {
                        background-position: -67px -30px;
                    }
                    
                    #pbx-header #pbx-info .pbx-soc-links a.ln {
                        background-position: -90px -30px;
                    }
                    
            #pbx-header #pbx-settings {
                position: absolute;
                right: 10px;
                bottom: 10px;
                width: 240px;
            }
            
                #pbx-header #pbx-settings a.white-button {
                    float: right;
                    display: inline-block;
                    background-color: #fff;
                    margin: 0 0 0 10px;
                    padding: 0 10px;
                    font: normal 13px/30px Lato;
                    color: #58595b;
                }
                
                .pbx-settings-btn {
                    padding: 0 40px 0 10px !important;
                    background-image: url(../../debug/pbx-icons.png);
                    background-repeat: no-repeat;
                    background-position: 75px -44px;
                    
                }
        
        #pbx-header .bottom-header {
            padding: 20px;
        }
        
            #pbx-header .bottom-header span {
                display: inline-block;
                width: 820px;
                
                font: normal 14px/10px 'Trebuchet MS';
                color: #b2b2b2;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            
            #pbx-header .bottom-header a {
                font: italic 14px Lato;
                color: #5778d1;
            }
    
    #pbx-main-menu {
        padding-top: 18px;
        border-bottom: 1px solid #d9d9d9;
    }
    
        #pbx-main-menu ul {
            float: left;
            width: 500px;
        }
        
            #pbx-main-menu ul li {
                display: inline-block;
            }
            
                #pbx-main-menu ul li a {
                    display: inline-block;
                    min-width: 100px;
                    padding: 10px 10px;
                    font: normal 18px/25px Lato;
                    color: #b2b2b2;
                    border-bottom: 3px solid #fff;
                    text-align: center;
                }
                
                #pbx-main-menu ul li a:hover,
                #pbx-main-menu ul li a.selected {
                    color: #333;
                    border-bottom: 3px solid #333;
                }
    
        #pbx-main-menu input {
            float: right;
            width: 160px;
            margin-right: 5px;
            padding: 0 10px 0 30px;
            font: normal 14px/28px Lato;
            border: 1px solid #d9d9d9;
            background: #fff url(../../debug/pbx-icons.png) -91px -44px no-repeat;
            text-align: center;
            color: #939598;
        }
    
    #pbx-submenu-menu {
        background: #f1f2f2;
        border-bottom: 1px solid #d9d9d9;
    }
    
        #pbx-submenu-menu ul {
            padding-top: 20px;
        }
        
            #pbx-submenu-menu ul li {
                display: inline-block;
            }
            
                #pbx-submenu-menu ul li a {
                    display: inline-block;
                    min-width: 70px;
                    padding: 10px 5px;
                    font: normal 14px/12px Lato;
                    color: #b2b2b2;
                    border-bottom: 3px solid #f1f2f2;
                    text-align: center;
                }
                
                #pbx-submenu-menu ul li a:hover,
                #pbx-submenu-menu ul li a.selected {
                    color: #333;
                    border-bottom: 3px solid #333;
                }
                
    .pbx-main-content {}
    
        .pbx-main-content .pbx-projects-list,
        .pbx-main-content .pbx-profiles-list {
            padding: 40px 0 20px 0;
        }
        
            .pbx-project-item {
                height: 170px;
                margin-bottom: 25px;
                border: 1px solid #d2cfce;
                overflow: hidden;
            }
            
                .pbx-project-img {
                    float: left;
                    width: 220px;
                    height: 170px;
                    border-right: 1px solid #d2cfce;
                }
                
                    .pbx-project-img img {
                        display: block;
                        width: 220px;
                        height: 170px;
                    }
                    
                .pbx-project-info {
                    float: left;
                    width: 155px;
                    height: 150px;
                    padding: 15px 10px 0 15px;
                }
                
                    .pbx-project-info .pbx-title {
                        height: 90px;
                        color: #333;
                    }
                    
                        .pbx-title h2 {
                            padding-bottom: 3px;
                            font: normal 15px Lato;
                        }
                        
                        .pbx-title span {
                            font: normal 13px Lato;
                            color: #b2b2b2;
                        }
                        
                            .pbx-title span a {
                                font: normal 13px Lato;
                                color: #808080;
                            }
                            
                            .pbx-title span a:hover {
                                text-decoration: underline;
                            }
                            
                    .pbx-categories {}
                    
                        .pbx-categories span {
                            display: block;
                            font: normal 13px Lato;
                            color: #b2b2b2;
                        }
                        
                        .pbx-categories a {
                            font: normal 13px Lato;
                            color: #808080;
                        }
                        
                        .pbx-categories a:hover {
                            text-decoration: underline;
                        }
                        
                .pbx-project-additional-info {
                    float: right;
                    width: 535px;
                    height: 170px;
                    border-left: 1px solid #d2cfce;
                }
                
                    .pbx-brief {
                        height: 80px;
                        padding: 20px 20px 0 20px; 
                    }
                    
                        .pbx-brief span {
                            display: block;
                            font: normal 13px Lato;
                            color: #b2b2b2;
                        }
                    
                .pbx-additional {
                    height: 49px;
                    padding: 10px 0;
                    border-top: 1px solid #d2cfce;
                    background-color: #f1f2f2;
                }
                    
                    .pbx-additional a,
                    .pbx-additional span {
                        font: normal 13px Lato;
                    }
                    
                    .pbx-additional span {
                        display: block;
                        color: #939598;
                    }
                    
                    .pbx-additional a {
                        color: #333333;
                    }
                    
                    .pbx-additional a:hover {
                        text-decoration: underline;
                    }
                    
                    .pbx-box-location {
                        float: left;
                        width: 140px;
                        padding: 10px 20px;
                    }
                    
                    .pbx-skills {
                        float: left;
                        width: 300px;
                        padding: 10px 20px;
                        border-left: 1px solid #d9d9d9;
                    }
    
    .pbx-empty-state {
        width: 860px;
        padding: 50px 0;
    }
    
        .pbx-empty-title {
            margin-bottom: 50px;
            text-align: center;
        }
        
            .pbx-empty-title h2 {
                font: normal 30px LatoLight;
                color: #999898;
            }
            
                .pbx-empty-title h2 .pbx-highlight {
                    font-family: LatoBlack;
                }
                
                .pbx-empty-title h2 sup {
                    font-size: 20px;
                }
                
            .pbx-empty-title p {
                font: italic 30px LatoLight;
                color: #57bdd1;
            }
            
        .pbx-empty-map {
            border: 1px solid #e6e6e6;
        }
        
            .pbx-empty-map div {
                padding: 25px;
                border-bottom: 1px solid #e6e6e6;
            }
            
                .pbx-empty-map div span {
                    font: normal 22px LatoLight;
                    color: #807e7e;
                }
                
                .pbx-empty-map div a {
                    float: right;
                    display: inline-block;
                    padding: 0 25px;
                    font: normal 15px/40px Lato;
                    background-color: #57bdd1;
                    color: #fff;
                }