@charset "utf-8";

/* BODY */
html { overflow-y: scroll; background-color: #25604a; } /* Force Scrollbar and Safari Background Fill Hack */
body { background: #25604a url('/img/bg_1_tile.gif') top repeat-x; text-align: center;}
img { border: 0; }
body,html,p,div,table,td,tr { margin: 0; padding: 0; }

/* BACKGROUND COLORS */
.landing { background: #5d6973; }
.landinghdr { background: #302d34; }
.landingbdy { background: #ebf3ea; }
.newsnew { background: #73d823; }
.newsnewhdr { background: #302d34; }
.newsnewbdy { background: #ebf3ea; }
.news { background: #7599ff; }
.newshdr { background: #302d34; }
.newsbdy { background: #ebf3ea; }
.gameguide { background: #d07710; }
.gameguidehdr { background: #643c23; }
.gameguidebdy { background: #ebf3ea; }
.media { background: #a3c4cb; }
.mediahdr { background: #4b4867; }
.mediabdy { background: #ebf3ea; }
.minigames { background: #5c6664; }
.minigameshdr { background: #8a2223; }
.minigamesbdy { background: #ebf3ea; }
.forums { background: #63b08b; }
.forumshdr { background: #202d25; }
.forumsbdy { background: #ffffff; }
.community { background: #63b08b; }
.communityhdr { background: #202d25; }
.communitybdy { background: #ebf3ea; }
.account { background: #7599ff; }
.accounthdr { background: #302d34; }
.accountbdy { background: #ebf3ea; }
.support { background: #71a6aa; }
.supporthdr { background: #383838; }
.supportbdy { background: #ebf3ea; }


/* MISC */
.button { cursor: pointer; }
.clear {clear: both; font-size: 0; line-height: 0; height: 0; background: none; margin: 0; padding: 0; }
.clearleft { clear: left; }
.clearright { clear: right; }
.hide { display: none; }
.marginright { margin-right: 6px; }
.marginleft { margin-left: 6px; }
ul, ol {margin: 12px 6px 12px -6px; padding: 0}
ol { list-style-type: upper-alpha; }
ol ol { list-style-type: decimal; }
ol ol ol { list-style-type: lower-roman; }
li {margin: 3px 0; padding: 0}
h1 { display: inline; font-size: 20px; }
form {margin: 0; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }


/* CONTENT */
.logoclickbox { z-index: 20; margin: 0 auto; position: relative; left: -188px; width: 250px; height: 110px; padding-top: 30px; }
.logoclick { height: 80px; background: red; filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;}
#bgpanorama { background: url('/img/bg_1_panorama.jpg') center top no-repeat; text-align: center; }
#content { position: relative; margin: 0 auto; width: 904px; text-align: left; background: url('/img/bg_1_boxtile.jpg') repeat-y; }
#contenttop { padding-top: 6px; background: url('/img/bg_1_boxtop.jpg') center top no-repeat; }
#contentbottom { display: table; width: 904px; padding-bottom: 18px; background: url('/img/bg_1_boxbottom.jpg') center bottom no-repeat; }
#contentlnav { float: left; width: 189px; margin-right: 5px; }
#contentmiddle { float: left; width: 701px; overflow: visible; *overflow: hidden; } /* overflow hack-fix for IE6 bug */
#contentright { float: right; }
#contentright_insidebdy { margin-left: 6px; float: right; }


/* LNAV */
.lnav_group { width: 180px; position: relative; left: 9px; }
.lnav_group_collapse { height: 23px; overflow: hidden; }
.lnav_thumbnail { position: absolute; right: 6px; top: -2px; z-index: 10;}
.lnav_title { color: #ffffff; font: 14px arial; font-weight: bold; margin-left: 16px; width: 160px; display: block; text-decoration: none; padding: 3px 0 3px 4px; }
.lnav_option { color: #ffffff; font: 11px arial; font-weight: bold; width: 158px; line-height: 18px; display: block; text-decoration: none; padding-left: 6px; }
.lnav_option img, .lnav_option a img { float: left; margin: 1px 3px 0 -2px; }
.lnav_bottomborder { width: 180px; height: 4px; margin: 0 0 6px 9px; }
.lnav_bottom { width: 164px; height: 4px; margin-left: 16px; font-size: 0; line-height: 0; }
.lnav_border_0, .lnav_border_1, .lnav_border_2, .lnav_border_3, .lnav_border_4, .lnav_border_5, .lnav_border_6, .lnav_border_7, .lnav_border_8 { background: url('/img/lnav_border_1.gif'); background-repeat: repeat-y;}
.lnav_toggle_up { position: absolute; top: 0; left: 0px; font-size: 0; line-height: 0; width: 16px; height: 22px; background: url('/img/lnav_toggle_up.png') 4px 8px no-repeat; }
.lnav_toggle_down { position: absolute; top: 0; left: 0px; font-size: 0; line-height: 0; width: 16px; height: 22px; background: url('/img/lnav_toggle_down.png') 4px 8px no-repeat; }
.lnavbg_0 { margin-left: 16px; background: url('/img/lnavbg.gif') 0px 0px; }
.lnavbg_1 { margin-left: 16px; background: url('/img/lnavbg.gif') 0px 0px; }
.lnavbg_2 { margin-left: 16px; background: url('/img/lnavbg.gif') -164px 0px; }
.lnavbg_3 { margin-left: 16px; background: url('/img/lnavbg.gif') -656px 0px; }
.lnavbg_4 { margin-left: 16px; background: url('/img/lnavbg.gif') -328px 0px; }
.lnavbg_5 { margin-left: 16px; background: url('/img/lnavbg.gif') -492px 0px; }
.lnavbg_6,
.lnavbg_7,
.lnavbg_8 { margin-left: 16px; background: url('/img/lnavbg.gif') -820px 0px; }
.lnav_title_0 { background: url('/img/lnav_title.png') 0px 0px; }
.lnav_title_1 { background: url('/img/lnav_title.png') 0px 0px; }
.lnav_title_2 { background: url('/img/lnav_title.png') -164px 0px; }
.lnav_title_3 { background: url('/img/lnav_title.png') -656px 0px; }
.lnav_title_4 { background: url('/img/lnav_title.png') -328px 0px; }
.lnav_title_5 { background: url('/img/lnav_title.png') -492px 0px; }
.lnav_title_6,
.lnav_title_7,
.lnav_title_8 { background: url('/img/lnav_title.png') -820px 0px; }
.lnav_option_0 { border-top: 1px solid #5379c3; border-bottom: 1px solid #27489f; background: none; }
.lnav_option_1 { border-top: 1px solid #5379c3; border-bottom: 1px solid #27489f; background: none; }
.lnav_option_2 { border-top: 1px solid #d98d1f; border-bottom: 1px solid #c05f0a; background: none; }
.lnav_option_3 { border-top: 1px solid #6fb996; border-bottom: 1px solid #3f9168; background: none; }
.lnav_option_4 { border-top: 1px solid #64617e; border-bottom: 1px solid #36344f; background: none; }
.lnav_option_5 { border-top: 1px solid #9e383a; border-bottom: 1px solid #701717; background: none; }
.lnav_option_6,
.lnav_option_7,
.lnav_option_8 { border-top: 1px solid #808080; border-bottom: 1px solid #333; }
a.lnav_option_0:hover, a.lnav_title_0:hover, a.lnav_option_1:hover, a.lnav_title_1:hover, a.lnav_option_2:hover, a.lnav_title_2:hover, a.lnav_option_3:hover, a.lnav_title_3:hover, a.lnav_option_4:hover, a.lnav_title_4:hover, a.lnav_option_5:hover, a.lnav_title_5:hover, a.lnav_option_6:hover, a.lnav_title_6:hover, a.lnav_option_7:hover, a.lnav_title_7:hover, a.lnav_option_8:hover, a.lnav_title_8:hover { background: black; }
.lnav_tinygroup { border-top: 1px solid #5379c3; border-bottom: 1px solid #27489f; background: none; width: 158px; padding: 3px 0 0 6px; }
.lnav_tinygroup img { margin: 0 2px 2px 0; }
.lnav_tinygroup img:hover { margin: 1px; }
.lnav_tinygroup_toggle_up { position: absolute; top: 228px; left: 0px; font-size: 0; line-height: 0; width: 16px; height: 22px; background: url('/img/lnav_toggle_up.png') 4px 8px no-repeat; cursor: pointer; }
.lnav_tinygroup_toggle_down { position: absolute; top: 228px; left: 0px; font-size: 0; line-height: 0; width: 16px; height: 22px; background: url('/img/lnav_toggle_down.png') 4px 8px no-repeat; cursor: pointer; }
.lnav_bottomborder_0, .lnav_bottomborder_1, .lnav_bottomborder_2, .lnav_bottomborder_3, .lnav_bottomborder_4, .lnav_bottomborder_5, .lnav_bottomborder_6, .lnav_bottomborder_7, .lnav_bottomborder_8 { background: url('/img/lnav_borderbot_1.gif'); background-repeat: no-repeat; }
.lnav_bottom_0 { background: url('/img/lnav_bottom.png') 0px 0px; }
.lnav_bottom_1 { background: url('/img/lnav_bottom.png') 0px 0px; }
.lnav_bottom_2 { background: url('/img/lnav_bottom.png') -164px 0px; }
.lnav_bottom_3{ background: url('/img/lnav_bottom.png') -656px 0px; }
.lnav_bottom_4 { background: url('/img/lnav_bottom.png') -328px 0px; }
.lnav_bottom_5 { background: url('/img/lnav_bottom.png') -492px 0px; }
.lnav_bottom_6,
.lnav_bottom_7,
.lnav_bottom_8 { background: url('/img/lnav_bottom.png') -820px 0px; }


/* STANDARD BOXES */
.box { float: left; margin-bottom: 6px; }
.boxcenter { float: none; margin: 0 auto; }
.box_divider { font-size: 0; line-height: 0; margin: 0; padding: 0; height: 6px; clear: both; }
.large {width: 701px; }
.full {width: 635px; }
.half {width: 346px; }
.third {width: 300px; }
.medium {width: 491px; }
.small {width: 205px; }
.box_650 {width: 650px; }
.box_landing_large, .box_newsnew_large, .box_news_large, .box_gameguide_large, .box_minigames_large, .box_media_large, .box_community_large, .box_account_large, .box_forums_large, .box_support_large { float: left; width: 682px; }
.box_landing_half, .box_newsnew_half, .box_news_half, .box_gameguide_half, .box_minigames_half, .box_media_half, .box_community_half, .box_account_half, .box_forums_half, .box_support_half { float: left; width: 327px; }
.box_landing_medium, .box_newsnew_medium, .box_news_medium, .box_gameguide_medium, .box_minigames_medium, .box_media_medium, .box_community_medium, .box_account_medium, .box_forums_medium, .box_support_medium { float: left; width: 472px; }
.box_landing_small, .box_newsnew_small, .box_news_small, .box_gameguide_small, .box_minigames_small, .box_media_small, .box_community_small, .box_account_small, .box_forums_small, .box_support_small { float: left; width: 186px; }
.box_landing_large, .box_landing_medium, .box__half, .box_landing_small { background: #5d6973; border-left: 16px solid #5d6973; border-right: 3px solid #5d6973; }
.box_newsnew_large, .box_newsnew_medium, .box_newnews_half, .box_newsnew_small { background: #73d823; border-left: 16px solid #73d823; border-right: 3px solid #73d823; }
.box_news_large, .box_news_medium, .box_news_half, .box_news_small { background: #7599ff; border-left: 16px solid #7599ff; border-right: 3px solid #7599ff; }
.box_gameguide_large, .box_gameguide_medium, .box_gameguide_half, .box_gameguide_small { background: #d07710; border-left: 16px solid #d07710; border-right: 3px solid #d07710; }
.box_media_large, .box_media_medium, .box_media_half, .box_media_small { background: #a3c4cb; border-left: 16px solid #a3c4cb; border-right: 3px solid #a3c4cb; }
.box_minigames_large, .box_minigames_medium, .box_minigames_half, .box_minigames_small { background: #5c6664; border-left: 16px solid #5c6664; border-right: 3px solid #5c6664; }
.box_community_large, .box_community_medium, .box_community_half, .box_community_small { background: #63b08b; border-left: 16px solid #63b08b; border-right: 3px solid #63b08b; }
.box_account_large, .box_account_medium, .box_account_half, .box_account_small { background: #7599ff; border-left: 16px solid #7599ff; border-right: 3px solid #7599ff; }
.box_forums_large, .box_forums_medium, .box_forums_half, .box_forums_small { background: #63b08b; border-left: 16px solid #63b08b; border-right: 3px solid #63b08b; }
.box_support_large, .box_support_medium, .box_support_half, .box_support_small { background: #71a6aa; border-left: 16px solid #71a6aa; border-right: 3px solid #71a6aa; }


/* ROUND CORNERS */
.crnr { float: left; font-size: 0; line-height: 0; height: 6px; margin: 0; padding: 0; width: 50%; *width: 49.99%; }

.tl_landing { background: url('/img/crnr/5d6973.png') top left no-repeat; clear: left; }
.tr_landing { background: url('/img/crnr/5d6973.png') top right no-repeat; clear: right; }
.bl_landing { background: url('/img/crnr/5d6973.png') bottom left no-repeat; clear: left; }
.br_landing { background: url('/img/crnr/5d6973.png') bottom right no-repeat; clear: right; }
.tl_landinghdr { background: url('/img/crnr/302d34.png') top left no-repeat; clear: left; }
.tr_landinghdr { background: url('/img/crnr/302d34.png') top right no-repeat; clear: right; }
.bl_landinghdr { background: url('/img/crnr/302d34.png') bottom left no-repeat; clear: left; }
.br_landinghdr { background: url('/img/crnr/302d34.png') bottom right no-repeat; clear: right; }
.tl_landingbdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_landingbdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_landingbdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_landingbdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_newsnew { background: url('/img/crnr/73d823.png') top left no-repeat; clear: left; }
.tr_newsnew { background: url('/img/crnr/73d823.png') top right no-repeat; clear: right; }
.bl_newsnew { background: url('/img/crnr/73d823.png') bottom left no-repeat; clear: left; }
.br_newsnew { background: url('/img/crnr/73d823.png') bottom right no-repeat; clear: right; }
.tl_newsnewhdr { background: url('/img/crnr/302d34.png') top left no-repeat; clear: left; }
.tr_newsnewhdr { background: url('/img/crnr/302d34.png') top right no-repeat; clear: right; }
.bl_newsnewhdr { background: url('/img/crnr/302d34.png') bottom left no-repeat; clear: left; }
.br_newsnewhdr { background: url('/img/crnr/302d34.png') bottom right no-repeat; clear: right; }
.tl_newsnewbdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_newsnewbdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_newsnewbdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_newsnewbdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_news { background: url('/img/crnr/7599ff.png') top left no-repeat; clear: left; }
.tr_news { background: url('/img/crnr/7599ff.png') top right no-repeat; clear: right; }
.bl_news { background: url('/img/crnr/7599ff.png') bottom left no-repeat; clear: left; }
.br_news { background: url('/img/crnr/7599ff.png') bottom right no-repeat; clear: right; }
.tl_newshdr { background: url('/img/crnr/302d34.png') top left no-repeat; clear: left; }
.tr_newshdr { background: url('/img/crnr/302d34.png') top right no-repeat; clear: right; }
.bl_newshdr { background: url('/img/crnr/302d34.png') bottom left no-repeat; clear: left; }
.br_newshdr { background: url('/img/crnr/302d34.png') bottom right no-repeat; clear: right; }
.tl_newsbdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_newsbdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_newsbdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_newsbdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_gameguide { background: url('/img/crnr/d07710.png') top left no-repeat; clear: left; }
.tr_gameguide { background: url('/img/crnr/d07710.png') top right no-repeat; clear: right; }
.bl_gameguide { background: url('/img/crnr/d07710.png') bottom left no-repeat; clear: left; }
.br_gameguide { background: url('/img/crnr/d07710.png') bottom right no-repeat; clear: right; }
.tl_gameguidehdr { background: url('/img/crnr/643c23.png') top left no-repeat; clear: left; }
.tr_gameguidehdr { background: url('/img/crnr/643c23.png') top right no-repeat; clear: right; }
.bl_gameguidehdr { background: url('/img/crnr/643c23.png') bottom left no-repeat; clear: left; }
.br_gameguidehdr { background: url('/img/crnr/643c23.png') bottom right no-repeat; clear: right; }
.tl_gameguidebdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_gameguidebdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_gameguidebdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_gameguidebdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_minigames { background: url('/img/crnr/5c6664.png') top left no-repeat; clear: left; }
.tr_minigames { background: url('/img/crnr/5c6664.png') top right no-repeat; clear: right; }
.bl_minigames { background: url('/img/crnr/5c6664.png') bottom left no-repeat; clear: left; }
.br_minigames { background: url('/img/crnr/5c6664.png') bottom right no-repeat; clear: right; }
.tl_minigameshdr { background: url('/img/crnr/8a2223.png') top left no-repeat; clear: left; }
.tr_minigameshdr { background: url('/img/crnr/8a2223.png') top right no-repeat; clear: right; }
.bl_minigameshdr { background: url('/img/crnr/8a2223.png') bottom left no-repeat; clear: left; }
.br_minigameshdr { background: url('/img/crnr/8a2223.png') bottom right no-repeat; clear: right; }
.tl_minigamesbdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_minigamesbdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_minigamesbdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_minigamesbdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_media { background: url('/img/crnr/a3c4cb.png') top left no-repeat; clear: left; }
.tr_media { background: url('/img/crnr/a3c4cb.png') top right no-repeat; clear: right; }
.bl_media { background: url('/img/crnr/a3c4cb.png') bottom left no-repeat; clear: left; }
.br_media { background: url('/img/crnr/a3c4cb.png') bottom right no-repeat; clear: right; }
.tl_mediahdr { background: url('/img/crnr/4b4867.png') top left no-repeat; clear: left; }
.tr_mediahdr { background: url('/img/crnr/4b4867.png') top right no-repeat; clear: right; }
.bl_mediahdr { background: url('/img/crnr/4b4867.png') bottom left no-repeat; clear: left; }
.br_mediahdr { background: url('/img/crnr/4b4867.png') bottom right no-repeat; clear: right; }
.tl_mediabdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_mediabdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_mediabdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_mediabdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_community { background: url('/img/crnr/63b08b.png') top left no-repeat; clear: left; }
.tr_community { background: url('/img/crnr/63b08b.png') top right no-repeat; clear: right; }
.bl_community { background: url('/img/crnr/63b08b.png') bottom left no-repeat; clear: left; }
.br_community { background: url('/img/crnr/63b08b.png') bottom right no-repeat; clear: right; }
.tl_communityhdr { background: url('/img/crnr/202d25.png') top left no-repeat; clear: left; }
.tr_communityhdr { background: url('/img/crnr/202d25.png') top right no-repeat; clear: right; }
.bl_communityhdr { background: url('/img/crnr/202d25.png') bottom left no-repeat; clear: left; }
.br_communityhdr { background: url('/img/crnr/202d25.png') bottom right no-repeat; clear: right; }
.tl_communitybdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_communitybdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_communitybdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_communitybdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_account { background: url('/img/crnr/7599ff.png') top left no-repeat; clear: left; }
.tr_account { background: url('/img/crnr/7599ff.png') top right no-repeat; clear: right; }
.bl_account { background: url('/img/crnr/7599ff.png') bottom left no-repeat; clear: left; }
.br_account { background: url('/img/crnr/7599ff.png') bottom right no-repeat; clear: right; }
.tl_accounthdr { background: url('/img/crnr/302d34.png') top left no-repeat; clear: left; }
.tr_accounthdr { background: url('/img/crnr/302d34.png') top right no-repeat; clear: right; }
.bl_accounthdr { background: url('/img/crnr/302d34.png') bottom left no-repeat; clear: left; }
.br_accounthdr { background: url('/img/crnr/302d34.png') bottom right no-repeat; clear: right; }
.tl_accountbdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_accountbdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_accountbdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_accountbdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_forums { background: url('/img/crnr/63b08b.png') top left no-repeat; clear: left; }
.tr_forums { background: url('/img/crnr/63b08b.png') top right no-repeat; clear: right; }
.bl_forums { background: url('/img/crnr/63b08b.png') bottom left no-repeat; clear: left; }
.br_forums { background: url('/img/crnr/63b08b.png') bottom right no-repeat; clear: right; }
.tl_forumshdr { background: url('/img/crnr/202d25.png') top left no-repeat; clear: left; }
.tr_forumshdr { background: url('/img/crnr/202d25.png') top right no-repeat; clear: right; }
.bl_forumshdr { background: url('/img/crnr/202d25.png') bottom left no-repeat; clear: left; }
.br_forumshdr { background: url('/img/crnr/202d25.png') bottom right no-repeat; clear: right; }
.tl_forumsbdy { background: url('/img/crnr/ffffff.png') top left no-repeat; clear: left; }
.tr_forumsbdy { background: url('/img/crnr/ffffff.png') top right no-repeat; clear: right; }
.bl_forumsbdy { background: url('/img/crnr/ffffff.png') bottom left no-repeat; clear: left; }
.br_forumsbdy { background: url('/img/crnr/ffffff.png') bottom right no-repeat; clear: right; }

.tl_support { background: url('/img/crnr/71a6aa.png') top left no-repeat; clear: left; }
.tr_support { background: url('/img/crnr/71a6aa.png') top right no-repeat; clear: right; }
.bl_support { background: url('/img/crnr/71a6aa.png') bottom left no-repeat; clear: left; }
.br_support { background: url('/img/crnr/71a6aa.png') bottom right no-repeat; clear: right; }
.tl_supporthdr { background: url('/img/crnr/383838.png') top left no-repeat; clear: left; }
.tr_supporthdr { background: url('/img/crnr/383838.png') top right no-repeat; clear: right; }
.bl_supporthdr { background: url('/img/crnr/383838.png') bottom left no-repeat; clear: left; }
.br_supporthdr { background: url('/img/crnr/383838.png') bottom right no-repeat; clear: right; }
.tl_supportbdy { background: url('/img/crnr/ebf3ea.png') top left no-repeat; clear: left; }
.tr_supportbdy { background: url('/img/crnr/ebf3ea.png') top right no-repeat; clear: right; }
.bl_supportbdy { background: url('/img/crnr/ebf3ea.png') bottom left no-repeat; clear: left; }
.br_supportbdy { background: url('/img/crnr/ebf3ea.png') bottom right no-repeat; clear: right; }

.tl_storybox { background: url('/img/crnr/storybox.png') top left no-repeat; clear: left; }
.tr_storybox { background: url('/img/crnr/storybox.png') top right no-repeat; clear: right; }
.bl_storybox { background: url('/img/crnr/storybox.png') bottom left no-repeat; clear: left; }
.br_storybox { background: url('/img/crnr/storybox.png') bottom right no-repeat; clear: right; }

.tl_hintbox { background: url('/img/crnr/hintbox.png') top left no-repeat; clear: left; }
.tr_hintbox { background: url('/img/crnr/hintbox.png') top right no-repeat; clear: right; }
.bl_hintbox { background: url('/img/crnr/hintbox.png') bottom left no-repeat; clear: left; }
.br_hintbox { background: url('/img/crnr/hintbox.png') bottom right no-repeat; clear: right; }


/* HDR */
.hdr { position: relative; clear: both; font: 12px arial; color: #ffffff; font-weight: bold; *margin-top: -1px; }
.hdr12 { height: 12px; min-height: 12px; }
.hdr a, .hdr a:visited {color: #ffffff; text-decoration: none; }
.hdr_title { color: #f5f6f0; font: 20px georgia, times; font-weight: bold; line-height: 22px; position: relative; left: 22px; *margin-top: -1px; }
.hdr_pagetitle { font: 26px georgia; font-weight: bold; line-height: 22px; }
.hdr_subtitle { font: 14px arial; font-weight: bold; line-height: 16px; position: relative; top: -3px; left: 22px; margin: 0 0 -3px 0; }
.hdr_flavortext { margin-top: 0; font: 13px times; font-style: italic; font-weight: normal; color: #ebf3ea; color: #d9aa77; position: relative; left: 22px; line-height: 16px; }
.hdr_flavortext span {color: #d07710; text-transform: capitalize; }
.hdr_linktrail { font: 10px arial; color: #d07710; position: relative; left: 22px; line-height: 10px; margin-top: 2px; }
.hdr_linktrail a, .hdr_linktrail a:visited { font-decoration: none; color: #d07710; }
.hdr_linktrail a:hover { font-decoration: underline; color: #ffffff; }
.hdr_linktrail span { font-weight: bold; }
.hdr_arrow { float: right; position: absolute; top: 0; *top: 7px; right: 3px; background: url(/img/button_16open.gif); width: 12px; height: 12px; z-index: 1; }
.hdr div.i32, .hdr a.i32 { position: absolute; left: -13px; top: -8px; z-index: 10; }
.hdr div.i16, .hdr a.i16 { position: absolute; left: 3px; top: -3px; z-index: 10; }
.hdr_spacer { height: 6px; margin: 0; padding: 0; line-height: 0; font-size: 0; }


/* BDY */
.bdy { clear: both; padding: 3px 13px 1px 13px; color: #3d4d44; }
.bdy_forums { padding: 0; }
.bdy_details { font: 10px arial; font-weight: bold; color: #808080; margin-bottom: 6px; *margin-bottom: 8px; }
.bdy_landing, .bdy_newsnew, .bdy_news, .bdy_gameguide, .bdy_minigames, .bdy_media, .bdy_community, .bdy_account, .bdy_support { background: #ebf3ea; }
.bdy_forums { background: #ffffff; }
.bdy, .bdy p, .bdy .dropcap p, .bdy ul, bdy li, .bdy dt, .bdy form, .bdy center { font: 13px arial; line-height: 1.4em; }
.bdy a, .bdy a:visited, .bdy li a, bdy li a:visited { color: #3d4d44; text-decoration: none; }
.bdy a:hover, .bdy li a:hover { text-decoration: underline }
.bdy li { margin-left: 30px; *position: relative; *left: 33px;}
p.dropcap:first-letter { float: left; font: 42px Times; line-height: 36px; margin: 6px 3px 30px 6px; }
p.dropcap br { line-height: 10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .bdy p.dropcap:first-letter { float: left; font: 42px Times; line-height: 36px; margin: 0 3px 0 0; }} /* SAFARI HACK */
.bdy_callout { margin: 10px 0; padding: 12px; background: #bfead6; color: #365c4d; font: 11px arial; line-height: 18px; text-align: justify; }
.bdy_divider { height: 1px; font-size: 0; line-height: 0; border-top: 1px solid #939c91; background: #e0e9de; clear: both; margin: 24px 6px 12px 6px; }
.bdy_subtitle { text-align: center; font: 14px arial; font-weight: bold; color: #3d4d44; }
.bdy_subtitle_left { text-align: left; font: 14px arial; font-weight: bold; color: #3d4d44; margin-top: 8px; margin-bottom:3px; }


/* THUMBNAILS */
.thumbnail { float: left; position: relative; text-align: center; font: 10px arial; color: #d07710; margin: 6px; }


/* FOOTER */
.footer { position: relative; margin: 24px auto 0 auto; width: 904px; background: url('/img/footer.png'); height: 67px; min-height: 67px; font: 11px arial; color: #ffffff; }
#footer_text {position: relative; top: 12px; margin: 0 auto; width: 560px; color: #808080; }
#footer_text a, #footer_text a:visited {color: #ffffff; text-decoration: none; }
#footer_text a:hover {text-decoration: underline; }
#footer_text p {margin-top: 16px; color: #808080; }
#footer_left { position: absolute; left: 64px; top: 6px; }
#footer_right { position: absolute; right: 60px; top: 6px; }


/* QUICKBOX */
.quickfact_title { position:relative; clear: both; background: #643c23; height: 14px; }
.quickfact_title img, .quickfact_title span { float: left; position: absolute; top: -4px; }
.quickfact_title img { left: 3px; border: 0; }
.quickfact_title span { float: left; position: absolute; top: -4px; left: 22px; font: 14px arial; font-weight: bold; color: #ffffff; width: 160px; }
.quickflash { float: left; position: relative; left: -20px; margin-right: -18px; }
.quickfact { position: relative; padding: 3px 3px 2px 28px; display: block; min-height:16px; height:auto !important; height:16px; font: 11px arial; font-weight: bold; line-height: 14px; color: #ebf3ea; background: #643c23; border-top: 1px solid #78482b; border-bottom: 1px solid #53321d; }
.quickfact_subtitle { position: relative; padding: 2px 2px 2px 12px; display: block; min-height:16px; height:auto !important; height:16px; font: 11px arial; font-weight: bold; line-height: 14px; color: #d07710; background: #643c23; border-top: 1px solid #78482b; border-bottom: 1px solid #53321d; }
.quickfact span { color: #d07710; }
.quickfact a:hover { text-decoration: none; color: #d07710; background: #000000; }
.quickfact img { float: left; position: relative; top: -1px; left: -20px; border: 0; margin-right: -20px; }


/* NEWS RSS & BLOGS */
#news_archive { background: #033036; float: right; text-align: left; width: 180px; padding: 10px; }
.hdr_arrow_closed { background: url(/img/button_16close.gif); }
.news_archive_title { position:relative; clear: both; background: #302d34; height: 10px; }
.news_archive_title div.i16 { top: -4px; left: 3px; }
.news_archive_title img { float: left; position: absolute; top: -4px; left: 3px; border: 0; }
.news_archive_title span { float: left; position: absolute; top: -4px; left: 22px; font: 14px arial; font-weight: bold; color: #7599ff; }
.news_archive_title span a, .news_archive_title span a:visited { color: #7599ff; text-decoration: none; }
.blogs_archive_title { position:relative; clear: both; background: #302d34; height: 10px; }
.blogs_archive_title img { float: left; position: absolute; top: -4px; left: 3px; border: 0; }
.blogs_archive_title span { float: left; position: absolute; top: -4px; left: 22px; font: 14px arial; font-weight: bold; color: #5d6973; }
.archive_article a { font-size: 10.5px; }
.newsarchiveicon, .blogarchiveicon { margin: 0 33px -58px 33px; position: relative; top: -50px; width: 128px; height: 128px; }
.dayspan { color: #ffffff; }
.authorspan { font-style: italic; color: #a3c4cb; text-decoration:none; font-weight: normal; font: 9px arial; }
#rssbox { width: 205px; height: 108px; background: url('/img/m/rssbox.png'); }
.rssnews { float: left; margin: 25px 0 0 20px; width: 64px; height: 64px; }
.rssblogs { float: left; margin: 25px 0 0 41px; width: 64px; height: 64px; }


/* POLICIES */
.policies { color: #000000; }
.policies a, .policies a:visited { color: #000000; font-weight: bold; }
table.policytable { border-width: 1px; border-spacing: 2px; border-style: solid; border-color: black; border-collapse: collapse; }
.policytable center { font-weight: bold; }
table.policytable th { border-width: 1px; padding: 5px; color: #ffffff; font-weight: bold; vertical-align: top; border-style: inset; border-color: #000000; background-color: #5d6973; -moz-border-radius: 0px; }
table.policytable td { border-width: 1px; padding: 5px; border-style: inset; border-color: gray; -moz-border-radius: 0px; }
.policysummary { position: relative; float: right; margin: 0 0 3px 3px; }
.policies ol, .policies ul { padding-right: 30px; }
.policiescaps { line-height: 24px; }


/* STORYBOX */
.storybox_small, .storybox_half, .storybox_medium, .storybox_full, .storybox_large { float: left; position: relative; background: #ebf3ea; border-left: 1px solid #d07710; border-right: 1px solid #d07710; }
.storybox_small { width: 203px; }
.storybox_half { width: 344px; }
.storybox_medium { width: 489px; }
.storybox_full { width: 653px; }
.storybox_large { width: 699px; }
.storybox_small div.i64, .storybox_half div.i64, .storybox_medium div.i64, .storybox_full div.i64, .storybox_large div.i64 { float: left; position: relative; left: -3px; top: -8px; margin: -6px -6px -8px -6px; }
.storybox_icon { float: left; position: relative; left: -3px; top: -4px; margin: -6px -6px -8px -6px; }
.storybox_quote { font-size: 12px; font-weight: bold; color: #d07710; padding-bottom: 5px; text-align: center; padding-left: 64px; background: url('/img/storybox_quote.gif') top center no-repeat; }
.storybox_title { background: #d07710; color:ffffff; font-weight: bold; line-height: 18px; text-align: center; padding: 3px 40px; }
.storybox_title_com { background: #63b08b; color:ffffff; font-weight: bold; line-height: 18px; text-align: center; padding: 3px 40px; }
.storybox_text { color: #67776c; font: 13px times; font-style: italic; padding: 6px 12px 6px 10px; line-height: 1.3em; background: url('/img/storybox_bg.gif'); text-align: justify; }


/* Landing Flash Feature */
#landingflash { float: left; position: relative; top: -146px; left: -5px; margin-bottom: -140px; font-size: 0; line-height: 0; }


/* METEORCAM */
.meteorcam { position: relative; width: 346px; }
.meteorcambg { float: left; background: #4b4867; text-align: center; width: 322px; padding: 0 12px; }
.meteorcambg img { float: left; border: 1px solid #000000; }
.meteorcamtitle { width: 322px; font: 12px arial; font-weight: bold; line-height: 26px; margin-top: -6px; color: #ffffff; }
.meteorcamtitle span {font-style: italic; color: #a3c4cb; }
.meteorcamsubtitle { width: 322px; font: 12px arial; font-weight: bold; line-height: 26px; margin-bottom: -6px; color: #a3c4cb; }
.meteorcamsubtitle span { font-style: italic; color: #ffffff; }


/* FORMS */
#form, #accountsignupform, #accountloginform, #accountlostpassform, #charactercreateform, #redeemform, #uploadform, #addfriendform, #supportcontactform { position: relative; width: 622px; background: #d2dfd0; border: 1px solid #ffffff; padding: 16px; margin: 12px 0; clear: both; }
.asf_helpbox { position: absolute; top: 47px; left: 318px; width: 294px; background: #ebf3ea; padding: 6px; overflow: auto; font: 11px arial; color: #454645; border: 1px solid #ffffff; }
.asf_helpbox_1field { height: 22px; left: 318px; }
.asf_helpbox_2field { height: 52px; left: 318px; }
.asf_helpbox_3field { height: 84px; left: 318px; }
.asf_helpbox_4field { height: 114px; left: 318px; }
.asf_helpbox_5field { height: 132px; left: 318px; }
.asf_helpbox_6field { height: 159px; left: 318px; }
.asf_helpbox_7field { height: 188px; left: 318px; }
.asf_helpbox_8field { height: 216px; left: 318px; }
.asf_helpbox_createcharacter { height: 136px; top: 161px; }
.asf_helpbox_modifycharacter { height: 88px; top: 178px; }
.asf_helpbox_changepass { top: 201px; height: 114px; left: 318px; }
.asf_helpbox_mailcompose { float: left; position: relative; top: 0; left: 0; width: 300px; margin: 0 6px 0 0; }
.asf_helpbox_mailnewfolder { position: relative; top:0; left:0; height: 52px; width: 300px; background: #ebf3ea; padding: 6px; overflow: auto; font: 11px arial; color: #454645; border: 1px solid #ffffff; margin: 0 auto; }
.asf_helpbox_writingentry { position: relative; float: right; height: 75px; width: 462px; top: 0; left: -12px; }
.asf_helpbox div { margin: 0 0 6px 0; background: #d2dfd0; font: 11px arial; font-weight: bold; padding: 2px 4px 2px 2px; }
.asf_helpbox div img { float: left; margin: 0 4px 0 0; }
.asf_helpbox span { font: 10px arial; display: block; margin: -6px 0 6px 22px; }
.asf_helpbox span.title { font: 14px arial; font-weight: bold; display: block; margin: 0 0 6px 0; }
.asf_helpbox div.error { margin: 0 0 6px 0; background: #d2dfd0; font: 11px arial; font-weight: bold; padding: 2px 4px 2px 2px; min-height: 16px; height:auto !important; height:16px; }
.asf_helpbox div.error img { float: left; margin: 0 4px 0 0; }
.asf_helpbox div.errortext { font: 10px arial; margin: -6px 0 6px 22px; background: none; min-height: 16px; height:auto !important; height:16px; }
.asf_helpbox2 { float: left; width: 450px; height: 16px; background: #ebf3ea; font: 10px arial; font-weight: bold; padding: 10px; }
.asf_helpbox2 img { float: left; margin: 0 4px 0 0; }
.asf_helpbox3 { background: #ebf3ea; font: 12px arial; font-weight: bold; padding: 10px; }
.asf_helpbox3 a, .asf_helpbox3 a:visited { font: 12px arial; font-weight: bold; color: #6b94ff; text-decoration: none; }
.asf_helpbox3 a:hover { text-decoration: underline; }
.asf_helpbox4 { position: absolute; top: 670px; left: 218px; width: 400px; background: #ebf3ea; padding: 6px; overflow: auto; font: 11px arial; color: #454645; border: 1px solid #ffffff; }
.asf_title { font: 16px arial; font-weight: bold; color: #6b94ff; margin-bottom: 12px; }
.asf_fieldtitle { float: left; clear: left; width: 120px; font: 12px arial; font-weight: bold; color: #454645; text-align: right; padding-right: 12px; padding-top: 6px; margin-bottom: 6px; }
.asf_fieldtitle_long { width: 160px; }
.asf_fieldtitle a, .asf_fieldtitle a:visited { color: #d07710; }
.asf_field { float: left; width: 148px; height: 18px; background: #ffffff; border: 1px solid #454645; margin-bottom: 6px; font: 12px arial; font-weight: bold; padding: 4px 4px 0 4px; color: #454645; }
.fieldcenter { text-align: center; padding: 4 0 0 0; }
.asf_check { float: left; width: 18px; height: 18px; margin-bottom: 6px; margin-top: 4px; margin-left: -2px; }
.asf_drop { float: left; height: 20px; background: #ffffff; border: 1px solid #454645; margin-bottom: 6px; font: 12px arial; font-weight: bold; padding: 1px 1px 1px 2px; color: #454645; margin-right: 6px; }
.drop158 { width: 158px; margin-right: 0; }
.dropfloatnone { float: none; }
.asf_upload { float: left; height: 20px; width: 286px; background: #ebf3ea; border: 1px solid #ffffff; margin-bottom: 6px; font: 12px arial; font-weight: bold; padding: 1px; color: #454645; }
.asf_upload input { height: 18px; width: 282px; background: #ffffff; font: 11px arial; font-weight: bold; color: #454645; margin: 0; padding: 1px; }
.asf_textarea { float: left; width: 466px; height: 300px; background: #ffffff; border: 1px solid #454645; margin-bottom: 6px; font: 12px arial; font-weight: bold; padding: 4px 4px 0 4px; color: #454645; }
.asf_notearea { float: left; width: 466px; height: 70px; background: #ffffff; border: 1px solid #454645; margin-bottom: 6px; font: 12px arial; font-weight: bold; padding: 4px 4px 0 4px; color: #454645; }
.asf_catchatext { background: #ebf3ea; padding: 12px; font: 12px arial; color: #454645; }
.asf_catchatext span { font: 13px arial; font-weight: bold; color: #7599ff; }
.asf_button { float: right; }
.asf_button2 { float: left; clear: left; margin-left: 168px; }
.asf_button3 { float: left; margin: 0 3px 3px 0; font: 10px arial; color: 333; background: #eee; border: 1px solid #000000; padding: 0; cursor: pointer; }
.asf_button3:hover { color: #ffffff; background: #333; border: 1px solid #ffffff; }
.asf_button4 { float: left; clear: left; margin: 0; }
.asf_button_uni1 { float: left; clear: left; width: 296px; padding: 6px 0; }
.buttoninput  { position:relative; float: left; margin: 0 500px 0 0; }
.asf_button_sendmessage { float: left; margin: 0 6px 3px 6px; font: 12px arial; font-weight: bold; color: #eee; background: #333; padding: 3px; border: 3px double #eee; cursor: pointer; }
.asf_button_sendmessage:hover { color: #333; background: #eee; border: 3px double #333; }
.asf_divider { height: 1px; font-size: 0; line-height: 0; border-top: 1px solid #939c91; background: #e0e9de; clear: both; margin: 12px 12px 0 0; }
.cc_portrait { width: 610px; height: 128px; clear: both; background: url('/img/acc/cc_bg.png') bottom center no-repeat; text-align: center; margin: -24px 0 9px 0; }
.cc_name { position: relative; height: 16px; clear: both; font-weight: bold; text-align: center; margin: -6px 0 6px 0; }
.asf_rules { position: relative; width: 100%; background: #d2dfd0; border: 1px solid #ffffff; margin: 12px 0; clear: both; font: 11px arial; }
.asf_rules td { padding: 6px; }
.asf_rules td.colhdr { background: #ad5153; border-bottom: 1px solid #ffffff; font: 12px arial; font-weight: bold; color: #ffffff; padding: 2px; text-align: center; }
.asf_rules td.colhdr img { margin: 0 3px -3px 0; }
.asf_rules td.image { width: 100px; }
.asf_rules td.image img { position: relative; top: -32px; left: -12px; margin: 0 -18px -32px 0; }
.asf_rules td.examples { font: 12px arial; text-align: center; font-style: italic; line-height: 18px; }
.asf_rules td.borderleft { border-left: 1px solid #ffffff; }
.asf_notifybox { position: absolute; top: -6px; left: 61px; width: 500px; border: 1px solid #333; background: #ebf3ea; padding: 12px; z-index: 10; }
.asf_notifybox div.error { margin: 0; font: 14px arial; font-weight: bold; padding: 4px 4px 2px 2px; color: red; background: #d2dfd0; text-transform: capitalize; }
.asf_notifybox div.success { margin: 0; font: 14px arial; font-weight: bold; padding: 4px 4px 2px 2px; color: green; background: #d2dfd0; text-transform: capitalize; }
.asf_notifybox div.text { font: 11px arial; margin: 6px 0 0 0; padding: 3px 6px 9px 26px; color: #333; }
.asf_notifybox div img { float: left; margin: 0 4px 0 0; }
#catcha_banner { float: right; position: relative; top: -50px; left: 30px; margin-left: -30px; margin-bottom: -50px; }
.catchathumb { text-align:center; display:inline; float:left; margin: 12px 0 12px 1px; }
.catchathumb img { width: 116px; height: 116px; border: 3px solid #d2dfd0; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; cursor: pointer; }
.catcha_selected img { width: 116px; height: 116px; border: 3px solid #6b94ff; filter:alpha(opacity=100);-moz-opacity:1;opacity:1; cursor: pointer; }
.catchathumb input { border: 3px solid #d2dfd0; margin-top: 5px; cursor: pointer; }
.catcha_selected input { border: 3px solid #6b94ff; cursor: pointer; }


/* LNAV LOGIN */
#lnavlogin {}
.lnli_field { float: left; clear: left; width: 90px; height: 12px; background: #ffffff; border: 1px solid #454645; font: 11px arial; font-weight: bold; padding: 0 2px 2px 2px; color: #454645; margin: 4px 0 0 4px; }
.lnli_button { float: right; margin: 0 12px 0 0; border: 0; padding: 0; width: 54px; height: 16px; }
.lnli_check { float: left; width: 12px; height: 12px; margin: 4px 0 0 4px; }
.lnli_checktxt { float: left; font: 10px arial; color: #ffffff; height: 12px; margin: 4px 0 0 2px; }
.lnli_lostpass { float: left; font: 10px arial; color: #e5e5e5; text-decoration: none; margin: 2px 0 4px 4px; }
.lnli_divider { height: 1px; font-size: 0; line-height: 0; border-top: 1px solid #112b5c; background: #305291; clear: both; }
.lnli_freesignup { float: left; margin: 0; padding: 0; background: red; }
#lnav_loggedin { }
.lnli_pics { position: relative; height: 140px; }
.lnli_pics a.i128 { position: absolute; top: 6px; left: 16px; }
.lnli_mood { position: absolute; top: 44px; left: 126px; }
.lnli_level { width: 32px; height: 24px; position: absolute; top: 9px; left: 126px; font: 14px arial; font-weight: bold; color: #ffffff; background: url('/img/acc/lnli_level_ico32.png') no-repeat; text-align: center; padding-top: 8px; z-index: 10; }
.lnli_sitepoints { text-align: center; color: #ffffff; font: 11px arial; font-weight: bold; width: 164px; height: 15px; padding-top: 1px; background: url('/img/lnav_title.png') -328px -4px; }
.lnli_achievements { position: relative; width: 148px; height: 66px; padding: 3px 6px 3px 10px; background: #5e0a0a url('/img/acc/lnli_achievements.png') top repeat-x; border-bottom: 1px solid #000000; }
.lnli_achievements a.i32 { float: left; margin: 0 2px 2px 2px; }
.lnli_achievements_empty { position: absolute; top: 6px; left: 12px; display: block; text-decoration: none; font: 10px arial; color: #47afe2; }
.lnli_achievements_empty img { float: right; margin-left: 3px; }
a.lnli_achievments_total, a.lnli_achievments_total:visited { position: absolute; top: 46px; left: 96px; display: block; text-decoration: none; font: 10px arial; color: #47afe2; }
a.lnli_achievments_total:hover { text-decoration: underline;}


/* ACHIEVEMENT NOTIFY BOX */
#achieve_notify { position: absolute; top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px'); z-index: 300; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; width: 100%; text-align: center; }
.an_subtitle { text-align: center; font: 10px arial; color: #ffffff; margin: 24px auto 1px auto; padding: 6px; width: 500px; border: 1px solid #ffffff; height: 10px; background: #025692 url('/img/acc/an_bg.png') top repeat-x; }
.an_box { padding: 9px; width: 494px; border: 1px solid #ffffff; background: #025692 url('/img/acc/an_bg.png') top repeat-x; margin: 0 auto; }
.an_box div.i64 { float: left; position: relative; top: -24px; margin: 0 -64px -88px 0; }
.an_title { text-align: center; font: 18px arial; font-weight: bold; color: #d07711; }
.an_text { text-align: center; font: 12px arial; color: #ffffff; padding: 6px 64px 6px 64px; }
.an_close { float: right; position: relative; top: -3px; left: 3px; margin: 0 0 -3px -3px; }


/* WELCOME PAGE */
#welcome_loginstats { position: relative; background: #d2dfd0; border: 1px solid #ffffff; padding: 16px 0 16px 12px; margin: 12px 0; clear: both; }
.wls_title { font: 16px arial; font-weight: bold; color: #6b94ff; margin-bottom: 12px; }
.wls_links, .wls_links span, .wls_links a, .wls_links a:visited { float: left; position: relative; text-decoration: none; font: 12px arial; font-weight: bold; color: #9cae99; }
.wls_links div { float: left; position: relative; font: 12px arial; font-weight: bold; color: #6b94ff; margin: 0 24px 0 3px; }
.wls_links a:hover { text-decoration: underline; }
.wls_links img { float: left; }
#welcome_characters { position: relative; background: #d2dfd0; border: 1px solid #ffffff; padding: 16px 0 16px 12px; margin: 12px 0; clear: both; }
.wc_links { float: right; margin: 12px 12px 0 0; position: relative; }
.wc_links a, .wclinks a:visited { float: left; text-decoration: none; font: 12px arial; font-weight: bold; color: #6b94ff; margin: 0 16px 0 3px; }
.wc_links a:hover { text-decoration: underline; }
.wc_links img { float: left; }
.wc_title { font: 16px arial; font-weight: bold; color: #6b94ff; margin-bottom: 12px; }
.wc_box { float: left; width: 312px; position: relative; margin: 0 6px 6px 0; background: #ebf3ea; border: 1px solid #ffffff; }
.wc_box:hover { border: 1px solid #d07710; background: #ffffff; }
.wc_name { text-align: center; background: #9cae99; border-bottom: 1px solid #ffffff; padding: 4px; 10px; color: #ffffff; font: 11px arial; font-weight: bold; }
.wc_active { background: #d07710; }
.wc_activebutton { float: right; position: relative; top: -1px; left: 0px; margin: 0 0 -1px 0; }
.wc_pics { float: left; position: relative; height: 142px; width: 128px; margin: 6px; }
.wc_avatar { float: left;position: absolute; top: 0px; left: 0px; }
.wc_mood { position: absolute; top: 96px; left: 96px; }
.wc_stats {float: left; font: 12px arial; font-weight: bold; color: #d07710; line-height: 18px; margin-top: 3px; }
.wc_stats span { color: #9cae99; }
.wc_stats a, wc_stats a:visited { color: #9cae99; }
.wc_divider { height: 1px; font-size: 0; line-height: 0; border-top: 1px solid #939c91; background: #e0e9de; clear: both; margin: 12px 12px 0 0; }


/* MINIGAMES HISCORES MENUs */
.hiscores_menu { position: relative; float: left; width: 294px; padding: 6px; margin: 6px; background: #d2dfd0; border: 1px solid #ffffff; }
.hiscores_menu a.i128 { float: left; }
.hiscores_menu div.i128 { float: left; }
.hsm_title { float: left; height: 19px; margin: 0 0 3px -20px; font: 11px arial; color: #8a2223; font-weight: bold; width: 180px; text-align: center; }
a.hsm_button, a.hsm_button:visited { display: block; float: left; width: 121px; height: 19px; padding: 4px 0 0 3px; margin: 0 0 3px 6px; background: url('/img/min/hiscoremenu_button.png') no-repeat; font: 10px arial; font-weight: bold; text-decoration: none; color: #ffffff; }
a.hsm_button:hover { text-decoration: underline; }
.hsm_button img { position: relative; top: -1px; float: left; margin: 0 2px -1px 0; }


/* TABLES */
.scoretable { float: left; position: relative; width: 630px; padding: 0; margin: 3px 12px 36px 12px; }
.scoretable_tiers{ width: 300px; }
.scoretable .tabletitle { padding: 0; font: 12px arial; font-weight: bold; color: #444; text-transform: uppercase; text-align: left; border-top: 0; border-right: 0; border-bottom: 1px solid #e5e5e5; border-left: 0; background: none; }
.scoretable th.right { text-align: right; }
.scoretable th.center { text-align: center; }
.scoretable th.tabletitle div.i16, .scoretable th.tabletitle div.i32, .scoretable th.tabletitle div.i64, .scoretable th.tabletitle div.i128 { float: left; margin: 2px 4px 2px 0; }
.scoretable th.tabletitle a.i16, .scoretable th.tabletitle a.i32, .scoretable th.tabletitle a.i64, .scoretable th.tabletitle a.i128 { float: left; margin: 2px 4px 2px 0; }
.scoretable th.tabletitle p { float: left; font: 10px arial; font-weight: normal; text-transform: none; }
.scoretable th.tabletitle a, .scoretable th.tabletitle a:visited { text-decoration: none; font: 11px arial; font-weight: bold; color: #444; }
.scoretable th.tabletitle a:hover { text-decoration: none; color: #000000; }
.scoretable th.colhdr { padding: 0; height: 28px; font: 11px arial; font-weight: bold; color: #404040; text-align: center; border-top: 0; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 0; }
.scoretable th.minigames { background: #cc8f90 url(/img/table_row.png) no-repeat; }
.scoretable th.achievements { background: #b1c7ff url(/img/table_row.png) no-repeat; }
.scoretable th.community { background: #63b08b url(/img/table_row.png) no-repeat; }
.scoretable th.account { background: #7599ff url(/img/table_row.png) no-repeat; }
.scoretable th.duck { background: #ffc58a url(/img/table_row.png) no-repeat; }
.scoretable th.rowhdr { padding: 13px 3px 12px 9px; font: 11px arial; font-weight: bold; color: #5d5d5d; text-transform: uppercase; letter-spacing: 0.5px; text-align: left; border-top: 0; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; border-left: 1px solid #e5e5e5; }
.scoretable th.rowhdr a, .scoretable th.rowhdr a:visited { text-decoration: none; color: #5d5d5d; }
.scoretable th.rowhdr a:hover { text-decoration: none; color: #000000; }
.scoretable th.rowhdr p { float: left; font: 10px arial; font-weight: normal; text-transform: none; }
.scoretable th.rowhdr img { float: left; margin: -9px 4px -8px 0; }
.scoretable th.rowhdr div.i32 { float: left; margin: 2px 4px -12px 0; }
.scoretable tr.light { border-top: 0; background: #eee url(/img/table_row.png) top no-repeat; color: #5d5d5d; }
.scoretable tr.dark { border-top: 0; background: #ddd url(/img/table_row.png) top no-repeat; color: #5d5d5d; }
.scoretable tr:hover { background: #808080 url(/img/table_row.png) top no-repeat; color: #000000; }
.scoretable tr:hover td a { color: #000000; }
.scoretable tr.active { background: #808080 url(/img/table_row.png) top no-repeat; color: #000000; }
.scoretable tr.active td a { color: #000000; }
.scoretable tr.link { cursor: pointer; }
.scoretable td { padding: 6px 9px 6px 9px; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #b3b3b3; font: 11px arial; }
.scoretable td.active { color: #ffffff; border-bottom: 0; padding: 6px 3px 3px 9px; }
.scoretable td.item { text-align: left; font: 11px arial; font-weight: bold; text-transform: none; }
.scoretable td.right { text-align: right; }
.scoretable td.center { text-align: center; }
.scoretable td a, .scoretable td a:visited { text-decoration: none; color: #5d5d5d; }
.scoretable td a:hover { text-decoration: none; color: #000000; }
.scoretable td center { font: 11px arial; font-weight: bold; text-transform: none; }
.scoretable td div.i16, .scoretable td div.i32, .scoretable td div.i64, .scoretable td div.i128 { float: left; margin: 2px 4px 2px 0; }
.scoretable td a.i16, .scoretable td a.i32, .scoretable td a.i64, .scoretable td a.i128 { float: left; margin: 2px 4px 2px 0; }
.scoretable td img.center { float: none; margin: 0 auto; }
.scoretable td p { float: left; font: 10px arial; font-weight: normal; text-transform: none; }
.scoretable td img.button { float: right; margin: -3px 0 0 2px; }
.scoretable th.nobottomborder { border-bottom: 0; }
.scoretable_mail { width: 682px; margin: 0; }
.scoretable_mail td { font: 11px arial; font-weight: bold; text-align: left; }
.scoretable_mail th { text-align: center; font: 12px arial; font-weight: bold; padding: 0 0 0 0; height: 28px; color: #404040; border-top: 0; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 0; }
.scoretable_mail td img { margin: -1px 3px 1px -3px; }



/* CharacterInfoBox */
.characterinfobox { position: relative; width: 204px; height: 160px; }
.charinfobox_withsubnav { position: absolute; top: 97px; left: 210px; z-index: 10; width: 681px; height: 183px; margin: 0; padding: 0; border: 0; }
.charinfobox_withoutsubnav { position: absolute; top: 63px; left: 210px; z-index: 10; width: 681px; height: 183px; margin: 0; padding: 0; border: 0; }
.characterinfobox a.i128 { position: absolute; top: 0; left: 38px; z-index: 0; }
.characterinfobox div.raceicon { position: absolute; top: 88px; left: 140px; z-index: 1; }
.characterinfobox div.classicon { position: absolute; top: 88px; left: 0; z-index: 1; }
.characterinfobox div.level { position: absolute; top: 98px; left: 51px; width: 16px; height: 16px; background: url('/img/acc/lnli_level_ico16.png') no-repeat; font: 9px arial; color: #d07710; padding-top: 2px; text-align: center; z-index: 2; }
.characterinfobox div.banner { position: absolute; top: 93px; left: 38px; width: 123px; height: 61px; background: url('/img/acc/characterinfobox_banner.png') no-repeat; z-index: 2; }
.characterinfobox div.name { position: absolute; top: 117px; left: 48px; width: 100px; height: 12px; text-align: center; font: 12px arial; font-weight: bold; color: #ffffff; line-height: 10px; letter-spacing: 0px; z-index: 3; }
.characterinfobox div.namelong { position: absolute; top: 112px; left: 52px; width: 100px; height: 12px; text-align: center; font: 11px arial; font-weight: bold; color: #ffffff; line-height: 10px; letter-spacing: -0.5px; z-index: 3; }
.characterinfobox div.achievementpoints { position: absolute; top: 136px; left: 57px; width: 40px; height: 11px; text-align: center; font: 9px arial; color: #7599ff; z-index: 3; }
.characterinfobox_lnav { position: relative; top: -24px; left: -21px; margin-bottom: -30px; }
.characterinfobox_wc { position: absolute; top: -100px; left: 54px; }
.positioned_banners { float: left; position: relative; width: 681px; height: 183px; }
.pb_banner { position: absolute; top: 0; left: 0; }
.pb_race { position: absolute; top: 100px; left: 237px; z-index: 3; }
.pb_class { position: absolute; top: 100px; left: 381px; z-index: 3; }
.pb_portrait { position: absolute; top: 28px; left: 277px; z-index: 2; }
.pb_borderless { position: absolute; top: 9px; left: 9px; z-index: 2; }
.pb_level { width: 32px; height: 24px; position: absolute; top: 76px; left: 261px; font: 14px arial; font-weight: bold; color: #ffffff; background: url('/img/acc/lnli_level_ico32.png') no-repeat; text-align: center; padding-top: 8px; z-index: 3; }
.hdr_level { width: 32px; height: 24px; position: absolute; left: -13px; top: -8px; font: 14px arial; font-weight: bold; color: #ffffff; background: url('/img/acc/lnli_level_ico32.png') no-repeat; text-align: center; padding-top: 8px; z-index: 3; }
.pb_characterinfoobject { position: absolute; top: 16px; left: 32px; }
.pb_description { position: absolute; top: 48px; left: 248px; width: 386px; height: 92px; overflow: auto; border: 1px solid #e5e5e5; padding: 9px; font: 11px arial; color: #ffffff; background: url(/img/black_80.png); }
.pb_description_title { position: absolute; top: 32px; left: 248px; width: 300px; height: 16px; overflow: hidden; font: 12px arial; font-weight: bold; color: #000000; }
.pb_created { position: absolute; top: 162px; left: 352px; width: 300px; height: 16px; overflow: hidden; font: 9px arial; color: #e5e5e5; text-align: right; }


/* HINTBOX */
.hintbox { position: relative; width: 580px; font: 12px arial; color: #808080; margin: 12px auto; background: #d2dfd0; }
.hintbox_inside { width: 566px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 0 6px 3px 6px; }
.hintbox div.i64 { float: left; margin: 0 6px 0 0; }
.hintbox span { font: 14px arial; color: #d07710; font-weight: bold; }


/* Story */
#Story {margin-left: 9px; }
.story_pagetitle { text-align: center; font: 25px arial; font-weight: bold; color: #3d4d44; }
.story_nextprevious { text-align: center; font: 18px arial; font-weight: bold; font-weight: bold;}
.story_title { text-align: center; font: 20px arial; font-weight: bold; color: #3d4d44; }
.story_tbc { margin: 0 0 0 20px; text-align: left; font: 20px arial; font-weight: bold; color: #8a2223; }
.story_paragraph { margin: 0 30px 0 30px; text-align: left; font: 18px arial; }
.story_caption { color: #ff0000; }


/* THUMBs */
.thumb { float: left; border: 0; }
.thumb90 { width: 84px; padding: 0 8px 8px 0; }
.thumb100 { width: 100px; padding: 0 8px 3px 0; }
.thumb132 { width: 132px; margin: 0 8px 8px 0; }
.thumb152 { width: 152px; margin: 0 12px 12px 0; }
.thumb158 { width: 158px; margin: 0 9px 9px 0; }
.thumb182 { width: 182px; margin: 0 12px 12px 0; }
.thumb190 { width: 190px; margin: 0 12px 12px 0; }
.thumb200 { width: 200px; margin: 0 12px 12px 0; }
.thumb260 { width: 260px; margin: 0 18px 18px 0; }
.thumb div.bg { float: left; width: 100%; }
.thumb table { float: left; width: 100%; margin: -4px 0 0 0; }
.thumb td { padding: 1px; text-align: center; vertical-align: middle; color: #ffffff; font: 11px arial; font-weight: bold; }
.thumb td.title { height: 24px; font: 11px arial; font-weight: bold; line-height: 11px; color: #ffffff; }
.thumb td.largetitle { height: 24px; font: 13px arial; font-weight: bold; line-height: 11px; color: #ffffff; }
.thumb td.caption { height: 20px; font: 9px arial; line-height: 9px; color: #e5e5e5; }
.thumb td.divider { height: 6px; }
.thumb td a, .thumb td a:visited { color: #ffffff; text-decoration: none; }
.thumb td a:hover { text-decoration: underline; }
.thumb div.i16, .thumb div.i32, .thumb div.i64, .thumb div.i128, .thumb a.i16, .thumb a.i32, .thumb a.i64, .thumb a.i128 { margin: 0 auto; }
.thumb div.buttons { padding: 0 0 0 22px; }
.thumb div.buttons div.i16, .thumb div.buttons div.i32, .thumb div.buttons div.i64, .thumb div.buttons div.i128, .thumb div.buttons a.i16, .thumb div.buttons a.i32, .thumb div.buttons a.i64, .thumb div.buttons a.i128 { float: left; margin: 0 5px 0 0; }
/* THUMBWIDE */
.thumbwide { float: left; position: relative; width: 660px; margin: 0 0 12px 0; }
.thumbwidebg { float: left; text-align: left; width: 660px; }
.thumbwidetitle { float: left; font: 12px arial; font-weight: bold; line-height: 26px; margin-top: -6px; color: #ffffff; }
.thumbwidedate { float: right; font: 9px arial; color: #a3c4cb; padding-right: 12px; }
.thumbwideimg { float: left; width: 170px; line-height: 0; font-size: 0; text-align: center; }
.thumbwidecaption { float: left; width: 478px; font: 11px arial; color: #ffffff; padding-right: 12px; }


/* ------- UNIVERSAL SUBNAVs ------ */
/* COMMON PARTS */
.unisubnav { clear: both; text-align: center; padding: 6px 0 0 12px; position: relative; min-height: 22px; height:auto !important; height:22px; margin: 0; background: url('/img/unisubnav_bg.png') center top repeat-x; font: 12px arial; font-weight: bold; color: #ffffff; }
.unisubnav_left { text-align: left; }
.unisubnav_right { text-align: right; }
.unisubnav span.title { font: 12px arial; font-weight: bold; color: #ffffff; margin-right: 12px; }
.unisubnav a, .unisubnav a:visited { display: -moz-inline-box; display: inline-block; height: 22px; line-height: 22px; font: 12px arial; font-weight: bold; color: #ebf3ea; padding: 0 9px 0 0; text-decoration: none; margin: 0 12px 0 0; background: none; }
.unisubnav a span { display: inline-block; height: 22px; padding: 3px 0 0 9px; cursor: pointer; text-align: left; background: none; }
.unisubnav>a>span { display: block; } /* Firefox Hack */
.unisubnav a span img { float: left; margin: 0 3px 0 -5px; }
.unisubnav a span img.thirtytwo { position: relative; top: -16px; margin: 0 3px -16px -5px;}
.unisubnav a span div.i16 { display: block; position: relative; top: 0; left: 0; float: left; width: 16px; height: 16px; line-height: 0; padding: 0; margin: 0; }
.unisubnav a span div.i32 { display: block; position: relative; top: -16px; left: 0; float: left; width: 32px; height: 32px; line-height: 0; padding: 0; margin: 0 0 -16px 0; }
.unisubnav a span strong { color: #ffd6ac; }
.unisubnav div.label { float: left; margin: 3px 12px 0 0; }
.unisubnav select { position: relative; top: 2px; height: 18px; background: #808080; border: 1px solid #454645; font: 11px arial; font-weight: bold; padding: 1px 1px 1px 4px; color: #ffffff; margin: 0 6px 2px 6px; }
/* DEFAULT GREY */
.unisubnav a:hover { background: url('/img/unisubnavbtnr_grey.png') right top no-repeat; }
.unisubnav a:hover span { background: url('/img/unisubnavbtnl_grey.png') left top no-repeat; }
.unisubnav a.active, .unisubnav a.active:visited { background: url('/img/unisubnavbtnr_grey.png') right top no-repeat; }
.unisubnav a.active:hover { text-decoration: none; }
.unisubnav a.active span { background: url('/img/unisubnavbtnl_grey.png') left top no-repeat; }
/* ACCOUNT */
.unisubnav_account { background: #7599ff url('/img/unisubnav_bg.png') center top repeat-x; margin: 0 6px; }
.unisubnav_account a:hover { background: url('/img/unisubnavbtnr_accounthdr.png') right top no-repeat; }
.unisubnav_account a:hover span { background: url('/img/unisubnavbtnl_accounthdr.png') left top no-repeat; }
.unisubnav_account a.active, .unisubnav_account a.active:visited { background: url('/img/unisubnavbtnr_account.png') right top no-repeat; }
.unisubnav_account a.active span { background: url('/img/unisubnavbtnl_account.png') left top no-repeat; }
/* ACCOUNTHDR */
.unisubnav_accounthdr { background: #302d34 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_accounthdr a:hover { background: url('/img/unisubnavbtnr_accounthdr.png') right top no-repeat; }
.unisubnav_accounthdr a:hover span { background: url('/img/unisubnavbtnl_accounthdr.png') left top no-repeat; }
.unisubnav_accounthdr a.active, .unisubnav_accounthdr a.active:visited { background: url('/img/unisubnavbtnr_account.png') right top no-repeat; }
.unisubnav_accounthdr a.active span { background: url('/img/unisubnavbtnl_account.png') left top no-repeat; }
/* ACCOUNT TABLE */
.unisubnav_accounttable { text-align: left; background: url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_accounttable a, .unisubnav_accounttable a:visited { background: url('/img/unisubnavbtnr_account.png') right top no-repeat; }
.unisubnav_accounttable a span, .unisubnav_accounttable a:visited span { background: url('/img/unisubnavbtnl_account.png') left top no-repeat; }
.unisubnav_accounttable a:hover { background: url('/img/unisubnavbtnr_accounthdr.png') right top no-repeat; }
.unisubnav_accounttable a:hover span { background: url('/img/unisubnavbtnl_accounthdr.png') left top no-repeat; }
.unisubnav_accounttable a.active, .unisubnav_accounttable a.active:visited { background: url('/img/unisubnavbtnr_accounthdr.png') right top no-repeat; }
.unisubnav_accounttable a.active span { background: url('/img/unisubnavbtnl_accounthdr.png') left top no-repeat; }
/* MINIGAMES */
.unisubnav_minigames { text-align: left; background: #5c6664 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_minigames a:hover { background: url('/img/unisubnavbtnr_minigameshdr.png') right top no-repeat; }
.unisubnav_minigames a:hover span { background: url('/img/unisubnavbtnl_minigameshdr.png') left top no-repeat; }
.unisubnav_minigames a.active, .unisubnav_minigames a.active:visited { background: url('/img/unisubnavbtnr_minigames.png') right top no-repeat; }
.unisubnav_minigames a.active span { background: url('/img/unisubnavbtnl_minigames.png') left top no-repeat; }
/* MINIGAMES HDR */
.unisubnav_minigameshdr { background: #8a2223 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_minigameshdr a:hover { background: url('/img/unisubnavbtnr_minigameshdr.png') right top no-repeat; }
.unisubnav_minigameshdr a:hover span { background: url('/img/unisubnavbtnl_minigameshdr.png') left top no-repeat; }
.unisubnav_minigameshdr a.active, .unisubnav_minigameshdr a.active:visited { background: url('/img/unisubnavbtnr_minigames.png') right top no-repeat; }
.unisubnav_minigameshdr a.active span { background: url('/img/unisubnavbtnl_minigames.png') left top no-repeat; }
/* MINIGAMES TABLE */
.unisubnav_minigamestable { text-align: left; background: #5c6664 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_minigamestable a:hover { background: url('/img/unisubnavbtnr_minigameshdr.png') right top no-repeat; }
.unisubnav_minigamestable a:hover span { background: url('/img/unisubnavbtnl_minigameshdr.png') left top no-repeat; }
.unisubnav_minigamestable a.active, .unisubnav_minigamestable a.active:visited { background: url('/img/unisubnavbtnr_minigames.png') right top no-repeat; }
.unisubnav_minigamestable a.active span { background: url('/img/unisubnavbtnl_minigames.png') left top no-repeat; }
/* community */
.unisubnav_community { background: #63b08b url('/img/unisubnav_bg.png') center top repeat-x; margin: 0 6px; }
.unisubnav_community a:hover { background: url('/img/unisubnavbtnr_communityhdr.png') right top no-repeat; }
.unisubnav_community a:hover span { background: url('/img/unisubnavbtnl_communityhdr.png') left top no-repeat; }
.unisubnav_community a.active, .unisubnav_community a.active:visited { background: url('/img/unisubnavbtnr_community.png') right top no-repeat; }
.unisubnav_community a.active span { background: url('/img/unisubnavbtnl_community.png') left top no-repeat; }
/* community HDR */
.unisubnav_communityhdr { background: #202d25 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_communityhdr a:hover { background: url('/img/unisubnavbtnr_communityhdr.png') right top no-repeat; }
.unisubnav_communityhdr a:hover span { background: url('/img/unisubnavbtnl_communityhdr.png') left top no-repeat; }
.unisubnav_communityhdr a.active, .unisubnav_communityhdr a.active:visited { background: url('/img/unisubnavbtnr_community.png') right top no-repeat; }
.unisubnav_communityhdr a.active span { background: url('/img/unisubnavbtnl_community.png') left top no-repeat; }
/* community TABLE */
.unisubnav_communitytable { text-align: left; background: #63b08b url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_communitytable a:hover { background: url('/img/unisubnavbtnr_communityhdr.png') right top no-repeat; }
.unisubnav_communitytable a:hover span { background: url('/img/unisubnavbtnl_communityhdr.png') left top no-repeat; }
.unisubnav_communitytable a.active, .unisubnav_communitytable a.active:visited { background: url('/img/unisubnavbtnr_community.png') right top no-repeat; }
.unisubnav_communitytable a.active span { background: url('/img/unisubnavbtnl_community.png') left top no-repeat; }
/* gameguide */
.unisubnav_gameguide { background: #d07710 url('/img/unisubnav_bg.png') center top repeat-x; margin: 0 6px; }
.unisubnav_gameguide a:hover { background: url('/img/unisubnavbtnr_gameguidehdr.png') right top no-repeat; }
.unisubnav_gameguide a:hover span { background: url('/img/unisubnavbtnl_gameguidehdr.png') left top no-repeat; }
.unisubnav_gameguide a.active, .unisubnav_gameguide a.active:visited { background: url('/img/unisubnavbtnr_gameguide.png') right top no-repeat; }
.unisubnav_gameguide a.active span { background: url('/img/unisubnavbtnl_gameguide.png') left top no-repeat; }
/* gameguide HDR */
.unisubnav_gameguidehdr { background: #643c23 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_gameguidehdr a:hover { background: url('/img/unisubnavbtnr_gameguidehdr.png') right top no-repeat; }
.unisubnav_gameguidehdr a:hover span { background: url('/img/unisubnavbtnl_gameguidehdr.png') left top no-repeat; }
.unisubnav_gameguidehdr a.active, .unisubnav_gameguidehdr a.active:visited { background: url('/img/unisubnavbtnr_gameguide.png') right top no-repeat; }
.unisubnav_gameguidehdr a.active span { background: url('/img/unisubnavbtnl_gameguide.png') left top no-repeat; }
/* gameguide TABLE */
.unisubnav_gameguidetable { text-align: left; background: #d07710 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_gameguidetable a:hover { background: url('/img/unisubnavbtnr_gameguidehdr.png') right top no-repeat; }
.unisubnav_gameguidetable a:hover span { background: url('/img/unisubnavbtnl_gameguidehdr.png') left top no-repeat; }
.unisubnav_gameguidetable a.active, .unisubnav_gameguidetable a.active:visited { background: url('/img/unisubnavbtnr_gameguide.png') right top no-repeat; }
.unisubnav_gameguidetable a.active span { background: url('/img/unisubnavbtnl_gameguide.png') left top no-repeat; }
/* media */
.unisubnav_media { background: #a3c4cb url('/img/unisubnav_bg.png') center top repeat-x; margin: 0 6px; }
.unisubnav_media a:hover { background: url('/img/unisubnavbtnr_mediahdr.png') right top no-repeat; }
.unisubnav_media a:hover span { background: url('/img/unisubnavbtnl_mediahdr.png') left top no-repeat; }
.unisubnav_media a.active, .unisubnav_media a.active:visited { background: url('/img/unisubnavbtnr_media.png') right top no-repeat; }
.unisubnav_media a.active span { background: url('/img/unisubnavbtnl_media.png') left top no-repeat; }
/* media HDR */
.unisubnav_mediahdr { background: #4b4867 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_mediahdr a:hover { background: url('/img/unisubnavbtnr_mediahdr.png') right top no-repeat; }
.unisubnav_mediahdr a:hover span { background: url('/img/unisubnavbtnl_mediahdr.png') left top no-repeat; }
.unisubnav_mediahdr a.active, .unisubnav_mediahdr a.active:visited { background: url('/img/unisubnavbtnr_media.png') right top no-repeat; }
.unisubnav_mediahdr a.active span { background: url('/img/unisubnavbtnl_media.png') left top no-repeat; }
/* media TABLE */
.unisubnav_mediatable { text-align: left; background: #a3c4cb url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_mediatable a:hover { background: url('/img/unisubnavbtnr_mediahdr.png') right top no-repeat; }
.unisubnav_mediatable a:hover span { background: url('/img/unisubnavbtnl_mediahdr.png') left top no-repeat; }
.unisubnav_mediatable a.active, .unisubnav_mediatable a.active:visited { background: url('/img/unisubnavbtnr_media.png') right top no-repeat; }
.unisubnav_mediatable a.active span { background: url('/img/unisubnavbtnl_media.png') left top no-repeat; }
/* support */
.unisubnav_support { background: #71a6aa url('/img/unisubnav_bg.png') center top repeat-x; margin: 0 6px; }
.unisubnav_support a:hover { background: url('/img/unisubnavbtnr_supporthdr.png') right top no-repeat; }
.unisubnav_support a:hover span { background: url('/img/unisubnavbtnl_supporthdr.png') left top no-repeat; }
.unisubnav_support a.active, .unisubnav_support a.active:visited { background: url('/img/unisubnavbtnr_support.png') right top no-repeat; }
.unisubnav_support a.active span { background: url('/img/unisubnavbtnl_support.png') left top no-repeat; }
/* support HDR */
.unisubnav_supporthdr { background: #383838 url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_supporthdr a:hover { background: url('/img/unisubnavbtnr_supporthdr.png') right top no-repeat; }
.unisubnav_supporthdr a:hover span { background: url('/img/unisubnavbtnl_supporthdr.png') left top no-repeat; }
.unisubnav_supporthdr a.active, .unisubnav_supporthdr a.active:visited { background: url('/img/unisubnavbtnr_support.png') right top no-repeat; }
.unisubnav_supporthdr a.active span { background: url('/img/unisubnavbtnl_support.png') left top no-repeat; }
/* support TABLE */
.unisubnav_supporttable { text-align: left; background: #71a6aa url('/img/unisubnav_bg.png') center top repeat-x; padding-bottom: 2px; }
.unisubnav_supporttable a:hover { background: url('/img/unisubnavbtnr_supporthdr.png') right top no-repeat; }
.unisubnav_supporttable a:hover span { background: url('/img/unisubnavbtnl_supporthdr.png') left top no-repeat; }
.unisubnav_supporttable a.active, .unisubnav_supporttable a.active:visited { background: url('/img/unisubnavbtnr_support.png') right top no-repeat; }
.unisubnav_supporttable a.active span { background: url('/img/unisubnavbtnl_support.png') left top no-repeat; }
/* MAIL TABLE */
.unisubnav_mailtable { padding: 6px 6px 6px 0; background: #ffffff; color: #000000; border-bottom: 1px solid #000000; border-left: 0; border-right: 0; margin: 0; }
.unisubnav_mailtable a, .unisubnav_mailtable a:visited { background: url('/img/unisubnavbtnr_grey.png') right top no-repeat; }
.unisubnav_mailtable a span { background: url('/img/unisubnavbtnl_grey.png') left top no-repeat; }
.unisubnav_mailtable a:hover { background: url('/img/unisubnavbtnr_communityhdr.png') right top no-repeat; }
.unisubnav_mailtable a:hover span { background: url('/img/unisubnavbtnl_communityhdr.png') left top no-repeat; }
.unisubnav_mailtable a.active, .unisubnav_mailtable a.active:visited { background: url('/img/unisubnavbtnr_community.png') right top no-repeat; }
.unisubnav_mailtable a.active span { background: url('/img/unisubnavbtnl_community.png') left top no-repeat; }


/* NEWSLETTER BOX */
.newsletterbox { position: relative; width: 205px; height: 175px; background: url('/img/m/newsletterbox.png') no-repeat; }
.newsletterbox input.email { position: absolute; top: 79px; left: 9px; width: 136px; height: 18px; background: #ffffff; border: 1px solid #454645; font: 12px arial; font-weight: bold; padding: 4px 4px 0 4px; color: #454645; }
.newsletterbox input.button { position: absolute; top: 105px; left: 21px; width: 108px; height: 22px; background: url('/img/m/newsletterbox_button.png') 1px 1px no-repeat; border: 0; }
.newsletterbox input.button:hover { background: url('/img/m/newsletterbox_button.png') left top no-repeat; }


/* UNIVERSAL BUTTON */
a.unibutton{ position:relative; background: transparent url('/img/unibutton_under_left.png') no-repeat top left; display: block; float: right; font: bold 14px arial ; line-height: 16px; height: 24px; padding-left: 32px; text-decoration: none; margin:5px 12px 5px 5px; }
a:hover.unibutton, active.unibutton { position:relative; background: transparent url('/img/unibutton_over_left.png') no-repeat top left; display: block; float: right; font: bold 14px arial ; line-height: 16px; height: 24px; padding-left: 32px; text-decoration: none; margin:5px 12px 5px 5px; }
a:link.unibutton, a:visited.unibutton, a:active.unibutton{ color: #ffffff; text-decoration: none; }
a.unibutton span{ position:relative; background: transparent url('/img/unibutton_under_right.png') no-repeat top right; display: block; padding: 4px 9px 4px 0; }
a:hover:hover.unibutton span, active.unibutton { position:relative; background: transparent url('/img/unibutton_over_right.png') no-repeat top right; display: block; padding: 4px 9px 4px 0; }
a.unibutton:hover span{ position:relative; background-position: bottom right; color: #ffffff; }
.buttonwrappers{ position:relative; overflow: hidden; width: 100%; }
.buttoninput  { position:relative; float: left; margin: 0 500px -50px 0; }


/*Support*/
.suppport_top_holder {positon:reltative; width:700px; border:1px; margin:0; padding:0px;}
.support_box { width: 650px; padding: 0; color: #3d4d44; margin-bottom: 0; *margin-bottom: 10px; }
.support_box_left { float: left; width: 300px; height: 400px; padding:10px; background: #ffffff; border: 1px solid #383838; margin-bottom:10px; }
.support_box_left_body { float: left; width: 300px; height: 400px; padding:10px; background: #ffffff; border: 1px solid #383838; margin-bottom:10px; overflow:auto; }
.support_box_right { float: right; width: 300px; height: 400px; padding:10px; background: #ffffff; border: 1px solid #383838; }
.support_box_full { float: left; width: 635px; margin: 0 0 10px 0; padding:10px; background: #ffffff; border: 1px solid #383838; }
.support_issue { float: left; width: 200px; border: 0; margin: 0px 0 20px 0; }
.support_forms{ position:relative; float: left; width: 230px; border: 0; margin: 0 10px 0 10px; }
.support_middle{ position:relative; float: right; width: 200px; border: 0; margin: 0 0 0 5px; clear:both;}
.support_header_holder{ float: left; width: 500px; border: 0; margin: 0px 0 20px 0; }
.support_search{ float: right; width: 200px; border: 0; margin: 0px 20px 20px 0; }
.support_button_right{ float: right; width: 300px; border: 0; margin:0; text-align:right; }
.support_list { margin: 15px 0 5px 0; text-align: left; font: 12px arial; font-weight: bold; color: #3d4d44; }
.support_sublist { margin: 5px 0 5px 12px; text-align: left; font: 11px arial; color: #3d4d44; }
.support_top_tn { float: right; width: 128px; text-align:right; font: 12px arial; margin: 10px 10px 0 0; text-decoration: none; }


/* MAIL */
.mail_img { position: absolute; top: -128px; left: 600px; }
.mail_img_padding { padding-right: 64px; }
.mail_title { font: 16px arial; font-weight: bold; color: #6b94ff; margin-bottom: 6px; }
.mail_formbox { width: 622px; padding: 3px; border: 1px solid #ffffff; background: #d2dfd0; margin: 0 auto 1px auto; }
.mail_formbox div.title { float: left; width: 50px; font: 12px arial; font-weight: bold; color: #454645; line-height: 20px; padding: 0; }
.mail_formbox div.right { text-align: right; margin: 0 3px 0 0; width: 27px; padding: 0;}
.mail_formbox select.to { float: left; height: 20px; background: #ffffff; border: 1px solid #454645; font: 12px arial; font-weight: bold; padding: 1px 1px 1px 4px; color: #454645; margin: 0 6px 0 0; }
.mail_formbox input.to { float: left; width: 158px; height: 16px; background: #ffffff; border: 1px solid #454645; font: 12px arial; font-weight: bold; padding: 2px 4px 0 4px; color: #454645; }
.mail_formbox input.subject { float: left; width: 291px; height: 16px; background: #ffffff; border: 1px solid #454645; font: 12px arial; font-weight: bold; padding: 2px 4px 0 4px; color: #454645; }
.mail_formbox textarea.message { float: left; width: 460px; height: 200px; overflow: auto; background: #ffffff; border: 1px solid #454645; font: 12px arial; font-weight: bold; color: #454645; margin: 0; padding: 3px; }
.mail_formbox div.styleoptions { margin: 0 0 3px 0; }
.mail_formbox div.styleoptions a { float: left; display: block; height: 14px; border: 1px solid #202d25; padding: 2px 4px; margin: 0 3px 2px 0; font: 11px arial; color: #202d25; background: #63b08b url(/img/table_row.png) top no-repeat; text-decoration: none; }
.mail_formbox div.styleoptions a:hover { border: 1px solid #63b08b; color: #63b08b; background: #202d25; text-decoration: none; }
.mail_formbox div.styleoptions select { float: left; height: 20px; border: 1px solid #202d25; margin: 0 3px 2px 0; font: 11px arial; font-weight: bold; color: #202d25; background: #63b08b; }
.mail_formbox div.smileoptions { float: right; width: 150px; margin: 0; }
.mail_formbox div.smileoptions a { float: left; display: block; width: 20px; height: 20px; padding: 0 1px 1px 0; margin: 0 3px 3px 0; }
.mail_formbox div.smileoptions a:hover { padding: 1px 0 0 1px; }
.mail_formbox div.smileoptions a img {}
.mail_read { text-align: left; font: 11px arial; padding: 9px; max-height: 200px; overflow: auto; color: #111; cursor: text; background: #eee url(/img/table_row.png) top no-repeat; }
.mail_read ol, .mail_read ol ol ol, .mail_read ol ol ol ol ol { list-style: decimal inside; margin: 0 0 0 12px; font-weight: bold; padding: 0; }
.mail_read ol ol, .mail_read ol ol ol ol { list-style: upper-roman inside; margin: 0 0 0 12px; font-weight: bold; padding: 0; }
.mail_read ul, .mail_read ul ul, .mail_read ul ul ul, .mail_read ul ul ul ul, .mail_read ul ul ul ul ul { list-style: disc inside; margin: 0 0 0 12px; font-weight: bold; padding: 0; }
.mail_linkwrap { background: #ffffff; margin:0; padding:10px; word-wrap:break-word; line-height:18px; width:636px; overflow: auto; text-decoration: none;}
.mail_divider { height: 1px; font-size: 0; line-height: 0; border-top: 1px solid #939c91; background: #e0e9de; clear: both; margin:0; }


/*DUCKRACE*/
.duck_box {width: 300px; position: relative; float: left; margin: 8px 10px 0 8px; }
.duck_description { position:relative; margin:10px 0 0 0; line-height: 16px; }
.title_duck { text-align:left; font: 14px arial; font-weight: bold; color: #362f2d; line-height: 13px; min-height: 20px; height:auto !important; height:20px; padding: 0 3px 1px 3px; margin: 15px 12px 5px 0; }
.duck_thumb { float: left; position: relative; margin: 15px 12px 5px 0;}


/* BTNICO */
.i256 { display: block; position: relative; width: 256px; height: 256px; }
.i128 { display: block; position: relative; width: 128px; height: 128px; }
.i64 { display: block; position: relative; width: 64px; height: 64px; }
.i32 { display: block; position: relative; width: 32px; height: 32px; }
.i16 { display: block; position: relative; width: 16px; height: 16px; }
.i256 img.i, .i128 img.i, .i64 img.i, .i32 img.i, .i16 img.i { position: absolute; top: 0; left: 0; z-index: 5; }
.i256 img.i_o, .i128 img.i_o, .i64 img.i_o, .i32 img.i_o, .i16 img.i_o { display: none; position: absolute; top: 0; left: 0; z-index: 6; }
.i256:hover img.i_o, .i128:hover img.i_o, .i64:hover img.i_o, .i32:hover img.i_o, .i16:hover img.i_o { display: block; }
.i256 img.b, .i128 img.b, .i64 img.b, .i32 img.b, .i16 img.b { position: absolute; top: 0; left: 0; z-index: 3; }
.i256 img.b_o, .i128 img.b_o, .i64 img.b_o, .i32 img.b_o, .i16 img.b_o { display: none; position: absolute; top: 0; left: 0; z-index: 4; }
.i256:hover img.b_o, .i128:hover img.b_o, .i64:hover img.b_o, .i32:hover img.b_o, .i16:hover img.b_o { display: block; }
.i256 img.bg, .i128 img.bg, .i64 img.bg, .i32 img.bg, .i16 img.bg { position: absolute; top: 0; left: 0; z-index: 1; }
.i256 img.bg_o, .i128 img.bg_o, .i64 img.bg_o, .i32 img.bg_o, .i16 img.bg_o { display: none; position: absolute; top: 0; left: 0; z-index: 2; }
.i256:hover img.bg_o, .i128:hover img.bg_o, .i64:hover img.bg_o, .i32:hover img.bg_o, .i16:hover img.bg_o { display: block; }


/* BANNERS */
.banner_wide { display: block; position: relative; width: 681px; height: 183px; }
.banner_wide img.i { position: absolute; top: 8px; left: 8px; z-index: 1; }
.banner_wide img.b { position: absolute; top: 0; left: 0; z-index: 2; }
.banner_wide img.b_o { display: none; position: absolute; top: 0; left: 0; z-index: 3; }
.banner_wide:hover img.b_o { display: block; }
.banner_wide img.t { position: absolute; bottom: 0; left: 340px; z-index: 4; }
.banner_top { position: relative; top: -167px; left: 340px; margin-bottom: -167px; }
.bannerimg { float: right; position: relative; top: -172px; right: -13px; margin-bottom: -172px; width: 260px; font-size: 0; line-height: 0; }
.withbanner { padding-right: 260px; }


/*CAPTION CONTEST*/
.caption_original { position:relative; float:center; margin: 15px 10px 10px 10px; width:100%; }
.caption_title { position: relative; text-align:center; color: #f5f6f0; font: 20px georgia,times; font-weight: bold; ; padding-bottom:5px; }


/* QUICKBOX --- NEEDS UPDATING --- */
.landing_features_title { position: relative; clear: both; background: #302d34; height: 14px; }
.landing_features_title img, .landing_features_title span { float: left; position: absolute; top: -4px; }
.landing_features_title img { left: 3px; border: 0; }
.landing_features_title div.i16 { top: -4px; left: 3px; }
.landing_features_title span { left: 22px; font: 14px arial; font-weight: bold; color: #ffffff; }
.landing_features_title span a,.landing_features_title span a:visited { color: white; text-decoration: none; }
.landing_features { font: 12px arial; font-weight: bold; background: #302d34; border-top: 1px solid #3a363e; border-bottom: 1px solid #29282d; line-height: 20px; color: #9fc6ff; }
.landing_features a, .landing_features a:visited { text-decoration: none; color: #9fc6ff; display: block; padding-left: 14px; }
.landing_features a:hover { color: #d07710; }
.landing_features img { float: left; position: relative; top: 2px; border: 0; margin-right: 3px; }
.landing_features_community { font: 12px arial; font-weight: bold; background: #302d34; border-top: 1px solid #3a363e; line-height: 13px; border-bottom: 1px solid #29282d; color: #63b08b; padding: 0 0 2px 0; }
.landing_features_community a, .landing_features_community a:visited { text-decoration: none; color: #63b08b; display: block; padding-left: 14px; }
.landing_features_community a:hover { color: #d07710; text-decoration: none; }
.landing_features_community img { float: left; position: relative; top: 2px; border: 0; margin-right: 3px; }


/* CLASSES */
.class_abilities { float: left; position: relative; width: 100%; margin: 6px 6px -7px 0; }

/* ATLAS */
.atlasnpc { float: left; position: relative; top: -8px; left: -64px; margin-bottom: -8px; margin-right: -64px; z-index: 10; }
.atlasmonster { padding: 0 0 20px 12px; float: right; position: relative; top: -8px; left: 48px; margin-bottom: -48px; margin-left: -48px; z-index: 10; }
.monster, .npc { padding: 6px; margin-top: 6px; }
.monster img, .npc img { position: relative; top: 2px; left: -6px; margin-right: -6px; margin-bottom: -2px; }
.monster span.title, .npc span.title { font: 16px Times; font-weight: bold; }
.monster span.active, .npc span.active { color: #d07710; font-weight: normal; }





/* PRINT */


/* BODY */
html { background-color: #ffffff; }
body { background: #ffffff; }

/* MISC */
a { text-decoration : underline; }

/* CONTENT */
#bgpanorama { background: transparent; }
#content { background: transparent; width: 701px; }
#contenttop { background: transparent; }
#contentbottom { background: transparent; width: 701px; }
#contentlnav { display: none; }

/* FOOTER */
.footer { background: transparent; color: #000000; }
#footer_text a, #footer_text a:visited { color: #000000; text-decoration: underline; }
#footer_left { display: none; }
#footer_right { display: none; }