body 
{ 
background-color: rgb(244,244,244);
background-image: url('bgcircle.png');
background-repeat: no-repeat;
margin-left: 1.5cm; 
margin-right: 1.5cm;
color: rgb(51,51,51); 
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12pt;
font-family: Arial;
}

td.tab 
{ 
color: silver;
background-color: white;
font-size: 12pt;
border-top: 2px solid #F4F4F4; 
border-bottom: 1px solid silver; 
padding-left: 5px; 
padding-right: 5px; 
widthx: 20%;
cursor: pointer; 
}

td.tabSelected 
{ 
color: black;
background-color: white;
font-size: 12pt;
border-top: 2px solid white; 
border-bottom: 1px solid silver; 
padding-left: 5px; 
padding-right: 5px; 
widthx: 20%;
}


td.tabsep 
{ 
padding: 0px;
border-top: 1px solid transparent; 
}


#header 
{ 
width: 100%;
}


img
{
border: none;
}

img.logo 
{
margin: 5pt;
margin-bottom: 15pt;	
}

/* icons */

.docIcon
{
position:absolute;
}

.docIconLabel 
{
position:absolute;
left: 20px; 
top: 20px; 
font-size: 8pt;
font-weight: bold;
border: 1px solid gray;
padding: 0pt 3pt;
color: white;
white-space: nowrap;
}

.pdfLabel
{
background-color: red;
}

.docLabel
{ 
background-color: navy;
}

.pptLabel
{ 
background-color: orange;
}

.xlsLabel
{
background-color: green;
}

.htmlLabel
{
background-color: blue;
}


.txtLabel
{
background-color: white;
color: black;
}

.pngLabel
{
background-color: gold;
color: black;
}

.jpegLabel
{
background-color: GreenYellow;
color: black;
}

.xmlLabel
{
background-color: aqua;
color: black;
}

.svgLabel
{
background-color: rgb(237,169,33);
color: black;
}

.tiffLabel
{
background-color: silver;
color: black;
}


/* body style */

h1.heading1 {
background-color: white; 
margin: 0pt; 
padding-bottom: 16pt; 
font-size: xx-large;
font-weight: bold;
}

#intro h1.heading1 {
background-color: white; 
margin: 0pt; 
padding-bottom: 16pt;
padding-left: 12pt; 
font-size: xx-large;
font-weight: bold;
}

#intro table
{
margin-left: 12pt;
margin-bottom: 12pt;
}

h2.heading2 {
margin: 0pt;
margin-bottom: 6pt;
padding: 0pt;
}

h2 {
font-size: larger;
}


#intro {
padding-top: 12pt;
opacity: 0.82;
background-color: white; 
}


#textBody
{
background-color: white; 
margin-top: 4pt;
padding: 12pt;
}



#column1 { 
width: 50%;
padding-right: 12pt;
border-right: 2px dotted silver;
/*
padding-right: 0.5cm;
border: 12px solid white;
border-right: 2px dotted silver;
*/
vertical-align: top;
}

#column2 {
width: 50%;
padding-left: 12pt;
vertical-align: top;
}

.to
{
padding-left: 10px; 
padding-right: 10px;
}

.output
{
padding-top: 15px;
padding-right: 30px;
}

/* footer style */

#footer 
{ 
margin: 0pt;
color: gray;
border-top: 1px solid silver;  
padding: 0.3cm;
font-size: 8pt;
}

a.footer {
color: gray;
}

/* paragraph style */

p {
text-align: justify;
}


p.intro { 
line-height: 6mm;
color: black; 
}


li { 
color: black; 
}

/* Menu style */

#menu 
{ 
width: 100%;
border-collapse: collapse;
border: none;
filter: alpha(opacity=75);
opacity: 0.75;
}

td.menuEdge 
{ 
padding: 0;
border: none;
width: 5px;
}

td.menu 
{ 
background-image: url('menu-bg.png');
border: none;
}

/*
.menu:hover
{
background-color: silver;
}
*/

a.menu
{
color: rgb(51,51,51);
font-size: 12pt;
font-weight: normal;
text-decoration: none;
padding-left: 10pt;
padding-right: 10pt;
padding-bottom: 4pt;
}

td.menuSep
{
background-image: url('menu-bg.png');
color: rgb(153,153,153);
border: none;
}

/* Link style */

a
{
color: black;
text-decoration: underline;
}


a.menu:hover 
{  
color: black;
text-decoration: none;
background-color: rgb(244,244,244);
}


/*
a:link {  color: black; text-decoration: underline }
a:hover {  color: black; text-decoration: underline }
a:active {  color: black; text-decoration: underline }
a:visited { color: black; text-decoration: underline }
*/