/* Main body */
body {
        padding: 0;
        margin: 0;
        background-image: url('/images/background.gif');
        background-color: #E0E0E0;
        background-position: top center;
        background-repeat: repeat-y;
                font-size: 10pt;
                font-family: tahoma;
        }
/* Links */
a {
        color: #8f3535;
        text-decoration: none;
        }
/* Links Hover */
a:hover {
        color: #D48700;
        }
/* Form Stuff */
input, textarea, select {
        font-family: arial;
        font-size: 1.1em;
        border: 1px solid #C9C9C9;
        background-color: #ECECEC;
        }
img {
        border: 0;
        }
/*** TABS ***/
/* Tab Background */
#tabnav
        {
                height: 20px;
                margin: 0;
                margin-bottom: -1px;
                font-size: .8em;
                padding-left: 10px;
        }

#tabnav li
        {
                margin: 0;
                padding: 0;
                  display: inline;
                  list-style-type: none;
          }
/* Each Seperate Tab */
#tabnav a:link, #tabnav a:visited
        {
                float: left;
                background: #f3f3f3;
                line-height: 14px;
                padding: 2px 10px 2px 10px;
                margin-right: 4px;
                border: 1px solid black;
                text-decoration: none;
                color: #666;
        }
/* Active (Current) Tab */
#tabnav a:link.active, #tabnav a:visited.active
        {
                border-bottom: 1px solid #F8F8F8;
                background: #F8F8F8;
                color: #000;
        }
/* Tabs Hover */
#tabnav a:hover
        {
                background: #fff;
        }

/* DONE */
/* Main Window */
.main {
        position: relative;
        width: 800px;
        left: 50%;
        margin-left: -400px;
        }
.top {
        border-bottom: 2px solid white;
        height: 80px;
        }
.topbar {
        background-image: url('/images/titlebg.gif');
        background-position: top left;
        background-repeat: repeat-x;
        position: absolute; 
        top: 132px;
        left: 0px;
        width: 100%;
        height: 52px;
        font-size: 11px;
        font-family: arial;
        padding-top: 2px;
        padding-left: 2px;
        }
/* Left Container (Simply for positioning)*/
.leftcont {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 0px;
        }
/* Main Container (Simply for positioning)*/
.maincont {
        position: absolute;
        left: 5px;
        top: 155px;
        width: 780px;
        }
/* The main content box */
.content {
        width: 100%;
        background: #f8f8f8;
        border: 1px solid #333;
        /*        border-top: 0; */
        padding: 4px;
        margin-bottom: 5px;
        font-family: arial;
        font-size: 0.8em;
        }
/* The Sub Header */
.content .header {
        background-color: #F0F2EC;
        font-family: arial;
        color: black;
        padding: 2px;
        border: 1px solid #C9C9C9;
        }
/* Main Header (at top of content) */
.mainheader {
        background-color: #C6CDB4;
        color: #8f3535;
        font-family: arial;
        padding: 2px;
        border: 1px solid #B4B4B4;
        padding: 2px;
        margin-bottom: 4px;
}
/*** TABLES [NOTE: trackerlist is actually used for all tables, I was lazy and never renamed it] ***/
/* Border for tables basically */
.trackerlist, .tlist {
        border: 1px solid #C9C9C9;
        }
/* The Header For Tables*/
.trackerlist .head {
        background-color: #E6E9DE;
        border-bottom: 1px solid #C9C9C9;
        }
/* Second row when alternating rows */
.row2 {
        background-color: #D5DAC9;
        }
/* Hidden Row */
.hidden {
        background-color: #E8D1D1;
        }
/* Highlighted Row */
.highlight {
        background-color: #E8D1D1;
        }
/* Positioning Stuff */
.tlist {
        width: 100%;
        margin-top: 4px;
        }
/* Another head? I actually dont know what this does or where it is used... */
.thead {
        background-color: #C6CDB4;
        vertical-align: top;
        }
.comments {
border: 1px solid #C9C9C9;
margin-top: 4px;
}
.comments td {
vertical-align: top;
padding: 4px;
}
/* USER COLORS */
/* Admins */
.user1 {
        color: blue;
        }
/* Moderators */
.user2 {
        color: #ffa500;
        }
/* Normal Members */
.user3 {
        color: #228b22;
        }
div.hide
{
        margin: 0px 20px 0px 20px;
        display: none;
}

div#vpopup
{
display:none;
}
.ExempleOUT {
   border-color: #A0A0A0;
   border-style: dotted;
   border-width: 1px;
   background-color:#F0F0F0;
   color: #606060;
   margin: 10px;
  }
 .ExempleIN {
   margin: 4px;
   font-size: 10px;
   font-family: helvetica;
  }