@import url(/css/poxborder.css.jsp);




















/************** GENERAL ***************/
h3 {
	font: bold 9pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color: #3ccfff;
}

a {
	text-decoration: none;
	color: #FFD800;
}

img {
	border: 0;
}

div {
	text-align: left;
}


p {
	margin: 1em 0;
}

.leftMenu{
	background-image: url("http://content.poxnora.com/images/nav/nav_left_menu_extension.gif");

	background-repeat: repeat-y;
}

.rightMenu{
	background-image: url("http://content.poxnora.com/images/nav/nav_right_menu_extension.gif");

	background-repeat: repeat-y;
}

.navigationCatalogLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffb400;
	line-height: 11pt;
}

.frontPageHR {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #474747;
}


BODY {
	margin: 0px;
	padding: 0px;
	background: #000000;
	font: normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.pager {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 4px 0px;
}

div.betaAnnouncement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFC90C;
	text-align: center;
	padding-top: 10px;
}

div.footerGraphic {
	width: 100%; 
	background: url('http://content.poxnora.com/images/botbar.jpg') no-repeat;
	text-align: center;
}

div.footerGraphic img {
	width: 150px;
	height: 60px;
}

div.headerLogo {
	text-align: center; 
	width: 100%; 
	background: url('http://content.poxnora.com/images/topbar.png') no-repeat;
}

div.headerLogo img {
	width: 413px; 
	height: 97px;
}

div.genericLoadNotice {
	width: 95%;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 10px;
}


/*****************************************************************************
 ADMIN VIEW STUFF
 
 Used on admin pages for viewing bc's, relics, spells, equip, etc.
 
 Keep these for now.
 
 -Eric 6/27/06
*****************************************************************************/
.viewTableLabel1, .viewTableLabel2
{
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 5px;
	text-align: center;
	width: 200px;
}

.viewTableLabel1 {
	background: #404040;
}

.viewTableLabel2 {
	background: #4d4d4d;
}

.viewTableValue {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;
	background: #000000;
	padding: 5px 5px 5px 10px;
	text-align: left;
}
/*****************************************************************************
 /ADMIN VIEW STUFF
*****************************************************************************/



/*****************************************************************************
 BARELY USED
 
 Used on login.jsp, success.jsp, shoppingcart.jsp
 
 Just for a single link on each page. Maybe this should just be the default
 for all links?
 
 -Eric 6/27/06
 *****************************************************************************/
.pageLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ffb400;
	text-decoration: none;
}
/*****************************************************************************
 /BARELY USED
*****************************************************************************/



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

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

.faqTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 14pt;
	font-weight: bold;
	color: #3ccfff;
}

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







/********** Avatar Browser ********************/
.avatarBrowserChampionName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #ffb400;
}

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

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

.changeAvatarChampionName{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #ffb400;
}
/********** Avatar Browser ********************/


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

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

.runeManagerElementalCount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
	color: #3ccfff;
}

.loadGameLink {
	color: #ffb400;
}


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

.deckEdit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: rgb(168, 42, 18);
	text-decoration: none;
}

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

.battleGroupName{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	padding-bottom: 16px;
}

.navLoginLbl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

.formLabel {
	background-color: #5d5d5d;
	padding: 5px;
	text-align: right;
	width: 200px;
}

.formFieldLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

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

.formField {
	background-color: #5d5d5d;
	padding: 5px;
}

.errorTable {
	padding: 10px;
	width: 100%;
}

.errorMessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000;
}

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

.formTable {
	padding-bottom: 10px;
	width: 100%;
}

.formTableHeader {
	background-color: #333333;
	padding: 5px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
}

.adminTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	padding: 5px;
	color: #ffb400;
}

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

.adminMenuLink2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #aaaaaa;
}

.playNowTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	font-weight: bold;
	color: #3ccfff;
}

.playNowText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0.03em;
	line-height: 11pt;
	color: #ffffff;
}

.pageText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0.03em;
	line-height: 12pt;
	color: #ffffff;
}


/************* ALTERNATING TABLE ROWS ************/
table.alternatingRows .cellA, table.alternatingRows .cellB {
	padding: 3px;
	text-align: center;
}
table.alternatingRows .selected .cellA {
	background-color: #808080;
}

table.alternatingRows .selected .cellB {
	background-color: #8a8a8a;
}

table.alternatingRows .rowA .cellA {
	background-color: #404040;
}

table.alternatingRows .rowA .cellB {
	background-color: #4a4a4a;
}

table.alternatingRows .rowB .cellA {
	background-color: #4d4d4d;
}

table.alternatingRows .rowB .cellB {
	background-color: #565656;
}

table.alternatingRows th {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	padding: 3px;
	text-align: center;
}

