/* buttonIcons="0" */
/* Canvas */
html {
	margin: 0 0 1px;
	height: 100%;
	padding: 0;
}
body {
	margin: 0;
	background-color: white;
	padding: 10px;
}

div.ccl p {
  line-height: 140%;
  letter-spacing: 0.04em;
}

/* Base font */
body, table {
	font-size: 13px;
	font-family: verdana, sans-serif;
/*
font: 15px/1.4em Verdana, Helvetica, Arial, sans-serif;
*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90.6%;
}

/* Link */
a {
	color: blue;
	text-decoration: none;
}
a:visited {
	color: blue;
}
a:hover {
	color: red;
}
a img {
	border: none;
}

/* Generic frame */
div.frm {
	margin-top: 10px;
	border: 1px solid silver;
}


/* 2009-12-09 added */
.frm_row {
  padding: 0 0 2px 0;
}
.frm_row label { 
  display: block;
  float: left;
  padding: 1px 0;
  min-width: 260px;
}
.butt input {
  margin: 4px 0;
}
.row_block {
  display: block;
  padding: 2px 0 2px 260px;
}

.row_mid label { 
  min-width: 180px;
}
.row_block_mid {
  padding: 2px 0 2px 180px;
}
.row_shr label { 
  min-width: 100px;
}
.row_block_shr {
  padding: 2px 0 2px 100px;
}

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.xxclearfix { display: block; }
/* END 2009-12-09 added */


/* Generic header cell */
div.hcl {
/*
	height: 18px;
	background-image: url(/webbbs/icons/cellpic3.gif);
*/
	min-height: 18px;
	background-color: #cbd3d9;
  background-image: url(/webbbs/icons/paginationtop.gif);
	padding: 2px 4px;
	overflow: hidden;
}

/* Generic content cell - background-color: #F6F6F6; - Original*/
div.ccl {
	border-top: 1px solid silver;
	background-color: white;
	padding: 4px;
}
div.ccl:first-child {
	border-top: none;
}
div.ccl p:first-child {
	margin-top: 0;
}

/* Generic button cell */
div.bcl {
	border-top: 1px solid silver;
	background-color: #EEEEEE;
	padding: 2px 4px 2px 1px;
}

/* Button link */
div.bcl a, a.btl {
	margin: 1px;
	padding: 0 4px;
}
div.bcl a:hover, a.btl:hover {
	margin: 0;
	border: 1px solid silver;
	background-color: #fafafa;
}
td.shr a.btl {
	padding: 0 2px;
}



/* Table frame */
table.tbl, table.frm {
	margin-top: 10px;
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

/* Table header row */
table.tbl tr.hrw, table.frm tr.hrw {
	background-color: #cbd3d9;
	background-image: url(/webbbs/icons/cellpic3.gif);
  background-image: url(/webbbs/icons/paginationtop.gif);
	font-weight: bold;
}

/* Table header cell */
table.tbl th, table.frm th {
/*
	border: 1px solid silver;
*/
	padding: 3px 4px;
	text-align: left;
	white-space: nowrap;
}

/* Table header column cell */
table.tbl td.hco, table.frm td.hco {
	width: 20%;
	font-weight: bold;
}

/* Table content row */
table.tbl tr.crw, table.frm tr.crw {
	background-color: #F6F6F6;
}	

/* Table content cell */
table.tbl td {
/*
	border: 1px solid silver;
*/
	border-top: 1px solid silver;
	padding: 2px 4px;
}

table.frm td {
	padding: 2px 4px;
}

/* Table short cell */
table.tbl .shr, table.frm .shr {
	width: 15%;
/*
	white-space: nowrap;
*/
  overflow: hidden;
}

/* Table icon cell */
table.tbl .icl, table.frm .icl {
	width: 18px;
	text-align: center;
}

/* Top bar frame */
div.tpb {
	margin-top: 0;
}

/* Error header cell */
div.err div.hcl {
	background-color: #ff8888;
	background-image: url(bg_hclerr.png);
}

/* Error message paragraph */
div.err div.ccl p {
	margin: 5px 0 0 0;
	color: red;
}
div.err div.ccl p:first-child {
	margin: 0;
}

/* Form */
form {
	margin: 0;
	padding: 0;
}
input, button, textarea, select {
	font-size: inherit;
	font-family: inherit;
}
textarea {
	width: 99%;
}

/* Poll result */
td.plv, td.plp {
	padding-left: 15px;
	text-align: right;
}

/* Poll result bar */
img.plb {
	margin-left: 10px;
	height: 10px;
	background-color: red;
}

/* Post header of unread posts */
div.pst.unr div.hcl {
	background-color: #c0ffc0;
	background-image: url(bg_pstunr.png);
}

/* Post header of new posts */
div.pst.new div.hcl {
	background-color: #e8e8a0;
	background-image: url(bg_pstnew.png);
}

/* Post header of target posts */
div.pst.tgt div.hcl {
	background-color: #cdcbe0;
	background-image: url(bg_psttgt.png);
}

/* Quote */
blockquote {
	margin: 0;
	color: gray; font-size: 80%; border: ;font-style: italic;margin:6px;margin-bottom:10px;margin-top:10px;border-left: 5px solid #ccc; width: 600px;background: #f9f9f9;padding: 8px;letter-spacing: 1px;line-height: 140%;

}
blockquote p {
	margin: 0;
}

/* User rank and post rating icons */
img.rnk, img.prt {
	margin-top: 1px;
	vertical-align: text-top;
}

/* Avatar image */
img.ava {
	width: 50px;
	height: 50px;
}
div.pst img.ava {
	margin-left: 5px;
	float: right;
}
form.agl img.ava {
	margin: 2px;
	vertical-align: middle;
}

/* Make post cell enclose avatar */
div.pst div.ccl:after {
	content: "."; 
	display: block; 
	visibility: hidden;
	height: 0; 
	clear: both; 
}

/* Make post cell enclose avatar in IE 5-6 */
* html div.pst div.ccl {
	height: 1px;
}

/* Make post cell enclose avatar in IE 7 */
div.pst div.ccl {
	display: inline-block;
}
div.pst div.ccl {
	display: block;
}

/* Signature */
div.sig, span.sig {
	font-size: 85%;
}

/* Board/topic/post/nav icon */
img.ico {
	margin: 2px 0;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
}
table.tbl img.ico {
	margin: 1px 0 0 0;
}

/* Smiley icon */
img.sml {
	margin-top: 1px;
	vertical-align: text-top;
	width: 14px;
	height: 14px;
}

/* Flag */
img.flg {
	margin: 3px 0;
	vertical-align: text-top;
	width: 16px;
	height: 11px;
}

/* Header title */
span.htt {
	font-weight: bold;
}

span.httb {
	font-weight: bold;font-size: 120%;
}

/* Sticky topic title */
span.stk {
	font-weight: bold;
}

/* Execution message */
span.tbm {
	font-weight: bold;
	color: green;
}

/* Highlighted keyword, report/message link */
em {
	font-weight: bold;
	font-style: normal;
	color: red;
}

/* Monospace font */
tt {
	font-size: 90%;
}

/* Float right */
.flr {
	float: right;
}

/* Help */
div.hlp h3 {
	margin: 10px 0 0 0;
	font-size: 100%;
	font-weight: bold;
}
div.hlp p {
	margin: 5px 0 0 0;
}

/* Forum info copyright, mini banner */
div.icr, div.bni {
	margin-top: 10px;
	text-align: center;
}
div.icr {
	border: 1px solid silver;
}
div.bni img {
	margin: 5px;
}

/* Board jump form */
form.bjp {
	margin-top: 10px;
	float: right;
}

/* Copyright, page timer message */
p.cpr, p.pct {
	text-align: center;
	font-size: 85%;
	color: silver;
}

/* Forum config */
form.cfg h3 {
	margin: 20px 0 10px 0;
	border-top: 1px solid silver;
	padding-top: 10px;
	font-size: 100%;
	font-weight: bold;
}
form.cfg h3:first-child {
	margin-top: 0;
	border-top: none;
}
form.cfg h4 {
	margin: 10px 0 0 10px;
	font-size: 100%;
	font-weight: bold;
}
form.cfg p {
	margin: 5px 0 0 20px;
	width: 90%;
}
form.cfg samp {
	color: green;
	font-family: verdana, sans-serif;
	font-weight: normal;
}
form.cfg dfn {
	color: gray;
	font-style: normal;
	font-weight: normal;
}
form.cfg input.ctx {
	width: 50%;
}
form.cfg textarea {
	width: 90%;
}
form.cfg div.afo {
	background-color: #e8e8e8;
}

/* Tag button */
button.tbt {
	margin: 0 3px 3px 0;
	width: 40px;
	border: 1px solid gray;
	background-color: #F6F6F6;
}
button.tbt:hover {
	background-color: white;
}

button.fbt {
	margin: 0 2px 0 0;
	min-width: 45px;
width: auto;
/*
	border: 1px solid gray;
	background-color: #F6F6F6;
*/
  font-size: 12px;
  padding: 0 2px;
}

/* Invisible table */
table.tiv {
	border-collapse: collapse;
	border: none;
}
table.tiv tr {
	border: none;
}
table.tiv td {
	border: none;
	padding: 0 5px 0 0;
	vertical-align: top;
}
table.tiv .shr {
	width: 15%;
	white-space: nowrap;
}

/* Topic tag */
img.ttg {
	vertical-align: text-top;
}

/* Image gallery */
table.igl td {
	text-align: center;
	vertical-align: bottom;
	font-size: 85%;
}

/* Attachment thumbnail */
img.amt {
	border: 1px solid blue;
}

/* Embedded external images */
img.emi {
	max-width: 100%;
}

/* Board description */
div.bds {
	font-size: 85%;
}


/* additional stuff */

div.nbl {
	margin: 1px;
	padding: 0 4px;
}

div.hcl a {
	margin: 1px;
	padding: 0 4px;
  white-space: nowrap;
}
div.hcl {
/*
 line-height: 150%;
*/
}
div.hcl a:hover {
	margin: 0;
	border: 1px solid silver;
	background-color: #fafafa;
/*
  padding-bottom: 2px;
*/
}

/* Nav button, page link float */
span.nav, span.pln {
	float: right;
}

/* Page button link */
span.pln a {
	margin: 0;
	padding: 0;
}
span.pln a:hover {
	background-color: inherit;
	border: none;
	margin: 0;
}

table.tpb {
	margin-top: 0;
}

/* tarty stuff */

#glob_header h2 {
  padding: 0;
  margin: 0;
}

.center {
    text-align: center;
}

div.ind_respcnt {
}
span.strong {
}

img.teaser_ima {
}
div.teaser{
}
div.clear {
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
}

div.msg_respons {
}
div.msg_respons h2 {
}
div.msg_gbook{
}


/* all the attributes for getting a consistent look over different browsers */
.stats_linebox {
    background: white;
    border: 1px solid #104a7b;
    padding: 1px 0;
    overflow: hidden;
}

.stats_line,
.stats_line,
.stats_line {
    color: #f00;
    background-color: #f00;
    border: 1px solid #910707;
    height: 8px;
    font-size: 1px;
}

.stats_line {
    margin: 0 1px;
}

div.box {
    border: 1px solid silver;
padding: 0 1px;
cursor: pointer;
}

table.tbl tr.frw, table.frm tr.frw {
	background-color: #EEEEEE;
/*
	font-weight: bold;
*/
}
table.frm tr.frw td {
  border-top: 1px solid silver;
}

table.tbl tr.frw input, 
table.frm tr.frw input,
table.frm tr.frw button {
  margin: 4px 0;
}

table.stats td {
    vertical-align: bottom;
    text-align: center; 
    font-size: 9px;
    padding: 0;
    border-width: 0;
}
table.stats td.row1 {
    color: black; 
}
table.stats td.row2 {
    color: gray; 
}

/* Error header cell */
div.err {
	background-color: #FFAEB9;
	background-image: url(/webbbs/icons/cellpic1_r.gif);
}

div.spc {
	margin: 10px 40px 10px 0;
    border-top: 1px solid silver;
}
span.ind_new {
    color: #cc0000;
    font-style: italic;
    font-weight: bold;
}

span.ind_yourhere {
border: 1px solid gray;
    display: block;
    border-width: 1px 1px 1px 2px;

/*
    border-left-color: #cc0000;  
*/
    padding-left: 2px;
    margin-left: -4px;
}

span.ind_yourhere {
    background-color: #fcffcd;
    color: black;
/*
    font-weight: bold;
*/
}

span.ind_yourhere {
/*
    background-image: url(/webbbs/icons/page_white_add.png);
*/
    background-image: url(/webbbs/icons/dnrgt.png);
    background-repeat: no-repeat;
/*
    background-position: 4px 3px;
    padding-left: 28px;
*/
    background-position: -2px 1px;
    padding-left: 14px;
    margin-top: 2px;
  margin-left: -16px;
}


table.tbl tr.ind_yourhere {
    background-image: url(/webbbs/icons/cellpic1_pnk.gif);
}

.small { 
    font-size: .88em; 
}
.nrml {
    font-weight:normal;
}

img.prof {
	max-width: 100%;
	vertical-align: text-top;
}
div.teaser {
    margin: 4px 40px 4px 0;
    color: #555;
max-width: 600px;
    overflow: auto;
}
img.teaser_ima {
    float: left;
    padding: 2px;
    margin: 0 12px 2px 0;
    border: 0;
    width: 80px;
    border: 1px solid silver;
}

span.vwall a {
/*
	margin: 1px;
	padding: 0 4px;
*/
  margin-left: 8px;
}
span.vwall a:hover {
/*
	margin: 0;
	border: 1px solid silver;
	background-color: #fafafa;
  margin-left: 8px;
*/
}

/* MSIE 5/6 don't support insertion of */ 
/* [] around link with :before and :after */

span.vwall a:before {
/*
    content: '[';
*/
}
span.vwall a:after {
/*
    content: ']';
*/
}
input.helpline {
    width: 100%; 
    font: normal 13px 'courier new', monospace;
    background-color: transparent;
    color: black;
    border-style: none;
}

p.bmk {
	text-align: center;
	font-size: 85%;
	color: silver;
}
table.tbl tr.row2 {
	background-color: #EDF3FE;
}

div.row2 div.ccl {
	background-color: #EDF3FE;
}
div.row2 div.bcl {
	background-color: #E7ECEE;
}
div.row2 div.hcl {
	background-color: #E7ECEE;
	background-image: url(/webbbs/icons/row2.gif);
}

/* thread listing */
div.ccl dl {
    margin-left: 0;
}
div.ccl dd {
    padding: 2px 0;
}
div.ccl li.thread,
div.ccl dd.thread {
    padding-left: 28px;
  overflow: auto;
    padding-left: 20px;
}

div.ccl li.resp,
div.ccl dd.resp {
    padding-left: 28px;
  overflow: auto;
    padding-left: 20px;

}
div.ccl li.thread li.resp,
div.ccl li.resp li.resp,
div.ccl dd.thread dd.resp,
div.ccl dd.resp dd.resp {
    margin-left: 0;  
}

pre {
    overflow: auto;
}
pre br {
    display: none;
}

/* Button icon */
img.bic {
	vertical-align: text-top;
	width: 16px;
	height: 16px;
}

span.t_right {
    text-align:right;
}

div#tblsml {
    margin-top: 25px;
}

