/* -----------------------------------------------
PLEASE READ THIS BEFORE EDITING!

In order to facilitate text zoom, all font size
declarations should be made using ems. Particular
care should be made for nested elements since em
units are inherited.

See http://www.clagnut.com/blog/348/ for detailed
instructions.
----------------------------------------------- */


/* COMMON PAGE STYLES
----------------------------------------------- */

html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* removes flicker in ie (links that use hover) */
}

body {
  background: #340c35 url(../images/bg.gif) repeat-x 0 0;
  color: #707070;
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size: 77%;
  margin: 0 0 17px;
  text-align: center;
}

a {
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: underline !important;
}

a img {
  border: none;
}

sup {
  bottom: 0.33em;
  /* color: #712a82;
  font-weight: bold; */
  font-size: 1em;
  position: relative;
  vertical-align: baseline;
}

html>body sup {
  font-size: .8em;
}

/* safari 3.0 only fix */

::root sup {
  font-size: .7em;
}

em {
  background-color: transparent;
}

/*h1 {
  background: transparent url(../images/logo-research.gif) no-repeat 0 0;
  color: #000;
  height: 176px;
  margin: 0 0 11px;
  text-indent:-9009px;
  width: 200px;
}

h1 a {
  display: block;
  height: 100%;
  width: 100%;
}*/

h1 {
  border: none;
  color: #712a82;
  /* font-size: 246%; */
  font-size: 200%;
  font-weight: normal;
}

h2 {
  border-bottom: 1px solid #ccc;
  color: #512a74;
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 3px;
  /* max-width: 550px; */
}

h3.image-title {
  border-bottom: none;
  color: #666;
  font-size: 90%;
  font-weight: bold;
  margin-bottom: 8px;
}

h4 {
  color: #969;
  font-size: 93%;
  text-transform: uppercase;
}

.splash p {
  font-size: 93%;
  line-height: 130%;
}

.content p {
  font-size: 105%;
  color: #333;
}

cite {
  display: block;
  font-size: 85%;
  font-style: normal;
  line-height: 135%;
  margin-top: -15px;
  margin-bottom: 15px;
  width: 450px;
}

cite.wide {
  width: 500px;
}

cite.small-space{
  padding-top: 10px;
}

ol.cite {
  margin-bottom: 2px;
  margin-left: 20px;
}

ol.cite li ul li {
  list-style-type: disc !important;
}

ol.cite-dots {
  margin-top: 15px;
  list-style-type: none;
}

ol.cite-dots li.one, ol.cite-dots li.two, ol.cite-dots li.three, ol.cite-dots li.four {
  min-height: 20px;
  padding: 3px 0 5px 30px;
}

ol.cite-dots li.one {
  background: transparent url(../images/Dot_1.gif) no-repeat 0 0;
}

ol.cite-dots li.two {
  background: transparent url(../images/Dot_2.gif) no-repeat 0 0;
}

ol.cite-dots li.three {
  background: transparent url(../images/Dot_3.gif) no-repeat 0 0;
}

ol.cite-dots li.four {
  background: transparent url(../images/Dot_4.gif) no-repeat 0 0;
}

.content hr.dashed-line {
  background-color: #f9f9f9;
  border: 1px dashed #666;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin: 10px 0 0;
}

div#logo-print {
  display: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/* container */

.container {
  border: 1px solid #d0d0d0;
  border-top: none;
  text-align: left;
}

/* flash content */

#flash-content {
  border-top: 1px solid #461648;
  border-right: 1px solid #100d0d;
  border-left: 1px solid #4c184f;
  line-height: 0;
  margin: 0;
  padding: 0;
}

#flash-content img {
  margin: 0;
  *margin-bottom: -4px;
  padding: 0;
}

.splash #flash-content {
  height: 244px;
}

.content #flash-content {
  background: transparent url(../images/content-header.jpg) no-repeat 0 0;
  height: 99px;
}

.content #flash-content a {
  display: block;
  height: 95px;
  margin: 4px 0 0 19px;
  *margin: 0 0 0 19px;
  text-decoration: none !important;
  width: 95px;
}

.content #body-content #flash-content {
  margin-bottom: -20px;
}

/* img */

.content img {
  margin: 0 0 15px;
}

/* nav toolbar */

#nav-toolbar {
  background: #fdfdfd url(../images/bg-nav-toolbar.gif) repeat-x 0 100%;
  text-align: right;
  margin: 0;
  padding: 0;
}

#nav-toolbar ul {
  color: #7a7a7a;
  font-size: 9px;
  list-style: none;
  margin: 3px 10px 3px 0;
  padding: 2px;
}

#nav-toolbar li {
  background: none;
  display: inline;
  margin: 0;
}

#nav-toolbar li a {
  color: #7a7a7a;
  padding-bottom: 1px;
}

#nav-toolbar li a img {
  padding: 0;
  margin: 0;
}

/* Glossary Control */

#glossary-control a {
  padding: 1px 2px;
}

.highlight {
  background-color: #999;
  border: 1px solid #ccc;
  color: #fff !important;
}

/* nav util */

#nav-util {
  background-color: #4c184d;
  height: 27px;
  margin: 0;
  padding: 0;
}

#nav-util ul {
  background: #853189 url(../images/bg-nav-util.gif) repeat-x 0 0;
  margin: 0 0 -6px 5px;
  padding: 0;
  width: 772px;
}

html>body #nav-util ul {
  margin: 0 0 -2px 10px;
}

/*
#nav-util li a.nav-util-slidedeck, #nav-util li a.nav-util-email, #nav-util li a.nav-util-history {
  position: absolute;
  padding-left: 11px;
}

#nav-util li a.nav-util-slidedeck {
  background: transparent url(../images/bg-nav-util-slidedeck.jpg) no-repeat 0 0 !important;
  margin-left: 16px;
  width: 150px;
}

#nav-util li a.nav-util-email {
  background: transparent url(../images/bg-nav-util-email.jpg) no-repeat 0 0 !important;
  margin-left: 228px;
  width: 90px;
}

#nav-util li a.nav-util-history {
  background: transparent url(../images/bg-nav-util-history.jpg) no-repeat 0 0 !important;
  margin-left: 380px;
  width: 150px;
}

#nav-util li a {
  background: transparent url(../images/img-nav-util-arrow.gif) no-repeat 100% 0;
  _background: transparent url(../images/img-nav-util-arrow.gif) no-repeat 100% 2px;
  color: #fff;
  font-size: 12px;
  line-height: 245%;
  margin: 0 0 0 23px;
  padding: 5px 37px 6px 0;
}

.win.gecko #nav-util li a {
  background: transparent url(../images/img-nav-util-arrow.gif) no-repeat 100% 2px;
} */

#nav-util li {
  background: #621966 url(../images/bg-nav-util-btn.gif) repeat-x 0 0;
  border-left: 1px solid #ab75ad;
  border-right: 1px solid #ab75ad;
  display: inline-block;
  font-weight: bold;
  _height: 26px;
  list-style: none;
  margin-top: 1px;
  min-height: 26px;
  padding: 0 10px 0 12px;
}

#nav-util li.nav-util-email {
  margin: 1px 15px 0 -5px;
}

#nav-util li.nav-util-email, #nav-util li.nav-util-slidedeck {
  float: right;
}

#nav-util li a {
  background: transparent url(../images/bg-nav-util-btn-arrow.gif) no-repeat 100% 0;
  color: #fff;
  font-size: 12px;
  line-height: 200%;
  padding: 0 20px 2px 0;
}

#nav-util li.home {
  background: transparent url(../images/bg-nav-util-left-corner.gif) no-repeat 0 0;
  border: none;
  float: left;
  font-weight: bold;
  margin: 0 -4px 0 0;
  padding: 0;
  width: 155px;
}

html>body #nav-util li.home {
  margin: 0 9px 0 0;
}

#nav-util li.home a {
  background: transparent url(../images/bg-nav-util-right-corner.gif) no-repeat 100% 0 !important; /* firefox pc fix */
  display: block;
  font-size: 11px;
  line-height: 290%;
  margin: 0;
  padding: 0 0 0 9px;
  width: 154px;
}

.content #nav-util li.home a {
  color: #e087e5;
}

.content #nav-util li.home a:hover {
  color: #fff;
}

#nav-util li.selected a {
  color: #f2b1f9;
}

/* nav util form */

#nav-util .search, #nav-util form, #nav-util fieldset, #applesearch {
  border: none;
  margin: 0;
  padding: 0;
  width: 168px;
}

