.search-bar-whole { padding: 8px 4px 0px 4px; }
.search-text { padding-top: 4px; float: right; }
.search-bar { float: right; }
.search-bar form { margin: 0px; padding: 0px; }
.inputbox-left { float: left; width: 9px; height: 26px; background: url(/images/inputbox_left.png); }
.inputbox-center { float: left; height: 26px; background: url(/images/inputbox_center.png) repeat-x; }
.inputbox-right { float: left; width: 9px; height: 26px; background: url(/images/inputbox_right.png); }
.inputbox { border: 0px; color: #ffffff; background: url(/template/images/100p_white.png); height: 24px; width: 391px; }
.search-button { height: 26px; width: 20px; padding-left: 4px; float: left; background: url(/template/images/skilldbsearchbutton.png) center right no-repeat; vertical-align: middle; }
.search-button img { height: 26px; width: 20px; }
.search-class { font-weight: normal; }
.search-class-icon { vertical-align: middle; padding: 0px 4px 4px 0px; }
.search-class-row { float: left; padding: 4px 14px 0px 4px; }
.search-class-row a{ color: #ffffff; text-decoration: none; }
.search-class-row a:hover{ text-decoration: underline; }
.skill-calc { float: left; font-size: 11pt; font-weight: bold; padding: 3px 0px 0px 0px; }
.skill-calc a { color: #000000; text-decoration: none; }
.skill-calc a:hover { text-decoration: underline; }
.note { font-style: italic; font-size: 9pt; padding-top: 4px; }
.first-title { float: left; width: 640px; }
.toc { float: right; width: 300px; margin: 0px 0px 8px 8px; background: url(/images/grey_gradient_left.png) left repeat-y; }
.toc-text { padding-left: 16px; }
.toc-text ul { margin: 4px; padding-left: 16px; }
.toc-title { text-align: center; font-weight: bold; padding-bottom: 6px; font-size: 11pt; }
.toc-0i { padding-bottom: 4px; text-align: left; }
.guide-images-right { float: right; width: auto; text-align: center; margin: 8px; margin-right: 0px; padding: 8px; padding-right: 3px; }
.guide-images-left { float: left; width: auto; text-align: center; margin: 8px; margin-left: 0px; padding: 8px; padding-left: 3px; }
.guide-image { vertical-align: middle; -moz-box-shadow: 0 0 5px #555; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; -moz-border-radius: 3px; border-radius: 3px;}
.guide-h-arrow { vertical-align: middle; padding-right: 8px; position: relative; left: -4px; }
.guide-skill-icon { height: 13px; width: 13px; padding: 0px 4px 2px 0px; vertical-align: bottom; border: 0px; }
.rp-ability { vertical-align: middle; padding: 2px 8px 4px 0px; height: 20px; width: 20px; }
.manga-table { width: 100%; }
.manga-table td { padding: 4px 0px; border-bottom: thin solid #efefef; border-right: thin solid #efefef; }
.manga-table tr:hover { background-color: #efefef; }
.manga-title { font-size: 11pt; font-weight: bold; }
.manga-title-row:hover { background-color: #ffffff !important; }
.engname { text-align: left; padding-left: 8px !important; border-left: thin solid #efefef;}
.jpname { text-align: center; }
.skills { text-align: center; }
.kanzentai { text-align: center; }
.skill { border: 0px; width: 18px; height: 18px; }
.skill-add { padding-left: 8px; }
.kanzentaiimg { border: 0px; }
.skill-solo-table { width: 100%; height: 0px; margin-bottom: 8px; background: url(/images/title_bar_background.png); -moz-border-radius: 7px; border-radius: 7px; }
.skill-solo-icon { width: 49px; height: 100%; vertical-align: top; background: url(/images/skill_solo_icon_top.png) top no-repeat; }
.skill-solo-icon table{ height: 100%; }
.skill-solo-icon-top { width: 40px; height: 100%; background: url(/images/skill_solo_icon_top.png) top no-repeat; }
.skill-solo-icon-self { height: 32px; width: 32px; float: left; margin: 11px 0px 0px 9px;}
.skill-solo-icon-middle { width: 49px; height: 100%; background: url(/images/skill_solo_icon_middle.png) repeat-y; }
.skill-solo-icon-bottom { width: 49px; height: 8px; background: url(/images/skill_solo_icon_bottom.png) bottom; }
.skill-solo-text-topleft { vertical-align: center; text-align: left; padding: 5px 0px 0px 9px; color: #fff; background: url(/images/skill_solo_text_topleft.png); }
.skill-solo-text-topleft img{ padding-left: 4px; position: relative; top: -1px; }
.skill-solo-text-topright { width: 10px; height: 27px; background: url(/images/skill_solo_text_topright.png); }
.skill-solo-text-left { padding: 4px 0px 0px 9px; text-align: left; vertical-align: top; color: #ddd; font-size: 10pt; height: 31px; background: url(/images/skill_solo_text_left.png) repeat-y; }
.skill-solo-text-right { background: url(/images/skill_solo_text_right.png) repeat-y; }
.skill-solo-text-bottomleft { height: 8px; background: url(/images/skill_solo_text_bottomleft.png); }
.skill-solo-text-bottomright { width: 10px; height: 8px; background: url(/images/skill_solo_text_bottomright.png); }
.skill-tree-cell { width: 324px; height: 100%; -moz-border-top-left-radius: 7px; border-top-left-radius: 7px; padding: 8px 0px 4px 8px; background: url(/images/grey_gradient_left.png) repeat-y; }
.skill-tree { position: absolute; top: 10px; padding: 2px 0px 2px 0px; }
.skill-tree-background { height: 100%; width: 320px;; background: url(/images/title_bar_background.png); -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #51555d; vertical-align: top;  }
.skill-tree-box { }
.skill-tree-box div{ height: 65px; width: 89px; }
.skill-tree-icon { }
.skill-tree-icon img { height: 32px; width: 32px; padding: 16px 0px 0px 18px; }
.skill-tree-icon-background-red { background: url(/images/red_big_active.png) no-repeat; }
.skill-tree-icon-background-blue { background: url(/images/blue_big_active.png) no-repeat; }
.skill-tree-icon-background-green { background: url(/images/green_big_active.png) no-repeat; }
.skill-tree-icon-background-orange { background: url(/images/orange_big_active.png) no-repeat; }
.skill-tree-icon-background-purple { background: url(/images/purple_big_active.png) no-repeat; }
.skill-tree-icon-background-grey { background: url(/images/grey_big_active.png) no-repeat; }
.skill-tree-icon-background-yellow { background: url(/images/yellow_big_active.png) no-repeat; }
.arrow-hookright { background: url(/images/arrow_hook_full_big.png) no-repeat; }
.arrow-hookright-begin { background: url(/images/arrow_right_part_big.png) no-repeat; }
.arrow-down { background: url(/images/arrow_down_full_big.png) no-repeat; }
.arrow-down-begin { background: url(/images/arrow_down_part_big.png) no-repeat; }
.arrow-tip { background: url(/images/arrow_tip_big.png) no-repeat; }
.table-align-left { padding-left: 8px !important; }
.table-align-center { text-align: center; padding-left: 4px !important; padding-right: 4px !important; }
.first-column { border-left: thin solid #efefef; }
.rp-ability-icon { padding-left: 3px; }
.skill-effect { padding-bottom: 4px; }
.skill-box { width: 100%; margin-bottom: 16px; }
.skill-box-left { width: 34px; height: 100%; padding: 17px 0px 0px 12px; background: url(/images/skill_solopage_background_left.png); vertical-align: top; }
.skill-box-center { height: 100%; padding: 17px 8px 8px 12px; background: url(/images/skill_solopage_background_center.png) repeat-x; vertical-align: top; }
.skill-box-right { width: 5px; height: 100%; background: url(/images/skill_solopage_background_right.png); vertical-align: top; }
.skill-box-bottom-left { width: 34px; height: 5px; background: url(/images/skill_solopage_background_bottom_left.png); }
.skill-box-bottom-center { height: 5px; background: url(/images/skill_solopage_background_bottom_center.png) repeat-x; }
.skill-box-bottom-right { width: 5px; height: 5px; background: url(/images/skill_solopage_background_bottom_right.png); }
.inactive { font-weight: normal; text-decoration: underline; }