/*---  Color Me/Crash layout  ---*/
/*---  Color Me layout - by Jos aka "bantychick" - http://www.bantychick.com/   ---*/
/*---  Snazzy Tab layout - 6/24/06 - by Jos aka "bantychick" - http://www.bantychick.com/   ---*/
/*---  css main menus add by my2cents - http://themeapp.classicchat.net  ---*/
/*--- WebAPP v0.9.9.3.3 Crash setup 6/15/2006 my2cents - http://classicchat.net/ ---*/
/*--- Body colour --- */
/*--- Menu Tab Variables ---*/
#navbar
    {
    background: transparent;
    text-align: center;
    margin:     0;
    height:     3em;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow:   hidden;
    /* */
    }

#navbar ul
    {
    /* width: 43.5em; width for 7 tabs */
    margin-top:    0;
    margin-bottom: 0;
    margin-right:  auto;
    margin-left:   auto;
    padding:       0;
    list-style-type: none;
    background:    transparent;
    }

#navbar li
    {
    display: block;
    float: left;
    margin: 0 1px;
    }

.snazzy
    {
    background: transparent;
    }

.snazzy span
    {
    text-align: center;
    color: #000;
    margin: 0;
    font-weight: normal;
    }

.snazzy .menubackcolor span
    {
    color: #000;
    }

.b1, .b2, .b3, .b4
    {
    display:   block;
    font-size: 1px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow:  hidden;
    /* */
    }

.b1, .b2, .b3
    {
    height: 1px;
    }

.b2, .b3, .b4
    {
    border-left:  1px solid #fff;
    border-right: 1px solid #fff;
    }

.b1
    {
    margin:     0 5px;
    background: #fff;
    }

.b2
    {
    margin:       0 3px;
    border-width: 0 2px;
    }

.b3
    {
    margin: 0 2px;
    }

.b4
    {
    height: 2px;
    margin: 0 1px;
    }

.boxcontent
    {
    display:     block;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    }

a.nav, a.nav:visited
    {
    display:         block;
    text-decoration: none;
    width:           6em;
    }

a.nav:hover
    {
    background: transparent;
    cursor: pointer;
    }

a.nav:hover span
    {
    padding-top: 10px;
    background: #888;
    }

a.nav:hover b
    {
    background: #888;
    }

.tab1
    {
    background: #f00;
    }

.tab2
    {
    background: #f90;
    }

.tab3
    {
    background: #ff0;
    }

.tab4
    {
    background: #0f0;
    }

.tab5
    {
    background: #6cf;
    }

.tab6
    {
    background: #f0c;
    }

.tab7
    {
    background: #c9f;
    }

.tab8
    {
    background: #f00;
    }

.tab9
    {
    background: #f90;
    }

.tab10
    {
    background: #ff0;
    }

.tab11
    {
    background: #0f0;
    }

a:hover b.tab1, a:hover b.tab2, a:hover b.tab3, a:hover b.tab4,  a:hover b.tab5, a:hover b.tab6,
a:hover b.tab7, a:hover b.tab8, a:hover b.tab9, a:hover b.tab10, a:hover b.tab11
    {
    background: #888;
    }

#topnavbar
    {
    background: transparent;
    text-align: center;
    margin:     0;
    height:     3em;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow:   hidden;
    /* */
    }

#topnavbar ul
    {
    width:      43.5em;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    padding:    0;
    list-style-type: none;
    background: transparent;
    }

#topnavbar li
    {
    display: block;
    float: left;
    margin: 0 1px;
    }

.pad
    {
    display: block;
    height: 1em;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
    }

a.topnav, a.topnav:visited
    {
    display:         block;
    text-decoration: none;
    width:           6em;
    }

a.topnav:hover
    {
    background: transparent;
    cursor: pointer;
    }

a.topnav:hover .boxcontent
    {
    padding-bottom: 0.8em;
    background: #888;
    }

a.topnav:hover .pad
    {
    height: 0.2em;
    }

