html
{
overflow-y: scroll;
}
body, td, input, textarea, font, a, b, i, select
{
font-family: verdana, geneva, arial;
font-size: 12px;
}
body
{
background-color: #666699;
margin: 20px;
padding: 0;
}
body.mobile
{
margin: 1px;
}
body.projectMember nobr.level1 > span
{
padding-left: 5px;
}
body.projectMember nobr.level1 > span > *
{
vertical-align: middle;
}
body.projectMember nobr.level2 > span
{
display: inline-block;
padding-left: 5px;
white-space: normal;
width: 90%;
}
table, td, div.table, div.td
{
background-color: white;
}
td, div.td
{
padding: 1px 3px;
} 
.layout, .layoutWithBgColor
{
padding: 0;
margin: 0;
}
.layoutWithBgColor, div.td.layoutWithBgColor
{
background-color: #DEDEDE;
}
table.outline
{
background-color: #EEEEEE;
}
table.poutline
{
margin-left: -7px;  
}
.outlineOverlay
{
border: 1px #EEEEFE outset; background-color: #EEEEFE;
}
.outlineOverlay td,.outlineOverlay table
{
background-color: #EEEEEE;
}
table.outline > tbody tr:hover td
{
background-color: #EEEEFE;
}
.navi
{
background-color: #DEDEDE;
}
.disabled
{
color: lightgrey;
}
.header, th, div.th
{
background-color: #EEEEEE;
padding: 1px 3px;
}
th, div.th
{
font-size: 12px;
font-weight: bold;
text-align: left;
}
.backgroundHighlight
{
background-color: #EEEEEE;
}
div.table
{
display: table;
}
div.tr
{
display: table-row;
}
div.td, div.th
{
display: table-cell;
text-align: center;
vertical-align: middle;
}
a
{
color: #666699;
text-decoration: none;
}
a.navi, a.naviSelected
{
color: black;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
span, font
{
color: black;
}
.highlight
{
color: #666699;
font-weight: bold;
}
li
{
color: #8a8a8a;
}
h1
{
font-size: 18px;
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: 0;
}
div.table.statusLine
{
margin: 5px;
width: 99%;
}
div.table.statusLine > div.tr > div.td
{
background-color: #DEDEDE;
border: white 1px inset;
padding: 0 5px;
}
div.table.statusLine.head > div.tr > div.td
{
white-space: nowrap;
}
.selected
{
background-color: yellow;
}
img
{
border: 0;
}
img.button
{
padding: 0 5px;
}
.pageHeader
{
background-color: #C1C1C1;
border: white 1px outset;
padding: 1px 10px;
}
.pageHeader > span
{
font-weight: bold;
color: white;
}
.pageHeader > .content:first-letter
{
text-transform: uppercase;
}
.mdSwitch
{
display: inline-block;
padding: 5px 0 2px 13px;
}
.mdSwitch a
{
color: blue;
font-size: 10px;
font-weight: bold;
}
.mdSwitch.bottom
{
padding: 5px 0 2px 8px;
}
.mdSwitch.navi
{
padding: 6px 0 12px 3px;
}
table.navi
{
}
table.navi th           
{                       
font-size: 12px;
font-weight: bold;
background-color: #DEDEDE;
text-align: left;
padding: 0 3px;
}
a.navi
{
background-color: #DEDEDE;
}
.naviTdWithLink           
{
background-color: #DEDEDE;
padding: 1px 10px;
}
.naviTdWithLink:hover
{
align: center;
background-color: #C1C1C1;
}
.naviTdWithLink:hover a
{
border: 1px lightgrey outset;
padding: 0;               
text-decoration: none;
background-color: #C1C1C1;
}
.naviTdWithLink a
{
padding: 1px 1px 1px 0;   
}
.naviTdWithLink a:hover
{
color: white;           
}
.naviTdWithLink a:active
{
border-style: inset;
}
.naviTdWithLink[selected], .naviTdWithLink[selected] a
{
background-color: #C1C1C1;
}
.naviTdWithLink img.redDot
{
padding-right: 3px;
}
input, textarea, select
{
background-color: #EEEEFE; border: #666699 1px solid;
margin: 3px;
}
input.button
,input[type=submit], input[type=button]
{
border: #DEDEDE 1px outset;
}
input.button:hover, input[type=submit]:hover, input[type=button]:hover
{
color: #666699;
font-weight: normal;
}
a.button
{
color: black; background-color: #EEEEFE;
border: #DEDEDE 1px outset;
padding: 2px;
cursor: pointer;
}
a.button:hover
{
color: #666699;
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: 0;
}
.treeMenuNotSelectable
{
color: #666699;
cursor: text;
}
.treeMenu:hover
{
background-color: white; color: #666699;
}
.treeMenu:hover span
{
cursor: pointer;
text-decoration: none;
background-color: white; color: #666699;
}
.treeMenu span:hover
{
cursor: pointer;
background-color: #666699; color: white;  
}
.treeMenu[selected], .treeMenu[selected] span, .treeMenuSelected
{
background-color: white;
}
.treeMenuDisabled
{
color: #C1C1C1;
}
.treeMenuDiv
{
background-color: #EEEEFE;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px #666699 outset;
padding: 10px;
}
.treeMenuMultiText
{
border: 1px #666699 outset; background-color: #EEEEFE;
padding: 2px;
margin: 2px;
cursor: default;
}
div.treeMenuMultiText:active
{
border-style: inset;    
}
div.treeMenuMultiText:hover
{
color: #666699;
}