@font-face {
  font-family: 'Determination Sans';
  font-style: normal;
  font-weight: 400;
  src: url(DeterminationSansWeb.woff) format(woff);
}

@font-face {
  font-family: 'Determination Mono';
  font-style: normal;
  font-weight: 400;
  src: url(DeterminationMonoWeb.woff) format(woff);
}

@font-face {
  font-family: 'Monster Friend';
  font-style: normal;
  font-weight: 400;
  src: url(MonsterFriend2F.woff) format(woff);
}

@font-face {
  font-family: 'MERCY';
  font-style: normal;
  font-weight: 400;
  src: url(MERCY.woff) format(woff);
}

@font-face {
  font-family: 'Wingdings';
  font-style: normal;
  font-weight: 400;
  src: url(Wingdings.woff) format(woff);
}

@font-face {
  font-family: 'Sans';
  font-style: normal;
  font-weight: 400;
  src: url(ComicSansMSV3.woff) format(woff);
}

@font-face {
  font-family: 'Papyrus';
  font-style: normal;
  font-weight: 400;
  src: url(PapyrusV1.woff) format(woff);
}

@font-face {
  font-family: 'Aster';
  font-style: normal;
  font-weight: 400;
  src: url(Aster.woff2) format(woff2);
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
	20%{color: red;}
	40%{color: yellow;}
	60%{color: green;}
	80%{color: blue;}
	100%{color: orange;}	
}
/* Internet Explorer */
@-ms-keyframes rainbow{
	20%{color: red;}
	40%{color: yellow;}
	60%{color: green;}
	80%{color: blue;}
	100%{color: orange;}	
}

/* Standar Syntax */
@keyframes rainbow{
	20%{color: red;}
	40%{color: yellow;}
	60%{color: green;}
	80%{color: blue;}
	100%{color: orange;}	
}

* {
  font-family: 'Determination Sans';
}

.sans {
  font-family: 'Comic Sans MS';
}

.papyrus {
  font-family: 'Papyrus';
}

.wingdings {
  font-family: 'Wingdings';
}

.aster {
  font-family: 'Aster';
}

.fontmono {
  font-family: 'Determination Mono';
}

.fontmonster {
  font-family: 'Monster Friend';
}

.fontmercytext {
  font-family: 'Mercy';
  color: #FF8E0D;
}

.fontmercy {
  font-family: 'Mercy';
  border: #FF8E0D solid 5px;
  color: #FF8E0D;
  font-size: 30px;
  padding: 2px 5px 2px 32px;
  background-repeat: no-repeat;
  background-position: 4px 11px;
  background-size: 24px;
  text-shadow: 0px 0px 0px #000000;
  display: inline-block;
  background-color: black;
  margin-bottom: 5px;
}

.fontmercy:hover {
  color: #FFFF05;
  border: #FFFF05 solid 5px;
  text-shadow: 0px 0px 0px #000000;
}

.fontmercyactif {
  font-family: 'Mercy';
  border: #FFFF05 solid 5px;
  color: #FFFF05;
  font-size: 30px;
  padding: 2px 5px 2px 32px;
  background-repeat: no-repeat;
  background-position: 4px 11px;
  background-size: 24px;
  text-shadow: 0px 0px 0px #000000;
  display: inline-block;
  background-color: black;
  margin-bottom: 5px;
}

.fontmercyactif:hover {
  color: #FFFF05;
  border: #FFFF05 solid 5px;
  text-shadow: 0px 0px 0px #000000;
  cursor: default;
}

h1
{
	font-weight: 400;
}

h2
{
	font-weight: 400;
}

h3
{
	font-weight: 400;
}

h4
{
	font-weight: 400;
}

h5
{
	font-weight: 400;
}

h6
{
	font-weight: 400;
}

b {
   font-weight : 900;
}

.blink:hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  cursor : pointer;
}

input[type=text], input[type=password], input[type=email] {
	background-color: #C0C0C0;
	border: 2px solid #808080;
	border-radius: 5px;
}

input[type=submit] {
  font-family: 'Mercy';
  border: #FF8E0D solid 5px;
  color: #FF8E0D;
  font-size: 30px;
  padding: 2px 5px 2px 5px;
  background-repeat: no-repeat;
  background-position: 4px 11px;
  background-size: 24px;
  text-shadow: 0px 0px 0px #000000;
  display: inline-block;
  background-color: black;
}

input[type=submit]:hover {
  color: #FFFF05;
  border: #FFFF05 solid 5px;
  text-shadow: 0px 0px 0px #000000;
  cursor: pointer;
}

input[type=button] {
	border-radius: 5px;
	height: 30px;
	background-color: #A0522D;
	border-color: #A0522D;

}

input[type=button]:hover {
    background-color: #8B4513;
	border-color: #8B4513;
	cursor: pointer;
}

