/* Breadcrumb override styles
----------*/
#guild-profile-wrapper .ui-page-nav-bar .breadcrumbs .pp {
	background: #FFA500;
	cursor: pointer;
}
#guild-profile-wrapper .ui-page-nav-bar .breadcrumbs .pp a {
	background: url('../../images/icons/player-breadcrumbs-sprite.png') 0 -36px no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	width: 14px;
	height: 36px;
}
#guild-profile-wrapper .ui-page-nav-bar .breadcrumbs .pp::after { border-left-color: #FFA500; }
#guild-profile-wrapper .ui-page-nav-bar .breadcrumbs .name { background: #353535; }
#guild-profile-wrapper .ui-page-nav-bar .breadcrumbs .name::after { border-left-color: #353535; }

/* Main wrapper styles
----------*/
#guild-profile-wrapper .main-wrapper {
	height: 362px;
	margin-bottom: 10px;
	color: #121212;
}

/* Avatar section styles. */
#guild-profile-wrapper .main-wrapper > .avatar-section {
	float: left;
	width: 334px;
	height: 100%;
	background: #1F1F1F url("../../images/ui/box-background-dark.png") bottom right no-repeat;
	color: #ECECEC;
	box-sizing: border-box;
}

#guild-profile-wrapper.preferred .main-wrapper > .avatar-section {
	border: 1px solid #FFA500;
}

/* Overview section styles. */
#guild-profile-wrapper .main-wrapper > .overview-section {
	float: right;
	height: 342px;
	width: 640px;
	background: #ececec url("../../images/ui/box-background.png") bottom right no-repeat;
	padding: 10px;
	position: relative;
}

/* Override anchor styles for names within areas of guild profile. */
#guild-profile-wrapper .main-wrapper > .overview-section .guild-name > a,
#guild-profile-wrapper .all-stats .ui-guild-name,
#guild-profile-wrapper .all-stats .ui-player-name {
	font-weight: bold;
}

/* Credits display styles. */
#guild-profile-wrapper .main-wrapper > .overview-section .credits {
	bottom: 10px;
	right: 10px;
	position: absolute;
	font-weight: bold;
	padding: 10px;
	text-align: right;
	color: #565656;
	background: rgba(0, 0, 0, 0.07);
}

#guild-profile-wrapper .main-wrapper > .overview-section .credits .row { cursor: pointer; }
#guild-profile-wrapper .main-wrapper > .overview-section .credits .row:not(:last-child) {
	margin-bottom: 5px;
}

#guild-profile-wrapper .main-wrapper > .overview-section .credits .row .value {
	font-size: 18px;
	padding-left: 6px;
}

#guild-profile-wrapper .main-wrapper > .overview-section .credits .row .value.available { color: #008000; }
#guild-profile-wrapper .main-wrapper > .overview-section .credits .row .value.banked { color: #C14646; }

/* #guild-profile-wrapper .main-wrapper > .overview-section .badge-skill {
	background: #1F1F1F url("../../images/ui/box-background-dark.png") bottom right no-repeat;
	height: 36px;
	margin: -10px -10px 10px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.37);
}
#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill::after {
	content: '';
	display: block;
	clear: both;
}

#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill .last-online,
#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill .kill-streak {
	float: left;
	height: 100%;
	color: #808080;
	padding: 0 10px;
	line-height: 36px;
	font-style: italic;
}

#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill .last-online .online {
	color: #008000;
}

#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill .badges {
	padding: 0;
	float: right;
	list-style: none;
	margin: 6px;
}

#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill .badges li {
	float: left;
	margin-left: 5px;
	background: rgba(255,255,255,0.1);
	height: 25px;
	width: 25px;
	border-radius: 4px;
}

#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill .badges .more {
	color: rgb(230, 223, 223);
	background: #8A4343;
	font-size: 20px;
	text-align: center;
	border: 1px solid #c14646;
	box-sizing: border-box;
	cursor: pointer;
}

#guild-profile-wrapper .main-wrapper > .overview-section .badge-skill .badges li img {
	vertical-align:middle;
	cursor:pointer;
	width:25px;
	height:25px;
} */

