#togglePosts,
#togglePlans,
#toggleCredibility {
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	padding: 1.875rem 1.25rem 1.25rem 1.25rem;
	background-color: #f8f8f8;
}
#togglePosts {
	padding: 1.25rem 0 1.25rem 0;
}
#togglePosts .post > .row,
#toggleComments #comments .row {
	margin-left: 0;
	margin-right: 0;
}
#toggleCredibility {
	background-color: #f8f8f8;
}
#toggleComments  {
	padding: 1.25rem 0 1.25rem 0;
	background-color: #f8f8f8;
}
.credibilityTitle {
	text-align: center;
	margin-bottom: 1.25rem;
}
.userPlaque .chatIcon {
	margin: 0.3125rem 0 0.4rem 0;
}
.userPlaque .chatIcon img {
	width: 1.5625rem;
	height: 1.3125rem;
}


.userPlans #planTable {
	width: 100%;
}
.userPlans #planViewTable td.label {
	width: 40%;
	text-align: right;
	padding-right: 1.25rem;
}
.userPlans .rectangleOverlap {
	position: absolute;
	margin: 0.3125rem 0 0 37.5rem;
}
#register #saveTemplate .saveForm {
	padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}
#contentTop p.attention {
	margin: 0 auto 1.875rem auto;
	width: 30rem;
	line-height: 1.25rem;
}
#standardForm  {
	padding-top: 1.875rem;
}
#standardForm > form > .forgot {
	font-family: 'UBold';
	text-align: center;
	margin-top: 1.25rem;
}
#standardForm > form > .forgot > a {
	color: #124176;
}
#standardForm table.contact textarea {
	padding: 0.625rem;
}
#standardForm table.contact input.text {
	border: 0.125rem solid #343330;
	height: 1.875rem;
	width: 18.75rem;
	padding-left: 0.625rem;
	
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
#standardForm .viewPlans {
	margin-top: 1.25rem;
	text-align: center;
	font-family: 'UBold';
}
#standardForm .logout {
	margin-top: 0.625rem;
	text-align: center;
}
#settings .emailed {
	padding: 1.25rem;
}
#settings .emailed > h1 {
	margin-bottom: 1.25rem;
}
#settings .emailed > p {
	line-height: 1.375rem;
}
.newUserMessage > h1,
.newUserMessage > p, 
.newUserMessage > div {
	margin-bottom: 1rem;
}
.newUserMessage {
	margin-bottom: 2rem;
}
.newUserMessage > h1 {
	font-family: 'UBold';
}
table.registerTable {
	width: 28.75rem;
	margin: auto;
	padding-top: 1.875rem;
}
table.registerTable td.label {
	text-align: left;
	font-size: 1.25rem;
	vertical-align: middle;
}
table.registerTable td.userLabel {
	text-align: left;
}
table.registerTable td {
	padding: 0.3125rem;
	height: 2.5rem;
}
table.registerTable td.submission {
	text-align: center;
	padding-top: 1.25rem;
}


/* -- Login Form -- */
#loginPopup .innerWrapper > div,
#registerPopup .innerWrapper > div {	
	width: 37.5rem;
	margin: auto;
	padding: 0.625rem 0 0.625rem 0;
	min-height: 18.75rem;
	
	background-color: #292825;
	
	border: 0.25rem solid #5d5d5d;
	
	border-radius: 0.625rem;
	-moz-border-radius: 0.625rem;
	-webkit-border-radius: 0.625rem;
}
.contentArea .inner > h1 {
	text-align: center;
	font-size: 1.625rem;
	color: #fff;
	margin: 0 0 1.875rem 0;
}