#nav-util .search {
  background: #853189 url(../images/bg-nav-util.gif) repeat-x 0 0;
  padding: 4px 0 1px;
}

/* apple search box default settings */

#applesearch {
  border: none;
  width: 168px;
  margin: 0;
  padding: 0;
}

#applesearch .sbox input {
  float:left;
  height: 12px;
  width: 100px;
}

html>body #applesearch .sbox input {
  width: 100px;
}

/* safari 3.0 only fix */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #applesearch .sbox input {
    width: 147px !important;
  }
}

/* safari 2.0 only fix */

body:last-child:not(:root:root) #applesearch .sbox input {
  width: 147px;
}

.win.safari #applesearch .sbox input {
  height: 19px;
}


/* body */

#body {
  background: #f9f9f9 url(../images/bg-body.gif) no-repeat 0 0;
  position: relative;
}

/* body left column */

#body-left-column {
  _margin-right: 2px;
  padding-bottom: 2px;
}

/* nav 1 */

#body-left-column ul {
  background-color: #fff;
  border-top: 1px solid #d0d0d0;
  margin: 0 0 12px 10px;
  padding-left: 1px;
  width: 163px;
}

#body-left-column li {
  background: none;
  color: #005a9c;
  /* font-size: 90%; */ /* originial font size */
  font-size: 95%;
  font-weight: bold;
  line-height: 130%;
  list-style: none;
  width: 162px;
}

/* safari 2.0 only fix */

body:last-child:not(:root:root) #body-left-column li {
  /* font-size: 89%; */ /* originial font size */
  font-size: 94%;
}

#body-left-column li a {
  background: transparent url(../images/1x1-grey.gif) repeat-y 0 0;
  border: 1px solid #d0d0d0;
  border-top: none;
  border-right: none;
  border-left: none;
  color: #005a9c;
  display: block;
  height: 1%;
  padding: 7px 8px 4px 7px;
  text-decoration: none !important;
}

html>body #body-left-column li a {
  padding: 4px 8px;
}

#body-left-column li a:hover {
  background: none;
  background-color: #d5d5d5;
  border-right: none;
  border-bottom: none;
  border-left: none;
  color: #494949;
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
}

#body-left-column li.active a {
  background: #ad40b0 url(../images/bg-body-left-column.gif) no-repeat 0 100% ;
  border-bottom: none;
  color: #fff;
  font-weight: bold;
  padding: 7px 8px 4px 7px;
}

html>body #body-left-column li.active a {
  padding: 4px 8px;
}

#body-left-column li.active a:hover {
  background: #ad40b0 url(../images/bg-body-left-column.gif) no-repeat 0 100% ;
  color: #fff;
  _margin: 0 0 -1px !important;
}

#body-left-column li.open a {
  color: #e087e5;
}

#body-left-column li.open a:hover {
  background: #ad40b0 url(../images/bg-body-left-column.gif) no-repeat 0 100%;
}

#body-left-column li.flyout {
  *float: left;
  _float: none;
  _margin: 0 0 0 -4px;
  *width: 156px;
  _width: ;
}

#body-left-column li.flyout a {
  background: none !important;
  background-color: #f1f1f1 !important;
  border: none !important;
  color: #494949 !important;
  display: block;
  font-size: 100%;
  font-weight: normal !important;
  _margin-bottom: -1px;
  padding-right: 0 !important;
  text-align: left;
  *width: 150px !important;
}

#body-left-column li.flyout a:hover {
  background-color: #ccc !important;
  padding-bottom: 4px !important;
}

#body-left-column li.flyout-first a {
  border-top: 1px solid #cfcecf !important;
  border-right: 1px solid #cfcecf !important;
  border-left: 1px solid #cfcecf !important;
  _border-top: 0 !important;
  _border-right: 0 !important;
  _border-left: 0 !important;
}

#body-left-column li.flyout-middle a {
  border-left: 1px solid #cfcecf !important;
  border-right: 1px solid #cfcecf !important;
  _border-left: 0 !important;
  _border-right: 0!important;
}

#body-left-column li.flyout-last a {
  border-right: 1px solid #cfcecf !important;
  border-bottom: 1px solid #cfcecf !important;
  border-left: 1px solid #cfcecf !important;
  _border-right: 0 !important;
  _border-bottom: 0 !important;
  _border-left: 0 !important;
}

/* nav 1.1 */

#body-left-column ul ul {
  background: none;
  border: 3px solid #8d3290;
  background-color: #f4f4f4;
  margin: 0;
  padding: 0;
  width: 156px;
}

#body-left-column li li {
  border-bottom: none;
  font-size: 100%;
  *margin-right: -5px !important;
  width: 156px;
}

#body-left-column li li a {
  *width: 136px !important;
}

#body-left-column li li.active {
  background-color: #ececec;
}

#body-left-column li li.active a {
  background: #ad40b0 url(../images/bg-body-left-column.gif) no-repeat 0 100%;
  border-bottom: #ececec;
  border-top: 1px solid #d3d3d3;
  color: #fff;
  font-weight: bold !important;
  line-height: 130%;
  padding: 7px 8px 4px 5px;
  padding-left: 10px !important;
  *padding-right: 0 !important;
  width: 139px;
  *width: 146px !important;
}

#body-left-column li li.active a:hover {
  color: #fff;
  font-weight: bold;
}

#body-left-column li li.open a {
  color: #e087e5;
}

#body-left-column li li.link-inactive a {
  background: #ececec !important;
  color: #464646 !important;
  font-weight: normal !important;
  padding-left: 12px !important;
  width: 136px;
  *width: 136px !important;
}

#body-left-column li li.link-inactive a:hover {
  background-color: #d5d5d5 !important;
  font-weight: bold !important;
}

#body-left-column li li.flyout a {
  padding-right: 5px !important;
}

/* nav 1.1.1 */

#body-left-column ul ul ul {
  width: 153px;
}

#body-left-column li li li {
  font-size: 100%;
  width: 135px;
}

#body-left-column li li li a {
  *width: 137px !important;
}

#body-left-column li li li.active a {
  color: #fff;
  padding: 7px 8px 4px 5px;
  padding-left: 15px !important;
  width: 130px;
  *width: 138px !important;
}

#body-left-column li li li.open a {
  color: #e087e5;
}

#body-left-column li li li.link-inactive a {
  border-right: none;
  display: block;
  padding-left: 16px !important;
  width: 129px;
  *width: 137px !important;
}

/* nav 1.1.1.1 */

#body-left-column ul ul ul ul {
  width: 150px;
}

#body-left-column li li li li {
  font-size: 100%;
  width: 140px;
}

#body-left-column li li li li.active a {
  color: #fff;
  padding-left: 18px !important;
  width: 134px;
}

html>body #body-left-column li li li li.active a {
  width: 124px;
  *width: 132px !important;
}

#body-left-column li li li li.link-inactive a {
  padding-left: 18px !important;
  width: 124px !important;
  *width: 132px !important;
}

/* nav footer */

#body-left-column li.body-left-column-footer, #body-left-column li.active-footer {
  border: none;
  /* margin: 0 0 0 -1px; */
}

#body-left-column li.body-left-column-footer a, #body-left-column li.active-footer a {
  background: transparent url(../images/bg-body-left-column-footer.gif) no-repeat 0 100%;
  border: none;
  padding-bottom: 10px !important;
  width: 147px;
}

#body-left-column li.body-left-column-footer a:hover, #body-left-column li.active-footer a:hover {
  background: transparent url(../images/bg-body-left-column-footer2.gif) no-repeat 0 100%;
  width: 147px;
  *width: 148px;
}

#body-left-column li.body-left-column-footer a:hover, #body-left-column li.active-footer a:hover {
  width: 146px;
  _width: 147px;
}

#body-left-column li.active-footer a, #body-left-column li.active-footer a:hover {
  background: #a53ea9 url(../images/bg-body-left-column-footer3.gif) no-repeat 0 100%;
  color: #fff;
  padding-bottom: 9px;
  width: 146px;
  _width: 147px;
}

#body-left-column div {
  line-height: 0;
  margin: 0 0 18px;
  text-align: center;
}

#body-left-column div img {
  margin: 0;
}

/* feedback button */

#body-left-column .callout-feedback {
  background: transparent url(../images/feedback-footer.gif) no-repeat 0 100%;
  margin-left: 11px;
  margin-bottom: 75px;
  width: 162px;
}

