* {
	margin:0;
	padding:0;
}

* :focus { 
	outline: 0; 
}

body {
	background-color: #000000;
	font: 12pt Georgia, "Times New Roman", Times, serif;
	color: #beba9f;
	margin:0;
}

/************** Rune Checklist ***************/

.list-column {
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/checklist_bg.gif");
	background-repeat: repeat-x;
	background-color: #161616;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}
.champ-title{
		background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/checklist_champ_bg.gif");
		background-repeat: no-repeat;
		font: 16pt Georgia, "Times New Roman", Times, serif;
		color:#d13421;
		padding-left:44px;
}
.spells-title{
		background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/checklist_spells_bg.gif");
		background-repeat: no-repeat;
		font: 16pt Georgia, "Times New Roman", Times, serif;
		color:#29bccb;
		padding-left:44px;
}
.relics-title{
		background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/checklist_relics_bg.gif");
		background-repeat: no-repeat;
		font: 16pt Georgia, "Times New Roman", Times, serif;
		color:#8ebe42;
		padding-left:44px;
}
.equip-title{
		background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/checklist_equip_bg.gif");
		background-repeat: no-repeat;
		font: 16pt Georgia, "Times New Roman", Times, serif;
		color:#a956d0;
		padding-left:44px;
}
.yellow-title{
		background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/checklist_yellow_bg.gif");
		background-repeat: no-repeat;
		font: 16pt Georgia, "Times New Roman", Times, serif;
		color:#beb742;
		padding-left:44px;
}

/*****************************/

/************** Getting Started ***************/

.gettingstarted_image {
	margin-top:5px;
	margin-right:10px;
	margin-bottom:5px;
	margin-left:10px;

}

/*****************************/


/************** Media ***************/

.media-screenshots img{
	border:1px solid #4d4d4d;"
}
.media-screenshots a:hover img{
	border:1px solid #8b8a80;"
}

/*****************************/


.legal {
	font:normal 12px Arial;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

.avatar_abilities {
	font:normal 14px Arial;
	color:#5bb3d8;
	line-height:20px;
}

#my_battlegroups_box {
 	width:738px;
	margin-left:auto;
	margin-right:auto;
}

.legal img
{
	margin-top:16px;
	margin-left:10px;
	margin-right:10px;
}

.container
{
	text-align:center;
	height:auto;
}

.relative {
	position:relative;
}

.absolute {
	position:absolute;
}

.rowsHeader{
	background-image:url("/_themes/global/headerbar_bg.gif;jsessionid=7B7D277B48443A1FD2395C605F4070F2");
	height:38px;
	margin-left:1px;
	margin-right:1px;
	font:bold 12px Georgia;
}

.rowsHeader a{
	color:#f8f6ea;
}

.rowsHeaderArrow{
	margin-right:6px;
	margin-top:11px;
	margin-left:6px;
}

.rowBg1{
	width:838px;
	height:40px;
	background-color:#000000;
	float: left;
}

.rowBg2{
	width:838px;
	height:40px;
	background-color:#161616;
	float: left;
}
.rowsCell1{
	margin-left:11px;
	margin-right:1px;
	font:bold 11px Arial;
	color:#8a8672;
}

.rowsCell2{
	margin-left:1px;
	margin-right:1px;
	font:bold 11px Arial;
	color:#8a8672;
}

.rowsCell1Txt{
	padding:12px;
}

p.rowsCell1Txt{
	margin:0px;
	font-weight:normal;
}
p.rowsCell1Txt a{
	margin:0px;
	font-weight:bold;
}

p.rowsCell2Txt{
	margin:0px;
	font-weight:bold;
}

.rowsCell2Txt{
	padding:12px;
}


.light{
	text-align: left;
	overflow:hidden;
	margin:0 auto;
	background-color:#161616;
	border-bottom:1px solid #2A2A2A;
}

.dark{
	text-align: left;
	overflow:hidden;
	margin:0 auto;
	background-color:#0b0b0b;
	border-bottom:1px solid #2A2A2A;
}

.menu
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	text-align:left;
	width:983px;
	height:146px;
	position:relative;
	color:#ffffff;
	z-index:632;
	font:bold 11pt Georgia, "Times New Roman", Times, serif;
}

.menu_items a{
	color:#ece8d0;
	text-decoration:none;
}
	
.menu_items {
	position:absolute;
	top:109px;
	left:104px;
	text-align:center;
	z-index:350;
}

.edit_expand{
	position:absolute;
	background-color:#000000;
	z-index:300;
	padding:8px;
	font:bold 11px Arial;
	color:#ffffff;
	width:150px;
	line-height:12px;
	display:inline;
	margin-left:-25px;
}

.avatar_expand{
	position:absolute;
	background-color:#000000;
	z-index:300;
	font:normal 11px Arial;
	color:#ffffff;
	width:85px;
	line-height:12px;
	display:inline;

}
.bonuses_expand{
	position:absolute;
	background-color:#000000;
	z-index:300;
	font:normal 11px Arial;
	color:#ffffff;
	width:96px;
	line-height:12px;
	display:inline;

}

.edit_expand a {
	color:#5bb3d8;
	text-decoration:underline;
	margin: 4px 0;
	display: inline-block;
}

.edit_expand a:hover{
	color:#88d8fa;
	text-decoration:underline;
}

.edit_collapse{
	display:none;
}

.theme_collapse {
	left:112px;
	top:4px;
	width:99px;
	height:19px;
	color:#ece8d0;
	font:normal 11px Arial;
	overflow:hidden;
	position:absolute;
	line-height:0px;
	padding:0px;
	display:inline;
}

.theme_expand {
	left:102px;
	top:-7px;
	width:98px;
	color:#ece8d0;
	font:normal 11px Arial;
	position:absolute;
	line-height:10px;
	background-color:#191919;
	padding:7px;
	display:inline;	
}

.theme_expand a{
	color:#ece8d0;
}
	
.theme_expand a:hover {
	text-decoration:underline;
	color:#fff;

}

