@charset "utf-8";
/* CSS Document */
body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}
p {
	margin: 0px;
	padding: 7px 8px 7px 25px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
}
h1 {
	font: normal 24px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 18px 0px 0px 27px;
	vertical-align: baseline;
	text-transform: uppercase;
}
h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #C90101;
	margin: 0px 0px 0px 25px;
	padding: 8px 0px 0px;
	text-transform: uppercase;
}
ul  {
	font: 11px/12px Arial, Helvetica, sans-serif;
	list-style: url(../images/bullet.gif);
	color: #000000;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
li   {
	font: 11px/14px Arial, Helvetica, sans-serif;
	list-style: url(../images/bullet.gif);
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Div Layouts*/
#container {
	margin: auto;
	padding: 0px;
	width: 500px;
}
#logo {
	margin: 0px 0px 0px 18px;
	padding: 0px;
}
#header {
	background: url(../images/pop-up/pop-header.jpg);
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 500px;
}
#headerEmp {
	background: url(../images/pop-up/pop-header-red.jpg);
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 500px;
}

#content {
	background: url(../images/pop-up/pop--bg.jpg) no-repeat top;
	margin: 0px;
	padding: 0px;
	width: 500px;
}
#footer {
	background: url(../images/pop-up/pop-jna-footer.jpg);
	margin: 0px;
	padding: 0px;
	height: 108px;
	width: 500px;
}
#footerInfo {
	margin: 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	width: 175px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
}
#footer a:link, #footer a:active, #footer a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #c90000;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
/* Login and Password*/
form {
	margin: 0px;
	padding: 0px 0px 10px 10px;
}
#login {
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
label {
	margin: 0px;
	padding: 0px;
}
.remember {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#clientName {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #666666;
	height: 17px;
}
#clientPassword {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #666666;
	height: 17px;
}
#empName {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #666666;
	height: 17px;
}
#empPassword {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #666666;
	height: 17px;
}
/* Formatting */
#switch {
	float: right;
	margin: 0px;
	padding: 5px 10px 0px 0px;
}
#switch a:link, #switch a:active, #switch a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #c90000;
	text-decoration:none;
}
#switch a:hover{
	text-decoration:underline;
}
.photo {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
.close {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}
.smallh1 {
	color: #CD0000;
	font-size: 12px;
	font-weight: bold;
}