/*
 * CSSP Stylesheet for mortgage portal template
 *
 *@author            Neil Palmer
 *@created           June, 2005
 *
 */

/*
 * Layout/DIV definitions
 */

#container {
  position:relative;
 width: 795px;
  height: 900px;
  z-index: 0;
  margin: 0 auto;
}
#searchBar {
  position:absolute;
  z-index:1;
  width:0px;
  height:0px;
  border-style:normal;
  border-width:0;
  border-color:#FFFFFF;
  background-color: #FFFFFF;
  color:#000000;
  left: 5px;
  top:0px;
  text-align:left;
}

#header {
  position:absolute;
  z-index:1;
  width:785px;
  height:245px;
  top:0px;
  left: 5px;
  border-style:solid;
  border-width:1;
  border-color:#FFFFFF;
  text-align:left;
}

#nonFormHeader {
  position:absolute;
  z-index:1;
  width:785px;
  border-style:solid;
  border-width:1;
  border-color:#FFFFFF;
  top:0px;
  left: 5px;
  height:103px;
  text-align:left;
}

#formArea {
  position:absolute;
  z-index:4;
  top:106px;
  left:312px;
  width:477px;
  height: auto;
  background-color:#BC0000;
  background-image:url(../images/form_bg.jpg);
  background-repeat:repeat-x;
   background-position:bottom left;
  border-style:solid;
  border-width:0;
  border-color:#FFFFFF;
  text-align:left;
  color:#FFFFFF;
}

#formAreaMain {
  position:absolute;
  z-index:4;
  top:106px;
  left:312px;
  width:477px;
  background-color:#BC0000;
  background-image:url(../images/form_bg.jpg);
  background-repeat:repeat-x;
  background-position:bottom left;
  border-style:solid;
  border-width:0;
  border-color:#FFFFFF;
  text-align:left;
  color:#FFFFFF;
}

#headerBar {
  position:relative;
  z-index:-1;
  width:785px;
  border-style:solid;
  border-width:1;
  border-color:#FFFFFF;
  background-image:url(../images/header_bar.jpg);
  background-repeat:repeat-x;
  background-color:#00427B;
  top:-2px;
  font-size:1px;
  height:10px;
}

#copyArea {
  position:absolute;
  z-index:0;
  width:785px;
  top:246px;
  left: 5px;
  height: 560px;
  background-color:#FFFFFF;
  color:#000000;
  text-align:left;
  border-style:solid;
  border-width:1;
  border-color:#FFFFFF;
}

#nfcopyArea {
  position:absolute;
  width:785px;
  top:96px;
  left:5px;
  height: 1500px;
  background-color:#FFFFFF;
  color:#000000;
  text-align:left;
  border-style:solid;
  border-width:0;
  border-color:#FFFFFF;
}

#footerArea {
  position:absolute;
  z-index:1;
  width:785px;
  top: 658px;
  left: 5px;
  height: 55px;
  text-align:left;
}

#footerLinkArea {
  position:absolute;
  z-index:1;
  top:0px;
  left:0px;
  width:0px;
  background-color:#FFFFFF;
}

#copyrightArea {
  position:absolute;
  z-index:1;
  top:740px;
  left:5px;
  width:785px;
  height: 35px;
  background-color:#FFFFFF;
  text-align:right;
  margin-right: 10px;
  padding-bottom: 15px;
}

/*
 * Nested alignment elements for padding
 */

#searchBarContent {
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  padding-right:10px;
}

#formContent {
  padding-top:20px;
  padding-left:20px;
  padding-bottom:10px;
  padding-right:-5px;
}

#nonFormContent {
  padding-top:20px;
  padding-left:20px;
  padding-bottom:100px;
  padding-right:15px;
  color:#000000;
}

#copyContent {
  top: 0px;
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
  width: 280px;
}

#footerContent {
  padding-top:10px;
  padding-left:5px;
  padding-bottom:10px;
  padding-right:5px;
}