.account_links {
	position:absolute;
	top:8px;
	right:26px;
	font:bold 11px Arial;
	color:#ffffff;
	z-index:1100;
}

.account_links a{
	color:#64bbdc;
	text-decoration:underline;
}

.account_links a:hover{
	color:#8fdafa;
	text-decoration:underline;
}

.league_links {
	font:bold 11px Arial;
	color:#ffffff;
}

.league_links a{
	color:#64bbdc;
	text-decoration:underline;
}

.league_links a:hover{
	color:#8fdafa;
	text-decoration:underline;
}

.theme_dd {
	padding-top:5px;	
	padding-left:32px;
	width:200px;
	height:35px;
	z-index:1000;
}
.logo_home {
	position:absolute;
	top:0px;
	left:300px;
}
.wide_content {
	float:left; 
	position:relative; 
	width:880px; 
	height:auto; 
	text-align:center; 
	margin-right:50px;
	margin-left:50px;
	display:inline;
}

.main_body
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/content_tile_bg.jpg");
	width:983px;
	height:auto;
	position:relative;
	min-height: 983px;
}
.main_body_sub
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/subcontent_tile_bg.jpg");
	width:983px;
	height:auto;
	position:relative;
	min-height: 974px;
}
.feature_flash
{
	margin-top:-5px;
	margin-bottom:-37px;
	margin-left:auto;
	margin-right:auto;
	width:983px;
	display:block;
}

.main_top
{
	position:relative;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:983px;
	height:56px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/content_topcap.jpg");
}
.main_top_sub
{
	position:relative;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:983px;
	height:56px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/subcontent_topcap.jpg");
}
.main_content {
	float:left; 
	width:579px; 
	height:auto; 
	margin-left:40px;
	display:inline;
	overflow:hidden;
}
.largeGreen a{
	font: bold 10pt Georgia, "Times New Roman", Times, serif;
	color: #c3db65;
}
.top10factionplayers {
	width:220px;
	height:634px;
	margin-top: 20px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/top25_players_bg.jpg");
	font: bold 8pt Georgia, "Times New Roman", Times, serif;
	color: #c3db65;
	position:relative;
}
.top10players {
	width:255px;
	height:297px;
	margin-top: 20px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/top10_players_bg.jpg");
	font: bold 8pt Georgia, "Times New Roman", Times, serif;
	color: #c3db65;
	position:relative;
}
.top10_title {
	font: bold italic 18px Georgia, "Times New Roman", Times, serif;
	color: #f8f6ea;
	text-align: center;
	padding-top: 3px;
}

.top10guilds {
	width:255px;
	height:297px;
	margin-top: 20px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/top10_players_bg.jpg");
	font: bold 8pt Georgia, "Times New Roman", Times, serif;
	color: #c3db65;
	position:relative;
}
.top10items {
	position:absolute;
	top:37px;
	left:0px;
}
.top10guilds .top10items {
	position:absolute;
	top:37px;
	left:5px;
	line-height: 17px;
}
.top10players .top10items {
	position:absolute;
	top:36px;
	left:2px;
    line-height:14px;   
}
.top10entry {
	margin-bottom:7px;
}

.top10entry a{
	color:#C3DB65;
}
.top10entry img{
	position: relative;
	top: 3px;
}

.top10guilds p,.top10players p {
	text-align:left;
	position:relative;
	top:28px;
	left:72px;
	margin-bottom:10px;
}

.top10-viewall {
	left:95px;
	position:relative;
	top:253px;
	color:#5bb3d8;
	text-decoration:underline;
	text-align: center;
}


/************** Home - Welcome Content ***************/

.welcome-text {
	font:italic 16pt Georgia, "Times New Roman", Times, serif;
	line-height:1.25em;
	width:585px;
	height:175px;
	color: #c7c3ac; 
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/what-is-poxnora-bg.gif");
}
.welcome-box {
	border:1px solid #2a2a2a;
	background-color:#0b0b0b;
	width:577px;
	height:210px;
	margin-top:30px;
	font: bold 12pt Georgia, "Times New Roman", Times, serif;
	color: #c3db65;
	text-align:left;
}
.welcome-screenshots{
	margin-top:5px;
	margin-right:5px;
	border:1px solid #2a2a2a;
}
.welcome-movie{
	margin-left:12px;
	margin-top:4px;
	border: 1px solid #2a2a2a;
}

.welcome_viewall {
	position:relative;
	text-align:right;
	margin-right:15px;
	margin-top:5px;
	top:0px;
	color:#5bb3d8;
	text-decoration:none;
	font: bold 12px Arial;
}

/*****************************/

/************** Home - Updates and Marketplace Callouts ***************/

.latest_update {
	border:1px solid #2a2a2a;
	background-color:#000000;
	width:280px;
	height:281px;
	float:left;
	font:bold 14pt Georgia, "Times New Roman", Times, serif;
	color: #f8f6ea;
	position:relative;
	margin-top:23px;
	text-align:center;
}

.latest_update p{
	margin-top:3px;
}

.market_place {
	border:1px solid #2a2a2a;
	background-color:#000000;
	width:280px;
	height:281px;
	float:right;
	font:bold 14pt Georgia, "Times New Roman", Times, serif;
	color: #f8f6ea;
	position:relative;
	margin-top:23px;
	text-align:center;
}

.market_place p{
	margin-top:3px;
}

/*****************************/

.left_nav {
	float:left; 
	width:264px; 
	height:auto; 
	margin-left:50px;
	display:inline;
	overflow:none;
	position:relative;
}

#newsBox {
	margin-top:40px;
	display:block;
}
#eventsBox {
	margin-top:40px;
	display:block;
}
.news_block {
	border:1px solid #2a2a2a;
	background-color:#2b2b2b;
	width:577px;
	font:bold 16pt Georgia; 
	color: #f8f6ea;
	position:relative;
	min-height:100px;
	height:auto !important;
	height:100px;

}

.tab_inactive {
	margin-top:0px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/tab_inactive.gif");
	width:166px;
	height:43px;
	font:bold 14pt Georgia, "Times New Roman", Times, serif;
	color:#beba9f;
	text-align:center;
}