#body-left-column .callout-feedback p {
  background: transparent url(../images/feedback-header.gif) no-repeat 0 0;
  display: block;
  margin: 0;
  padding-right: 10px;
  _padding-top: 1px;
  position: relative;
}

#body-left-column .callout-feedback p img {
  left: 9px;
  _left: -65px;
  position: absolute;
  text-align: left;
  top: 13px;
}

#body-left-column .callout-feedback p a {
  background: transparent url(../images/img-arrow-white.gif) no-repeat 100% 55%;
  color: #4f4f4f;
  display: block;
  font-size: 11px;
  font-size: 10px\9;
  font-weight: bold;
  line-height: 14px;
  padding: 11px 15px 10px 20px;
}

.win.gecko #body-left-column .callout-feedback p a { font-size: 10px; }

.win.safari #body-left-column .callout-feedback p a { font-size: 10px; }

/* body content */

#body-content {
  border: 1px solid #d1d1d1;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

/* splash content */

/* Combat an anomalous window with problem
   that only seems to affect IE 7 */
html.ie7 body.splash {
  overflow: hidden;
  min-width: 950px;
}

.splash #body-left-column.span-5 {
  width: 180px;
  _margin-right: 10px;
}

.splash #body-content.span-19 {
  padding-top: 7px;
  padding-bottom: 7px;
  width: 760px;
}

#hp-questions.column {
  background: transparent url(../images/hp-questions-bg.gif) 0 0 no-repeat;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  margin-right: 17px;
  margin-top: 7px;
  padding-top: 9px;
  width: 551px;
}

.splash #body-content h1 {
  background-color: #fff;
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  color: #6f2670;
  font-size: 120%;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 2px 12px 0;
}

#hp-questions div#btn-wrapper{
  overflow: hidden;
  border-left:1px solid #C6C6C6;
  border-right:1px solid #C6C6C6;
  _height: 100%;
  _width: 549px;
}

#hp-questions ol {
  list-style: none;
}

#hp-questions ol#slider {
  background: transparent url(../images/splash-thumbs-bg.png) left bottom no-repeat;
  color: #551d57;
  float: left;
  font-size: 90%;
  height: 75px;
  margin: 0;
  padding: 15px 12px 0;
  width: 2000px;
}

#hp-questions ol#slider li {
  float: left;
  line-height: 1.2;
  padding-right: 13px;
  width: 63px;
  overflow: hidden;
}

#hp-questions ol#slider li.endthumb {
  padding-right: 0;
}

#hp-questions ol#slider li div{
  width: 221px;
  _height: 75px;
  _overflow: hidden;
}

#hp-questions ol#slider li span {
  color: #551d57;
  float: left;
  height: 63px;
  width: 63px;
  clear: none;
}

#hp-questions ol#slider li div img {
  margin-bottom: 0;
  cursor: pointer;
}

#hp-questions ol#slider li a:link,
#hp-questions ol#slider li a:visited,
#hp-questions ol#slider li a:hover,
#hp-questions ol#slider li a:active {
  text-decoration: none !important;
}

#hp-questions ol#slider li span.thumbteasertext {
  float: left;
  padding-left: 9px;
  width: 149px;
  clear: none;
  visibility: hidden;
  _visibility: visible;
}

#hp-questions ol#slider li.endthumb span.thumbteasertext {
  _width: 136px;
  *width: 136px;
}

#hp-questions ol#slider li span.designationarrow {
  clear: left;
  display: none;
  line-height: 0.8;
  margin-left: 22px;
  _margin-left: 11px;
}

#hp-questions ol#slider li span.designationarrow img {
  margin-bottom: 0;
  height: 12px;
  width: 24px
}

#panelWrapper {
  clear: both;
  position: relative;
  width: 551px; height: 270px;
}

#panelWrapper dl {
  position: absolute;
  left: 0;
  top: 0;
}

#panelWrapper dl div{
  position: absolute;
  width: 100px;
  height: 200px;
  top: 0;
  right: 0;
  background-color: red;
}

#hp-questions dl {
  clear: left;
  display: none;
  height: 241px;
  margin-bottom: 0;
  padding: 12px 14px 17px;
  width: 523px;
}

#hp-questions dl#splashquestion1 { background: #352522 url(../images/splashquestion1-bg.jpg) 0 0 no-repeat; }
#hp-questions dl#splashquestion2 { background: #261111 url(../images/splashquestion2-bg.jpg) 0 0 no-repeat; }
#hp-questions dl#splashquestion3 { background: #162e46 url(../images/splashquestion3-bg.jpg) 0 0 no-repeat; }
#hp-questions dl#splashquestion4 { background: #081e12 url(../images/splashquestion4-bg.jpg) 0 0 no-repeat; }
#hp-questions dl#splashquestion5 { background: #77625c url(../images/splashquestion5-bg.jpg) 0 0 no-repeat; }

#hp-questions dt {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 145%;
  font-weight: normal;
  height: 26px;
  line-height: 1.1;
  text-indent: -9999px;
}

#hp-questions dt.doubleline {
  height: 44px;
}

#hp-questions dl#splashquestion1 dt {
  background-image: url(../images/q1title.png);
  width: 445px;
}

#hp-questions dl#splashquestion2 dt {
  background-image: url(../images/q2title.png);
  width: 489px;
}

#hp-questions dl#splashquestion3 dt {
  background-image: url(../images/q3title.png);
  width: 460px;
}

#hp-questions dl#splashquestion4 dt {
  background: url(../images/q4title.png);
  width: 389px;
}

#hp-questions dl#splashquestion5 dt {
  background-image: url(../images/q5title.png);
  width: 227px;
}

#hp-questions dd {
  color: #fff;
  margin-left: 0;
  /*text-indent: -9999px;*/
}

#hp-questions dd.splashdetailteaser {
  float: right;
  font-size: 12px;
  margin-top: 30px;
}

#hp-questions dl#splashquestion1 dd.splashdetailteaser {
  /*background: transparent url(../images/q1detailteaser.png) 0 0 no-repeat;*/
  height: 102px;
  width: 162px;
}

#hp-questions dl#splashquestion2 dd.splashdetailteaser {
  /*background: transparent url(../images/q2detailteaser.png) 0 0 no-repeat;*/
  height: 102px;
  width: 152px;
}

#hp-questions dl#splashquestion3 dd.splashdetailteaser {
  /*background: transparent url(../images/q3detailteaser.png) 0 0 no-repeat;*/
  height: 122px;
  width: 164px;
}

#hp-questions dl#splashquestion4 dd.splashdetailteaser {
  /*background: transparent url(../images/q4detailteaser.png) 0 0 no-repeat;*/
  height: 122px;
  width: 167px;
}

#hp-questions dl#splashquestion5 dd.splashdetailteaser {
  /*background: transparent url(../images/q5detailteaser.png) 0 0 no-repeat;*/
  height: 142px;
  width: 170px;
}

#hp-questions dd.learnmore a {
  background: transparent url(../images/learnmore.png) 0 0 no-repeat;
  clear: right;
  color: #fff;
  display: block;
  _display: inline; /* kill the IE 6 double margin float bug */
  float: right;
  font-size: 85%;
  height: 20px;
  margin-right: 20px;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
  width: 115px;
  text-indent: -9999px;
}

#hp-questions ol#dots {
  height: 9px;
  _line-height: 1;
  margin: 9px auto 0;
  width: 71px;
}

#hp-questions ol#dots li {
  float: left;
  margin-right: 6px;
}

#hp-questions ol#dots li.enddot {
  margin-right: 0;
}

#hp-questions ol#dots li p {
  display: block;
  height: 10px;
  width: 9px;
  text-indent: -9999px;
}

#hp-questions ol#dots li.filled p {
  background: #fff url(../images/dotfilled.gif) 0 0 no-repeat;
}

#hp-questions ol#dots li.empty p {
  background: #fff url(../images/dotempty.gif) 0 0 no-repeat;
  cursor: pointer;
}

/* callouts: splash and content */

.content .callout {
  float: right;
  margin-left: 24px;
}

body.splash #body-content .callout4 {
  margin-top: 6px;
}

.splash #body-content .callout4 {
  _display: inline; /* kill the IE 6 double margin float bug */
}

.splash #body-content .callout h3, .splash #body-content .callout p, .splash #body-content .callout a {
  margin: 0;
  padding: 0;
}

