html {
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#CCCC66;
scrollbar-face-color:#C8E395;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#cedcec;
scrollbar-track-color:#fffffcc;
}


body{
background:#FFFFFF;
color:#555555;
font:11px Verdana,Arial,Helvetica,sans-serif;margin:6px;
padding:0;
}

td.topnav{
text-align: center;
vertical-align: middle;
background-image: url('images/hbar.gif');
background-repeat:repeat-x;
repeat-x;color:#669900;
white-space:nowrap;
height:25px
}

td.header{
text-align: left;
background: #C8E395;
}

td.banner{
text-align: center;
background: #C8E395;
}

a:link, a:active, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
font-style: normal
}
a:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color: #ff9933;
font-style: normal
}

.outline{
background: #ffffff;
border: solid 1px #cccc66;
}
table {
width: 100%;
margin: 5;
padding: 5;
font-size: small
}
table td {
padding: 0px;
border-width: 0;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


td {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size: 11px;
border-top-width : 1px;
background: #ffffff;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}

td.header {
text-align: center;
vertical-align: middle;
background-color : #C8E395;
}



input {
background-color : #ffffff;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #FF9933;
}
select {
color : #555555;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}
img {
border: 0px none;
}
ul {
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
}
li {
margin-left: 2px;
list-style: disc inside;
}

.odd {
background-color: #ECF5D3;
text-align: left;

}
.outer {
background-color: #000000;
text-align:left;
border: 2px ;
border-color : #cccc66;
}
.even {
background-color: #ECF5D3;

}
th {
background-color: #C8E39f;
color : #000000;
text-align: left;
padding: 5px;
font-size: 11px;
}


.head {
color: #000000;
font-size: 9px;
font-weight : bold;
height: 25px;
background-color: #C8E39f;
vertical-align:text-top;
}
.foot {
background-color: #C8E395;
padding: 3px;
font-size: 11px;
}

.comTitle {
color: #555555;
font-size: 11px;
font-weight : bold;
background: #ffffff;
height: 23px;
text-align: left;
padding-top: 7px;
padding-left: 10px;

}
.comText {
padding: 20px;
text-align: left;

}
.comUserStat {
font-size: 10px;
color: #555555;
font-weight:bold;
border: 1px solid #cccccc;
background-color: #DBEDBA;
margin: 2px; padding: 2px;
}
.comUserStatCaption {
font-weight: normal;
}
.comUserStatus {
margin-left: 2px;
margin-top: 10px;
color: #669933;
font-weight:bold;
font-size: 10px;
}
.comUserRank {
margin: 2px;
}
.comUserRankText {
font-size: 10px;
font-weight:bold;
}
.comUserRankImg {
border: 0px none;
}
.comUserName {}
.comUserImg {
margin: 2px;
}
.comDate {
color: #000000;
font-weight: normal;
font-style: italic;
font-size: smaller;
text-align: right;
}
.comDateCaption {
color: #555555;
font-weight: bold;
font-style: normal;
text-align: right;
}

div.xoopsCode {
background: #DBEDBA;
font-weight : bold
border: 1px solid #d1d7dc;
color:#111111;
font: 12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0px 6px 6px 6px;
}

div.xoopsQuote {
background: #DBEDBA;
border: 1px solid #d1d7dc;
color:#444444;
font: normal 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px 6px 6px 6px;
}


.item {
background: #DBEDBA;

}
.itemHead {
color: #555555;
font-size: 11px;
font-weight : bold;
background-image: url('images/tile_back_small.gif');
height: 20px;
padding-top: 7px;
padding-left: 7px;
border-left: 3px double #CCCC66;
border-right:3px double #CCCC66;
border-top:3px double #CCCC66;
border-bottom:1px solid #CCCC66;
}
.itemInfo {
text-align: right;
padding: 3px;
background-color: #C8E395;
border-left: double 3px #CCCC66;
border-right:double 3px #CCCC66;
}
.itemTitle a {
font-size: 100%;
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
color: #000000;
background-color: transparent;
}
.itemPoster {
color: #999933;
font-size: 90%;
font-style: normal;
}


.itemPostDate {
color: #999933;
font-size: 90%;
font-style: normal;
}
.itemStats {
color: #FF66CC;
font-size: 90%;
font-style: normal;
}
.itemBody {
color: #FF66CC;
padding-left: 5px;
text-align: left;
border-left: double 3px #CCCC66;
border-right: double 3px #CCCC66;
border-top: solid 1px #CCCC66;
border-bottom: solid 1px #CCCC66;
}
.itemText {
color: #333333;
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
}

.itemFoot {
color: #999933;
text-align: right;
padding: 3px;
background-color: #C8E395;
border-left: double 3px #CCCC66;
border-right:double 3px #CCCC66;
border-bottom:double 3px #CCCC66;
}
.itemAdminLink {
font-size: 90%;
}
.itemPermaLink {
font-size: 90%;
}

.blockTitle {
color : #000000;
font-size: 11px;
font-weight: bold;
text-align: center;
background-image: url('images/tile_back_small.gif');
border: 3px solid #ff9933;
height: 28px;
vertical-align: middle
}

.blockTitle2 {
color: #000000;
font-weight: bold;
font-size: 11px;
text-align: center;
background-image: url('images/tile_back_small.gif');
border: 3px solid #ff9933;
height: 28px;
vertical-align: middle
}

.blockTitle3 {
color: #000000;
font-weight: bold;
font-size: 10px;
text-align: center;
background-color: #C8E395;
border: 2px solid #ff9933;
height: 30px;
vertical-align: middle
}

.blockContent {
background-color: #ffffff;
padding: 2px;
border-left: solid 1px #ff9933;
border-right:solid 1px #ff9933;
border-bottom:solid 1px #ff9933;
line-height:133%;
}

/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; }

/* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content
#ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align
the content properly. This is a work around to a known Internet Explorer bug */
BODY { text-decoration: none; font-family: comic sans ms, Tahoma, Arial, sans-serif; font-size: 11px; color: #555555; margin:0px;padding:0px;background-color:#DBEDBA; text-align:left }
TABLE, TR, TD { text-decoration: none; font-family: comic sans ms, Tahoma, Arial, sans-serif; font-size: 11px; color: #555555; }

/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }

a:link, a:visited, a:active { text-decoration: none; color: #555555 }
a:hover { color: #6B8E23; text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
form { display:inline; }
img { vertical-align:middle; border:0px }
img.attach { border:2px outset #ECF5D3;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #555555; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#555555; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#6B8E23}
.hidden_text { color: red; }
li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555555}
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#555555;background-color:#ECF5D3;padding:4px;margin:0px }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid #FFFFFF; }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #FFFFFF;background-color: #C8E395 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ECF5D3; border:1px solid #FFFFFF;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #FFFFFF; background-color: #99CC33;background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu { border:1px solid #FFFFFF; background-color: #C8E395;font-size:10px;margin:3px 0px 3px 0px;color:#669933;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #555555; }
#userlinks { border:1px solid #FFFFFF; background-color: #ECF5D3 }


#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#C8E395; padding:6px }

/* Form stuff (post / profile / etc) */
.pformstrip { text-decoration: none; background-color: #D4EB9D; color:#669933;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { text-decoration: none; background-color: #ECF5D3; padding:6px; margin-top:1px;width:25%; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; }
.pformleftw { text-decoration: none; background-color: #ECF5D3; padding:6px; margin-top:1px;width:40%; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; }
.pformright { text-decoration: none; background-color: #ECF5D3; padding:6px; margin-top:1px;border-top:1px solid #FFFFFF; }

.news { text-decoration: none; background-color: #ECF5D3; padding:6px; margin-top:1px;border-top:1px solid #FFFFFF; }

/* Topic View elements */
.signature { text-decoration:none; font-size: 10px; color: #6B8E23; line-height:150% }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { text-decoration:none; font-size: 12px; font-weight: bold; color: #333333 }
.normalname a:link, .normalname a:visited, .normalname a:active { text-decoration:none; font-size: 12px }
.unreg { text-decoration:none; font-size: 11px; font-weight: bold; color: #333333 }

.post1 { border:1px solid #DDDDDD; background-color: #ECF5D3 }
.post2 { border:1px solid #DDDDDD; background-color: #ECF5D3 }
.postlinksbar { background-color:#D4EB9D;padding:7px;margin-top:1px;font-size:10px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }

/* Common elements */
.row1 { background-color: #ECF5D3 }
.row2 { border:1px solid #DDDDDD; background-color: #ECF5D3 }
.row3 { background-color: #C8E395 }
.row4 { border:1px solid #DDDDDD; background-color: #E9F1C9 }

.darkrow1 { border:1px solid #CCCCCC; background-color: #DBEDBA; color:#555555; }
.darkrow2 { border:1px solid #CCCCCC; background-color: #C8E395; color:#555555; }
.darkrow3 { border:1px solid #CCCCCC; background-color: #D4EB9D; color:#333333; }

.hlight { background-color: #C8E395 }
.dlight { background-color: #D8EAB7 }

.titlemedium { font-weight:bold; color:#669933; padding:7px; margin:0px; background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #555555 }

/* Main table top (dark blue gradient by default) */
.maintitle { vertical-align:middle;font-weight:bold; color:#FFFFFF; padding:8px 0px 8px 5px; background-image: url(style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF }
.maintitle a:hover { text-decoration: none color: #FFFFFF }

/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #FFFFFF; background-color:#ECF5D3 }
.tableborder { border:1px solid #FFFFFF; background-color:#ECF5D3; padding:0; margin:0 }
.tablefill { border:1px solid #FFFFFF; background-color:#E9F1C9;padding:6px; }
.tablepad { background-color:#C8E395;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#888888 }
.edit { font-size: 9px }


.searchlite { font-weight:bold; color:#444444; background-color:#C8E395 }

#QUOTE { font-family: Arial; font-size: 11px; color: #C6621B; background-color: #C8E395; border: 1px solid #CCCCCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Arial; font-size: 11px; color: #C6621B; background-color: #C8E395; border: 1px solid #CCCCCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: comic sans ms, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 10px; font-family: comic sans ms, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: comic sans ms, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #C8E395;border-bottom:1px solid #C8E395 }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

<{if $topic_rssfeed_link != ""}>
<div align='right'><{$topic_rssfeed_link}></div>
<{/if}>

<{if $displaynav == true}>
<div style="text-align: center;">
<form name="form1" action="<{$xoops_url}>/modules/news/index.php" method="get">
<{$topic_select}> <select name="storynum"><{$storynum_options}></select> <input type="submit" value="<{$lang_go}>" class="formButton" /></form>
<hr />
</div>
<{/if}>

<{if $topic_description != ''}>
<div style="text-align: center;"><{$topic_description}></div>
<{/if}>

<div style="margin: 10px;"><{$pagenav}></div>
<table width='100%' border='0'>
<tr>
<{section name=i loop=$columns}>
<td width="<{$columnwidth}>%"><{foreach item=story from=$columns[i]}><{include file="db:news_item.html" story=$story}><{/foreach}></td>
<{/section}>
</tr>
</table>

<div style="text-align: right; margin: 10px;"><{$pagenav}></div>
<{include file='db:system_notification_select.html'}>