@import url(/css/poxborder.css.jsp;jsessionid=2393D9C51BA9A66A856018D6F100BD3B);



/************** GENERAL ***************/

.runeStoreList{text-align:left;}

.productGoldList

{

    text-align:left;

}

.productGoldItem

{

    text-align:left;

    border-bottom: 1px dotted #5a5a5a;

    padding: 4px;

}

.productGoldItemClean

{

    text-align:left;

    padding: 4px;

}

h3 {

    font: bold 12pt Arial, Helvetica, Verdana, sans-serif;

    color: #3ccfff;

    margin-top:20px;

    margin-bottom:6px;

}



a {

    text-decoration: none;

    color: #5BB3D8;

}

a:hover {

    text-decoration: underline;

    color: #88D8FA;

}

body:nth-of-type(1) #topPagination { display:inline }

body:nth-of-type(1) #lowerPagination { display:inline }



img {

    border: 0;

}



li {

    //text-align:left;

    //margin-left:3em;

}



p {

    margin: 1em 0;

}

.relative{

    position:relative;

}



.leftMenu{

    background-image: url("https://d2aao99y1mip6n.cloudfront.net/images/nav/nav_left_menu_extension.gif");



    background-repeat: repeat-y;

}



.rightMenu{

    background-image: url("https://d2aao99y1mip6n.cloudfront.net/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;

}



/* tgregory, dont edit the pager */

.pager {

    font: bold 12px Arial, Helvetica, Verdana, 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('https://d2aao99y1mip6n.cloudfront.net/images/botbar.jpg') no-repeat;

    text-align: center;

}



div.footerGraphic img {

    width: 150px;

    height: 60px;

}



div.headerLogo {

    text-align: center; 

    width: 100%; 

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/topbar.png') no-repeat;

}



div.headerLogo img {

    width: 413px; 

    height: 97px;

}



div.genericLoadNotice {

    width: 95%;

    font: normal bold 12px Arial, Helvetica, Verdana, sans-serif;

    text-align: left;

    padding: 10px;

}



.loader{

    color:#74736C;

    width:120px;

    height:32px;

    margin:0 auto;

    display:block;

    clear:both;

}

.spacerLoader

{

    height:32px;

    margin:10px;

    display:block;

}

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

 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 Arial, Helvetica, Verdana, sans-serif;

    color: #ffffff;

    padding: 5px;

    text-align: center;

    width: 200px;

}



.viewTableLabel1 {

    background: #404040;

}



.viewTableLabel2 {

    background: #4d4d4d;

}



.viewTableValue {

    font: normal normal 12px Arial, Helvetica, Verdana, 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%;

}