.tab_inactive2 {
	margin-top:0px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/tab_inactive.gif");
	width:110px;
	height:43px;
	font:bold 14pt Georgia, "Times New Roman", Times, serif;
	color:#beba9f;
	text-align:center;
}

.tab_clear {
	margin-top:0px;
	width:110px;
	height:43px;
	font:bold 14pt Georgia, "Times New Roman", Times, serif;
	color:#beba9f;
	text-align:center;
}

.tab_inactive a{
	color:#beba9f;
	text-decoration:none;
}


.tab_inactive2 a{
	color:#beba9f;
	text-decoration:none;
}

.tab_active {
	margin-top:0px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/tab_active.gif");
	width:166px;
	height:43px;
	font:bold 14pt Georgia, "Times New Roman", Times, serif;
	color:#f8f6ea;
	text-align:center;
}

.tab_active2 {
	margin-top:0px;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/tab_active2.gif");
	width:110px;
	height:43px;
	font:bold 14pt Georgia, "Times New Roman", Times, serif;
	color:#f8f6ea;
	text-align:center;
}


.clear {
	clear:both;
}

.right {
	float:right;
}
.left {
	float:left;
}

.news_entry_thumb img {
	margin:10px;
	border:1px solid #575757;
}
.news_entry {
	width:506px;
	margin-top:18px;
	margin-right:10px;
	margin-left:20px;
	text-align:left;
	font: normal 14px Arial;
	color:#f8f6ea;
	line-height:19px;

}

.guild_news_entry {
	width:687px;
	margin-top:10px;
	margin-right:10px;
	text-align:left;
	font: normal 14px Arial;
	color:#f8f6ea;
}

.events_entry {
	width:538px;
	margin-top:10px;
	margin-right:10px;
	text-align:left;
	font: normal 14px Arial;
	color:#f8f6ea;
}

.newssummary {
	margin-top:6px;
	
}

.headline {
	margin:0px;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	color: #c3db65;
}

.newsmeta {
	margin:1px;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color: #626262;
}

.more_news {
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/more_news_bg.gif");
	height:34px;
	font: bold 10pt Georgia, "Times New Roman", Times, serif;
	color: #5bb3d8;
	text-decoration:underline;
	display:block;
}
.more_news p {
	position:relative;
	top:7px;
	margin:0px;
}

.phat_footer{
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color:#f8f6ea;
	text-align:left;
}
.phat_footer a {
	color: #5bb3d8;
	text-decoration:none;
	font: normal 12px Arial;
	line-height: 180%;
}
.phat_footer a:hover {
	color: #8fdafa;
	text-decoration:underline;
	font: normal 12px Arial;
	line-height: 180%;
}
.phat_footer img {
	margin-left:14px;
	margin-right:14px;
}

ul#nav li ul li a{
	font:10pt Georgia, "Times New Roman", Times, serif;
}

ul#nav li ul li:hover{
	background-color:#1f1f1f;
}

ul#nav li ul li a:hover{
	color:#ffffff;
}

ul#nav li ul li{
	padding-bottom:6px;
	padding-top:6px;
	padding-top:6px;
	text-align:left;
	width:160px;
}

.content_h1{
	font:Bold 26px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding:4px;
	position:relative;
	top:0px;
	color:#f8f6ea;
	padding-bottom: 25px;
}

.content_h1_sub{
	font-weight:normal;
	color:#beba9f;
}

.content_h2{
	font:Bold 18px Georgia, "Times New Roman", Times, serif;
	text-align:left;
	position:relative;
	top:0px;
	color:#f8f6ea;
}
.content_h2_sub{
	font:Bold 18px Georgia, "Times New Roman", Times, serif;
	text-align:left;
	color:#beba9f;
}
.contentText{
	font:normal 14px Arial;
	color:#beba9f;
	text-align:left;
	line-height:20px;
	margin-top:6px;
	margin-bottom:0px;
}
.contentText b{
	color:#f8f6ea;
}
.contentText ul, ol{
	margin-left:45px;
}
.gradient_titlebar{
	font:Bold 18px Georgia, "Times New Roman", Times, serif;
	color:#F8F6EA;
	text-align:left;
	vertical-align:text-bottom;
	padding-top:8px;
	text-indent:13px;
	width:100%;
	height:22px;
}
.bg_name {
	font:bold Italic 17px Georgia, "Times New Roman", Times, serif;
	color:#beba9f;
	overflow:hidden;
	position:absolute;
	width:300px;
	height:20px;
	text-align:center;
	left:235px;
	top:20px;
}

.sub_block{
	width:840px;
	height:auto;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.black_box{
	border:1px solid #2a2a2a;
	background-color:#0b0b0b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font: bold 12pt Georgia, "Times New Roman", Times, serif;
	text-align:left;
}

#rune_slot_box{
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/images/rune_dock_bg.jpg");
	background-repeat:no-repeat;
	width:838px;
	height:280px;
	margin-top:10px;
}

.rune_slot {
	width:41px;
	height:49px;
	position:absolute;
	overflow:hidden;
}

#rune_slot_1{
left:70px;
top:70px;
}

#rune_slot_2{
left:117px;
top:70px;
}

#rune_slot_3{
left:164px;
top:70px;
}

#rune_slot_4{
left:211px;
top:70px;
}

#rune_slot_5{
left:258px;
top:70px;
}

#rune_slot_6{
left:305px;
top:70px;
}

#rune_slot_7{
left:354px;
top:70px;
}

#rune_slot_8{
left:400px;
top:70px;
}

#rune_slot_9{
left:447px;
top:70px;
}

#rune_slot_10{
left:494px;
top:70px;
}

#rune_slot_11{
left:541px;
top:70px;
}

#rune_slot_12{
left:589px;
top:70px;
}

#rune_slot_13{
left:636px;
top:70px;
}

#rune_slot_14{
left:683px;
top:70px;
}

#rune_slot_15{
left:730px;
top:70px;
}

#rune_slot_16{
left:69px;
top:136px;
}

