body {color: black; background: white; margin: 0; padding: 0; background-image: url(../images/background.png);}

table {width: 100%; font-size: small; text-align: left}
table.toptable , table.maintable , table.footertable {width: 100%; margin-left: auto; margin-right: auto;}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

th {background-color: #FFFFFF; color: #9B0909; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

a {color: #666666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #6699CC;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {font-weight: bold; margin-bottom: 1px;}
ul {list-style: url(../images/bullet.png) outside; vertical-align: middle;}
ol {list-style: decimal outside;}
li {margin-left: 2px; color: #666666}


img {border: 0px;}
img#swap {width: 9px; height: 9px;}

/*-- input fields --*/
input {color: #000000; background-color: #FEFEFE; border-color: #676767; border-style: solid; border-width: 0px;}
input:hover {background-color: #eeeeee;}
textarea {padding: 1px 1px 1px 1px; color: #000000; background-color: #FEFEFE; border-color: #676767; border-style: solid; border-width: 1px;}
select {padding: 1px 1px 1px 1px; color: #000000; background-color: #FEFEFE; border-color: #676767; border-style: solid; border-width: 1px;}

fieldset {padding: 10px;border: 1px solid #aca899;}

div.wrapper {text-align: center;}

input.formButton {}

form {margin-left: 30px;}

/*-- items --*/
.item {border: 0px solid silver;}
.itemHead {padding: 3px; background-color: #FFFFFF; color: #000000;}
.itemHead a {color: #000000;}
.itemHead a:hover {color: #FF9900;}
.itemInfo {text-align: right; padding: 3px; margin-bottom: 5px; border-bottom: 1px solid #6699CC;}
.itemTitle {padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; line-height: 120%; color: #9B0909; background-color: transparent;}
.itemTitle a {padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; color: #9B0909; background-color: transparent;}
.itemTitle a:hover {color: #FF9900}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 80%;}
.itemBody {padding: 3px;}
.itemBody img {padding: 5px;}
.itemTopicImage {float: left;}
.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; margin-top: 5px; margin-bottom: 12px; background-color: #efefef; border: 1px solid #6699CC;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

/*-- comments --*/
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comTitle {font-size: 110%; font-weight: normal; text-decoration: none; margin: 0px 0px 4px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px solid #d0d0e0;}
.comIcons {float: right; position: relative; font-size: 0.85em; top: -25px; right: 5px;}

.comText {padding: 2px;}

.comUserName {font-weight: bold; font-size: 110%;}
.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;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
.comUserdetails {float: left; font-size: 0.85em; border: 1px solid #d0d0e0; background-color: #fff9ef; padding: 3px; text-align: center; margin: 5px 10px 5px 0px;z-index: 0; }

.com_tl {background-image: url(../images/comments/news_tl.png); background-position: top left; background-repeat: no-repeat; position: relative; top: -1px; left: -1px;}
.com_tr {background-image: url(../images/comments/news_tr.png); background-position: top right; background-repeat: no-repeat; position: relative; left: 2px;}
.com_br {background-image: url(../images/comments/news_br.png); background-position: bottom right; background-repeat: no-repeat; position: relative; top: 2px;}
.com_bl {background-image: url(../images/comments/news_bl.png); background-position: bottom left; background-repeat: no-repeat; position: relative; left: -2px; padding: 12px; overflow: hidden;}
.comContainer {background-color: #ffffff; border: 1px solid #D0D0E0; position: relative; margin-bottom: 10px;}
/*z-index: 0;}*/


/*-- header --*/
tr#header img{display: block;}
td#headerlogo {width: 800px; height: 128px; background-color: #333333;}
td#headerbanner {height: 128px; background-color: #C7C7C7; vertical-align: middle; text-align: center;}
td#headerspacer {width: 840px; height: 128px; background-color: #333333;background-image: url(../images/headerspacer.png);}
/*td#headerspacer img{width: 840px; height: 128px}*/
/**td#headerbar {border-top: 1px solid #6699CC;}*/
td#headerbar {border-top: 1px solid #6699CC;}

td#date {color: #272727; width: 20%; text-align: left; vertical-align: middle; padding-left: 5px;font-weight: bold; font-size: 90%;}
td#search {width: 95%; text-align: right; vertical-align: middle; padding-right: 10px;}


/*-- left menu --*/
.leftmenu {width: 182px; padding: 5px;}

td#leftcolumn {font-size: 12px; border: solid 1px #6699CC; padding: 8px; background-color: #FFFFFF;}
td#leftcolumn th {background-color: #FFFFFF; color: #9B0909; vertical-align: middle;}
/*td#leftcolumn div.blockTitle {padding: 3px; border-bottom: solid 4px #FF9900; color: #9B0909; font-weight: bold;}*/
td#leftcolumn div.blockTitle {padding: 3px; border-bottom: solid 4px #6699CC; color: #336699; font-weight: bold;}
td#leftcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#leftcolumn div.blockContent {padding: 2px 0px 2px 8px; line-height: 110%; font-size:15px;}
td#leftcolumn td {font-size:11px;}

/*-- center column --*/
.centerblock {padding: 5px;}

td#centercolumn {padding: 12px; font-size: 12px; border-left: solid 1px #6699CC; border-bottom: solid 1px #6699CC; border-right: solid 1px #6699CC; border-top: solid 1px #6699CC; padding: 8px; background-color: #FFFFFF;}

td#centercolumn th {background-color: #FFFFFF; color: #9B0909; vertical-align: middle;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerCcolumn div.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
td#centerCcolumn div.blockContent {font-size:11px; padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}
td#centerCcolumn td {font-size:11px;}

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


/*-- right menu --*/
.rightmenu {width: 182px; padding: 5px;}

/*td#rightcolumn {font-size:12px; border-left: solid 1px #6699CC; border-bottom: solid 1px #6699CC; border-right: solid 1px #6699CC; border-top: solid 1px #6699CC; padding: 8px; background-color: #FFFFFF;}*/
td#rightcolumn {font-size: 12px; border: solid 1px #6699CC; padding: 8px; background-color: #FFFFFF;}
td#rightcolumn th {background-color: #FFFFFF; color: #9B0909; vertical-align: middle;}
/*td#rightcolumn div.blockTitle {padding: 3px; background-color: #E5E5E5; color: #336699; font-weight: bold;}*/
td#rightcolumn div.blockTitle {padding: 3px; border-bottom: solid 4px #6699CC; color: #336699; font-weight: bold;}
td#rightcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;font-size:11px;}
td#rightcolumn td {font-size:11px;}
tr#footerbar {text-align:center; font-size: x-small; margin-top: 3px;}


/*-- menus --*/
td#mainmenu a {font-size:11px; background-color: transparent; display: block; margin: 0; padding: 4px; border-bottom: 1px solid #cdcdcd;}
/*td#mainmenu a:hover {background-color: #CCCCFF; border-right: solid 8px #6699CC;}*/
td#mainmenu a:hover {background-color: #D6E3F0; border-right: solid 8px #6699CC;}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {border-bottom: 1px solid #cdcdcd;}
td#mainmenu a.menuSub {padding-left: 15px; border-bottom: 1px solid #cdcdcd;}

td#usermenu a {font-size:11px; background-color: transparent; display: block; margin: 0; padding: 2px 2px 2px 15px; border-bottom: 1px solid #cdcdcd; background-image: url(../images/bullet.png); background-repeat: no-repeat;}
td#usermenu a:hover {background-color: #ffeedd; border-right: solid 4px #ffb66f;}
td#usermenu a.menuTop {}
td#usermenu a.menuMain {border-bottom: 1px solid #cdcdcd;}
td#usermenu a.highlight {color: #dd0000; background-color: #ffeedd;}


div#generalmenu a {background-color: transparent; display: block; margin: 0; padding: 4px; border-bottom: 1px solid #cdcdcd;}
div#generalmenu a:hover {background-color: #ffeedd;}
div#generalmenu a.menuTop {}
div#generalmenu a.menuMain {border-bottom: 1px solid #cdcdcd;}
div#generalmenu a.menuSub {padding-left: 15px; border-bottom: 1px solid #cdcdcd;}

div#miscmenu a {background-color: transparent; display: block; margin: 0; padding: 4px; border-bottom: 1px solid #cdcdcd;}
div#miscmenu a:hover {background-color: #ffeedd;}
div#miscmenu a.menuTop {}
div#miscmenu a.menuMain {border-bottom: 1px solid #cdcdcd;}
div#miscmenu a.menuSub {padding-left: 15px; border-bottom: 1px solid #cdcdcd;}

div#wikimenu a {background-color: transparent; display: block; margin: 0; padding: 4px; border-bottom: 1px solid #cdcdcd;}
div#wikimenu a:hover {background-color: #ffeedd;}
div#wikimenu a.menuTop {}
div#wikimenu a.menuMain {border-bottom: 1px solid #cdcdcd;}
div#wikimenu a.menuSub {padding-left: 15px; border-bottom: 1px solid #cdcdcd;}


/*-- table colors --*/
.outer {border: 1px solid #639ACE;}
.head {background-color: #e7e7e7; padding: 3px; font-weight: normal;}
.even {background-color: #e7e7e7; padding: 3px;}
.odd {background-color: #f7f7f7; padding: 3px;}
.foot {background-color: #e7e7e7; padding: 3px; font-weight: bold;text-align: center;}
tr.head td {background-color: #e7e7e7; padding: 3px; font-weight: bold;}
tr.even td {background-color: #efefef; padding: 3px;}
tr.odd td {background-color: #f7f7f7; padding: 3px;}
tr.foot td {background-color: #f7f7f7; padding: 3px; font-weight: bold;}


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; height: 200px; overflow: auto;}

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

/* Nav bar start...*/
#navbar {background: #ffffff; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; cursor: default;}

.NavMenu {font-family: Verdana,Tahoma,Georgia,sans-serif;font-size: 11px;/*-moz-user-select: none;*/}

.NavMenu .button,
.NavMenu .button:hover,
.NavMenu .button-active,
.NavMenu .button-active:hover {line-height: normal;padding: 3px 6px 3px 6px; border: 1px solid ;border-color: #ffffff #ACA899 #ACA899 #ffffff;color: #676767;text-decoration: none;font-family: Tahoma,Georgia,sans-serif;font-size: 11px;font-weight: bold;cursor: default;white-space: nowrap;display: block;position: relative;}

.NavMenu .button:hover {border-color: #ffffff #ACA899 #ACA899 #ffffff; color: #272727;}

.NavMenu .button-active,
.NavMenu .button-active:hover {border-color: #ACA899 #ffffff #ffffff #ACA899; color: #272727;}

.NavMenu .item,
.NavMenu .item:hover,
.NavMenu .item-active,
.NavMenu .item-active:hover {background-color: #ffffff; font-family: Tahoma,Georgia,sans-serif;font-size: 11px;line-height: normal;padding: 3px 16px 4px 10px;color: #676767;border: 0px solid transparent;text-decoration: none;font-weight: bold;cursor: default;white-space: nowrap;display: block;position: relative;}

.NavMenu .item:hover,
.NavMenu .item-active,
.NavMenu .item-active:hover {background-color: #efefef;color: #272727;border: 0px solid #316AC5;}

.NavMenu .section {background-color: #ffffff;border: 1px solid #b8b4ae;position: absolute;visibility: hidden;z-index: -1;}

.NavMenu .arrow {position: absolute;top: 7px;right: 8px;border: 0;}

.NavMenu hr{height: 1px; width: 100% ;border: 0px none; color: #24237f; background-color: #24237f;}

* html .NavMenu td { position: relative;} /* ie 5.0 fix */
/* ...Nav bar end */

.bcenterbg {font-size: 12px; font-weight: bold; height: 37px; letter-spacing: 1px; line-height:37px; vertical-align: bottom;}
.bcenterleft {height: 37px; width: 11px;}
.bcenterright {height: 37px; width: 175px;}
.bcenter {border-left: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid;}
.bcentercontent {text-align: left; padding: 8px;}

/*-- menu shadows --*/
.shadow-right {width: 4px; height: auto; background-image: url(../images/shadow_right.png);}
.shadow-bottom {width: auto; height: 4px; background-image: url(../images/shadow_bottom.png);}

/*-- howto (terminal) --*/
.term {width: 75%; background-color: #f8ead5; font-family: "Courier New",Courier,monospace; padding: 1px 2px; border: 1px solid #6699CC;}

/*-- footer --*/
#footerbar {border-top: solid 1px #6699CC; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; padding: 3px; vertical-align: middle;}