html{
	/* This image will be displayed fullscreen */
	/*background:url('/sys/images/mountainbg50a.jpg') no-repeat center center;*/
	background:url('/sys/images/mountainbg50.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;
}

body{
	/* Workaround for some mobile browsers */
	min-height:100%;
			background-color:transparent;

}
.copyright_tag {
	width:100%;
	bottom:0%;
	position:fixed;
	background-color: black;
	left:0px;
	color:white;
}
.copyright_tag a{
	color:#FFF;
	text-decoration:none;
}

.signon_footer {
	text-align:center;

}
.addSection_fieldsT1 label {
	width:130px;
}
.addSection_fieldsT1 input {
  height:30px;
}
.addSection_fieldsT1 i {
    margin-left: -30px;
    cursor: pointer;
}
div#signon {
	height:auto;
}
/* test to see the sizes and breakpoints */
/*@media (max-height: 640px) {
.signon_tag {

	bottom:0%;

}
.signon_tag h1 {
	font-size: 1.6em;
}
.signon_tag h2 {
	font-size: 1.5em;
}

}
@media (max-height: 280px) {
.signon_tag {

	bottom:0%;

}
.signon_tag h1 {
	font-size: 0.8em;
}
.signon_tag h2 {
	font-size: 0.8em;
}

}*/
@media (max-width: 900px) {
div#signon {
	width:40%;
	height:230px;
	height:auto;
	padding-top:10px;
}
div#changepassword {
	width:40%;
	height:300px;
	padding-top:00px;
	margin-top:-90px;
}
.signon_tag {

	bottom:0%;

}
.signon_tag h1 {
	font-size: 1.6em;
	/*bottom:3%;*/
}
.signon_tag h2 {
	font-size: 1.5em;
/*	bottom:1%;*/
}

.addSection_fieldsT1  {
    width: 100%;
}
.addSection_fieldsT1 label {
    width: 100%;
}
.addSection_fieldsT1 input {
    width: 90%;
}
.signon_footer {
	font-size: 0.8em;
}

}
@media (max-width: 768px) {
div#signon {
	width:50%;
	height:230px;
	height:auto;
	padding-top:10px;
}
div#changepassword {
	width:50%;
	height:340px;
	padding-top:00px;
	margin-top:-0px;
}
.signon_tag h1 {
	font-size: 2.8em;
/*	bottom:6%;*/
}
.signon_tag h2 {
	font-size: 1.9em;
/*	bottom:2%;*/
}

.addSection_fieldsT1  {
    width: 100%;
}

.addSection_fieldsT1 i {
	margin-left:-44px;
}

.addSection_fieldsT1 label {
    width: 100%;
}
.addSection_fieldsT1 input {
    width: 90%;
}
.signon_footer {
	font-size: 0.8em;
}

}
@media  only screen and (max-width: 768px)  and (orientation : landscape)  {
div#mainbody {
top:0px;
}
.signon_tag{
	bottom:9%;
	}
.signon_tag h1 {
	font-size: 1.5em;
/*	position:relative;*/
	}
.signon_tag h2 {
	font-size: 1.4em;
/*	position:relative;*/
}
.signon_footer {
	font-size: 0.5em;
}
.addSection_fieldsT1 i {
	margin-left:-44px;
}



}
@media (max-width: 620px) {
div#signon {
	width:90%;
	height:230px;
	height:auto;
	padding-top:10px;
}
div#changepassword {
	width:90%;
	height:300px;
	padding-top:0px;
	margin-top:-70px;
}
.signon_tag {

	bottom:2%;

}
.signon_tag h1 {
	font-size: 1.5em;
/*	bottom:10%;*/
}
.signon_tag h2 {
	font-size: 0.9em;
/*	bottom:8%;*/
}

.addSection_fieldsT1  {
    width: 100%;
}
.addSection_fieldsT1 label {
    width: 100%;
}
.addSection_fieldsT1 input {
    width: 90%;
}
.signon_footer {
	font-size: 0.8em;
}

}
@media  only screen and (max-width: 500px)  and (orientation : landscape) {
	div#mainbody {
	top:60px;
}

}

