body {
background-image:url('../gfx/main/bg_outer.jpg');
background-color: #2B2B2B;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

p, body, td { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
line-height: 18px;
}

td.main { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #999999;
line-height: 18px;
text-align: justify;
}

td.sub { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #999999;
line-height: 18px;
text-align: left;
}

td.sub2 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #999999;
line-height: 18px;
text-align: right;
}

td.sub3 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #CCCCCC;
line-height: 18px;
}

td.sub4 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #CCCCCC;
line-height: 18px;
}

td.sub5 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #CCCCCC;
line-height: 18px;
}

td.name { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #CCCCCC;
line-height: 18px;
}

td.rip { 
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold; 
color: #DFC16E;
line-height: 18px;
text-align: justify;
}

td.rip2 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal; 
color: #DFC16E;
line-height: 18px;
text-align: justify;
}


A {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
text-decoration: underline;
color: #DFC16E;
line-height: 18px;
} 

A:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
text-decoration: underline;
color: #FFFFFF;
line-height: 18px;
}

A:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
line-height: 18px;
}

form {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { /* Fixes Firefox input button padding issue */
padding:0px !important;
border: 0 none !important;
}

.input {
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  background-color: #292929;
  vertical-align: middle;
  width: 180px;
  height: 26 px;
  line-height: 12px;
  padding: 6px;
  border-color: #666666;
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
}

.formfield {
margin: 0 0 0 0;
width: 200px;
border: 1px solid #000000;
background-color: #E5DABC;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
padding: 0px;
height: 22px;
line-height: 18px;
resize:none;
}

.formfield2 {
margin: 0 0 0 0;
width: 350px;
border: 1px solid #000000;
background-color: #E5DABC;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
padding: 0px;
line-height: 18px;
resize:none;
}
/* NOTE: container div also specifies width and height (in head of demo) */
div#wn { 
    position:absolute; /* scroll area div must be positioned */
    width:507px; height:361px; /* width and height required. adjust to suit */
    overflow:hidden; /* required! */
	}
div#scrollbar {
    position:absolute;
    /* include following if you don't want scrollbar hidden when insufficient content for scrolling */
    /* visibility:visible !important; */ 
    width:11px; height:361px;
    right:0; /* at right edge in container div */
    font-size:1px; /* for ie cooperation */
    }
div#scrollbar .up {
    background-image:url('../gfx/main/btn-up.gif');
    background-repeat: no-repeat;
    width:11px; height:11px; /* specify width and height of your image */
    position:absolute; top:0;
    }
div#scrollbar .down {
    background-image:url('../gfx/main/btn-dn.gif');
    background-repeat: no-repeat;
    width:11px; height:11px; /* specify width and height of your image */
    position:absolute; bottom:0;
    }
div#scrollbar .track {
    position:absolute; /* track must be positioned */
    left:0;
    top:12px; /* equal to height of .up image plus optional 1px for gap */
    width:11px; 
    height:337px; /* height of scrollbar minus 2 X image height minus optional 2px for gap */
    background-color:#333333;
    }
div#scrollbar .dragBar {
    position:absolute; /* dragBar must be positioned */
    background-color:#505050; /* can use background-image if you like */
    width:9px; 
    height:20px; /* code auto-sizes */
    /* height:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */
    top:1px; left:1px; /* optional, small gap between track and dragBar */
    }

/* for clutzy draggers */
div#scrollbar {
    -moz-user-select: none;
    -khtml-user-select: none;
    }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #FFFFFF;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
color: #333333;
line-height: 18px;
padding: 10px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: black;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}