html,body
{
    padding:0px;
    margin:0px;
    height:100%; 
	font-family:sans-serif;
	color:#333;
	font-size:.9em;
}

legend{font-size:1.2em;font-weight:bold;}


div#popupcalendar
{
position:absolute;
left: 50%;
margin-left: -250px;
width:500px;
height:500px;
top: 50%;
margin-top: -250px;
border:1px solid #000;
display:none;
z-index:200;
}

div#calendarform
{
position:absolute;
left: 50%;
margin-left: -125px;
width:250px;
height:250px;
top: 50%;
margin-top: -125px;
border:1px solid #ffcc00;
display:none;
background-color:#FFFFE0;
}


#headinglbl
{
	position:absolute;top:74px;left:200px;z-index:12;font-weight:800;font-size:medium;
}

.icon{padding:10px;}
    
#signup{width:650px;}    
    
#logo
{
	position:absolute;top:22px;left:60px;z-index:10;
}

#harplogo
{
	position:absolute;top:22px;z-index:10;left:80%;padding-right:100px;
}

.warning{border:1px solid red;background-color:#FAF0E6;padding:5px;}

#headingbar
{
	position:absolute;height:30px;background-color:#ccc;width:98%;top:70px;
}

#logincontainer
{
	position:absolute;top:75px;width:100%;
}


#errormessage
{
	position:absolute;
	width:600px;
	height:200px;
	top:40%;margin-top: -100px;
	left: 50%;margin-left: -300px;
	background-color:#fff;
	background-repeat:no-repeat; 
	background-position: 25px 15px;
	background-image:url('../images/exclaim.png');
	border:1px solid #000;
	z-index:16;
	display:none;
	
}

#errormessage #message
{
		position:absolute;
		width:450px;
		border:0px solid #ff0000;
		left:100px;
		top:0px;
		height:100%;
}


td#loginmessage
{
	color:red;
}


#loginbox
{
	float:right;padding-right:10px;
}
#loginbox input
{
	
}

#infobar
{
	background-color:#FFFFE0;padding:5px;border:1px solid #333;	
}

#toolbarstrip
{
	clear:left;position:relative;top:4px;float:right;margin-left: -10px;width:300px;vertical-align:middle;border:0px solid;
}


#toolbarstrip a:link
{
	text-decoration:none;
	color:#0000ff;
	padding-left:10px;

}

#toolbarstrip a:visited 
{
	text-decoration:none;	
	color:#0000ff;
	padding-left:10px;
}

#infopage
{
	position:absolute;left:350px;top:160px;width:400px;height:250px;font-size:1.5em;
}

#content
{
	position:absolute;left:80px;top:160px;width:80%;border:0px solid #ccc;padding:10px;
}

th
{
	text-align:left;
}

a smalllink{font-size:.6em;}
a smalllink:visited{font-size:.6em;}
a smalllink:hover{font-size:.6em;}