/* common */

#content {
  padding:20px 25px;
  width:770px;
}

#content #banner {
  background: #939;
  height:232px;
  margin:0 -25px 10px;
	top:-20px;
	position:relative;
}

/* headers */

#content  h1, #content h2 {
  color: #939;
}

#content h3, #content h4, #content h5, #content h6 {
  color: #996699;
}

#content #splashH1 {
  margin-bottom:0px;
}

/* links */

#content a {
  color: #0023ad;
}

#content a:hover {
  color: #0023ad;
}

/* lists */

#content li {
  color: #996699;
}

#nav-left .active, #nav-left .active:hover {
  color:#996699;
  font-weight:bold;
}
/* form */

#content fieldset {
  border: 1px solid #ccc;
}

#content #submit-form #submit {
  background-color: #939;
}

#content #submit-form #submit:hover {
  background-color: #969;
}

/* table */

#content table th {
  background-color: #7585a7;
}

#content td.table-cell-alt {
  background-color: #e3edf6;
}

/* left nav */

#nav-left a.single span {
  color: #ce8ad5;
}

/* brand bar */

#brand {
  background: transparent url(../images/bg-apoptosis.png) repeat-x 0 69px;
}

#brand-logo a {
  background: transparent url(../images/logo-apoptosis.png) no-repeat 0 0;
  margin-left: 0;
}

/* email this page */

#content #email-form .email-slider-button-close, #content #email-form .send-button a {
  background-image: url(../images/btn.gif);
}

/* content callout */

#content .callout {
  border-left: 1px solid #d1d1d1;
  float: right;
  margin-left: 20px;
  margin-bottom: 17px;
  padding: 8px 9px 10px;
  position: relative;
  width: 169px;
}

#content .callout h3 {
  color: #636363;
  font-size: 1.6em;
  margin-bottom: 10px;
}

#content .callout p {
  margin-bottom: 15px;
}

#content .callout p a {
  color: #313131;
}

#content .callout-button {
  background: transparent url(../images/btn.gif) no-repeat 0 0;
  display: block;
  height: 20px;
  text-indent: -9999em;
}

#content .video .callout-button {
  background-position: 0 -80px;
}

#content .video .callout-button:hover {
  background-position: 0 -100px;
}

#content .slide-deck .callout-button {
  background-position: 0 -120px;
}

#content .slide-deck .callout-button:hover {
  background-position: 0 -140px;
}

.box {
  background:transparent;
  border:1px solid #D1D1D1;
  margin:20px 0 0 0;
  padding:20px 10px;
  position:relative;
  overflow:hidden;
  clear:both;
}

#left-content {
  float:left;
  margin:0;
  width:475px;
}

#left-content ul {
  list-style-type:none;
  padding-left:0;
}

#left-content ul li {
  border-bottom:1px solid #d1d1d1;
  float:left;
  width:100%;
}

#left-content ul li span a {
  display:block;
  float:left;
}

#left-content ul li a.btn-small {
  float:right;
  margin-bottom:5px;
  margin-top:-10px;
}
    
#right-sidebar {
  border-left: 1px solid #ccc;
  float:right;
  margin:0;
  padding-left:20px;
  width:250px;
}

/* next section */

#content #next-section h4 {
  color: #969;
}

div.column-right p a.video-full, div.column-right p a.link-slidedeck{
  padding-top: 53px !important;
}

/* content callout */

div.callout {
  float: right;
  margin-left: 20px !important;
  margin-bottom: 17px !important;
  position: relative;
}

div.callout h3 {
  font-size: 1.6em !important;
}

div.callout p a.link-image, div.column-right p a.link-image {
  border: 0;
  display: block;
  font-size: 1em;
  position: relative;
  text-decoration: none;
}

div.callout p a.video-full, div.column-right p a.video-full {
  background: url(../images/image-video1.jpg) 0 0 no-repeat;
  padding-top: 75px;
}

.splash div.callout p a.video-full, .splash div.column-right p a.video-full {
  background: none;
}

div.callout p a {
  display: block;
}

div.column-right p a.video-full, div.column-right p a.link-slidedeck{
  padding-top: 53px !important;
}

div.callout p a:hover {
  text-decoration: underline;
}




div.callout p a.video1 {
  background: url(../images/image-video2.jpg) 0 0 no-repeat;
  padding-top: 75px;
}

div.callout p a.video2 {
  background: url(../images/image-video3.jpg) 0 0 no-repeat;
  padding-top: 75px;
}