#rune_slot_17{
left:116px;
top:136px;
}

#rune_slot_18{
left:163px;
top:136px;
}

#rune_slot_19{
left:211px;
top:136px;
}

#rune_slot_20{
left:258px;
top:136px;
}

#rune_slot_21{
left:305px;
top:136px;
}

#rune_slot_22{
left:352px;
top:136px;
}

#rune_slot_23{
left:400px;
top:136px;
}

#rune_slot_24{
left:447px;
top:136px;
}

#rune_slot_25{
left:494px;
top:136px;
}

#rune_slot_26{
left:541px;
top:136px;
}

#rune_slot_27{
left:588px;
top:136px;
}

#rune_slot_28{
left:636px;
top:136px;
}

#rune_slot_29{
left:683px;
top:136px;
}

#rune_slot_30{
left:730px;
top:136px;
}

.rune_image {
	display:block;
	width:37px;
	height:50px;
}

.rune_frame {
	display:block;
	width:41px;
	height:53px;
}

#bgroups_random{
	position:absolute;
	top:253px;
	margin-left:15px;
	margin-right:8px;
}
#bgroups_mixfaction{
	top:257px;
	left:192px;
	position:absolute;
	font:Normal 12px Arial;
	color:#BEBA9F;
}
#bgroups_avatar{
	top:196px;
	right:10px;
	width: 400px;
	position:absolute;
}

#bonusForm {
	width:400px;
}

#rune_collection_box{
	width:738px;
	height:auto;
	line-height:12px;
	margin-left:auto;
	margin-right:auto;
	font:normal 12px Arial;
}

.select_dd_space {
	margin:4px;
}

.displaying_count {
	color:#74736c;
	font:normal 12px Arial;
	margin:15px;
}

.total_nora_cost {
	color:#74736c;
	font:normal 12px Arial;
	top:235px;
	position:absolute;
	margin-right:15px;
	left:357px;
}

#rune_dock_totals_bg{
	width:101px;
	height:23px;
	top:210px;
	margin-right:10px;
	left:357px;
	position:absolute;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/rune_dock_totals_bg.gif");
}

.displaying_vals, .total_nora_vals {
	color:#ffffff;	
	font-weight:bold;
}

.display_none{
	display:none;
}
.display{
	display:inline;
}
.pagination {
	font: bold 12px Arial;
	color:#f8f6ea;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
}
.pagination_active{
	font-weight:bold;
	color:#f8f6ea;
	text-decoration:underline;
}
.pagination a{
	font: bold 12px Arial;
	text-decoration:none;
	color:#5bb3d8;
}
.pagination a:hover{
	font: bold 12px Arial;
	text-decoration:underline;
	color:#8fdafa;
}
.save_battlegroup{
	text-align:center;
	height:69px;
	width:740px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	background-image:url("https://d2aao99y1mip6n.cloudfront.net/_themes/global/savebg_bg.gif");
}
.rune_large {
	width:180px;
	height:260px;	
	margin:2px;
	text-align:center;
	position:relative;
}

.rune_large_bg{
	width:170px;
	height:211px;
	position:absolute;
	top:47px;
	left:18px;
}

.rune_large_abilities{
	width:170px;
	height:211px;
	position:absolute;
	top:2px;
	left:0px;
}

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

.rune_label_right_value {
	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;
}

.rune_large_frame img{
	position:absolute;
	top:15px;
	left:0px;
	text-align:left;
}

.rune_small {
	width:180px;
	height:260px;	
	margin:2px;
	text-align:center;
	position:relative;
}

.rune_small_bg{
	width:170px;
	height:211px;
	position:absolute;
	top:30px;
	left:-1px;
}

.rune_small_frame img{
	position:absolute;
	top:15px;
	left:0px;
	text-align:left;
}

.quantity{
	font:normal 11px Arial;	
	color:#beba9f;
	margin-right:20px;
}

.quantity_val{
	font-weight:bold;
	color:#ffffff;
}

.rune_stars {
	margin-left:12px;	
	margin-top:-6px;
	_margin-top:-1px;
}

.rune_name {
	position:absolute;
	top:25px;
	left:19px;
	font:bold 11px Arial;
	letter-spacing:-1px;
	width:130px;
}
.rune_noracost {
	position:absolute;
	top:22px;
	left:142px;
	width:26px;
	font:bold 14px Arial;
}
.rune_attack {
	left:19px;
	font:bold 10px Arial;
	height:14px;
	padding:16px 0 4px 0;
	position:absolute;
	top:198px;
	width:20px;
	font:bold 9px Arial;
}

.rune_lock {
	position: absolute;
	z-index: 9999;
	top: 23px;
	left: 20px;
}

.rune_speed {
	left:47px;
	font:bold 10px Arial;
	height:10px;
	padding:19px 0 4px 0;
	position:absolute;
	top:195px;
	width:20px;
	font:bold 9px Arial;
}
.rune_range {
	left:75px;
	font:bold 10px Arial;
	height:10px;
	padding:19px 0 4px 0;
	position:absolute;
	top:195px;
	width:20px;
	font:bold 9px Arial;
	letter-spacing:-1px;
}
.rune_defense {
	left:103px;
	font:bold 10px Arial;
	height:10px;
	padding:19px 0 4px 0;
	position:absolute;
	top:195px;
	width:20px;
	font:bold 9px Arial;
}
.rune_health {
	left:130px;
	font:bold 10px Arial;
	height:10px;
	padding:19px 0 4px 0;
	position:absolute;
	top:195px;
	width:20px;
	font:bold 9px Arial;
}

.shadow{
	color: #fff; 
	text-shadow: 1px 2px 1px #000000;
}

.rune_name_details{
	position:absolute;
	top:30px;
	left:49px;
	font:bold 18px "Times New Roman";
	text-align:center;
	width:201px;
}
.rune_noracost_details{
	position:absolute;
	top:26px;
	left:248px;
	font:bold 26px Arial;
	width:55px;
	text-align:center;
}

