#deck-form {
	margin: 2px 0px 2px 0px;
	padding:0;
	width: 100%;	
}

#deck-form select {
	margin-bottom: 0;
}

.runeManagerMaroon {
	background-color: #A82A12;
}

.runeManagerLightBlue {
	color: #128FA8;
}

.runeManagerPurple {
	color: #AF4CE2;
}

.runeManagerGreen {
	color: #7BA812;
}

th.runeManagerActiveTotal {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffb400;
	padding: 3px;
	text-align: center;
}

.unspentCpText {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFC90C;
}

.runeManagerFactionName {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
}

.runeManagerPortraitIllustratedTitle {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	float: left;
	height: 2em;
	color: #aaaaaa;
}

.runeManagerPortraitIllustratedValue {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #ffb400;
}

.runeManagerPortraitRarity {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	
	text-align: right; 
	margin-bottom: 1em;
}

.runeManagerRarityCommon {
	color: #FFC90C;
}

.runeManagerRarityUncommon {
	color: #A82A12;
}

.runeManagerRarityRare {
	color: #128FA8;
}

.runeManagerRarityExotic {
	color: #AF4CE2;
}

.runeManagerRarityLimitedEdition {
	color: #FFFFFF;
}

.runeManagerRarityPremiumEdition {
	color: #7BA812;
}

.runeManagerRarityExclusive {
	color: #ff53b9;
}

.runeManagerPortraitLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 0.1em;
	color: #ffffff;
}

.runeManagerPortraitValue {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #a0ffe7;
}

.runeManagerPortraitLabelRightCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 0.1em;
	color: #ffffff;
	text-align: center;
}

.runeManagerPortraitValueRightCol {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #a0ffe7;
	text-align: center;
	padding-bottom: 0.6em;
}

.runeManagerPortraitAbilityHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 0.1em;
	color: #d0ffa3;
	text-align: center;
	display: block;
	
	margin: 0 0 .5em 0;
}


.runeManagerPortraitElementalHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 0.1em;
	color: #fdb300;
}

.runeManagerPortraitElementalText {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-variant: normal;
	color: #c6c6c6;
}

.runeManagerNoraEfficiency {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
}

.runeManagerPortraitAttribute {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
}

.runeManagerPortraitDescription {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}

.runeManagerPortraitName {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
}

.premiumStorePortraitName {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
}

.premiumStoreDetailsAttributes {
	position: absolute; 
	text-align: center; 
	width: 180px; 
	top: 48px; 
	left: 0px;
}

.premiumStoreDetailsDescription {
	position: absolute; 
	text-align: center; 
	width: 140px; 
	top: 210px; 
	left: 25px;
}


.runeManagerPortraitNora, .runeManagerPortraitLevel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
}

.runeManagerPortraitNora {
	position: absolute; 
	text-align: center; 
	width: 40px; 
	top: 477px; 
	left: 0px;
}
			
.runeManagerPortraitLevel {
	position: absolute; 
	text-align: center; 
	width: 40px; 
	top: 477px; 
	left: 205px;
}		

.runeManagerPortraitAlignment { width: 32px; top: 173px; left: 94px;
	position: absolute; 
	text-align: center; 
	width: 32px; 
	top: 468px; 
	left: 94px;
}

.runeManagerDetailsDescription {
	position: absolute; 
	text-align: center; 
	width: 200px; 
	top: 260px; 
	left: 25px;
}

.runeManagerDetailsAttributes {
	position: absolute; 
	text-align: center; 
	width: 200px; 
	top: 61px; 
	left: 15px;
}

.runeManagerLessAttribute {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #ff0000;
}

.runeManagerGreaterAttribute {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #00ff00;
}

.runeManagerPortraitExperienceBar {
	background-color: #00ff00;
}

.runeManagerNotify {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	font-weight: normal;
	font-variant: normal;
	color: #ffb400;
	text-decoration: none;
}

.runeManagerRuneName {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #ffb400;
	text-decoration: none;
}


.managerChampList td,
.managerSpellList td,
.managerFragmentList td,
.managerEquipmentList td,
.managerRelicList td,
.managerShrineList td {
	font: 10px Arial, Helvetica, Verdana, sans-serif;
}

.managerChampList th,
.managerSpellList th,
.managerFragmentList th,
.managerEquipmentList th,
.managerRelicList th,
.managerShrineList th {
	font: 10px Arial, Helvetica, Verdana, sans-serif;
}



/******************** CHAMP LIST ***********************/

.managerChampList .rarity {
	width: 4%;
	text-align: center;
}

.managerChampList .rune {
	width: 26%;
	text-align: left;
}

.managerChampList .runeA {
	width: 29%;
	text-align: left;
}