.splash #body-content .callout h3, .content #body-content .callout h3 {
  border-bottom: 0;
  /* font-size: 100%;
  line-height: 120%; */
  line-height: 14px;
}

.content #body-content .callout h3 {
  color: #4f4f4f;
  font-size: 12px;
  padding: 11px;
  text-align: left;
}

.splash #body-content .callout h3 a {
  background: transparent url(../images/callout-header.gif) no-repeat 0 0;
  color: #4f4f4f;
  font-size: 12px;
  padding: 11px;
  text-align: left;
}

/* safari fix */

body.splash:last-child:not(:root:root) #body-content .callout h3 a {
  font-size: 11px;
}

.splash #body-content .callout h3 a:hover {
  color: #4f4f4f;
}

.splash #body-content .callout {
  width: 177px;
}

.splash #body-content .callout div, .content #body-content .callout div  {
  background: #fff url(../images/bg-callout.gif) repeat-x 0 0;
  border: 1px solid #d0d0d0;
  border-top: none;
  border-bottom: none;
  font-size: 12px;
  width: 175px;
}

.splash #body-content .callout div p, .content #body-content .callout div p {
  padding-top: 131px;
  padding-left: 11px;
}

.splash #body-content .callout1 h3 a, .splash #body-content .callout2 h3 a, .splash #body-content .callout3 h3 a, .splash #body-content .callout4 h3 a {
  font-weight: bold;
}

.splash #body-content .callout1 div p {
  background: transparent url(../images/img-callout1.jpg) no-repeat 50% 0;
  padding-bottom: 8px;
}

.splash #body-content .callout2 div p {
  background: transparent url(../images/img-callout2.jpg) no-repeat 50% 0;
  padding-bottom: 22px;
}

.splash #body-content .callout3 div p {
  background: transparent url(../images/img-callout3.jpg) no-repeat 50% 0;
  padding-bottom: 22px;
}

.splash #body-content .callout4 {
/*  background: transparent url(../images/callout-footer.gif) no-repeat 0 100%; */
  margin-bottom: 15px;
  padding-bottom: 26px;
}

/* firefox fix */

html>body.splash #body-content .callout4 {
  padding-bottom: 32px;
  *padding-bottom: 26px;
}

/* safari 3.0 only fix */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .splash #body-content .callout4 {
    padding-bottom: 25px !important;
  }
}

.splash #body-content .callout4 div p {
  padding: 0 0 0 10px;
}

.splash #body-content .callout4 div ul {
  border: 1px solid #d0d0d0;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin: 19px 0 0 0;
  padding: 0;
}

.splash #body-content .callout4 div li {
  background: transparent url(../images/bg-splash-ul.gif) repeat-x 0 0;
  border: 1px solid #d0d0d0;
  border-top: none;
  border-right: none;
  border-left: none;
  font-size: 12px;
  list-style: none;
}

.splash #body-content .callout4 div li a {
  background: transparent url(../images/bg-splash-ul.gif) repeat-x 0 0;
  color: #4e4e4e;
  /* font-size: 77%; */
  /* font-size: 87%; */
  font-size: 11px;
  padding: 6px 0 4px 11px;
  text-align: left;
}

/* safari fix */

body.splash:last-child:not(:root:root) #body-content .callout4 div li a {
  font-size: 10px;
}

.splash #body-content .callout4 div li a:hover {
  color: #4e4e4e;
}

.splash #body-content .callout4 div li a img {
  margin: 0;
  padding: 0 0 2px 4px;
  vertical-align: middle;
}

.splash #body-content .callout a {
  background: transparent url(../images/callout-footer.gif) no-repeat 0 100%;
  color: #004e88;
  display: block;
  font-size: 86%;
  font-size: 11px;
  padding: 0 7px 7px 0;
  text-align: right;
}

.splash #body-content .callout a:hover {
  color: #004e88;
}

.splash #body-content .callout a b {
  background: transparent url(../images/img-arrow-white.gif) no-repeat 100% 40%;
  color: #004e88;
  font-weight: normal;
  padding-right: 20px;
  padding-bottom: 2px;
}

/* content container */

.content #body-content {
  padding-top: 10px;
  *padding-top: 16px;
  padding-right: 24px;
  width: 726px;
}

/* content pages */

.content .breadcrumbs {
  font-size: 11px;
  margin: 5px 0 20px;
  padding: 0;
}

/* safari fix */

body.content:last-child:not(:root:root) .breadcrumbs {
  font-size: 10px;
}

.content .breadcrumbs li {
  background: none;
  display: inline;
}

.content .breadcrumbs a {
  color: #555 !important;
}

.content .breadcrumbs li.selected a {
  font-weight: bold;
}

/* h1 */

.content h1 {
  font-size: 125%;
  font-weight: bold;
  padding-bottom: 5px;
  position: relative;
}

.content h1.feature {
  font-size: 145%;
}

/* safari fix */

body.content:last-child:not(:root:root) h1 {
  font-size: 150%;
  font-weight: normal;
}

.content h1 img {
  position: absolute;
  right: 0;
  top: -5px;
}

.content h1 img.get-quicktime {
  right: 152px;
}

/* blockquote */

.content blockquote {
  background: #f4f4f4 url(../images/bg-blockquote-header.gif) no-repeat 0 0;
  /* border: 1px solid #ccc; */
  font-size: 100%;
  margin-left: 0;
  padding: 10px 0 0;
  /* width: 65%; */
  width: 503px;
}

.content blockquote h3 {
  color: #712a82;
  font-size: 135%;
  margin-bottom: 10px;
}

.content blockquote b {
  color: #712a82;
  display: block;
  font-weight: normal;
  padding: 0 10px;
}

.content blockquote span {
  background: transparent url(../images/bg-blockquote-footer.gif) no-repeat 0 100%;
  color: #712a82;
  display: block;
  font-size: .8em;
  padding: 6px 10px 10px 10px;
  text-align: right;
}

.content blockquote span p.normal {
  display: inline;
  font-style: normal;
}

/* ul */

.content ul {
  list-style: none;
  margin-left: 15px;
}

.content ul.item-list {
  /* font-size: 87%; */
  font-size: 95%;
}

.content ul.item-list ul {
  margin: 5px 0 0 -10px;
}

.content ul.item-list li {
  background: transparent url(../images/img-small-bullet.gif) no-repeat 0 5px;
  margin-bottom: 4px;
  padding-left: 10px;
}

.content ul.item-list li ul li {
  background: transparent url(../images/img-small-disc.gif) no-repeat 0 5px;
  margin-bottom: 4px;
  margin-left: 20px;
  padding-left: 10px;
}

/* in this section */

.content h3.in-this-section {
  background: transparent url(../images/bg-in-this-section-header.gif) no-repeat 0 0;
  border-bottom: none;
  color: #5c5c5c;
  font-size: 12px;
  font-weight: bold;
  margin: 25px 0 0;
  padding: 8px 0 7px 13px;
  width: 492px;
}

/* safari fix */

body.content:last-child:not(:root:root) h3.in-this-section {
  font-weight: normal;
}

.content ul.in-this-section, .content p.in-this-section {
  background-color: #f7f7f7;
  border: 1px solid #c8c8c8;
  border-bottom: none;
  margin: 0;
  padding: 8px 0 16px 10px;
  width: 491px;
}

.content p.in-this-section {
  padding-bottom: 4px;
  padding-right: 10px;
  width: 481px;
}

.content ul.in-this-section li {
  margin-bottom: 4px;
}

.content ul.in-this-section li a {
  background: transparent url(../images/img-arrow-white.gif) no-repeat 0 50%;
  color: #464646;
  padding: 2px 0 2px 20px;
}

.content div.in-this-section {
  background: transparent url(../images/bg-in-this-section-footer.gif) no-repeat 0 0;
  height: 9px;
  margin-bottom: 15px;
  width: 503px;
}

/* content callout */

.content #body-content .callout {
  margin-bottom: 15px;
  width: 185px;
}

.content #body-content .callout h2 {
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 0;
  padding-left: 4px;
}
/* safari fix */

body.content:last-child:not(:root:root)  #body-content .callout h2 {
  font-size: 14px; 
}

.content #body-content .callout h3 {
  background: transparent url(../images/bg-callout-content-header.gif) no-repeat 0 0;
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding-top: 11px;
  padding-bottom: 7px;
}

/* safari fix */

body.content:last-child:not(:root:root)  #body-content .callout h3 {
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 9px;
}

