/*---         WebAPP - Automated Perl Portal - www.web-app.org         ---*/
/*---        Color Me theme - by Jos Brown (www.bantychick.com)        ---*/
/*---                  Created (c) bantychick 2005                     ---*/
/*---               Last Modified for WebAPP v0.9.9.8                  ---*/
/*---                                                                  ---*/
/*---  WebAPP Copyright (c) 2002, 2003, 2004, 2005, 2006, 2007         ---*/
/*---  M. Carter Brown                                                 ---*/
/*---  Jocelyn Brown                                                   ---*/
/*---  www.web-app.org                                                 ---*/
/*---                                                                  ---*/
/*---  See individual file headers for more details on copyrights by   ---*/
/*---  contributing developers, per file and per subroutine as noted.  ---*/
/*---                                                                  ---*/
/*---    Includes work done at the BetaAPP project (www.betaapp.org)   ---*/
/*---         BetaAPP contact: Jos Brown - www.bantychick.com)         ---*/

/*--- Page Variables ---*/
html {
 height: 100%; 
 max-height: 100%;
 padding: 0; 
 margin: 0; 
 border: 0; 
 background: #fff; 
 font-size: 80%; 
 font-family: Verdana, Monaco, Helvetica, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body {
 height: 100%;
 max-height: 100%;
 overflow: hidden;
 padding: 20px;
 margin: 0;
 border: 0;
 background-color: #F0F8FF;
 background-image: url(images/clouds.jpg);
}
#wrapper {
 height: 100%;
 max-height: 100%;
 background: #fff;
 border: 1px solid #ccc;
 position: relative;
}
#content {
 overflow: auto;
 position: absolute;
 z-index: 3;
 top: 150px;
 bottom: 20px;
 left: 175px;
 right: 0;
 background: #fff;
 padding-top: 7px;
}
* html #content {
 height: 100%;
 width: 100%;
 top: 0;
 left: 0;
 border-top: 150px solid #fff;
 border-left: 175px solid #fff;
}

table, td, p, div {
 font-size: 1em;
 font-family: Verdana, Monaco, Helvetica, sans-serif;
}

A:link, A:visited {
 color: #6A5ACD;
}
A:active, A:hover {
 color: #7e96fa;
 text-decoration: none;
}

.pagetable {
 text-align: center;
}

/*--- Title Box ---*/
#myheadertable { /* logo_block */
 position: absolute;
 top: 0;
 right: 0;
 width: 100%; /* brings it over to right */
 height: 150px; /* if padding on this block, less height here for FF so content clears */
 overflow: auto;
 z-index: 5;
}
#logo {
 float: left;
 margin-left: 160px;
}
#langflags {
 width: 60px;
 float: right;
 padding: 5px 3px;
 font-size: 10px;
 text-align: right;
}
#toplinks {
 width: 13em;
 float: right;
 padding: 3px;
 font-size: 0.82em;
 color: #696969;
}
#myheadertable form {
 clear: right;
 margin: 4px 3px 0 5px;
 text-align: right;
 font-size: 0.82em;
 line-height: 1.38em;
}

A.helps:link, A.helps:visited, A.helps:active, A.helps:hover { /* help, contact, recommend usually at top */
}

/*--- Banner ---*/
.bannertable {
 border: 1px dashed #696969;
 margin: 0 auto 0 auto;
 font-size: 0.95em;
 font-weight: bold;
 text-align: center;
 width: 492px;
 line-height: 1.4em;
 padding: 3px;
}
.bannertext {
}
.bannertexttitle {
}
A.bannerlink:link, A.bannerlink:visited,
A.bannerlink:active, A.bannerlink:hover {
 font-size: 0.95em;
}

