body {
   background-color : #F0F0F0;
}

body, a, td, tr, table, thead, th, p, b, i, input, button 
{
   font-family : verdana;
   font-size : 12pt;
}

input, select
{
   font-family : verdana;
   border : solid gray 1px;
   background : #F0F0F0;
   min-height : 0.6cm;
}

textarea
{
   font-family : verdana;
   border : solid gray 1px;
}

button
{
   font-family : verdana;
   height:0.7cm;
   font-size : 12pt;
   border : solid 2px #505050 outset;
   background : #F0F0F0;
   font-style : italic;
}
button:hover 
{
   border : solid 2px;
   border-style : inset;
   cursor : pointer;
}

:focus
{
   border:1px dashed;
}

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

a:hover
{
   color : #505050;
   text-decoration : underline;
}

.deleted
{
   color : #808080;
}

.javalink {
    color : #505050;
    text-decoration: none;
    cursor : pointer;
}

.warning {
    color : red;
    font-size : 12pt;
    text-decoration: none;
}

.large {
   font-size : 16pt;
}

.medium {
   font-size : 14pt;
}

.small {
  font-size : 12pt;
}

div {
   font-family : verdana;
	max-width : 1000px;
}

img {
	max-width : px;
}

img.large_icon {
	margin-left:auto;
	margin-right:auto;
    vertical-align : middle;
    max-width: 75px; 
    border : none;
}

img.small_icon {
    vertical-align : middle;
    max-width: 32px; 
    border : none;
    padding-right : 10px;
}

h1, h2, h3, h4 {
   font-family : verdana;
   color : black;
   max-width : 1000px;
}

h4 {
   font-size : 16pt;
}

h3 {
   font-size : 18pt;
}

h2 {
   font-size : 20pt;
}

h1 {
   font-size : 22pt;
}

th {
   font-size : 12pt;
   background : #c0c0c0;
   padding-left   : 5px;
   padding-right  : 5px;
   padding-top    : 5px;
   padding-bottom : 5px;
   border-bottom-color : black;
   border-bottom-style : solid;
   border-bottom-width : 1px;
}

th.dark {
   font-size : 12pt;
   background : black;
   padding-left   : 5px;
   padding-right  : 5px;
   padding-top    : 5px;
   padding-bottom : 5px;
   border-bottom-color : black;
   border-bottom-style : solid;
   border-bottom-width : 1px;
}

/* Table row. */
tr {
   background : #F0F0F0;
   padding-left   : 5px;
   padding-right  : 5px;
   padding-top    : 5px;
   padding-bottom : 5px;
}

/* Table row with a darker background. */
tr.dark {
   background : #c0c0c0;
   padding-left   : 5px;
   padding-right  : 5px;
   padding-top    : 5px;
   padding-bottom : 5px;
}

/* Default table cell style. */
td
{
	/* background : #F0F0F0; */
    padding-top : 10px;
	padding-left   : 15px;
    font-size : 12pt;
}


/* Default style for inputs. */
input, select, textarea
{
	background : #F0F0F0;
}

.silver {
   color : #838395;
}

.red {
   color : #830000;
}

/* The # means specified by element id, i.e. <div id="footer">.... </div> */
.footer {
     background-color: #505050;
     position:fixed;
     bottom:0;
     left:30%;
     right:30%;
     height:5px;
     text-align: center;
     opacity:0.5;
 }
.footerup {
     background-color: #F0F0F0;
     position:fixed;
     bottom:0;
     left:30%;
     right:30%;
     text-align: center;
     opacity:1.0;
 }

/* Main navigation block attributes. */
.navigation {
    position:fixed;
    top: 120;
    left:0;
    width:200;
    text-align: left;
	font-size : 12pt;
	color : #505050;
    opacity: 1;
	display : block;
 }

/* Main task block attributes. */
.fixedLeft {
    position:absolute;
    top: 132;
	height : auto;
	max-height : 80%;
    left:5px;
    width:20%;
    text-align: left;
	font-size : 12pt;
	color : #505050;
    opacity: 1.0;
	border-style:solid; 
	border-width:1px;
	padding:5px;
	overflow:auto;
 }

/* Page help block attributes. */
.pageHelp {
    position:fixed;
    top: 40px;
    right: 10px;
    text-align: left;
	padding: 5px;
	font-size : 12pt;
	color : #505050;
	background: #eeeeee;
	border-style:solid; 
	border-width:1px;
    opacity: 1;
	display : none;
	list-style-type:none;
 }

/* Help button attributes. */
.helpButton {
    position:fixed;
    top: 40px;
    right: 10px;
    text-align: left;
	padding: 5px;
	font-size : 12pt;
	font-weight:bolder;
	color : #505050;
	background: #eeeeee;
	border-style:solid; 
	border-width:1px;
    opacity: 0.5;
	display : inline;
	list-style-type:none;
	border-radius : 5px;
 }

.columnFilter {
	position : fixed;
	top : 70px;
	right : 40px;
    text-align: left;
	padding: 5px;
	color : #505050;
	background: #eeeeee;
	border-style:solid; 
	border-width:1px;
    opacity: 0.5;
	display : inline;
}	

.floatingHeader {
      position: fixed;
      top: 0;
      visibility: hidden;
    }

/* Dealer tariff download notification block attributes. */
.tariffNotify {
    position:fixed;
    top: 10%;
    left: 10%;
	width: 80%;
	height: 80%;
    text-align: center;
	padding: 5px;
	font-size : 24pt;
	color : #505050;
	background: #eeeeee;
	border-style:solid; 
	border-width:1px;
    opacity: 1;
	display : inline;
	list-style-type:none;
 }

.submitbutton {
	background : #F0F0F0;
	color:black;
	font-size : 12pt;
	font-style : italic;
	border : solid 2px #505050;
	border-style : outset;
	padding: 5px;
	cursor : pointer;
	height:0.6cm;
}

.submitbutton:hover {
   border-style : inset;
}

form.charlie_brown_pco input {
  margin: 10px;
}

img.linkImage {
   padding-bottom: 1em;
}