@font-face { font-family: 'ronda'; src: url('https://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');}
@font-face { font-family: pixel; src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);}

body {background:#eee url(img/bgpaws.gif);overflow:hidden;}
  
table {font-family:"ronda", calibri, verdana, arial;
font-size: 10px;text-align:justify;
color:#5DA45D;
letter-spacing: 1px; 
line-height:10px;}

a:link, a:visited, a:active { 
color:#4F4527;text-decoration:none;}
a:hover {color:#005555;}

b {font-weight:bold;color:#039089;}
i {color:#444;font-style:normal;}

.monitor {
  position:absolute;
  z-index:0;
  width: 1143px;
  height: 1143px;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/img/monitor.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  }
  
.contentscreen {
  position:absolute;
  z-index: 1;
  max-width: 100%;
  height: 645px;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
    }

.title {background:#EDFDFD;text-transform:uppercase; font-family: 'pixel', arial; font-size:12px;
color:#039089;line-height:12px;padding-top:1px;padding-left:4px;border-bottom:1px dashed #71C471;margin-bottom:4px;letter-spacing:3px;}
  
.bigtitle {background:#EDFDFD;text-transform:uppercase; font-family: 'pixel', arial; font-size:18px;
color:#005555;line-height:18px;padding-top:1px;padding-left:4px;border-bottom:1px dashed #71C471;margin-bottom:4px;margin-top:4px;letter-spacing:3px;}

#menu a { 
display:inline-block;
background:#94E04D; 
font:normal 9px 'silkscreen',monospace,georgia;
text-transform:uppercase;
padding:2px; 
padding-left:5px;
padding-right:5px;
letter-spacing:1px;
color:#333;
border-radius:10px;
border:1px solid #48AE47;
line-height:9px;}
      
#menu a:hover {
color:#005555;}

.navigation {background:#005555;margin-top:0px;border-bottom:1px solid #aaa;border-top-left-radius:10px;border-top-right-radius:10px;}
.sitename {background:#fff;padding-left:5px;border-bottom:1px solid #005555;line-height:18px;}
.leftside {background: #FFF; border-right: 1px solid #ddd;max-width:90px}

.info-table {
  max-width: 250px;
  overflow: hidden;
}

.profile-img {
  margin-right: 0px;
  width: 60px;
  height: 60px;
}

.content {
  background: #FFF;
  padding: 4px;
	height: 560px;
	overflow: hidden;}

iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.page img {
	max-width: 100%;
}

.page {
  background: #fff;
	font-family:"ronda", calibri, verdana, arial;
  font-size: 10px;text-align:justify;
  color:#5DA45D;
	padding-right: 4px;
	box-sizing: border-box;
	max-width: 800px;
	overflow-y: auto;
}

.footer {background: #005555;color:#555; border-top:1px solid #111;
 border-bottom-left-radius:10px;border-bottom-right-radius:10px;line-height:18px;}
.footer a {color:#fff;}
  
.navi {
display: block;
padding: 6px 5px;
border-radius: 3px;
transition: background 0.2s;
background: linear-gradient(145deg, #EFFDE9, #ADDAA1);
margin-bottom:4px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:3px;}

.navibox {
overflow-y: auto;
max-height: 335px;
}
  
.navi:hover { background-color: #ddd; }

.sublinks {
display: none;
padding-left: 8px;
margin-top: 0px;
cursor:pointer;}
  
.sublinks a {
display: block;
padding: 4px 0;
color: #499657;
text-decoration: none;}
  
.sublinks a:hover { color: #666; }


* {
	scrollbar-width: thin; 
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background: #080808; 
}

::-webkit-scrollbar-thumb {
	background: #050505; 
}

::-webkit-scrollbar-thumb:hover {
	background: #080808; 
}