/*--- Menu Variables ---*/
#menu
    {
    padding: 0;
    margin: 0;

    }

#menu li
    {
    list-style-type: none;

/*    height: 20px; */
    }

#menu a, #menu a:visited
    {
    border:  none;
    background: url('images/menudot.png') no-repeat;
    padding-left: 20px;
    text-decoration: none;
    }

#menu a span, #menu a:visited span
    {
    display: none;
    }

#menu a:hover
    {
    text-decoration: underline;
    }

#menu a:hover span
    {
    position: absolute;
    display: block;
    left:    130px;
    top:     0;
    width:   0px;
    height:  0px;
    border-left: 8px solid #c00;
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
    font-size: 1px;
    }

* html#menu a:hover span
    {
    width:  8px;
    height: 16px;

    w\idth:0;

    he\ight:0;
    }

/*--- Page Variables ---*/

html
    {
    font-size: 100%;
    }

body
    {
    background-color: white;
    color: #000000;
    font-size: 0.8em;
    font-family: Century Gothic, Verdana, Monaco, Helvetica, sans-serif;
    }

td, p, div
    {
    font-size: 1em;
    }

.pagetable
    {
    text-align: center;
    }
h2 {
  font-family: georgia, Verdana, Monaco, Helvetica, sans-serif
}
/*--- Title Box ---*/
.myheadertable
    { /* logo_block */
    background-color: transparent;
    text-align: right;
    line-height: 1.38em;
    font-size:  0.92em;
    border:     1px solid #ffffff;
    }

.myheadertable form
    {
    margin-right: 3px;
    text-align: right;
    font-size:  0.85em;
    line-height: 16px;
    }

A.helps:link, A.helps:visited, A.helps:active, A.helps:hover
    { /* help, contact, recommend usually at top */
    font-size: 0.77em;
    }

/*--- Menu Bar (bottom bar for Menu Manager) moved up and given id ---*/

/*--- Banner ---*/
.bannertable
    {
    font-size:   0.95em;
    font-weight: bold;
    text-align:  center;
    width:       492px;
    line-height: 15px;
    border:      1px dashed chocolate;
    padding:     3px;
    }

.bannertext { }

.bannertexttitle { }

A.bannerlink:link, A.bannerlink:visited, A.bannerlink:active, A.bannerlink:hover
    {
    font-size: 0.95em;
    }

/*--- Menu ---*/
/* when using a colored box header, to keep width for netscape 4.7, use: */
.menutable
    { /* Box title bars */
    background: transparent url('images/titlebar.png') no-repeat bottom left;
    border: none;
    font-weight: bold;
    text-align: left;
    padding: 1px;
    padding-left: 20px;
    margin-top: 2px;
    height: 20px;
    font-family:georgia, Verdana, Monaco, Helvetica, sans-serif;
    }

.menutable h2, .menutable h3
    {
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    }

.menubordercolor
    { /* behind boxes, provides border in some themes */
    text-align:       center;

    }

.menubackcolor
    { /* box content */
    background-color: transparent;
    color: #000000;
    padding: 5px;
    text-align: left;
    }

.cat { }

div.cat ul { }

div.cat ul li { }

A:link, A:visited
    {
    color:red;
    font-weight: normal;
    text-decoration: none;
    }

A:active, A:hover
    {
    text-decoration: underline;
    
    }

/*--- Who's Online? ---*/
.whocat
    {
    font-size: 0.92em;
    }

.cat ul.whocat
    {
    margin-left: 12px; /* Firefox */
    }

.cat ul.whocat a
    {

    }

A.whomenu:link, A.whomenu:visited, A.whomenu:active, A.whomenu:hover
    {

    }

/*--- News ---*/
.newssubtitle
    { /* Notes under front article titles */
    font-size: 0.89em;
    }

A.smallnewslink:link, A.smallnewslink:visited
    { /* Nickname author subtitle notes, more link long front page news */
    text-decoration: none;
    }

