/* General */
.main_body { background-color: #000; Z-index: 0; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
img { border: 0px; }
.faction { border: 1px #FFF solid; }
input { font-size: 11px; }
td { padding: 0px; }

/* Main Frames */
.left_frame_top { background-color: #000; position: absolute; top: 10px; left: 10px; height: 18px; width: 380px; Z-index: 1; background-image: url("../img/thin-top.png"); }
.left_frame { background-color: #000; position: absolute; top: 27px; left: 10px; height: 897px; width: 380px; Z-index: 1; background-image: url("../img/thin.png"); }
.left_frame_bottom { background-color: #000; position: absolute; top: 924px; left: 10px; height: 18px; width: 380px; Z-index: 1; background-image: url("../img/thin-bottom.png"); }

.right_frame_top { background-color: #000; position: absolute; top: 169px; left: 400px; height: 18px; width: 584px; Z-index: 2; background-image: url("../img/wide-top.png"); }
.right_frame { background-color: #000; position: absolute; top: 187px; left: 400px; height: 737px; width: 584px; Z-index: 1; background-image: url("../img/wide.png"); }
.right_frame_bottom { background-color: #000; position: absolute; top: 924px; left: 400px; height: 18px; width: 584px; Z-index: 1; background-image: url("../img/wide-bottom.png"); }

.footer { height: 10px; width: 1000px; position: absolute; top: 946px; left: 0px; text-align: center; vertical-align: top; }

/* Level & AP Div & Table */
.level_ap_div { background-color: #000; position: absolute; top: 2px; left: 10px; height: 87px; width: 215px; border: 2px #000 solid; Z-index: 2; background-image: url("../img/background-dark.jpg");}
.level_ap_table { border-spacing: 0px; border-collapse: collapse; padding: 0px; width: 100%; margin: 0px; border: 0px #000 solid; }
.level_ap_normal { background-color: transparent; color: #FFF; height:17px; line-height:17px; }
.level_ap_center { background-color: transparent; color: #FFF; height:17px; line-height:17px; text-align: center; }
.level_ap_pad { padding-left: 3px; }
.level_ap_width1 { width: 126px; text-align: left; }
.level_ap_width2 { width: 89px; text-align: center; }
.level_ap_userinput { text-align: center; border: 0px #000 solid; background-color: #FFF; color: #000; width: 50px; height: 13px; }
.level_ap_nouserinput { text-align: center; border: 0px; color: #FFF; background-color: transparent; width: 50px; height: 13px; }
.level_ap_bottom1 { background-color: #FFFF00; color: #000; height:17px; line-height:17px; border-right: 2px #000 solid; border-top: 2px #000 solid; }
.level_ap_bottom2 { background-color: #000; color: #FFF; height:17px; line-height:17px; border-top: 2px #000 solid; }
.level_ap_remaining { text-align: center; border: 0px; color: #FFF; background-color: #008000; height: 15px; }

/* Health, Stamina, Gamme & Max Weight Div & Table */
.hsgmw_div { background-color: #000; position: absolute; top: 2px; left: 236px; height: 87px; width: 130px; border: 2px #000 solid; Z-index: 2; }
.hsgmw_table { border-spacing: 0px; border-collapse: collapse; padding: 0px; width: 100%; margin: 0px; border: 0px #000 solid; }
.hsgmw_pad { padding-left: 3px; }
.hsgmw_width1 { width: 84px; }
.hsgmw_width2 { width: 38px; }
.hsgmw_row1 { background-color: #FF0000; color: #FFF; height:17px; line-height:17px; }
.hsgmw_row2 { background-color: #008000; color: #FFF; height:17px; line-height:17px; }
.hsgmw_row3 { background-color: #0000FF; color: #FFF; height:17px; line-height:17px; }
.hsgmw_row4 { background-color: #969696; color: #FFF; height:17px; line-height:17px; }
.hsgmw_value1 { text-align: center; border: 0px; color: #FFF; background-color: #FF0000; width: 50px; height: 13px; }
.hsgmw_value2 { text-align: center; border: 0px; color: #FFF; background-color: #008000; width: 50px; height: 13px; }
.hsgmw_value3 { text-align: center; border: 0px; color: #FFF; background-color: #0000FF; width: 50px; height: 13px; }
.hsgmw_value4 { text-align: center; border: 0px; color: #FFF; background-color: #969696; width: 50px; height: 13px; }
.hsgmw_row5 { color: #FFF; height:19px; line-height:19px; text-align: center; border-top: 2px #000 solid; background-image: url("../img/background-dark.jpg"); }
a.hsgmw_link { color: white; }

/* Warning Div */
.warning { position: absolute; Z-index: 2; top: 96px; left: 10px; height: 20px; width: 360px; color: #A00000; text-align: center; font-weight: bold; visibility: hidden; }

/* SSMT Divs */
.st_div { background-color: #000; position: absolute; Z-index: 2; top: 112px; left: 10px; height: 175px; width: 360px; background-image: url("../img/background-dark.jpg"); } /* Stats */
.sk_div { background-color: #000; position: absolute; Z-index: 2; top: 287px; left: 10px; height: 192px; width: 360px; background-image: url("../img/background-dark.jpg"); } /* Skills */
.mu_div { background-color: #000; position: absolute; Z-index: 2; top: 479px; left: 10px; height: 226px; width: 360px; background-image: url("../img/background-dark.jpg"); } /* Mutations */
.tr_div { background-color: #000; position: absolute; Z-index: 2; top: 705px; left: 10px; height: 189px; width: 360px; background-image: url("../img/background-dark.jpg"); } /* Tradeskills */

/* SSMT = Stats/Skills/Mutations/Tradeskills */
.ssmt_table { width: 100%; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px #000 solid; }
.ssmt_header1 { background-color: #FFFF00; color: #000; font-weight: bold; height:19px; line-height:19px; text-align: center; background-image: url("../img/background-header.jpg"); }
.ssmt_header2 { background-color: transparent; color: #FFFF00; font-weight: bold; height:17px; line-height:17px; }
.ssmt_normal { background-color: transparent; color: #FFF; height:17px; line-height:17px; }
.ssmt_width1 { width: 131px; text-align: left; } /* widths of columns */
.ssmt_width2 { width: 91px; text-align: center; }
.ssmt_width3 { width: 46px; text-align: center; }
.ssmt_width4 { width: 46px; text-align: center; }
.ssmt_width5 { width: 46px; text-align: center; }
.ssmt_pad { padding-left: 3px; } /* left padding on some cells */
.ssmt_userinput { text-align: center; border: 0px #000 solid; background-color: #FFF; color: #000; width: 50px; height: 13px; }
.ssmt_nouserinput { text-align: center; border: 0px; color: #707070; background-color: transparent; width: 50px; height: 13px; }
.ssmt_basemax { text-align: center; border: 0px; color: #707070; background-color: transparent; width: 40px; height: 13px; }
.ssmt_actual { text-align: center; border: 0px; color: #FFF; background-color: #008000; width: 40px; height: 13px; }

/* Faction Divs */
.fa_div { background-color: #000; position: absolute; Z-index: 2; top: 2px; left: 10px; height: 125px; width: 564px; background-image: url("../img/background-dark.jpg"); }
.skt_div { background-color: #000; position: absolute; Z-index: 2; top: 127px; left: 10px; height: 192px; width: 564px; background-image: url("../img/background-dark.jpg"); }
.mut_div { background-color: #000; position: absolute; Z-index: 2; top: 319px; left: 10px; height: 226px; width: 564px; background-image: url("../img/background-dark.jpg"); }
.trt_div { background-color: #000; position: absolute; Z-index: 2; top: 545px; left: 10px; height: 189px; width: 564px; background-image: url("../img/background-dark.jpg"); }

/* Faction Skills, Mutations & Tradeskill Tables */
.smt_table { width: 100%; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px #000 solid; }
.smt_header1 { background-color: #FFFF00; color: #000; font-weight: bold; height:19px; line-height:19px; text-align: center; background-image: url("../img/background-header.jpg"); }
.smt_header2 { background-color: transparent; color: #FFFF00; font-weight: bold; height:17px; line-height:17px; }
.smt_normal { background-color: transparent; color: #808080; height:17px; line-height:17px; }
.smt_widths { width: 94px; text-align: center; }
.smt_link a:link { color: white; }
.smt_link a:visited { color: white; }
.smt_link a:active { color: white; }
.smt_link a:hover { color: yellow; }

/* Hint Panel */
.hint_div { background-color: #000; position: absolute; top: 10px; left: 400px; height: 148px; width: 580px; border: 2px #FFF solid; Z-index: 1; background-image: url("../img/background-dark.jpg"); overflow: auto; }
.hint_div_header { font-size: 18px; font-weight: bold; text-align: center; color: #FFFF00; width: 562px; }
.hint_div_body { text-align: center; width: 100%; color: #FFF; }
.hint_skill { font-weight: bold; color: #FFFF00; }
.hint_stat { font-weight: bold; color: #808000; }
.hint_ability { font-weight: bold; color: #808000; }
.hint_rank { font-weight: bold; color: #808000; }
.hint_header_link a:link { color: yellow; }
.hint_header_link a:visited { color: yellow; }
.hint_header_link a:active { color: yellow; }
.hint_header_link a:hover { color: white; }
.hint_link a:link { color: white; }
.hint_link a:visited { color: white; }
.hint_link a:active { color: white; }
.hint_link a:hover { color: yellow; }

/* Mutation Popup */
.mutation_popup_div { visibility: hidden; background-color: #000; position: absolute; top: 506px; left: 400px; height: 222px; width: 255px; border: 2px #FFF solid; Z-index: 5; background-image: url("../img/background-dark.jpg"); overflow: hidden; }
.mutation_popup_header1 { background-color: #FFF; position: absolute; top: 0px; left: 0px; height: 18px; width: 230px; text-align: center; border: 0px #FFF solid; color: #000; font-weight: bold; Z-index: 6; overflow: hidden; }
.mutation_popup_close { background-color: #FFF; position: absolute; top: 0px; left: 230px; height: 18px; width: 25px; text-align: center; border: 0px #FFF solid; color: #000; font-weight: bold; Z-index: 6; overflow: hidden; }
.mutation_popup_header2 { position: absolute; top: 20px; left: 1px; height: 16px; width: 255px; text-align: center; border: 0px #F00 solid; color: #FFFF00; font-weight: bold; Z-index: 6; overflow: hidden; }
.mutation_table { width: 250px; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px #FFF solid; }
.mutation_width1 { width: 130px; text-align: left; }
.mutation_width2 { width: 60px; }
.mutation_width3 { width: 60px; }
.mutation_popup_body { position: absolute; top: 38px; left: 4px; height: 184px; width: 250px; text-align: center; border: 0px #FFF solid; color: #FFF; font-weight: normal; Z-index: 6; }
.mutation_popup_link a:link { color: black; text-decoration: none; }
.mutation_popup_link a:visited { color: black; text-decoration: none; }
.mutation_popup_link a:active { color: black; text-decoration: none; }
.mutation_popup_link a:hover { color: red; text-decoration: none; }
.mutation_popup_got { color: #00A000; }
.mutation_popup_not { color: #A00000; }
.mutation_popup_footer { color: #FFF; font-size: 16px; } 
.mutation_current_points_bad { color: #FF0000; }
.mutation_current_points_good { color: #00FF00; }

/* .lightdark { position: absolute; top: 12px; left: 949px; height: 30px; width: 40px; border: 0px #FFF solid; Z-index: 6; } */
.lightdark { position: absolute; top: -6px; left: 950px; height: 30px; width: 40px; border: 0px #FFF solid; Z-index: 7; }

/* Faction Skill Colours */
.faction_got { background-color: #00A000; text-align: center; border: 0px #000 solid; color: #000; width: 50px; height: 13px; }
.faction_ally_got { background-color: #206020; text-align: center; border: 0px #000 solid; color: #000; width: 50px; height: 13px; }
.faction_not_got { background-color: #802020; text-align: center; border: 0px #000 solid; color: #000; width: 50px; height: 13px; }
.faction_not_selected { background-color: #FFF; text-align: center; border: 0px #000 solid; color: #000; width: 50px; height: 13px; }

/* Help Panel */
.help { color: #FFF; visibility: hidden; background-color: #000; position: absolute; top: 60px; left: 60px; height: 828px; width: 870px; border: 2px #FFF solid; Z-index: 10; background-image: url("../img/background-dark.jpg"); overflow: auto; }
.help_close { background-color: #000; position: absolute; top: 0px; left: 837px; height: 15px; width: 13px; text-align: center; border: 0px #FFF solid; color: #000; font-weight: bold; Z-index: 6; background-image: url("../img/background-dark.jpg"); }
.help_open { background-color: #000; position: absolute; top: -6px; left: 10px; height: 15px; width: 950px; text-align: center; border: 0px #FFF solid; color: #FFF; font-weight: bold; Z-index: 6; }
.help_link a:link { color: white; text-decoration: underline; }
.help_link a:visited { color: white; text-decoration: underline; }
.help_link a:active { color: white; text-decoration: underline; }
.help_link a:hover { color: red; text-decoration: underline; }
.help_table { width: 850px; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px #000 solid; }
.help_width1 { width: 150px; vertical-align: top; }
.help_width2 { width: 720px; text-align: left; vertical-align: top; padding-left: 5px; }
.help_header { font-size: 18px; font-weight: bold; text-align: center; color: #FFF; width: 100%; }

/* Predefined Build List */
.pbl { color: #FFF; visibility: hidden; background-color: #000; position: absolute; top: 169px; left: 400px; height: 773px; width: 580px; border: 2px #FFF solid; Z-index: 5; background-image: url("../img/background-dark.jpg"); }
.pbl_close { position: absolute; top: 0px; left: 567px; height: 15px; width: 13px; text-align: center; border: 0px #FFF solid; color: #000; font-weight: bold; Z-index: 9; }
.build_link a:link { color: #808000; text-decoration: underline; }
.build_link a:visited { color: #808000; text-decoration: underline; }
.build_link a:active { color: #808000; text-decoration: underline; }
.build_link a:hover { color: red; text-decoration: underline; }
.pbl_table { width: 560px; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px #000 solid; }
.pbl_header { font-size: 14px; font-weight: bold; text-align: center; color: #FFFF00; width: 100%; }
.pbl_width { padding-left: 5px; }
.pbl_width1 { width: 100px; vertical-align: top; padding-left: 5px; }
.pbl_width2 { width: 140px; text-align: left; vertical-align: top; padding-left: 5px; }
.pbl_width3 { width: 360px; text-align: left; vertical-align: top; padding-left: 5px; }

/* No Javascript Warning */
.javascript { position: absolute; Z-index: 10; top: 45px; left: 555px; height: 20px; width: 420px; 
color: #C00000; text-align: center; font-weight: bold; visibility: visible; }

/* Load/Save Panel */
.lsb { color: #FFF; visibility: hidden; background-color: #000; position: absolute; top: 169px; left: 400px; height: 773px; width: 580px; border: 2px #FFF solid; Z-index: 5; background-image: url("../img/background-dark.jpg"); }
.lsb_close { position: absolute; top: 0px; left: 567px; height: 15px; width: 13px; text-align: center; border: 0px #FFF solid; color: #000; font-weight: bold; Z-index: 9; }
.lsb_width { padding-left: 5px; }
.lsb_title { color: #808000; font-weight: bold; }
.lsb_table { width: 580px; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px #000 solid; }
.lsb_width1 { width: 50px; vertical-align: top; padding-left: 5px; text-align: center; }
.lsb_width2 { width: 120px; vertical-align: top; padding-left: 5px; }
.lsb_width3 { width: 320px; vertical-align: top; padding-left: 5px; }
.lsb_width4 { width: 90px; vertical-align: top; padding-left: 5px; }

.dc { text-decoration: underline; font-weight: bold; }

/* Guide Panel */
.guide { color: #FFF; visibility: hidden; background-color: #000; position: absolute; top: 169px; left: 400px; height: 773px; width: 580px; border: 2px #FFF solid; Z-index: 5; background-image: url("../img/background-dark.jpg"); }
.guide_close { position: absolute; top: 0px; left: 567px; height: 15px; width: 13px; text-align: center; border: 0px #FFF solid; color: #000; font-weight: bold; Z-index: 9; }
.guide_link a:link { color: #808000; text-decoration: underline; }
.guide_link a:visited { color: #808000; text-decoration: underline; }
.guide_link a:active { color: #808000; text-decoration: underline; }
.guide_link a:hover { color: red; text-decoration: underline; }
.guide_table { width: 560px; padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0px; border: 0px #000 solid; }
.guide_header { font-size: 18px; font-weight: bold; color: #FFF; width: 100%; }
.guide_width1 { width: 150px; vertical-align: top; padding-left: 5px; }
.guide_width2 { width: 410px; text-align: left; vertical-align: top; padding-left: 5px; }
.guide_width { padding-left: 5px; }
.guide_grid { text-align: center; }
.guide_grid_width { width: 30px; text-align: center; }
.guide_grid_width1 { width: 100px; text-align: left; font-weight: bold; }
.guide_grid_width a:link { color: #808000; text-decoration: underline; }
.guide_grid_width a:visited { color: #808000; text-decoration: underline; }
.guide_grid_width a:active { color: #808000; text-decoration: underline; }
.guide_grid_width a:hover { color: red; text-decoration: underline; }

/* Wheel Panel */
.wheel { color: #FFF; visibility: hidden; background-color: #000; position: absolute; top: 169px; left: 400px; height: 773px; width: 580px; border: 2px #FFF solid; Z-index: 5; background-image: url("../img/background-dark.jpg"); overflow: auto; }
.wheel_close { background-color: #000; position: absolute; top: 0px; left: 547px; height: 15px; width: 13px; text-align: center; border: 0px #FFF solid; color: #FFF; font-weight: bold; Z-index: 6; background-image: url("../img/background-dark.jpg"); }
.wheel_header { font-size: 18px; font-weight: bold; color: #FFF; width: 100%; padding-left: 5px; }
.wheel_img { text-align: center; }

/* Towns Panel */
.towns { color: #FFF; visibility: hidden; background-color: #000; position: absolute; top: 169px; left: 400px; height: 773px; width: 580px; border: 2px #FFF solid; Z-index: 5; background-image: url("../img/background-dark.jpg"); }
.towns_close { background-color: #000; position: absolute; top: 0px; left: 567px; height: 15px; width: 13px; text-align: center; border: 0px #FFF solid; color: #FFF; font-weight: bold; Z-index: 6; background-image: url("../img/background-dark.jpg"); }
.towns_header { font-size: 18px; font-weight: bold; color: #FFF; width: 100%; padding-left: 5px; }
.towns_img { text-align: center; }

.capstone { position: absolute; top: 2px; left: 507px; }
.mastery { position: absolute; top: 2px; left: 307px; }