/* base start */

html, body, form, h1, h2, h3, div, p, table, ul, li {
  border: 0;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  background: rgb(235, 235, 235);
  color: rgb(0, 0, 0);
  height: 100%;
  line-height: 170%;
}

#all {
  background: rgb(255, 255, 255) !important;
  min-height: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  width: 1004px;
}

.ie6 #all {
  height: 100%;
}

body, input, textarea {
  font-size: 12px;
}

body.en, input, textarea {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

body.ko, input, textarea {
  font-family: dotum, 돋움, Arial, Verdana, sans-serif;
}

body.ja, input, textarea {
  font-family: "MS ゴシック", "MS PGothic", "メイリオ", Arial, Verdana, sans-serif;
}

body.zh, input, textarea {
  font-family: "simsun", Arial, Verdana, sans-serif;
}

label, .label, .label a, .button input, .pagination {
  color: rgb(118, 121, 124);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

.number {
  text-align: right !important;
}

.date {
  text-align: center !important;
  width: 140px;
}

.number, .date {
  font-family: "Courier New";
}

.separator {
  padding: 0 2px;
}

/* base end */



/* link start */

a, button {
  cursor: pointer;
}

a {
  color: rgb(0, 0, 0);
}

a img {
  border: 0;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  color: rgb(242, 101, 34) !important;
  text-decoration: underline;
}

a.selected, a.selected:hover {
  color: rgb(242, 101, 34) !important;
  font-weight: bold;
}

/* link end */



/* layout start */

table.layout {
  table-layout: fixed;
}

td.layout {
  padding: 0;
  vertical-align: top;
}

#header, #main, #footer {
  background-color: rgb(255, 255, 255);
  width: 910px;
}

#main {
  margin: 25px 0 30px 0;
}

#side {
  width: 210px;
}

#center {
  width: 700px;
}

#home #center {
  padding-left: 20px;
  width: 680px;
}

#footer {
  background: url("/images/layouts/jennifersoft_02.gif") no-repeat;
  clear: both;
  height: 86px;
}

/* layout end */



/* header start */

#logo {
  left: 0;
  position: absolute;
  top: 35px;
}

#top {
  line-height: 100%;
  margin-left: 210px;
  width: 700px;
}

#tool {
  background: url("/images/layouts/tool_bg.gif") no-repeat;
  height: 23px;
  padding: 3px 15px 0 0;
  text-align: right;
  width: 685px;
}

#tool a, #tool input, .separator {
  font-size: 11px;
}

#search {
  border: 1px solid rgb(212, 212, 212);
  font-size: 11px;
  height: 12px;
  margin-left: 6px;
  padding-left: 2px;
  width: 130px;
}

#search_btn {
  vertical-align: text-bottom;
}

#first_menus {
  margin-top: 30px;
  text-align: center;
}

#first_menus table {
  margin: 0 auto;
  width: auto;
}

#first_menus td {
  border-right: 1px solid rgb(216, 216, 216);
  height: 28px;
  padding: 0 15px;
  vertical-align: middle;
}

#first_menus a.selected img {
  border-bottom: 2px solid rgb(8, 95, 155);
  padding: 3px 0;
}

#login_form {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(216, 216, 216);
  left: 460px;
  padding: 10px;
  position: absolute;
  top: 30px;
}

/* header end */



/* side start */

#second_menus ul {
  margin-left: 24px;
  width: 173px;
}

#second_menus li {
  background: url("/images/layouts/bullet_01.gif") 9px 10px no-repeat;
  border-bottom: 1px solid rgb(236, 236, 236);
  height: 12px;
  line-height: 12px;
  padding: 8px 0 8px 21px;
}

#sidebar {
  margin: 25px 0 0 0;
}

.clip_title {
  background: none;
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 0;
}

.clip_title a {
  color: rgb(57, 180, 74);
}

#web_request_demo {
  margin: 8px 10px 0 0;
  text-align: center;
}

/* side end */



/* home start */

#home {
  margin: 0 auto 0 11px;
}

#home_banner {
  margin-bottom: 25px;
}

#home_banner img {
  border: 0;
}

#home_link {
  background: url("/images/home/home_link_bg.gif") no-repeat;
  height: 236px;
  padding-top: 8px;
  text-align: center;
}

#home_link li {
  padding-top: 12px;
}

#notice {
  padding-left: 20px;
  vertical-align: top;
  width: 445px;
}

#notice h1 {
  background: none;
  clear: both;
  color: #8560a8;
  font-size: 12px;
  margin: 7px 0 0 0;
  padding: 0;
}

#notice .thumbnail {
  float: left;
  padding: 4px 7px 7px 0;
}

#notice div {
  line-height: 17px;
}

#right_side {
  padding-left: 30px;
  text-align: center;
  vertical-align: top;
  width: 195px;
}

#right_side h1 {
  background: none;
  color: rgb(57, 180, 74);
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 0;
}

