/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================ GENERAL ============================ */

.f90pro-wrapper .jsn-bootstrap3 [class^="icon-"],
.f90pro-wrapper [class*=" icon-"],
.f90pro-wrapper .jsn-bootstrap3 [class^="fa-"],
.f90pro-wrapper [class*=" fa-"]{
	margin-right: 0;
}
.jsn-com-joomprofile #jsn-maincontent {
    text-shadow: none;
}
body.jsn-com-joomprofile.jsn-view-profile #jsn-mainbody-content.jsn-hasmainbody #f90pro{
    padding: 50px;
}
.jp-search select, .jp-search textarea, .jp-search input, .jp-search .uneditable-input{
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.jsn-com-joomprofile .btn, .jsn-com-joomprofile .btn-info, .jsn-com-joomprofile .btn:hover,
.jsn-com-joomprofile .btn:focus, .jsn-com-joomprofile .btn:active, .jsn-com-joomprofile .btn.active,
.jsn-com-joomprofile .btn.disabled, .jsn-com-joomprofile .btn[disabled] {
    background: #4da9cd;
    color: #fff;
    text-shadow: none;
    border-color: #4da9cd;
    box-shadow: none;
    padding: 4px 16px;
    margin: 0;
}
.jsn-com-joomprofile .btn-f90pro {
    border-radius: 4px;
}
.jsn-com-joomprofile .btn-f90pro i{
    margin-right: 6px;
    color: #fff;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{
	opacity: 1;
}
.jp-bg1{
	background: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: none;
}
#jsn-gotoplink {
    margin-left: -38px;
}
#jp-search .form-search{
	margin: 0;
}
.jp-search .form-search .input-append .search-query {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    height: 30px;
    box-shadow: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.jp-search .form-search .input-append .btn {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    padding: 9px 20px;
    font-size: 18px;
    margin: 0;
}
.jp-search #jp-search-form .accordion .accordion-group {
    margin-bottom: 20px;
    padding: 20px;
    /*border-top: none;*/
    border-color: #ccc;
    border-radius: 5px;
}
.jp-search .accordion-group .jps-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 0 6px;
    border-color: #ccc;
    border-radius: 5px 5px 0 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: none;
    border-top: none;
    background: none;
}
.jp-search .jps-title a {
    color: #555;
}
.jp-search .accordion-group .accordion-inner {
    padding: 20px 0 0;
    border-top-color: #ccc;
}
.jp-search .accordion-group input,
.jp-search .accordion-group select {
    box-shadow: none;
}
.jp-search .accordion-group input[type="text"], .jp-search .accordion-group select {
    width: 100%;
}
.jp-search .jps-title a {
    text-shadow: none;
}
#jps-sort-by, #jps-sort-in{
    width: 76px;
    margin: 0 0 2px;
}
.jps-sort-bar{
    text-transform: capitalize;
}
.jsn-com-joomprofile .jp-search .jps-users-list .jps-user {
    padding: 20px 10px;
}

.jsn-com-joomprofile .jp-search .jps-user-image img {
    border: none;
}
.jsn-com-joomprofile .jp-search .jps-user-details .jps-user-name {
    font-size: 16px;
    line-height: 22px;
    margin: 5px 0;
}
.jsn-com-joomprofile .jp-search .jps-user-details .jps-user-name a {
    color: #464646;
}
.jsn-com-joomprofile .jp-search .jps-user-details {
    margin-left: 30px;
}


/**
 * 1. Profile
 * -------------------------------------------------------------------
 */

