html,
body {
height: 100%;
text-align: center;
margin: 0;
padding: 0;
background-color: #000000;
}
table#main {
width: 100%;
height: 100%;
}
	table.datePicker {
	height: 100px;
	}
	table tr {
	margin: 0;
	padding: 0;
	}
		table tr td {
		vertical-align: middle;
		}

#container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 785px;
height: 560px;
text-align: left;
background: url(../img/back.gif) no-repeat;
}
#content {
position: absolute;
left: 79px;
top: 1px;
width: 350px;
height: 500px;
overflow: auto;
padding: 26px 18px 15px 24px;
}
	#content p,
	#content td,
	#content li,
	#content .notice {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida", Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: white;
	}
		#content ul.fail {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 14px;
		color: white;
		border: 1px solid #ED1E24;
		}
		#content ul.success {
		list-style: none;
		margin: 0 0 5px 0;
		padding: 3px;
		font-size: 14px;
		color: white;
		border: 1px solid #00ADEF;
		}
	#content h2 {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida", Arial, Geneva, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	margin-top: 0px;
	}
	#content a:link,
	#content td a:link {
	color: white;
	}
	#content a:visited,
	#content td a:visited {
	color: #9F9EA7;
	}
    #content form {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida", Arial, Geneva, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: white;
    }
		#content form fieldset {
		padding: 0;
		border: 0;
		}
		#content form fieldset .field {
		margin-bottom: 10px;
		}
		#content form legend {
		display: none;
		font-weight: bold;
		font-size: 13px;
		}
		#content form ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
			#content form ul#ff_4107 li {
			clear: both;
			}
			#content form ul#ff_4107 .proFormCheckbox {
			display: block;
			float: left;
			}
			#content form ul#ff_4107 label {
			display: block;
			width: 300px;
			margin-bottom: 5px;
			float: left;
			}
		#content table {
		border-collapse: collapse;
		}
#menu {
position: absolute;
left: 471px;
width: 314px;
height: 542px;
}
	#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
		#menu ul li {
		display: block;
		position: absolute;
		width: 77px;
		list-style: none;
		}
		#menu ul li.nth-child1 {
		left: 237px;
		}
		#menu ul li.nth-child2 {
		left: 158px;
		top: 77px;
		}
		#menu ul li.nth-child3 {
		left: 237px;
		top: 155px;
		}
		#menu ul li.nth-child4 {
		left: 158px;
		top: 232px;
		}
		#menu ul li.nth-child5 {
		left: 237px;
		top: 309px;
		}
		#menu ul li.nth-child6 {
		left: 158px;
		top: 386px;
		}
		#menu ul li.nth-child7 {
		left: 237px;
		top: 464px;
		}
		#menu ul li.nth-child8 {
		left: 158px;
		}
		#menu ul li.nth-child9 {
		left: 237px;
		top: 77px;
		}
		#menu ul li.nth-child10 {
		left: 158px;
		top: 155px;
		}
		#menu ul li.nth-child11 {
		left: 237px;
		top: 232px;
		}
		#menu ul li.nth-child12 {
		left: 158px;
		top: 309px;
		}
		#menu ul li.nth-child13 {
		left: 237px;
		top: 386px;
		}
		#menu ul li.nth-child14 {
		left: 158px;
		top: 464px;
		}
			#menu ul li a {
			display: block;
			height: 47px;
			width: 74px;
			padding: 30px 0 0 3px;
			overflow: hidden;
			color: white;
			line-height: 15px;
			font-family: "Lucida Sans", "Lucida Grande", "Lucida", Arial, Geneva, sans-serif;
			font-size: 11px;
			text-decoration: none;
			}
			#menu ul li.nth-child2 a,
			#menu ul li.nth-child3 a,
			#menu ul li.nth-child4 a,
			#menu ul li.nth-child5 a,
			#menu ul li.nth-child6 a,
			#menu ul li.nth-child8 a,
			#menu ul li.nth-child14 a {
			color: black;
			}

#submenu {
position: absolute;
left: 0;
top: 0;
width: 79px;
height: 542px;
}
	#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
		#submenu ul li {
		display: block;
		position: absolute;
		width: 79px;
		list-style: none;
		}
		#submenu ul li.nth-child1 {
		}
		#submenu ul li.nth-child2 {
		top: 155px;
		}
		#submenu ul li.nth-child3 {
		top: 232px;
		}
		#submenu ul li.nth-child4 {
		top: 309px;
		}
		#submenu ul li.nth-child5 {
		top: 386px;
		}
		#submenu ul li.nth-child6 {
		top: 464px;
		}
		
		#submenu ul li.active {
		display: none;
		}
		
			#submenu ul li a {
			display: block;
			height: 47px;
			width: 74px;
			padding: 30px 0 0 3px;
			overflow: hidden;
			line-height: 15px;
			font-family: "Lucida Sans", "Lucida Grande", "Lucida", Arial, Geneva, sans-serif;
			font-size: 11px;
			text-decoration: none;
			}
			#submenu ul li.nth-child1 a {
			color: black;
			}
			#submenu ul li.nth-child2 a {
			color: white;
			}
			#submenu ul li.nth-child3 a {
			color: black;
			}
			#submenu ul li.nth-child4 a {
			color: white;
			}
			#submenu ul li.nth-child5 a {
			color: black;
			}
			#submenu ul li.nth-child6 a {
			color: white;
			}


#menuimg {
position: absolute;
left: 472px;
top: 156px;
width: 156px;
height: 153px;
}

#submenuimg {
position: absolute;
left: 1px;
top: 78px;
width: 77px;
height: 77px;
}