div.callout p a.link-slidedeck {
  background: url(../images/slide-deck.gif) 0 0 no-repeat;
  display:block;
  padding-top: 65px;
}
/* when position relative is added here prevents the multimedia callout from showing properly in ie6 */
/* slide decks and videos */
/*
div#multimedia h2, div#multimedia div {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 4px;
  
}

div#multimedia h2 {
  clear:both;
  height: 23px;
}

div#multimedia h2 a {
  float:right;
}

div#multimedia div div {
  border: none;
}

div#multimedia {
  clear: both;
}

div.multimedia-content {
  float: left;
  width: 293px;
}

div.multimedia-content a {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0 !important;
}

div.multimedia-content p a {
  float: left;
  width: 100px;
  margin: -6px !important;
  padding-left: 5px;
  padding-right: 25px;
  position: relative;
}

div.multimedia-thumbnail {
  float: left;
  text-align: center;
  width: 112px;
}

div.multimedia-thumbnail img {
  border: 1px solid #999;
  margin-bottom: 0 !important;
  padding: 5px;
}

div.multimedia-buttons, div.multimedia-video-buttons {
  float: left;
  margin-bottom: 0 !important;
  width: 139px;
}

div.multimedia-buttons img {
  margin-left: 30px !important;
}

div.multimedia-video-buttons a {
  display: block;
  margin-top: 28px !important;
  margin-left: 30px !important;
  width: 47px;
}
/*
/* start multimedia css tooltip */

div#multimedia span#wmp-video a img {
  margin-left: 15px;
}

div#multimedia span.link a:hover, div#multimedia-footer span.link a:hover {
  font-size: 99%;
  text-align: left;
  text-decoration: none;
  z-index: 25;
}

div#multimedia-footer div.button-download-left span.link a:hover {
  margin-left: 23px;
}

div#multimedia-footer div.button-download-right span.link a:hover {
  margin-left: 12px;
}

div#multimedia span.link a span, div#multimedia-footer span.link a span {
  display: none;
}

div#multimedia span.link a:hover span, div#multimedia-footer div.button-download-left span.link a:hover span, div#multimedia-footer div.button-download-right span.link a:hover span {
  border: 1px solid #666;
  background: #FFF;
  color: #666;
  display: block;
  font: normal 11px Arial, Helvetica, sans-serif;
  margin: 0 0 0 -10px;
  line-height: .4em; /* firefox fix *** this is the only case where spacing is incorrect on cross browser check */
  padding: 0 5px 10px; /* firefox fix *** this is the only case where spacing is incorrect on cross browser check */
  [; /* start safari fix */
  line-height: 1.1em;
  padding: 5px;
  ;] /* end sfari fix */
  *line-height: 1.1em; /* ie fix */
  *padding: 5px; /* ie fix */
  position: absolute;
  width: 335px;
}

div#multimedia span#wmp-video a:hover span {
  margin: 0 0 0 4px;
}

div#multimedia-footer div.button-download-left span.link a:hover span {
  line-height: .4em; /* firefox fix *** this is the only case where spacing is incorrect on cross browser check */
  margin: -12px 0 0 -10px;
  padding: 0 5px 10px; /* firefox fix *** this is the only case where spacing is incorrect on cross browser check */
  [; /* start safari fix */
  line-height: 1.1em; /* ie fix */
  padding: 5px;
  ;] /* end sfari fix */
  *line-height: 1.1em; /* ie fix */
  *margin: 20px 0 0 -105px; /* ie fix */
  *padding: 5px; /* ie fix */
}

div#multimedia-footer div.button-download-right span.link a:hover span {
  line-height: .4em; /* firefox fix */
  margin: -12px 0 0 -10px;
  padding: 0 5px 10px; /* firefox fix *** this is the only case where spacing is incorrect on cross browser check */
  [; /* start safari fix */
  line-height: 1.1em;
  padding: 5px;
  ;] /* end sfari fix */
  *line-height: 1.1em;
  *padding: 5px; /* ie fix */
  margin-left: -230px !important;
  *margin: 20px 0 0 -337px !important; /* ie fix */
}

/* start multimedia container */

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

div#multimedia-header, div#email-header {
  background: url(../images/multimedia-header.gif) no-repeat 0 0;
  color: #696B6C;
  font-size: 1.2em;
  height: 24px;
  margin: 20px auto 0;
  padding: 12px 0 0 23px;
  width: 419px;
}

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

div.multimedia-body-video {
  height: 236px !important;
}

div#multimedia-body div {
  background-color: #000;
  height: 224px;
  margin: 0 auto;
  width: 400px;
}

div#multimedia-footer {
  background: url(../images/multimedia-footer.gif) no-repeat 0 0;
  height: 35px;
  margin-bottom: 40px;
}

div#multimedia-footer div.button-left, div#multimedia-footer div.button-download-left {
  border-right: 1px solid #A4A5A6;
  float: left;
  height: 35px;
  text-align: center;
  width: 110px;
}

div#multimedia-footer div.button-download-left {
  width: 144px !important;
}

div#multimedia-footer div.button-left a {
  display: block;
  padding-top: 4px;
}

div#multimedia-footer div.button-download-left a {
  display: block;
  padding-top: 7px;
}

div#multimedia-footer div.nav-container, div#multimedia-footer div.video-container {
  background: url(../images/nav-controls-bg.gif) repeat-x 0 0;
  float: left;
  height: 35px;
  width: 220px;
}

div#multimedia-footer div.video-container {
  background: none !important;
  width: 150px !important;
}

div#multimedia-footer div.nav-controls {
  height: 21px;
  margin: 7px auto 0;
  width: 137px;
}

div#multimedia-footer a.btn-slide-left {
  background: url(../images/btn-slide-left-off.gif) no-repeat 0 0;
  display: block;
  float: left;
  height: 21px;
  text-decoration: none;
  text-indent: -9999px;
  width: 37px;
}