.rune_attack_details{
	left:48px;
	position:absolute;
	top:338px;
	font:bold 18px Arial;
	width:42px;
	text-align:center;
	padding-top:44px;
}
.rune_speed_details{
	left:92px;
	position:absolute;
	top:338px;
	font:bold 18px Arial;
	width:42px;
	text-align:center;
	padding-top:44px;
}
.rune_range_details{
	left:134px;
	position:absolute;
	top:338px;
	font:bold 18px Arial;
	width:42px;
	text-align:center;
	padding-top:44px;
	letter-spacing:-1px;
}
.rune_defense_details{
	left:178px;
	position:absolute;
	top:338px;
	font:bold 18px Arial;
	width:42px;
	text-align:center;
	padding-top:44px;
}
.rune_health_details{
	left:221px;
	position:absolute;
	top:338px;
	font:bold 18px Arial;
	width:42px;
	text-align:center;
	padding-top:44px;
}

.shadow_details{
	color: #fff; 
	text-shadow: 1px 2px 1px #000000;
}

.btn_add{
	margin-top:2px;
	text-align:left;
	margin-left:12px;
	}
	

#rune_dock_t_champs{
	position:absolute;
	left:3px;
	width:15px;
	
}
#rune_dock_t_spells{
	position:absolute;
	left:29px;
	width:15px;
}
#rune_dock_t_relics{
	position:absolute;
	left:55px;
	width:15px;
}
	
#rune_dock_t_equip{
	position:absolute;
	left:82px;
	width:15px;
}

.rune_dock_t{
	font:bold 12px Arial;
	color:#ffffff;	
	margin-top:4px;
	margin-bottom:4px;
	text-align:center;
}

.change_avatar{
	position:absolute;
	top:38px;
	right:85px;
	font:Normal 11px Arial;
	color:#5BB3D8;
}

.battlegroup_avatar{
	font:bold 12px Arial;
	text-align:right;
	margin:4px;
}

.faq_title{
	font:Bold 14px Arial;
	color:#ffffff;	
	text-align:left;
	margin-top:15px;
	margin-left:0;
}

.faq_text{
	font:Normal 14px Arial;
	color:#beba9f;
	text-align:left;
}

.faq_text a{
	font:Normal 14px Arial;
	color:#5BB3D8;
	text-align:left;
	text-decoration:underline;
}

#rune_faq_box{
	width:830px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

/* Easy Slider */
 
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		width:279px;
		height:241px;
		overflow:hidden; 
		}
	span#prevBtn{position:absolute;top:94px;left:6px;}
	span#nextBtn{position:absolute;top:94px;left:235px;}
 
/* Easy Slider */
.abilities {
	color:#ffffff !important;
	font:bold 10px Georgia;
	line-height:10px;
}

.abilities a:hover{
	color:#c0c0c0 !important;
	text-decoration:none !important;
}

/* NEW DROPDOWN */

#jsddm
{
	margin: 0;
	padding: 0;
}
	
	#jsddm li
	{
		float: left;
		list-style: none;
		text-align:left;
		margin: 3px 17px 0 17px;
		display:inline;
	}

	#jsddm li a
	{
		display: block;
		text-decoration: none;
		color: #ECE8D0;
		white-space: nowrap;
	}

	#jsddm li a:hover
	{
			color: #FFFFFF;
	}
		
		#jsddm li ul
		{	
			margin: 0;
			padding: 0;
			margin-top: 17px;
			position: absolute;
			background: #000;
			visibility:hidden;
		}
		
		#jsddm li ul li
		{	
			margin: 0;
			padding: 0;
			float: none;
			display: inline;
			font-weight:normal;
			font-size:10pt;
		}
		
		#jsddm li ul li a
		{	
			color: #BEBA9F;
			width: auto;
			background: #000;
			padding-top:8px;
			padding-bottom:8px;
			padding-left:14px;
			padding-right:100px;
			margin: 1px;
		}
		
		#jsddm li ul li a:hover
		{	
			background: #313130;
			color: #F8F6EA;
		}

		
		#jsddm_acct
{
	margin: 0;
	padding: 0;
}
	
	#jsddm_acct li
	{
		float: left;
		list-style: none;
		text-align:left;
        margin: 0 10px 0 10px;
		display:inline;
	}

	#jsddm_acct li a
	{
		display: block;
		white-space: nowrap;
	}

	#jsddm_acct li a:hover
	{	}
		
		#jsddm_acct li ul
		{	
			margin: 0;
			padding: 0;
			position: absolute;
			background: #000;
			visibility:hidden;
		}
		
		#jsddm_acct li ul li
		{	
			margin: 0;
			padding: 0;
			float: none;
			display: inline;
			font-size:11px;
		}
		
		#jsddm_acct li ul li a
		{	
			width: auto;
			background: #000;
			padding-top:4px;
			padding-bottom:4px;
			padding-left:14px;
			padding-right:14px;
		}
		
		#jsddm_acct li ul li a:hover
		{	
			color: #88D8FA;
			text-decoration:underline;
		}

/* new tooltip */
/* TipTip CSS - Version 1.2 */
.tooltiptext{
	display:none;
	color:#000;font-weight:bold
}
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font: normal 11px arial,sans-serif;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	.background:#000;
	_background:#000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	.border:1px solid #fff;
	_border:1px solid #fff;
	word-wrap: break-word
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
	_border:none
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
	_border:none
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
	_border:none
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
	_border:none
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
	_border:none
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
	_border:none
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
	_border:none
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
	_border:none
}

.ability-upgrades {
	position: absolute;
	min-width: 200px;
	top: 0;
	left: 0;
	display: none;
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 2px 0;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	.background:#000;
	_background:#000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	.border:1px solid #fff;
	_border:1px solid #fff;
	word-wrap: break-word;
}

.ability-info {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 2px 0;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	.background:#000;
	_background:#000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	.border:1px solid #fff;
	_border:1px solid #fff;
	word-wrap: break-word;
}

.ability-upgrade {
	padding: 5px 0 5px 10px;
	width: 200px;
	height: 30px;
}