/*--- Menu ---*/
.menutable { /* Box title bars */
 background-color: #fff;
 border: 1px solid #fff;
 color: #000;
 font-weight: bold;
 text-align: left;
 padding: 1px;
}
.menutable h2, .menutable h3 {
 font-size: 1em;
 margin: 0;
 padding: 0;
}
.menubordercolor { /* behind boxes, provides border in some themes */
 text-align: center;
}
.menubackcolor { /* box content */
 background-color: #fff;
 color: #000;
 padding: 5px;
 margin: 0 25px 25px 0;
 text-align: left;
}
.cat {
 display: table; /* Firefox to keep ULs inside their box */
}
div.cat ul {
 list-style-position: inside;
 margin-left: 8px;
 padding-left: 8px;
 margin-top: 0px;
 margin-bottom: -5px;

}
div.cat ul li {
 text-indent: -16px;
 margin-bottom: 5px;
}

A.menu:link, A.menu:visited {
 font-weight: bold;
 text-decoration: none;
}
A.menu:active, A.menu:hover {
 font-weight: bold;
}

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


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

/*--- 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-top: 1px solid #ccc;
 margin-top: 5px;
 display: table;
 width: 99.5%;
 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: 49%;
 margin-top: 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%;
}

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: #000;
 font-weight: bold;
 font-size: 16px;
}
.newstextsmall { /* article subtitle notes news page */
 color: #000;
 font-size: 0.89em;
}
.newstextnormal { /* articles text news page */
 padding: 7px;
}
.newstexttitle { /* comments notes (title, number, post link) */
 background-color: #f5f5f5;
 color: #000;
 font-weight: normal;
}
.commenttitleback { /* Article comment title bar */
 background-color: #f5f5f5;
 color: #000;
 font-weight: bold;
}
.commentsubtitleback {
 background-color: #f5f5f5; /* Comment message subtitle */
 color: #000;
 font-size: 0.89em;
}
.commentbordercolor {
 background-color: #fff; /* these only show when making comment until HTML in topics.pl is fixed */
 color: #000;
}
.commentbackcolor {
 background-color: #fff;
 color: #000;
 padding: 7px;
}
A.commentlink:link, A.commentlink:visited, 
A.commentlink:active, A.commentlink:hover {
 font-weight: bold;
}
.articlecatnormal { /* columns on topics page */
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 padding: 10px;
}
.articlecattitle { /* Title tops topics and category pages (also in user.pl) */
 color: #696969;
 font-weight: bold;
 font-size: 14px;	
}

/*--- Poll ---*/
.pollquestion {
 color: #c33;
 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 */
 background-color: #fff; 
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 border: 2px ridge #000;
 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;
}
.mycontenttable .whocat ul {
 list-style-position: inside;
 margin-top: 3px;
 margin-bottom: 0;
 margin-left: 12px; /* Firefox */
}
* html .mycontenttable .whocat ul {
 margin-left: 5px;
}
.mycontenttable a {
 font-size: 1.1em;
}

/*--- Helps Nav ---*/
.helpsnavtable { /* small block at bottom (help, contact, stats, ...) */
 background-color: #fff;
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 border: 1px solid #000;
 margin: 15px;	
 padding: 3px;
 text-align: center;
 float: right;
 display: inline;
 width: 23em;
}
A.helpsnavlink:link, A.helpsnavlink:visited, A.helpsnavlink:active, A.helpsnavlink:hover { /* instantmessages.pl has this */
}

/*--- WebAPP Footer ---*/
.webapptext {
 font-size: 0.95em;
 text-align: center;
 font-weight: bold;
}
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: #696969;
 color: #000;
}
.boardtitle { /* board and category title rows */
 background-color: #d3d3d3;
 color: #000;
 font-weight: bold;
 padding: 3px;
}
.forumwindow1 {
 background-color: #ffffe0; /* stickies, link info, etc... */
 color: #000;
 font-weight: normal;
}
.forumwindow2 { /* (set link text separately) forum and board index category titles, messages, overview messages */
 background-color: #fff;
 color: #000;
 font-weight: normal;
}
.forumwindow3 { /* alternate messages, overview subtitles, alternate board index categories */
 background-color: #f5f5f5;
 color: #000;
 font-weight: normal;
}
A.forumlink:link, A.forumlink:visited, 
A.forumlink:active, A.forumlink:hover { /* board titles */
 font-weight: bold;
}
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: #000;
}
.imselected { /* Highlight IM being read */
 background-color: #ffffe0;
 color: #000;
}
.imwindow1 { /* First, third, ..., message in list */
 background-color: #fff;
 color: #000;
}
.imwindow2 { /* Second, fourth, ..., message in list */
 background-color: #f5f5f5;
 color: #000;
}
A.newimlink:link, A.newimlink:visited, 
A.newimlink:active, A.newimlink:hover {
 font-weight: bold;
}
A.oldimlink:link, A.oldimlink:visited, A.oldimlink:active, A.oldimlink:hover {
}