table.alternatingRows th a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
/************* /ALTERNATING TABLE ROWS ************/


/********************* NEW PAGE FRAME ****************/
.pageFrame .pb_tl {
	background: url('http://content.poxnora.com/images/pageframe/frame_top_left.gif') no-repeat top left;
	padding: 0 0 0 24px;
}

.pageFrame .pb_tr {
	background: #000000 url('http://content.poxnora.com/images/pageframe/frame_top_right.gif') no-repeat top right;
	height: 19px; /* 18 for img + 1 */
}

.pageFrame .pb_bl {
	background: url('http://content.poxnora.com/images/pageframe/frame_bottom_left.gif') no-repeat top left;
	padding: 0 0 0 24px;
}

.pageFrame .pb_br {
	background: #000000 url('http://content.poxnora.com/images/pageframe/frame_bottom_right.gif') no-repeat top right;
	height: 19px; /* 18 for img + 1 */
}

.pageFrame .heading {
	background: #390E08;
}

.pageFrame .backbtn {
	padding: 2px 0;
	float: right;
}

.pageFrame .title {

}

.pageFrame .frameMenuGray {
	background: #141414;
	padding: 8px 5px;
	color: #cccccc;

	font-size: 8pt;
}

.pageFrame .frameMenu {
	background: #240805;
	padding: 8px 5px;
	color: #D5690E;
	font-size: 8pt;
}

.pageFrame .frameMenuGrayImg {
	background: #141414;
	padding: 0px 0px;
	color: #D5690E;
	font-size: 8pt;
}

.pageFrame .frameMenuImg {
	background: #240805;
	padding: 0px 0px;
	color: #D5690E;
	font-size: 8pt;
}

.pageFrame .frameMenu a,
.pageFrame .frameMenuGray a {
	color: #FFC702;
	text-decoration: none;
}

.pageFrame .frameMenu a.selected,
.pageFrame .frameMenuGray a.selected {
	color: #72c12d;
	text-decoration: none;
}

.pageFrame .frameMenuGray .spacedForHeadings,
.pageFrame .frameMenu .spacedForHeadings {
	padding: 0 18px;
}

.pageFrame .darkContent .lfEdge {
	clear: both;
	min-width: 30px;
	width: 30px;
	background: url('http://content.poxnora.com/images/pageframe/edge_dark.gif') repeat-y left;
}

.pageFrame .darkContent .middle {
	clear: both;
	background: url('http://content.poxnora.com/images/pageframe/Dark_bg.jpg') repeat top right;
	padding: 1px 0; /* 18 for bg img, rest for padding*/
}

.pageFrame  .darkContent .rtEdge {
	width: 30px;
	min-width: 30px;
	background: url('http://content.poxnora.com/images/pageframe/Dark_rt_edge_bg.jpg') repeat-y top right;
}


.pageFrame .lightContent .lfEdge {
	min-width: 30px;
	width: 30px;
	background: url('http://content.poxnora.com/images/pageframe/edge_light.gif') repeat-y left;
}

.pageFrame .lightContent .middle {

	background: url('http://content.poxnora.com/images/pageframe/Light_bg.jpg') repeat top left;
	padding: 1px 0; /* 18 for bg img, rest for padding*/
}

.pageFrame  .lightContent .rtEdge {
	width: 30px;
	min-width: 30px;
	background: url('http://content.poxnora.com/images/pageframe/Light_rt_edge_bg.jpg') repeat-y top right;
}

.pageFrame .frameSpacer {
	background: #390E08 url('http://content.poxnora.com/images/pageframe/frame_spacer.gif') repeat-x bottom;
	height: 5px;
}

.pageFrame .frameSpacerGray {
	background: #390E08 url('http://content.poxnora.com/images/pageframe/frame_spacer_lt.gif') repeat-x bottom;
	height: 5px;
}

.pageFrame .darkContent, .pageFrame .lightContent {
	font: normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
}

.guild_roster_menu_header
{
	background: #141414 url('http://content.poxnora.com/images/pageframe/frame_spacer.gif') repeat-x top;
	padding: 8px 0 0 0;

	text-align: center;
}

.frameTable {
	width: 100%;
}

.frameTable .spacer {
	background: #390E08 url('http://content.poxnora.com/images/pageframe/frame_spacer.gif') repeat-x bottom;
	height: 5px;
	clear: both;
}

.frameTable .type_heading {
	background: #240805;
	color: #D5690E;
	font-size: 8pt;
}

.frameTable .type_heading_gray {
	font-size: 8pt;
	background: #141414;
	color: #cccccc;

}

.frameTable .type_roster_menu {
	background: #141414;
	color: #cccccc;

	font-size: 8pt;
}