.ability-upgrade:hover {
	background-color: #000000;
	cursor: pointer;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
		_border:none
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
		_border:none
	}
}



/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid #9d9d9d;
padding: 6px;
background-color: #000000;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
	color:#fff;
	font:bold 12px Arial;
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #fff;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #fff;
margin-right:10px;
}

/* reward details */
.reward_detail
{
	position:relative;
	left:25px;
	top:10px;
	font-weight:bold;
	font-size:15px;
	font-family:Georgia, Arial;
}
.reward_bar, .reward_bar_short, .reward_bar_center
{
	position:absolute;
	top:490px;
	margin-left:13px;
	width:667px;
	height:66px;
	background-image:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/products/bar.png');
}
.reward_bar_short 
{
	top:400px;
}
.reward_bar_center 
{
	text-align: center;
}


.reward_buy
{
	position:absolute;
	right:50px;
	top:12px;	
}
.reward_window
{
	position:absolute;
	top:100px;
	left:85px;
	width:206px;
	height:225px;
	background-image:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/products/frame.png');
}
.reward_window_content
{ 
	position:absolute; 
	width:80%;
	height:80%;	
	margin-left:10%;
	margin-top:10%;
}
.reward_details
{
	position:absolute;
	top:100px;
	left:305px;
	width:339px;
	height:222px;
	background-image:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/products/grey_box.png');
}
.reward_details_content
{ 
	position:absolute; 
	width:80%;
	height:80%;	
	margin-left:8%;
	margin-top:8%;

	font: normal 8pt Arial, Helvetica, Verdana, sans-serif;	
	
	color: 0d0d0d;
}
.reward_details_title
{
	font: bold 12pt Arial, Helvetica, Verdana, sans-serif;
	color:rgb(101, 195, 219);
}
.reward_image_wandering_zombie
{
	position:absolute;
	right:0px;
	top:-6px;
}
.reward_image_shield_bearer
{
	position:absolute;
	right:-28px;
	top:-21px;
}
.reward_image_furbull
{
	position:absolute;
	right:-8px;
	top:-12px;
}
.reward_area
{
	font-weight: bold;
	position:absolute;
	right:210px;
	top:8px;
	width: 200px;
}
.reward_text_title
{
	font: bold 12px Georgia; 
	color: rgb(255, 255, 255);
	
}
.reward_text_copy
{
	font: 12px Georgia; 
	color: rgb(195, 219, 101);
}
.reward_text_error
{
	font: 12px Georgia; 
	color: rgb(219, 101, 101);
}

.checklist_dropdown
{
	font: 12px Georgia; 
	font-weight: oblique;
	background-repeat:repeat-x;
	background-repeat: repeat-y;
	border: 2px solid #2a2a2a;	
}

/** Fix for Scrolling **/
.preview-scroll-pane
{
	overflow:auto; 
	width:100%;
	height:135px;
}

/** Small Fix for centering Nora Cost **/
.noraTd
{
 padding-left:20px;
}

/** BEGIN Error Message Dialog **/
#errorMsgs {
	 position: absolute; 
	 left: 27px; 
	 bottom: 11px;	 
}


/** END Error Message Dialog **/

form {
	width: 600px;
	margin: 0 auto;
}

form br {
	clear: left;
}

label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    display: block;
    float: left;
    margin-right: 5px;
    width: 225px;
    text-align: right;
    line-height: 17px;
}

