body {color: black; background: white; margin: 0; padding: 0;}

table {width: 100%; font-size: 14px; line-height: 150%;}
table td, table th {padding: 0; border-width: 0; vertical-align: top; font-family: Arial, Verdana, Helvetica, sans-serif;}

#centercolumn a:link { color: black; text-decoration: none; border-bottom: 1px #5C940B solid; } 
#centercolumn a:visited { color: black; text-decoration: none; border-bottom: 1px #5C940B solid; } 
#centercolumn a:hover { color: black; text-decoration: none; background-color: #e2ecc9; } 
#centercolumn a:active {color: black; text-decoration: none; background-color: #e2ecc9; } 

h1 {display: none;}
h2 { color: #000066; background: #DEE8F2 url(title_bg.gif) repeat-x bottom; font-size: 18px; line-height:26px; padding:5px 10px; margin:10px 0px; border-top:solid 1px #4E81B8;}
#h2 { color: #000066; font-size: 18px; border:none;}
#h2 a:link { color: #000066; font-size: 18px; border:none;}
#h2 a:visited { color: #000066; font-size: 18px; border:none;}
#h2 a:hover { color: #000066; font-size: 18px; border:none;}
#h2 a:active { color: #000066; font-size: 18px; border:none;}
h3 { background-color:#d5e7f0; padding: 2px 0px 0px 5px; font-weight:bold; border-right:solid 1px #AFCBD2; border-bottom:solid 1px #AFCBD2; border-left:solid 5px #66A6C9; font-size:14px; }
h4 {padding-left:4px; font-weight:bold; border-left:double 6px #66A6C9; font-size:14px; }
h5 {}
ul {}
li {}
fieldset {border:none;}
div.pico_block_menu { padding: 0 0 1px 0; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%; border-top: 2px solid #4385BF; border-bottom: 5px solid #92B5DD;}
div.pico_block_menu dl{font-size:12px; background-color:#E8F1F6; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #92B6DD; margin: 0; padding:3px 0;}
div.pico_block_menu dt{padding:0 5px; font-size:12px;}
div.pico_block_menu dd{margin-top:-1.5em; padding-left:6.5em;}
div.whatsnew { padding: 0 0 1px 0; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%; border-top: 2px solid #7C7C7C; border-bottom: 5px solid #BCBCBC;}
div.whatsnew dl{font-size:12px; background-color:#ECECEC; border-top:solid 1px #FFFFFF; border-bottom:solid 1px #BCBCBC; margin: 0; padding:3px 0;}
div.whatsnew dt{padding:0 5px; font-size:12px;}
div.whatsnew dd{margin-top:-1.5em; padding-left:6.5em;}

input.formButton {}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color:#C1D68D; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color:#C1D68D; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}
td#headerlogo{ border-top:3px solid #5C940B; width:594px;}
td#headerbanner { background: #C1D68D url(hloop.jpg) repeat-x; border-top:3px solid #5C940B; text-align: right;}
td#headerbar {border-top: 1px solid #dddddd; background-image: url(hbar.jpg);}
td#topmenuloop {background-image: url(top_menu_loop.jpg);}

td#leftcolumn {width: 158px; background: #F9F3EC url(sbar.gif) repeat-x top; vertical-align: top; padding:4px 6px;}
td#leftcolumn table{width: 158px; border-collapse:collapse;}
td#leftcolumn th { height:59px; background: #5C940B url(listmenu_title.jpg) no-repeat top; vertical-align: middle;  margin:0; padding:0;}
td#leftcolumn th div.blockTitle { color: #FFFFFF; font-weight: bold; font-size: 14px; text-align:left; padding:0px 10px; margin-top:5px;}
td#leftcolumn div.blockContent {background: #FFFFFF url(listmenu_bg.gif) repeat-y;}


td#centercolumn {font-size: 14px; background: #FFFFFF url(mbar.gif) repeat-x top; padding-top:4px;}

td#centercolumn th {background-color:#DDDDDD; vertical-align: middle;}
td#centerCcolumn {padding: 0px;}
td#centerCcolumn legend.blockTitle 
	{
	}

#bT { 
 width:100%;
 margin:0;
 padding:0;
 text-align:left;
}

#T {
 width:60%;
 float:left;
 font-size: 14px;
 line-height: 100%;
 padding-top:4px;
 padding-left:5px;
 height:17px;
 background: #92B5DE url(bT_o_bg.gif) no-repeat right bottom;
 color: #003366;
 font-weight:bold;
}

#R {
 width:60%;
 float:left;
 font-size: 14px;
 line-height: 100%;
 padding-top:4px;
 padding-left:5px;
 height:17px;
 background: #B8B8B8 url(bT_r_bg.gif) no-repeat right bottom;
 color: #333333;
 font-weight:bold;
}

#I {
 width:29%;
 float:right;
 text-align:right;
 font-size: 12px;
 padding-right:15px;
 height:21px;
 background: #FFFFFF url(linkicon_r.gif) no-repeat right ;
}
.C{ 
clear:both;
}


td#centerCcolumn div.blockContent {}
td#centerCcolumn fieldset {}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; 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: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div#content {text-align: left; padding: 8px;}
#content table td {border-width: 1px; padding: 2px;}

td#rightcolumn {width: 170px; font-size:12px; background: #F9F3EC url(sbar.gif) repeat-x top; padding-top:4px;}
td#rightcolumn th {background-color:#C1D68D; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}
td#rightcolumn div.blockContent {}

tr#footerbar {text-align:right; background-image: url(fbar.gif); font-size:12px; line-height:26px; height:26px; color:#666666;}
#footerbar a {color:#666666; }

td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
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; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

td#usermenu {
margin:0px;
padding:0px;
width:158px;
}
td#usermenu a {background-color: #e6e6e6; font-size:12px; margin: 0px 3px; padding:1px 10px; display: block; clear:both; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}



.outer {border:1px solid #CCCCCC; background-color:#FFFFFF;}
.head {background:#d7e6c7; padding:4px; font-weight:bold;}
.even {background:#f5f5f5; padding:4px;}
.odd {background:#f5f5f5; padding:4px;}
.foot {background:#EEEEEE; padding:4px; font-weight:bold;}
tr.even td {background:#f5f5f5; padding:4px;}
tr.odd td {background:#f5f5f5; padding:4px;}

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;}

#content  table.deftable{margin:0; padding:0;  width:100%; border-collapse:collapse; border:1px solid #666666;}
#content .deftable th {margin:0; padding:2px 5px; text-align:center; border:1px solid #666666; background-color:#DDDDDD;}
#content .deftable td{margin:0; padding:2px 5px; border:1px solid #666666;}

#content  table.deftable2{margin:0; padding:0;  width:100%; border-collapse:collapse; border:1px solid #666666; }
#content .deftable2 th {margin:0; padding:2px 5px 2px 1em; width:100px; text-align:center; letter-spacing: 0.5em; border:1px solid #666666; background-color:#DDDDDD;}
#content .deftable2 td{margin:0; padding:2px 5px; border:1px solid #666666;}


.clear{
clear:both;
}

#search{position: relative; top:10px; right:10px; height:25px;}
#language{position: relative; top:24px; right:10px; height:20px;}
.ie #language{position: relative; top:8px; right:10px; height:20px;}
.ie7 #language{position: relative; top:24px; right:10px; height:20px;}
.ie8 #language{position: relative; top:24px; right:10px; height:20px;}
#centercolumn #theme_breadcrumbs {font-size:12px; color:#333333; margin:4px 15px; text-decoration: none;}
#centercolumn #theme_breadcrumbs a { color:#333333; }

#content #theme_breadcrumbs {font-size:12px; color:#333333; margin:4px 7px; text-decoration: none;}
#content #theme_breadcrumbs a { color:#333333; }

div.page_top {clear: right; text-align:right; color:#333333; font-size:12px;}
#content div.page_top a {color:#333333; font-size:12px;}

div.box {
	width:150px;
	padding:2px;
	margin:1px;
	text-align: center;
	float: left;
	background-color: white;
}

/* treemenu2 */

div#treemenu2 {
margin:0px;
padding:0px;
width:158px;
}
#treemenu2 a {
color:#333333;
font-size:12px;
text-decoration:none;
border-top: 1px #FFFFFF solid;
border-right: 1px #FFFFFF solid;
border-bottom: 1px #5C940B solid;
border-left: 1px #FFFFFF solid;
margin: 0px 3px;
padding:1px 10px;
display:block;
clear:both;
}
#treemenu2 a.menu0 {display: none; }
#treemenu2 a.menu1 {font-weight:bold; background: url(listmenu_cat.gif) no-repeat; background-color: #C1D68D;}
#treemenu2 a.menu2 {font-weight:normal; background: url(listmenu_con.gif) no-repeat; background-color: #EBEBEB;}
#treemenu2 a.menu3 {padding-left: 19px; padding-right: 20px; font-weight:normal; background: url(listmenu_con2.gif) no-repeat; background-color: white;}
#treemenu2 a.menu4 {padding-left: 19px;}
#treemenu2 a.hereblock { }

#treemenu2 a.here  {background: url(listmenu_here.gif) no-repeat; background-color: #99bc43;}
#treemenu2 a:hover {background: url(listmenu_hover.gif) no-repeat; background-color: #e2ecc9;}


/* others */
p.pdf_box{border:solid 1px #CCC; padding:5px; margin:auto 75px; background-color: #EEE; text-align:center; font-size: 12px; color:#333;}
#content .pdf_box a { color:#333;}
.info_box{padding:10px; margin:auto 40px; background-color: #F5F5F5; font-size: 14px;}

#content a.button:link, #content a.button:visited {
	display: block;
	width: 250px;
	color: #295C21;
	background-color: #C1D68D;
	border: outset 2px #99bc43;
	margin: 0px;
	padding: 5px 1px 2px 0px;
	font-weight: bold;
	font: bold 14px/14px Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}
#content a.button:hover, #content a.button:active {
	color: #5C940B;
	background-color: #e2ecc9;
	border: inset 2px #e2ecc9;
	margin: 0px;
	padding: 5px 0px 2px 1px;
	text-decoration:none;
}

#content a.button1:link, #content a.button1:visited {
	display: block;
	width: 60px;
	color: #295C21;
	background-color: #C1D68D;
	border: outset 2px #99bc43;
	margin: 0px;
	padding: 5px 1px 2px 0px;
	font-weight: bold;
	font: bold 14px/14px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.5em;
	text-align: center;
	text-decoration: none;
}
#content a.button1:hover, #content a.button1:active {
	color: #5C940B;
	background-color: #e2ecc9;
	border: inset 2px #e2ecc9;
	margin: 0px;
	padding: 5px 0px 2px 1px;
	text-decoration:none;
}
.win.gecko #content a.button1 {
	display: block;
	width: 60px;
	color: #295C21;
	background-color: #C1D68D;
	border: outset 2px #99bc43;
	margin: 0px;
	padding: 5px 0px 5px 4px;
	font-weight: bold;
	font: bold 14px/14px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0.5em;
	text-align: center;
	text-decoration: none;
}
.win.gecko #content a.button1:hover {
	color: #5C940B;
	background-color: #e2ecc9;
	border: inset 2px #e2ecc9;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	text-decoration:none;
}
.new1{ 
background: url(new1.gif) no-repeat;
padding:0 13px 0 0; 
}
.new2{ 
background: url(new2.gif) no-repeat;
padding:0 13px 0 0; 
}