.content #body-content .callout div {
  /*
  border: 1px solid #d0d0d0;
  padding-bottom: 13px;
  */
  width: 183px;
}

.content #body-content .callout div p {
  padding-top: 0;
  padding-left: 10px;
}

.content #body-content .callout div a {
  background: transparent url(../images/img-arrow-white.gif) no-repeat 100% 3px;
  border: none;
  display: block;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  margin: -12px 0 0 10px;
  padding: 0;
  width: 104px;
}

.content #body-content .callout div a.view-slide {
  width: 131px;
}

.content #body-content .callout div p a {
  border: none;
  color: #666;
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
  margin-top: 10px;
  margin-left: 0;
  padding-bottom: 103px;
  width: 163px;
}

.content #body-content .callout div p.ligand-video a {
  background: transparent url(../images/img-content-callout2.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.approach-video a {
  background: transparent url(../images/img-content-callout1.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.approach-slide-deck a {
  background: transparent url(../images/img-content-callout3.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.vegf-inhibition-video a {
  background: transparent url(../images/img-content-callout1.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.vegf-inhibition-slide-deck a {
  background: transparent url(../images/img-content-callout3.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.tumors-video a {
  background: transparent url(../images/img-content-callout2.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.tumors-breast-video a {
  background: transparent url(../images/img-content-callout2.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.tumors-lung-video a {
  background: transparent url(../images/img-content-callout2.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.tumors-crc-video a {
  background: transparent url(../images/img-content-callout2.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.tumors-rcc-video a {
  background: transparent url(../images/img-content-callout2.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout div p.tumors-gbm-video a {
  background: transparent url(../images/img-content-callout2.jpg) no-repeat 0 100% !important;
}

.content #body-content .callout a {
  border: 1px solid #d1d1d1;
  color: #4e4e4e;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0 7px 9px;
  width: 174px;
  cursor: default;
}

div#body  a.media-callout-link:hover {
  text-decoration: none !important;
}

/* safari fix */

body.content:last-child:not(:root:root) #body-content .callout a {
  font-weight: normal;
}

.content #body-content .callout a.media-callout-link {
  background: #e8e8e8 url(../images/bg-callout-link.gif) repeat-x 0 0;
  border-top: none;
}

.content #body-content .callout a.media-callout-footer {
  /* background: transparent url(../images/bg-callout-footer.gif) no-repeat 0 100%; */
  border: none;
  width: 185px;
}

/* content area table */

table {
  background: #e6e6f0 url(../images/img-table-bg.gif) repeat-x 0 100%;
  color: #231f20;
}

table th, table td {
  font-size: .8em;
  padding: 5px;
}

table th {
  background-color: #512a73;
  border: 1px solid #512a74;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #fff;
  text-align: left;
  vertical-align: bottom;
}

table th.top-left {
  background: transparent url(../images/bg-table-left-top.gif) no-repeat 0 0;
}

table th.top-right {
  background: transparent url(../images/bg-table-right-top.gif) no-repeat 100% 0;
  border-right: 0;
}

table td {
  border-color: #8382ad;
  border-right: 0;
  vertical-align: top;
}

table th.center-text, table td.center-text {
  text-align: center;
}

table td.table_cell a, table td.table_cell_alt a {
  font-size: 100%;
}

table td.border-right {
  background: transparent url(../images/bg-table-border.gif) repeat-y 100% 0;
}

table td.border-bottom {
  border-bottom: none;
}

/* logo footer */

#logo-footer {
  left: 0;
  bottom: 2px;
  position: absolute;
}

.splash #logo-footer {
  _clear: both;
  _margin: -24px 0 0 30px;
  _position: relative;
}

#logo-footer img {
  margin: 0 0 0 30px;
}

/* footer */

#footer {
  background: #fefefe url(../images/bg-footer.gif) repeat-x 0 100%;
  border: 1px solid #d0d0d0;
  margin: 0;
  padding: 4px 12px 3px 0;
  width: 936px;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer li {
  color: #787878;
  display: inline;
  font-size: 10px;
}

#footer li a {
  color: #787878;
}

#footer li a.external {
  padding: 0;
}

/* sitemap */

#sitemap {
  float: left;
  margin: 2px 0 0 5px;
  padding: 0 0 10px;
  position: relative;
}

#sitemap ul {
  margin: 0 0 0 20px;
  padding: 0;
}

#sitemap li {
  background: url(../images/sm-folder.gif) no-repeat 0 2px;
  color: #666;
  font-size: 100%;
  line-height: 175%;
  list-style-type: none;
  padding-bottom: 12px;
}

#sitemap li a {
  color: #3145b6;
  padding: 2px 5px 0 20px;
}

#sitemap li li {
  background: url(../images/img-oBullet.gif) no-repeat 0 7px;
  margin: 0 0 0 2px;
  padding: 0 0 0 10px;
  position: relative;
}

#sitemap li li a {
  font-size: 95%;
  padding: 2px 5px 0px 2px;
}

#sitemap li li li {
  background: url(../images/img-oBulletSM.gif) no-repeat 0 8px;
  margin: 0 0 0 -10px;
  padding: 0 0 0 10px;
  position: relative;
}

.sitemap-column-two {
  margin-left: 125px !important;
}

/* errors */

#errors {
  border: 1px solid #900;
  color: #900;
  margin: 25px 20px 0;
  padding: 15px 15px 0px 15px;
}

#errors p {
  font-weight: bold;
}

#errors ul li {
  list-style: disc !important;
  float: none !important;
}

#content-area form fieldset label.required span {
  background: transparent url(../images/img-asterisk.gif) no-repeat 1px 1px;
  margin-left: -12px;
  padding-left: 13px;
}

/* remove borders */

.remove-border, .remove-border a {
  border: none !important;
}

/* image figures */

#figures {
  margin: 0 auto;
  padding: 10px 0 0 0;
  /* text-align: center;
  width: 329px; */
}

#figures h5, h5 {
  color: #666;
}

#figures #desc {
  font-size: 90%;
  /*text-align: left;*/
  width: 510px !important;
}

#figures #desc span {
  border-bottom: 1px solid #707070;
}

/* abstract links */

.abstract {
  display: block;
  margin-bottom: 8px;
  width: 175px;
}

/* email updates */

#email-body, #email-footer, #email-header {
  margin-left: -133px;
  position: relative;
}

#email-body, #email-footer {
  /*margin: 0 auto;*/
  width: 442px;
}

#email-header {
  background: url(../images/multimedia-header.gif) no-repeat 0 0;
  color: #696B6C;
  font-size: 1.1em;
  height: 28px;
  /*margin: 35px auto 0;*/
  padding: 8px 13px 0 12px;
  width: 419px;
}

#email-body {
  background: url(../images/email-body.gif) repeat-y 0 0;
  padding-top: 11px;
  text-align: center;
}

#content-area form, #email-body fieldset {
  /*margin: 0 auto;*/
  width: 460px;
}

#email-body fieldset {
  border: none;
  margin-bottom: 0;
  text-align: right;
}

#email-body fieldset label {
  color: #696B6C;
  float: left;
  display: block;
  margin: 0;
  text-align: right;
  width: 110px;
}

html>body #email-body fieldset label {
  width: 115px;
  *width: 110px;
}

#email-body fieldset input, #email-body fieldset select, #email-body fieldset textarea {
  margin-bottom: 10px;
  margin-right: 75px;
  vertical-align: middle;
  width: 240px;
}

#email-body fieldset textarea {
  height: 50px;
  margin-right: 74px;
  width: 240px;
}

html>body #email-body fieldset textarea {
  margin-right: 75px;
}

#email-body fieldset select {
  font-size: 1em;
  margin-right: 75px;
  width: 244px;
}

#email-body input.submit-button {
  margin: 0 0 0 -75px;
}

#email-footer {
  background: url(../images/email-footer.gif) no-repeat 0 0;
  color: #909;
  font-size: .9em;
  height: 14px;
  padding-top: 17px;
  margin-bottom: 30px;
  padding-left: 23px;
  width: 419px;
}

#email-footer span {
  background: transparent url(../images/img-asterisk.gif) no-repeat 1px 1px;
  margin-left: -12px;
  padding-left: 13px;
}

div.email-page fieldset {
  padding-left: 25px;
}

div.email-page input.submit-button {
  padding-left: 20px;
  margin: 0 0 0 5px;
}

/* errors */

#errors {
  border: 1px solid #900;
  color: #900;
  margin: 25px 20px 0;
  padding: 15px 15px 0px 15px;
}