/* Additional stats styles. */
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats {
	position: absolute;
	right: 10px;
	/* top: 38px; */
	top: 10px;
}

/* Profile message styles. */
/* #guild-profile-wrapper .main-wrapper > .overview-section .additional-stats .quote {
	margin: 0 10px 4px 10px;
	color: #B50404;
	text-align: right;
	max-width: 274px;
}
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats .quote::before,
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats .quote::after {
	content: '\201C ';
	color: #565656;
	display: inline-block;
	font-size: 54px;
	height: 26px;
	overflow: hidden;
	margin-top: 0px;
}
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats .quote::after {
	content: ' \201D';
	margin-top: -15px;
	position: relative;
	top: 8px;
}*/

#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats > ul {
	margin-top: 0px;
	/* margin-top: 12px; */
	padding: 0;
	list-style: none;
	width: 215px;
	position: absolute;
	right: 0;
}
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats > ul li {
	background: rgba(17, 32, 55, 0.19);
	padding: 6px;
	margin-bottom: 3px;
	font-style: italic;
	color: #383838;
}
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats > ul li:nth-child(odd) {
	background: rgba(17, 32, 55, 0.1);
}
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats > ul li span {
	float: right;
	font-weight: bold;
	font-style: normal;
	color: #000;
}
#guild-profile-wrapper .main-wrapper > .overview-section .additional-stats > ul li span a {
	font-weight: bold;
	color: #B50404;
}

/* Avatar box styles. */
#guild-profile-wrapper .avatar-wrapper {
	height: 314px;
	margin: 23px 0 10px 0;
	line-height: 314px;
	text-align: center;
	position: relative;
}
#guild-profile-wrapper .avatar-wrapper > .avatar {
	display: inline-block;
	vertical-align: middle;
	max-height: 314px;
	max-width: 314px;
	background: rgba(255, 255, 255, 0.25);
}

/* Special "change avatar" overlay for avatar box. */
#guild-profile-wrapper .avatar-wrapper > .change-avatar {
	font-size: 22px;
	text-align: center;
	cursor: pointer;
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#guild-profile-wrapper .avatar-wrapper:hover > .change-avatar {
	display: block;
}
#guild-profile-wrapper .avatar-wrapper > .change-avatar > a {
	color: #fff;
	text-decoration: none;
	background: rgba(0,0,0,0.7);
	padding: 142px 80px 142px 80px;
}

/* Upgrades box styles. */
#guild-profile-wrapper .main-wrapper .overview-section .upgrades {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#guild-profile-wrapper .main-wrapper .overview-section .upgrades img {
	float: left;
	display: block;
	margin-right: 8px;
	cursor: pointer;
}

