/* common style for helpFrame */

body {
   font-family: "Arial", sans-serif;
   font-style: normal;
   background: #aff;
   background: #fff;
}
a {
   text-decoration: none;
}
a:link {
   color:#0000ff;
}
a:visited {
   color:#0000ff;
}
a:hover {
   color:#990099;
}
a:active {
   color:#0055bb;
}

div#centeringDiv {
   position: relative;
   width: 950px;
   height: 630px;
   margin: 0px auto;
   padding: 0px;
   background: #faf;
   background: #fff;
}

div.helpFrameIconContainer {
   float: left;
   position: relative;
   top: 0px;
   left: 10px;
   margin: 0px;
   padding: 0px;
}

div.headerDiv {
   position: relative;
   top: 8px;
   margin: 0px auto;
   padding: 0px;
   height: 20px;
   background: #fafafa;
}

div.headerDiv h3 {
   float: left;
   font-size: 14px;
   color: #333;
   padding: 0px;
   margin: 0px;
}

img.iframeClose {
   padding: 0px;
   margin: 0px;
   position: relative;
   top: 1px;
   left: 1px;
}

div.iframeHeaderDiv {
   position: relative;
   top: 2px;
   margin: 0px auto;
   padding: 0px;
   background: #fafafa;
}

div.iframeHeaderDiv h4 {
   font-size: 14px;
   color: #333;
   padding: 0px;
   margin: 0px;
}

img.helpIcon {
   padding: 0px;
   margin: 0px 2px;
   position: relative;
   top: 4px;
}
img.infoIcon {
   padding: 0px;
   margin: 0px 2px;
   position: relative;
   top: 4px;
}

#legacyLinkDiv {
   padding: 0px;
   margin: 0px;
   visibility: hidden;
   position: absolute;
   top: 520px;
   left: 390px;
   width: 245px;
   height: 30px;
   background: #eee;
}

#legacyLink {
   padding: 0px;
   margin: 0px;
   position: absolute;
   top: 5px;
   left: 35px;
   color: #00f;
   cursor: default;
}
#legacyLink.over {
   left: 30px;
   color: #a0f;
   cursor: pointer;
}