/* home end */



/* page start */

#page {
  background: url("/images/layouts/box_top.gif") no-repeat;
  padding: 38px 0 0 0;
  position: relative;
}

#outer_box {
  background: url("/images/layouts/box_bottom.gif") 0 100% no-repeat;
  padding-bottom: 9px;
}

#box {
  border-left: 1px solid rgb(216, 216, 216);
  border-right: 1px solid rgb(216, 216, 216);
  height: 100%;
  padding: 5px 25px;
}

#third_menus {
  background: url("/images/layouts/bullet_04.gif") 5px 50% no-repeat;
  left: 115px;
  padding-left: 10px;
  position: absolute;
  top: 14px;
}

#third_menus li {
  display: inline;
  padding: 0 5px;
}

#third_menus a {
  color: rgb(8, 95, 155);
}

#print {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 16px;
}

#lang_selection {
  font-size: 10px;
  position: absolute;
  right: 50px;
  top: 12px;
}

/* page end */



/* quick link start */

#quick_link {
  position: absolute;
  right: 11px;
  top: 109px;
}

#quick_link ul {
  background: url("/images/layouts/quick_link_bg.gif") no-repeat;
  height: 193px;
  padding-top: 39px;
  text-align: center;
  width: 75px;
}

#quick_link ul li {
  height: 55px;
  padding-top: 9px;
}

/* quick link end */



/* footer start */

#footer div {
  background: url("/images/layouts/footer_bg.gif") 210px 0 no-repeat;
  font-size: 10px;
  height: 56px;
  padding: 8px 0 0 225px;
}

/* footer end */



/* button start */

.button {
  text-align: right;
}

.button input {
  cursor: pointer;
}

td.button {
  text-align: center;
}

/* button end */



/* tab start */

.tab_menu {
  margin-top: 10px;
}

.tab_menu li {
  cursor: pointer;	
  display: inline;
  padding: 3px 10px;
}

.tab_menu li.selected {
  background: rgb(243, 243, 243);
  color: rgb(112, 112, 112);
  font-weight: bold;
}

/* tab end */



/* form  start */

input.text, select, textarea {
  border: 1px solid rgb(184, 201, 212);
}

input.text {
  width: 200px;
}

input.long {
  width: 550px;
}

input.checkbox {
  height: 13px;
  width: 13px;
}

input.readonly {
  background-color: rgb(234, 234, 234);
}

textarea {
  padding: 3px;
  width: 630px;
}

/* form end */



/* edit start */

div#edit, div#upload, div#translation, div#help {
  margin-top: 20px;
}

#new_reply {
  padding-top: 20px;
}

form th, form td {
  padding: 4px 0;
}

form th {
  font-weight: normal;
  padding-right: 5px;
  text-align: right;
}

div#edit div {
  margin-top: 20px;
}

textarea#topic_brief {
  height: 100px;
}

textarea#topic_body {
  height: 500px;
}

/* edit end */



/* comment start */

#comments {
  margin-top: 20px;
}

div.comment {
  background-color: rgb(255, 254, 204);
  border-bottom: 1px solid rgb(227, 227, 227);
  margin-bottom: 10px;
  padding: 5px;
}

div.comment .author {
  font-size: 11px;
  margin: 10px 0 0 0;
}

#comments textarea {
  height: 120px;
}

/* comment end */



/* errorExplanation start */

.errorExplanation h2 {
  color: rgb(255, 89, 0);
  font-size: 13px;
  margin: 0;
  text-decoration: underline;
}

.errorExplanation p {
  display: none;
}

.errorExplanation ul {
  color: rgb(255, 163, 64);
  margin-left: 30px;
}

.fieldWithErrors {
  margin: 0 !important;
}

.fieldWithErrors label {
  color: rgb(255, 89, 0) !important;
  font-weight: bold;
}

.fieldWithErrors input {
  border: 2px solid rgb(255, 89, 0);
}

/* errorExplanation end */



/* table start */

table.list01, table.list01 thead {
  border: 1px solid rgb(114, 202, 186);
}

table.list01 thead tr {
  background-color: rgb(184, 228, 220);
  color: rgb(0, 158, 144);
}

table.list01 tr.odd {
  background-color: rgb(246, 246, 246);
}

table.list01 th, table.list01 td {
  border-left: 1px solid rgb(114, 202, 186);
  line-height: 100%;
  padding: 6px 5px;
}

table.list02 thead tr {
  background-color: rgb(85, 116, 185);
}

table.list02 th, table.list02 td {
  border: 1px solid rgb(232, 174, 184);
  color: rgb(0, 51, 102);
  line-height: 100%;
  padding: 6px 5px;
}

table.list02 thead tr th {
  color: rgb(255, 255, 255);
}

/* table end */



/* pagination start */

.pagination {
  font-size: 11px;
  margin-top: 30px;
  text-align: center;
}