#popupContainerContent {
  padding-left:4px;
  padding-right:4px;
  padding-top:4px;
  padding-bottom:4px;
}

#headerImg1 {
  position:absolute;
  z-index:2;
  top:0px;
  left:0px;
  width:153px;
  height:245px;
}

#headerImg2 {
  position:absolute;
  z-index:2;
  top:0px;
  left:153px;
  width:153px;
  height:245px;
}

#headerImg3 {
  position:absolute;
  z-index:2;
  top:0px;
  left:306px;
  width:159px;
  height:105px;
}

#headerImg4 {
  position:absolute;
  z-index:2;
  top:0px;
  left:465px;
  width:237px;
  height:105px;
}

#headerImg5 {
  position:absolute;
  z-index:2;
  top:0px;
  left:624px;
  width:159px;
  height:105px;
}

#headerImg6 {
  position:absolute;
  z-index:2;
  top:105px;
  left:768px;
  width:159px;
  height:105px;
}

#label {
  position:relative;
  z-index:1;
  left:0px;
  width:130px;
  font-weight:normal; 
}

#formField {
  position:relative;
  z-index:1;
  left:130px;
  width:220px;
  top:-12px;
}

/*
 * visual styles
 */

body {
  margin-left:0px;
  margin-top:0px;
  margin-right:0px;
  margin-bottom: 0px;
  background-color: #00427B;
  text-align:center;
}

body.global {
  margin-left:0px;
  margin-top:0px;
  margin-right:0px;
  margin-bottom: 0px;
  background-color: #FFFFFF;
  text-align:center;
}

div, input, select, td {
  font-family:verdana;
  font-size:12px;
}
h1 {
font-size: 16px; 
font-weight:bolder;
color:#000000;
background-color: #add7ed;
}
h2 {
padding-left:2px;
margin-top: 0px;
font-size: 20px; 
margin-bottom:2px;

}
h3 {
padding-left:2px;
margin-top: 0px;
font-size: 17px; 
margin-bottom:5px;
}

h4 {
font-size: 15px; 
font-weight:bold;
margin-top:10px;
margin-bottom:10px;

color:#8d0000;

}



.thide {
  visibility:hidden;
}

.tshow {
  visibility:visible;
}

.errorform {
  font-weight:bold;
  color:#33FF66;
}

.ftrLink {
  color:#000000;
  text-decoration:;
  font-size:10px;
  font-weight:normal;
}

.prvLink {
  color:#000000;
  text-decoration:underline;
  font-size:10px;
  font-weight:normal;
}
.formblurb {
  color:#000000;
  font-size:10px;
  font-weight:normal;
}
.copyright {
  color:#000000;
  font-size:10px;
}

a {
  color:#003366;
  text-decoration:underline;
  font-weight:normal;
}

/*
 * popup styles
 */

body.popup {
  margin-left:15px;
  background-color: #00427B;
}

#popupContainer {
  width:395px;
  z-index:0;
  position: relative;
  background-color:#FFFFFF;
  border-style:solid;
  border-width:1;
  border-color:#CCCCCC;
}

#popupHeader {
  position:relative;
  z-index:1;
  background-color:#00427B;
  overflow:hidden;
  width:388px;
  text-align:left;
}

#popupSubHeader {
  position:relative;
  z-index:1;
  background-color:#CBD6ED;
  height:20px;
  overflow:hidden;
  width:388px;
  text-align:left;
  top:3px;
}

#popupHdrBar {
  position:relative;
  z-index:1;
  background-color:#CCCCCC;
  height:1px;
  overflow:hidden;
  width:388px;
  text-align:left;
  top:6px;
  font-size:1px;
}

#popupClsWindow {
  position:relative;
  z-index:1;
  height:25px;
  width:388px;
  text-align:right;
  top:6px;
}

#popupCopy {
  position:relative;
  z-index:1;
  width:388px;
  text-align:left;
  top:6px;
  color:#000000
}

.popLink {
  color:#990000;
  text-decoration:underline;
  font-weight:normal;
   font-size: 10px;
  font-family: verdana;
}