body
{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: White;
	font-family: Arial;
}

div.container {
	margin: 15px 15px 15px 15px;
}

.floatright
{
	float: right;
}

p.heading
{
	font-size: x-large;
}

h1
{
    font-weight: bold;
    font-size: 24pt;
    text-transform: capitalize;
    color: blue;
}

h2
{
    font-weight: bold;
    font-size: 18pt;
    color: blue;
}

label
{
    font-family: 'Arial';
}

hr
{
	border-right: graytext thin solid;
	border-top: graytext thin solid;
	border-left: graytext thin solid;
	border-bottom: graytext thin solid;
}

table
{
	
}

/* Top Menu Bar */
table.menutop
{
	border: solid 0px #000000;
	margin: 0px 0px 0px 0px;
}
table.menutop td
{
	padding: 5px 5px 5px 10px;
  	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
table.menutop td a
{
	text-decoration: none;
	color: Black;
}
table.menutop td.menutopselected
{
	background-color: Gray;
}
table.menutop td.menutopselected a
{
	text-decoration: none;
	color: Red;
}
table.menutop td:hover
{
	background-color: #BBBBBB;
}

/* Bottom Menu Bar */
table.menubottom
{
	border: solid 0px #000000;
	margin: 0px 0px 0px 0px;
	background-color: Gray;
	width: 50%;
}
table.menubottom td
{
	padding: 5px 5px 5px 10px;
  	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
table.menubottom td a
{
	text-decoration: none;
	color: Black;
}
table.menubottom td.menubottomselected a
{
	text-decoration: none;
	color: Red;
}
table.menubottom td:hover
{
	background-color: #BBBBBB;
}

.fill 
{
	width: 100%;
}

/*Modal Popup*/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}