body { background: #FFFFFF; margin: 0px; line-height: 1.2em;}
h3,h4 { text-align: left; }
pre {
  color: #400000;
  border-left-style: solid;
  border-color: #800000;
  border-width: 2px;
  padding-left: 0.5em;
}
div.xoopsCode {
    max-width: 600px;
    overflow: auto;
}

strong { color: #000099; ; font-weight: bold}
em { color: #000000; font-weight: bold}
img { border: 0px; }

/*
.lblock { font-size: 85%; padding: 1px; }
.lblock a { text-decoration: none; color: none; }
.lblock a:link { color: #000000; }
.lblock a:visited { color: #000000; }
.lblock a:hover { color: #ffffff; }
th.lblock { text-align: left; color: #ffffff; }
*/
div.blockTitle { font-weight: bold; padding: 4px; }

#leftcolumn { background-color: #bdbdbd; width: 10em; vertical-align: top; }
#leftcolumn div.blockTitle { background-color: #0066ff; color: #ffffff; }
#leftcolumn div.blockContent { font-size: 0.8em; }
#leftcolumn div.blockContent table { width: 100%; }

#rightcolumn { width: 10em; padding: 3px; vertical-align: top; }
#rightcolumn div.rblock { font-size: 80%; }
#rightcolumn a:link { color: #0000f0; }
#rightcolumn a:visited { color: #0000f0; }
#rightcolumn a:hover { color: #ff4040; }
#rightcolumn div.blockTitle { background-color: #00ccff; }
#rightcolumn div.blockContent { background-color: #ebebeb; padding: 0.5em; }
#rightcolumn div.blockContent ul { padding: 4px 4px 4px 8px; }
div.lblock, div.rblock { padding: 4px 0px; }
div#navi {
    border-top: solid 1px #0099ff;
}
#navi div.main, #navi a,
#mainmenu a, #usermenu a {
    display: block;
    text-decoration: none;
    border-style: none solid solid;
    border-color: #0099ff;
    border-width: 1px;
}
#navi a.main, #navi div.main {
    padding: 2px 2px 2px 16px;
}
#navi a.sub, #navi div.sub {
    padding: 2px 2px 2px 28px;
}
#navi div.sep {
    height: 1em;
    border-style: none none solid none;
    border-color: #0099ff;
    border-width: 1px;
}
#mainmenu a, #usermenu a,
#navi div.main, #navi a.menuoff {
    color: #000000;
    background: #00ccff;
}

#navi a.menuon {
    font-weight: bold;
    color: #ffffff;
    background: #0066ff;
    background-position: left center;
    background-image: url(images/mark.png);
    background-repeat: no-repeat;
}
#navi a:hover,
#mainmenu a:hover, #usermenu a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #0066ff;
    font-weight: bold;
}