#errors p {
  font-weight: bold;
}

#content-body-main form fieldset label.required span {
  background: transparent url(../images/img-asterisk.gif) no-repeat 1px 1px;
  margin-left: -12px;
  padding-left: 13px;
}

/* external links */

/*
.external {
  background: transparent url(../images/bg-external-link.gif) no-repeat 0 0;
  padding: 3px 0 5px 26px;
}
*/

.next-section, .references {
  font-size: 100% !important;
}

.next-section {
  float: right;
  margin-top: 0;
  padding: 10px 10px 0 10px;
  text-align: right;
}

.next-section h5 {
  color: #666;
  font-weight: normal;
  margin: 0;
}

.next-section p {
  marging: 0;
  padding: 2px 0 0 0;
}

.next-section p a {
  background: transparent url(../images/circle-arrow-big.gif) no-repeat 100% 50%;
  border-top: 1px solid #666;
  font-size: 105%;
  display: block;
  min-width: 45px;
  padding: 8px 26px 8px 0;
}

.next-section p a:hover {
  text-decoration: underline;
}

ol.references li {
  font-weight: bold;
  margin-left: 10px;
  line-height: 200%;
}

ol.references li span {
  font-weight: normal;
}

html>body ol.references li {
  margin-left: 6px;
}

p.references {
  /* border-top: 1px dashed #666; */
  margin-top: 0;
  padding-top: 10px;
}

p.references a {
  background: transparent url(../images/img-arrow-white.gif) no-repeat 100% 95%;
  display: block;
  font-size: 12px;
  padding-right: 18px;
  width: 115px;
}

/* safari 3.0 only fix */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  p.references a {
    width: 110px;
  }
}

/* glossary terms */

dl#glossary {
  margin: 15px 0 0 0;
}

dl#glossary dt {
  color: #7A1F82;
  font-size: 100%;
  margin-bottom: 3px;
}

dl#glossary dd {
  margin: -5px 0 12px;
}

dl#glossary dd p {
  line-height: 1.4em;
}

dd p.definition {
  margin: 2px 0;
}

dd p.reference
{
  font-size: 0.8em;
  margin-top: 5px;
}

/* glossary modal */

#glossary-panel p {
  margin-left: -20px !important;
}

/* images */

.center {
  text-align: center;
}

/* multimedia callout right */

.content .multimedia-callout {
  background-color: #f9f9f9;
  margin-top: -8px;
  margin-right: -8px;
  padding-bottom: 15px;
  padding-left: 15px;
  position: relative;
  width: 185px !important;
}

html>body.content .multimedia-callout {
  margin-right: 0;
  *margin-left: 20px;
}

.content .multimedia-callout h2 {
  background-color: #f9f9f9;
  border: none;
  color: #712a82;
  font-weight: bold;
  padding-bottom: 5px;
}

.content .media-callout img.header {
  position: absolute;
  top: 24px;
  _bottom: -1px;
  z-index: 0;
}

.content .multimedia-callout div#multimedia-callout-header {
  background: #929292 url(../images/bg-callout-header.gif) repeat-x 0 0;
  border-bottom: 1px solid #d0d0d0;
  height: 33px;
  margin-top: 12px;
  position: relative;
}

.content .multimedia-callout div#multimedia-callout-header img.header {
  position: absolute;
  top: 0;
  left: -1px;
}

.content .multimedia-callout div#multimedia-callout-header div.multimedia-tab {
  background:none;
  border: none;
  float: left;
  height: 33px;
  _height: 34px;
  position: relative;
  width: 61px;
}

.content .multimedia-callout div#multimedia-callout-header div.two-tab {
  background:none;
  border: none;
  float: left;
  height: 33px;
  _height: 34px;
  position: relative;
  width: 85px;
  margin-left: 2px;
  margin-right: 3px;
}

.content .multimedia-callout div#multimedia-callout-header div.multimedia-tab a {
  background: none;
  bottom: 0;
  color: #fff;
  margin: 0;
  position: absolute;
  width: 57px;
  text-align: center;
}

.content .multimedia-callout div#multimedia-callout-header div.two-tab a {
  background: none;
  bottom: 0;
  color: #fff;
  margin: 0;
  position: absolute;
  width: 85px;
  text-align: center;
}

.content .multimedia-callout div#multimedia-callout-header div#videos-tab a {
  right: 1px;
}

.content .multimedia-callout div#multimedia-callout-header div#slides-tab a {
  left: 2px;
}

.content .multimedia-callout div#multimedia-callout-header div#links-tab a {
  left: 1px;
}

.content .multimedia-callout div#multimedia-callout-header div.multimedia-tab a.open {
  background: transparent url(../images/tab-internal-open.gif) no-repeat 100% 100%;
  padding: 7px 0;
}

.content .multimedia-callout div#multimedia-callout-header div.multimedia-tab a.closed {
  background: transparent url(../images/tab-internal-closed.gif) no-repeat 100% 100%;
  padding: 6px 0 2px;
}

.content .multimedia-callout div#multimedia-callout-header div.two-tab a.open {
  background: transparent url(../images/tab-internal-open-m.gif) no-repeat 100% 100%;
  padding: 7px 0;
}

.content .multimedia-callout div#multimedia-callout-header div.two-tab a.closed {
  background: transparent url(../images/tab-internal-closed-m.gif) no-repeat 100% 100%;
  padding: 6px 0 2px;
}


.content .multimedia-callout div#videos, .content .multimedia-callout div#slides, .content .multimedia-callout div#links, .content .multimedia-callout img.footer {
  background-color: #fff;
}

.content .multimedia-callout img.footer, .content .media-callout img.footer {
  position: relative;
  bottom: 11px;
  z-index: 0;
}

.content .multimedia-callout img.footer {
  margin-top: 10px;
}

.content .media-callout img {
  _bottom: -16px;
}

/* multimedia callout left */

.content #body-content .media-callout {
  float: left;
  margin: 0;
  position: relative;
}

.content #body-content  .media-callout div {
  padding-bottom: 0;
  position: relative;
}

.content #body-content .media-callout ul, .content #body-content .multimedia-callout ul {
  margin: 20px 0 -5px 0;
}

.content #body-content .media-callout ul li, .content #body-content .multimedia-callout ul li {
  _height: 1%;
  margin: -12px 0 15px 10px;
}

.content #body-content .media-callout ul li a, .content #body-content .multimedia-callout ul li a {
  display: block;
  background: none !important;
  border: 1px solid #ccc9cf;
  border-top: none;
  border-right: none;
  border-left: none;
  padding-bottom: 5px;
  margin: 0 -11px 0 0;
  width: 162px;
  cursor: pointer;
}

html>body .content #body-content .media-callout ul li a, html>body .content #body-content .multimedia-callout ul li a {
  margin-right: 0;
}

.content .multimedia .breadcrumbs {
  margin-bottom: 10px;
}

.content #body-content .media {
/*  margin: 0 -10px 0 16px;
  width: 535px; */
  margin: 0px -10px 0 5px;
  width: 460px;
}

.content #body-content .media p {
  color: #862b88;
  font-weight: bold;
  font-size: 87%;
  margin: 0 0 7px;
  text-transform: uppercase;
}

.content #body-content #flash-content {
  border: none;
  float: right;
  width: 535px;
}

/* safari fix */

body.content:last-child:not(:root:root) #body-content .media p {
  font-weight: normal;
}

.content #body-content .media p span {
  color: #7a7a7a;
  font-weight: normal;
  text-transform: none;
}

/* new multimedia page */

.multimedia-callout-wide {
  width: 250px;
}

.multimedia-callout-wide .multimedia-header, .multimedia-callout-wide div#videos, .multimedia-callout-wide div#slides {
  border: 1px solid #d0d0d0;
}

.multimedia-callout-wide .multimedia-header {
  background: transparent url(../images/bg-callout-media-header-open.gif) repeat-x 0 0;
  border-top: none;
  height: 33px;
  position: relative;
}

.multimedia-callout-wide .multimedia-header img.header {
  margin: 0;
  position: absolute;
  top:0;
  left:-1px;
}

.multimedia-callout-wide .multimedia-header div#multimedia-wide-tab-left, .multimedia-callout-wide .multimedia-header div#multimedia-wide-tab-right {
  position: relative;
  height: 33px;
  width: 124px;
  float: left;
}

