@import url("base.css");
@import url("functional.css"); 
@import url("login.css");

#div_upper{
	height:56px;  /* 56+2+2=40 (px) */
	padding:2px 10px 2px 10px;
    color: #ffffff;
	background-color:#006293;
}

a{
	color:#ffff00;
}
a:hover{color:#247EB4;}

#div_lower{
	height:20px;
	padding:0 10px 0 10px;
	background-color:#404343;
	color:#E3E4E4;
}

#div_loginInfo{
	position: absolute;
	right: 14px;
	top: 72px;
}

#mainContent label{
	position:relative;
	left:5%;
	font-weight:bold;
}

#mainContent{
	margin:auto; /* for centralize */
	width:70%;
    position: relative;
    top: 40px;
} 

/* Center style */
.tableC, .tableC th, .tableC td{
	border:solid 1px #4c4c4c;
}
.tableC th, .tableC td{
	padding:3px 2px;
}
.tableC th{
	text-align:left;
	font-weight:bold;
}
.tableC{
	border:solid 2px #4c4c4c;
	margin:20px 0;
}

#dv_expiredWarning{
/* red board
	border:solid 1px #f00;
	position:relative;
*/
	top:20px;
	text-align:center;
}

#loginView label{
	position:relative;
	top: 10%;
	left:50%;
}

h2{
	display:inline;
	margin-left:26%;
	position:relative;
	top:8px;
	font-size: xx-large;
	/* font shadow: fx 3.5+, chrome 4.0+, Saf 4.0+, opera 9.6+ */
	text-shadow: 5px 4px 3px #004080;
	filter: dropshadow(color=#004080, offx=5, offy=4);
}