html{
	/* This image will be displayed fullscreen */
	/*background:url('/sys/images/mountainbg50a.jpg') no-repeat center center;*/
	background:url('/sys/images/dcstiled.png') 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#wrapperbody_signon #header {
	content:url('/sys/images/dcslogo.png');
	display:block;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	margin-top: 40px;
	width: 25%;

}
div#mainbody {
	top:50px;
}
div#signon {
	background-color:#0177BC;
	padding-bottom:6px;
}
div#signon button {
	color: #000;
    padding: 4px 8px 6px;
    border: 1px solid #9fa3a7;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #008fcf;
  /*  box-shadow:
        inset 1px 2px rgba(125,156,174,.25),
        inset 0 -1px -2px rgba(125,156,174,.67),
        inset 0 -1px 0 rgba(125,156,174,.14);*/
		box-shadow:
			inset -2px -2px rgba(133,165,186,.67);

    background-image: -moz-linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);
    background-image: -o-linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);
    background-image: -webkit-linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);
    background-image: linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);

}
.bottom_box {
height:0px;
}
div#changepassword {
	background-color:#373737;
	background-color:#0177BC;

}
div#changepassword button {
	color: #000;
    padding: 4px 8px 6px;
    border: 1px solid #9fa3a7;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #008fcf;
  /*  box-shadow:
        inset 1px 2px rgba(125,156,174,.25),
        inset 0 -1px -2px rgba(125,156,174,.67),
        inset 0 -1px 0 rgba(125,156,174,.14);*/
		box-shadow:
			inset -2px -2px rgba(133,165,186,.67);

    background-image: -moz-linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);
    background-image: -o-linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);
    background-image: -webkit-linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);
    background-image: linear-gradient(90deg, #B1DAF4 0%, #B1DAF4 100%);

}
.forgotten_tag {
	/*background-color: black;*/

}
.signon_tag {
	background-color: black;
	opacity:0.5;
	left:0px;
	height:auto;
	visibility: hidden;
}
.signon_tag h1 {
	color:#e4dfdf;
}
.signon_tag h2 {
	color:#e4dfdf;
}
.signon_footer {
	color:#e4dfdf;
	visibility: hidden;
}
.signon_footer span {
    background-color: #554a35;
    padding-left: 5px;
    padding-right: 5px;
}
.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;
}
#screen_bottom {
	bottom: 0%;
	position: fixed;
	width:100%;

}
.accreditations {
	content:url('/sys/images/dcs_accreditations.png');
	bottom: 0%;
	display:block;
	position: relative;
	margin-left:auto;
	margin-right:auto;

	width: 25%;

}
@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;
}
.accreditations {
	bottom: 0%;
	width: 50%;

}
}
@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;
}

}
@media only screen and (device-height: 428px) and (orientation : landscape) {
	.accreditations {
		margin-right:0;

	}
	div#wrapperbody_signon #header {
		margin-top:5px;
	}
	div#mainbody {
			top:15px;
		}
}
@media only screen and (device-height: 414px) and (orientation : landscape) {
	.accreditations {
		margin-right:0;

	}
	div#wrapperbody_signon #header {
		margin-top:5px;
	}
	div#mainbody {
			top:15px;
		}
}
@media only screen and (device-height: 412px) and (orientation : landscape) {
	.accreditations {
		margin-right:0;

	}
	div#wrapperbody_signon #header {
		margin-top:5px;
	}
	div#mainbody {
			top:15px;
		}
}
@media only screen and (device-height: 390px) and (orientation : landscape) {
	.accreditations {
		margin-right:0;

	}
	div#wrapperbody_signon #header {
		margin-top:5px;
	}
	div#mainbody {
			top:15px;
		}
}
@media only screen and (device-height: 384px) and (orientation : landscape) {
	.accreditations {
		margin-right:0;

	}
	div#wrapperbody_signon #header {
		margin-top:5px;
	}
	div#mainbody {
			top:15px;
		}
}
@media only screen and (device-height: 375px) and (orientation : landscape) {
	.accreditations {
		margin-right:0;

	}
	div#wrapperbody_signon #header {
		margin-top:5px;
	}
	div#mainbody {
			top:15px;
		}
}
@media only screen and (device-height: 360px) and (orientation : landscape) {
	.accreditations {
		margin-right:0;

	}
	div#wrapperbody_signon #header {
		margin-top:0px;
	}
	div#mainbody {
			top:0px;
		}
}