body, input{
	font-family : "Lucida Grande", Helvetica,Arial,Verdana,sans-serif; 
	font-size:11px;font-weight:100;color:#333
	}
div.oopsblock {
    min-height:350px; height:auto; width:600px; 
    background: -moz-linear-gradient(top, #ffffff 80%, #fafafa, #ebebeb);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.0, #ebebeb), color-stop(0.8, #ffffff));
    -moz-border-radius:5px; -webkit-border-radius:5px;
    border:1px solid #dbdbdb; margin:100px auto; padding:25px;
    }
div.oopsblock h1 { font-size:70px; color:#999; font-weight:normal; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; margin-top:0px;}
div.oopsblock p, div.logoutblock p { color:#333333; font-size:11px; line-height:12px; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}
div.oopsblock p a, div.logoutblock p a { color:#0085cf; text-decoration:none; }
div.oopsblock p a:hover, div.logoutblock p a:hover { text-decoration:underline; }
div.logoutblock {
    height:350px; width:600px; 
    background: -moz-linear-gradient(top, #ffffff 60%, #fafafa, #ebebeb);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.0, #ebebeb), color-stop(0.6, #ffffff));
    -moz-border-radius:5px; -webkit-border-radius:5px;
    border:1px solid #dbdbdb; margin:100px auto; padding:25px;
    }
div.logoutblock h1 { font-size:25px; color:#999; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
div.error, div.info, div.warning { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; margin:2px 0px 15px 0px !important;
    height:auto; font-size:12px; font-family : "Lucida Grande", Helvetica,Arial,Verdana,sans-serif;  padding:10px 10px 15px 30px;   width:560px; }
div.error ul, div.info ul, div.warning ul {  list-style:none; padding:none; }
div.error ul li, div.info ul li, div.warning ul li { text-align:left; font-weight:bold; font-size:10px; }
div.warning {  background:#ffffcc url("../images/WarningIcon.png") no-repeat scroll 18px 20px; }
div.error   {  background:#ffffcc url("../images/erroricon.png") no-repeat scroll 15px 30px;  }
div.info    {  background:#ffffcc url("../images/InfoIcon.png") no-repeat scroll 18px 20px;   }
div.error   ul li { color:#ff0000; }
div.info    ul li { color:#666666; }
div.warning ul li { color:#666666; }
div.error a, div.error a:hover { color:#666; text-decoration:none; }

/* Sign out from Apple Connect */
.logout {
color: rgb(0, 133, 207);
display: block;
vertical-align: middle;
float: right;
text-decoration: none;
}

.logout:hover{
    text-decoration: underline;
}


/* Media Query for various devices*/
/* Media Query for Smaller Screen */
@media only screen and (min-width:240px) and (max-width:700px) {
	div.oopsblock,div.logoutblock {
		width:80%;
	}
	div.error, div.info, div.warning {
		width:auto;
	}
}
/* Media Query for Tabs */
@media only screen and (min-width:701px) and (max-width: 1024px) {
	div.oopsblock,div.logoutblock {
		width:80%;
	}
	div.error, div.info, div.warning {
		width:auto;
	}
}
/* Media Query for Higher Resolution */
@media screen and (min-width: 1079px) {
	div.oopsblock,div.logoutblock {
		width:80%;
		max-width: 600px;
	}
	div.error, div.info, div.warning {
		width:auto;
	}
}

/*Last Updated - 20 July 2017*/