body, td, input, textarea, font, a, b, i
{
font-family : verdana, geneva, arial;
font-size: 14;
}
body
{
background-color: #EEEEEE;
}
table, td
{
background-color: white;
}
td
{
padding: 1 3 1 3;
} 
.layout, .layoutWithBgColor
{
padding: 0px;
margin: 0px;
}
.layoutWithBgColor
{
background-color: #F5F5F5;
}
table.outline {
background-color: #EEEEEE;
}
table.poutline {
margin-left: -7px;  
}
.outlineOverlay {
border: 1px #444444 solid;
background-color: #F5f5f5;
}
.outlineOverlay td,.outlineOverlay table {
background-color: #F5F5F5;
}
.navi
{
background-color: #EEEEEE;
}
.disabled
{
color: lightgrey;
}
.header, th
{
background-color: #EEEEEE;
padding: 1 3 1 3;
}
th
{
font-size:  15;
font-weight: bold;
text-align:left;
}
.backgroundHighlight
{
background-color: #CDCDCD;
}
a
{
color: #AAAAAA;
}
a.navi, a.naviSelected
{
color: #000000;
text-decoration : none;
}
a:hover
{
text-decoration : underline;
}
font
{
color : #000000;
}
.highlight
{
color: #FFFFFF;
font-weight:bold;
}
li
{
color: #8a8a8a;
}
h1
{
font-size : 18;
font-weight : bold;
}
.noStyle, a.noStyle:hover
{
background-color: transparent;
color: black;
text-decoration: none;
}
.vpRedDotColor
{
color: #FB191D;
}
.warning{
background-color: yellow;
color:red;
font-weight : bold;
}
.success{
background-color: white;
color:red;
font-weight : bold;
}
table.message, th.message
{
background-color: #C1C1C1;
color: black;
font-weight: bold;
}
td.message
{
padding: 5px;
margin: 0px;
}
.statusLine
{
background-color: #DEDEDE;
border: white 1px solid;
padding: 2 5 2 5;
}
.selected
{
background-color: yellow;
}
img.button
{
padding: 2 5 2 5;
border: 0px;
}
.pageHeader
{
font-weight: bold;
color: white;
background-color: #C1C1C1;
border: white 1px solid;
padding: 1 10 1 10;
}
.pageHeader:first-letter
{
text-transform: uppercase;
}
table.navi
{
}
table.navi th           
{                       
font-size: 15;
font-weight:bold;
background-color: #EEEEEE;
text-align:left;
padding: 0 3 0 3;
}
a.navi
{
background-color: #EEEEEE;
}
.naviTdWithLink           
{
background-color: #EEEEEE;
padding: 1 10 1 10;
}
.naviTdWithLink:hover
{
align: center;
background-color: #BBBBBB;
}
.naviTdWithLink:hover a
{
border: 1px lightgrey outset;
padding: 0;               
text-decoration: none;
background-color: #BBBBBB;
}
.naviTdWithLink a
{
padding: 1 1 1 0;   
}
.naviTdWithLink a:hover
{
color: white;           
}
.naviTdWithLink a:active
{
border-style: inset;
}
.naviTdWithLink[selected], .naviTdWithLink[selected] a
{
background-color: #BBBBBB;
}
input, textarea, select
{
background-color: #EEEEEE;
border: #AAAAAA 1px solid;
margin: 10px;
}
input.button
,input[type=submit], input[type=button]
{
border: #AAAAAA 1px solid;
padding: 10px;
border-radius: 5px;
}
input.button:hover, input[type=submit]:hover, input[type=button]:hover
{
color: #AAAAAA;
font-weight: normal;
}
a.button {
color: #000000;
background-color: #EEEEEE;
border: #AAAAAA 1px solid;
padding: 10px;
cursor: pointer;
}
a.button:hover {
color: #AAAAAA;
text-decoration: none;
}
#boldbutton {
font-weight:bold;
}
.required
{
border-color:#FF0000;
}
input.warning, select.warning
{
border: red 2px dashed;
background-color: #DEDEDE;
 color: black;
font-weight: normal;
}
.treeMenu, .treeMenuNotSelectable {          
padding: 0px;
}
.treeMenuNotSelectable {
color: #000000;
cursor: text;
}
.treeMenu:hover
{
background-color: #AAAAAA;
color: #000000;
}
.treeMenu:hover span {
cursor: pointer;
text-decoration: none;
background-color: #AAAAAA;
color: #000000;
}
.treeMenu span:hover {
cursor: pointer;
background-color: #AAAAAA;
color: #000000;  
}
.treeMenu[selected], .treeMenu[selected] span, .treeMenuSelected {
background-color: #EEEEEE;
}
.treeMenuDisabled {
color:  #DEDEDE;
}
.treeMenuDiv {
background-color: #EEEEEE;
position:absolute;
left:0px;
top:0px;
visibility:hidden;
border:1px #AAAAAA outset;
padding: 10px;
}
.treeMenuMultiText {
border:1px #000000 outset;
background-color: #AAAAAA;
padding: 2px;
margin: 2px;
cursor: default;
}
div.treeMenuMultiText:active {
border-style: inset;    
}
div.treeMenuMultiText:hover {
color: #666699;
}