/* CSS Document */
/* common elements */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
h2{
	font-size:12px;
	color:#666666;
	margin-left:5px;
}
div.pgtitle{
	width:100%;
	height:30px;
	/* theme color changing elements */
		background-color:#CC0000;
		border:1px solid #CC0000;
	color:#FFFFFF;
	font-weight:bold;
}
div.pgtitle #company{
	float:left;
	width:40%;
	text-align:left;
	margin:5px 5px 0 5px;
	font-size:17px;
}
div.pgtitle #support{
	float:right;
	width:40%;
	text-align:right;
	margin:7px 5px auto 5px;
	font-size:12px;
}

/* common elements */
div.boxtitle{
		/* theme color change element */
		background-color:#CC0000;
	width:100%;
	height:20px;
	padding:3px 0 0 0;
	margin:0 0 10px 0;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

div.error{
	border:1px solid #CC0000;
	background-color:#FF5B53;
	width:90%;
	margin:0 auto 10px auto;
	color:#FFFFFF;
}

div.correct{
	border:1px solid #009900;
	background-color:#7AE16F;
	width:90%;
	margin:0 auto 5px auto;
	color:#FFFFFF;
}

/* login page */
div.login{
	/* theme change element */
		border:1px solid #CC0000;
	position:relative;
	top:100px;
	margin:0 auto 380px auto;
	padding:5px;
	width:400px;
	height:150px;
}

/* other css settings */
div.setup{
	/* theme change element */
		border:1px solid #CC0000;
	position:relative;
	top:100px;
	margin:0 auto 200px auto;
	padding:5px;
	width:400px;
	height:330px;
}
div.boldtxt{
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
div.logout{
	width:100%;
	float:right;
	text-align:right;
	margin:0 0 5px 0;
}
div.menu{
	width:100%;
	text-align:left;
	margin:10px 0 10px 0;
}
div.menu span{
	background-color:#000099;
	border:1px solid #000066;
	padding:3px;
	margin:0 5px 0 0;
	color:#FFFFFF;
	font-weight:bold;
}
div.page{
	width:950px;
	min-height:487px;
	margin:25px auto 10px auto;
		/* theme color change element */
		border:1px solid #CC0000;
}
div.left70{
	width:70%;
	float:left;
}
div.left50{
	width:50%;
	float:left;
	margin-bottom:30px;
}
div.right50{
	width:42%;
	float:left;
	border-left:1px solid #CCCCCC;
	padding-left:50px;
	margin-bottom:30px;
}
div.right30{
	width:30%;
	height:440px;
	float:left;
	background-color:#FCC1AD;
}
p{
	margin:0 5px 0 5px;
}
table{
	width:100%;
}
table #headerrow{
		/* theme chage color element */
		background-color:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
}
table #whiterow{
	background-color:#FFFFFF;
}
td.sh1{
	background-color:#ADE4A7;
}
td.sh2{
	background-color:#C7EDC2;
}
a.menulink:link{color:#FFFFFF; text-decoration:none;}
a.menulink:visited{color:#FFFFFF; text-decoration:none;}
a.menulink:hover{color:#0099FF; text-decoration:none;}
a.menulink:active{color:#FFFFFF; text-decoration:none;}

/* Footer */
div.footer{
	width:100%;
	margin:20px 0 0 0;
	padding:5px 0;
	border-top:1px solid #666;
	background-color:#CCC;
	min-height:20px;
	text-align:center;
	position:fixed;
	bottom:0;
	color:#666666;
	font-size: 11px;
}