button[type=submit] {
	background-color: rgba(0, 0, 0, 0.0);
	border-color: rgba(0, 0, 0, 0.0);

}

button[type=submit]:hover {
    background-color: rgba(0, 0, 0, 0.0);
	border-color: rgba(0, 0, 0, 0.0);
	cursor: pointer;
}

input[type=file] {
	color : #ffffff;

}

::-webkit-input-placeholder { /* Chrome */
  color: #808080;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #808080;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #808080;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #808080;
  opacity: 1;
}

p
{
	line-height: 24px;
}

body
{
	margin : 0px;
}

input , select, textarea, radio, file, option
{
	color : black;
}
li
{
	list-style-type: none;
	position: relative;
}

textarea
{
	width: 60%;
	min-height: 200px
}

a
{
	color: #E5D605;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #E5D605;
}

a:hover
{
	color : #FDF597;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FDF597;
}

.ranktemplate
{
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #151515;
}

.rank0
{
	color : #2C2C2C;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #151515;
}

.rank0A
{
	color : #2C2C2C;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #2C2C2C;
}

.rank0A:hover
{
	color : #4b4a4a;
	cursor : pointer;
	text-shadow: 0px 0px 5px #4b4a4a;
}

.rank1
{
	color : #4df0e9;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #4df0e9;
}

.rank1A
{
	color : #4df0e9;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #4df0e9;
}

.rank1A:hover
{
	color : #b8f7f2;
	cursor : pointer;
	text-shadow: 0px 0px 5px #b8f7f2;
}

.rank2
{
	color : #b338fa;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #b338fa;
}

.rank2A
{
	color : #b338fa;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #b338fa;
}

.rank2A:hover
{
	color : #ddb2f7;
	cursor : pointer;
	text-shadow: 0px 0px 5px #ddb2f7;
}

.rank3
{
	color : #ffb414;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #ffb414;
}

.rank3A
{
	color : #ffb414;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #ffb414;
}

.rank3A:hover
{
	color : #fae3b3;
	cursor : pointer;
	text-shadow: 0px 0px 5px #fae3b3;
}

.rank4
{
	color : #26b613;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #26b613;
}

.rank4A
{
	color : #26b613;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #26b613;
}

.rank4A:hover
{
	color : #87b980;
	cursor : pointer;
	text-shadow: 0px 0px 5px #87b980;
}

.rank5
{
	color : #ffdb35;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #ffdb35;
}

.rank5A
{
	color : #ffdb35;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #ffdb35;
}

.rank5A:hover
{
	color : #fcf0b9;
	cursor : pointer;
	text-shadow: 0px 0px 5px #fcf0b9;
}

.rank6
{
	color : #6149ff;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #6149ff;
}

.rank6A
{
	color : #6149ff;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #6149ff;
}

.rank6A:hover
{
	color : #c0b7fc;
	cursor : pointer;
	text-shadow: 0px 0px 5px #c0b7fc;
}

.rankD
{
	color : #316b2a;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #316b2a;
}

.rankDA
{
	color : #316b2a;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #316b2a;
}

.rankDA:hover
{
	color : #bdddba;
	cursor : pointer;
	text-shadow: 0px 0px 5px #bdddba;
}

.rankTECH
{
	color : #8ee091;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #8ee091;
}

.rankTECHA
{
	color : #8ee091;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #8ee091;
}

.rankTECHA:hover
{
	color : #c5f8c7;
	cursor : pointer;
	text-shadow: 0px 0px 5px #c5f8c7;
}

.rankDEL
{
	color : #333333;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #333333;
}

.rankDELA
{
	color : #333333;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #333333;
}

.rankDELA:hover
{
	color : #A7A7A7;
	cursor : pointer;
	text-shadow: 0px 0px 5px #A7A7A7;
}

.rankDEATH
{
	color : #808080;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #808080;
}

.rankDEATHA
{
	color : #808080;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #808080;
}

.rankDEATHA:hover
{
	color : #DDDDDD;
	cursor : pointer;
	text-shadow: 0px 0px 5px #DDDDDD;
}

.rankBAN
{
	color : #9E7234;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #9E7234;
}

.rankBANA
{
	color : #9E7234;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #9E7234;
}

.rankBANA:hover
{
	color : #E9D5BA;
	cursor : pointer;
	text-shadow: 0px 0px 5px #E9D5BA;
}

