body {color: black; background: white; margin: 0; padding: 0;}
body td, p, div {font-family: verdana, arial, helvetica; font-size: 12px;}

table {width: 100%; margin: 0; padding: 0;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link    {color: #2134B7; text-decoration: none}
a:active {color: #444444; text-decoration: none}
a:visited {color: #2134B7; text-decoration: none}
a:hover  {color: #2134B7; text-decoration: underline}


h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; text-align: left;}
li { margin-left: 10px; list-style: inherit; color: #000000}

.item {}
.itemHead {padding: 3px; background-color: #DDDDFF; color: #333333; border-bottom: 1px solid #8CA5CE; border-top: 1px solid #8CA5CE;}
.itemInfo {text-align: right; background-color: #EEEEFF; padding:3px;}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; background-color: transparent;}
.itemPoster {font-size: 90%; }
.itemPostDate {font-size: 90%;}
.itemStats {font-size: 90%;}
.itemBody {padding-left: 10px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 130%;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding:3px; background-color: #FFFFFF;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

table#top {margin-bottom:8px;}
/* akira No effect */
th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Outside of Cobalt Design */
td.slogan {padding-left:5px; padding-right:5px; height: 5px; background-color:#0047AB; vertical-align: middle; font-weight:bold;}
/* Header left */
td#headerlogo {background-color: #0047AB; vertical-align: middle; text-align:left; padding: 0px; border-top: 1px solid white; border-bottom: 1px solid white; padding: 5px 0px 2px 0px; }
/* Header right */
td#headerbanner {background-color: #0047AB; vertical-align: top; text-align:right; padding:15px; border-top: 1px solid white; border-bottom: 1px solid white; color: #FFFFFF; }

/* Top Title akira added */
div.topTitle {font-family:Arial; font-style:italic; font-weight:bold; font-size:40px; color:#FFFFFF;}
div.topTitle a {color: #FFFFFF; text-decoration: none}
div.topTitle a:link    {color: #FFFFFF; text-decoration: none}
div.topTitle a:active {color: #FFFFFF; text-decoration: none}
div.topTitle a:visited {color: #FFFFFF; text-decoration: none}
div.topTitle a:hover  {color: #FFFFFF; text-decoration: none}

/* Left side */
td#leftcolumn {width: 150px; border: 1px solid #AAAAAA; font-size:10px; background-color: #EEEEEE;}
td#leftcolumn th {background-color: #0047AB; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn .blockTitle {margin: 0px; padding: 5px 3px; background-color: #0047AB; color: #FFFFFF; font-weight:bold;}
td#leftcolumn .blockContent {padding: 2px 3px; line-height: 130%;background-color: #EEEEEE;margin-bottom:8px; margin: 2px;}
td#mainmenu a {display: block; margin: 0; padding: 2px;}
td#mainmenu a:link    {color: #4387E9; text-decoration: none}
td#mainmenu a:active {color: #444444; text-decoration: none}
td#mainmenu a:visited {color: #4387E9; text-decoration: none}
td#mainmenu a:hover  {background-color: #ffffff; color: #2134B7; text-decoration: none}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; margin-top: 2px; border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 16px; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver;}

td#usermenu a {padding-left: 3px; margin-top: 2px; border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver; border-left: 1px solid silver;}
td#usermenu a:link    {color: #4387E9; text-decoration: none}
td#usermenu a:active {color: #444444; text-decoration: none}
td#usermenu a:visited {color: #4387E9; text-decoration: none}
td#usermenu a:hover  {background-color: #ffffff; color: #2134B7; text-decoration: none}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}

/* Center */
td#centercolumn {font-size: 12px;}

td#centercolumn th {background-color: #8CA5CE; color: #FFFFFF;  vertical-align: middle;}
td.centerCcolumn {padding: 0px 3px 1px 3px;}

td.centerCcolumn legend.blockTitle {padding: 3px; color: #6B86B3; font-weight: bold; margin-top: 0px;}

td.centerCcolumn div.blockContent {padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #6B86B3; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #6B86B3; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div#content {text-align: left; padding: 8px;}

/* Right side */
td#rightcolumn {width: 150px; border: 1px solid #AAAAAA; font-size:10px; background-color: #EEEEEE;}
td#rightcolumn th {background-color: #AAAAAA; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn .blockTitle {padding: 5px 3px; background-color: #0047AB; color: #FFFFFF; font-weight:bold;}
td#rightcolumn .blockContent {padding: 2px 3px; line-height: 130%;background-color: #EEEEEE;margin-bottom:8px; margin: 2px;}
div#footer {font-size:9px; text-align:center; padding-top:3px; padding-left:5px; padding-right:5px; height: 14px; background-color:#8CA5CE; border-top:1px solid white; vertical-align: middle; color:#444444;}
/* COBALT */
div#footer_coba {font-size:9px; text-align:center; padding-left:5px; padding-right:5px; height: 14px; background-color:#CCCCEE; border-bottom:1px solid white; vertical-align: middle; color:#444444;}


.outer {border: 1px solid #EEEEFF;}
.head {background-color: #D5E5F8; padding: 5px; font-weight: bold;}
.even {background-color: #EEF6FF; padding: 5px;}
.odd {background-color: #FFFFFF; padding: 5px;}
.foot {background-color: #D5E5F8; padding: 5px; font-weight: bold;}
tr.even td {background-color: #EEF6FF; padding: 5px;}
tr.odd td {background-color: #FFFFFF; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
#footer {text-align:center;}
#footer td {text-align:center;}

/* akira added for cobaltd.com */
div.title1AK {font-size: medium; border: 1px solid ; border-color: #AAAAFF; padding: 4px; margin:8px 1px 8px 1px; font-weight:bold; background-color: #DDDDFF;}
table.baseAK {border-width: 1px; border-style: solid; border-color: #cccccc; margin: 4px 2px; padding: 5px;}
td.titleAK {padding: 3px; background-color: #EEEEFF; border-width: 1px; border-style: solid; border-color: #CCCCFF; font-weight: bold; color: #444444}
td.contAK {padding: 6px; line-height: 130%;}
.padTBAK {padding: 6px 6px; background-color: #EEEEFF; border-width: 1px; border-style: solid; border-color: #CCCCFF;}
td.smenuAK {font-size: x-small; text-align: center;}

/*
 **********
 ********** for jdMenu
 **********
*/

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}
ul.jd_menu_vertical {
	width: 150px;
}
ul.jd_menu_vertical li {
    margin-left: 0px;
    padding-left: 10px;
    margin-top: 0px;
    border-top: 0px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    width: 135px;
}

ul.jd_menu_vertical li.menuTop{
    margin-left: 0px;
    padding-left: 10px;
    margin-top: 2px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    width: 135px;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
    float: none;
    background-color: #eeeeee;
    color: #2134b7;
    margin-left: 0px;
    padding-left: 10px;
    margin-top: 0px;
    border-top: 0px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    width: 135px;
}

ul.jd_menu_vertical ul li.menuTop {
    float: none;
    background-color: #eeeeee;
    color: #2134b7;
    margin-left: 0px;
    padding-left: 10px;
    margin-top: 0px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    width: 135px;
}


ul.jd_menu_vertical {
	height: auto;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
	color: #0047ab;
	
	cursor: pointer;
	white-space: nowrap;
}
ul.jd_menu li a {
    display: block;
    margin: 0;
    padding: 2px;
    color: #0047ab;
    text-decoration: none;
}

ul.jd_menu li a:link {
    color: #4387E9;
    text-decoration: none;
}
ul.jd_menu li a:visited {
    color: #4387E9;
    text-decoration: none;
}

/* Common items */
ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
    background-color: #ffffff;
    color: #2134b7;
	
    margin-left: 0px;
    padding-left: 10px;
    margin-top: 0px;
    border-top: 0px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    width: 135px;
}
/* Root Top item */
ul.jd_menu li.menuTop.jdm_hover,
ul.jd_menu li.menuTop.jdm_active {
    background-color: #ffffff;
    color: #2134b7;
	
    margin-left: 0px;
    padding-left: 10px;
    margin-top: 2px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    width: 135px;
}
/* Sub Top item */
ul.jd_menu ul li.menuTop.jdm_hover,
ul.jd_menu ul li.menuTop.jdm_active {
    background-color: #ffffff;
    color: #2134b7;
	
    margin-left: 0px;
    padding-left: 10px;
    margin-top: 0px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    width: 135px;
}