



































.runeStoreItemCount, .runeStoreNotOwnedItem, .runeStoreOwnedItem, .goldStoreItemCount,
.runeStoreRunePreview .runeStats td, .runeStoreRunePreview .runeStats th {

	font: normal 8pt Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
}

.runeStoreButton {
	display: block; 
	width: 190px; 
	height: 74px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.runeStoreButton .name {
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-align: center;
}

.runeStoreButton .price {
	font-size: 12px;
	font-weight: bold;
	color: #D02F00;
	text-align: center;
}

.runeStoreBlue 
{
	font-size:10pt; 
	color:#346AF3; 
	font-weight:bold;
}

.runeStoreRed
{
	font-size:8pt;
	color:#BD3B24;
	font-weight:bold;
}

.premiumStoreGray
{
	font-size: 16px;
	text-decoration: none;
	color: #444444;
}
.premiumStoreRed
{
	font-size:16pt;
	color:#BD3B24;
	font-weight:bold;
}

.premiumStoreLine
{
	font-size:12pt;
	color:#BD3B24;
	text-decoration: line-through;
}

.runeStoreButtonBackground {
	background: url('https://d2aao99y1mip6n.cloudfront.net/images/btn_purchase.gif') bottom no-repeat; 
}

.runeStoreButtonBackground4 {
	background: url('https://d2aao99y1mip6n.cloudfront.net/images/buttons/btn_store_tundra.gif') bottom no-repeat; 
}

.runeStoreButtonBackground5 {
	background: url('https://d2aao99y1mip6n.cloudfront.net/images/buttons/btn_store_peaks.gif') bottom no-repeat; 
}

.creditStoreButton {
	display:block; 
	background: url('https://d2aao99y1mip6n.cloudfront.net/images/credits_btn.jpg'); 
	width:190px; 
	height:67px;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.creditStoreButton .name {
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-align: center;
}

.creditStoreButton .price {
	font-size: 14px;
	font-weight: bold;
	color: #D02F00;
	text-align: center;
}

.runeStoreHeader .headerCart {
	float: left;
	padding: 5px 0;
}

.runeStoreHeader .headerCredits {
	float: right;
	padding: 3px 0;
}

.runeStoreHeader .headerButtons {
	padding: 0 1em;
	text-align: left;
}

/*************** RUNE PREVIEW *****************/
.runeStoreRunePreview .runeName {
	font: normal 11pt Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #A08800;
	padding: 0 0 .5em 0;
}

.runeStoreRunePreview .runeDescription {
	font: normal 8pt Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 1em 0;
}


.runeStoreRunePreview .runeImage {
	margin: 0 auto;
	display: block;
}

.runeStoreRunePreview .runeAbilities {
	margin: 1em auto .25em auto;
	display: block;
}

.runeStoreRunePreview .runeStats {
	width: 100%;
}

.runeStoreRunePreview .runeStats tr th {
	padding: .1em .25em;
	text-align: right;	
	width: 50%;
	vertical-align: top;
}

.runeStoreRunePreview .runeStats tr td {
	padding: .1em .25em;
	color: #72c12d;
	text-align: left;
	width: 50%;
}

.runeStoreRunePreview .runeStats tr td.rarityCommon {
	color: #FFC90C;
}

.runeStoreRunePreview .runeStats tr td.rarityUncommon {
	color: #A82A12;
}

.runeStoreRunePreview .runeStats tr td.rarityRare {
	color: #128FA8;
}

.runeStoreRunePreview .runeStats tr td.rarityExotic {
	color: #AF4CE2;
}

.runeStoreRunePreview .runeStats tr td.rarityLimitedEdition {
	color: #FFFFFF;
}

.runeStoreRunePreview .runeStats tr td.rarityPremiumEdition {
	color: #7BA812;
}


/****************** ITEMS **************/
.runeStoreSelected .runeStoreNotOwnedItem, .runeStoreSelected .runeStoreOwnedItem {
	color: #A08800;
}

.runeStoreNotOwnedItem, .runeStoreOwnedItem {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;
}

.runeStoreOwnedItem {
	color: #5bb3d8;
}
.runeStoreItemCount {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding-top:3px;
}
.goldStoreItemCount {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
/********************* RUNE STORE SHOPPING CART *******************************/
.storeConfWrapper {

}

.storeConfDetails {
	width: 65%; 
	float: left;
}

.storeConfDetailsItem .itemInfo {
	width: 100%; 
	text-align: left; 
	float: left;
	padding: 10px 0px 10px 0px;
}

.storeConfDetailsItem .itemName
{
	color: #FCE100;
	font: bold 16px arial;
}

.storeConfDetailsItem .itemQuantity
{
	color: #ffffff;
	font: bold 14px arial;
}

.storeConfDetailsItem .itemDescription {
	color: #FFFFFF;
	font: 12px arial;
}

.storeConfDetailsItem .itemInfo .itemName, .storeConfDetailsItem .itemInfo .itemDescription {
	padding: 0 0 0 5px;
}

.storeConfDetailsItem .itemPrice {
	width: 20%; 
	text-align: center; 
	float: left;
	color: #ffffff;
	font: bold 14px arial;
	text-align: center;
	padding: 10px 0 0 0;
}

.storeConfDetailsItem .itemQuantity {
	width: 20%; 
	text-align: center; 
	float: left;
	padding: 10px 0 0 0;
}

.storeConfSummary {
	width: 35%; 
	height: 80%; 
	float: left;
	border-left: 1px solid #FFC90C;
}

.storeConfSubtotal {
	padding: 10px 0 0 0;
	width: 55%;
	margin: 0 auto;
}

.storeConfSubtotal td {
	color: #FFFFFF;
	font: bold 16px arial;
}

.storeConfTotal {
	color: #23EF00;
	font: bold 16px arial;
}

.storeCartHeader, .storeConfHeader, .storeBillingHeader {
	color: #D5690E;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}

.storeCartListItem {
	clear: both;
	margin: 1.0em 0;
}

.storeCartListItem .itemInfo {
	width: 60%; 
	text-align: left; 
}

.storeCartListItem .itemInfo .itemName {
	color: #FCE100;
	font: bold 14px arial;
}

.storeCartListItem .itemInfo .itemDescription {
	color: #FFFFFF;
	font: 12px arial;
}

.storeCartListItem .priceInfo {
	font: bold 14px arial;
	color: #ffffff;
	width: 100px; 
	float: right;
}

.storeCartListItem .priceInfo .itemPrice {
	text-align: center;
}

.storeCartListItem .quantityInfo {
	font: 16px arial;
	color: #FFFFFF;
	width: 150px;
	float: right;
}

.storeCartListItem .quantityInfo .itemQuantity {
	text-align: right;
}

.storeCartFooter {
	font: 14px Arial, Helvetica, Verdana, sans-serif;	
	color: #FFFFFF;
	clear: both;
}

.storeCartFooter .storeCartFooterButtons {
	width: 80%; 
	text-align: left; 
	float: left;
	padding: 5px 0 0 0;
}

.storeCartSubtotal{
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;	
	color: #ffffff;
}

.storeCartSubtotal .total {
	color: #FFC90C;
}

.storeCartSubtotals {
	width: 20%;
}

.storeBillingTable {
	border-bottom: 1px solid #AF8300;
}

.storeBillingTable th {
	height: 30px;
	background-color: #2A2A2A;
	color: #FFFFFF;
	font: bold 16px arial;
	text-align: right;
	width: 20%;
}

.storeBillingTable td {
	height: 30px;
	background-color: #343434;

}
/* sasfaasfasdfasdfahhdfaasdf*/

.runeStoreOrderDetailsDiv {
	background-color: #2A2A2A;
}

.runeStoreConfirmBillingHeader {
	color: #ffffff;
	font: bold 14px arial;
}

.runeStoreOrderSummaryBillingDetails {
	color: #FCE100;
	font: 14px arial;
}

.runeStoreSuccessDiv {
	font-weight: normal;
	font-family: arial;	
	color: #FFFFFF;
	font-size: 12px;
	background-color: #343434;
	height: 50px;
	padding: 6px 6px 6px 6px;
}

/******************************************************************************
  
	</Rune Store Stuff>
 
******************************************************************************/
 






.shoppingCartText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #4e4e4e;
}

.shoppingCartItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffb400;
}

.shoppingCartItemInactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #676767;
}

.shoppingCartVolatile {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #ff0000;
}

.shoppingCartLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}

.shoppingCartDescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
}

.shoppingCartDescriptionInactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #676767;
}

.shoppingCartPrice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #ffffff;
}


.shoppingCartHeader {
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
}

.shoppingCartTableCell1 {
	background-color: #404040;
	padding: 3px;
	text-align: center;
}

.shoppingCartTableCell2 {
	background-color: #4a4a4a;
	padding: 3px;
	text-align: center;
}

.shoppingCartTableCell3 {
	background-color: #4d4d4d;
	padding: 3px;
	text-align: center;
}

.shoppingCartTableCell4 {
	background-color: #565656;
	padding: 3px;
	text-align: center;
}

.shoppingCartSubtotal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
}

.shoppingCartSummaryText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #969696;
}

.storeRuneListing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.runeStorePageText {
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.03em;
	line-height: 10pt;
	color: #ffffff;
}


.campaignStoreBlue 
{
	font-size:9pt; 
	color:#346AF3; 
	font-weight:bold;
}


#myOverlay { 
	width: 400px;
	position: absolute;
	z-index: 1000;
	visibility:hidden;
}

#myOverlayContent {
	padding: 10px;
	text-align: justify;
}		

#myOverlayContent p{
	text-align: center;
}

#closeMoreInfoBox {
	position: absolute;
	visibility:hidden;
	z-index: 999;
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
}

#closeMoreInfoBox a {
	color: white;
}

#closeMoreInfoBox a:hover {
	text-decoration: underline;
}

.moreInfo {
	text-align: center; 
	font-size: 7pt;
}

.moreInfo a:hover{
	text-decoration: underline;
}


.avatarName {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	color: #f9ae01;
	height: 40px;
	vertical-align: middle;
}

.avatar_owned {
	filter:alpha(opacity=25); 
	opacity: .25;
}

