﻿body {
margin: 0;
padding: 0;
font-size: .8em;
font-family: Verdana, Arial, sans-serif;
text-align: left;
height: 100%; 
}

.clearer {
clear: both;
}

img {
border: 0;
}

h1, h2, h3 {
font-family: Tahoma, Arial, Sans-Serif;
font-weight: bold;
line-height: 1em;
}

h1 {
font-size: 1.2em;
margin: 0 0 5px 0;
}

h2 {
font-size: 1em;
margin: 0;
}

ul {
margin: 5px 0 20px 20px;
padding: 0;
}

li {
margin: 0 0 10px 0;
padding: 0;
}

p {
margin: 0;
padding: 5px 0 10px 0;
margin: 0 0 10px 0;
}

sup {
font-size: 60%;
}

a, a:active {
font-weight: normal;
color: #0153b2;
cursor: hand;
text-decoration: none;
}

a:hover {
color: #013985;
cursor: hand;
text-decoration: underline;
}

#pnlDetails {
position: absolute;
height: 100%;
width: 100%;
background: url(images/ffselectorright.png) 0px 0px no-repeat;
background-position: bottom right;
}

.header {
padding: 8px 0 5px 0;
border-bottom: 1px solid #a1a1a1;
}

.headerconcept a, .headeranalysis a, .headerconcept a:hover, .headeranalysis a:hover {
color: #FFF;
} 

.headerconcept {
padding: 10px;
color: #FFF;
background-color: #108608;
}

.headeranalysis {
padding: 10px;
color: #FFF;
background-color: #1140ae;
}

.headerboth {
padding: 10px;
color: #FFF;
background-color: #808080;
}

.content {
padding: 10px;
overflow: auto;
height: 380px;
}