/* #guild-profile-wrapper .ui-widget-wrapper.top-row {
	margin-bottom: 10px;
}

#guild-profile-wrapper .top-row .top-row-box {
	padding: 10px;
	background: #ececec url("../../images/ui/box-background.png") bottom right no-repeat;
}

#guild-profile-wrapper .top-row .top-row-box .info {
	float: left;
	position: relative;
	height: 350px;
	display: block;
	width: 640px;
}

#guild-profile-wrapper .top-row .top-row-box .info .details {
	position: absolute;
	right: 0;
	top: 5px;
}


#guild-profile-wrapper .top-row .top-row-box .info .upgrades {
	position: absolute;
	bottom: -3px;
	left: 10px;
	width: 100%;
}

#guild-profile-wrapper .top-row .top-row-box .info .upgrades img {
	cursor:pointer;
	margin-right: 8px;
}

#guild-profile-wrapper .top-row .top-row-box .avatar {
	float: left;
	width: 340px;
	height: 350px;
	background: #1F1F1F url("../../images/ui/box-background-dark.png") bottom right no-repeat;
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	position: relative;
}

#guild-profile-wrapper .top-row .top-row-box .avatar img {
	max-width: 318px;
	max-height: 328px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#guild-profile-wrapper .top-row .top-row-box::after {
	content: "";
	display: block;
	clear: both;
}



#guild-profile-wrapper .top-row .top-row-box .info .details > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 215px;
	position: absolute;
	right: 0;
}
#guild-profile-wrapper .top-row .top-row-box .info .details > ul li {
	background: rgba(17, 32, 55, 0.19);
	padding: 6px;
	margin-bottom: 3px;
	font-style: italic;
	color: #383838;
}
#guild-profile-wrapper .top-row .top-row-box .info .details > ul li:nth-child(odd) {
	background: rgba(17, 32, 55, 0.1);
}
#guild-profile-wrapper .top-row .top-row-box .info .details > ul li span {
	float: right;
	font-weight: bold;
	font-style: normal;
	color: #000;
}
#guild-profile-wrapper .top-row .top-row-box .info .details > ul li span a {
	font-weight: bold;
	color: #B50404;
}





#guild-profile-wrapper .top-row .top-row-box .info .credits {
	bottom: 0;
	right: 0;
	position: absolute;
	font-weight: bold;
	padding: 10px;
	text-align: right;
	color: #565656;
	background: rgba(0, 0, 0, 0.07);
}

#guild-profile-wrapper .top-row .top-row-box .info .value {
	font-size: 18px;
	padding-left: 6px;
	color: #008000;
}







*/















/* All Stats box styles
----------*/
#guild-profile-wrapper .all-stats {
	margin-top: 10px;
}

#guild-profile-wrapper .all-stats .stats {
	padding: 0;
	list-style: none;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
	margin: 10px;
}

#guild-profile-wrapper .all-stats .stats li {
	color: #585858;
	border-bottom: 1px dashed #757575;
	padding: 5px 2px 2px 2px;
}
#guild-profile-wrapper .all-stats .stats li::after {
	content: '';
	display: block;
	clear: both;
}

#guild-profile-wrapper .all-stats .stats li span {
	float: right;
    font-weight: bold;
    color: #2D2D2D;
}












#guild-profile-wrapper .ui-widget-wrapper.two-column.member-desc {
	margin-bottom: 10px;
}

#guild-profile-wrapper .ui-widget-wrapper.two-column.member-desc .column.left {
	width: 350px;
}
#guild-profile-wrapper .ui-widget-wrapper.two-column.member-desc .column.right {
	width: initial;
}

/* Members list box styles.
----------*/
#guild-profile-wrapper .members-list-box .scrollable {
	height: 470px;
	overflow-y: scroll;
}

#guild-profile-wrapper .members-list-box .scrollable::-webkit-scrollbar{
	width: 10px;
	padding: 0 1px;
	border-left: 1px solid #e8e8e8;
}
#guild-profile-wrapper .members-list-box .scrollable::-webkit-scrollbar-track{ background: #F4F4F4; }
#guild-profile-wrapper .members-list-box .scrollable::-webkit-scrollbar-thumb{
	background: #BCBCBC;
	border: 1px solid #A8A8A8;
}

#guild-profile-wrapper .members-table.ui-table-basic tr td {
	padding: 3px 10px;
}

/* Description box styles.
----------*/
#guild-profile-wrapper .description-box {
	background: #1F1F1F url("../../images/ui/box-background-dark.png") bottom right no-repeat;
	color: #fff;
}
#guild-profile-wrapper .description-box .container {
	overflow: auto;
	max-width: 644px;
	max-height: 470px;
	min-height: 449px;
	padding: 10px;
	box-sizing: border-box;
}












/* Shrink the boxes to fit, when the guild chat box is present. */
#guild-profile-wrapper.is-in-this-guild .members-list-box .scrollable {
	height: 171px;
}
#guild-profile-wrapper.is-in-this-guild .ui-chat-widget .content-box {
	height: 200px;
}