A.smallnewslink:active, A.smallnewslink:hover
    {
    text-decoration: underline;
    }

.newsfootertable
    { /* bottom inset text tables (print, email, comments, ...) */
    border-bottom: 1px solid chocolate;
    margin: 1px;
    display: table;
    width:  99%;
    font-size: 0.89em;
    white-space: nowrap;
    }

.newsfootertable span
    {
    display: block;
    float: left;
    text-align: left;
    /* display: table-cell; doesn't work in IE */
    width: 50%;
    margin-top: 3px;
    margin-bottom: 3px;
    }

.newsfootertable span.newsfootertext
    { /* inset text bottoms front page news */
    display: block;
    float: right;
    text-align: right;
    /* display: table-cell; doesn't work in IE */
    width: 49%;
    padding: 0;
    }

A.newslink:link, A.newslink:visited, A.newslink:active, A.newslink:hover { /* links in news footers */
}

/* topics.pl only from here on: */
.fullnewstitle
    { /* article title news page */
    color:       #000000;
    font-weight: bold;
    font-size:   1.2em;
    font-family: georgia, Verdana, Monaco, Helvetica, sans-serif;
    }

.newstextsmall
    { /* article subtitle notes news page */
    background-color: chocolate;
    color: #000000;
    font-size: 0.89em;
    }

.newstextnormal
    { /* articles text news page */
    padding: 3px;
    }

.newstexttitle
    { /* comments notes (title, number, post link) */
    background-color: chocolate;
    color: black;
    font-weight: normal;
    }

.commenttitleback
    { /* Article comment title bar */
    background-color: #dcdcdc;
    color: #000000;
    font-weight: bold;
    }

.commentsubtitleback
    {
    background-color: #dcdcdc; /* Comment message subtitle */
    color: #000000;
    font-size: 0.89em;
    }

.commentbordercolor
    {
    background-color: #ffffff; /* these only show when making comment until HTML in topics.pl is fixed */
    color: #000000;
    }

.commentbackcolor
    {
    background-color: #ffffff;
    color: #000000;
    padding: 7px;
    }

A.commentlink:link, A.commentlink:visited, A.commentlink:active, A.commentlink:hover
    {
    font-weight: bold;
    }

.articlecatnormal
    { /* columns on topics page */
    font-weight: bold;
    padding: 10px;
    }

.articlecattitle
    { /* Title tops topics and category pages (also in user.pl) */
    color:       chocolate;
    font-weight: bold;
    font-size:   1.12em;
    }

/*--- Poll ---*/
.pollquestion
    {
    color:         #CC3333;
    margin-bottom: 5px;
    }

.poll
    {
    text-align: center;
    }

.poll .poll
    {
    text-align: left;
    font-size: 0.89em;
    padding-left: 17px;
    text-indent: -17px;
    }

.votebutton
    { /* poll.pl */
    margin: 5px;
    }

A.polllink:link, A.polllink:visited, A.polllink:active, A.polllink:hover
    {
    font-size: 0.895em;
    }

/*--- My Content ---*/
.mycontenttable
    {                  /* border around latest forum posts bottom of page (if turned on) */
    width:       98%;
    margin-left: auto; /* Firefox */
    margin-right: auto;
    margin-bottom: 10px;
    }

.mycontenttext, .mycontenttexttitle { }

A.mycontentlink:link, A.mycontentlink:visited, A.mycontentlink:active, A.mycontentlink:hover
    {
    font-weight: bold;
    }

/*--- Helps Nav ---*/
.helpsnavtable
    { /* small block at bottom (help, contact, stats, ...) */
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    width: 23em;
    border: 1px solid #000000;
    margin: 15px;
    padding: 3px;
    }

A.helpsnavlink:link, A.helpsnavlink:visited, A.helpsnavlink:active,
A.helpsnavlink:hover { /* instantmessages.pl has this */
}

/*--- WebAPP Footer ---*/
.webapptext
    {
    font-size:   0.75em;
    width:       550px;
    height:      70px;
    padding-top: 4px;
    }

