body {
width: 100%;
height: 100%;
margin: 0px 0px 0px 0px;
background-color: #F5F6FA;
font-family: arial;
font-size: 11px;
 color: #363135;
}

a, a:hover, a:active, a:visited {
 color: #6699CC;
 text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#left a, #left a:hover, #left a:active , #left a:visited  {
/* color: #363135; */
color: #6699CC;
 text-decoration: none;
}

/* #left a:hover { */
#left a:link {
color: #6697D1;
text-decoration: none;
}

h1 {
 font-size: 26px;
 color: white;
 font-weight: normal;
 font-family: Helvetica, "Lucida Sans", arial;
 margin: 0px;
 padding-left: 10px;
 padding-bottom: 10px;
}

#links {
text-align: center;
}

#links h1 {
 text-align: left;
 font-size: 26px;
 color: #D9D9D9;
 font-weight: normal;
 font-family: "Lucida Sans", arial;
 margin: 0px;
 padding-left: 10px;
 padding-bottom: 1px;
}

#links img {
padding-bottom: 10px;
margin-left: 16px;
margin-right: 6px;
}


b {
color: #7AB800;
}

ul {
 list-style-type: square;
 list-style-position: inside;
 margin-left: 10px;
}

li {
 padding-bottom: 4px;
 color: #7AB800;
}

.text {
width: 210px;
padding-left: 10px;
}

.textC {
font-size: 11px;
width: 220px;
padding-left: 8px;
text-align: left;
/* text-align: justify; */
}

.textC b {
color: #363135;
}

/*ID SPECIFIC STYLES*/
#container {
margin-top: -20px;
background: #F5F6FA url('images/pageBg.jpg');
height: 934px;
width: 760px;
position: absolute;
right: 50%;
margin-right: -380px;
}

#header {
background: url('images/loginHeader.jpg');
height: 240px;
}

#left {
position: absolute;
background: url('images/loanClosingBg.jpg');
background-repeat: no-repeat;
width: 460px;
height: 418px;
margin-left: 30px;
overflow: hidden;
}

.leftText {
margin-left: 10px;
clear: both;
}

#column1 {
width: 220px;
vertical-align: top;
display: inline;
float: left;
}

#column2 {
width: 220px;
vertical-align: top;
display: inline;
}

#loginBox {
position: absolute;
width: 230px;
height: 212px;
background: white url('images/loginBg.jpg');
left: 500px;
top: 446px;
}

#loginBox input {
font-size: 11px;
width: 90px;
height: 20px;
}

.loginButton {
background-color: #DDFBA2;
color: #7AB800;
border: 1px solid #7AB800;
font-weight: bolder;
margin-top: 3px;
font-size: 11px;
}

#aboutBox {
position: absolute;
width: 230px;
height: 182px;
background: white url('images/aboutMassDocs.jpg');
background-repeat: none;
left: 500px;
}

#links {
position: absolute;
top: 680px;
width: 700px;
left: 30px;
}

#footer {
position: absolute;
top: 800px;
background: white url('images/footerBg.jpg');
background-repeat: repeat-x;
width: 700px;
height: 128px;
left: 30px;
color: white;
text-align: left;
padding: 0px;
font-size: 12px;
}

#footer b {
 color: white; 
}

#footer c {
 color: #8C9B8C; 
}


#bottom {
position: absolute;
top: 934px;
background: white url('images/bottom.jpg');
background-repeat: no-repeat;
width: 760px;
height: 30px;
}
/* Original HDS Style Sheet */
/* Default font*/ 
/*BODY
{
	font-family: Tahoma, Arial, Sans-Serif; 
	color: black; 
	font-size: 10pt;
	margin: 0px;
	background-color:White;
}
TD
{ 
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: 10pt;
	color: black; 
}
*/
#pageHeaderTable
{
	width:100%;
	height:42px;
	background-image:url(Images/pageHeader.jpg);
}
#pageHeaderLeft
{
	font-family:Optima, Tahoma, Arial, Sans-Serif;
	font-style:italic;
	font-size:18pt;
	font-weight:bold;
	/*background-image:url(Images/header_left.jpg);
	background-repeat:no-repeat;
	background-position: top left;*/
	padding-left:10px;
}
#pageHeaderMiddle
{
	vertical-align:bottom;
	padding-bottom:3px;
}
#pageHeaderRight
{
	width:200px;
	text-align:right;
	vertical-align:bottom;
}
#pageContent
{
	width:100%;
}
#DataGridSearchTable
{
	width:100%;
	margin-bottom:2px;
}