div#multimedia-footer a.btn-slide-left:hover {
  background: url(../images/btn-slide-left-on.gif) no-repeat 0 0;
}

div#multimedia-footer div.paging {
  background: url(../images/paging-bg.gif) repeat-x 0 0;
  border-right: 1px solid #A9A8AD;
  border-left: 1px solid #A9A8AD;
  float: left;
  height: 13px;
  padding: 4px 10px 4px 8px;
}

div#multimedia-footer a.btn-slide-right {
  background: url(../images/btn-slide-right-off.gif) no-repeat 0 0;
  display: block;
  float: left;
  height: 21px;
  text-decoration: none;
  text-indent: -9999px;
  width: 37px;
}

div#multimedia-footer a.btn-slide-right:hover {
  background: url(../images/btn-slide-right-on.gif) no-repeat 0 0;
}

div#multimedia-footer div.button-right, div#multimedia-footer div.button-download-right {
  border-left: 1px solid #A4A5A6;
  float: left;
  height: 35px;
  text-align: center;
  width: 110px;
}

div#multimedia-footer div.button-download-right {
  width: 146px !important;
}

div#multimedia-footer div.button-right a, div#multimedia-footer div.button-download-right a {
  display: block;
  padding-top: 7px;
}


/* media center */
#multimedia{
  overflow: auto;
}


#multimedia .media-center{
  border: solid 1px #DADADA;
  overflow: auto;
  width: 765px;
}

#multimedia .media-center .media-list{
  width: 320px;
  height: 304px;
  float: left;
  overflow: auto;
  padding: 1px;
}

#multimedia .media-center .media-list .media-item{
  height: 60px;
  clear: both;
  cursor: pointer;
  padding: 7px;
  border-bottom: solid 1px #c7c7c7;
  margin-top: 1px;
}

#multimedia .media-center .media-list .active{
  background-color: #D0D0D0;
}

#multimedia .media-center .media-list .media-item .media-thumbnail{
  float: left;
  width: 77px;
}

#multimedia .media-center .media-list .last-item{
  border: none;
}

#multimedia .media-center .media-list .media-item img{
  border: 1px solid #aeaeae;
  margin-bottom: 0 !important;
  padding: 4px;
  background-color: #FFF;
}

#multimedia .media-center .media-list .media-item .media-description{
  float: left;
  width: 214px;
}

#multimedia .media-center .media-list .media-item .media-description p{
  font-size: 1em;
  height: 20px;
  line-height: 17px;
  margin: 5px;
  width: 210px;
}

#multimedia .media-center .media-display{
  width: 440px;
  height: 307px;
  float: left;
  overflow:hidden;
}

#multimedia .media-center .media-display .media-display-list{
  margin-top: 2px;
}

/* media center slidedeck */


#multimedia .media-center .media-display .media-slidedeck .slidedeck-left,
#multimedia .media-center .media-display .media-slidedeck .slidedeck-right{
  width: 37px;
  height: 300px;
  float: left;
  background: #d9d9d9 url("../images/slidedeck-shadow.gif") repeat-y;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-left{
  background-position: 27px 0;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-right{
  background-position: -7px 0;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-left .slidedeck-prev-btn,
#multimedia .media-center .media-display .media-slidedeck .slidedeck-right .slidedeck-next-btn{
  background: transparent url("../images/slidedeck-btns.gif") no-repeat;
  width: 17px;
  height: 35px;
  display: block;
  position: relative;
  top: 125px;
  cursor: pointer;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-left .slidedeck-prev-btn{
  background-position: 0px 0px;
  left: 8px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-right .slidedeck-next-btn{
  background-position: -17px 0px;
  left: 10px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-left .active{
  background-position: 0px -35px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-right .active{
  background-position: -17px -35px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle{
  width: 366px;
  height: 300px;
  background-color: #FFF;
  float: left;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-main{
  height: 270px;
  width: 360px;
  margin: 0 3px 0 3px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom{
  width: 360px;
  height: 30px;
  background-color: #FFF;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom div{
  height: 30px;
  float: left;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom .slidedeck-download-all{
  width: 75px;
  background: transparent url("../images/btn-download-slidedeck.gif") no-repeat 3px 3px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom .slidedeck-download-current{
  width: 78px;
  background: transparent url("../images/btn-download-current-slide.gif") no-repeat 3px 3px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom .slidedeck-download-all a,
#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom .slidedeck-download-current a{
  width: 100%;
  height: 100%;
  display: block;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom .slidedeck-count{
  width: 206px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom .slidedeck-count div{
  width: 206px;
  text-align: center;
  padding-top: 10px;
  height: 20px;
}

#multimedia .media-center .media-display .media-slidedeck .slidedeck-middle .slidedeck-bottom .slidedeck-count span{
  padding: 10px 3px 3px 3px;
}

/* UI Glossary widget */

.ui-widget-header {  color: #ccc; }
.ui-widget-header a { color: #ccc; }
.ui-widget-header .ui-icon {background-image: url('../images/ui-icons_a3a3a3_256x240.png'); }