A.webapplink:link, A.webapplink:visited
    {
    text-decoration: none;
    }

A.webapplink:active, A.webapplink:hover
    {
    text-decoration: underline;
    }

/*--- Forum ---*/
.forumtext { /* nav tree, site time and other text under index */
}

.forumtextbold
    {
    font-weight: bold;
    }

.forumtitlebackcolor
    { /* table behind topics and messages indexes (makes grid) */
    background-color: white;
    color: #000000;
    }

.boardtitle
    { /* board and category title rows */
    background-color: bisque;
    color: #000000;
    font-weight: bold;
    padding: 3px;
    }

.forumwindow1
    {
    background-color: #ffffe0; /* stickies, link info, etc... */
    color: #000000;
    font-weight: normal;
    }

.forumwindow2
    { /* (set link text separately) forum and board index category titles, messages, overview messages */
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    }

.forumwindow3
    { /* alternate messages, overview subtitles, alternate board index categories */
    background-color: bisque;
    color: #000000;
    font-weight: normal;

    }


A.forumlink:link, A.forumlink:visited, A.forumlink:active, A.forumlink:hover
    { /* board titles */

    }

A.forumnav:link, A.forumnav:visited, A.forumnav:active, A.forumnav:hover { /* navigation tree, mark as read */
}

/*--- Stats ---*/
.statstext
    {
    text-align: left;
    }

.statstextbold
    {
    font-weight: bold;
    text-align: left;
    }

/*--- IM ---*/
/* Grid background and each single message heading set in theme.pl variables */

.imtitle
    {
    background-color: #f5f5f5;
    color: #000000;
    }

.imselected
    { /* Highlight IM being read */
    background-color: #ffffe0;
    color: #000000;
    }

.imwindow1
    { /* First, third, ..., message in list */
    background-color: #ffffff;
    color: #000000;
    }

.imwindow2
    { /* Second, fourth, ..., message in list */
    background-color: #f5f5f5;
    color: #000000;
    }

A.newimlink:link, A.newimlink:visited, A.newimlink:active, A.newimlink:hover
    {

    }

A.oldimlink:link, A.oldimlink:visited, A.oldimlink:active, A.oldimlink:hover { }

/*--- Text ---*/
.text
    {
    background-color: #ffffff;
    color: #000000;
    }

.textsmall
    {
    font-size: 0.85em;
    }

.texttitle
    {
    color:       #000000; /* titles on pages various sections */
    font-weight: bold;
    font-size:   1.2em;
    padding-top: 0px;
    margin-top:  0px;
    }
/* texttitle: palm article titles, about, caption in admin "Site Configuration", help, */
/* admin send newsletter, title on view article or comment from search, */
/* user welcome view profile, data_error, print_main (welcome) */

/*--- Form ---*/
.formstextnormal
    {
    font-weight: bold; /* many forms */
    padding: 7px;
    }

.formstext {
/* text right of form field title post article, post comment, edit profile */
}

.formstexttitle
    {
    color:       #000000; /* edit profile titles */
    font-weight: bold;
    font-size:   1.2em;
    }

.formstextsmall
    {
    font-size: 0.89em; /* edit profile (required fields note) */
    }

.button { }

/*--- not in use, not implemented in any files in WebAPP ---*/
/* .articlecatempty, .time, .helpsnavtext, .helpsnavtexttitle */

/*--- Calendar (also still has settings in calendar.cfg) ---*/
.calhead
    {
    text-align: center;
    }

.calbody { }

.calhigh
    {
    background-color: #FFFFCC;
    }

.calhigh a:link, .calhigh a:visited, .calhigh a:active, .calhigh a:hover
    {
    font-weight: bold;
    }

.caltoday
    {
    font-weight: bold;
    color: #FF3300;
    font-size: 10px;
    }

/*--- Custom ---*/
FORM
    { /* keeps forms flat (display:inline; works too) */
    margin: 0px;
    }

