/* For the "inset" look only */
html {
    overflow: auto;
}

/* style-sheet VirtualAlien.com */
body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
           scrollbar-highlight-color:#999999;
           scrollbar-arrow-color:#CCCCCC;
           scrollbar-base-color:#000000;
           scrollbar-face-color:#000000;
           scrollbar-dark-shadow-color:#999999;
		   scrollbar-3d-light-color:#999999;
           scrollbar-shadow-color:#999999; }
a:link { text-decoration: none; color: #CC66CC; }
a:visited { text-decoration: none; color: #CC66CC; }
a:hover { text-decoration: none; color: #FFCC33; }
a:active { text-decoration: none; color: #33CCFF; }
.pagehead { font-size: 16px; font-weight: bold; }
.lang-sel { padding-left: 1rem; }

.subhead { font-size: 14px; font-weight: bold; }
.datehead { font-size: 12px; font-weight: bold; color:#66CC66; }
.normtext { font-size: 11px; }
.softtext { font-size: 11px; color:#999999; }
.imglinks { border:1px; border-thickness: 1px; border-color: #999999; border-style: solid; }
a:link .imglinks { border:2px; border-thickness: 2px; border-color: #CC66CC; border-style: solid; }
a:visited .imglinks { border:2px; border-thickness: 2px; border-color: #CC66CC; border-style: solid; }
a:hover .imglinks { border:2px; border-thickness: 2px; border-color: #FFCC33; border-style: solid; }
a:active .imglinks { border:2px; border-thickness: 2px; border-color: #33CCFF; border-style: solid; }

/* Scroll-bar Styling */
::-webkit-scrollbar { width: 10px; }
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.3); 
    -webkit-border-radius: 3px;
    border-radius: 3px;
	background: rgba(153,153,153,0.2);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(204,102,204,0.8); 
    -webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(204,102,204,0.4); 
}

/* Larger screens */
@media screen and (min-width: 1061px) {
	body {
		font-size: 12px;
	}
}

/* Smaller screens */
@media screen and (max-width: 1060px) {

    /* "Mobile Friendly" START */
	body {
		font-size: 25px;
	}
	.mainhead {
		font-size: 25px;
	}
    #main {
      width: 100%;
      height: 80%;
      padding: 0;
      min-height: 800px;
    }
	.copyright {
		font-size: 15px;
	}
    /* END "Mobile Friendly" */
}