label .small {
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

form span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

select {
	float: left;
	margin-bottom: 20px;
}

input[type="text"], input[type="password"], textarea {
	border: 2px solid #d5d5d5;
	color: #414141;
	background-color: #f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
	font-size: 15px;
	box-sizing: border-box;
	margin-bottom: 20px;
	online: none;
	float: left;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
	border: 2px solid #c29e00;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border: 2px solid #c29e00;
	background-color: #ffeda0;
}

input[type="checkbox"], input[type="radiobutton"] {
	float: left;
	margin: 2px 0 20px 5px;
}

.checkbox {
	width: 400px;
	text-align: left;
	margin-left: 230px;
	margin-bottom: 10px;
}

.checkbox input[type="checkbox"], .checkbox input[type="radiobutton"] {
	margin: 5px 0 10px 0;
}

a.btn {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #000000;
	color: #fff;
	background: #ffd220;
	background: -moz-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffd220),color-stop(100%,#dbaf00));
	background: -webkit-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: -o-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: -ms-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: linear-gradient(to bottom,#ffd220 0%,#dbaf00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd220',endColorstr='#dbaf00',GradientType=0);
	padding: .5em 1em;
	border: 1px solid #a88600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

a.btn:hover {
	background: #ffe064;
	background: -moz-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffe064),color-stop(100%,#ffd220));
	background: -webkit-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: -o-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: -ms-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: linear-gradient(to bottom,#ffe064 0%,#ffd220 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe064',endColorstr='#ffd220',GradientType=0);
	border: 1px solid #fdca00;
}

a.fancy-btn {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fancy_btn.png");
    width: 155px;
    height: 68px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

a.fancy-btn:hover {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fancy_btn_over.png");
}

a.fancy-btn span {
	margin-top: 25px;
	display: inline-block;
	font: normal 20px Arial;
	line-height: 20px;
	color: #ffffff;
}

a.fancy-btn-med {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fancy_btn_med.png");
    width: 119px;
    height: 52px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    text-align: center;
}

a.fancy-btn-med:hover {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fancy_btn_over_med.png");
}

a.fancy-btn-med span {
	margin-top: 17px;
	display: inline-block;
	font: normal 20px Arial;
	line-height: 20px;
	color: #ffffff;
}

a.fancy-red-btn {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fancy_red_btn.png");
    width: 155px;
    height: 68px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    text-align: center;
}

a.fancy-red-btn:hover {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fancy_red_btn_over.png");
}

a.fancy-red-btn span {
	margin-top: 25px;
	display: inline-block;
	font: normal 20px Arial;
	line-height: 20px;
	color: #ffffff;
}

a.fancy-btn-disabled {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fancy_btn_disabled.png");
    width: 155px;
    height: 68px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    text-align: center;
    cursor: default;
}

a.fancy-btn-disabled span {
	margin-top: 25px;
	display: inline-block;
	font: normal 20px Arial;
	line-height: 20px;
	color: #ffffff;
}

button[type="submit"], button[type="button"] {
	margin-left: 15px;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #000000;
	color: #fff;
	background: #ffd220;
	background: -moz-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffd220),color-stop(100%,#dbaf00));
	background: -webkit-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: -o-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: -ms-linear-gradient(top,#ffd220 0%,#dbaf00 100%);
	background: linear-gradient(to bottom,#ffd220 0%,#dbaf00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd220',endColorstr='#dbaf00',GradientType=0);
	padding: .5em 1em;
	border: 1px solid #a88600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	min-width: 150px;
}

button[type="submit"]:hover, button[type="button"]:hover {
	background: #ffe064;
	background: -moz-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffe064),color-stop(100%,#ffd220));
	background: -webkit-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: -o-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: -ms-linear-gradient(top,#ffe064 0%,#ffd220 100%);
	background: linear-gradient(to bottom,#ffe064 0%,#ffd220 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe064',endColorstr='#ffd220',GradientType=0);
	border: 1px solid #fdca00;
}

.rankings-box, .guild-directory, .guild-roster, .folder-list, .match-list, .achievements-list, .buddy-list, .generic-list {
	width: 838px;
	height: auto;
	line-height: 12px;
	margin: 0 auto;
	font: normal 12px Arial;	
}

.transition_box {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    padding: 5px 0 5px 10px;
    font-size: 12pt;
    background-color: rgb(253,235,164);
    color: black;
    border-bottom: 1px solid rgb(58,58,58);
    z-index: 1000;  
}

#transition-modal {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fulfillment_background.jpg");
    background-repeat: no-repeat;
    display: none;
    width: 702px;
    height: 572px;
    padding: 15px;
}

.transition_action {
    width: 49%;
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0 0 10px 0;
}

.transition_action h2 {
    font: bold 24px Georgia, "Times New Roman", Times, serif;
}

#rune-display-modal {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fulfillment_background.jpg");
    background-repeat: no-repeat;
    display: none;
    width: 696px;
    height: 566px;
    padding: 18px;
}

#confirm-modal {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/info_background.jpg");
    background-repeat: no-repeat;
    display: none;
    width: 496px;
    height: 216px;
    text-align: center;
}

#confirm-modal .confirm-message {
	margin-bottom: 20px;
}

#okay-modal {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/info_background.jpg");
    background-repeat: no-repeat;
    display: none;
    width: 496px;
    height: 216px;
    text-align: center;
}

#okay-modal .okay-message {
	margin-bottom: 20px;
}

#error-modal {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/info_background.jpg");
    background-repeat: no-repeat;
    display: none;
    width: 496px;
    height: 216px;
    text-align: center;
}

#close-btn {
    position: absolute; 
    top: 20px;
    right: 20px;
    z-index: 9000;
}

#manage-modal {
    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/fulfillment_background.jpg");
    background-repeat: no-repeat;
    display: none;
    width: 696px;
    height: 566px;
    padding: 18px;
}

.rune-container {
	position: relative;
	width: 664px;
	height: 428px;
	margin: 0 auto;
}

.rune-container-pack
{
	margin-left: 20px;
	width: 100%;
	position: relative;
	z-index: 9000;
	
    -webkit-perspective: 800px;
       -moz-perspective: 800px;
         -o-perspective: 800px;
            perspective: 800px;
}

#card
{
	position: relative;
	height: 428px;
	width:100%;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	text-align: left;

	overflow: visible;

	-webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
	transition: transform 1s;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
	transform-style: preserve-3d;      
}
#card .centered
{
	left: -5px;
}

.rune-preview {
	position: relative;
	width: 664px;
	height: 428px;
}

.rune-front-frame {
	position: absolute;
	top: 0;
	left: 0;	
}

.rune-front-image {
	position: absolute;
	top: 47px;
	left: 31px;
	width: 270px;
	height: 310px;
	z-index: -9999;
}

.rune-front-rarity {
	position: absolute;
	z-index: -8999;
	top: 0;
	left: 0;
}

.rune-front-faction {
	position: absolute;
	width: 30px;
	height: 22px;
	top: 34px;
	left: 40px;
}

.rune-faction-icon-1 {
	position: absolute;
	left: 0;
}

.rune-faction-icon-2 {
	position: absolute;
	right: 0;
}

.rune-front-name {
	position: absolute;
	width: 240px;
	top: 36px;
	left: 45px;
	text-align: center;
	font: bold 17px arial,sans-serif;
	color: #ffffff;
}

.rune-front-cost {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 21px;
	left: 272px;
	text-align: center;
}

span.rune-cost {
	padding-top: 10px;
	display: block;
	font: bold 20px arial,sans-serif;
	color: #ffffff;
	line-height: 20px;
}

span.rune-stat {
	font: normal 12px arial,sans-serif;
	color: #ffffff;
	line-height: 12px;
	padding-top: 38px;
	display: block;
}

.rune-front-stats {
	position: absolute;
	bottom: 29px;
	left: 0;
	width: 332px;
	height: 50px;
	background: transparent url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/frames/large/rune_stats.png') no-repeat right top;
}

.rune-stats-dmg {
	position: absolute;
	width: 46px;
	height: 50px;
	text-align: center;
	bottom: 0;
	left: 40px;
}

.rune-stats-spd {
	position: absolute;
	width: 46px;
	height: 50px;
	text-align: center;
	bottom: 0;
	left: 91px;
}

.rune-stats-rng {
	position: absolute;
	width: 46px;
	height: 50px;
	text-align: center;
	bottom: 0;
	left: 142px;	
}

.rune-stats-def {
	position: absolute;
	width: 46px;
	height: 50px;
	text-align: center;
	bottom: 0;
	left: 193px;
}

.rune-stats-hp {
	position: absolute;
	width: 46px;
	height: 50px;
	text-align: center;
	bottom: 0;
	left: 244px;
}