.managerChampList .cost,
.managerChampList .level,
.managerChampList .attack,
.managerChampList .defense,
.managerChampList .speed,
.managerChampList .damage,
.managerChampList .hitpoints,
.managerChampList .range {
	width: 6%;
	text-align: center;
}

.managerChampList .costA,
.managerChampList .levelA,
.managerChampList .attackA,
.managerChampList .defenseA,
.managerChampList .speedA,
.managerChampList .damageA,
.managerChampList .hitpointsA,
.managerChampList .rangeA {
	width: 5%;
	text-align: center;
}

.managerChampList .date {
	width: 10%;
	text-align: center;
}

.managerChampList .altar {
	width: 2%;
}

.managerChampList .faction {
	width: 8%;
	text-align: center;
}

.managerChampList .factionA {
	width: 9%;
	text-align: center;
}

.managerChampList .button {
	width: 9%;
	text-align: center;
}

.managerFragmentList .altar {
	width: 2%;
}

.managerFragmentList .rarity {
	width: 4%;
	text-align: center;
}

.managerFragmentList .fragment {
	width: 31%;
	text-align: left;
}

.managerFragmentList .date {
	width: 31%;
	text-align: center;
}

.managerFragmentList .color {
	width: 31%;
	text-align: center;
}


/********************* SPELL LIST **********************/

.managerSpellList .rarity {
	width: 4%;
	text-align: center;
}

.managerSpellList .spell {
	width: 24%;
	text-align: left;
}

.managerSpellList .spellA {
	width: 20%;
	text-align: left;
}

.managerSpellList .newrune{
	text-align: left;
}

.managerSpellList .altar {
	width: 2%;
}

.managerSpellList .cost {
	width: 20%;
	text-align: center;
}

.managerSpellList .costA {
	width: 33%;
	text-align: center;
}

.managerSpellList .faction {
	width: 20%;
	text-align: center;
}

.managerSpellList .factionA {
	width: 33%;
	text-align: center;
}

.managerSpellList .date {
	width: 20%;
	text-align: center;
}

.managerSpellList .button {
	width: 9%;
	text-align: center;
}

/******************** RELIC LIST ***********************/

.managerRelicList .rarity {
	width: 4%;
	text-align: center;
}

.managerRelicList .rune {
	width: 28%;
	text-align: left;
}

.managerRelicList .runeA {
	width: 25%;
	text-align: left;
}

.managerRelicList .newrune {
	text-align: left;
}

.managerRelicList .altar {
	width: 2%;
}

.managerRelicList .cost,
.managerRelicList .defense,
.managerRelicList .hitpoints {
	width: 12%;
	text-align: center;
}

.managerRelicList .costA,
.managerRelicList .defenseA,
.managerRelicList .hitpointsA {
	width: 15%;
	text-align: center;
}

.managerRelicList .date {
	width: 12%;
	text-align: center;
}

.managerRelicList .faction {
	width: 12%;
	text-align: center;
}

.managerRelicList .factionA {
	width: 16%;
	text-align: center;
}

.managerRelicList .button {
	width: 9%;
	text-align: center;
}


/********************* EQUIPMENT LIST **********************/

.managerEquipmentList .rarity {
	width: 4%;
	text-align: center;
}

.managerEquipmentList .rune {
	width: 26%;
	text-align: left;
}

.managerEquipmentList .runeA {
	width: 20%;
	text-align: left;
}

.managerEquipmentList .newrune {
	text-align: left;
}

.managerEquipmentList .altar {
	width: 2%;
}

.managerEquipmentList .cost {
	width: 20%;
	text-align: center;
}

.managerEquipmentList .costA {
	width: 33%;
	text-align: center;
}

.managerEquipmentList .faction {
	width: 20%;
	text-align: center;
}

.managerEquipmentList .factionA {
	width: 33%;
	text-align: center;
}

.managerEquipmentList .date {
	width: 20%;
	text-align: center;
}

.managerEquipmentList .button {
	width: 9%;
	text-align: center;
}

/********************* SHRINE LIST **********************/

.managerShrineList .faction {
	text-align: left;
	vertical-align: middle;
}

.managerShrineList .count {
	width: 5%;
	text-align: center;
	vertical-align: middle;
}




#abilityTooltip {
	position: absolute;
	width: 300px;
	display: none;
	background: black;
	z-index: 1001;
}

#abilityTooltipContent {
	padding: 1em;
}

#factionTooltip {
	position: absolute;
	width: 150px;
	display: none;
	background: black;
	z-index: 1000;
}

#factionTooltipContent {
	padding: 1em;
	text-align: center;
}



#runePreview {
	width: 269px;
}



/********** AVATARS ***********/


.below_icon {

	margin: 0 auto;
	text-align: center;
	width: 144px; 
	height: 46px;
	margin-bottom: 10px;
}