/* This sets the background color and default text size and color for text outside of a table element */
.body                {        font-family: Verdana,sans-serif;
                                font-size: 11px;
                                color: #000000;
                                margin: 8px;
                                background-color: #F7F6C8;        }

table                {        font-family: Verdana,sans-serif; font-size: 11px; color: #777777;        }

td                        {        font-family: Verdana,sans-serif; font-size: 11px;        }

/* This sets the link colors for text that is not defined by another class */
a                        {        text-decoration: none;        }
a:link                {        font-weight: bold;        color: #666666;        }
a:visited        {        font-weight: bold; color: #666666;        }
a:hover                {        font-weight: bold; color: #000000; text-decoration: underline;        }

/* This controls the background properties for the logo area */
.logo                {        background-image:url(logo_bg.jpg);        }

img                        {        border:0px;        }

/* The current location/breadcrumb bar font style is controlled by this */
.currentlocation {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color:#000000;
}
.currentlocation a:link,
.currentlocation a:active,
.currentlocation a:visited {color:#666666; text-decoration:none;        }
.currentlocation a:hover {color:#000000; text-decoration:underline;        }

/* This controls the background properties for all of the main tables and blocks */
.outer2                                        {        background-color: #ffffff; border: 1px solid #a4b97f;        }

/* This sets everything for the category name area */
.catrow                {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                font-size: 11px;
                                font-weight: bold;
                                color:#707b5f;
                                background-color: #336699;
                                background-image:url(cat2.gif);
                                border: 1px solid #707b5f;
                                padding:3px;        }
.catrow a:link,
.catrow a:active,
.catrow a:visited        {        color:#707b5f; text-decoration:none;        }
.catrow a:hover                {        color:#000000; text-decoration:underline;        }

/* This sets everything for the area above the category, displays text like forum...topics...posts..etc */
th                         {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                font-size: 10px;
                                font-weight: bold;
                                color:#FFFFFF;
                                background-color: #d9d9d9;
                                background-image:url(cat.gif);
                                background-repeat: repeat-x;
                                border: 1px solid #8e997d;
                                padding:3px;        }
th a:link,
th a:active,
th a:visited        {color:#FFFFFF; text-decoration:none;        }
th a:hover                {color:#EEEEEE; text-decoration:underline;        }

/* This controls what the forum name link will look like */
a.forum:link
{
   color:#666666;
   font-family: Verdana,sans-serif;
   font-size: 11px;
   text-decoration:none;
}
a.forum:visited
{
   color:#666666;
   font-family: Verdana,sans-serif;
   font-size: 11px;
   text-decoration:none;
}
a.forum:hover
{
   color:#000000;
   font-family: Verdana,sans-serif;
   font-size: 11px;
   text-decoration:underline;
}

/* This makes the newpost/nonewpost images and text in the legend area of the main page stay to the right */
.flright        {        float: right;        }

/* This controls the area at the top of the main calendar page with the left/right arrows in it */
.calendartop                        {        padding:5px;
                                                        background-image:url(calendartop.gif);
                                                        border: 1px solid #707b5f;        }

/* This sets the backgrounds for the top buttonrow areas */
td.toprow                                {        padding:2px;
                                                        background-image:url(postrowtop.gif);
                                                        border: 1px solid #707b5f;        }
td.buttonrow                        {        padding:2px;
                                                        background-image:url(postrowtop.gif);
                                                        border: 1px solid #707b5f;        }

/* These effect the post view of the first post in a topic */
/* This controls the top bar of the first post with the edit....quote...etc buttons in it */
.postrowtop                                {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        font-weight: bold;
                                                        color:#707b5f;
                                                        background-color: #336699;
                                                        background-image:url(postrowtop.gif);
                                                        border: 1px solid #707b5f;
                                                        padding:2px;        }
.postrowtop a:link,
.postrowtop a:active,
.postrowtop a:visited        {        color:#707b5f; text-decoration:none;        }
.postrowtop a:hover                {        color:#000000; text-decoration:underline;        }
/* This controls everything in the left side of the first post, user info...etc */
td.postrow1                                {        padding: 8px;
                                                        color:#444444;
                                                        background-color: #f6f6eb;        }
/* This sets everything in the right side of the first post, the post text...signature..etc */
td.postrow1a                        {        padding: 8px;
                                                        color:#444444;
                                                        background-color: #f6f6eb;        }

/* These effect the post view of the second post in a topic */
/* This controls the top bar of the second post with the edit....quote...etc buttons in it */
.postrowtop2                        {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        font-weight: bold;
                                                        color:#707b5f;
                                                        background-color: #336699;
                                                        background-image:url(postrowtop.gif);
                                                        border: 1px solid #707b5f;
                                                        padding:2px;        }
.postrowtop2 a:link,
.postrowtop2 a:active,
.postrowtop2 a:visited        {        color:#707b5f; text-decoration:none;        }
.postrowtop2 a:hover        {        color:#000000; text-decoration:underline;        }
/* This controls everything in the left side of the second post, user info...etc */
td.postrow2                                {        padding: 8px;
                                                        color:#000000;
                                                        background-color: #c0d1a2;        }
/* This sets everything in the right side of the second post, the post text...signature..etc */
td.postrow2a                        {        padding: 8px;
                                                        color:#444444;
                                                        background-color: #d6e7b8;        }

/* This controls the areas that contain the forum name and description, plus all other similar colored areas */
.tablelight                                {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        color:#777777;
                                                        padding: 4px;
                                                        background-color: #f6f6eb;        }
.tablelight a:link                {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tablelight a:visited        {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tablelight a:hover                {        color:#000000; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:underline;        }
/* This controls the effect that you get when you mouseover the table light area above */
.tablelightover                        {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        color:#777777;
                                                        padding: 4px;
                                                        background-color: #fafafa;        }

/* This controls the areas that contain the number of posts, topics, plus some of the other similar colored areas */
.tabledark                                {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        color:#333333;
                                                        padding: 4px;
                                                        background-color: #c0d1a2;        }
.tabledark a:link                {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tabledark a:visited        {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tabledark a:hover                {        color:#000000; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }

/* This controls the areas that are a similar color to the tablelight above, kinda like leftovers hehe */
.tabledark1                                {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        color:#777777;
                                                        padding: 4px;
                                                        background-color: #f6f6eb;
                                                        border-left: #FFFFFF 1px solid;
                                                        border-top: #FFFFFF 1px solid;        }
.tabledark1 a:link                {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tabledark1 a:visited        {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tabledark1 a:hover                {        color:#000000; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }

/* This controls the areas that forum view last posts in topic area and other similar colored areas */
.tabledark2                                {        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        color:#000000;
                                                        padding: 4px;
                                                        background-color: #d6e7b8;        }
.tabledark2 a:link                {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tabledark2 a:visited        {        color:#666666; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }
.tabledark2 a:hover                {        color:#000000; font-family: Verdana,sans-serif; font-size: 11px; text-decoration:none;        }

td.topicrow1                        {        }

/* This controls the areas in the integration active topics row */
td.topicrow2                        {        background-color: #D8E4F7;
                                                        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 11px;
                                                        color:#000;
                                                        padding: 4px;
                                                        border: #6686D7 1px solid;        }

td.topicrow3                        {        }

td.topicrow4                        {        }

/* Not sure what this does, gonna leave it to be safe */
td.poll                                        {        background-color: #DDE5E7; border: none;        }

td.selectedrow                        {        background-color: #C0D8F0;        }

td.userinfo                                {        font-size: 10px; border: none;        }

td.code                                        {        font-family: Courier New,monospace;
                                                           color: #006600;
                                                           background-color: #F8F8F8;
                                                           border: 1px solid #C0C0C0;
                                                           padding: 8px;        }

td.clean                                {        border: none;        }

/* This effects the bottom bar on all the posts, the one with the post last edited...etc */
.category2                                {        padding:4px;
                                                        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size: 10px;
                                                        font-weight:bold;
                                                        background-color: #b6c798;
                                                        color: #888888;        }
.category2 a:link,
.category2 a:active,
.category2 a:visited         {        color:#666666; text-decoration:none;        }
.category2 a:hover                 {        color:#000000; text-decoration:underline;        }

/* These classes effect the buttons themselves. */
.button1                                {        border: 1px solid #707b5f;
                                                        padding:4px;
                                                        white-space: nowrap;
                                                        float: left;
                                                        margin-right:2px;
                                                        text-align:center;
                                                        background-image: url(button_bg.gif);        }

.button1a                                {        border: 1px solid #8E997D;
                                                        padding:4px;
                                                        white-space: nowrap;
                                                        float: left;
                                                        margin-right:2px;
                                                        text-align:center;
                                                        background-image: url(button_bg2.gif);        }

.button1b                                {        border: 1px solid #707b5f;
                                                        padding:4px;
                                                        white-space: nowrap;
                                                        float: left;
                                                        margin-right:2px;
                                                        text-align:center;
                                                        background-image: url(button_bg.gif);        }

.button2                                {        border: 1px solid #8E997D;
                                                        padding:4px;
                                                        white-space: nowrap;
                                                        float: right;
                                                        margin-left:2px;
                                                        text-align:center;
                                                        background-image: url(button_bg2.gif);        }

.button3                                {        border: 1px solid #8E997D;
                                                        padding:4px;
                                                        white-space: nowrap;
                                                        margin-right:2px;
                                                        text-align:center;
                                                        float:right;
                                                        background-image: url(button_bg2.gif);        }

/* This controls the bottom area that has the page..next page...etc links in it */
.ndcat                                  {        color:000000;
                                                        font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                                        font-size:10px; font-weight:bold;
                                                        padding:4px;
                                                        background-color: #b6c798;        }
.ndcat a:link,
.ndcat a:active,
.ndcat a:visited                 {        color:#000000; text-decoration:none;        }
.ndcat a:hover                        {        color:#000000; text-decoration:underline;        }

/* Some areas have small dividers.....this controls them */
.catbottom                                {        padding:0px;
                                                        background-color: #b6c798;        }

form                                        {        margin: 0; padding: 0;        }

.quicksearch
{
        margin-top:4px;

        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color:ffffff;
}
.quicksearch a:link
{
   font-weight: bold;
   color: #666666;
}


.quicksearch a:visited
{
   font-weight: bold;
   color: #666666;
}

.popup
{
   position: absolute;
   padding: 8px;
   width: 180px;
   background-color: #eeeeee;
   background-image: url(menu_bg.gif);
   background-repeat: repeat-y;
   border: solid 1px #000000;
   display: none;
   z-index: 100;
   filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25,overlap=0.25) progid:DXImageTransform.Microsoft.Shadow(color=#808080, direction=135, strength=4);
}


.popup2
{
   position: absolute;
   padding: 8px;
   width: 180px;
   background-color: #F6F6F6;
   border: solid 1px;
   display: none;
   z-index: 100;
   filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25,overlap=0.25) progid:DXImageTransform.Microsoft.Shadow(color=#808080, direction=135, strength=4);
}


.menuitem
{
   font-size: 10px;
   width: 180px;
   height: 16px;
   padding: 2px;
   display: block;
}


.menuitemdisabled
{
   font-size: 10px;
   width: 180px;
   height: 16px;
   padding: 2px;
   display: block;
}


.menuseparator
{
   font-size: 1px;
   width: 180px;
   height: 1px;
}


.statusmessage
{
   font-family: Verdana,sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   color: #800000;
}


.statusline
{
   font-family: Verdana,sans-serif;
   font-size: 10px;
   text-align: center;
   color: #777777;
}

.toolbarbutton
{
   background-image: url(toolbar_bg.gif);
   width: 23px;
   height: 23px;
   border: none;
   border: 1px solid #2E4E9F;
   margin:1px;
}


.toolbarseparator
{
   width: 6px;
   height: 23px;
   border: none;
   border: 1px solid #2E4E9F;
}


.texteditorenhanced
{
   font-size: 12px;
   background-color: #FFFFFF;
   height: 200px;
   width: 500px;
   padding: 8px;
   border: 1px inset #A0A0A0;
   overflow: scroll;
}


q
{
   display: block;
   background-color: #F8F8F8;
   border: 1px solid #C0C0C0;
   padding: 8px;
   padding-left: 16px;
}


.textbox
{
   border: 1px inset #808080;
}

.textbox2
{
   font-size: 10px;
   border: 1px solid #000000;
   background-color: #FFFFFF;
   color: #444444;
   padding: 2px;
}

/* This controls the main block for the emoticons when making a post */
.emoticontable
{
   background-color: #F0F0F0;
   border: 1px solid #808080;
}


.pmtoolbar
{
   text-align: right;
   background-color: #CCD5D7;
   width: 100%;
}


.publiceventtime
{
   font-size: 9px;
   background-color: #D8E4F7;
   padding: 2px;
   border: #244395 1px solid;
}


.publicevent
{
   padding: 2px;
   font-size: 9px;

}


.privateeventtime
{
   font-size: 10px;
   background-color: #9AEB78;
   padding: 2px;
}


.privateevent
{
   padding: 2px;
   background-color: #ADEF92;
}

/* This controls the text style inside of all the buttons */
a.navbutton:link
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   color: #ffffff;
}
a.navbutton:visited
{
   font-family: Tahoma,sans-serif;
   font-size: 10px;
   color: #ffffff;
}


a.userlocation:link
{
   font-size: 10px;
}


a.userlocation:visited
{
   font-size: 10px;
}


a.username:link
{
   color: #000000;
}

a.username:visited
{
   color: #000000;
}


a.userselected:link
{
   background-color: #000080;
   color: #FFFFFF;
}


a.userselected:visited
{
   background-color: #000080;
   color: #FFFFFF;
}


a.userselected:hover
{
   text-decoration: none;
}


a.typo:visited
{
   color: #800000;
}


a.foldernormal
{
   font-family: Verdana,sans-serif;
   font-size: 11px;
}


a.folderselected:link
{
   background-color: #000080;
   color: #FFFFFF;
}


a.folderselected:visited
{
   background-color: #000080;
   color: #FFFFFF;
}


a.folderselected:hover
{
   text-decoration: none;
}


a.menuitem:hover
{
   text-decoration: none;
   background-color: #000080;
   color: #FFFFFF;
}


a.menuitemdisabled
{
   color: #808080;
}


a.menuitemdisabled:visited
{
   color: #808080;
}


a.menuitemdisabled:hover
{
   text-decoration: none;
   background-color: #000080;
   color: #808080;
}

/* This controls how the text looks in the topic legend */
.topiclegend
{
        padding:2px;
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight:normal;
        color: #004080;

}
/* This controls how the text looks in the topic legend alternate cells */
.topiclegend2
{
        padding:2px;
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight:normal;
        color: #444444;
}

 .collapse { position: absolute; visibility: hidden; }
 .expand { position: relative; visibility: visible; }

/* Not sure what this does, gonna leave it to be safe */
 .preview        {
         background-color: #2F5A8D;
        border:1px solid #000000;
        padding:4px;
}

td.rbrk                         {font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                font-size: 10px;
                                font-weight: bold;
                                color:#FFFFFF;
                                background-color: #000000;
                                border: 1px solid #8e997d;
                                text-align:center;
                                padding:3px;        }

td.rbrl                         {font-family: verdana, tahoma, arial, helvetica, sans-serif;
                                font-size: 10px;
                                font-weight: bold;
                                color:#000000;
                                background-color: #FFFFFF;
                                border: 1px solid #8e997d;
                                text-align:center;
                                padding:3px;        }