.frameTable .type_heading th {
	padding: 8px 0;
}

.frameTable .type_light {

}

.frameTable .type_light td {
	background: url('http://content.poxnora.com/images/pageframe/edge_light_bg.gif') 
}

.frameTable .type_light .rside {
	width: 23px;
	background: url('http://content.poxnora.com/images/pageframe/edge_light_big.gif') repeat-y top right;
}

.frameTable .type_light .lside {
	width: 23px;
	background: url('http://content.poxnora.com/images/pageframe/edge_light.gif') repeat-y left;
}

.frameTable .type_dark {

}

.frameTable .type_dark td {
	background: url('http://content.poxnora.com/images/pageframe/edge_dark_bg.gif') 
}

.frameTable .type_dark .rside {
	width: 23px;
	background: url('http://content.poxnora.com/images/pageframe/edge_dark_big.gif') repeat-y top right;
}

.frameTable .type_dark .lside {
	width: 23px;
	background: url('http://content.poxnora.com/images/pageframe/edge_dark.gif') repeat-y left;
}


.frameTable .type_selected {

}

.frameTable .type_selected td {
	background: url('http://content.poxnora.com/images/pageframe/edge_selected_bg.gif') 
}

.frameTable .type_selected .rside {
	width: 23px;
	background: url('http://content.poxnora.com/images/pageframe/edge_selected_big.gif') repeat-y top right;
}

.frameTable .type_selected .lside {
	width: 23px;
	background: url('http://content.poxnora.com/images/pageframe/edge_selected.gif') repeat-y left;
}

.frameTable .type_light td,
.frameTable .type_dark td,
.frameTable .type_selected td {
	padding: .3em 0;
}

.frameTable .rside {
	width: 23px;
}

.frameTable .lside {
	width: 23px;
}

.frameTable {
	margin: 0;
	padding: 0;
}

/********************* /NEW PAGE FRAME ****************/



	

/*************** NEWS *****************/

.newsPost {

}

.newsPost h3 {
	margin: 1em 0 0;
}

.newsPost .meta {
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
	color: #cdcdcd;
}

.newsPost .content {
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}



/****************** USER FORMS ***************/
.userFormTable {
	margin: 1em auto;
}

.userFormTable th {
	text-align: right;
	padding: 0;
	margin: 0;
}