.multimedia-callout-wide .multimedia-header a.open, .multimedia-callout-wide .multimedia-header a.closed {
  bottom: 0;
  _bottom: -1px;
  color: #fff;
  position: absolute;
  text-align: center;
}

.multimedia-callout-wide .multimedia-header div#multimedia-wide-tab-left a.open {
  left: 3px;
}

.multimedia-callout-wide .multimedia-header div#multimedia-wide-tab-left a.closed {
  left: 9px;
}

.multimedia-callout-wide .multimedia-header div#multimedia-wide-tab-right a.open {
  right: 3px;
}

.multimedia-callout-wide .multimedia-header div#multimedia-wide-tab-right a.closed {
  right: 9px;
}

.multimedia-callout-wide .multimedia-header a.open {
  background: transparent url(../images/tab-wide-open.gif) no-repeat 0 100%;
  padding: 6px 0;
  width: 120px;
}

.multimedia-callout-wide .multimedia-header a.closed {
  background: transparent url(../images/tab-wide-closed.gif) no-repeat 0 100%;
  padding: 5px 0 1px;
  width: 110px;
}

div.closed{
  display: none;
}

.multimedia-callout-wide div#videos, .multimedia-callout-wide div#slides {
  background-color: #fff; 
  border-top: none;
  border-bottom: none;
  margin-top: 0;
  padding: 9px 0 25px 0;
}

.multimedia-callout-wide div#videos ul {
  margin: 0 5px 0 ;
}

.multimedia-callout-wide div#slides ul {
  margin: 0 4px 0;
}

.multimedia-callout-wide div#videos ul li {
  border-bottom: 1px solid #d0d0d0;
  margin: 7px 0 0;
  _margin: 4px 0 0;
  min-height: 70px;
  _height: 70px;
  position: relative;
}

.multimedia-callout-wide div#slides ul li {
  border-bottom: 1px solid #d0d0d0;
  margin: 5px 0 0;
  padding: 0 0 5px 0;
  height: 70px;
}

.multimedia-callout-wide div#videos ul li.top, .multimedia-callout-wide div#slides ul li.top {
  margin: 0;
}

.multimedia-callout-wide div#videos ul li img.icon, .multimedia-callout-wide div#slides ul li img.icon {
  float: left;
  margin: 0 9px 0 0;
}

.multimedia-callout-wide div#videos ul li a, .multimedia-callout-wide div#slides ul li a {
  color: #666666;
}

.multimedia-callout-wide div#videos ul li a.open, .multimedia-callout-wide div#slides ul li a.open {
  color: #004e94;
  font-weight: bold;
}

.multimedia-callout-wide div#videos ul li p,
.multimedia-callout-wide div#slides ul li p {
  font-size: 11px;
  line-height: 13px !important;
  margin: 0 0 12px 0;
  vertical-align: top;
}

.multimedia-callout-wide div#videos ul li a.view-video-now, .multimedia-callout-wide div#slides ul li a.view-slides-now {
  background: transparent url(../images/img-arrow-white.gif) no-repeat 100% 50%;
  bottom: 9px;
  display: block;
  font-size: 11px;
  margin: 0;
  padding-right: 19px;
  position: absolute;
  right: 5px;
  text-align: right;
}

.multimedia-callout-wide img.footer {
  background-color: #fff;
  _margin-left: 2px;
}

/* search results */

#searchResults {
  height: 450px;
  margin: 15px 0 0;
  width: 98%;
}

/* tables */

table
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #103C75;
    border-right-color: #103C75;
    border-bottom-color: #103C75;
    border-left-color: #103C75;
    /* margin: 0 auto; */
}

.table_head
{
    background-color: #1675AF;
    background-image: url('../images/table-head-bkgrnd.jpg');
    background-repeat: repeat-y;
    border: none;
    font-size: 1em;
    *font-size: .8em;
    font-weight: bold;
    *padding: 1px 3px 1px 4px;
    padding: 1px 3px 0 5px;
    color: #FFFFFF;
}

.table_cell
{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #044F88;
    background-color: #E3EDF6;
    font-size: .9em;
    *font-size: .8em;
    line-height: 14px;
    vertical-align: top;
}

.table_cell_alt
{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #044F88;
    background-color: #F0F7FB;
    font-size: .9em;
    *font-size: .8em;
    line-height: 13px;
    vertical-align: top;
}

.table_cell ul, .table_cell_alt ul
{
  margin: 5px 0 5px 20px;
  *margin: 5px 0 5px 15px;
  padding: 0;
}

.table_cell_ul li {
  list-style: disc;
  margin-bottom: 10px;
}

.table_cell a, .table_cell_alt a
{
  font-size: 1.1em;
  text-decoration: underline !important;
}

.table_cell a:hover, .table_cell_alt a:hover
{
  text-decoration: none !important;
}

/* =References
-----------------------------------*/

.content .references, .content .footnote {
  margin: 0 0 20px;
  width: 100%;
}

.content .footnote {
  margin: -10px 0 20px -10px;
}

.content .references dt, .content .footnote dt {
  clear: both;
  margin-bottom: 0;
}

.content .footnote dt {
  display: none;
}

.content .references dd, .content .footnote dd {
  margin-left: 0;
  clear: both;
}

.content .references dd div, .content .references dd p, .content .references dd p cite, .content .footnote dd div, .content .footnote dd p, .content .footnote dd p cite {
  font-size: 95%;
}

.content .footnote dd div, .content .footnote dd p {
  font-size: 80%;
}

.content .footnote dd p {
  width: 490px !important;
}

.content .references dd div, .content .footnote dd div {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 6px 0 0;
  text-align: right;
  text-decoration: none;
  width: 20px;
}

.content .references dd p, .content .footnote dd p {
  display block;
  float: left;
  width: 95%;
  margin: 0;
  text-align: left;
}

.content .references dd cite, .content .footnote dd cite {
  display: inline;
  float: none;
  font-style: italic;
}

.content p.references {
  float: left;
  margin-top: 0;
  padding-top: 10px;
  width: 150px;
}

.content p.references a {
  /* background: transparent url(../images/img-arrow-white.gif) no-repeat 100% 95%; */
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 110%;
  padding-right: 18px;
}

body,td,th
{
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-size: .65em;
    color: #666666;
}

td ul#td-list-left, td ul#td-list-right
{
  list-style-type: none;
  margin-left: 5px;
}

td ul#td-list-left li, td ul#td-list-right li
{
  background: url(../images/grey-bullet.gif) 0 4px no-repeat;
  padding-left: 15px;
}

td ul#td-list-left li
{
  width: 130px;
}

td ul#td-list-right li
{
  width: 115px;
}

.caption
{
    font-size: 1em;
    color: #003C89;
}

a:link {
        color: #124775;
        text-decoration: none;
}

a:visited {
        color: #0E3B61;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

a:visited {
        color: #13568F;
        text-decoration: none;
}

.table_cell_empty {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #044F88;
        background-color: #FFFFFF;
}

.underline {
        text-decoration: underline;
}

/* red ring on images */

div.red-ring1 {
  /*background: url(../images/img-redring1.png) no-repeat 0 0;
  height: 185px;*/
  position: absolute;
  margin: 141px 0 0 57px;
  *margin: 141px 0 0 -22px;
  /*width: 197px;*/
  z-index: 10;
}

div.red-ring2 {
  background: url(../images/img-redring2.png) no-repeat 0 0;
  height: 234px;
  position: absolute;
  margin: -10px 0 0 141px;
  width: 186px;
  z-index: 10;
}

img.ring-space {
  margin-bottom: 15px;
}

/* landmark papers */

p.paper-title {
  font-size: 108%;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Flyout Menu CSS */

div.mm-flyout-menu {
  float: left;
  position: absolute;
}

div.mm-flyout-menu ul {
  border: 0 !important;
  _border: 1px solid #cfcecf !important;
  width: 156px;
  *margin-right: 5px !important;
}

.flyout {
  text-align: left;
}

div.drawer a.open {
  /* Active Drawer Style Goes Here */
  background: transparent url(../images/bg-callout-media-header-open.gif) repeat-x 0 0 !important;
  color: #fff !important;
}

div.drawer a.closed {
  /* Inactive Drawer Style Goes Here */
}

div.drawer div.open {
  display: block;
  background: transparent url(../images/1x1-light-grey.gif) repeat-x 0 100% !important;
}

div.drawer div.closed {
  display: none;
}

/* start multimedia css tooltip */

div.download-video span.link {
  float: left;
  position: relative;
  z-index: 0;
}

div.download-video span#quicktime-video a {
  margin-left: 0;
}

div.download-video span#wmp-video a {
  margin-left: 10px;
}

