/* Medinfo style sheet */

body {
 background: #ffffff;
 color: #000000;
 font-family: sans-serif;
 font-size: medium;
 margin: 0;
 padding: 0;
}

div { margin: 0; padding: 0; }

img { margin: 0; padding: 0.5em; border: none; }
img#logo { float: left; padding: 0 0.5em 0 0; margin: 0 0 0.2em 0; }
img#validhtml { padding: 0.4em 0.5em 0.5em 1em; float: right; }

a.int:link { color: #0000ff; }
a.rel:link { color: #0022ff; }
a.ext:link { color: #00dd00; }
 span.ext { color: #00dd00; }
a.int:visited { color: #000080; }
a.rel:visited { color: #002280; }
a.ext:visited { color: #008000; }
a.int:hover, a.rel:hover, a.ext:hover { background: #dddddd; }
a.int:active, a.rel:active, a.ext:active { color: #ff0000; }
 h1 > a.int:hover { background: inherit; }
div.footer > .nav > a.int:link { color: #ffffff; }
div.footer > .nav > a.int:visited { color: #bbbbbb; }
div.footer > .nav > a.int:hover { color: #0022dd; }


h1, h2, h3, h4 {
 font-weight: bold;
 font-family: sans-serif;
 text-transform: capitalize;
}

h1 {
 font-size: xx-large;
 margin: 0em;
 padding: 0em;
 float: left;
}

h2 {
 clear: both;
 background: #003784;
 color: white;
 font-variant: small-caps;
 font-size: x-large;
 margin: 0 0 0.6em -0.6em;
 padding: 0.2em 0 0.2em 0.8em;
}

h3 {
 clear: both;
 font-size: large;
 font-variant: small-caps;
 padding: 0;
 margin: 1em 0 0.9em 0;
 border-bottom: 2px solid #003784;
}

h3.brief {
 clear: left;
 font-size: large;
 font-variant: small-caps;
 padding: 0;
 margin: 1em 0 0.9em 0;
 border-bottom: none;
}

h3.fb {
 font-size: medium;
 font-variant: normal;
 margin: 0;
 padding: 0 0 0.4em 0.4em;
 text-transform: none;
 border: none;
 float: left;
 width: 20%;
 max-width: 8em;
}

h4 {
 font-size: large;
 margin: 1em 0 0 0;
 padding: 0;
 text-transform: none;
}

.compat { display: none; }
.date { text-align: right; }
.archive { font-size: smaller; }

div.header {
 margin: 0;
 padding: 0.5em 0 0 0.6em;
}

div.header > div {
 min-height: 62px;
 margin: 0;
 padding: 0 0.6em 0 0;
}

.nav {
 font-family: sans-serif;
 text-transform: capitalize;
}

p#tag {
 text-align: center;
 font-style: italic;
 padding: 1em 1em 0.1em 1em;
 margin: 0;
}

div.header p.nav {
 text-align: center;
 font-size: larger;
 padding: 0 1em;
 margin: 0;
}

div.footer p.nav {
 background: #003784;
 color: white;
 margin: 1em 0 0.5em 0;
 padding: 0.3em 0 0.3em 1.1em;
 text-align: center;
 font-weight: bold;
}

div.footer {
 margin: 0;
 padding: 0;
 clear: both;
}

p.footer {
 margin: 0;
 padding: 0 0 1em 1.4em;
 font-size: small;
 text-align: justify;
}

div.content {
 margin: 0;
 padding: 0 2em 1em 1.5em;
}

div.section {
 margin: 0;
 padding: 0 1em 0.5em 1em;
 text-align: justify;
}

.content p { margin: 0.5em 0 0 0; padding: 0; }
.content tbody { vertical-align: top; }
.content td p { margin: 0; padding: 0; }
.content ul, .content ol { margin: 0.2em 0 0.5em 1em; padding: 0; }
.content dl { margin: 0.5em 1em; padding: 0;}
.content dt { margin: 0; padding: 0; text-align: left; }
.content dd { margin: 0 1em 0.5em; padding: 0; }
.content li { margin: 0 1em 0.2em 1.5em; padding: 0; }
.content li p { margin: 0.5em 0 0 0; padding: 0; }
.content dd li { margin: 0 0 0.2em 0; }
.content strong { color: #aa1111; font-weight: bold; }
.content em { color: #aa1111; }
.content dt { font-weight: bold; }
.content caption { font-weight: bold; margin: 1em auto; padding: 0; }
.content table { margin: 1em auto; }

.index em { color: inherit; }

div.inset {
 text-align: center;
 padding: 0 1em;
 font-size: smaller;
 font-style: italic;
}

div.inset em {
 font-style: normal;
}

hr { clear: both; margin-top: 1em; } 

div.fb#q {
 float: left;
 width: 65%;
 max-width: 25em;
}

@media print {
 .nav { display: none; } 
 div#feedback { display: none; }
 img#validhtml { display: none; }
}

/* ends */