span.ind_views { 
    font-size: 80%;
margin-left: 4px;
}
div.ccl img,
div.msg_image img {
  max-width: 100%;
}
span.edt {
  color: #999;
  font-size: 90%;
}

/* Quoted text to be copied & pasted */

pre.quote {
  width: 98%;
  max-height: 200px;
  overflow: auto;
  border: 1px solid #7F9DB9;
  background: #EBEBE4;
  padding: 2px 4px;
  white-space: pre;
  margin:2px 0 2px 2px;
  font-size: 1.2em;
}

/* quick search form @ Index */

.qsf {
    font-size: 90%;
    margin: 2px 4px;
}
.qsf input[type='text']{
    color: #808080;
    font-style: italic;
}

/* 
begin css tabs 
http://unraveled.com/publications/assets/css_tabs/index.html 
*/
ul#tabnav {                       /* general settings */
    text-align: left;             /* left, right or center */
    margin: 1em 0 1em 0;          /* margins */
    font: normal 13px verdana, arial, sans-serif;  /* font */
    border-bottom: 1px solid silver;  /* border COLOR */
    list-style-type: none;
    padding: 3px 10px;            /* THIRD number must change with respect to padding-top (X) below */

  padding: 3px 0;
  margin: 4px 0 0 0;
}

ul#tabnav li {                    /* do not change */
    display: inline;
}