/*--- Text ---*/
.text {
 background-color: #fff;
 color: #000;
}
.textsmall {
 font-size: 0.85em;
 font-family: Arial, Helvetica, sans-serif;
}
.texttitle {
 color: #000; /* titles on pages various sections */
 font-weight: bold;
 font-size: 16px;
 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 ---*/
form { /* keeps forms flat (display:inline; works too) */
 margin : 0px;
}
.formstextnormal {
 font-weight: bold; /* many forms */
 padding: 7px;
}
.formstext {
 /* text right of form field title post article, post comment, edit profile */
}
.formstexttitle {
 color: #000; /* edit profile titles */
 font-weight: bold;
 font-size: 16px;
}
.formstextsmall {
 font-size: 11px; /* edit profile (required fields note) */
}
.button {
 background-color: #fff; 
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 border: 2px ridge #000000;
}

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

hr {
 color: #ccc;
 height: 1px;
 background-color: #ccc;
 border: 0;
}
.codepost { /* scroll boxes for posting code in forums or articles */
 background-color: #fff;
 color: #000;
 width: 540px;
 height: 150px;
 white-space: nowrap;
 overflow: scroll;
 padding-left: 2px;
 padding-bottom: 12px;
}
blockquote { 
 font-size: 0.98em; 
 font-family: Arial; 
 border: 1px solid #696969; 
 padding: 3px; 
 background-color: #fff; 
 color: #000; 
}

/* NEW CLASSES FOR 0.9.9.3: */

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

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

.highlight { /* 3 for whoson */
 color: #FFFFCC;
 font-weight: bold;
}
.mouseoveroff {
}
.mouseover {
 cursor: help;
 background-color: #fcf;
 color: #000;
}

/* 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: #696969;
 color: #000;
 font-weight: normal;
}
.titlebar { /* section titles */
 font-weight: bold;
}
.columnheader { /* column headers can be different color */
 background-color: #f5f5f5;
 color: #000;
 font-weight: bold;
}
.tabletext { /* ordinary text in tables */
 background-color: #fff;
 color: #000;
}

/*--- Top Menu Bar (Menu Manager) ---*/
/*--- Menu Bar (bottom bar for Menu Manager)---*/
.topnavbar, .navbar { /* Menu bar */
 font-weight: bold;
 border: 1px solid #696969; /* down here for netscape 4.7 */
}
A.topnav:link, A.topnav:visited, A.nav:link, A.nav:visited {
 text-decoration: none;
 font-weight: bold; /* netscape 4.7 */
}
A.topnav:active, A.topnav:hover, A.nav:active, A.nav:hover {
 text-decoration: none;
 font-weight: bold; /* netscape 4.7 */
}

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

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

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

/*--- 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:#f5f5f5; 
} 
.windowbg2 { /* articles admin, memberlist rows */
    background-color:#f5f5f5; 
} 
.windowbg3 { /* articles admin, memberlist alternate rows */
    background-color:#fff; 
} 
/*------ end code moved from theme.pl -----------------------*/

/* inputs on forms */
.textinput { /* text inputs on forms */
}
textarea { /* textarea inputs on forms */
}
select { /* select drop down on forms */
}
input {   /* font size or size of inputs on forms */
 font-size: 0.98em;
}

.clear {
 clear: both;
 font-size: 1px;
 line-height: 1px;
}

div.shoutbox iframe {
 display: inline;
}
div.shoutbox input.textinput {
 margin: 3px;
}