.pagination a {
  padding: 0 5px;
  text-decoration: none;
}

.pagination span.current {
  font-weight: bold;
  padding: 0 5px;
}

.pagination span.disabled {
  color: rgb(221, 221, 221);
  padding: 0 5px;
}

/* pagination end */



/* show start */

.show {
  margin-bottom: 40px;
}

.show h1.title {
  background: rgb(184, 228, 220) none;
  color: rgb(0, 158, 144);
  font-size: 16px;
  margin-bottom: 0;
  padding: 5px 10px;
}

.show h1.reply {
  background: rgb(229, 229, 229) url("/images/layouts/reply.gif") 15px 8px no-repeat;
  padding-left: 30px;
}

.show .author {
  font-size: 11px;
  margin: 5px 0 10px 0;
  text-align: right;
}

.show .button {
  margin: 2px 0 0 0;
}

.files {
  width: auto !important;
}

.files th, .files td {
  border: none !important;
  text-align: left;
}

.files th {
  border-bottom: 1px solid rgb(216, 216, 216) !important;
}

/* show end */



/* summary start */

.summary h2 {
  background-color: rgb(184, 228, 220);
  font-size: 13px;
  margin: 20px 0 0 0;
  padding: 3px 10px;
}

.summary h2 a {
  color: rgb(0, 158, 144);
}

.summary p {
  margin: 5px 0 3px 0;
  padding: 0px 10px;
}

.summary .author {
  font-size: 11px;
  padding: 0 0 0 10px;
}

/* summary end */




/* sitemap start */

#sitemap {
  margin: 0 20px;
  width: 630px;
}

#sitemap ul {
  font-weight: bold;
  background: url("/images/layouts/line.gif") 0 19px repeat-x;
  margin: 30px 30px 0 0 !important;
}

#sitemap ul li {
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#sitemap ul ul {
  background: none;
  margin-top: 0 !important;
}

#sitemap ul ul a {
  color: rgb(118, 121, 124);
  font-size: 11px;
  font-weight: normal;
}

#sitemap ul ul ul {
  margin-left: 15px !important;
}

/* sitemap end */




/* content start */

h1 {
  background: url("/images/layouts/bullet_02.gif") 0 3px no-repeat;
  font-size: 18px;
  margin: 20px 0 30px 0;
  padding-left: 22px;
}

h1.title {
  background: url("/images/layouts/bullet_02.gif") 0 3px no-repeat;
  font-size: 18px;
  padding-left: 22px;
}

h2 {
  color: rgb(0, 158, 144);
  font-size: 15px;
  margin: 20px 0 15px 0;
}

h3 {
  color: rgb(0, 158, 144);
  font-size: 13px;
  margin: 20px 0 10px 0;
}

p {
  line-height: 150%;
  margin: 15px 0 5px 0;
}

p.notice {
  background: url("/images/layouts/notice_bg.gif") repeat-x;
  border: 1px solid rgb(114, 202, 186);
  color: rgb(93, 68, 147);
  margin: 20px 0;
  padding: 15px 8px 8px 8px;
}

p.bullet {
  background: url("/images/layouts/bullet_01.gif") 0 8px no-repeat;
  margin: 5px 0;
  padding-left: 12px;
}

#content ul {
  margin: 10px 0 20px 0;
}

#content ul li {
  background: url("/images/layouts/bullet_01.gif") 5px 8px no-repeat;
  margin: 3px 0;
  padding-left: 15px;
}

table.list {
  margin: 10px 0;
}

table.list th {
  background-color: rgb(184, 228, 220);
  color: rgb(0, 158, 144);	
}

table.list th, table.list td {
  border: 1px solid rgb(114, 202, 186);
  line-height: 140%;
  padding: 6px 5px;
}

table.reference {
  table-layout: fixed;
}

table.reference td {
  vertical-align: top;
}

table.fixed {
  table-layout: fixed;
}

del {
  color: rgb(216, 216, 216);
}

div.manual {
  float: left;
  margin-right: 50px;
}

#content img {
  vertical-align: middle;
}

#content p a, #content ul a {
  color: rgb(119, 92, 177);
}

#content p a:hover, #content ul a:hover {
  color: rgb(119, 92, 177) !important;
  text-decoration: underline;
}

strong.highlight {
  font-size: 14px;
}

/* content end */


/* popup start */

.popup {
  background: rgb(255, 255, 255);
}

#popup_footer {
  background: transparent url("/images/layouts/popup/footer.gif") no-repeat;
  height: 28px;
  line-height: 28px;
}

table.popup th, table.popup td {
  border: 1px solid white;
  padding-bottom: 3px;
}

table.popup th {
  background-color: rgb(124, 204, 200);
  color: rgb(8, 97, 89);
}

table.popup th label {
  color: rgb(8, 97, 89);
}

table.popup td {
  background-color: rgb(225, 225, 225);
}

/* popup end */