body
{
color:black;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12pt;
background-color:silver;
max-width:950px;
min-width:750px;
margin:6px auto 6px auto;
}

div.h1
{
border:0px none;
margin:0px;
padding:0px;
font-weight:bold;
}

div.h2
{
font-style:italic;
font-weight:bold;
}

div.h3
{
display:block;
Padding:3px;
margin-bottom:6px;
border:2px solid #8000FF;
color:#000 !important;
background-color:#FFF0E1;
font-weight:bold;
font-size:110%;
border-radius:5px;
}

div.h4
{
color:green;
font-size:125%;
Padding-bottom:6px;
margin-bottom:6px;
border-bottom:3px double #8000FF;
font-weight:bold;
}

div.note
{
Padding-top:6px;
margin-top:6px;
border-top:3px double #8000FF;
line-height:145%;
}

span.ml
{
font-family:Courier, fixed, monospace;
text-align:center;
font-weight:bold;
border:1px solid #8000FF;
color:white;
background-color:green;
float:left;
position:relative;
left:-1px;
top:-1px;
margin:0px 10px 0px 0px;
padding: 0px 5px 0px 5px;
border-radius:5px;
}

a.ml
{
color:#0033FF;
background-color:inherit;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:left;
display:block;
padding:3px;
border:2px solid #E9D2FF;
margin-bottom:3px;
border-radius:5px;
}

a.ml:hover,
a.ml:visited:hover
{
color:white;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:left;
background-color:#cc0000;
display:block;
padding:3px;
border:2px solid #8000FF;
margin-bottom:3px;
border-radius:5px;
}

a.ml:visited
{
color:purple;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:left;
background-color:inherit;
display:block;
padding:3px;
border:2px solid #E9D2FF;
margin-bottom:3px;
}

a.top
{
font-weight:normal;
font-size:90%;
color:black;
text-decoration:none;
padding:0px 6px 0px 6px;
border:3px outset #cc0000;
background-color:#FFE1FF;
}

a.top:hover
{
color:white;
font-weight:normal;
font-size:90%;
text-decoration:none;
padding:0px 6px 0px 6px;
border:3px inset #cc0000;
background-color:#BB00BB;
}

span.q-box
{
font-family:Courier, fixed, monospace;
padding:0px 5px 0px 5px;
margin-right:10px;
color:white;
text-align:center;
font-weight:bold;
font-size:110%;
border:2px solid #8000FF;
background-color:green;
float:left;
position:relative;
left:0px;
top:-2px;
border-radius:5px;
}

div.top
{
position:fixed;
top:50%;
Left:-3em;
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-moz-transform:rotate(270deg); /* Firefox */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
-o-transform:rotate(270deg); /* Opera */
z-index:5;
}

a.email
{
background-color:#FFE1FF;
font-weight:bold;
color:black;
text-decoration:none;
padding:2px 4px 2px 4px;
border:2px outset #cc0000;
}

a.email:hover
{
color:white;
background-color:#BB00BB;
font-weight:bold;
text-decoration:none;
padding:2px 4px 2px 4px;
border:2px inset #cc0000;
}

.service
{
margin-left:3px;
margin-right:3px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-style:normal;
border:1px solid blue;
}

p.right
{
text-align:right;
}

.example
{
line-height:145%;
border:2px solid orange;
padding:6px 15px 6px 15px;
margin-top:15px;
/* [disabled]margin-bottom:15px; */
background-color:#f8f9fa;
background:url(images/qadotted.png);
border-radius:5px;
}

div.box-pink
{
border:1px solid blue;
padding:3px;
text-align:center;
font-weight:bold;
color:black;
background-color:#FFCCFF;
margin-left:10px;
margin-right:10px;
margin-bottom:12px;
border-radius:5px;
}

/* ========================================================================== */
div.box,
div.mainbox,
div.mainbox-center,
div.box2,
div.box3,
div.box4,
div.box5,
div.box6,
div.box7,
div.box-dotted
{
padding:8px;
text-align:left;
color:black;
line-height:145%;
border-radius:5px;
}

div.box
{
border:1px solid blue;
background-color:white;
margin-bottom:10px;
}