/* 0.9.9.7 */
.discrete {
 color: #C0C0C0;
}

/* 0.9.9.8 */
a.inlinelink:link, a.inlinelink:visited { /* for links - can be hidden, or not */
 color: #000;
 text-decoration: none;
}
a.inlinelink:active, a.inlinelink:hover {
 color: #900;
 text-decoration: underline overline;
}

#breadcrumb { /* nav bar with breadcrumb links */
}
#breadcrumb a:link, #breadcrumb a:visited { /* links in the navbar - was .menutable */
 font-weight: bold; /* netscape 4.7 */
}
#breadcrumb a:active, #breadcrumb a:hover {
 font-weight: bold; /* netscape 4.7 */
}

#welcome { /* welcome message */
}
#frontcontent { /* content section of front page */
}
#insidecontent { /* content section of inside pages */
}
#leftcolumn {
 width: 175px;
}
#rightcolumn {
 width: 175px;
}
#sidebar { /* div around contents of left and right columns */
 position: absolute;
 top: 157px;
 left: 0;
 width: 175px;
 padding-top: 3px;
 overflow: auto;
 z-index: 5;
}
.menubox { /* main menu, member panel, member menus */
 font-weight: bold;
}

#navcolumn {
 margin-bottom: 7px;
 padding-bottom: 5px;
}
#navcolumn .menutable {
 border: 0;
 margin-top: 7px;
 padding: 0 6px 5px 0;
 text-align: right;
 clear: right;
}
#navcolumn .menubackcolor {
 text-align: right;
 padding: 2px 0 0 5px;
}
#navcolumn .cat {
 display: block;
}
#navcolumn ul {
 margin: 0;
 padding: 0;
 text-align: right;
}
#navcolumn li {
 list-style: none;
 text-indent: 0;
 margin: 0;
 padding: 0;
 height: 1.5em; 
 line-height: 1.5em; 
 text-align: right;
}
* html #navcolumn li {
 margin-left: -16px;
}
#navcolumn li a, #navcolumn dt a {
 text-align: right;
 height: 1.5em;
 display: block;
 padding-right: 5px;
 color: #A9A9A9;
}
#navcolumn li a:active, #navcolumn li a:hover, #navcolumn dt a:active, #navcolumn dt a:hover {
 color: #7e96fa;
}
#navcolumn li a.menuon {
 color: #000;
}
#navcolumn li a.menuon:active, #navcolumn li a.menuon:hover {
 color: #7e96fa;
}
#navcolumn dl {
 margin: 0 0 7px 0;
 padding: 0;
 text-align: right;
}
#navcolumn dt {
 height: 1.5em; 
 line-height: 1.5em; 
 text-align:right;
} 
#navcolumn dd {
 margin-right: 15px;
 clear: right;
}
#navcolumn dd a {
 text-decoration: none;
}

/* COLORED ARTICLES: */

#articles, #viewnews {
 padding-right: 15%;
}
#articles .text, #viewnews .text { /* around the whole article, inside the color background */
 padding: 5px 7px;
}
#articles .newssubtitle, #viewnews .newssubtitle {
 padding: 2px 0;
}
#articles .newstextnormal, #viewnews .newstextnormal {
 padding: 0;
 margin-bottom: 5px;
}
img.curcat {
 float: right;
 border: 0;
}
#articles img.curcat {
 margin: 3px;
}
#viewnews img.curcat {
 margin: 5px;
}

/* article titles in list */
#articles .newstexttitle { 
 background-color: transparent;
 padding: 0;
}
.newstexttitle h3 {
 background-color: transparent;
 color: #000;
 font-weight: bold;
 text-align: left;
 font-size: 1em;
 margin: 0;
 padding: 0;
}

/* single articles */
#viewnews .newsfootertable {
 padding: 3px 0 2px 0;
}

#articles .newstextsmall, #viewnews .newstextsmall {
 margin-top: 7px;
 padding: 3px;
 background-color: transparent;
}
.newstextsmall a {
 text-decoration: none;
}
.newstextsmall a:hover {
 text-decoration: underline;
}