.jsn-com-joomprofile .f90pro-wrapper {
    border: none;
    padding: 0;
}
.f90pro-avtar img.img-polaroid, .f90pro-field-content img.img-polaroid{
    padding: 0;
    border: 3px solid #FFF;
    box-shadow: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    position: relative;
    width: auto;
    height: auto;
    border-radius: 50%;
    max-width: 88%;
}
.f90pro-wrapper .f90pro-header .f90pro-right {
    border-bottom-color: #e5e5e5;
    box-shadow: none;
    /*margin-bottom: 30px;*/
}
.f90pro-right .f90pro-action span {
    margin: 0 0 0 10px;
    display: inline-block;
}
.f90pro-detail ul.f90pro-stack-nav li {
    margin: 0;
    padding: 0;
}
.f90pro-detail .f90pro-stack-nav li a {
    padding: 10px 0 10px 10px;
    font-weight: 400;
    border-left: 2px solid transparent;
}
.f90pro-detail ul.f90pro-stack-nav li.active a {
    border-left-color: #4da9cd;
    color: #666;
    border-right: none;
}
.f90pro-detail .f90pro-stack-nav li a:hover, .f90pro-detail .f90pro-stack-nav li.active a{
    font-weight: 400;
}
.f90pro-detail .f90pro-stack-nav li a i{
    margin-right: 0;
    color: #888;
    width: 20px;
}
.jsn-com-joomprofile .f90pro-user {
    margin: 60px 0 0 0;
}
.jsn-com-joomprofile .f90pro-usermeta.clearfix > ul{
    margin: -5px -10px 0;
}
.jsn-com-joomprofile .f90pro-usermeta.clearfix > ul li {
    margin: 10px 10px 0;
}
.f90pro-user .f90pro-display-name{
    font-size: 40px;
    line-height: 48px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: none;
    color: #444;
}
.jsn-com-joomprofile .f90-online {
    color: #4da9cd;
}
.jsn-com-joomprofile ul.f90pro-stack-nav:first-child {
    border-top-color: #eee;
}
.jsn-com-joomprofile ul.f90pro-stack-nav li {
    border-bottom-color: #eee;
}
.f90pro-detail .f90pro-right {
    line-height: 24px;
}
.jsn-com-joomprofile .f90pro-field-name h4 {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    border: none;
    color: #888;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
}
.jsn-com-joomprofile .f90pro-field-name h4:after {
    content: ':';
    margin-left: 5px;
}
.jsn-com-joomprofile .f90pro-field-name h4 label{
    display: inline-block !important;
}
.f90pro-field-content input, .f90-validate-form input{
    box-shadow: none;
}
.jsn-com-joomprofile .jps-filter-applied-child {
    margin-right: 10px;
    background-color: #e9e9e9;
    padding: 5px;
    color: #555;
    border-radius: 2px;
}
.jsn-com-joomprofile ul.f90pro-stack-nav:first-child {
    max-width: 88%;
}
.jsn-com-joomprofile ul.f90pro-stack-nav li {
    max-width: 100%;
}
.jsn-com-joomprofile .f90pro-field-display {
    margin-bottom: 5px;
}
.jsn-com-joomprofile .f90pro-field-display > div{
    padding: 0;
}
.jsn-com-joomprofile .f90pro-field-display .f90pro-field-content{
    margin-top: 3px;
}
.jsn-com-joomprofile .f90pro-field-display .f90pro-field-content input{
    margin-top: -5px;
}

.jsn-com-joomprofile .f90pro-field-display .f90pro-field-content input[type="file"],
.jsn-com-joomprofile .f90-validate-form input[type="file"]{
    margin-top: 15px;
    line-height: 14px;
    outline: none !important;
    box-shadow: none !important;
}
.jsn-com-joomprofile .f90pro-fgtab-content {
    margin-top: 24px;
}
.jp-search .jps-user-details .jps-user-name a:hover {
    color: #4da9cd;
}

/**
 * 2. Responsive
 * -------------------------------------------------------------------
 */

@media screen and (max-width: 799px) {
    #jp-search-form .accordion-inner .btn{
        float: right;
    }
    body.jsn-com-joomprofile.jsn-view-profile #jsn-mainbody-content.jsn-hasmainbody #f90pro {
        padding: 0;
    }
    .jsn-com-joomprofile .f90pro-user {
        margin: 30px 0 0 0;
    }
    .f90pro-user .f90pro-display-name {
        font-size: 30px;
        line-height: 38px;
    }
}
@media screen and (max-width: 640px) {
    .f90pro-header {
        text-align: center;
        margin-top: 20px;
    }
    .f90pro-wrapper .f90pro-header .f90pro-right {
        border: none;
    }
    .jsn-com-joomprofile .f90pro-usermeta.clearfix > ul li {
        float: none;
        display: inline;
    }
    .jsn-com-joomprofile ul.f90pro-stack-nav:first-child {
        max-width: 100%;
    }
    .jsn-com-joomprofile .f90pro-fgtab-content {
        margin-top: 0;
    }
    .jsn-com-joomprofile .f90pro-field-display > div{
        float: left;
        min-height: 1px;
    }
    .jsn-com-joomprofile .f90pro-field-display .f90pro-field-name{
        width: 25%;
    }
    .jsn-com-joomprofile .f90pro-field-display .f90pro-field-content{
        width: 75%;
        padding-left: 10px;
    }
}