div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4 {  /* selected tab */
/*
    border-bottom: 1px solid #fff; 
    background-color: #fff;  
*/
}

div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a, div#tab5 li.tab5 a,
div#tab6 li.tab6 a, div#tab7 li.tab7 a, div#tab8 li.tab8 a, div#tab9 li.tab9 a, div#tab10 li.tab10 a,
div#tab11 li.tab11 a, div#tab12 li.tab12 a, div#tab13 li.tab13 a, div#tab14 li.tab14 a, div#tab15 li.tab15 a, 
div#tab16 li.tab16 a, div#tab17 li.tab17 a, div#tab18 li.tab18 a, div#tab19 li.tab19 a, div#tab20 li.tab20 a, 
div#tab21 li.tab21 a, div#tab22 li.tab22 a, div#tab23 li.tab23 a, div#tab24 li.tab24 a, div#tab25 li.tab25 a {
                                  /* selected tab link */
    background-color: #f6f6f6;    /* selected tab background color */
    color: #000;                  /* selected tab link color */
    position: relative;
    top: 1px;
    padding-top: 4px;             /* must change with respect to padding (X) above and below */
}

/*
<div id='tab2'>
<ul id='tabnav'>
<li class='tab1'><a href='/cgi-bin/test.pl'>All</a></li>
<li class='tab2'><a href='/cgi-bin/test.pl?noframes;&filter=typeid&typeid=0'>Business:</a></li>
</ul>
</div>
*/

ul#tabnav li a {                  /* all tab links */
    padding: 3px 4px;             /* padding (tab size); FIRST# must change with respect to padding-top (X) above */
    border: 1px solid silver;     /* border COLOR; usually matches border color specified in #tabnav */
    background-color: Gainsboro;  /* unselected tab background color */
    color: #000;                  /* unselected tab link color */
    margin-right: 0px;            /* optional spacing between tabs */
    text-decoration: none;
    border-bottom: none;
  padding: 3px 12px 3px 6px;
  background-image: url(/webbbs/icons/paginationtop.gif);
  white-space: nowrap;
/*
  border-radius: 4px 4px 0 0;
*/
}

ul#tabnav a:hover {               /* hover effect */
    background: #F2F2ED;          /* hover color */
    color: red;
  background-image: url(/webbbs/icons/paginationtop.gif);
}
/* end css tabs */