div.box2
{
border:2px solid #0FF;
background-color:#dcffff;
background:url(images/qa2.png);
margin-bottom:10px;
}

div.box3
{
border:2px solid #F9F;
background-color:#ffe6ff;
background:url(images/qa3.png);
margin-bottom:10px;
}

div.box4
{
border:2px solid yellow;
background-color:#ffffe6;
background:url(images/qa4.png);
margin-bottom:10px;
}

div.box5
{
border:2px solid gray;
background-color:#ffffe6;
background:url(images/qadotted.png);
margin-bottom:0px;
}

div.box6
{
border:1px solid blue;
background:url(images/qa.png);
background-color:#ffffe6;
margin-bottom:10px;
}

div.box7
{
border:1px solid blue;
background:url(images/qa.png);
background-color:#ffffe6;
}

div.box-dotted
{
border:2px solid gray;
background-color:#f8f9fa;
}

div.mainbox
{
padding:0px;
background:#feeefe;
}

div.mainbox-center
{
padding:10px;
background:#feeefe;
text-align:center;
margin-top:0px;
margin-bottom:10px;
}

/* ========================================================================== */
span.date-box
{
font-weight:bold;
border:1px solid blue;
padding:2px 4px 2px 4px;
background-color:#FFFFCC;
}

div.center
{
text-align: center;
}

td.left-dotted
{
border-left:2px solid gray;
padding:0px 0px 15px 15px;
}

.desc,
.desc:visited
{
text-decoration:none;
border-bottom:2px solid #00CC00;
color:black;
font-size:inherit;
}

.desc:hover,
.desc:visited:hover
{
text-decoration:none;
border:0px;
color:white;
background-color:#00CC00;
font-size:inherit;
}

.desc2,
.desc2:visited
{
text-decoration:none;
font-weight:bold;
border-bottom:2px solid #06F;
color:black;
font-size:inherit;
}

.desc2:hover,
.desc2:visited:hover
{
text-decoration:none;
font-weight:bold;
border:0px;
color:white;
background-color:#06F;
font-size:inherit;
}

.desc-vm,
.desc-vn:visited
{
text-decoration:none;
border-bottom:2px solid #06F;
color:black;
font-size:inherit;
}

.desc-vm:hover,
.desc2:visited:hover
{
text-decoration:none;
border:0px;
color:white;
background-color:#06F;
font-size:inherit;
}

.blackbox
{
font-size:12pt;
font-weight:bold;
border:1px solid black;
background-color:#FFFFFF;
padding:5px;
margin-right:2px;
}

.sponsor
{
font-size:50%;
color:blue;
text-decoration:none;
}

a.sponsor
{
border-bottom:2px solid blue;
text-decoration:none;
font-size:inherit;
}

a.sponsor:hover,
.desc2:visited:hover
{
text-decoration:none;
background-color:#0033FF;
font-size:inherit;
}

.title
{
font-family: "Arial Black", Arial, Verdana, Helvetica, sans-serif;
font-size:350%;
font-weight:bold;
text-shadow:black 1px 1px 1px, black -1px -1px 1px, white 2px 2px 1px, gray 10px 10px 5px;
color: #87CEEB;
line-height:90%;
}

.sub-title
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:175%;
font-weight:bold;
text-shadow:gray 6px 6px 4px;
color: #cc0000;
line-height:175%;
}

.dot
{
color:#FFCC66;
}

.answer
{
line-height:145%;
margin-bottom: 10px;
}

img.glow:link,
img.glow:visited
{
box-shadow:none;
}

img.glow:hover
{
box-shadow:1px 1px 20px yellow;
-webkit-box-shadow:1px 1px 20px yellow;
}

td.td
{
padding:0px 1px 0px 1px;
border:1px solid #8000FF;
}

td.td2
{
padding:0px 1px 0px 1px;
border:1px solid #8000FF;
background-color:#8000FF;
color:white;
}

.no-top
{
margin-top:0px;
}

.no-bottom
{
margin-bottom:0px;
}

.no-margin
{
margin:0px;
}

.center
{
text-align:center;
}