.generalMessage {
    background-color: rgba(75, 75, 75, 0.5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #ffffff;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 500px;
    margin: 0 auto 20px auto;
    position: relative;
}

.errorMessage {
    background-color: rgba(150, 0, 0, 0.5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #ffffff;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 500px;
    margin: 0 auto 20px auto;
    position: relative;
}

.goodMessage h1, .errorMessage h1, .warnMessage h1, .generalMessage h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.goodMessage li, .errorMessage li, .warnMessage li, .generalMessage li {
    list-style-type: none;
}

.goodMessage {
    background-color: rgba(0, 150, 0, 0.5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #ffffff;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 500px;
    margin: 0 auto 20px auto;
    position: relative;
}

.warnMessage {
    background-color: rgba(247, 124, 16, 0.5);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #ffffff;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    width: 500px;
    margin: 0 auto 20px auto;
    position: relative;
}

.warnMessage a {
    color: #f77c10;
    text-decoration: underline;
}

.goodMessage a {
    color: #00ff00;
    text-decoration: underline;
}

.errorMessage a {
    color: #ff0000;
    text-decoration: underline;
}

.generalMessage a {
    color: #cccccc;
    text-decoration: underline;   
}

.warnMessage a.close, .goodMessage a.close, .errorMessage a.close, .generalMessage a.close {
    position: absolute;
    top: 2px;
    right: 5px;
    color: #ffffff;
    text-decoration: none;
}

.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('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/frame_top_left.gif') no-repeat top left;

    padding: 0 0 0 24px;

}



.pageFrame .pb_tr {

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/frame_top_right.gif') no-repeat top right;

    height: 19px; /* 18 for img + 1 */

}



.pageFrame .pb_bl {

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/frame_bottom_left.gif') no-repeat top left;

    padding: 0 0 0 24px;

}



.pageFrame .pb_br {

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/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;

}



.frameMenu {

    padding-left:8px;

    padding-right:8px;

    padding-bottom:4px;

    font:normal 13px Arial;

}



.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('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_dark.gif') repeat-y left;

}



.pageFrame .darkContent .middle {

    clear: both;

    background: url('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/Dark_rt_edge_bg.jpg') repeat-y top right;

}





.pageFrame .lightContent .lfEdge {

    min-width: 30px;

    width: 30px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_light.gif') repeat-y left;

}



.pageFrame .lightContent .middle {



    background: url('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/Light_rt_edge_bg.jpg') repeat-y top right;

}



.pageFrame .frameSpacer {

    background: #390E08 url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/frame_spacer.gif') repeat-x bottom;

    height: 5px;

}



.pageFrame .frameSpacerGray {

    background: #390E08 url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/frame_spacer_lt.gif') repeat-x bottom;

    height: 5px;

}



.pageFrame .darkContent, .pageFrame .lightContent {

    font: normal normal 8pt Arial, Helvetica, Verdana, sans-serif;

}



.guild_roster_menu_header

{

    background: #141414 url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/frame_spacer.gif') repeat-x top;

    padding: 8px 0 0 0;



    text-align: center;

}



.frameTable {

    width: 100%;

}



.frameTable .spacer {

    background: #390E08 url('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_light_bg.gif') 

}



.frameTable .type_light .rside {

    width: 23px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_light_big.gif') repeat-y top right;

}



.frameTable .type_light .lside {

    width: 23px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_light.gif') repeat-y left;

}



.frameTable .type_dark {



}



.frameTable .type_dark td {

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_dark_bg.gif') 

}



.frameTable .type_dark .rside {

    width: 23px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_dark_big.gif') repeat-y top right;

}



.frameTable .type_dark .lside {

    width: 23px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_dark.gif') repeat-y left;

}





.frameTable .type_selected {



}



.frameTable .type_selected td {

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_selected_bg.gif') 

}



.frameTable .type_selected .rside {

    width: 23px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_selected_big.gif') repeat-y top right;

}



.frameTable .type_selected .lside {

    width: 23px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/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 Arial, Helvetica, Verdana, sans-serif;

    color: #cdcdcd;

}



.newsPost .content {

    font: normal 8pt Arial, Helvetica, Verdana, 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 Arial, Helvetica, Verdana, 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 Arial, Helvetica, Verdana, sans-serif;

    color: #D5690E;

}







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





.info_box .left_sd

{

    padding: 0 0 0 15px;

    background: #240805 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/maroon_box_side_lf.gif') repeat-y left;    

}



.info_box .right_sd

{

    padding: 0 15px 0 0;

    background: #240805 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/maroon_box_side_rt.gif') repeat-y top right;   

}





.info_box .box_border_top

{

    

    background: #240805 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/maroon_box_top.gif') repeat-x top;

    height: 17px;

}



.info_box .box_rt

{

    

    background: url('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/maroon_box_top_lf.gif') no-repeat top left;

    height: 17px;

}



.info_box .box_border_bot

{

    background: #240805 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/maroon_box_bottom.gif') repeat-x bottom;

    height: 17px;

}



.info_box .box_bot_rt

{

    background: url('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/maroon_box_bottom_lf.gif') no-repeat top left;

    height: 17px;

}















.center_border

{   

    background: #390E08 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/top_border.gif') repeat-x top;

    height: 21px;

    margin-bottom: -13px;

    

}



.center_border .rt

{

    height: 21px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/top_rt_corner.gif') no-repeat top right;

}



.bottom_outline

{

    margin-top: -13px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/bottom_border.gif') repeat-x bottom;

    height: 14px;

}



.bottom_outline .lower_rt

{

    height: 14px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_dark_big.gif') repeat-y;

}



 .ltContent

{

    padding: 1.4em 0 1.4em 6em;

    margin: .2em 0;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_light_big.gif') repeat-y;

}







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





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



.completeBox .center_border_top

{   

    background: #390E08 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/top_border.gif') repeat-x top;

    height: 14px;

    width: 600px;

}



.completeBox .center_border_lf

{

    width: 13px;

    height: 14px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/top_lf_corner_new.gif') no-repeat top left;

}



.completeBox .center_border_rt

{

    width: 13px;

    height: 14px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/top_rt_corner_new.gif') no-repeat top right;

}



.completeBox .bottom_outline

{

    width: 600px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/bottom_border_dkContent.gif') repeat-x bottom;

    height: 14px;

}





.completeBox .bottom_outline_lower_lf

{

    width: 13px;

    height: 14px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/bottom_lf_corner.jpg') no-repeat top left;

}



.completeBox .bottom_outline_lower_rt

{

    width: 13px;

    height: 14px;

    background: url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/bottom_rt_corner.gif') no-repeat top right;

}





.completeBox

{

    width: 600px;

}



.completeBox .center_outline_lf 

{

    width: 13px;

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/lf_red_border.gif') repeat-y left;

}



.completeBox .center_outline_rt

{

    width: 13px;

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/rt_red_border.gif') repeat-y right;

}



.completeBox .center_outline_lf_dkContent 

{

    width: 13px;

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/lf_side_border_dkContent.gif') repeat-y left;

}



.completeBox .center_outline_rt_dkContent 

{

    width: 13px;

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/rt_side_border_dkContent.gif') repeat-y right;

}





.completeBox .center_outline_lf_ltContent 

{

    width: 13px;

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/images/guild_home/lf_side_border_ltContent.gif') repeat-y left;

}



.completeBox .center_outline_rt_ltContent 

{

    width: 13px;

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/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('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_dark_big.gif') repeat-y;

}



.completeBox .ltContent_strip

{

    padding-top: 13px;

    background: #000000 url('https://d2aao99y1mip6n.cloudfront.net/images/pageframe/edge_light_big.gif') repeat-y;

}



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



.poxnoraTimeLabel

{

    width: 100%;

    text-align: center;

    font-family: Arial, Helvetica, Verdana, sans-serif;

    font-size: 12px;

    font-weight: bold;

    color: #128FA8;

}



.poxnoraTimeValue

{

    width: 100%;

    text-align: center;

    font-family: Arial, Helvetica, Verdana, 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;

}

/****/

/*RM*/

/****/



.pagLeftDoubleArrow{ background:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_pagination_leftend.jpg') no-repeat;width: 29px; height: 28px; display: inline-block; position: relative; text-align: center;font:12px/234% bold arial;color:#252525;cursor:pointer}

.pagLeftArrow{background:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_pagination_left.jpg') no-repeat;width: 29px; height: 28px; display: inline-block; position: relative; text-align: center;font:12px/234% bold arial;color:#252525;cursor:pointer}

.pagSelBlock{background:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_pagination_select_back.jpg') no-repeat;width: 28px; height: 28px; display: inline-block; position: relative; text-align: center;font:12px/234% bold arial;color:#252525}

.pagSelBlockArrow{background:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_pagination_sel_btm_back.jpg') no-repeat;width: 28px; height: 8px;position:absolute;bottom:-8px;_bottom:-14px;left:0}

.pagBackRpt{background:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_pagination_back.jpg') no-repeat;width: 28px; height: 28px; display: inline-block; position: relative; text-align: center;}

.pagText{padding:10px;color:#f8f6ea;font:12px/234% bold arial;}

.pagRight{background:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_pagination_right.jpg') no-repeat;width: 29px; height: 28px; display: inline-block; position: relative; text-align: center;font:12px/234% bold arial;color:#252525;cursor:pointer}

.pagRightDoubleArrow{background:url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_pagination_rightend.jpg') no-repeat;width: 29px; height: 28px; display: inline-block; position: relative; text-align: center;font:12px/234% bold arial;color:#252525;cursor:pointer}

.ajaxBusy{position:absolute;top:0;left:0;background:url('https://d2aao99y1mip6n.cloudfront.net/images/ajax_busy.gif') no-repeat;width: 16px; height: 16px;}

.active-ability a{font-size:26px;}

.list-view-header{background: #000 url('https://d2aao99y1mip6n.cloudfront.net/_themes/global/rm_lv_rpt_hdr.gif') repeat-x top;}

.z1{background-color:#161616}

.z2{background-color:#0b0b0b}

/* table headers and table data must have the same widths */

#clv .actTh, #clv .nameTh, #clv .lvlTh, #clv .costTh, #clv .dmgTh, #clv .spdTh, #clv .rngTh, #clv .defTh, #clv .hpTh, #clv .raceTh, #clv .classTh, #clv .rarityTh{

    height:26px;

    color: #5BB3D8;
    padding: 0;

}

#clv .actTh{width: 32px}

#clv .nameTh{width: 200px;text-align:left}

#clv .lvlTh{width: 39px}

#clv .costTh{width: 51px}

#clv .dmgTh{width: 43px}

#clv .spdTh{width: 37px}

#clv .rngTh{width: 36px}

#clv .defTh{width: 38px}

#clv .hpTh{width: 38px}

#clv .sizeTh{width: 38px}

#clv .raceTh{width: 63px}

#clv .classTh{width: 63px}

#clv .rarityTh{width: 77px}

#clv .actTd, #clv .nametd, #clv .lvlTd, #clv .noraTd, #clv .dmgTd, #clv .spdTd, #clv .rngTd, #clv .defTd, #clv .hpTd, #clv .raceTd, #clv .classTd, #clv .rarityTd{

    height:37px;

    vertical-align:middle;

    line-height:3em;

}

#clv .actTd{width: 32px; text-align: center;}

#clv .nametd{width: 216px;text-align:left;}

#clv .lvlTd{width: 39px}

#clv .noraTd{width: 51px}

#clv .dmgTd{width: 43px}

#clv .spdTd{width: 39px}

#clv .rngTd{width: 38px}

#clv .defTd{width: 40px}

#clv .hpTd{width: 40px}

#clv .sizeTd{width: 40px}

#clv .raceTd{width: 63px;line-height:1em;}

#clv .classTd{width: 63px;line-height:1em;}

#clv .rarityTd{width: 77px}

.rl-active-ability{display:block;height:30px;padding-top:4px;width:65px;padding-right:5px;}

.common{color:#D6C77B}

.rare{color:#316173}

.exotic{color:#5A0473}

.uncommon{color:#841818}

.limitededition{color:#529639}

.legendary{color:#B5B6B5}



#slv .actTh, #slv .nameTh, #slv .factionTh, #slv .costTh, #slv .rarityTh{

    height:26px;

}

#slv .actTh{width:72px;text-align:left;}

#slv .nameTh{width:294px;text-align:left;}

#slv .factionTh{width:114px;text-align:left;}

#slv .costTh{width:111px;text-align:left;}

#slv .rarityTh{width:147px;text-align:left;}



#slv .actTd, #slv .nameTd, #slv .factionTd, #slv .costTd, #slv .rarityTd{

    height:26px;

}

#slv .actTd{width:10%;text-align:center}

#slv .nameTd{width:40%}

#slv .factionTd{width:15%}

#slv .costTd{width:15%}

#slv .rarityTd{width:20%}



#elv .actTh, #elv .nameTh, #elv .factionTh, #elv .costTh, #elv .rarityTh{

    height:26px;

}



#elv .actTh{width:10%;}

#elv .nameTh{width:40%}

#elv .factionTh{width:15%}

#elv .costTh{width:15%}

#elv .rarityTh{width:20%}



#elv .actTd, #elv .nameTd, #elv .factionTd, #elv .costTd, #elv .rarityTd{

    height:26px;

}

#elv .actTd{width:10%;text-align:center}

#elv .nameTd{width:40%}

#elv .factionTd{width:15%}

#elv .costTd{width:15%}

#elv .rarityTd{width:20%}



#rlv .actTh, #rlv .nameTh, #rlv .factionTh, #rlv .costTh, #rlv .rarityTh{

    height:26px;

}

#rlv .actTh{width:10%;}

#rlv .nameTh{width:40%}

#rlv .factionTh{width:15%}

#rlv .costTh{width:15%}

#rlv .rarityTh{width:20%}



#rlv .actTd, #rlv .nameTd, #rlv .factionTd, #rlv .costTd, #rlv .rarityTd{

    height:26px;

}

#rlv .actTd{width:10%;text-align:center}

#rlv .nameTd{width:40%}

#rlv .factionTd{width:15%}

#rlv .costTd{width:15%}

#rlv .rarityTd{width:20%}



#factionCounts{display:block;position:absolute;bottom:20px;left:30px;width:350px;height:63px;}

#factionCounts span{text-align:center;padding-right:5px;}

.hide-show-a{background: #000 url('https://d2aao99y1mip6n.cloudfront.net/images/rm_shw_hd.jpg') no-repeat 0 0;width:201px;height:27px;cursor:pointer}

.hide-show-b{background: #000 url('https://d2aao99y1mip6n.cloudfront.net/images/rm_shw_hd.jpg') no-repeat -201px 0;width:201px;height:27px;cursor:pointer}


.socialIcon {
width: 44px;
height: 44px;
}

.socialHorizontalIcons .socialIcon {
float: left;
margin-right: 5px;
padding: 5px;
padding-right: 0px;
height: 54px;
}