.color2, .color3, .color4, .color5,
.color6, .color7, .color8, .color9, .color10 {
 margin-bottom: 15px;
 padding: 10px;
}

.color1 {
 background-color: white;
 color: #000;
 border: 1px solid #f5f5f5;
 margin-bottom: 15px;
 padding: 9px;
}
.color2 {
 background-color: coral;
 color: #000;
}
.color2 .text {
 background-color: peachpuff;
}
.color2 .newsfootertable {
 border-top: 1px solid coral;
}
.color2 .newstextsmall {
 border: 1px solid coral;
}
.color3 {
 background-color: orange;
 color: #000;
}
.color3 .text {
 background-color: blanchedalmond;
}
.color3 .newsfootertable {
 border-top: 1px solid orange;
}
.color3 .newstextsmall {
 border: 1px solid orange;
}
.color4 {
 background-color: sandybrown;
 color: #000;
}
.color4 .text {
 background-color: antiquewhite;
}
.color4 .newsfootertable {
 border-top: 1px solid sandybrown;
}
.color4 .newstextsmall {
 border: 1px solid sandybrown;
}
.color5 {
 background-color: gold;
 color: #000;
}
.color5 .text {
 background-color: lemonchiffon;
}
.color5 .newsfootertable {
 border-top: 1px solid gold;
}
.color5 .newstextsmall {
 border: 1px solid gold;
}
.color6 {
 background-color: yellowgreen;
 color: #000;
}
.color6 .text {
 background-color: #cfc;
}
.color6 .newsfootertable {
 border-top: 1px solid yellowgreen;
}
.color6 .newstextsmall {
 border: 1px solid yellowgreen;
}
.color7 {
 background-color: mediumturquoise;
 color: #000;
}
.color7 .text {
 background-color: lightcyan;
}
.color7 .newsfootertable {
 border-top: 1px solid mediumturquoise;
}
.color7 .newstextsmall {
 border: 1px solid mediumturquoise;
}
.color8 {
 background-color: plum;
 color: #000;
}
.color8 .text {
 background-color: lavender;
}
.color8 .newsfootertable {
 border-top: 1px solid plum;
}
.color8 .newstextsmall {
 border: 1px solid plum;
}
.color9 {
 background-color: pink;
 color: #000;
}
.color9 .text {
 background-color: lavenderblush;
}
.color9 .newsfootertable {
 border-top: 1px solid pink;
}
.color9 .newstextsmall {
 border: 1px solid pink;
}
.color10 {
 background-color: lightgrey;
 color: #000;
}
.color10 .text {
 background-color: whitesmoke;
}
.color10 .newsfootertable {
 border-top: 1px solid lightgrey;
}
.color10 .newstextsmall {
 border: 1px solid lightgrey;
}

option.colorselect {
 padding: 0 7px;
 margin: 0;
 border: 0;
}

/* (.menubackcolor margin for older articles - can be deleted later)
 THESE ARE FOR FRONT PAGE (in theme) */
.color1 .menutable, .color2 .menutable, .color3 .menutable, .color4 .menutable,
.color5 .menutable, .color6 .menutable, .color7 .menutable, .color8 .menutable,
.color9 .menutable, .color10 .menutable {
 padding: 5px 7px 1px 7px;
}
#frontcontent .newssubtitle {
 padding: 2px 0;
}
#frontcontent .color1 .menubackcolor, #frontcontent .color2 .menubackcolor,
#frontcontent .color3 .menubackcolor, #frontcontent .color4 .menubackcolor,
#frontcontent .color5 .menubackcolor, #frontcontent .color6 .menubackcolor,
#frontcontent .color7 .menubackcolor, #frontcontent .color8 .menubackcolor,
#frontcontent .color9 .menubackcolor, #frontcontent .color10 .menubackcolor {
 margin-bottom: 0;
}
#frontcontent .menubackcolor {
 margin-bottom: 15px;
 padding: 7px;
}