#menuBarTable
{
	width:100%;
	background-color:Black;
	padding:1px 10px; /* margins for entire menu bar */
}
.MenuBackground /* style for main menu & drop-down menus */
{
	background-color:black;
}
.MenuBarTitle /* style for the page title, which appears at the left of the menu bar */
{
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: 10pt;
	color:White;
	font-weight:bold;
	white-space:nowrap;
}
.MenuBarTitleGray /* style for portions of the page title which are intentionally de-emphasized */
{
	color:#cccccc;
	font-weight:normal;
}
.DefaultMenuItem
{
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: 11px;
	border:1px solid #000000;
	color: #7AB800;
	white-space:nowrap;
	padding: 3px;
	font-weight: bold;
}


a:link.DefaultMenuItemText, a:visited.DefaultMenuItemText /* should match .DefaultMenuItem, but without borders or padding or anything */
{
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: 11px;
	background-color: transparent;
	border:0px solid #7AB800;
	color: #7AB800;
	white-space:nowrap;
	padding: 3px;
	font-weight: bold;
}
.HoverMenuItem
{
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: 11px;
	background-color:#DDFBA2;
	border:1px solid #7AB800;
	color: #000000;
	white-space:nowrap;
	padding: 3px;
	font-weight: bold;
}
.ClickMenuItem
{
	font-family: Tahoma, Arial, Sans-Serif; 
	font-size: 11px;
	!background-color:#DDFBA2;
	!border:1px solid #7AB800;
	color: #FFFFFF;
	white-space:nowrap;
	padding: 3px;
	font-weight: bold;
}
.MediumTitle
{
	font-size:10pt;
	font-weight:bold;
}
.PopoverPanel
{
	position:absolute;
	top:88px;
	left:15%;
	width:70%;
	background-color:#DFDFC0;
	border:solid 1px black;
	padding:12px;
}
.PopoverPanelTall
{
	position:absolute;
	top:62px;
	left:15%;
	width:70%;
	background-color:#DFDFC0;
	border:solid 1px black;
	padding:12px;
}
.PickListBox
{
	width:100%;
	height:100%;
	/*font-family:Courier New, Courier, Monospace;*/
	font-family:Tahoma, Arial, Sans-Serif;
	font-size:10pt;
}
.CheckboxList
{
	margin-left: 16px;
}
.DataGrid
{
	width:100%;
	border-color:#000000;
}
.PanelBackground
{
	background-color:#DFDFC0;
}

.InputField
{
	font-family:Tahoma, Arial, Sans-Serif;
}

.SpacedItem
{
	margin-top:1ex;
}
.WarnPanel
{
	padding:10px;
	background-color:#EBEBD8;
}
.ErrorMessage
{
	color:Red;
}
/* Data Grid Header */
.DataGridHeader
{
	background-image: url(images/pageHeader.jpg);
	color: white;
}

.DataGridHeader a, .DataGridHeader a:visited, .DataGridHeader a:active
{
	text-decoration: none; 
	color: black;
	font-weight: bold;
}
.DataGridHeader a:hover
{
	font-weight: bold;
	text-decoration: none;
	color: #343536;
}

/* Data Grid Item */
.DataGridItem
{
	vertical-align: top;
}
a.DataGridItem:link, a.DataGridItem:visited, a.DataGridItem:active { color: black;}
a.DataGridItem:hover {}

/* Data Grid Alternate Item */
.DataGridAlternateItem
{
	vertical-align: top;
}
a.DataGridAlternateItem:link, a.DataGridAlternateItem:visited, a.DataGridAlternateItem:active {}
a.DataGridAlternateItem:hover {}

/* Data Grid Pager */
.DataGridPager
{
	background-color: #fff;
	color: white;
}
a.DataGridPager:link, a.DataGridPager:visited, a.DataGridPager:active {}
a.DataGridPager:hover {}