.menuoff a {
  text-decoration: none;
  padding-left: 16px;
  color: #000000;
}
.menuoff a:hover {
  /* color: #ffffff; */
  color: none;  /* change by JavaScript */
}
div.bordertop div {
    height: 10px;
    background-position: right top;
    background-image: url(images/border-ur.png);
    background-repeat: no-repeat;
}
div.bordertop {
    height: 10px;
    background-image: url(images/border-ul.png);
    background-position: left;
    background-repeat: no-repeat;
}
div.borderbot {
    height: 18px;
    background-position: left;
    background-image: url(images/border-bl.png);
    background-repeat: no-repeat;
}
div.borderbot div {
    height: 18px;
    background-position: right;
    background-image: url(images/border-br.png);
    background-repeat: no-repeat;
}
td.lblockv {
    background-image: url(images/shadow-v.png);
    background-repeat: repeat-y;
}
div.borderv {
    padding-left: 20px;
    background-image: url(images/border-v.png);
    background-repeat: repeat-y;
}
#centerbox div.blockContent {
    padding-right: 73px;
}
div.borderv div.blockContent ul {
    margin: 0px;
    padding: 1em 1em 1em 2em;
}
div.bordert {
    padding-right: 16px;
    background-position: right;
    background-image: url(images/border-t.png);
    background-repeat: repeat-y;
}
div.borderh {
    height: 10px;
    background-image: url(images/border-h.png);
    background-repeat: repeat-x;
}
div.borderb {
    height: 16px;
    background-image: url(images/border-b.png);
    background-repeat: repeat-x;
}
#centercolumn div.blockTitle {
    color: #003300;
    white-space: nowrap;
}
.data { font-size: 90%; color: #000000; }
.contents { margin-left: 20px; margin-right: 20px; color: #000000; }

.util td { font-size: 90%; }
.bbblock td { font-size: 90%; }


table#cblock, table.outline {
    width: 100%;
    padding: 0px; margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
}
div.cblock { padding-bottom: 1em; }
table.outline>tbody>tr>td { padding: 0px; }
/* all block title make highlight */
/* block and contents align to top */
td#centercolumn { vertical-align: top; }
td#centerbox { padding: 4px; vertical-align: top; }

body { margin:0px; width: 100%; font-size: 10pt; }
div#header {
    background-color: #0acafa;
    background-image: url(images/header.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 1px;
}
div#headerbanner { float:right; }
div#footerbar {
    background-color: #dddddd;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
}
td#ulsep {
    width: 5px;
    height: 4px;
    background-image: url(images/shadow-r.png);
    background-repeat: no-repeat;
}
td#vsep {
    background-image: url(images/shadow-v.png);
    background-position: left top;
    background-repeat: repeat-y;
    width: 5px;
}
td#centersep {
    background-image: url(images/shadow-h.png);
    background-position: left top;
    background-repeat: repeat-x;
    height: 4px;
}
td#leftsep { background-color: #bdbdbd; }
div.evmore { text-align: right; }
div.itemHead, div.itemInfo, div.itemBody { padding: 0px 73px 0px 32px; }
div.itemFoot { padding: 0px 5px 0px 32px; }
.right { text-align: right; }
.evtitle,
.itemTitle { text-weight: bold; font-weight: bold; color: #003300; }
.itemTitle a, a.evhead { text-decoration: none;  color: #003300; }
div.breadcrumbs { font-size: 80%; padding: 4px 8px; }
div#bsearch, div#blogin { text-align: center; }
#centerbox div.blockTitle { padding-bottom: 1em; }

/* compat xoops 1.3 */
.bg1,.odd {
    background-color: #F3F4F0;
    vertical-align: top;
}

.bg2 {
    background-color: #817ca4;
}

.bg3,.even {
     background-color: #EDF1EE;
    vertical-align: top;
}

.bg4 {
    /* background-color: #F5F5F5; */
}
.bg4 th { color: #ffffff; }

.bg5 {
    background-color: #ffffff;
}

.fg1 {
    color: #000000;
}

.fg2 {
    color: #000000;
}

.ahem {
    display: none;
}

td.nw {
    white-space: nowrap;
}

.evhead { color: #800000; font-size: 120%; font-style: bold; text-align: left;}
div.evinfo, div.evlist,
div.evbody,div.evform { padding: 0px 73px 0px 32px;}
div.evprop { padding-left: 3em; color: #000088; }
.evlink { text-align: right; margin-top: 1em; }
.evline { text-align: left; }
.evnote { 
   color: #c00000; padding: 1em;  text-align: center;
}
.evtbl th, .evtbl td {
    padding: 4px;
}
.evtbl th {
   text-align: left; color: #008000;
   vertical-align: top; white-space: nowrap;
}
.date { font-size: 80%; color: #004000; }

.bbblock { font-size: 90%; }

table.outer th,
table.outer td { padding: 4px; }
table.outer th { white-space: nowrap; }

/* LBI member list */
.lmName a { color: #000033; text-decoration: none; font-weight: bold; }
.lmURL { font-size: 90%; }
table.lmTable { width: 100%; }
table.lmTable td { padding: 4px; }
div.more a {
    display: block; width: 73px; height: 18px;
    overflow: hidden;
    text-indent: -500px;
    background: url(images/detail.png) no-repeat left;
    float: right;
}
.lmInfo td { background: #EDF1EE; }
.lmAddr { background: #F3F4F0; }
.lmLine { width: 15em; }
.lmPR { padding-bottom: 1em; }
#lmNavi td {
    padding: 4px 20px;
}
td.lmON {
    border-color: #444444;
    border-width: thin;
    border-style: solid solid none solid;
}
td.lmOFF {
    background-color: #EDF1EE;
    border-bottom: solid thin #444444;
}
.lmON a {
    color: #000033; text-decoration: none; font-weight: bold;
}
.lmOFF a {
    color: #444444; text-decoration: none;
}
.lmOFF a:hover {
    color: #FFFFFF; background: #444444;
}
table#lmNavi { border-collapse: collapse; }
div#lmForm { padding: 0px 40px; }
div#lmMember { padding: 4px 0px; }

td.head { font-weight: bold; }
span.note { color: #004040; }
em { color: #004400; }
.require { background: #DFDFFF; }
.ccform table.outer td { vertical-align: top; }

.trtext, .trinfo { font-size: 85%; }