/* common */
div.userpro a {color: #336699}

/* logout link */
a.userpro-small-link {
	color: #fff !important;
	background: #555;
	border-radius: 10px;
}
a.userpro-small-link:hover {background-color:#ff6000 !important;opacity: 1 !important}

/* popup close */
div.userpro-overlay-inner div.userpro a.userpro-close-popup {
	color: #fff;
	background: url(img/close.png) no-repeat right center;
}

/* misc elements */
div.userpro-help {color: #aaa}
div.userpro-warning {color: #cc0000;}

div.userpro-message p {
	background: #fffec8;
	border: 1px solid #f9f893;
	border-radius: 3px;
	color: #444;
}

div.userpro-input div.icon-warning  {
	border-radius: 0 3px 3px 0;
	color: #fff;
    border: solid 1px #bd3d3d;
    box-shadow: inset 0 1px #e16565;
	background: #ae3434;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d14242), to(#ae3434));
    background: -moz-linear-gradient(0% 0% 270deg,#d14242, #ae3434);
}

div.userpro-input div.icon-ok {
	border-radius: 0 3px 3px 0;
	color: #fff;
    border: solid 1px #51a21b;
    box-shadow: inset 0 1px #86be4f;
	background: #4b9619;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#60b725), to(#4b9619));
    background: -moz-linear-gradient(0% 0% 270deg,#60b725, #4b9619);
}

span.strength-container {border: 1px solid #e5e5e5;}
span.strength-plain{background: #fff;}
span.strength-plain.fill{background:#75c03d}
span.strength-text {color: #aaa;}

/* icons */
a.userpro-profile-icon.disabled i {color: #ddd !important;text-shadow: 0 1px #fff;}
a.userpro-profile-icon i.userpro-icon-envelope {color: #444}
a.userpro-profile-icon i.userpro-icon-external-link {color: #444}
a.userpro-profile-icon i.userpro-icon-link {color: #444}
a.userpro-profile-icon i.userpro-icon-facebook {color: #3b5998}
a.userpro-profile-icon i.userpro-icon-twitter {color: #00aced}
a.userpro-profile-icon i.userpro-icon-google-plus {color: #dd4b39}
a.userpro-profile-icon i.userpro-icon-youtube {color: #bb0000}
a.userpro-profile-icon i.userpro-icon-linkedin {color: #007bb6}
a.userpro-profile-icon i.userpro-icon-flickr {color: #ff0084}
a.userpro-profile-icon i.userpro-icon-instagram {color: #517fa4}
a.userpro-profile-icon i.userpro-icon-pinterest {color: #cb2027}
a.userpro-profile-icon i.userpro-icon-tumblr {color: #32506d}
a.userpro-profile-icon i.userpro-icon-phone {color: #aa3000}

/* buttons */
input.userpro-button,
a.userpro-button,
div.userpro div.ajax-file-upload {
	border-radius: 3px  !important;
	-moz-border-radius: 3px  !important;
	-webkit-border-radius: 3px  !important;
	color: #fff  !important;
	border: 1px solid #336699  !important;
	box-shadow: inset 0 1px #4992db  !important;
	background: #3d76b0  !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d76b0), to(#336699))  !important;
    background: -moz-linear-gradient(0% 0% 270deg,#3d76b0, #336699) !important;
	text-shadow: none !important;
}

input.userpro-button:hover,
a.userpro-button:hover,
div.userpro div.ajax-file-upload:hover {
	box-shadow: inset 0 1px #54a3f1  !important;
	background: #4989c9  !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4989c9), to(#3971aa))  !important;
    background: -moz-linear-gradient(0% 0% 270deg,#4989c9, #3971aa)  !important;
	border: 1px solid #336699 !important;
	color: #fff  !important;
}

input.userpro-button:active,
a.userpro-button:active,
div.userpro div.ajax-file-upload:active {
	position: relative  !important;
	top: 1px  !important;
}

input.userpro-button.secondary,
a.userpro-button.secondary{
	color: #999  !important;
    border: solid 1px #c0c0c0 !important;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1) !important;
	background: #e9e9e9 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9)) !important;
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9) !important;
}

input.userpro-button.secondary:hover,
a.userpro-button.secondary:hover {
    background: #fefefe !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)) !important;
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0) !important;
	border: solid 1px #c0c0c0 !important;
	color: #999 !important;
}

input.userpro-button.red,
a.userpro-button.red{
	color: #fff !important;
    border: solid 1px #bd3d3d !important;
    box-shadow: inset 0 1px #e16565 !important;
	background: #ae3434 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d14242), to(#ae3434)) !important;
    background: -moz-linear-gradient(0% 0% 270deg,#d14242, #ae3434) !important;
}

input.userpro-button.red:hover,
a.userpro-button.red:hover {
	background: #ae3434 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea5252), to(#ae3434)) !important;
    background: -moz-linear-gradient(0% 0% 270deg,#ea5252, #ae3434) !important;
	border: solid 1px #bd3d3d !important;
	color: #fff !important;
}

/* widget */
div.userpro {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
}

/* head part */
div.userpro-head {
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f5f5f5));
    background: -moz-linear-gradient(0% 0% 270deg,#fefefe, #f5f5f5);
	border-bottom: 1px solid #f1f1f1;
}
div.userpro-head.userpro-head-corners {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

/* profile css */
div.userpro-profile-name {
	color: #444;
}

div.userpro-profile-name a {
	color: #777 !important;
}

div.userpro-profile-img img {
	border-radius: 3px;
	border: 1px solid #ddd;
	background: #ddd;
}

/* form section */
div.userpro-section {border-bottom: 1px solid #eee;}

/* form fields */
div.userpro-field.userpro-submit {border-top: 1px solid #e5e5e5}

div.userpro-label {color: #333;}

/* text inputs, radio, etc */
div.userpro-input i.userpro-meta-value {color: #ccc}
div.userpro-input a:hover i.userpro-meta-value {color: #444}

div.userpro-input input[type=text],
div.userpro-input input[type=password],
div.userpro-input textarea
{
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	background: #fff !important;
	color: #444 !important;
	border: 1px solid #ddd !important;
	box-shadow: inset 0 -1px 4px #eee !important;
}

div.userpro-input input[type=text]:focus,
div.userpro-input input[type=password]:focus,
div.userpro-input textarea:focus
{
	border: 1px solid #bbb !important;
	box-shadow: inset 0 -1px 4px #ddd !important;
}

div.userpro-input input[type=text].warning,
div.userpro-input input[type=text].warning:focus,
div.userpro-input input[type=password].warning,
div.userpro-input input[type=password].warning:focus,
div.userpro-input input[type=text].ok,
div.userpro-input input[type=text].ok:focus,
div.userpro-input input[type=password].ok,
div.userpro-input input[type=password].ok:focus
{
	padding-right: 40px !important;
}

/* checkbox and radio stuff */
div.userpro-input label.userpro-radio, div.userpro-input label.userpro-checkbox { }
div.userpro-input label.userpro-checkbox.hide-field { }
div.userpro-input label.userpro-radio span {background: url(img/unchecked.png) no-repeat center;}
div.userpro-input label.userpro-radio span.checked {background: url(img/checked.png) no-repeat center;}
div.userpro-input label.userpro-checkbox span {background: url(img/unchecked-checkbox.png) no-repeat center;}
div.userpro-input label.userpro-checkbox span.checked {background: url(img/checked-checkbox.png) no-repeat center;}

div.userpro-pic img {background: #ddd;}

div.ajax-file-upload-progress {border: 1px solid #ddd;}

div.ajax-file-upload-bar{background: #75c03d;}

/* overlay and popup content */
div.userpro-overlay {background: url(img/overlay.png) repeat;}

/* search users */
div.userpro-search {
	border-bottom: 1px solid #eee;
}

form.userpro-search-form input[type=text] {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	color: #444;
	border: 1px solid #ddd;
	box-shadow: inset 0 -1px 4px #eee;
}

form.userpro-search-form input[type=text]:focus
{
	border: 1px solid #bbb;
	box-shadow: inset 0 -1px 4px #ddd;
}

/* member listing widgets */
div.userpro-user div.userpro-user-link i {
	color: #666;
}

div.userpro-user div.userpro-user-link a {
	color: #fff;
	background: #666;
	box-shadow: 0 1px 2px #aaa;
}

div.userpro-user div.userpro-user-link a {
	border-radius: 20px;
}

div.userpro-user a.userpro-user-img span {
	background: #ff6000;
	color: #fff;
}

/* paginate users */
div.userpro-paginate span,
div.userpro-paginate a.page-numbers {
	background: #fff;
	border: 1px solid #ddd;
}

div.userpro-paginate span.current {
	background: #444;
	color: #fff;
}

div.userpro-paginate a.page-numbers:hover {
	background: #336699;
	color: #fff;
}

/* latest users widget */
div.userpro-list-item {
	border-bottom: 1px solid #eee;
}
div.userpro-list-item-i {
	background: #eee;
	border-radius: 3px !important;
}
div.userpro-list-item-i img {
	border-radius: 3px !important;
}
a.userpro-list-item-name {
	color: #777 !important;
}
a.userpro-list-item-name:hover {
	color: #333 !important;
}