@media (max-width: 500px) {
	.signon_tag {
		visibility:hidden;
	}
}
@media (max-width: 320px) {
div#wrapperbody_signon {
	max-width:320px;
}
.signon_tag h1 {
	font-size: 1.0em;
/*	bottom:10%;*/
}
.signon_tag h2 {
	font-size: 0.9em;
/*	bottom:6%;*/
}


}
@media (max-width: 290px) {
div#wrapperbody_signon {
	max-width:320px;
}
.signon_tag {

	bottom:9%;
}
.signon_tag h1 {
	font-size: 1.0em;
/*	bottom:9%;*/
}
.signon_tag h2 {
	font-size: 0.8em;
/*	bottom:4%;*/
}


}
@media (max-height: 640px) {
.signon_tag {

	bottom:0%;

}
.signon_tag h1 {
	font-size: 1.6em;
	/*bottom:3%;*/
}
.signon_tag h2 {
	font-size: 1.5em;
/*	bottom:1%;*/
}

}
@media (max-height: 420px) {
div#mainbody {
	top:50px;

}
.signon_tag {
		visibility:hidden;
}

}
@media (max-height: 320px) {
div#mainbody {
	top:10px;

}
.signon_tag {
		visibility:hidden;
}
}
@media (max-height: 280px) {
.signon_tag {

	bottom:0%;

}
.signon_tag h1 {
	font-size: 0.8em;
	/*bottom:3%;*/
}
.signon_tag h2 {
	font-size: 0.8em;
/*	bottom:1%;*/
}

}
@media (max-height: 258px) {
div#mainbody {
	top:0px;

}

}

/* ipad landscape */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : landscape) {
html{
	/* This image will be displayed fullscreen */
	/*background:url('/sys/images/mountainbg50a1024_768.jpg') no-repeat top center;*/
  	/*min-height:100%;*/
	/*    max-width:100% !important;
    height:auto;
    display:block;*/
height:80%;
	/* The Magic */
	background-size:cover;
}
#mainbody {
    		top:60px;
}
div#signon {
    		font:20pt/1.6 sans-serif;
  height:300px;
	height:auto;
  width:500px;
  text-align:center;

}
div#changepassword {
    		font:20pt/1.6 sans-serif;
  height:300px;
  width:500px;
  text-align:center;

}
    .signon_footer {
		font:11pt/1.5 sans-serif;
}
  .addSection_fieldsT1 label {
	font:12pt/1.4 sans-serif;
}
  .addSection_fieldsT1 button {
	font:18pt/1.4 sans-serif;
}
.addSection_fieldsT1 i {
	margin-left:-44px;
	font-size: smaller;
}

.signon_tag {

}
.signon_tag h1 {
	font-size: 4em;
	width:100%;
	margin-left:0;
	margin-right:0;
/*	bottom:15%;*/
	color: #544e4e;
}
.signon_tag h2 {
	font-size: 2em;
	width:100%;
	margin-left:0;
	margin-right:0;
/*	bottom:10%;*/
	color: #544e4e;
}
}
/* ipad lportrait */
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation : portrait) {
html{
	/* This image will be displayed fullscreen */
/*	background:url('/sys/images/mountainbg50aa.jpg') no-repeat center center;*/
  	min-height:100%;
	    max-width:100% !important;
    height:auto;
    display:block;
  width:95%;

	/* The Magic */
	background-size:cover;

}
div#signon {
    		font:20pt/1.6 sans-serif;
  height:280px;
	height:auto;
  width:600px;

}
div#changepassword {
    		font:20pt/1.6 sans-serif;
  height:280px;
  width:600px;

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

    width:600px;
}   .addSection_fieldsT1 button {
	font:18pt/1.4 sans-serif;
}
    .addSection_fieldsT1 label {
	font:18pt/1.6 sans-serif;
      width:200px;
}
  .addSection_fieldsT1 input {
    	font:18pt/1.6 sans-serif;
  height:40px;
    width:280px;
}
.addSection_fieldsT1 i {
	margin-left:-44px;
	font-size: smaller;

}

.signon_tag {

}
.signon_tag h1 {
	font-size: 4em;
	width:100%;
	margin-left:0;
	margin-right:0;
/*	bottom:25%;*/
}
.signon_tag h2 {
	font-size: 2em;
	width:100%;
	margin-left:0;
	margin-right:0;
/*	bottom:20%;*/
}

}
div#changepassword {
	height:auto;
}