BODY
{
background-color:       #000000;
background-image: url('img/bg2.JPG');
background-repeat: no-repeat;
font:                   normal 12px verdana,arial,helvetica,sans-serif;
color:                  #dddddd;
margin:                 0px;
margin-right: 0px;

scrollbar-face-color:#000033;
scrollbar-highlight-color:#111144;
scrollbar-shadow-color:#333333;
scrollbar-3dlight-color:#777777;
scrollbar-arrow-color:#CCCCCC;
scrollbar-track-color:#000033;
scrollbar-darkshadow-color:#111133;

}

a:link, a:visited
{ color: #ffcc00; text-decoration: none; }

a:hover
{ color: #ff0000; text-decoration:  none; }


.normalText
{ font: normal 11px verdana; }

TD {font-size: 12px; line-height: 18px;}

.feature_title
{ font-size: 16px;  font-weight: bold;  color: #ffcc00; }

.feature
{
border: 1px solid #aaaaaa;  background-image: url('img/bg_main.gif');  font-size: 12px; padding: 12px;
line-height: 20px;
}



.mix_item
{
padding-top: 1px;
padding-bottom: 1px;
font-weight: bold;
padding-left: 20px;
}


#page_title
{
color: #ffffff;  font-size: 16px; text-align: left; font-weight: bold;
border: 0px solid red;  padding: 6px;  position: absolute;
left: 182px;  top: 70px;  z-index: 5;
}



#main_content
{
color: #cccccc;
font: normal 9pt verdana,arial,helvetica,sans-serif;
text-align: left;
border: 0px solid red;
padding: 10px;
position: absolute;
left: 168px;
top: 268px;
padding-right: 158px;
padding-left: 20px;
}



#plugin_container
{
color: #cccccc;
font: normal 9pt verdana,arial,helvetica,sans-serif;
text-align: left;
border: 0px solid red;
padding: 10px;
position: absolute;
left: 172px;
top: 70px;
padding-right: 00px;
padding-left: 0px;
}



#main_content a:link, #main_content a:visited
{ color: #ffcc00; text-decoration:  none; }

#main_content a:hover
{ color: #ff0000; text-decoration:  none; }


#footer
{padding-bottom: 8px; padding-top: 2px;
font: normal 10px verdana; color:#cccccc; }
#footer TD { font-size: 10px }


#links
{
border:0px solid red;
padding:3px;
font: normal 8pt verdana;
color: #000000;
position: absolute;
bottom: 1px;
left: 0px;
}

#links a:link, #links a:visited, #links a:hover
{ color: #000000; text-decoration:  none; }


#mailer
{ font-size: 10px; padding: 4px; border: 1px dashed #cccccc }




/* ============================================ input */
.inputbox
{
background-color: #9090A0;
color:            #0000000;
font-weight:      normal;
font-size:        9pt;
font-family:      arial;
padding-top:      1px;
border-top:       1px solid #5D5D5D;
border-left:      1px solid #5D5D5D;
border-bottom:    1px solid #404040;
border-right:     1px solid #404040;
}

.input
{
background-color: #9090A0;
color:            #0000000;
font-weight:      normal;
font-size:        9pt;
font-family:      arial;
padding-top:      1px;
border-top:       1px solid #5D5D5D;
border-left:      1px solid #5D5D5D;
border-bottom:    1px solid #404040;
border-right:     1px solid #404040;
}



/* INPUTs =================== */

.inputbutton
{
background-color: #101020;
border-top:       1px solid #5D5D5D;
border-left:      1px solid #5D5D5D;
border-bottom:    1px solid #404040;
border-right:     1px solid #404040;
color:            #ffffff;
font-weight:      bold;
font-size:        8pt;
font-family:      arial;
}


.dropdown
{
background-color: #ffffff;
border-width:    0px;
color:           #000000;
font-weight:     normal;
font-size:       8pt;
font-family:     arial;
}














/* menu stuff - DON'T TOUCH!!!!!!!!!!!  */


#menuOuter
{
border: 0px solid #cccccc;
padding: 0px;
padding-left: 6px;
padding-right: 12px;
padding-bottom: 30px;
position: absolute;
left: 6px;
top: 74px;
width: 164px;
}


#extralinks
{ position: absolute; top: 7px; left: 100px; width:40px; display: block; text-align: right; font-weight: normal; font-size: 8px; }

.section
{ padding: 0px; }

.section_title
{
border-bottom: 0px solid #999999;
color: #000000;
padding: 3px;
padding-bottom: 1px;
padding-left: 0px;
font: bold 12px verdana,arial,sans-serif;
}

.section_data
{
border: 0px solid #cccccc;
padding: 0px;
font: normal 12px verdana,arial,sans-serif;
}


.container
{
border: 0px solid green;
padding: 2px;
padding-left: 11px;
display: none;
background-image: url('img/folder_line5.gif');
background-position: bottom left;
background-repeat: repeat-y;
}

.container_open
{
border: 0px solid green;
padding: 2px;
padding-top: 0px;
padding-left: 13px;
display: block;
background-image: url('img/folder_line4a.gif');
background-position: bottom left;
background-repeat: repeat-y;
}

.folder
{
border: 0px solid red;
padding: 2px;
padding-left: 3px;
font: normal 12px verdana,arial,sans-serif;
background-image: url('img/folder_line6.gif');
background-position: top left;
background-repeat: repeat-y;
}
.folder a:link, .folder a:visited
{ color: #ffcc00; text-decoration: none; }

.folder a:hover
{ color: #ff0000; text-decoration:  none; }


.files
{
border: 0px solid purple;
padding: 0px;
padding-top: 2px;
display: block;
background-image: url('img/folder_line5as.gif');
background-position: top left;
background-repeat: no-repeat;
}

.file
{
border: 0px solid blue;
padding: 3px;
padding-top: 2px;
padding-left: 6px;
font: normal 12px verdana,arial,sans-serif;
background-image: url('img/folder_line2.gif');
background-position: bottom left;
background-repeat: no-repeat;
}
.file a:link, .file a:visited
{ color: #ffcc00; text-decoration: none; }

.file a:hover
{ color: #ff0000; text-decoration:  none; }




#file_home
{ background-image: none;  font-weight: normal; width: 136px; }

.file_on
{
border: 1px dashed #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 2px;
padding-top: 2px;
padding-left: 6px;
font: normal 12px verdana,arial,sans-serif;
background-image: url('img/folder_line2.gif');
background-position: bottom left;
background-repeat: no-repeat;
width: 130px;
}