.userFormTable td {
	text-align: left;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

h3.userFormHeading {
	text-align: center;
	margin-bottom: 0;
}

img.screenshot {
	border: solid 1px #CCCCCC;
}

.quotes {
	margin: 0 40px;
}

.quote {
	font: italic 12pt Georgia, "Times New Roman", Times New, Times, Serif;
	text-align: center;
}

.quoteSrc, .quoteSrc a {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #D5690E;
}



/****************** PROFILES ***************/


.info_box .left_sd
{
	padding: 0 0 0 15px;
	background: #240805 url('http://content.poxnora.com/images/guild_home/maroon_box_side_lf.gif') repeat-y left;	
}

.info_box .right_sd
{
	padding: 0 15px 0 0;
	background: #240805 url('http://content.poxnora.com/images/guild_home/maroon_box_side_rt.gif') repeat-y top right;	
}


.info_box .box_border_top
{
	
	background: #240805 url('http://content.poxnora.com/images/guild_home/maroon_box_top.gif') repeat-x top;
	height: 17px;
}

.info_box .box_rt
{
	
 	background: url('http://content.poxnora.com/images/guild_home/maroon_box_top_rt.gif') no-repeat top right;
	height: 17px;
}

.info_box .box_lf
{
	padding: 0 0 0 15px;
	background: url('http://content.poxnora.com/images/guild_home/maroon_box_top_lf.gif') no-repeat top left;
	height: 17px;
}

.info_box .box_border_bot
{
	background: #240805 url('http://content.poxnora.com/images/guild_home/maroon_box_bottom.gif') repeat-x bottom;
	height: 17px;
}

.info_box .box_bot_rt
{
	background: url('http://content.poxnora.com/images/guild_home/maroon_box_bottom_rt.gif') no-repeat top right;
	height: 17px;
}

.info_box .box_bot_lf
{
	padding: 0 0 0 15px;
	margin-top: -17px;
	background: url('http://content.poxnora.com/images/guild_home/maroon_box_bottom_lf.gif') no-repeat top left;
	height: 17px;
}







.center_border
{	
	background: #390E08 url('http://content.poxnora.com/images/guild_home/top_border.gif') repeat-x top;
	height: 21px;
	margin-bottom: -13px;
	
}

.center_border .rt
{
	height: 21px;
	background: url('http://content.poxnora.com/images/guild_home/top_rt_corner.gif') no-repeat top right;
}

.bottom_outline
{
	margin-top: -13px;
	background: url('http://content.poxnora.com/images/guild_home/bottom_border.gif') repeat-x bottom;
	height: 14px;
}

.bottom_outline .lower_rt
{
	height: 14px;
	background: url('http://content.poxnora.com/images/guild_home/bottom_rt_corner.gif') no-repeat top right;
}


.center_outline
{
	position: absolute; 
	/*left: 12em;*/
	margin-left: 16em;
	width: 600px;
	background: #000000 url('http://content.poxnora.com/images/guild_home/rt_side_border.gif') repeat-y right;
}



.center_outline .inner 
{
	margin-right: 4px;
	width: 596px;
}


.center_outline .inner .header
{
	background: #390E08;
	padding: .7em;
	text-align: center;

}

.center_outline .inner .header img
{
	display: block;
	margin: 0 auto;
}

.dkContent
{
	padding: 1.4em 0 1.4em 6em;
	margin: .2em 0;
	background: url('http://content.poxnora.com/images/pageframe/edge_dark_big.gif') repeat-y;
}

 .ltContent
{
	padding: 1.4em 0 1.4em 6em;
	margin: .2em 0;
	background: url('http://content.poxnora.com/images/pageframe/edge_light_big.gif') repeat-y;
}



/***** End Profile *****/


/***** Profile Box with left corner *****/

.completeBox .center_border_top
{	
	background: #390E08 url('http://content.poxnora.com/images/guild_home/top_border.gif') repeat-x top;
	height: 14px;
	width: 600px;
}

.completeBox .center_border_lf
{
	width: 13px;
	height: 14px;
	background: url('http://content.poxnora.com/images/guild_home/top_lf_corner_new.gif') no-repeat top left;
}

.completeBox .center_border_rt
{
	width: 13px;
	height: 14px;
	background: url('http://content.poxnora.com/images/guild_home/top_rt_corner_new.gif') no-repeat top right;
}

.completeBox .bottom_outline
{
	width: 600px;
	background: url('http://content.poxnora.com/images/guild_home/bottom_border_dkContent.gif') repeat-x bottom;
	height: 14px;
}


.completeBox .bottom_outline_lower_lf
{
	width: 13px;
	height: 14px;
	background: url('http://content.poxnora.com/images/guild_home/bottom_lf_corner.jpg') no-repeat top left;
}

.completeBox .bottom_outline_lower_rt
{
	width: 13px;
	height: 14px;
	background: url('http://content.poxnora.com/images/guild_home/bottom_rt_corner.gif') no-repeat top right;
}


.completeBox
{
	width: 600px;
}

.completeBox .center_outline_lf 
{
	width: 13px;
	background: #000000 url('http://content.poxnora.com/images/guild_home/lf_red_border.gif') repeat-y left;
}

.completeBox .center_outline_rt
{
	width: 13px;
	background: #000000 url('http://content.poxnora.com/images/guild_home/rt_red_border.gif') repeat-y right;
}

.completeBox .center_outline_lf_dkContent 
{
	width: 13px;
	background: #000000 url('http://content.poxnora.com/images/guild_home/lf_side_border_dkContent.gif') repeat-y left;
}

.completeBox .center_outline_rt_dkContent 
{
	width: 13px;
	background: #000000 url('http://content.poxnora.com/images/guild_home/rt_side_border_dkContent.gif') repeat-y right;
}


.completeBox .center_outline_lf_ltContent 
{
	width: 13px;
	background: #000000 url('http://content.poxnora.com/images/guild_home/lf_side_border_ltContent.gif') repeat-y left;
}

.completeBox .center_outline_rt_ltContent 
{
	width: 13px;
	background: #000000 url('http://content.poxnora.com/images/guild_home/rt_side_border_ltContent.gif') repeat-y right;
}


.completeBox .inner 
{
	width: 600px;
}


.completeBox .inner .header
{
	border-bottom: 2px solid black;
	background: #390E08;
	text-align: center;

	padding: 0 0 2px 0;
}


.completeBox .inner .header img
{
	display: block;
	margin: 0 auto;
}
.completeBox
.dkContent_strip
{	
	padding-top: 13px;
	background: #000000 url('http://content.poxnora.com/images/pageframe/edge_dark_big.gif') repeat-y;
}

.completeBox .ltContent_strip
{
	padding-top: 13px;
	background: #000000 url('http://content.poxnora.com/images/pageframe/edge_light_big.gif') repeat-y;
}

/***** End ********/

.poxnoraTimeLabel
{
	width: 100%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #128FA8;
}

.poxnoraTimeValue
{
	width: 100%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.copyrightText
{
	font-family: courier, bookman;
	color: #aaaaaa;
	font-size: 10px;
}

.textForm th
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}