HR
    {
    color:  #A9A9A9;
    height: 1px;
    background-color: #dcdcdc;
    border: 0;
    }
code {
      font-family: courier;
      font-size: small;
}
.codepost
    { /* scroll boxes for posting code in forums or articles */
    background-color: #ffffff;
    color: #000000;
    width:80%;
    white-space: nowrap;
    padding: 5px;
    }

blockquote
    {
    font-size: 0.98em;
    color: #000000;
    width: 25em;
    border: 1px solid chocolate;
    background-color: #FFFFFF;
    padding: 3px;
    }
/* NEW CLASSES FOR 0.9.9.3: */

/* "More" link for long articles shortened on front page */
.morelink
    {
    font-size: 0.89em;
    }

/* for firefox */
a img
    {
    border:          0;
    text-decoration: none;
    }

.highlight
    { /* 3 for whoson */
    color:       #FFFFCC;
    font-weight: bold;
    }

.mouseoveroff { }

.mouseover
    {
    cursor:           help;
    background-color: #ffccff;
    color:            #000000;
    }

/* these need to be kept below the other rules if to override an old style */
/* some of them are compound classes */
.tableback
    { /* behind whole table, makes edges if in different color */
    background-color: chocolate;
    color: #000000;
    font-weight: normal;
    }

.titlebar
    { /* section titles */
    font-weight: bold;
    }

.columnheader
    { /* column headers can be different color */
    background-color: #f5f5f5;
    color: #000000;
    font-weight: bold;
    }

.tabletext
    { /* ordinary text in tables */
    background-color: #ffffff;
    color: #000000;
    }

.menutable A:link, .menutable A:visited
    {                  /* links in the navbar */
    font-weight: bold; /* netscape 4.7 */
    }

.menutable A:active, .menutable A:hover
    {
    font-weight: bold; /* netscape 4.7 */
    }

/*--- Top Menu Bar (top bar for Menu Manager) moved up and given id ---*/

/* for contributors list (action=ver) */
.ver A:link, .ver A:visited { }

.ver A:active, .ver A:hover { }

/* new for betaapp */

.spacer
    {
    background-color: #ffffff;
    border: 0;
    }

table.forumtitlebackcolor
    {
    border-spacing:  1px;      /* doesn't work IE */
    border-collapse: separate; /* doesn't work IE with cellspacing defined in tables */
    }

/* allow for styling of links and downloads areas */
#links { }

#linkinfo { }

/*--- NEW CLASSES FOR code moved from theme.pl by my2cents after 0.9.9.3.2 ---*/
.titlebg
    { /* grid behind admin, instantmessage, and memberlist */
    background-color: #396DA6;
    }

.titletext
    { /* column headings admin pages */
    background-color: #F2C973;
    }

.windowbg
    { /* articles admin, memberlist and instantmessage header rows */
    background-color: #33CCFF;
    }

.windowbg2
    { /* articles admin, memberlist rows */
    background-color: #f5f5f5;
    }

.windowbg3
    { /* articles admin, memberlist alternate rows */
    background-color: #ffffff;
    }
/*------ end code moved from theme.pl -----------------------*/

.textinput
    { /* text inputs on forms */
    background-color: #ffffff;
    color: #000000;
    }

textarea
    { /* textarea inputs on forms */
    background-color: #ffffff;
    color: #000000;
    }

input { /* checkboxes, and radio inputs on forms, all input size if not declared elsewhere */
}

select
    { /* dropdown selects on forms */
    background-color: #ffffff;
    color: #000000;
    }
.topictitle {
    font-family:  georgia, Verdana, Monaco, Helvetica, sans-serif;
    font-size: 1.5em;
}
.downloadheader {
    font-family:  georgia, Verdana, Monaco, Helvetica, sans-serif;
    font-size: 1.5em;

}
.linkheader {
    font-family:  georgia, Verdana, Monaco, Helvetica, sans-serif;
    font-size: 1.5em;

}

#lights {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 overflow:hidden;
}

/* custom */