html{
	/* This image will be displayed fullscreen */
	/*background:url('/sys/images/mountainbg50a.jpg') no-repeat center center;*/
	background:url('/sys/images/diskrack2_050.jpg') no-repeat center center;

		/* Ensure the html element always takes up the full height of the browser window */
		min-height:100%;
		    max-width:100% !important;
	    height:auto;
	    display:block;

		/* The Magic */
		background-size:cover;
}
div#signon {
	background-color:#373737;
}
div#changepassword {
	background-color:#373737;
}
.forgotten_tag {
	/*background-color: black;*/

}
.signon_tag {
	background-color: black;
	opacity:0.5;
	left:0px;
	height:auto;
}
.signon_tag h1 {
	color:#e4dfdf;
}
.signon_tag h2 {
	color:#e4dfdf;
}
.signon_footer {
	color:#e4dfdf;
}
.signon_footer_msg {
	color:#e4dfdf;
	background-color: #000000;
	text-align:center;

}
.copyright_tag {
	background-color: black;
	color:white;
}
.copyright_tag a{
	color:#FFF;
}
.forgotten_tag {
    width: 100%;
    bottom: 0%;
    position: fixed;
    background-color: black;
    left: 0px;
}
@media (max-width: 900px) {
.signon_footer_msg {
	font-size: 0.8em;
}
}
@media (max-width: 768px) {
.signon_footer_msg {
	font-size: 0.8em;
}
}
@media  only screen and (max-width: 768px)  and (orientation : landscape)  {
.signon_footer_msg {
	font-size: 0.5em;
}
}
@media (max-width: 620px) {
.signon_footer_msg {
	font-size: 0.8em;
}
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) {
    .signon_footer_msg {
		font:11pt/1.5 sans-serif;
}
}
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : portrait) {

  .signon_footer_msg {
		font:16pt/1.5 sans-serif;
}

}