@media screen and (max-width: 480px) {
    .jsn-com-joomprofile .jp-search .jps-users-list .jps-user {
        padding: 20px 0;
    }
    .jsn-com-joomprofile .jp-search .jps-user-image {
        text-align: left;
        float: left;
    }
    .jsn-com-joomprofile .jp-search .jps-user-image img {
        margin-left: 0;
    }
    .jsn-com-joomprofile .jp-search .jps-user-details {
        width: auto;
        text-align: left;
    }
    .jsn-com-joomprofile .f90pro-field-display > div{
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
}


/**
 * Custom Color
 * -------------------------------------------------------------------
 */


/*--- red ---*/

body.jsn-color-red.jsn-com-joomprofile .f90-online,
body.jsn-color-red .jp-search .jps-user-details .jps-user-name a:hover {
    color: #e50000;
}

body.jsn-color-red.jsn-com-joomprofile .btn,
body.jsn-color-red.jsn-com-joomprofile .btn-info,
body.jsn-color-red.jsn-com-joomprofile .btn:hover,
body.jsn-color-red.jsn-com-joomprofile .btn:focus,
body.jsn-color-red.jsn-com-joomprofile .btn:active,
body.jsn-color-red.jsn-com-joomprofile .btn.active,
body.jsn-color-red.jsn-com-joomprofile .btn.disabled,
body.jsn-color-red.jsn-com-joomprofile .btn[disabled] {
    background: #e50000;
}

body.jsn-color-red.jsn-com-joomprofile .btn,
body.jsn-color-red.jsn-com-joomprofile .btn-info,
body.jsn-color-red.jsn-com-joomprofile .btn:hover,
body.jsn-color-red.jsn-com-joomprofile .btn:focus,
body.jsn-color-red.jsn-com-joomprofile .btn:active,
body.jsn-color-red.jsn-com-joomprofile .btn.active,
body.jsn-color-red.jsn-com-joomprofile .btn.disabled,
body.jsn-color-red.jsn-com-joomprofile .btn[disabled],
body.jsn-color-red .f90pro-detail ul.f90pro-stack-nav li.active a {
    border-color: #e50000;
}


/*--- green ---*/

body.jsn-color-green.jsn-com-joomprofile .f90-online,
body.jsn-color-green .jp-search .jps-user-details .jps-user-name a:hover {
    color: #429e00;
}

body.jsn-color-green.jsn-com-joomprofile .btn,
body.jsn-color-green.jsn-com-joomprofile .btn-info,
body.jsn-color-green.jsn-com-joomprofile .btn:hover,
body.jsn-color-green.jsn-com-joomprofile .btn:focus,
body.jsn-color-green.jsn-com-joomprofile .btn:active,
body.jsn-color-green.jsn-com-joomprofile .btn.active,
body.jsn-color-green.jsn-com-joomprofile .btn.disabled,
body.jsn-color-green.jsn-com-joomprofile .btn[disabled] {
    background: #429e00;
}

body.jsn-color-green.jsn-com-joomprofile .btn,
body.jsn-color-green.jsn-com-joomprofile .btn-info,
body.jsn-color-green.jsn-com-joomprofile .btn:hover,
body.jsn-color-green.jsn-com-joomprofile .btn:focus,
body.jsn-color-green.jsn-com-joomprofile .btn:active,
body.jsn-color-green.jsn-com-joomprofile .btn.active,
body.jsn-color-green.jsn-com-joomprofile .btn.disabled,
body.jsn-color-green.jsn-com-joomprofile .btn[disabled],
body.jsn-color-green .f90pro-detail ul.f90pro-stack-nav li.active a {
    border-color: #429e00;
}


/*--- orange ---*/

body.jsn-color-orange.jsn-com-joomprofile .f90-online,
body.jsn-color-orange .jp-search .jps-user-details .jps-user-name a:hover {
    color: #e66000;
}

body.jsn-color-orange.jsn-com-joomprofile .btn,
body.jsn-color-orange.jsn-com-joomprofile .btn-info,
body.jsn-color-orange.jsn-com-joomprofile .btn:hover,
body.jsn-color-orange.jsn-com-joomprofile .btn:focus,
body.jsn-color-orange.jsn-com-joomprofile .btn:active,
body.jsn-color-orange.jsn-com-joomprofile .btn.active,
body.jsn-color-orange.jsn-com-joomprofile .btn.disabled,
body.jsn-color-orange.jsn-com-joomprofile .btn[disabled] {
    background: #e66000;
}

body.jsn-color-orange.jsn-com-joomprofile .btn,
body.jsn-color-orange.jsn-com-joomprofile .btn-info,
body.jsn-color-orange.jsn-com-joomprofile .btn:hover,
body.jsn-color-orange.jsn-com-joomprofile .btn:focus,
body.jsn-color-orange.jsn-com-joomprofile .btn:active,
body.jsn-color-orange.jsn-com-joomprofile .btn.active,
body.jsn-color-orange.jsn-com-joomprofile .btn.disabled,
body.jsn-color-orange.jsn-com-joomprofile .btn[disabled],
body.jsn-color-orange .f90pro-detail ul.f90pro-stack-nav li.active a {
    border-color: #e66000;
}


/*--- grey ---*/

body.jsn-color-grey.jsn-com-joomprofile .f90-online,
body.jsn-color-grey .jp-search .jps-user-details .jps-user-name a:hover {
    color: #555;
}

body.jsn-color-grey.jsn-com-joomprofile .btn,
body.jsn-color-grey.jsn-com-joomprofile .btn-info,
body.jsn-color-grey.jsn-com-joomprofile .btn:hover,
body.jsn-color-grey.jsn-com-joomprofile .btn:focus,
body.jsn-color-grey.jsn-com-joomprofile .btn:active,
body.jsn-color-grey.jsn-com-joomprofile .btn.active,
body.jsn-color-grey.jsn-com-joomprofile .btn.disabled,
body.jsn-color-grey.jsn-com-joomprofile .btn[disabled] {
    background: #555;
}

body.jsn-color-grey.jsn-com-joomprofile .btn,
body.jsn-color-grey.jsn-com-joomprofile .btn-info,
body.jsn-color-grey.jsn-com-joomprofile .btn:hover,
body.jsn-color-grey.jsn-com-joomprofile .btn:focus,
body.jsn-color-grey.jsn-com-joomprofile .btn:active,
body.jsn-color-grey.jsn-com-joomprofile .btn.active,
body.jsn-color-grey.jsn-com-joomprofile .btn.disabled,
body.jsn-color-grey.jsn-com-joomprofile .btn[disabled],
body.jsn-color-grey .f90pro-detail ul.f90pro-stack-nav li.active a {
    border-color: #555;
}


/*--- brown ---*/

body.jsn-color-brown.jsn-com-joomprofile .f90-online,
body.jsn-color-brown .jp-search .jps-user-details .jps-user-name a:hover {
    color: #845b2d;
}

body.jsn-color-brown.jsn-com-joomprofile .btn,
body.jsn-color-brown.jsn-com-joomprofile .btn-info,
body.jsn-color-brown.jsn-com-joomprofile .btn:hover,
body.jsn-color-brown.jsn-com-joomprofile .btn:focus,
body.jsn-color-brown.jsn-com-joomprofile .btn:active,
body.jsn-color-brown.jsn-com-joomprofile .btn.active,
body.jsn-color-brown.jsn-com-joomprofile .btn.disabled,
body.jsn-color-brown.jsn-com-joomprofile .btn[disabled] {
    background: #845b2d;
}

body.jsn-color-brown.jsn-com-joomprofile .btn,
body.jsn-color-brown.jsn-com-joomprofile .btn-info,
body.jsn-color-brown.jsn-com-joomprofile .btn:hover,
body.jsn-color-brown.jsn-com-joomprofile .btn:focus,
body.jsn-color-brown.jsn-com-joomprofile .btn:active,
body.jsn-color-brown.jsn-com-joomprofile .btn.active,
body.jsn-color-brown.jsn-com-joomprofile .btn.disabled,
body.jsn-color-brown.jsn-com-joomprofile .btn[disabled],
body.jsn-color-brown .f90pro-detail ul.f90pro-stack-nav li.active a {
    border-color: #845b2d;
}