div.download-video span.link a:hover {
  background-color: #f9f9f9;
  text-decoration: none !important;
}

div.download-video span.link a span {
  display: none;
}

div.download-video span.link a:hover span {
  border: 1px solid #666;
  background: #fff;
  color: #666;
  display: block;
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 12px;
  padding: 5px;
  position: absolute;
  top: 30px;
  text-decoration: none;
  width: 335px;
}

div.download-video span#quicktime-video a:hover span {
  left: 10px;
}

div.download-video span#wmp-video a:hover span {
  left: 0px;
}

/* Custom skinning for SlideDeck Module */

.slidedeck {
  background: none;
  overflow:visible;
  padding: 0;
/*  width: 442px;*/
  top: 5px !important;
  width: 660px;
}

.slidedeck .container-close {
/*  background:url(../images/btn-close.jpg); */
  background: url(../images/btn-close2.gif) no-repeat;
  position: absolute;
/*  top:6px !important;
  *top: 26px !important; */
  top: 11px !important;
  *top: 31px !important;
/*  right:20px !important; */
/*  right: 4px !important; */
  right: 11px !important;
  _right: 30px !important;
/*  height:25px !important;
  width:75px !important; */
  height: 16px !important;
  width: 62px !important;
}

.slidedeck .close.nonsecure {
  background-image:url(../images/ybox-close.gif) !important;
}

.slidedeck .close.secure {
  background-image:url(../images/ybox-close.gif) !important;
}

.slidedeck .hd {
/*  background: url(../images/multimedia-header.gif) no-repeat 0 0;*/
  background: url(../images/multimedia-header-wide.gif) no-repeat 0 0;
  color: #696B6C;
  font-size: 1.2em;
  height: 24px;
  margin: 20px auto 0;
/*  padding: 12px 0 0 23px; */
  padding: 10px 0 4px 23px;
/*  width: 419px;*/
  width: 660px;
}

.slidedeck .hd span {
  color: #872e89;
  float: left;
  vertical-align:middle;
  line-height:20px;
  text-align: left;
/*  width: 300px; */
  width: 485px;
}

.slidedeck .bd  {
/*  background: url(../images/multimedia-body.gif) repeat-y 0 0; */
  background-color: #fff;
/*  height: 311px; */
/*  padding-top: 11px; */
  padding: 10px;
  text-align: center;
}

.slidedeck .bd img {
  border:none;
  padding: 0 !important;
  margin-bottom: -10px !important;
  *margin-bottom: -18px !important;
/*  width: 400px;
  height: 300px; */
  width: 640px;
  height: 480px;
}

.slidedeck .ft {
/*  background: url(../images/multimedia-footer.gif) no-repeat 0 0;
  height: 35px; */
  background: url(../images/multimedia-footer-wide.gif) no-repeat 0 0;
  height: 42px;
}

.slidedeck .ft a {
  color:#000;
}

.slidedeck .ft .nav-container {
/*  background: url(../images/nav-controls-bg.gif) repeat-x 0 0; */
  float: left;
  height: 35px;
/*  width: 220px; */
  width: 424px;
  _width: 414px;
}

.slidedeck .ft .nav-controls { 
  height: 21px;
  margin: 7px auto 0 auto;
/*  width: 138px; */
  width: 120px;
  position: relative;
}

.slidedeck .ft .btn-slide-left { 
/*  background: url(../images/btn-slide-left-off.gif) no-repeat 0 0; */
  background: url(../images/btn-slide-left2.gif) no-repeat 0 0;
  display: block;
  float: left;
/*  height: 21px; */
  height: 11px;
  margin-top: 5px;
  text-decoration: none;
  text-indent: -9999px;
/*  width: 37px; */
  width: 11px;
}

.slidedeck .ft a.btn-slide-left:hover { 
/*  background: url(../images/btn-slide-left-on.gif) no-repeat 0 0;*/
}

.slidedeck .ft .btn-slide-right { 
/*  background: url(../images/btn-slide-right-off.gif) no-repeat 0 0; */
  background: url(../images/btn-slide-right2.gif) no-repeat 0 0;
  display: block;
  float: left;
/*  height: 21px; */
  height: 11px;
  margin-top: 5px;
  text-decoration: none;
  text-indent: -9999px;
/*  width: 37px */
  width: 11px;
}

.slidedeck .ft .paging { 
/*  background: url(../images/paging-bg.gif) repeat-x 0 0;
  border-right: 1px solid #A9A8AD;
  border-left: 1px solid #A9A8AD;*/
  float: left;
  font-weight: bold;
  height: 13px;
  padding: 4px 10px 4px 8px;
}

.slidedeck .ft .button-left { 
/*  border-right: 1px solid #A4A5A6; */
  float: left;
/*  height: 35px; */
  height: 31px;
  margin-left: 6px;
  text-align: center;
/*  width: 110px; */
  width: 112px;
}

.slidedeck .ft .button-left a { 
  display: block;
  margin-top: 5px;
  padding-top: 0;
}

.slidedeck .ft .button-right { 
/*  border-left: 1px solid #A4A5A6; */
  float: left;
/*  height: 35px; */
  height: 31px;
  text-align: center;
/*  width: 110px; */
  width: 112px;
}

.slidedeck .ft .button-right a { 
  display: block;
/*  margin-top: 9px; */
  margin-top: 5px;
  padding-top: 0px;
}

/** Media Player Classes **/

#flash-video #no-video {
  border: 1px solid #ccc;
  float: left;
/*  margin: 110px 0 0 60px; */
  margin: 110px 0 0 37px;
  _margin: 110px 0 0 20px;
  text-align: justify;
  width: 400px;
}

#flash-video #no-video p {
  color: #666 !important;
  padding: 20px;
}

#flash-video .enabled,
.media .enabled {
  display: block;
}

#flash-video .disabled,
.media .disabled {
  display: none;
}

/* special case */

.img-h2 {
  margin-top: 10px;
}

.slidedeck-link {
  width: 163px !important;
}

/* eDetails callout */

div.edetail-callout {
  height: 160px;
  position: relative;
}

img.edetail-img {
  position: absolute;
  top: 0;
  left: 22px;
}

img.edetail-logo {
  position: absolute;
  top: 119px;
  left: 36px;
}

/** Slidedeck Survey Form **/

#survey {
    font-size: 10px;
    margin: 0;
    padding: 0;
}

#survey .hd {
    background: url(../images/survey-header2.gif) no-repeat top left;
    color: #fff;
    font-size: 1.2em;
    text-align: left;
}

#survey .bd {
    background: url(../images/survey-body.gif) no-repeat bottom left;
    border-top: 1px solid #555;
    padding-top: 15px;
    text-align: left;
}

#survey .container-close {
    background: none;
    margin-top: -17px;
    font-size: 1.3em;
    color: #FFFFFF;
}

#survey .bd p {
    margin: 0 0 5px 0;
    padding: 2px 5px;
}

#survey .bd label {
    clear: left;
    float: left;
    line-height: 20px;
    padding: 2px 0 2px 5px;
    width: 235px;
}

#survey .bd select {
    float: right;
    line-height: 20px;
    margin: 2px 0;
    width: 150px;
}

#survey #ajax-loader {
    float: left;
    margin: 1px 7px -3px 3px;
    width: 15px;
}

#survey .button {
    background: url(../images/survey-button.gif) no-repeat top left;
    color: #161a4d;
    display: block;
    padding: 4px 0;
    margin-right: 10px;
    text-align: center;
    width: 85px;
}

.right {
    float: right;
}

.bar {
    background: url(../images/survey-bar-tile.gif) repeat-x top left;
    height: 19px;
    margin: 0 0 10px -4px;
    padding: 0 4px;
    width: 100%;
}

#survey div#errors {
    margin: 0 5px 15px 5px;
    padding: 10px;
}

#survey div#errors p{
    margin: 0;
    padding: 0;
}

.figure-callout {
  background-color: #dcdcdc;
  border: 1px solid #333;
  font-size: 90%;
  margin-bottom: 15px;
  padding: 10px 10px 0 10px;
  width: 480px;
}

.figure-callout h3 {
  font-size: 110%;
  font-weight: bold;
  line-height: 140%;
}

.figure-callout p {
  line-height: 130%;
  margin: 0;
}

.figure-callout img {
  float: right;
  margin-left: 30px;
}