.footer {
	text-align: center;
  	font-size: 80%;
}

.error {
  	font-weight: bold;
  	color: #FF0000;
  	text-align: center;
	background-color:#FFFF99;
}

.login {
  	font-style: italic;
}

form label {
  	display: inline-block;
  	width: 150px;
  	font-weight: bold;
}

td.label {
  	font-weight: bold;
}

img.profile {
  	vertical-align: top;
}

#page-title {
	color: #0066FF;
}

#logo {
    	display: block;
    	margin: 0 auto;
}

#logo2 {
    	display: block;
    	margin: 0 auto;
}

h3 {
	text-align: center;
}

legend {
    	color: #003366;
    	background: #ddd;
    	padding: 2px 2px;
    	border: 2px groove threedface;
        font-weight: bold;
}

fieldset {
    	background-color:#ddd;
}

#login-form {
    	margin-left: 40%;
	margin-right: 40%;
}

#susr {
    	font-weight: bold;
	color: black;
}

input.cb  {
	width : 50px;
	height :50px;
}

table, td, th{
	border:1px solid black;
	border-collapse:collapse;
}

th{
	background-color:green;
	color:white;
}

td{
	text-align:center;
}

td img{
	width : 64px;
	height :71px;
}

td.mylist{
	text-align:left;
}


.no {
	font-weight: bold;
	font-size:50px;
}

.ncalon {
	font-weight: bold;
	font-size:18px;
	color:#0000CC;
	font-family:"Arial";
}

.scc {
	text-align:center;
	//display: block;
    	//margin: 0 auto;
}

.arahan {
	color: black;
	font-weight: bold;
	text-align:center;
}

.succeed {
	font-weight: bold;
  	color: green;
  	text-align: center;
	background-color:#FFFF99;
}

.slctNG {
	font-weight: bold;
	font-size:40px;
	color:red;
}

.slctOK {
	font-weight: bold;
	font-size:40px;
	color:green;
}

#flowX {
	//text-align:center;
	font-size:25px;
	color:white;
	border:1px solid black;
	background-color:#CC6600;
	padding:1px 10px;

}

#flow {
	//text-align:center;
	font-size:25px;
	color:black;
	border:1px solid black;
	background-color:white;
	padding:1px 10px;
}

#nav {
	text-align:center;
	margin-left: 40%;
	margin-right: 40%;
}

#logout {
	text-align:right;
	font-size:20px;
	font-style: italic;
	float:right;
	margin-top: -1.4%;
	border:1px solid black;
}

.admin {
	float:left;
	margin-left: -20%;
}

#flow2 {
	//text-align:center;
	font-size:25px;
	color:green;
}

#nav2 {
	//text-align:center;
	font-weight: bold;
	font-size:20px;
	color:#CC7A00;
}

.result {
	font-weight: bold;
	font-size:40px;
	color:#000000;
}

.cb:hover {
    cursor: pointer;
}

a:link {color:white;}      /* unvisited link */
a:visited {color:white;}  /* visited link */
a:hover {color:white;}  /* mouse over link */
a:active {color:white;}  /* selected link */ 

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

a:link {background-color:red;}
a:visited {background-color:red;}
a:hover {background-color:green;}
a:active {background-color:red;}