html{
overflow-y: scroll;
}
@media screen{
body{
background-color: #EEE;
color: #111;
}
}
@media print{
body{
background-color: #FFF;
color: #000;
}
}
span.pathbar{
float: right;
padding: 0px;
margin-right: 2px;
}
@media all and (max-width: 630px){
span.pathbar{
display: none;
}
}
div.navbar{
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
width: 100%;
background-color: #DDD;
padding-top:3px;
padding-left:0px;
height: 16px;
padding-bottom: 7px;
font-family: "Arial", verdana, sans-serif;
font-size: 16px;
}
span.navlink{
display: inline-block;
position: relative;
left: 3px;
padding-right: 5px;
padding-left: 3px;
overflow: hidden;
}
span.navbreak{
display: inline-block;
padding-left: 50px;
height: 0px;
width: 0px;
}
@media print{
div.navbar{
display: none;
}
}
div.pad{
padding: 20px;
padding-bottom: 150px;
}
@media screen{
#container{
margin-bottom: 0px;
margin-top: 20px;
margin-bottom: 100px;
background-color: #FAFAFA;
/*background-image:url('/img/lightbackground.png');
*/
font-family: "Arial", verdana, sans-serif;
border-left: 1px solid #AAA;
border-right: 1px solid #AAA;
/*box-shadow: 0px 0px 10px 1px #A0A0A5;
*/
}
div.position{
min-height: 100%;
position: absolute;
width: 800px;
margin-left: -400px;
left: 50%;
top: 0px;
}
}
@media print{
#container{
margin-bottom: 0px;
margin-top: 20px;
margin-bottom: 100px;
background-color: #FFF;
font-family: "Arial", verdana, sans-serif;
}
}
@media all and (max-width: 850px){
#container{
margin-bottom: 0px;
margin-top: 0px;
}
div.position{
min-height: 100%;
position: absolute;
width: 100%;
margin-left: 0px;
top: 0px;
left: 0px;
}
div.bottomtext{
display: none;
}
}
@media print{
div.position{
min-height: 100%;
position: absolute;
width: 800px;
margin-left: 0px;
left: 0px;
top: 0px;
}
}
div.title{
position: relative;
margin-top: 4px;
margin-left: 8px;
margin-bottom: 8px;
font-size: 28pt;
font-weight: bold;
text-align:center;
}
div.separator{
position: relative;
left: 5%;
width: 90%;
height: 1px;
margin-top: 30px;
margin-bottom: 30px;
background-color: #AAA;
}
div.nbseparator{
position: relative;
left: 5%;
width: 90%;
height: 1px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #AAA;
}
div.bottomtext{
position: absolute;
text-align: center;
bottom: 2px;
width: 100%;
font-size: 10px;
color: #999;
}
@media print{
div.separator{
background-color: #333;
}
div.nbseparator{
background-color: #333;
}
div.bottomtext{
display: none;
}
}
@media print{
div.noprint{
display: none;
}
}