@import url("layout.css");

body {
	
font-family: Verdana, Arial, Helvetica, sans-serif;
	
font-size: 0.8em;
	
background-color: #f2f2f7;
	
background-image: url("../images/background.gif");
	
background-repeat: repeat;
	background-attachment: scroll;

}

#container {
	
width: 700px;
	
margin: 10px auto;

}

#masthead {
	
text-align: center;
	
width: 698px;
	
border-top: 1px solid #dcdcdc;
	
border-right: 1px solid #a9a9a9;
	
border-bottom: 1px solid #808080;
	
border-left: 1px solid #a9a9a9;
	background-color: #fafaff;

}

#navigation {
	
position: relative;
	
float: left;
	
width: 148px;
	
margin-top: 10px;
	
margin-bottom: 10px;
	
border-top: 1px solid #dcdcdc;
	
border-right: 1px solid #a9a9a9;
	
border-bottom: 1px solid #808080;
	
border-left: 1px solid #a9a9a9;
	
background-color: #fff;

}

#content {
	
float: left;
	
width: 518px;
	
margin-top: 10px;
	
margin-bottom: 10px;
	
margin-left: 10px;
	
padding: 10px;
	
border-top: 1px solid #dcdcdc;
	
border-right: 1px solid #a9a9a9;
	
border-bottom: 1px solid #808080;
	
border-left: 1px solid #a9a9a9;
	
background-color: #fff;

}

#footer {
	
text-align: center;
	
clear: both;
	
width: 698px;
	
padding-top: 5px;
	
padding-bottom: 5px;
	
border-top: 1px solid #dcdcdc;
	
border-right: 1px solid #a9a9a9;
	
border-bottom: 1px solid #808080;
	
border-left: 1px solid #a9a9a9;
	
background-color: #fefeff;

}

/* Masthead Styles */

#masthead h1 {
	
color: #3d6c87;

}

#masthead h3 {
	
color: #5f8ea9;

}

/* Navigation Styles */

.menu {
    list-style-type: none;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    }

.menu li {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
    background-color: #fff;
    }

.menu a {
    color: #3d6c87;
    text-decoration: none;
    display: block;
    padding: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    }

.menu a:hover {
    color: #fff;
    text-decoration: none;
    border: 1px solid #5f8ea9;
    background-color: #5f8ea9;
    }

.menu .menu {
    display: none;
    position: absolute;
    left: 0;
    width: 150px;
}

.menu .menu .menu {
    right: 100%;
    top: 0;
}

.menu .menu li {
    float: none;
}

.menu .menu a {
    background-color: yellow;
}

/* hover behaviour for links inside .menu */
.menu .menu a:hover {
  background-color: blue;
}

.menu .menu .menu a {
    background-color: green;
    color: white;
}

/* hover behaviour for links inside .menu */
.menu .menu .menu a:hover {
  background-color: blue;
}

.menu li:hover > .menu {
    display: block;
    font-size: 11px;
    padding-left: 15px;
    max-height: 150px;
//    z-index: 1;
    position: relative;
    top: 0;
    right: 100%;
    width: 115px;
//    min-width: 150px;
    white-space: nowrap;
}

/* Content Styles */

#content h1,h2,h3,h4,h5,h6 {
	
color: #3d6c87;

}

#content img {
	
padding: 5px;
	
border: 1px solid #808080;

}

/* Footer Styles */

#footer p {
	
color: #808080;
	
margin-top: 5px;

}

#footer a {
	
color: #5f8ea9;
	
text-decoration: underline;

}

#footer a:hover {
	
color: #33627d;
	
text-decoration: none;

}

a {
	
color: #5f8ea9;
	
text-decoration: underline;

}

a:hover {
	
color: #33627d;
	
text-decoration: underline;

}

.style_bold {
	
font-weight: bold;

}

.style_italic {
	
font-style: italic;

}

/* Report Styles */

.results {
   
font-size: 10.5px;
   
padding-right: 5px;
   
padding-left: 5px;
   
border: 1px solid gray;
   
border-collapse: collapse;
   
text-align: center;
   
margin-left: auto;
   
margin-right: auto;
   
}
#htmlreport {
   
background-color: white;
   
border-radius: 50px 50px 50px 50px;
   
width: 85%;
   
margin-left: auto;
   
margin-right: auto;
   
}

.reportheader {
   
text-align: center;
   
}

.printout {
   
text-align: right;
   
padding-right: 100px;
   
}

.buttons {
   
border-radius: 50px 50px 50px 50px;

}

/* Tooltip container */

a.tooltip {outline:none; }

a.tooltip strong {line-height:30px;}

a.tooltip:hover {text-decoration:none;} 

a.tooltip span {
    
z-index:10;
display:none; 
padding:14px 20px;
    
margin-top:-80px; 
margin-left:28px;
    
width:425px; 
line-height:16px; 
text-align: center;

}

a.tooltip:hover span{
    
display:inline; 
position:absolute; 
color:#111;
    
border:1px solid #DCA; 
background:#fffAF0;
}

.callout {
z-index:20;
position:absolute;
top:75px;
border:0;
left:-16px;
}
    

/*CSS3 extras*/

a.tooltip span
{
    
border-radius:4px;
    
box-shadow: 5px 5px 8px #CCC;

}