.determination
{
	color : #FF0707;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.determinationA
{
	color : #FF0707;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #FF0707;
}

.determinationA:hover
{
	color : #FF9797;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FF9797;
}

.bravery
{
	color : #FF660A;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.braveryA
{
	color : #FF660A;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #FF660A;
}

.braveryA:hover
{
	color : #FFC09B;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FFC09B;
}

.justice
{
	color : #FFFF01;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.justiceA
{
	color : #FFFF01;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #FFFF01;
}

.justiceA:hover
{
	color : #FFFFB0;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FFFFB0;
}

.kindness
{
	color : #01CD01;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.kindnessA
{
	color : #01CD01;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #01CD01;
}

.kindnessA:hover
{
	color : #76FE76;
	cursor : pointer;
	text-shadow: 0px 0px 5px #76FE76;
}

.patience
{
	color : #14A9FF;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.patienceA
{
	color : #14A9FF;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #14A9FF;
}

.patienceA:hover
{
	color : #82D0FF;
	cursor : pointer;
	text-shadow: 0px 0px 5px #82D0FF;
}

.integrity
{
	color : #0101FF;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.integrityA
{
	color : #0101FF;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #0101FF;
}

.integrityA:hover
{
	color : #7E7EFE;
	cursor : pointer;
	text-shadow: 0px 0px 5px #7E7EFE;
}

.perseverance
{
	color : #C301ED;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.perseveranceA
{
	color : #C301ED;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #C301ED;
}

.perseveranceA:hover
{
	color : #EC91FF;
	cursor : pointer;
	text-shadow: 0px 0px 5px #EC91FF;
}

.guidance
{
	color : #FF187B;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.guidanceA
{
	color : #FF187B;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #FF187B;
}

.guidanceA:hover
{
	color : #FFAACE;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FFAACE;
}

.euphoria
{
	color : #06FFA2;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.euphoriaA
{
	color : #06FFA2;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #06FFA2;
}

.euphoriaA:hover
{
	color : #93FFD7;
	cursor : pointer;
	text-shadow: 0px 0px 5px #93FFD7;
}

.purity
{
	color: #E0E0E0;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.purityA
{
	color: #E0E0E0;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #E0E0E0;
}

.purityA:hover
{
	color : #ffffff;
	cursor : pointer;
	text-shadow: 0px 0px 5px #ffffff;
}

.depress
{
	color: #949494;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.depressA
{
	color: #949494;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #949494;
}

.depressA:hover
{
	color : #E4E4E4;
	cursor : pointer;
	text-shadow: 0px 0px 5px #E4E4E4;
}

.neutral
{
	color: #949494;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.neutralA
{
	color: #949494;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #949494;
}

.neutralA:hover
{
	color : #E4E4E4;
	cursor : pointer;
	text-shadow: 0px 0px 5px #E4E4E4;
}

.ghost
{
	color: #787878;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.ghostA
{
	color: #787878;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #787878;
}

.ghostA
{
	color: #787878;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #787878;
}

.animosity
{
	color: #2C2C2C;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.animosityA
{
	color: #2C2C2C;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #2C2C2C;
}

.animosityA:hover
{
	color : #3E3E3E;
	cursor : pointer;
	text-shadow: 0px 0px 5px #3E3E3E;
}

.hate
{
	color: #2C2C2C;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.hateA
{
	color: #2C2C2C;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #2C2C2C;
}

.hateA:hover
{
	color : #3E3E3E;
	cursor : pointer;
	text-shadow: 0px 0px 5px #3E3E3E;
}

.bete
{
	color: #FF0AFA;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 0px #000000;
}

.beteA
{
	color: #FF0AFA;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
	text-shadow: 0px 0px 5px #FF0AFA;
}

.beteA:hover
{
	color : #FF97FD;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FF97FD;
}

.containerBox
{
	border: 5px solid rgba(255, 255, 255, 0.9);
	padding: 1%;	
	position: relative;
	width: auto;
	margin: 5px;
	font-size: 20px;
    background-color: black;
	color: #ffffff;
}

.navDiv
{
	border: 5px solid rgba(255, 255, 255, 0.9);
	padding: 1%;
}

.navTitle
{
	font-size: 20px;
	font-weight: bold;
}

.minisoul
{ 
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  box-shadow: inset -25px -15px 40px rgba(0,0,0,.3);
}

.soul
{
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 20%;
  box-shadow: inset -25px -15px 40px rgba(0,0,0,.3);
}

.footer
{
	color: #ffffff;
	background-color: black;
}

.red, .red li
{
	color : #A00000;
}
.wikiOff, .wikiOn
{
	padding-left: 5px;
	border-bottom: dashed #202020 1px;
}
.wikiOff li li,  .wikiOff li li li
{
	max-height:0;
	overflow: hidden;
	transition: all .5s;
	border-radius:0;
	box-shadow: none;
	border:none;
	margin:0;
	padding-left: 20px;
}
.wikiOn li li, .wikiOn li li li
{
	max-height: 15em;
	transition: all .5s;
	border-radius:0;
	box-shadow: none;
	border:none;
	margin:0;
	padding-left: 20px;
}

.wiki0
{	color : #900000;
	text-shadow: 0px 0px 5px #900000;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
}

.wiki0:hover
{
	color : #FFB0B0;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FFB0B0;
}

.wiki1
{	color : #C08000;
	text-shadow: 0px 0px 5px #C08000;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
}

.wiki1:hover
{
	color : #FFE8B7;
	cursor : pointer;
	text-shadow: 0px 0px 5px #FFE8B7;
}

.wiki2
{	color : #009000;
	text-shadow: 0px 0px 5px #009000;
	text-decoration : none;
	font-weight : bold;
    font-size: 1.1em;
}

.wiki2:hover
{
	color : #C6FFC6;
	cursor : pointer;
	text-shadow: 0px 0px 5px #C6FFC6;
}

.forumrank0
{
		background-color: rgba(160, 82, 45, 0.1);
}
.forumrank1
{
		background-color: rgba(160, 82, 45, 0.2);
}
.forumrank2
{
		background-color: rgba(160, 82, 45, 0.3);
}
.forumrank3
{
		background-color: rgba(160, 82, 45, 0.4);
}
.forumrank4
{
		background-color: rgba(160, 82, 45, 0.5);
}
.forumrank5
{
		background-color: rgba(160, 82, 45, 0.6);
}
.forumrank6
{
		background-color: rgba(160, 82, 45, 0.7);
}

.f-select
{
	font-size : 1.1em;
}
.f-select:hover
{
	color : #ffffff;
	background: linear-gradient(to right, black 60%, transparent);
}

.members tr td
{
	border-bottom : dashed black 1 px;
}
.members  .member0 td
{
	background-color : #B0B0B0;
}
.members  .member1 td
{
	background-color : #A0A0A0;
}
.members  .member2 td
{
	background-color : #909090;
}
.members  .member3 td
{
	background-color : #808080;
}
.members  .member4 td
{
	background-color : #707070;
}
.members  .member5 td
{
	background-color : #606060;
}
.members  .member6 td
{
	background-color : #505050;
}
.members  .member7 td
{
	background-color : #404040;
}
.members  .member8 td
{
	background-color : #303030;
}
.members  .member9 td
{
	background-color : #202020;
}
.members tr th
{
	background-color : #151515;
}
.members .member7 td a,.members .member8 td a,.members .member9 td a
{
	color : #D0D0D0;
	border-color: #ffffff;
}
.members .member7 td a:hover,.members .member8 td a:hover,
.members .member9 td a:hover
{
	color : #000000;
}

.imgrace {
  display: inline-block;
}

.success
{
	background-color: rgba(0, 255, 0, 0.1);
}

.error
{
	background-color: rgba(255, 0, 0, 0.1);
}

.orangebox
{
	border: #FF8E0D solid 5px;
	padding-bottom: 10px;
	background : black;
	margin-left: 5px;
	margin-right: 5px;
}

.forumrank0
{
		background-color: rgba(160, 82, 45, 0.1);
}
.forumrank1
{
		background-color: rgba(160, 82, 45, 0.2);
}
.forumrank2
{
		background-color: rgba(160, 82, 45, 0.3);
}
.forumrank3
{
		background-color: rgba(160, 82, 45, 0.4);
}
.forumrank4
{
		background-color: rgba(160, 82, 45, 0.5);
}
.forumrank5
{
		background-color: rgba(160, 82, 45, 0.6);
}
.forumrank6
{
		background-color: rgba(160, 82, 45, 0.7);
}

.f-select
{
	font-size : 1.1em;
}
.f-select:hover
{
	color : #ffffff;
	background: linear-gradient(to right, black 60%, transparent);
}

.progress {
    background: #333;
    border-radius: 13px;
	width:100%;
    height: 20px;
    padding: 3px;
}


.progress>div {
    content: '';
    display: block;
    height: 100%;
    border-radius: 9px;
}

.cultdiv {
	display: inline-block;
	border: 5px solid rgba(255, 255, 255, 0.9);
	width: 25%;
	padding: 20px;
	margin-bottom : 5px;
}

.cultdiv:hover {
	cursor: pointer;
	background-color: rgba(40, 40, 40, 1);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.guildinfo {
	align: left;
	vertical-align: top;
	background: repeating-linear-gradient(45deg, #131E24, #131E24 10px, transparent 10px, transparent 20px);
	border: 2px solid #375566;
	border-radius: 10px;
	min-height : 200px;
	padding: 10px;
}

.guildinfored {
	align: left;
	vertical-align: top;
	background: repeating-linear-gradient(45deg, #321818, #321818 10px, transparent 10px, transparent 20px);
	border: 2px solid #552B2B;
	border-radius: 10px;
	min-height : 200px;
	padding: 10px;
}