.contentArea .inner input {
	font-size: 1.625rem;
	height: 3.125rem;
	width: 25rem;
	line-height: 0.0625rem;
	margin: 0 auto 1.25rem auto;
	padding-left: 0.625rem;
	display: block;
	
	background-color: #7d888f;
	border: 0.0625rem solid #5d5d5d;
	
	border-radius: 0.3125rem;
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
}
.contentArea .inner select {
	font-size: 1.625rem;
	height: 3.125rem;
	width: 25rem;
	line-height: 0.0625rem;
	margin: 0 auto 1.25rem auto;
	padding-left: 0.625rem;
	display: block;
	
	background-color: #7d888f;
	border: 0.0625rem solid #5d5d5d;
	
	border-radius: 0.3125rem;
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
}
.contentArea .inner select > option {
	border-bottom: 0.0625rem solid #4b4b4b;
	padding: 0.3125rem 0 0.3125rem 0.625rem;
}
.contentArea .inner textarea {
	font-size: 0.875rem;
	height: 12.5rem;
	width: 25rem;
	margin: 0 auto 1.25rem auto;
	padding-left: 0.3125rem;
	display: block;
	color: #000;
	
	background-color: #7d888f;
	border: 0.0625rem solid #5d5d5d;
	
	border-radius: 0.3125rem;
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
}
.contentArea .inner input:hover {
	background-color: #a3acb2;	
}
.contentArea .inner input.disabled {
	background-color: #504b4b;
	color: #b5b5b5;
}
.contentArea .inner input.disabled:hover {
	background-color: #504b4b;
}
.contentArea .inner > button {
	font-size: 1.625rem;
	height: 3.125rem;
	width: 25rem;
	line-height: 3.125rem;
	margin: 0 auto 1.25rem auto;
	padding: 0rem;
	display: block;
	
	color: #fff;
	font-family: 'UBold';
	text-transform: uppercase;
	text-shadow: 0.0625rem 0.0625rem black;
   
	background-image: -ms-linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: -o-linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: -moz-linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: -webkit-linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	
	border: 0.0625rem solid #363431;
	border-radius: 0.3125rem;
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
	cursor: pointer;
} 
.contentArea .inner > button:hover {
	color: #d9dddf;
	background-image: -ms-linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: -o-linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: -moz-linear-gradient(top, #ffcf01 0%, #e17b1c 100%);
	background-image: -webkit-linear-gradient(top, #ffda3c 0%, #e4842a 100%);
}
.contentArea .inner > p {
	color: #d9d9d9;
	text-align: center;
}
.contentArea .inner > .link {
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.contentArea .inner > .logo {
	text-align: center;
	margin: 2.5rem 0 1.25rem 0;
}

.registerForm,
.loader {
	display: none;
}
.innerWrapper .loader {
	text-align: center;
}
.innerWrapper .loader > .inner > div {
	color: #919191;
	margin-top: 1.25rem;
}
.innerWrapper .loader img {
	margin-top: 3.125rem;
}
.innerWrapper > div  > .inner input.inputError {
	background-color: #ff4141;
	border: 0.0625rem solid #000;
}
.innerWrapper > div  > .inner > .errorOutput {
	font-size: 1.375rem;
	text-align: center;
	color: #ff3232;
	margin-bottom: 1.25rem;
}
.innerWrapper > div  > .inner > .alertOutput {
	font-size: 1.375rem;
	text-align: center;
	color: #4ed738;
	margin-bottom: 1.25rem;
}
.logout > div {
	color: #c5c5c5;
	text-align: center;
	line-height: 1.25rem;
	margin-bottom: 2.5rem;
}

/* ---- User Plaques ----*/
.userPlaque {
	max-width: 11rem;
	padding: 0.3125rem;
	margin-bottom: 0.625rem;
	background-color: #5a5a5a;
	cursor: pointer;
	
	background-image: -ms-linear-gradient(top, #5a5a5a 0%, #2e2b2b 100%);
	background-image: linear-gradient(top, #5a5a5a 0%, #2e2b2b 100%);
	background-image: -o-linear-gradient(top, #5a5a5a 0%, #2e2b2b 100%);
	background-image: -moz-linear-gradient(top, #5a5a5a 0%, #2e2b2b 100%);
	background-image: -webkit-linear-gradient(top, #5a5a5a 0%, #2e2b2b 100%);
	
	border: 0.25rem solid #282626;
	border-radius: 0.3125rem;
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
}
.userPlaque:hover {
	background-image: -ms-linear-gradient(top, #7d7c7c 0%, #262323 100%);
	background-image: linear-gradient(top, #7d7c7c 0%, #262323 100%);
	background-image: -o-linear-gradient(top, #7d7c7c 0%, #262323 100%);
	background-image: -moz-linear-gradient(top, #7d7c7c 0%, #262323 100%);
	background-image: -webkit-linear-gradient(top, #7d7c7c 0%, #262323 100%);
}
.userPlaque > .chatIcon {
	position: absolute;
	z-index: 5;
	margin: 0rem 0 0 9.6875rem;
	width: 1.5625rem;
	height: 1.3125rem;
}
.userPlaque > h1 {
	font-size: 0.875rem;
	margin: 0 0 0.625rem 0;
	text-align: center;
	padding: 0;
}

.userPlaque h1,
.userPlaque a,
#postList .userPlaque a,
#clanView .userPlaque a {
	color: #ff9242;
}
.userPlaque > .details > .avatar {
	height: 3.125rem;
	width: 3.125rem;
	border: 0.125rem solid #282626;
	text-align: center;
	margin: 0 auto 0.625rem auto;
	border-radius: 0.1875rem;
	-moz-border-radius: 0.1875rem;
	-webkit-border-radius: 0.1875rem;
}
.userPlaque > .details > .info {
	font-size: 0.75rem;
	color: #eae7e7;
	margin: 0.1875rem 0 0.625rem 0.625rem;
	float: left;
	min-height: 3.125rem;
}
.userPlaque > .details > .titles {
	text-align: center;
	margin-left: 0.625rem;
}
.userPlaque > .details > .info .join span {
	font-size: 0.75rem;
}
.userPlaque > .details > .info > div {
	margin-bottom: 0.3125rem;
}
.userPlaque > .details .credTitle {
	color: #f3bc36;
	text-align: center;
	font-size: 0.75rem;
}
.userPlaque .staffTitle {
	color: #f3bc36;
	text-align: center;
	font-size: 0.75rem;
	margin: 0.3125rem 0 0rem 0;
	font-family: 'UBold';
}
.userPlaque > .details > .info > div:last-child {
	margin-bottom: 0rem;
}
.userPlaque .info label {
	width: 2.5rem;
	display: inline-block;
}
.adminPlaque {
	border: 0.25rem solid #ffb527;
}
.userPlaque > .details > .info label {
	font-size: 0.75rem;
	width: 3.75rem;
}

#postList .userPlaque {
	float: left;
	margin-bottom: 0.625rem;
}
.plaqueCentered > .userPlaque {
	margin: 0 auto 1.25rem auto;
}
#credRankingTable {
	width: 100%;
}
#credRankingTable td {
	padding: 0.5rem;
}
#rankings {
	margin: 0 1.25rem 0 1.25rem;
}
#rankings .ranking {
	background-color: #413d36;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	float: left;
	width: 55.625rem;
	padding: 0.3125rem;
	margin-bottom: 0.625rem;
	border: 0.25rem solid #282626;
	
	background-image: -ms-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -o-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -moz-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -webkit-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
}
#rankings .ranking > div {
	float: left;
	display: inline-block;
}
#rankings .userPlaque {
	margin-bottom: 0rem;
}


#rankings .ranking > .rank,
#rankings .ranking > .credibility,
#rankings .ranking > .character {
	font-size: 2.125rem;
	font-family: 'UBold';
	padding-top: 1.25rem;
	text-align: center;
	color: #e0dfdc;	
}
#rankings .ranking > .rank {
	width: 9.375rem;
}
#rankings .ranking > .credibility {
	float: left;
	width: 15.625rem;
}
#rankings .ranking > .character {
	float: left;
	width: 18.75rem;
}
#rankings .ranking > .plaque {
	float: right;
}
#rankings .top10 {
	border: 0.25rem solid #057ab5;
}
#rankings .top10 > .credibility,
#rankings .top10 > .rank,
#rankings .top10 > .character {
	color: #057ab5;
}
#rankings .top3 {
	border: 0.25rem solid #ffb527;
}
#rankings .top3 > .credibility,
#rankings .top3 > .rank,
#rankings .top3 > .character {
	color: #ffb527;
}
#rankings .myRanking {
	
	background-image: -ms-linear-gradient(top, #198719 0%, #074207 100%);
	background-image: linear-gradient(top, #198719 0%, #074207 100%);
	background-image: -o-linear-gradient(top, #198719 0%, #074207 100%);
	background-image: -moz-linear-gradient(top, #198719 0%, #074207 100%);
	background-image: -webkit-linear-gradient(top, #198719 0%, #074207 100%);
}

.staffList > .staffIntro {
	background-color: #413d36;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	width: 51.25rem;
	padding: 1.25rem;
	float: left;
	margin-bottom: 2.5rem;
	margin-left: 2.5rem;
	border: 0.25rem solid #282626;
	color: #f4f4f4;
	font-size: 1rem;
	line-height: 1.5rem;
	
	background-image: -ms-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -o-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -moz-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -webkit-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
}
.staffList > .moderator {
	background-color: #413d36;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	width: 53.125rem;
	padding: 0.3125rem;
	float: left;
	margin-bottom: 1.25rem;
	margin-left: 2.5rem;
	border: 0.25rem solid #282626;
	color: #ffc000;
	
	background-image: -ms-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -o-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -moz-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
	background-image: -webkit-linear-gradient(top, #2e2b2b 0%, #5a5a5a 100%);
}
.staffList .name {
	float: left;
	font-size: 1.875rem;
	padding-left: 1.25rem;
	width: 16.875rem;
	line-height: 8.5rem;
	height: 8.5rem;
}
.staffList .title {
	float: left;
	font-size: 1.375rem;
	width: 16.875rem;
	line-height: 8.5rem;
	height: 8.5rem;
	text-align: center;
}
.staffList .plaque {
	width: 17.5rem;
	float: right;
	vertical-align: middle;
	height: 8.5rem;
}
.staffList .userPlaque {
	margin: 1.25rem 0 0 5rem;
}
.staffList {
	padding-top: 1.25rem;
}
#avatarPopup {
	cursor: pointer;
}
#avatarSelection h1 {
	margin: 1.25rem 0 2.5rem 0;
}
#avatarSelection ul {
	margin: 0 auto 3.125rem auto;
	width: 33.75rem;
}
#avatarSelection li {
	width: 6.25rem;
	height: 6.25rem;
	vertical-align: middle;
	border: 0.125rem solid #292825;
	text-align: center;
	display: inline-block;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	cursor: pointer;
}
#avatarSelection li img {
	padding-top: 1.5625rem;
}
#avatarSelection li.disabled img {
	opacity: 0.3;
}
#avatarSelection li.disabled span {
	font-size: 0.75rem;
	color: #fff;
	position: absolute;
	width: 6.25rem;
	height: 6.25rem;
	display: block;
	margin-top: 4.6875rem;
	text-align: center;
	opacity: 0.6;
	font-family: 'UBold';
	line-height: 0.875rem;
}
#avatarSelection li.disabled span.top {
	margin-top: 0.5625rem;
}
#avatarSelection li.disabled span.bottom {
	margin-top: 4.875rem;
}
#avatarSelection li:hover {
	cursor: pointer;
	background-color: #434240;
	border: 0.125rem solid #ffd200;
}
#avatarSelection li.disabled:hover {
	cursor: auto;
	background-color: inherit;
	border: 0.125rem solid #292825;
}
	

@media (max-width: 1421px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 1024px) {	
}
@media (max-width: 800px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}