@charset "utf-8";
/* CSS Document */
body{

	/*background: #1690A7;*/
	/*background: #0099ff;*/
	/*background: powderblue;*/
	background: 	#ffffff;/*Light turquoise*/
	display: flex;
	justify-content: center;
	align-items: center;
	/*height: 100vh;*/
	flex-direction: column;	

	justify-content: center;
	
	/*background:#ffffff;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
	display: flex;	
	margin:auto;
	padding:0;
	max-width: 500px;
	width:99%;
	justify-content: center;
	align-items: top;
	
	}
img{
	border:none;
	}
form {
	/*color: #1a53ff;*/
	color: #5a5858;
	width: 95%;
	border: 2px solid #ccc;
	padding: 10px;
	background: #fff;
	border-radius: 10px;	
/*	
	width: 100%;
	border: 2px solid #ccc;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	*/
	/*added to highlight like a href*/
	/*
	font-size:16px;
	font-weight:normal;
	text-align:left;
	display:block;
	background:#eeeeee url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#0431B4;
	padding:15px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;	
	*/
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	}
h1{
	margin:0.5em 0;
	}
h2{
	color:#1d4d4d;
	font-size:14px;
	}

a{
	/*color:#0975a2;*/

	color: #1a53ff;
	text-decoration:none;
	}
a:hover{
	color:#004c6b;
	text-decoration:none;
	}
/* logo */
.logo{
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
	}
.logo a{
	display:block;
	padding:10px;
	background: #0066CC;
	color:#ffffff;
}

/* menu */
.menu{
	margin:20px 10px;
	padding:0;
	}

.mytext{
        size:100%;
	}

.menu a {
	/*width: 95%;*/
	font-size:16px;
	font-weight:normal;
	text-align:left;
	display:block;
	background:#eeeeee url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#0431B4;
	padding:15px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;
	/*
	font-size:16px;
	font-weight:normal;
	text-align:left;
	display:block;
	background:#eeeeee url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#0431B4;
	padding:15px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;
	*/
	}
.menu a:hover{
	color:#bbbbbb;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
/* content */
.content{
	font-size:12px;
	color:#4d4d4d;
	line-height:2em;
	margin:5px;
	padding:0;
	}
.content h2{
	margin:0 0 0 5px;
	padding:0;
	}
.content p{
	text-align:left;
	margin:0 5px 5px 5px;
	line-height:2em;
	padding:0;
	}
/* footer */
.footer{
	
	border-top:2px solid #565656;
	background:#dddddd;
	font-size:12px;
	margin:10px 0 0 0;
	padding:5px 0;
	}
.footer p{
	color:#aaaaaa;
	font-size:8px;
	text-align:right;
	margin:5px;
	}
.footer p a{
	color:#2d2d2d;
	padding:5px;
	}
.footer p a:hover{
	color:#2d2d2d;
	}
/* clear */
.clear{
	clear:both;
	}
.code{
	padding:0;
	border:1px dotted #bbbbbb;
	}
.numbering{
	background:#f2f2f2;
	color:#bbbbbb;
	padding:2px 5px;
	}
.tag{
	color:#0975a2;
	}
.program{
	color:#ff003c;
	}
.head{
	padding:5px;
	color:#FFFFFF;
	background:#2d2d2d;
	}	
.error {
	background: #F2DEDE;
	color: #A94442;
   /*color: #A9A442;*/
   padding: 10px;
   width: 95%;
   border-radius: 5px;
   margin: 20px auto;
}	

.msg {
   background: lightgreen;
   color: darkgreen;
   /*color: #A94442;*/
   padding: 10px;
   width: 95%;
   border-radius: 5px;
   margin: 20px auto;
}