body
{
	font-family: Arial; font-size: 10pt;
	color:white;
	background-color:#360b02;
}
.bodyoffset /*Offset color for top bar, etc*/
{
	background-color:#505050;
}
h1
{
	text-align:center;
}
.headerfont
{
	font-size: 15pt;
}
textarea
{
/*background-color:#909090;
color:white;*/
}
a:link
{
	color:#EEEEEE;
}
a:visited
{
	color:#BBBBBB;
}
a:hover
{
	color:#FFEF0D;
}
a:active
{
	color:#FFEF0D;
}
.entry_tdtr
{
	vertical-align: top;
	text-align: right;
}



SELECT, INPUT[type="text"] {
    width: 160px;
    box-sizing: border-box;
}
SECTION {
    padding: 8px;
    background-color: #360b02;
    overflow: auto;
}
SECTION > DIV {
    float: left;
    padding: 4px;
}
SECTION > DIV + DIV {
    width: 40px;
    text-align: center;
}



.pageselectedfont /*Color for selected page in page list*/
{
	color:#FFEF0D;
}
/*ImagePopup  http://www.cssplay.co.uk/menu/pop_ups.html  */
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:100px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
/*border:1px solid #000; /* add a border */
left:72; /* position:the image */
top:-18px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/*End of ImagePopup*/


/*Table on Log Page*/
table.log th, table.log td {
  font-size : 77%;
  font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif;
  background : #555 none; color : #FFF; }
/*Tables on view Page*/
table.view th, table.view td {
	font-family: Arial; font-size: 10pt;
	color:white;
}
/* TextBox Gradient */
.tbgrad {
	background-image:url(images/textbox_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
}  

.clear { clear: both; } 
span.smalltext
{
	font-family: Arial; font-size: 8pt ;
}

span.supersmalltext
{
	font-family: Arial; font-size: 7pt 
}

.posting_table, .posting_tdtr
{
    border-color: #CFC9C2;
    border-style: solid;
}

.posting_table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.posting_tdtr
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    /*background-color: #DDD;*/
    
}


.menu_table, .menu_tdtr
{
    border-color: #CFC9C2;
    border-style: solid;
}

.menu_table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.menu_tdtr
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    /*background-color: #DDD;*/
}


.topinfo_table, .topinfo_tdtr
{
    border-color: #CFC9C2;
    border-style: solid;
}

.topinfo_table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.topinfo_tdtr
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    /*background-color: #DDD;*/
}

.fileslisttop_table, .fileslistbottom_table, .fileslist_tdtr
{
	font-family: Arial; font-size: 8pt;
    border-color: #CFC9C2;
    border-style: solid;
}

.fileslisttop_table
{
    border-width: 0 0 0 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.fileslistbottom_table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.fileslist_tdtr
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    /* background-color: #FFFFFF; */
    word-wrap: break-word;
    max-width: 150px;
}
.oddrows
{
	color:black;
	background-color:#7B7D7F;
}
.evenrows
{
	color:black;
	background-color:#747678;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 5px solid black;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	
	border-left: 5px solid black;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	
	border-right:5px solid black; 
}
pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre; 
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
overflow-wrap: break-word;
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space : normal; /* crucial for IE 6, maybe 7? */
}
/* warm grey: CFC9C2 */
/* official yellow: FFEF0D */
/* this yellow: FFF582 */