.rune-front {
	position: absolute;
	width: 332px;
	height: 424px;
	top: 0;
	left: 0;
}

.rune-back {
	position: absolute;
	width: 332px;
	height: 424px;
	top: 0;
	left: 332px;
}

.rune-back-star {
	position: absolute;
	width: 57px;
	height: 57px;
	top: 10px;
	right: 10px;
	background: transparent url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/frames/large/cp_star.png') no-repeat right top;
}

.rune-front-shield {
	position: absolute;
	width: 57px;
	height: 57px;
	top: 10px;
	right: 10px;
}

.rune-back-level {
	position: absolute;
	width: 57px;
	top: 20px;
	font: bold 20px arial,sans-serif;
	color: #000000;
	line-height: 17px;
	text-align: center;
}

.rune-back-faction {
	position: absolute;
	width: 30px;
	height: 22px;
	top: 34px;
	left: 40px;
}

.rune-back-name {
	position: absolute;
	width: 240px;
	top: 36px;
	left: 45px;
	text-align: center;
	font: bold 17px arial,sans-serif;
	color: #ffffff;
}

.rune-back-flavor {
	position: absolute;
	width: 262px;
	height: 67px;
	top: 62px;
	left: 33px;
	text-align: center;
	font: 10px arial,sans-serif;
	line-height: 11px;
	color: #ffffff;
	overflow: hidden;
}

.rune-back-abilities {
	position: absolute;
	width: 270px;
	height: 144px;
	top: 130px;
	left: 30px;
}

#rune-back-guard {
	position: absolute;
	width: 270px;
	height: 144px;
	top: 130px;
	left: 30px;
	z-index: 93000;
}

.rune-back-abilities-col-1 {
	width: 129px;
	float: left;
	margin-left: 6px;
}

.rune-back-abilities-col-2 {
	width: 129px;
	float: left;
	margin-left: 6px;
}

.rune-back-attributes {
	position: absolute;
	width: 100px;
	top: 295px;
	left: 45px;
	font: 12px arial,sans-serif;
	color: #ffffff;
	line-height: 12px;
}

.rune-back-attribute-value {
	color: #9fbe52;
}

.rune-back-idol {
	position: absolute;
	bottom: 31px;
	right: 30px;
	width: 160px;
	height: 150px;
}

img.rune-idol {
	display: block;
	margin: 0 auto;
}

.rune-artist {
	position: absolute;
	width: 240px;
	bottom: 0;
	left: 45px;
	text-align: center;
	font: 12px arial,sans-serif;
	color: #ffffff;
}

.rune-set {
	position: absolute;
	width: 240px;
	bottom: 0;
	right: 45px;
	text-align: center;
	font: 12px arial,sans-serif;
	color: #ffffff;
}

.rune-back-description-container {
	position: absolute;
	width: 255px;
	height: 132px;
	top: 135px;
	left: 35px;
}

.rune-back-description {
	text-align: center;
	font: 10px arial,sans-serif;
	line-height: 11px;
	color: #ffffff;
	overflow: hidden;
}

.rune-artist-name {
	color: #9fbe52;
}

.rune-set-name {
	color: #9fbe52;
}

.rune-back-ability {
	position: relative;
	width: 124px;
	height: 30px;
	margin: 4px 0;
	cursor: pointer;
}

.rune-back-ability-icon {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: left; 
}

.rune-back-ability-info-container {
	margin-left: 5px;
	display: table;
	height: 28px;
	float: left;
	width: 89px;
	overflow: hidden;
}

span.rune-back-ability-info {
	font: normal 10px arial,sans-serif;
	color: #ffffff;
	line-height: 10px;
	display: block;
}

.ability-upgrades {
	z-index: 95001;
}

.ability-upgrade {
	position: relative;
}

.ability-select {
	display: block;
	font: 13px arial,sans-serif;
	color: #ffffff;
	margin: 5px 0 0 10px;
}

.ability-upgrade .ability-icon {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: left; 
}

.ability-upgrade .ability-border {
	width: 30px;
	height: 30px;
}

.ability-upgrade .ability-data {
	float: left;
	margin-left: 5px;
}

.ability-upgrade .ability-data .ability-header {
	display: block;
	font: 13px arial,sans-serif;
	color: #f9e900;
}

.ability-upgrade .ability-data .ability-adds-cost {
	display: block;
	font: 11px arial,sans-serif;
	color: #ffffff;
}

.ability-info-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.0);
}

/*.ability-info-hover:hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 0, 0.5);
}*/

.ability-hover-header {
	margin-top: 5px;
	font: bold 17px arial,sans-serif;
	color: #ffffff;
}

.ability-hover-cooldown {
	display: block;
	font: normal 14px arial,sans-serif;
	color: #4b7bcf;
}

.ability-hover-ap {
	display: block;
	font: normal 14px arial,sans-serif;
	color: #4b7bcf;
}

.ability-hover-description {
	display: block;
	font: normal 12px arial,sans-serif;
	color: #ffffff;
}

.ability-mechanics {
	float: left;
	width: 200px;
	margin-left: 5px;
}

.ability-mechanic {
	position: relative;
	padding: 10px;
}

.ability-mechanic-header {
	margin-top: 5px;
	font: bold 17px arial,sans-serif;
	color: #ffffff;
}

.ability-mechanic-description {
	display: block;
	font: normal 12px arial,sans-serif;
	color: #ffffff;
}

.token-upgrade-container {
	height: 100px;
	width: 225px;
	position: absolute;
	left: 75px;
}

.token-upgrade-type {
	text-align: center;
	float: left;
	position: relative;
	width: 56px;
	height: 70px;
	cursor: pointer;
}

.token-upgrade-img {
	display: block;
	position: absolute;
	top: 5px;
	left: 4px;
	border: 0;
}

.token-value {
	font: bold 11px arial,sans-serif;
	color: #ffffff;
	display: block;
}

.ability-disabled {
	opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: #000;
}

.ability-keyword, .condition-keyword, .mechanic-keyword {
	color: #ffffff;
}