/*
  *
  * Main md anderson cancer center css file
  *
  *     @author     rob cherny <rcherny@navarts.com>
  *  @version   1.0
  *
 */
/*
  *
  * @section        basic grid
  *
 */

/*
   _____ ____  _____ _____ _____        _       _
  |     |    \|  _  |     |     |   ___| |_ _ _| |___ ___
  | | | |  |  |     |   --|   --|  |_ -|  _| | | | -_|_ -|
  |_|_|_|____/|__|__|_____|_____|  |___|_| |_  |_|___|___|
                                           |___|

  NOTE: Styles within this block were added by MDACC after Nav Arts stopped their work on this project. Matt needed some items to go at the top of the stylesheet

 */

/* additional styling for multimedia icons to resolve padding issues */
div.type9 p a.audio, div.type9 p a.video, div.type9 p a.page, div.type9 p a.pdf,
div.type3 p a.audio, div.type3 p a.video, div.type18 p a.audio, div.type18 p a.video, div.type18 p a.page {margin-left: -1px; padding-left: 21px;}


 /* END MDACC code block */

#skipper {
    position: absolute;
    left: -999px;
    width: 990px;
}
#grid {
/* need to eliminate 18 pixels to hit 960 (currently 978) */
    width: 960px;
/* padding: 0 10px; *//* @TODO:  move this to the boxes themselves */
    margin: 0 auto;
}
/* .drill #grid {width:954px;} */
#logo {
    margin-left: 20px;

}

/* Restyled Global Header Styles 11-25-13 */
#nav {
    position: relative;
    padding-top: 23px;
    z-index:100;

}
/* z-index for IE */
#nav a {
    color: #636363;
    text-decoration: none;

}
#nav ul li {
    float: left;
    list-style-type: none;
}
#nav-language {
    clear: both;
    position: absolute;
    top: 45px;
    right: -34px;
    height: 15px;
    padding: 2px 180px 12px 20px;
    background: transparent url("../img/icon-globe.gif") no-repeat 156px 1px;
    font-size: 11px;
    z-index: 90;
}
#nav-language li {
    width: auto;
    border-right: 1px solid #cdcdcd;
}
#nav-language li a {
    padding: 0 14px;
    line-height: 15px;
}
#nav-language li a[lang=ar],
#nav-language li a[lang=ja],
#nav-language li a[lang=zh] {
    padding: 0 0 0 8px;
}
#nav-language a.on,
#nav-global a.on {
    color: #bfb8b1;
}
#nav-language img {
    vertical-align: bottom;
}
#nav-language li.languages {
    position: relative;
    padding: 0 12px 0 32px;
    z-index: 80;
}

#nav-language li.languages a, #nav-language li.languages ul li a {
    padding-left: 6px;
}
#nav-language li.languages span:hover {
    cursor: pointer;
}
#nav-language li.languages.active, .use-hover #nav-language li.languages:hover {
    padding: 6px 14px 0 0;
    background-position: 12px 5px;
    margin-top: -7px;
    margin-right: -2px;
    margin-left: 31px;
    border: 1px solid #cccccc;
    border-bottom: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#nav-language li.languages ul {
    display:none;
    background: #fff;
    width: auto;
    z-index: 70;
    margin: -1px -15px -2px -1px;
    padding: 9px 0 8px 0;
    border: 1px solid #cdcdcd;
    border-top: none;
    position: relative;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
#nav-language li.languages.active ul, .use-hover #nav-language li.languages:hover ul {
    display:block;
}
#nav-language li.languages ul li {
    float: none;
    border: none;
    padding: 8px 0;
    line-height: 15px;
}
#nav-language li.languages ul li:hover {
    text-decoration: underline;
}
#nav-language li.languages ul li a {
    display:block;
    background: #fff;
    height: 15px;
    border: none;
}
#nav-language li.languages:hover a{
    text-decoration: none;
}
#nav-language li.mymda {
    font-family: "Times New Roman", serif;
    font-size: 1.1em;
}
li.mymda a {
    line-height: 1.2em;
    height: 1.3em;
}
li.mymda a span {
    color: #EE342A;
    font-size: .9em;
    font-family: Arial, sans-serif; 
}

.nav-tabs-inverted {
    position: absolute;
    top: 0;
    right: 0;
}

.nav-tabs-inverted li {
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
    margin-left: 14px;
}

.nav-tabs-inverted li a {
    margin-top: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

#nav-cta .btn-req-appt {
  color: white;
  font-size: 1em;
  font-weight: bold;
  padding: 8px 12px;
  border: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 0 1px 0;
  box-shadow: 0 0 1px 0;
  text-shadow: 1px 1px 1px rgba(124, 127, 132, 0.3);
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4OTlkNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwN2VjOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6899d4), color-stop(100%, #407ec9));
  background: -webkit-linear-gradient(top, #6899d4 0%, #407ec9 100%);
  background: -moz-linear-gradient(top, #6899d4 0%, #407ec9 100%);
  background: -o-linear-gradient(top, #6899d4 0%, #407ec9 100%);
  background: linear-gradient(top, #6899d4 0%, #407ec9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6899D4', endColorstr='#407EC9', GradientType=0);
}


#nav-cta .btn-req-appt:hover {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwN2VjOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY4OTlkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #407ec9), color-stop(100%, #6899d4));
    background: -webkit-linear-gradient(top, #407ec9 0%, #6899d4 100%);
    background: -moz-linear-gradient(top, #407ec9 0%, #6899d4 100%);
    background: -o-linear-gradient(top, #407ec9 0%, #6899d4 100%);
    background: linear-gradient(top, #407ec9 0%, #6899d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#407EC9', endColorstr='#6899D4', GradientType=0); 
}

#nav-cta .btn-give-now {
  color: white;
  font-size: 1em;
  padding: 8px 12px;
  border: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 0 1px 0;
  box-shadow: 0 0 1px 0;
  text-shadow: 1px 1px 1px rgba(124, 127, 132, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1973d', endColorstr='#d3710f', GradientType=0); /* IE6-9 */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxOTczZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzNzEwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1973d), color-stop(100%, #d3710f));
  background-image: -webkit-linear-gradient(top, #f1973d 0%, #d3710f 100%);
  background-image: -moz-linear-gradient(top, #f1973d 0%, #d3710f 100%);
  background-image: -o-linear-gradient(top, #f1973d 0%, #d3710f 100%);
  background-image: linear-gradient(top, #f1973d 0%, #d3710f 100%); 
}
#nav-cta .btn-give-now:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#D3710F', endColorstr='#F1973D');
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzNzEwZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxOTczZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d3710f), color-stop(100%, #f1973d));
    background-image: -webkit-linear-gradient(top, #d3710f 0%, #f1973d 100%);
    background-image: -moz-linear-gradient(top, #d3710f 0%, #f1973d 100%);
    background-image: -o-linear-gradient(top, #d3710f 0%, #f1973d 100%);
    background-image: linear-gradient(top, #d3710f 0%, #f1973d 100%); 
}

.nav-social-icons {
    clear: both;
    position: absolute;
    top: 45px;
    right: -170px;
    height: 16px;
    padding: 2px 180px 12px 20px;
    font-size: 10px;
    z-index: 90;
}
.nav-social-icons li {
    background: url('../img/social-media-icons-sprite.png') 0 0 no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 10px;
    cursor: pointer;
}

.nav-social-icons li a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/*Background images (sprite)*/
.nav-social-icons .social-icon-facebook {
    background-position: 0 0;
}
.nav-social-icons .social-icon-twitter {
    background-position: -16px 0;
}
.nav-social-icons .social-icon-google-plus {
    background-position: -32px 0;
}
.nav-social-icons .social-icon-pinterest {
    background-position: -48px 0;
}
.nav-social-icons .social-icon-youtube {
    background-position: -80px 0;
}
#nav-global {
    clear: both;
    position: absolute;
    top: 72px;
    right: 0;
    padding: 12px 0 0 12px;
    border-top: 1px solid #cdcdcd;
    z-index: 60;
}
/* End of restyled Global Header 11-25-13 */

#nav-global li {
    width: auto;

}
#nav-global a {
    padding: 0 14px;
    border-right: 1px solid #cdcdcd;
}
#nav-global a:hover,
#nav-language a:hover {
    text-decoration: underline;

}
#nav-global li:last-child a,
#nav-global li.last a {
    border-right: none;
    padding-right: 0;

}
#nav-global li:first-child a {
    padding-left: 0;

}
#online .mymda {
    margin: 0 auto;

}
#online .mymda a {
    text-decoration: none;
    color: #000;
}
#nav-main {
    position: absolute;
    left: 9px;
    top: 133px;
    z-index: 5;
}
#nav-main a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;

}
#nav-main a {
    display: block;
    height: 24px;
    overflow: hidden;
    position: relative;

}
#nav-patient,
#nav-education {
    width: 294px;

}
#nav-education {
    margin-left: 24px;

}
#nav-patient a span {
    background: transparent url("../img/nav-patient.gif") no-repeat 0 0;

}
#nav-patient a:hover span,
#nav-patient a.on span {
    background-position: 0 -24px;

}
#nav-education a span {
    background: transparent url("../img/nav-edu.gif") no-repeat 0 0;

}
#nav-education a:hover span,
#nav-education a.on span {
    background-position: 0 -24px;

}
#nav-main ul {
    height: 46px;
    width: 954px;
    overflow: visible;
    z-index: 10;
    position: relative;
    padding-bottom: 8px;
    margin-left: 5px;
    left: -1px;

}
#nav-main ul.off {
    display: none;

}
#nav-patient ul {
    background: transparent url("../img/nav-patient-drop-bg.gif") repeat-x 0 8px;

}
#nav-education ul {
    background: transparent url("../img/nav-edu-drop-bg.gif") repeat-x 0 8px;

}
#nav-patient ul.on,
#nav-education ul.on {
    display: block;
    margin-left: -5px;

}
#nav-education ul.on {
    margin-left: -323px;

}
#nav-patient ul li,
#nav-education ul li {
    padding-top: 8px;
    list-style-type: none;
    display: inline;
    position: relative;
}
#nav-patient ul li a,
#nav-education ul li a {
    display: block;
    height: 20px;
    font: 14px/normal Arial, Helvetica, Sans-Serif;
    padding: 12px 28px 14px 20px;
    color: #fff;
}
#nav-patient ul li a {
    background: transparent url("../img/nav-patient-drop-bg.gif") repeat-x 0 0;

}
#nav-patient ul li a.on {
    background-position: 0 -46px;
    height:20px;
}
#nav-patient ul li a:hover {
    color: #7ec157;

}
#nav-education ul li a {
    background: transparent url("../img/nav-edu-drop-bg.gif") repeat-x 0 0;

}
#nav-education ul li a.on {
    background-position: 0 -46px;
    height:20px;
}
#nav-education ul li a:hover {
    color: #90bad3;

}
#nav-patient ul li span {
    position: absolute;
    right: -1px;
    top: 21px;
    display: block;
    height: 13px;
    width: 2px;
    overflow: hidden;
    background: transparent url("../img/nav-sub-div.gif") no-repeat 0 0;
}
#nav-education ul li span {
    position: absolute;
    right: -1px;
    top: 21px;
    display: block;
    height: 13px;
    width: 2px;
    overflow: hidden;
    background: transparent url("../img/nav-sub-div.gif") no-repeat 0 -13px;
}
#search {
    position: absolute;
    right: 0;
    top: 132px;
    margin: 0;
    padding: 0;
}
#search p {
    display: inline;

}
#search p.label {
    position: relative;

}
#search p.label label {
    display: none;

}
.js #search p.label label {
    position: absolute;
    display: block;
    width: 200px;
    top: 0;
    left: 23px;
    color: #bfb8b1;
}
*+html.js #search p.label label {
    top: 6px;

}
* html.js #search p.label label {
    top: 6px;

}
p.submit input {
    height: 24px;
    width: 66px;
    vertical-align: middle;
    *vertical-align: text-bottom;
}
input.submit {
    vertical-align: middle;
    *vertical-align: text-bottom;
}
/*
   @workaround for safari
  TODO: there's gotta be a better way
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
p.submit input {
    margin-top: -5px;
}
}
p.submit {
    margin-right: 10px;

}
#search-box {
    width: 205px;
    height: 12px;
    border: none;
    padding: 6px 10px 6px 23px;
    background: transparent url("../img/bg-search.gif") no-repeat 0 0;
}
#nav-tools {
    position: absolute;
    top: 175px;
    right: 9px;
    z-index: 1;
}
#tool-email,
#tool-print,
#tool-font-label {
    display: block;
    float: left;
    height: 16px;
    overflow: hidden;
    cursor: pointer;
    background: transparent url("../img/btn-tools.gif") no-repeat 0 0;
}
#tool-email {
    width: 65px;
    background-position: 0 0;
}
#tool-print {
    width: 70px;
    background-position: -65px 0;
}
#tool-font-label {
    width: 91px;
    background-position: -135px 0;
    cursor: default;
    position: relative;
}
#tool-font-minus,
#tool-font-plus {
    cursor: pointer;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 3px;
}
#tool-font-minus {
    right: 19px;

}
#tool-font-plus {
    right: 1px;

}
#banner {
    margin-top: 92px;
    margin-bottom: 2px;
    padding: 9px 12px;
    height: 220px;
    width: 936px;
    background: transparent url("../img/bg-banner-frame.png") no-repeat 0 0;
    position: relative;
}
#banner-slideshow {float: left; width: 604px; height: 213px; overflow: hidden;}
#banner-slideshow a {display: none;} \* prevents first image from displaying before going random *\
* html body.home #banner {
    background-image: url("../img/bg-banner-frame-home.gif");
}
* html body.drill #banner {
    background-image: url("../img/bg-banner-frame-drill.gif");
}
#story-link1 span {
    display: block;
    text-indent: -9000px;
    overflow: hidden;
    height: 0;
    width: 0;
}
#story-link2 {
    left: 657px;
    position: absolute;
    text-decoration: none;
    top: 189px;
    z-index: 200;
}
#banner img {
    float: left;
    width: 604px;

}
#banner-links {
    float: left;
    width: 323px;
    height: 213px;
    list-style-type: none;
    margin: 0 0 0 9px;
    padding: 10px 0 0 0;
    background: transparent url("../img/bg-home-links.gif") no-repeat 0 0;
}
#banner-links li {
    margin: 0;
    padding: 9px 0 0;

}
#banner-links a {
    color: #165788;
    text-decoration: none;
    display: block;
    padding:3px 32px 1px;
}
* html #banner-links a {
    width: 250px;

}
/*
  #banner-links li:last-child {
  padding-top: 48px;
  }
  *+html #banner-links li.last { padding-top: 52px; }
  * html #banner-links li.last { padding-top: 52px; }
  #banner-links li:last-child a { padding-top: 5px; }
 */
 
/* Request an Appointment "Big Button" 2012 VERSION 4 */
div.appts-container { background-color: #e8e7de; position: relative; float: right; width: 320px; height: 211px; margin: 0 1px 0 9px; border: 1px solid #d3d3d3; border-radius: 4px; }
div.appts-container a.appts-button { display: block; float: left; height: 105px; width: 305px; margin: 10px 0 0 10px; padding: 0; text-indent: -99999px; background: url('../img/appts-button.png') no-repeat left top; }
div.appts-container a.appts-button:hover { background-position: 0 -105px; }
div.appts-container a.appts-button:active { background-position: 0 -210px; }
div.appts-container a.appts-button:focus { border: none; outline: none; }
div.appts-container img { height: 88px; width: 79px !important; margin: 5px 0 0 10px; padding: 0; }
div.appts-container ul.appts-ul { list-style-type: none; float:left; border: none; margin: 0 0 0 20px; width:200px; background-color: #e8e7de; }
div.appts-container ul.appts-ul li { background: url('../img/appts-li-border.gif') repeat-x left bottom; font-family: Arial,sans-serif; }
div.appts-container ul.appts-ul li.appts-ask a { display: inline-block; padding: 6px 0 4px 0; text-decoration: underline; color: #015b9f; width: 200px; height: 24px; font-size: 18px; background: url('../img/appts-link-arrow.gif') no-repeat 126px 5px; }
div.appts-container ul.appts-ul li.appts-telephone { padding: 5px 0 4px 0; font-size: 18px; color: #363636; }
div.appts-container ul.appts-ul li.appts-ranked { padding: 6px 0 8px 0; font-size: 10px; color: #707070; }

 
.rounded {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #999;
}
#content {
    padding: 5px;

}
#content-wrapper {
    position: relative;
    left: 3px;
    background: transparent url("../img/bg-home-box.gif") repeat-y 0 0;
}
#content-col1 {
    width: 600px;
    float: left;
    padding: 8px;
}
#treatment,
#clinics {
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    width: 278px;
    float: left;
    margin-bottom: 8px;
    padding: 8px;
    margin-top: 12px;
}
#treatment {
    width: auto;
    padding: 0;
    margin-bottom: 15px;

}
#col2 #treatment {
    width: 348px;
    margin-top: 18px;

}
#treatment p,
#referrals p {
    padding: 12px 8px 0;
    margin-bottom: 12px;

}
#content-wrapper #treatment ul.link-list,
#content-wrapper #referrals ul.link-list {
    padding: 0 8px !important;

}
.js .home #clinics,
.js .section #clinics,
.js .home #treatment,
.js .section #treatment {
    margin-left: 7px;
    margin-top: 0;

}
*+html #clinics {
    margin-bottom: 16px;

}
* html #clinics {
    margin-bottom: 16px;

}
*+html #treatment {
    margin-bottom: 16px;

}
* html #treatment {
    margin-bottom: 16px;

}
#cancer-topics {
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 8px;
}
.special p.link-aside,
#cancer-topics p.link-aside {
    width: 40%;
    position: absolute;
    right: 12px;
    top: 12px;
    text-align: right;
}
* html #cancer-topics p.link-aside {
    top: 257px;
    left: 350px;
}
* html .section #cancer-topics p.link-aside {
    top: 240px;

}
.module p.link-aside {
    margin-bottom: 0;
    padding-bottom: 2px;

}
#appointments p.link-aside {
    width: 50%;
    padding-right: 5px;
    top: 9px;

}
p.link-aside a.pdf, .type9 p a.pdf {
    padding: 5px 0px 5px 20px;
    background: transparent url("../img/icon-pdf.gif") no-repeat 0 3px;
}
#prospects p.link-aside {
    width: 300px;
    margin: 0 auto;
    padding: 8px 0 5px;
    border-top: 1px dotted #cdcdcd;
}
p.link-aside a,
a.link-aside,
#related-news li a.link-aside {
    padding-right: 10px;
    background: transparent url("../img/bg-link-arrw.gif") no-repeat right center;
    text-decoration: none;
}
#cancer-topics p.link-aside a:hover {
    text-decoration: underline;

}
#cancer-topics .vert-tabs img {
    background-color: #fff;
    padding: 4px;
    margin-right: 12px;
    border: 1px solid #cdcdcd;
    float: left;
    width: 130px;
}
p.link-aside-back a {
    padding-left: 12px;
    background: transparent url("../img/bg-link-arrw-back.gif") no-repeat 2px 4px;
}
#cancer-topics .lead-box img {
    width: 83px;
    border: 1px solid #fff;
    padding: 0;
}
.lead-box {
    background-color: #a8c3df;
    padding: 4px;
    width: 100%;
    min-height: 86px;
/* bug B-65; image in this box could be taller - min-height fixes that */
}
.section #cancer-topics h3,
.lead-box h3,
.lead-box p {
    color: #fff;

}
.lead-box h3 {
    margin-top: 12px;
}
#cancer-topics form p {
    margin-bottom: 0;

}
#prevention-options {
    width: 237px;
    border: 1px solid #cdcdcd;

}
*+html #prevention-options {
    height: 150px;

}
* html #prevention-options {
    height: 150px;

}
#prevention-options option {
    padding: 4px;
    color: #165788;

}
div.v-panel {
    background: transparent url("../img/bg-vert-tabs.gif") repeat-x bottom left;
    clear: both;
}
.js div.v-panel {
    clear: none;

}
*+html div.v-panel {
    height: 143px;
    overflow: hidden;

}
* html div.v-panel {
    height: 143px;
    overflow: hidden;

}
.education div.v-panel {
    height: 224px;

}
*+html .education div.v-panel {
    height: 227px;
    overflow: hidden;

}
* html .education div.v-panel {
    height: 227px;
    overflow: hidden;

}
#cancer-show {
    width: 298px;
    float: left;
    margin-right: 7px;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
/* @TODO: remove this(?); */
    min-height: 305px;
}
#cancer-trials {
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    margin-bottom: 8px;
    margin-top: 18px;
    padding: 8px;
}
.section #cancer-trials {
    margin-top: 8px;

}
.section #cancer-trials {
    float: left;
    width: 275px;
}
.section #cancer-trials .column {
    float: none;
    width: auto;
}
#cancer-trials div ul {
    margin-left: 0;
    padding-left: 0;

}
#cancer-trials div ul li {
    margin-left: 0;

}
#trial-submit {
    width: 59px;
    height: 20px;
    vertical-align: bottom;
    *vertical-align: text-bottom;
}
#cancer-trials .column {
    float:left;
    width: 48%
}
#cancer-trials fieldset {
    border: none;
    padding: 0;
    margin-top: 32px;

}
#cancer-trials fieldset.mozAdj {
    margin-top: 26px;

}
*+html #cancer-trials fieldset {
    margin-top: 24px;

}
* html #cancer-trials fieldset {
    margin-top: 24px;

}
#cancer-trials div.fieldset {
    padding: 10px;
    border: 1px solid #cdcdcd;
    background: transparent url("../img/bg-vert-tabs.gif") repeat-x left bottom;
    min-height: 130px;
}
div.fieldset label {
    font-weight: bold;

}
/* @todo more compatible select here */
div.fieldset input[type=text] {
    width: 175px;
    border: 1px solid #cdcdcd;
    margin-top: 5px;
    padding: 2px;
}
p.fields {
    margin-bottom: 0;

}
#content-wrapper ul.post-field-links {
    margin-top: 20px;
    margin-bottom: 0;
}
#departments {
    padding: 8px;

}
#departments fieldset {
    border: 1px solid #cdcdcd;
    background: transparent url("../img/bg-gradient.png") repeat-x left bottom;
    width: 270px;
    padding: 8px 8px 22px;
    float: left;
    margin-right: 15px;
}
*+html #departments fieldset {
    height: 72px;

}
#departments .link-list {
    float: left;
    width: 265px;
}
#content-col2 {
/* width: 300px; @todo: did this change break anything else? */
    width: 312px;
    float: left;
    margin-left: 9px;
    padding: 8px;
    position: relative;
}
div.module-defined {
    background-color: #fff;

}
div.module-defined ul.newslist div {
    float: left;
    width: 70%;

}
/* bug B-47; padding-right was removed here becuase padding-right was added to the LI */
#content-col2 div.module-defined ul.newslist div {
    width: 66%;

}
/*
  #content-related #conferences,
  #content-related  #news-related { min-height: 308px; }
 */
#conferences,
#linkage,
#news-related,
div.module-defined {
    margin-bottom: 10px;
}
*+html #linkage {
    margin-bottom: 18px;

}
* html #linkage {
    margin-bottom: 18px;

}
div.module-articles {
    margin-bottom: 10px;

}
/* @todo: normalize these */
/* #patient-care = div.defined-module */
#patient-care,
#disease-info,
#research-info {
    border-right-color: #fff;
    border-left-color: #fff;
    background: #fff url("../img/bg-type9.gif") repeat-x left bottom;
}
#disease-info {
    margin-top: 0;
    margin-bottom: 15px;

}
#disease-info img {
    float: left;
    padding: 4px;
    border: 1px solid #cdcdcd;
    margin-left: 12px;
    margin-right: 12px;
    background-color: #fff;

}
#disease-info div.block {
    float: left;
    width: 65%;

}
#research-info {
    background-image: url("../img/bg-type15.png");

}
#linkage div.group,
#conferences div.group,
#news-related div.group,
div.module div.group,
div.module-defined div.group,
div.rail-box div.group {
    float: left;
    width: 60%
}
div.module div.group {
    width: 50%;

}
div.module-defined h2,
#news-related h2,
div.module-articles h2,
#conferences h2 {
    border-bottom: 1px solid #cdcdcd;

}
#content-wrapper #referrals h2 {
    border-bottom: none;
    margin-top: 3px;
}
.enterprise div.module-articles h2 {
    color: #000;

}
#linkage div.item {
    padding: 10px;
    border-bottom: 1px dotted #cdcdcd;
    margin-bottom: 0px;
}
#linkage div.item a {
    text-decoration: none;

}
#linkage div.alt,
#content-wrapper ul li.alt,
#content-related ul li.alt {
    background-color: #f4f8fb;

}
.cch #linkage div.alt,
.cch #content-wrapper ul li.alt,
.cch #content-related ul li.alt {
    background-color: #f8ebcd;

}
#linkage div.last {
    border-bottom: none;

}
#linkage div.item img {
    width: 65px;
    height: 65px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
}
#content-highlights,
#content-resources,
#content-related {
    width: 936px;
    margin: 15px 0 15px 3px;
    padding: 7px 9px;
    position: relative;
    background-color: #b8b3af;
}
.cch #content-highlights {
    width: 689px;
    background-color: #a88695;
    padding: 12px 8px;
    margin-top: 12px;

}
.publications #content-highlights,
#content-related,
#content-resources {
    background-color: #fff;

}
.section #content-highlights {
    background: #fff url("../img/bg-mdaguide.jpg") no-repeat 9px 7px;
    height: 195px;
}
.section #bnr-overlay {
    width: 934px;
    height: 109px;
    position: relative;
    top: 35px;
    background-color: #000;
    -moz-opacity: .50;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: .50;
    z-index: 5;
}
* html .section #bnr-overlay {
    position: relative;
    top: 58px;
}
.section #grid #content-highlights h2.label {
    position: absolute;
    top: 82px;
    left: 30px;
    font-weight: normal;
    font-family: Georgia, Serif;
    border-bottom: none;
    color: #fff;
    z-index: 6;
}
.section #content-highlights div.linkset {
    position: absolute;
    top: 82px;
    left: 200px;
    z-index: 6;
}
.section #content-highlights ul {
    float: left;
    list-style-type: none;
    width: 175px;
    margin-left: 8px;
}
.section #content-highlights ul:last-child {
    margin-left: 10px;

}
.section #content-highlights a {
    color: #fff;
    text-decoration: none;
}
.section #content-highlights a:hover {
    text-decoration: underline;

}
.section #content-resources .col1,
.section #content-resources .col2 {
    width: 275px;
    margin: 0;
}
.section #content-resources .col1 {
    margin-right: 18px;

}
.section #content-resources .col2 {
    margin-right: 12px;

}
.section #content-resources h3 {
    margin-bottom: 0;

}
.section #content-resources h3 a {
    text-decoration: none;

}
.section #content-resources h3 a:hover {
    text-decoration: underline;

}
.section #content-resources p {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #cdcdcd;

}
.section #content-resources p:last-child {
    border-bottom: none;

}
#content-resources div.bg-panel {
    background: transparent url("../img/bg-panel.gif") no-repeat 0 0;
    width: 314px;
    height: 270px;
    float: left;
    padding: 4px;
}
#content-resources div.bg-panel img {
    width: auto;
    border: none;

}
.section #content-related .col1,
.section #content-related .col2 {
    width: 292px;
    margin: 0;
}
.section #content-related .col1 {
    margin-right: 12px;

}
.section #content-related .col2 {
    margin-right: 12px;
    padding-right: 0;

}
.section #content-resources h2 {
    margin-bottom: 38px;
    border-bottom: none;
    margin-left: 8px;
}
#content-highlight-inner {
    position: relative;
    background-color: #fff;
    position: relative;
    padding: 1px;
    width: 934px;
}
.cch #content-highlight-inner {
    width: 684px;

}
#site-info {
    padding: 8px;
    margin-top: 10px;
    position: relative;
    width: 938px;
    margin-left: 3px;
    margin-bottom: 30px;
    background-color: #fff;
}
#site-info-inner {
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    position: relative;
    padding: 5px;
    min-height: 200px;
}
/* @todo where do content chunks go ? not in the sections portion of the file? */
#site-info-inner ul {
    float: left;
    width: 177px;
    list-style-type: none;
    margin: 0 0 0 8px;
}
#site-info-inner li:first-child,
#site-info-inner li.label {
    font-weight: bold;
    color: #165788;
}
#site-info-inner li + li.label,
#site-info-inner li.label-break {
    margin-top: 15px;

}
#site-info-inner li {
    margin: 0;
    padding: 0 0 5px 0;
}
#site-info-inner a:link {
    color: #666;
    text-decoration: none;
}
#site-info-inner a:hover {
    text-decoration: underline;
}
/* Footer social media icons */
#site-info-inner ul li.social-icon {
    background: url('../img/social-media-icons-sprite.png') 0 -60px no-repeat;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 8px 6px 0;
    list-style-type: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    cursor: pointer;
}
#site-info-inner ul li.social-icon:last-child {
    margin-bottom: 0;
}
#site-info-inner ul li.social-icon a {
    height: 32px;
    width: 32px;
    display: block;
}
#site-info-inner ul li.social-icon a {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/* Background image (sprite) */
#site-info-inner ul li.social-icon-facebook {
    background-position: 0 -60px;
}
#site-info-inner ul li.social-icon-twitter {
    background-position: -32px -60px;
}
#site-info-inner ul li.social-icon-google-plus {
    background-position: -64px -60px;
}
#site-info-inner ul li.social-icon-pinterest {
    background-position: -96px -60px;
}
#site-info-inner ul li.social-icon-linkedin {
    background-position: -128px -60px;
}
#site-info-inner ul li.social-icon-youtube {
    background-position: -160px -60px;
}
#site-info-inner ul li.social-icon-flickr {
    background-position: -192px -60px;
}
#site-info-inner ul li.social-icon-rss {
    background-position: -224px -60px;
}
#site-info-inner ul li.social-icon-itunes {
    background-position: -256px -60px;
    width: 85px;
}
#site-info-inner ul li.social-icon-itunes a { width: 85px;}

#site-info-inner ul li.social-icon-instagram {
    background-position: -342px -60px;
}
/* Hover effects via background image (sprite) */
#site-info-inner ul li.social-icon-instagram:hover {
    background-position: -342px -100px;
}
#site-info-inner ul li.social-icon-facebook:hover {
    background-position: 0 -100px;
}
#site-info-inner ul li.social-icon-twitter:hover {
    background-position: -32px -100px;
}
#site-info-inner ul li.social-icon-google-plus:hover {
    background-position: -64px -100px;
}
#site-info-inner ul li.social-icon-pinterest:hover {
    background-position: -96px -100px;
}
#site-info-inner ul li.social-icon-linkedin:hover {
    background-position: -128px -100px;
}
#site-info-inner ul li.social-icon-youtube:hover {
    background-position: -160px -100px;
}
#site-info-inner ul li.social-icon-flickr:hover {
    background-position: -192px -100px;
}
#site-info-inner ul li.social-icon-rss:hover {
    background-position: -224px -100px;
}
#site-info-inner ul li.social-icon-itunes:hover {
    background-position: -256px -100px;
    width: 85px;
}
#site-info-copy {
    margin-top: 10px;
    color: #666;
    padding-left: 13px;
}
#publication-show,
#publication-news {
    width: 291px;
    float: left;
}
#publication-show {
    width: 275px;
    margin-right: 12px;

}
/* @todo: move this */
#publication-show h2 {
    font-size: 15px;
    font-weight: bold;

}
#publication-news h2 {
    margin-bottom: 0;

}
#pub-show-wrapper {
    width: 312px;
    float: left;
    background-color: #c4c3bc;
    padding: 8px;

}
#find-resources {
    background-color: #a88695;
    padding: 8px;
}
*+html #find-resources {
    padding-top: 12px;

}
* html #find-resources {
    padding-top: 12px;

}
#pub-resources {
    width: 578px;
    margin-right: 12px;

}
#pub-resources,
#find-resources {
    float: left;

}
#find-resources {
    width: 326px;
    border: none;

}
#find-resources-inner {
    background-color: #fff;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#find-resources-inner h2 {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
#find-resources fieldset {
    background: transparent url("../img/bg-vert-tabs.gif") repeat-x 0 bottom;
    border: 1px solid #cdcdcd;
    padding-top: 12px;
    margin: 10px 0 12px;
}
*+html #find-resources fieldset {
    padding-left: 8px;

}
* html #find-resources fieldset {
    padding-left: 8px;

}
/*
  *
  * @section        grid modifiers for drill pages
  *
 */
.patient {
    background: #d2cdc7 url("../img/bg-patient.gif") repeat-x 0 0;

}
.education {
    background: #d2cdc7 url("../img/bg-education.gif") repeat-x 0 0;

}
#sitemap .patient,
#sitemap .education {
    background-image: none;

}
.drill #nav-tools {
    top: 215px;

}
.enterprise #nav-tools {
    top: 175px;

}
.drill #nav-bread {
    position: absolute;
    top: 215px;
    left: 25px;
}
.enterprise #nav-bread {
    top: 162px;

}
.drill #nav-bread li {
    margin-right: 5px;

}
.drill #nav-bread li a {
    text-decoration: none;
    color: #ccc;

}
.section #banner {
    margin-top: 130px;

}

/* #nav-section */
.drill #nav-section {padding: 0; margin: 0; width: 205px; position: absolute; top: 260px; left: 5px; z-index: 10;}
.drill #nav-section li {display: block; float: none; padding: 0 0 5px 0;}
.drill #nav-section li ul {margin: 0 0 0 16px; width: auto;}
.drill #nav-section li ul li {padding-left: 0;}
.drill #nav-section li {padding-bottom: 2px; border-bottom: 1px solid #ffffff;}
.drill #nav-section li ul li {padding-bottom: 0;}
.drill #nav-section li ul li ul {margin-top: 0px;}
.drill #nav-section li ul li ul li {margin-left: 20px; border-bottom: 1px solid #fff;}
.drill #nav-section li ul li:first-child {padding-top: 0; border-top: 1px solid #fff;}
.drill #nav-section li ul li:last-child, .drill #nav-section li ul li li:last-child, #nav-section ul li.last {border-bottom: none;}
.drill #nav-section li ul li li:first-child {padding-top: 0; border-top: 1px solid #fff;}

/* #nav-section link styles */
.drill #nav-section a {display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 16px; color: #165788; background: transparent url("../img/nav-section-arrow.gif") no-repeat 8px 8px;}
.drill #nav-section a:hover {text-decoration: underline;}
.drill #nav-section li a.on {background: transparent url("../img/nav-section-arrow.gif") no-repeat 15px -21px; color: #fff;}
.drill #nav-section li a.on {padding-left: 16px; background-position: 8px -21px;}
.drill #nav-section li ul li ul {padding-left: 18px; margin-left: -18px !important; padding-top: 1px;}
.drill #nav-section li ul li ul li a, .drill #nav-section li ul li ul li a.on {padding-left: 2px; background-image: none;}
.drill #nav-section li ul li ul li a.on {padding-left: 16px; background: url("../img/nav-section-arrow.gif") no-repeat 7px 8px #fff;}
.drill #nav-section li li li a.on {color: #165788; background: #fff;}

/* #nav-section: patient */
.patient #nav-section li {background: #E4F1D6;}
.patient #nav-section li a.on {background-color: #4a7630;}

/* #nav-section: education */
.education #nav-section li {background: #DAEAF6;}
.education #nav-section li a.on {background-color: #165788;}

/* #nav-section: enterprise */
.enterprise #nav-section li {background: #F8F2D7;}
.enterprise #nav-section li a.on {background-color: #78746F;}

.drill #content {
    padding: 0;
    border: none;
    margin-top: 135px;
/* margin-left: 3px; */
    width: 954px;
}
.enterprise #content {
    margin-top: 95px;

}
.drill #content-wrapper {
    background-color: #fff;
    background-image: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.enterprise #content-wrapper {
    padding-top: 0;

}
.drill #content-col1 {
    padding: 0;
    border: none;
    margin-left: 228px;
    width: 449px;
/*
        min-height: 400px;
  height: auto !important;
  height: 400px;
 */
}
.extra #content-col1 {
    width: 717px;

}
.drill #content-col2 {
    width: 245px;
/*
  height: auto !important;
  height: 400px;
 */
    background-color: #c4c3bc;
/* min-height: 724px; */
}
.events #content-col1 {
    width: 291px;
    margin-left: 8px;
    margin-right: 8px;
}
.events-detail #content-col1 {
    margin-left: 12px;
    width: 660px;

}
.events #content-col2 {
    min-height: 400px;
    background-color: #fff;
    width: 625px;
    padding-top: 0;
    padding-left: 0;
}
.section.education #content-col2,
.section.education #content-col2.min {
    min-height: 200px;
}
.section #content {
    margin-top: 10px;

}
.section #content-col1,
.publications #content-col1 {
    margin-left: 8px;
    width: 600px;

}
.section #content-col2,
.publications #content-col2 {
    width: 312px;

}
.publications #content-col1,
.publications #content-col2 {
    min-height: 200px;

}
/*
  978
  18
  ---
  960
 */
.extra #col1,
.extra #col2 {
    margin-top: 15px;
    float: left;
    width: 48%;
    width: 49%;
    overflow: hidden;
}
/*
  *
  * @section        utilities
  * @note       includes some basic  resets
  *
 */
html, body, form {
    margin: 0;
    padding: 0;

}
h1, h2, h3, h4, h5, h6, p,
blockquote, ul, ol, dl, address {
    margin: 0 0 12px;
    padding: 0;

}
/* bug T-B-33; nested OL are now grouped together tighter */
ol {
    margin: 0 0 12px 20px;
    _margin-left: 26px;
}
ol ol {
    margin: 3px 0 3px 12px;
}
form label {
    cursor: pointer;

}
/* fieldset { border: none; } */
input, select, textarea {
    font-family: Arial, Helvetica, Sans-Serif;

}
/* @see http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;

}
.clearfix {
    display:inline-table;

}
/* Hides from IE-mac \ */
* html .clearfix {
    height:1%;

}
*+html .clearfix {
    height:1%;

}
.clearfix {
    display:block;

}
/* End hide from IE-mac */
/*
  *
  * @section        baseline elements
  *
 */
body {
    background: #d2cdc7 url("../img/bg.gif") repeat-x 0 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}
h1 {
    font-weight: normal;
    padding: 0 0 5px;
    margin-bottom: 15px;
    color: #3b3838;
    border-bottom: 1px solid #cdcdcd;
}
h2 {
    font-weight: normal;
    padding: 0 0 7px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
}
h3 {
    font-weight: bold;
    margin-bottom: 9px;
}
.patient h3 {
    color: #4a7630;

}
/* @TODO: H4 and other ones; */
h4 {
    font-weight: bold;
    color: #4a7630;
}
h5 {
}
h6 {
}
blockquote {
    margin: 12px 40px;

}
a:link {
    color: #165788;

}
a:visited {
    color: #165788;

}
a:hover {

}
a:active {
    color: #165788;

}
p {
    margin: 0 0 12px;

}
a img {
    border: none;

}
/*
  *
  * @section        content area formatting
  * @section        classes
  *
 */
br.clear {
    clear: both;

}
.content-blurb img {
    float: left;
    width: 360px;
    height: 100px;
    margin-right: 10px;
    margin: 0 10px 10px 0;
}
h1.img {
    border-bottom: none;

}
.education-col h1,
.education-col h2,
.education-col h3 {
    color: #165788;

}
.home #content-col1 h1,
.home #content-col2 h1,
.home #content-col1 h2,
.home #content-col2 h2 {
    font-weight: normal;
    border-bottom: none;
    margin-bottom: 9px;
    padding-bottom: 0;
}
.section #content-col1 h2,
.section #content-col2 h2 {
    border-bottom: none;

}
#content-wrapper #page-banner {
    margin-top: -3px;
    padding: 8px 0 0 15px;
    height: 35px;
}

/* Matt asked me to comment this out. 5/18/09 */
/*
.events #content-wrapper #page-banner {
    margin-top: -10px;

}*/
.enterprise #content-wrapper #page-banner {
    color: #000;
    background: #e8cd4f url("../img/bg-hdr-enterprise.png") no-repeat 0 0;
}
#content-wrapper .type2-slides-container h2 {
    border-bottom: 1px solid #cdcdcd;

}
.home #content-col1 h1,
.home #content-col1 h2 {
    color: #4a7630;

}
.home #content-col1 h2,
.home #content-col2 h2,
.section #content-col1 h2,
.section #content-col2 h2 {
    margin-bottom: 7px;

}
.home #content-col2 h2,
#conferences h2,
#news-related h2,
#referrals h2,
#content-wrapper #trials h2 {
    border-bottom: 1px solid #cdcdcd;
    padding: 5px 0 8px 12px;
    margin-bottom: 0;
}
#content-wrapper #trials h2,
.cch #content-wrapper #tab-gui h2 {
    margin-top: 0;
    border-bottom: none;
    margin-bottom: 0;
    color: #005baa;

}
.cch #content-wrapper #tab-gui h2 {
    color: #e5173f;
    padding-left: 0;

}
.cch #tab-gui {
    background-color: #fbefed;

}
* html #news-related ul.newslist li.item {
    padding-right: 6px;

}
*+html #news-related ul.newslist li.item {
    padding-right: 6px;

}
* html #patient-care ul.newslist li.item img,
* html #conferences ul.newslist li.item img,
* html #opportunities ul.newslist li.item img,
* html #programs ul.newslist li.item img {
    vertical-align: bottom;

}
*+html ul.newslist li.item img {
    vertical-align: bottom;

}
#content-wrapper .module-defined h2,
.section #content #content-wrapper .module-defined h2 {
    color: #fff;
    margin-left: -1px;
    width: 301px;
}
.patient #content #content-wrapper .type9 h2 {
    background: transparent url("../img/bg-hdr-type9.gif") repeat-x 0 0;

}
.education #content #content-wrapper .type15 h2 {
    background: transparent url("../img/bg-hdr-type15.png") repeat-x 0 0;

}
.drill #content-wrapper .module-defined h2 {
    width: 234px;
    border-bottom: none;

}
.cch #content-wrapper .type17 h2 {
    background: transparent url("../img/bg-hdr-type17.png") repeat-x left bottom;
    width: 97.4%;
    margin: 3px 0 0 -1px;
    padding: 7px 0 7px 11px;
}
.cch #content-wrapper .type18 h2 {
    background: transparent url("../img/bg-hdr-type18.png") repeat-x left bottom;
    width: 100%;

}
*+html .cch #content-wrapper .type17 h2 {
    width: 339px !important;

}
*+html .cch #content-wrapper .type18 h2 {
    width: 339px !important;

}
.patient .module-defined h4,
.patient .module-defined h4 a {
    color: #285d3e;

}
.education .module-defined h4,
.education .module-defined h4 a {
    color: #165788;

}
.education h4 {
    color: #165788;

}
.enterprise h4 {
    color: #000;

}
h4 a {
    text-decoration: none;

}
h4 a:hover {
    text-decoration: underline;

}
.home #content-col2 div ul {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}
.flash-video {
    width: 287px;
    height: 254px;
}
.home .flash-video,
.section .flash-video {
    float: left;
    margin-right: 12px;
}
#content-wrapper ul,
#content-related ul {
    list-style-type: none;
    margin: 0 0 12px;
    padding: 0 0 0 5px;
}
#content-wrapper ul ul {
    margin-top: 7px;
    margin-bottom: 7px;

}
#content-wrapper li,
.section #content-highlights li {
    background: transparent url("../img/bg-li-bullet.gif") no-repeat 2px 5px;
    padding-left: 10px;
    margin-bottom: 5px;
}
.cch #content-highlights li {
    background-image: none;

}
#resource-box.rail-box ul.highlights li,
#resource-box.rail-box ul.highlights li:last-child {
    background-image: url("../img/bg-li-bullet.gif");
    background-repeat: no-repeat;
    background-position: 10px 13px;
    padding: 8px 0 8px 20px;
}
#content-wrapper li a {
    text-decoration: none;

}
#content-wrapper li a:hover {
    text-decoration: underline;

}
ul.contact-list li {
    padding-top: 8px;
    border-top: 1px dotted #cdcdcd;
}
#grid #content-wrapper ul.contact-list li {
    background-position: 2px 12px;

}
*+html #grid #content-wrapper ul.contact-list li {
    background-position: 2px 14px;

}
#content-wrapper #patient-care ul.newslist,
#content-wrapper #research-info ul.newslist,
#content-wrapper div ul.newslist,
#content-related div ul.newslist {
    margin: 0;
    padding: 0;
}
#patient-care ul.newslist li,
#research-info ul.newslist li {
    background-image: none;
    position: relative;

}
ul.newslist div.over-ess {
    position: absolute;
    top: 5px;
    left: 9px;
    width: 64px;
    height: 59px;
    background: transparent url("../img/overlay-frame-sm.png") no-repeat 0 0;
    z-index: 12;
    display: none;
}
ul.newslist li:last-child div.over-ess {
    top: 11px;
    left: 9px;
}
#patient-care ul.newslist li:hover,
#research-info ul.newslist li:hover {
    background: transparent url("../img/bg-essential-over.png") repeat-y top right;
    cursor: pointer;
}

ul.newslist li:hover div.over-ess {
    display: block;

}
.enterprise #content-wrapper .module-articles ul.newslist li,
#content-wrapper ul.newslist li,
#content-related ul.newslist li {
    background-image: none;
    border-top: 1px dotted #cdcdcd;
    padding: 6px 10px 12px 10px;
/* bug B-47; added padding-right to the LI so content doesn't but up against the edge of a box */
    margin-bottom: 0;
    clear: both;
}
.enterprise #content-wrapper .module-articles ul.newslist li:first-child,
#content-wrapper ul.newslist li:first-child,
#content-related ul.newslist li:first-child {
    border-top: none;

}
#content-wrapper ul.newslist li:last-child,
#content-related ul.newslist li:last-child,
#content-wrapper ul.newslist li.last,
#content-related ul.newslist li.last {
    border-top: 1px solid #cdcdcd;
    padding: 12px 0 11px 10px;
}
#content-wrapper ul.newslist li.notlast,
#content-related ul.newslist li.notlast {
    border-top: none;
    padding: 0;

}
.enterprise #content-wrapper .module-articles ul.newslist li:last-child {
    border-top: 1px solid #c4c3bc;
    padding: 12px 0 11px 10px;
}
ul.newslist li.rss,
p.rss {
    text-transform: uppercase;
    border-top: none;

}
p.rss a,
ul.newslist li.rss a {
    color: #e61f01;
    padding-right: 20px;
    background: transparent url("../img/icons.gif") no-repeat right -170px;
    position: absolute;
    top: 10px;
    right: 4px;
    font-size: 11px;
}
* html ul.newslist li.rss a {
    top: 68px;
    left: 520px;
    width: 50px;
}
* html p.rss a {
    top: 25px;
    left: 420px;
    width: 140px;
}
ul.newslist li a,
p.rss a {
    text-decoration: none;

}
ul.newslist li a:hover,
p.rss a:hover {
    text-decoration: underline;

}
#search-programs form {
    margin-bottom: 20px;

}
#search-programs label {
    font-weight: bold;

}
#search-programs p {
    margin: 0;

}
#search-programs #level-ed {
    height: 100px;
    border: 1px solid #cdcdcd;
    color: #165788;
    width: 300px;
    margin: 5px 0 12px;
}
#search-programs #level-ed option {
    padding: 5px 15px;

}
#search-programs #prof {
    width: 240px;

}
#search-programs p.controls {
    padding-top: 12px;
    padding-left: 8px;
    margin-left: -8px;
    margin-bottom: 0;
    width: 103%;
    height: 15px;
}
#event-detail {
    padding-bottom: 20px;
    background: transparent url("../img/bg-event.png") no-repeat 0 bottom;
}
#event-detail img.event-banner {
    float: left;
    width: 273px;
    margin-right: 15px;
    margin-left: 12px;
    border: 1px solid #cdcdcd;
}
#event-detail .col2 {
    float: left;
    width: 340px;
}
#event-detail.no-img .col2 {
    width: 95%;
    margin-left: 12px;

}
#event-detail h2 {
    border-bottom: none;

}
.events-detail p.link-aside-back {
    width: 150px;
    float: right;
    padding-top: 15px;
    padding-right: 8px;
}
#content-banner {
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    padding: 8px;
    background-color: #fff;
    color: #fff;
    min-height: 142px;
/* @todo fix this height */
    height: 142px;
}
#content-banner div.buffer {
    background: transparent url("../img/bg-content-banner.jpg") repeat-x left bottom;
/* @todo fix this height */
    height: 142px;
}
#content-banner div.buffer p {
    padding: 23px 20px 0 0;

}
#content-banner div img {
    float: left;
    margin-right: 12px;

}
#content-banner div p.watch-flv {
    margin-top: 0;
    padding-top: 0;
}
#content-banner p.watch-flv a {
    display: block;
    padding-left: 23px;
    margin-left: 365px;
    background: transparent url("../img/icon-camera.gif") no-repeat 0 3px;
    text-decoration: none;
    color: #fff;
}
.cch #content-banner div.buffer {
    padding-top: 15px;

}
.cch #content-banner div.buffer * {
    color: #000;

}
.cch #content-banner div.buffer div {
    padding-left: 318px;


}
.cch #content-banner div.buffer div p {
    padding: 0;
    font-size: 12px;

}
.cch #content-banner div.buffer h3,
.cch #content-banner div.buffer p.sub {
    font-family: Georgia, "Times New Roman", sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
}
p.sub,
.cch #content-banner div.buffer p.sub {
    font-size: 16px;
    margin-bottom: 8px;

}
.cch #content-banner div.buffer p.watch-flv a {
    margin-left: 0;

}
/* @NOTE cancer types drop-down (homepage + others) */
#cancer-types {
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    padding: 10px;
    background-color: #fff;
    min-height: 155px;
    z-index: 30;
/* position: relative; */
}
/* #cancer-types can show up on three different page layouts, these are the different widths. the UL and SELECT widths have been adjusted as well. */
.drill #cancer-types {
    width:330px;

}
.section #cancer-types {
    width: 275px;

}
.home #cancer-types {
    width: 275px;

}
*+html #cancer-types {
    min-height: 167px;

}
* html #cancer-types {
    height: 167px;

}
* html div.adjIE6 {
    width: 297px !important;

}
#cancer-types ul {
    width: 278px;
    margin: 5px 0 0 -3px;
    padding: 0 5px 0 10;
    background: #fff url("../img/bg-alpha-gradient.gif") no-repeat bottom center;
    min-height: 108px;
}
.drill #cancer-types ul {
    width:333px;
    background-image:url(../img/bg-alpha-gradient-alt.gif);

}
.section #cancer-types ul {
    width:275px;
    background-image:url(../img/bg-alpha-gradient-alt.gif);

}
.home #cancer-types ul {
    width: 275px;

}
*+html #cancer-types ul {
    min-height: 117px;

}
* html #cancer-types ul {
    height: 117px;

}
#cancer-types li {
    list-style-type: none;
    background-image: none;
    float: left;
    width: 23px;
    height: 22px;
    font-family: Arial, Sans-Serif;
    padding: 0 3px 0 0;
    margin: 8px 0 0 3px;
    border-right: 1px solid #cdcdcd;
}
#cancer-types li.edge,
#alpha li.edge {
    border-right: none;

}
#cancer-types li a {
    text-decoration: none;
    display: block;
    padding: 0;
    text-align: center;
    color: #4a7630;
}
#cancer-types li a:active,
#cancer-types li a:focus {
    color: #cf4330;

}
#cancer-types select {
    margin-top: 10px;
    border: 1px solid #cdcdcd;

}
.drill #cancer-types select {
    width:332px;

}
.section #cancer-types select {
    width:277px;

}
.home #cancer-types select {
    width: 277px;

}
#cancer-types p {
    margin: 0;
    padding: 0;

}
p.submit {
    display: none;

}
#cancer-types p.alphas {
    margin-top: 15px;
    padding: 5px;
    border: 1px solid #cdcdcd;
    clear: both;
    color: #165788;
    height: 88px;
}
#alpha-drill {
    color: #165788;

}
#cancer-types p.hider {
    display: none;

}
#cancer-types.on p.hider {
    display: block;
    color: #666;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px;
    font-family: sans-serif;
    padding-right: 15px;
    padding-top: 2px;
    background: transparent url("../img/icon-close.gif") no-repeat right center;
}
.extra #col1 #cancer-types h2 {
    margin-top:0;

}
#sitemap {
    margin-top: 20px;
    min-height: 300px;

}
#sitemap #tab-gui {
    width: 928px;
    margin-left: 12px;
    padding: 0;
    margin-top: 50px;
}
#sitemap #tab-gui ul.ui-tabs-nav {
    margin-left: -1px;
    width: 930px;
}
#sitemap #tab-tools {
    list-style-type: none;
    width: 928px;
    background-color: #e7e7e7;
    height: 25px;
    min-height: 25px;
    padding: 10px 0 3px;
}
html > body {
    height: auto;

}
#sitemap #tab-tools {
    margin: 0;
    position: relative;
    top: -12px;
}
#sitemap #tab-tools li {
    white-space: nowrap;
    float: left;
    margin: 0;
    background: transparent url("../img/icon-controls.gif") no-repeat 0 0;
}
/* @note: zoom: 1 for IE "hasLayout" */
#sitemap #tab-tools li a {
    padding: 2px 10px 2px 15px;
    zoom: 1;

}
#sitemap #tab-tools li.first,
#sitemap #tab-tools li:first-child {
    border-right: 1px solid #cdcdcd;
    background-position: 10px -55px;
    width: 90px;
}
#sitemap #tabs-tools li.last,
#sitemap #tab-tools li:last-child {
    border-left: 1px solid #fff;
    width: 85px;
    background-position: 10px 2px;
}
*+html #sitemap #tab-tools li.first a {
    padding-left: 15px;

}
*+html #sitemap #tab-tools li.first {
    background-position: 10px -52px;

}
* html #sitemap #tab-tools li.first a {
    padding-left: 15px;

}
* html #sitemap #tab-tools li.first {
    background-position: 10px -52px;

}
*+html #sitemap #tab-tools li.last {
    background-position: 10px 5px;

}
* html #sitemap #tab-tools li.last {
    background-position: 10px 5px;

}
#sitemap .col1,
#sitemap .col2,
#sitemap .col3 {
    float: left;
    width: 295px;
    background-color: #fff;
}
#sitemap .col1 ul li,
#sitemap .col2 ul li,
#sitemap .col3 ul li {
    background-image: none;

}
#glossary h2 {
    border-bottom: none;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 0;
}
#content-wrapper #glossary ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 8px;
    width: 699px;
    background: transparent url("../img/bg-glossary.png") no-repeat left bottom;
    height: 30px;
}
#content-wrapper .rail-box #glossary ul {
    width: 224px;
    background: transparent url("../img/bg-rail-glossary.png") no-repeat left bottom;
    height: 100px;
    padding: 0 2px;
}
#glossary ul li {
    background-image: none;
    float: left;
    font-size: 15px;
    padding-right: 6px;
    padding-left: 6px;
    border-right: 1px solid #cdcdcd;
}
#glossary ul li:first-child {
    padding-left: 0;

}
#glossary ul li:last-child,
#glossary ul li.last {
    border-right: none;

}
.rail-box #glossary ul li,
.rail-box #glossary ul li:first-child {
    padding-left: 6px;
    margin-top: 8px;

}
.rail-box #glossary ul li a {
    color: #4a7630;

}
#clinic-go {
    height: 22px;
    width: 32px;
    vertical-align: middle;
    *vertical-align: text-bottom;
}
#content-wrapper ul.link-list {
    margin: 0;
    padding: 0;

}
#content-wrapper ul.link-list li {
    list-style-type: none;
    border-bottom: 1px dotted #cdcdcd;
    width: 100%;
    padding: 0;
    background: transparent url("../img/bg-links.gif") repeat-x bottom left;
}
.cch #content-wrapper .link01 ul.link-list li {
    background: transparent url("../img/bg-cch-links01.gif") repeat-x bottom left;

}
.cch #content-wrapper .link02 ul.link-list li {
    background: transparent url("../img/bg-cch-links02.gif") repeat-x bottom left;

}
#content-wrapper ul.link-list a {
    text-decoration: none;
    display: block;
    background: transparent url("../img/bg-link-arrw.gif") no-repeat 96% 50%;
    padding: 2px 0 2px 5px;
}
#content-wrapper ul.link-list a:hover {
    text-decoration: underline;

}
#career-fairs h2 {
    padding: 0;
    margin: 0;
    border: none;
}
.extra #col1 #career-fairs h2,
.extra #col2 #career-fairs h2 {
    margin-top: -5px;

}
.enterprise #content-wrapper #opportunities ul.newslist li.item {
    background-color: #f7f5ec;

}
.enterprise #content-wrapper #opportunities ul.newslist li.alt {
    background-color: #dbd9d1;

}
.education #content-wrapper #programs ul.newslist li.item {
    background-color: #f4f8fb;

}
.education #content-wrapper #programs ul.newslist li.alt {
    background-color: #daeaf6;

}
cite.h1 {
    margin-top: -10px;
    margin-bottom: 12px;
    display: block;

}
/* @note    data table formatting */
table {
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    width: 100%;
}
table, th, td {
    padding: 0;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
}
*+html table,
*+html th,
*+html td {
    border-collapse: collapse;

}
th {
    text-align: left;
    font-weight: normal;

}
.patient th {

    color: #fff;

    background: url("../img/bg-th-patient.png") repeat-x top center #3d5a2a; /* modified 09/29/09 MJH to make background fill the cell for line wrapping */

    padding: 10px 12px;

    border-right: 1px solid #365026;

    border-left: 1px solid #629145;

}
*+html .patient th {
    border: none;

}
* html .patient th {
    border: none;

}
th:first-child {
    border-left: none;

}
th:last-child {
    border-right: none;

}
#events-week td {
    vertical-align: bottom;

}
#events-week td,
#events-month td {
    padding: 0 4px 6px 12px;
    color: #165788;
}
td {
    border-top: 1px dotted #cdcdcd;
    padding: 6px 4px 6px 12px;
    color: #165788;
}
#events-week td {
    border-top: none;

}
tr.hdr th {
    border-top: 1px dotted #cdcdcd;
    background-image: none;
    padding: 8px 0 2px 12px;
}
tr.monday th {
    border-top: none;

}
th.day {
    text-transform: uppercase;
    color: #405e6f;

}
/* @note    events tables */
#events-week table {
    width: 608px;

}
#events-week table {
    margin-left: 8px;
    margin-bottom: 8px;
}
#th1 {
    width: 228px;

}
#th3 {
    width: 116px;

}
#th4 {
    width: 116px;

}
.monday, .wednesday, .friday,
.monday th,
.wednesday th,
.friday th {
    background-color: #f4f8fb;

}
table.events-month {
    width: 916px;
    margin-left: 8px;
    margin-bottom: 20px;
    margin-top: -38px;

}
table.events-month td {
    border-top: 1px dotted #cdcdcc;
    padding-top: 4px;
}
table.events-month tr:first-child td {
    border-top: none;

}
table.events-month tr.hide {
    display:none;

}
table.events-month th.event {
    width: 48%;

}
.foreground {
    background-color: #fff !important;

}
#event-form {
    position: absolute;
    top: 8px;
    right: 97px;
    width: 200px;
    white-space: nowrap;
}
#event-form label {
    font-weight: bold;

}
#event-form select {
    width: 168px;

}
/* @note    event table controls etc. */
ul.controls {
    list-style-type: none;
    border-top: none;

}
ul.controls li {
    position: absolute;
    color: #165788;
}
ul.controls li.next {
    width: 95px;

}
ul.controls li.prev {
    width: 116px;

}
ul.controls li.next a,
ul.controls li.prev a {
    display: block;
    height: 18px;
    width: 26px;
    overflow: hidden;
    position: relative;
    top: -3px;
}
ul.controls li.next {
    top: 50px;
    right: 12px;
}
ul.controls li.next a {
    margin-left: 5px;
    float: right;
    text-indent: -5000px;
    background: transparent url("../img/bg-slide-arrows.gif") no-repeat -26px 0px;
}
ul.controls li.prev {
    top: 50px;
    left: 12px;
}
ul.controls li.prev a {
    margin-right: 5px;
    float: left;
    text-indent: -5000px;
    background: transparent url("../img/bg-slide-arrows.gif") no-repeat 0 -18px;
}
h3.month-hdr {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}
/* @note what follows is mostly module boxes related */
.show,
.special,
.module,
.pic-quote,
.pub-box {
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    padding: 8px;
    margin-bottom: 15px;
}
.pic-box {
    padding: 8px;
    margin-bottom: 15px;
    background-color: #fff;
}
#content-highlights.special {
    border: none;

}
.pub-box {
    border-color: #fff;

}
.pic-quote {
    margin-bottom: 25px;
    margin-top: 25px;

}
.rail-box {
    border-color: #fff;
    margin-bottom: 15px;
/* background-color: #e4f1d6 !important; */
}
.personal-box {
    margin-bottom: 15px;
    padding: 5px 7px 6px 6px;
}
.personal-box .wrapper {
    background: #6b6564 url("../img/bg-personal-box.gif") no-repeat bottom left;
    padding: 0 0 6px 0;
}
.personal-box h2 {
    color: #fff !important;
    font: normal 20px/20px Georgia;
    border: 0;
    margin: 0;
    padding: 11px 11px 0 11px;
}
.personal-box p {
    color: #fff !important;
    font: normal 14px/18px Georgia;
    border: 0;
    margin: 0;
    padding: 0 11px 7px;
}
.personal-box a {
    background: url("../img/bg-personal-a.gif") no-repeat top left;
    font: 12px/29px Arial;
    color: #fff !important;
    text-decoration: none;
    height: 29px;
    display: block;
    padding: 0 0 0 27px;
}
.personal-box a:hover {
    text-decoration: underline;
}
.show,
.special {
    padding: 0;

}
.item {
    list-style-type: none;
    clear: both;
    margin-bottom: 20px;

}
.item img {
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 10px;

}
.show .item img {
    float: left;
    width: 218px;
    margin: 0 10px 5px 0;
    height: auto;

}
/* added a bit of bottom margin so the box didn't collapse up against the image */
*+html .item div {
    float: left;
    width: auto;

}
.module-defined .item img,
.special .item img {
    padding: 4px;
    border: 1px solid #cdcdcd;
    margin-bottom: 5px;
    background-color: #fff;

}
.type6-slides-class .item img {
    padding: 4px;
    border: 1px solid #cdcdcd;
    margin-bottom: 5px;
    background-color: #fff;
    width: 133px;
}
#appointments {
    background: transparent url("../img/bg-appt.gif") no-repeat 14px 93%;

}
#appointments p {
    padding-left: 12px;
    padding-right: 12px;
}
.patients,
.physicians {
    padding: 8px 8px 12px 8px;
    float: left;
    width: 184px;
    margin-left: 12px;
    margin-bottom: 12px;
}
#appointments .patients p,
#appointments .physicians p {
    padding: 0;

}
.patients {
    margin-right: 5px;

}
.rail-box,
.pub-box {
    background-color: #fff;
    padding-bottom: 1px;

}
.pub-box img {
    margin-top: -2px;
    margin-left: -1px;

}
.pub-box img,
.pub-box ul {
    margin-bottom: 15px;

}
.rail-box img {
    float: left;
    width: 45px;
    height: 45px;
    padding: 3px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
}
.pic-box img {
    width: auto;
    float: none;

}
.pic-box a img {
    border: none;

}
/* .rail-box h2 { font-weight: bold; } */
.rail-box h2 {
    padding: 8px;

}
.rail-box h2.online,
.rail-box h2.contact,
.cch .rail-box h2.online,
.cch .rail-box h2.contact {
    color: #fff;
    background: transparent url("../img/bg-hdr-online.gif") no-repeat 0 0;
    padding: 8px 12px 25px;
    margin: -2px 0 0 0px;
    width: 246px;
    border-bottom: none;
}
.rail-box h2.contact {
    background-image: url("../img/bg-hdr-contact.png");
    height: 87px;
}
.cch .rail-box h2.contact {
    background-image: url("../img/bg-cch-hdr-contact.png");

}
.cch .rail-box h2.online {
    background-image: url("../img/bg-cch-hdr-online.png");

}
.rail-box h2.alpha {
    background-image: url("../img/bg-hdr-alpha.png");
    height: 79px;
    background-repeat: no-repeat;
    color: #fff;
    border-bottom: none;
}
.rail-box h2.type13-header {
    background: transparent url("../img/bg-hdr-type13box.png") no-repeat 0 0;
    border-bottom: none;
    height: auto;
    margin-bottom: 0;
    color: #fff;
}
body.cch img.logo {
    margin: -3px 0 0 -5px;

}
#content-col2 #alpha.rail-box,
#content-col2 #online.rail-box,
#content-col2 #contact.rail-box {
    padding: 0;
    margin: 0 0 15px;
    width: 246px;

}
#content-col2 .rail-box-content {
    padding: 8px;

}
#contact .rail-box-content,
#alpha .rail-box-content {
    margin-top: -70px;

}
/*This rule requested commented out by Josh on 8/28/13. It adds superfluous vertical space */
/*.extra #col1 h2,
.extra #col2 h2 {
    margin-top: 25px;

}*/
.extra #col1.pubs > h2:first-child,
.extra #col2.pubs > h2:first-child,
.extra #col2 div.block h2 {
    margin-top: 0;

}
h3.event-link {
    font-size: 18px;
    font-weight: normal;
    margin: 12px 0 0;
}
h3.listhead {
    padding: 0 0 0 8px;

}
.education h3.listhead {
    color: #165788;

}
ul + h3.listhead {
    border-top: 1px dotted #cdcdcd;
    padding-top: 15px;
}
h3.title {
    font-size: 18px;
    border-bottom: none;
    padding-bottom: 0;
    font-weight: normal;
}
h3.title a {
    text-decoration: none;

}
h3.title a:hover {
    text-decoration: underline;

}
.enterprise h3 {
    color: #000;
    margin-bottom: 0;

}
.education h3 {
    color: #000;

}
#grid ul.media h3 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    border-bottom: 1px solid #cdcdcd;
    margin-left: 0;
    padding-left: 20px;
}
#grid ul.media h3.video {
    padding-left: 25px;

}
/* #content-wrapper .special ul, */
#grid #content #content-wrapper ul.link-grid,
#content-wrapper .module ul,
#content-wrapper div#progs-and-courses.special ul {
    padding-left: 8px;

}
#grid #content-wrapper .module .group ul {
    padding-left: 3px;

}
blockquote.quote {
    font-style: italic;
    margin-left: 0;
    padding-left: 0;
}
.education blockquote.quote {
    color: #165788;

}
.patient blockquote.quote {
    color: #4a7630;

}
.enterprise blockquote.quote {
    color: #000;

}
.show h2,
.special h2,
.module h2,
.module-defined h2 {
    padding: 5px 0 7px 11px;
    margin-bottom: 10px;
}
.patient h2,
#sitemap .patient h2 {
    color: #4a7630;

}
.enterprise h2 {
    color: #000;

}
#grid #content #opportunities h2,
#grid #content #programs h2 {
    margin-top: 5px;
    margin-bottom: 0;

}
.education h2,
.education #col1 h2,
.education #col2 h2 {
    color: #165788;
    margin-top: 3px;

}
.education h2 {
    margin-top: 0;

}
#related-news h2 {
    margin-bottom: 0;

}
p.lead {
    margin-top: 5px;
    padding: 15px 0;
    border: 1px solid #cdcdcd;
    border-right: none;
    border-left: none;
    font-size: 14px;
}
p.lead + p.lead {
    border: none;

}
p.intro + h2.step {
    margin-top: 0;

}
h2.step {
    margin-top: 25px;
    margin-bottom: 12px;
    padding-left: 100px;
    padding-top: 2px;
    background-image: url("../img/bg-hdr-steps.gif");
    background-repeat: no-repeat;
    background-color: transparent;
}
h2.step1 {
    background-position: 0 -1px;

}
h2.step2 {
    background-position: 0 -98px;

}
h2.step3 {
    background-position: 0 -200px;

}
h2.step4 {
    background-position: 0 -321px;

}
.extra #col1 {
    margin-right: 12px;

}
.extra #content-wrapper #col1 ul,
.extra #content-wrapper #col2 ul {
    margin-left: 0;
    padding-left: 0;
}
#prospects {
    padding: 12px 8px;
/* background-color: #c4c3bc; @todo validate moving this doesn't break anything */
    margin-top: 10px;
    margin-bottom: 20px;
    border: none;
}
#prospects img {
    float: left;
    width: 133px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    margin-right: 3px;
    margin-left: 8px;
}
#students-current,
#progs-and-courses {
    margin-top: 8px;
    padding: 0 0 5px 0;

}
#grid #content-wrapper ul.social {
    border-top: 1px dotted #cdcdcd;
    padding: 8px 0 0;
    margin: 9px auto 0;
    list-style-type: none;
    width: 317px;
}
#content-wrapper ul.social li {
    float: left;
    width: auto;
    background-image: none;
    padding-left: 0;
    padding-right: 5px;
    margin-left: 0;
}
#content-wrapper ul.social li:last-child {
    padding-right: 0;

}
div.pic-quote img {
    float: left;
    width: 209px;
    border: 1px solid #cdcdcd;
    margin-right: 12px;
}
div.pic-quote p {
    margin-top: 20px;

}
#content ul.link-grid li {
    float: left;
    width: 46%;

}
#content .vert-tabs ul.link-grid {
    margin-top: 15px;

}
#content ul.link-grid li.pull-link {
    margin-left: 48.5%;
    background-image: none;
    padding-top: 12px;

}
#overlay {
    position:fixed !important;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    /*background-color:#000; suppressed to prevent screen from dimming */
    z-index:15;
    -moz-opacity: .50;
    -ms-filter: "";
/* ie8 although we're not supporting it except in ie7compat mode */
    filter: alpha(opacity=50);
    opacity: .50;
}
p.access-label {
    position: absolute;
    top: 0;
    left: -9999px;

}
.col1,
.col2 {
    float: left;
    width: 46%;
}
.col1 {
    margin: 0 12px 8px;

}
.col2 {
    padding-right: 15px;

}
.slideimg {
    padding: 4px;
    border: 1px solid #cdcdcd;
    margin: 8px 12px 8px 4px;
    float: left;
}
.type3-slides h2 {
    background-color: #fff;

}
.type3-slides h3 {
    margin: 15px 0 12px 0;
    color: #165788;
}
p.pub a {
    padding-right: 15px;
    color: #000;
    background: transparent url("../img/bg-publink.gif") no-repeat right center;
}
p.date {
    color: #165788;

}
#career-fairs p.date {
    color: #405e6f;
    text-transform: uppercase;
    font-size: 11px;

}
div.box {
    padding: 8px;
    border: 1px solid #cdcdcd;
    margin: 3px 8px 12px;

}
.cch #tab-gui div.box {
    margin: 0;
    border-top: none;

}
.cch #tab-gui div.box img {
    padding: 4px;
    border: 1px solid #cdcdcd;
    float: left;
    width: auto;

}
.cch #tab-gui div.column {
    float: left;
    width: 47%;
    margin-left: 8px;

}
.cch #tab-gui {
    border-top: 1px solid #cdcdcd;

}
img.basic {
    float: left;
    width: auto;
    padding: 4px;
    border: 1px solid #cdcdcd;
    margin: 0 12px 8px 0;
}
p.credit {
    color: #165788;

}
#related-news li {
    padding-left: 33px !important;
}
#related-news li a,
li.item p.link-aside a,
ul.media h3,
a.video,
a.page,
a.audio,
.cch #content-banner div.buffer a.video {
    margin-left: -20px;
    padding-left: 21px;
/* @workaround  ie7 with padding/margin equal doesn't work... don't ask me */
    background: transparent url("../img/icons.gif") no-repeat 0 0;
}
li.item p.link-aside a {
    margin-left: 0;

}
/* bug B-78; the icons were appearing outside the UL 'box' due to the default negative margin */
ul.newslist a.video,
ul.newslist a.page,
ul.newslist a.audio {
    margin-left: 0;
    _display: block;
}
a.page,
#related-news li a.page,
li.item p.link-aside a.page,
.cch #content-banner div.buffer a.page {
    background-position: 0 -62px;

}
ul.media h3.page {
    background-position: 1px -60px;

}
a.video,
#related-news li a.video,
p.link-aside a.video,
.cch #content-banner div.buffer a.video {
    background-position: 0 -121px;

}
ul.media h3.video {
    background-position: 1px -117px;

}
a.audio,
#related-news li a.audio,
li.item p.link-aside a.audio,
.cch #content-banner div.buffer a.audio {
    background-position: 0 0;

}
ul.media h3.audio {
    background-position: 1px 2px;

}
p.bnr-phone-label {
    margin-bottom: 0;

}
p.bnr-phone {
    font-size: 24px;
    color: #41825c;
    margin: 0 0 12px;
}
.cch p.bnr-phone {
    color: #67327e;

}
form {
    position: relative;

}
form label.access-label {
    position: absolute;
    text-indent: -9000px;

}
form.rail-form input {
    border: 1px solid #cdcdcd;

}
form.rail-form input.img {
    border: none;
    vertical-align: middle;
    *vertical-align: text-bottom;
}
#resource-box h2 {
    margin-bottom: 0;

}
p.view-all {
    border-top: 1px solid #cdcdcd;
    padding: 8px 0 8px 15px;
    margin-bottom: 4px;
}
*+html p.view-all {
    margin-bottom: 0;

}
* html p.view-all {
    margin-bottom: 0;

}

.type5-slides-class p.view-all-button {
    float: left;
    width: 165px;
    text-align: right;
    position: absolute;
    top: 28px;
    right: 23px;
}
p.view-all-button a {
    background: transparent url("../img/bg-btn.png") no-repeat 80% 0;
    padding: 2px 35px 2px 20px;
    text-decoration: none;
    display: block;
    width: 145px;
}
p.view-all-button a:hover {
    text-decoration: underline;

}
*+html p.view-all-button {
    top: 27px;
}
* html p.view-all-button {
    right: -12px;
    top: 32px;
}
div.scroller {
    height: 200px;
    overflow-y: scroll;
    padding: 8px;
    border: 1px solid #cdcdcd;
    margin-top: 12px;
}
*+html div.scroller {
    margin-top: 30px;

}
div.scroller li {
    padding: 4px;

}
div.generic {
    border: none;
    padding: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}
div.generic img {
    float: left;
    padding: 4px;
    border: 1px solid #cdcdcd;
    margin-right: 12px;
    margin-bottom: 12px;
}
.extra #col1 div.generic h2,
.extra #col2 div.generic h2 {
    border-bottom: none;
    margin: 0 0 5px;
    padding: 0;
}
/*
  *
  * @section        rounded corner boxes for grids
  * @note       relies on "jquery.na.cornerme.js" script for different types of boxes
  To create / modify boxes:
  div.corner        = all 4 corners
  div.side      = 2 sides; right/left
  div.right         = right side
  div.left      = left side
  div.top-left  = top left corner
  div.top-right     = top right corner
  div.bottom-right= bottom right corner
  div.bottom-left = bottom left corner
  div.top-bottom    = top/bottom (always a fixed width if used for end caps)
  right, left = width matches -left, -right
  corners = width matches -left, -right;
  height matches -top, -bottom
 */
/* CODE FOR CORNERS STARTS HERE */
/* @note type1 (homepage specific) */
.type1 .cap {
    height: 6px;
    width: 960px;
    z-index: 10;

}
.type1 .cap-top {
    position: absolute;
    overflow: hidden;
/* ie6 */
    top: 0;
    left: 0;
    margin-top: 0;
    background: transparent url("../img/bg-home-boxcaps.gif") no-repeat 0 0;
}
.type1 .cap-bottom {
    position: absolute;
    overflow: hidden;
/* ie6 */
    bottom: -6px;
    left: 0;
    margin-bottom: 0;
    background: transparent url("../img/bg-home-boxcaps.gif") no-repeat 0 -9px;
}
/*
   @TODO review all these widths - these overrides shouldn't
  be necessary; nesting is causing serious issues - see defect #1992
 */
#content-wrapper.type3 > div.top-left,
#content-wrapper.type3 > div.bottom-left,
#content-highlights.type2 > div.top-left,
#content-highlights.type2 > div.bottom-left,
.section #content-highlights.type3 > div.top-left,
.section #content-highlights.type3 > div.bottom-left,
.section #content-resources.type3 > div.top-left,
.section #content-resources.type3 > div.bottom-left,
.section #content-related.type3 > div.top-left,
.section #content-related.type3 > div.bottom-left,
#content-highlight-inner.type3 > div.top-left,
#content-highlight-inner.type3 > div.bottom-left,
#site-info.type3 > div.top-left,
#site-info.type3 > div.bottom-left,
#site-info-inner.type4 > div.top-left,
#site-info-inner.type4 > div.bottom-left {
    width: 930px;

}
.cch #content-highlight-inner.type3 > div.top-left,
.cch #content-highlight-inner.type3 > div.bottom-left {
    width: 684px;

}
.cch #content-highlights.type2 > div.top-left,
.cch #content-highlights.type2 > div.bottom-left {
    width: 684px;

}
#grid #content-wrapper div.type4 div.top-left,
#grid #content-wrapper div.type4 div.bottom-left {
    width: 431px;

}
.section #grid #content-wrapper div.type4 div.top-left,
.section #grid #content-wrapper div.type4 div.bottom-left,
.home #grid #content-wrapper div.type4 div.top-left,
.home #grid #content-wrapper div.type4 div.bottom-left {
    width: 100%;

}
.extra #grid #content-banner.type4 div.top-left,
.extra #grid #content-banner.type4 div.bottom-left {
    width: 693px;

}
.extra #grid #col1 .type4 div.top-left,
.extra #grid #col1 .type4 div.bottom-left,
.extra #grid #col2 .type4 div.top-left,
.extra #grid #col2 .type4 div.bottom-left {
    width: 330px;

}
#content-col2 div.type3 > div.top-left,
#content-col2 div.type3 > div.bottom-left {
    width: 236px;

}
#grid #content-wrapper #prospects.type3 div.top-left,
#grid #content-wrapper #prospects.type3 div.bottom-left {
    width: 323px;
}
#grid #pub-show.type3 div.top-left,
#grid #pub-show.type3 div.bottom-left {
    width: 307px;
}
/* @TODO these child selectors need new classes created and assigned for IE6 */
.type2 > div.top-left {
    height: 6px;
    top: -4px;
    left: 0;
    background-image: url("../img/corner-box-t2.png");
}
.type2 > div.top-right {
    height: 6px;
    top: -4px;
    right: 0;
    background-image: url("../img/corner-box-t2.png");
}
.type2 > div.bottom-right {
    height: 6px;
    bottom: -4px;
    right: 0;
    background-image: url("../img/corner-box-t2.png");
}
.type2 > div.bottom-left {
    height: 6px;
    bottom: -4px;
    left: 0;
    background-image: url("../img/corner-box-t2.png");
}
/* @note type3 (white rounded png) */
.type3 {
    background-color: #fff;

}
.type3 > div.top-left {
    height: 3px;
    top: -3px;
    left: 0;
    background-image: url("../img/corner-box-t3.png");
}
.enterprise #content-col2 .type3 > div.top-left {
    left: -1px;

}
.type3 > div.top-right {
    height: 3px;
    top: -3px;
    right: 0;
    background-image: url("../img/corner-box-t3.png");
}
.enterprise #content-col2 .type3 > div.top-right {
    right: -1px;

}
.type3 > div.bottom-right {
    height: 3px;
    bottom: -3px;
    right: 0;
    background-image: url("../img/corner-box-t3.png");
}
.enterprise .type3 > div.bottom-right {
    right: -1px;

}
.type3 > div.bottom-left {
    height: 3px;
    bottom: -3px;
    left: 0;
    background-image: url("../img/corner-box-t3.png");
}
.enterprise #content-col2 .type3 > div.bottom-left {
    left: -1px;

}
/* @Note type4 (gray lines transparent png border WHITE FILL) */
.type4 > div.top-left {
    height: 3px;
    top: -3px;
    left: -1px;
    background-image: url("../img/corner-box-t4.png");
}
.type4 > div.top-right {
    height: 3px;
    top: -3px;
    right: -1px;
    background-image: url("../img/corner-box-t4.png");
}
.type4 > div.bottom-right {
    height: 3px;
    bottom: -3px;
    right: -1px;
    background-image: url("../img/corner-box-t4.png");
}
.type4 > div.bottom-left {
    height: 3px;
    bottom: -3px;
    left: -1px;
    background-image: url("../img/corner-box-t4.png");
}
/* @Note type6 (light gray transparent png border) */
.type6 > div.top-left {
    height: 3px;
    top: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t6.png");
    width: 242px;
/* @todo: change this */
}
.type6 > div.top-right {
    height: 3px;
    top: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t6.png");
}
.type6 > div.bottom-right,
.type8 > div.bottom-right {
    height: 3px;
    bottom: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t6.png");
}
.type6 > div.bottom-left,
.type8 > div.bottom-left {
    height: 3px;
    bottom: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t6.png");
}
/* @Note type9 (solid, dark rounded patient care green tops) */
.type9 > div.top-left {
    height: 4px;
    top: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t9.png");
/* width: 100%; */
}
/*
  .section #patient-care.type9 div.top-left,
  .section #patient-care.type9 div.bottom-left { width: 307px !important; }
 */
.type9 > div.top-right {
    height: 4px;
    top: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t9.png");
}
.type9 > div.bottom-right {
    height: 3px;
    bottom: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t9.png");
}
.type9 > div.bottom-left {
    height: 3px;
    bottom: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t9.png");
}
/* @Note type10 (rounded solid bottom-only white) */
.type10 > div.bottom-right {
    height: 3px;
    bottom: -3px;
    right: -1px;
    background-image: url("../img/corner-box-t3.png");
}
.type10 > div.bottom-left {
    height: 3px;
    bottom: -3px;
    left: -1px;
    background-image: url("../img/corner-box-t3.png");
}
#online.type10 > div.bottom-left {
    left: 0;

}
/* no border */
#online.type10 > div.bottom-right {
    right: 0;

}
/* no border */
.enterprise #content-wrapper.type10 > div.bottom-left {
    left: 0;
    width: 930px;

}
.enterprise #content-wrapper.type10 > div.bottom-right {
    right: 0;

}
/* type11 light blue inside gray border */
/* type12 light gray inside gray border */
/* type13 white bottom on gray (sidebar headers like contact) */
/*
  .section #research-info.type13 div.top-left,
  .section #research-info.type13 div.bottom-left { width: 307px !important; }
 */
.type13 > div.bottom-right {
    height: 3px;
    bottom: -3px;
    right: 0;
    background-image: url("../img/corner-box-t3.png");
}
.type13 > div.bottom-left {
    height: 3px;
    bottom: -3px;
    left: 0;
    background-image: url("../img/corner-box-t3.png");
}
/* type14 is a replacement for type5 */
*+html .type14 {
    padding-top: 12px;

}
* html .type14 {
    padding-top: 12px;

}
.type14 > .corner {
    width: 30px;
    height: 5px;
}
.type14 > .top-left {
    background-image: url("../img/corner-box-t14.gif");
    top: 0;
    left: 0;
}
.type14 > .top-right {
    background-image: url("../img/corner-box-t14.gif");
    top: 0;
    right: 0;
}
.type14 > .bottom-left {
    background-image: url("../img/corner-box-t14.gif");
    bottom: 0;
    left: 0;
}
.type14 > .bottom-right {
    background-image: url("../img/corner-box-t14.gif");
    bottom: 0;
    right: 0;
}
/* @Note type9 (solid, dark rounded patient care green tops) */
.type15 > div.top-left {
    height: 4px;
    top: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t15.png");
/* width: 100%; */
}
/*
  .section #patient-care.type15 div.top-left,
  .section #patient-care.type15 div.bottom-left { width: 307px !important; }
 */
.type15 > div.top-right {
    height: 4px;
    top: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t15.png");
}
.type15 > div.bottom-right {
    height: 3px;
    bottom: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t15.png");
}
.type15 > div.bottom-left {
    height: 3px;
    bottom: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t15.png");
}
/* type16 is a replacement for type16 */
.type16 {
    border: none;
    padding: 8px;
    background-color: #bdd5e3;

}
*+html .type16 {
    padding-top: 12px;

}
* html .type16 {
    padding-top: 12px;

}
.type16 > .corner {
    width: 30px;
    height: 5px;
}
.type16 > .top-left {
    background-image: url(../img/corner-box-t16.gif);
    top: 0;
    left: 0;
}
.type16 > .top-right {
    background-image: url(../img/corner-box-t16.gif);
    top: 0;
    right: 0;
}
.type16 > .bottom-left {
    background-image: url(../img/corner-box-t16.gif);
    bottom: 0;
    left: 0;
}
.type16 > .bottom-right {
    background-image: url(../img/corner-box-t16.gif);
    bottom: 0;
    right: 0;
}
/* @Note type17 (rounded white bottom bright red gradient on top) */
.type17 > div.top-left {
    height: 4px;
    top: -1px;
    left: -1px;
    background-image: url("../img/corner-box-t17.png");
}
.type17 > div.top-right {
    height: 4px;
    top: -1px;
    right: -1px;
    background-image: url("../img/corner-box-t17.png");
}
.type17 > div.bottom-right {
    height: 4px;
    bottom: -3px;
    right: -1px;
    background-image: url("../img/corner-box-t17.png");
}
.type17 > div.bottom-left {
    height: 4px;
    bottom: -3px;
    left: -1px;
    background-image: url("../img/corner-box-t17.png");
}
/* @Note type18 (rounded white bottom bright purple gradient top) */
.type18 > div.top-left {
    height: 4px;
    top: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t18.png");
}
.type18 > div.top-right {
    height: 4px;
    top: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t18.png");
}
.type18 > div.bottom-right {
    height: 3px;
    bottom: -2px;
    right: -1px;
    background-image: url("../img/corner-box-t18.png");
}
.type18 > div.bottom-left {
    height: 3px;
    bottom: -2px;
    left: -1px;
    background-image: url("../img/corner-box-t18.png");
}
/* type400 is a replacement for type4 */
.type400 {
    border: 1px solid #cdcdcd;

}
.type400 .corner {
    width: 30px;
    height: 5px;
}
.type400 .top-left {
    background-image: url(../img/corner-box-t400.png);
    top: -1px;
    left: -1px;
}
.type400 .top-right {
    background-image: url(../img/corner-box-t400.png);
    top: -1px;
    right: -1px;
}
.type400 .bottom-left {
    background-image: url(../img/corner-box-t400.png);
    bottom: -1px;
    left: -1px;
}
.type400 .bottom-right {
    background-image: url(../img/corner-box-t400.png);
    bottom: -1px;
    right: -1px;
}
/* type500 is a replacement for type5 */
.type500 {
    border: none;
    padding: 8px;
    background-color: #c4c3bc;

}
*+html .type500 {
    padding-top: 12px;

}
* html .type500 {
    padding-top: 12px;

}
.type500 > .corner {
    width: 30px;
    height: 5px;
}
.type500 > .top-left {
    background-image: url(../img/corner-box-t500.gif);
    top: 0;
    left: 0;
}
.type500 > .top-right {
    background-image: url(../img/corner-box-t500.gif);
    top: 0;
    right: 0;
}
.type500 > .bottom-left {
    background-image: url(../img/corner-box-t500.gif);
    bottom: 0;
    left: 0;
}
.type500 > .bottom-right {
    background-image: url(../img/corner-box-t500.gif);
    bottom: 0;
    right: 0;
}
/* @TODO: what follows is "canned" code, need to determine what is needed, and what is not! */
div.corner,
div.side {
    position: absolute;
    width: 24px;
    height: 15px;
}
div.side {
    width: 12px;
    height: 100%;

}
div.top-bottom {
    height: 15px;
/* width: 100%; */
    width: 99%;
}
div.top-left {
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    top: -15px;
    left: -12px;
/* background-image: url("box.png"); */
}
div.top-right {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 100% 0;
    top: -15px;
    right: -12px;
/* background-image: url("box.png"); */
}
div.right {
    position: absolute;
    background-color: transparent;
    background-repeat: repeat-y;
    background-position: 100% 0;
    top: 0;
    right: -12px;
/* background-image: url("borders.png"); */
}
div.bottom-right {
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    bottom: -15px;
    right: -12px;
/* background-image: url("box.png"); */
}
div.bottom-left {
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 100%;
    bottom: -15px;
    left: -12px;
/* background-image: url("box.png"); */
}
div.left {
    position: absolute;
    background-color: transparent;
    background-repeat: repeat-y;
/* background-image: url("borders.png"); */
    background-position: 0 100%;
    top: 0;
    left: -12px;
}
/* @note    end cap, fixed width boxes */
.cap {
    height: 9px;
    width: 430px;
    z-index: 10;
}
.cap-top {
    position: absolute;
    overflow: hidden;
/* ie6 */
    top: 0;
    left: -1px;
    margin-top: 0;
/* background: transparent url("white-caps.gif") no-repeat 0 0; */
}
.cap-bottom {
    position: absolute;
    overflow: hidden;
/* ie6 */
    bottom: -9px;
    left: -1px;
    margin-bottom: 0;
/* background: transparent url("white-caps.gif") no-repeat 0 -9px; */
}
/* @note    example changing out default classes with parent context class, ".thisBox" */
/*
  .thisBox div.corner {
  width: 15px;
  height: 15px;
  }
  .thisBox div.side { width: 12px; height: 100%; }
  .thisBox div.top-left {
  top: -2px;
  left: -2px;
  background-image: url("fine-border.png");
  }
  .thisBox div.top-right {
  top: -2px;
  right: -2px;
  background-image: url("fine-border.png");
  }
  .thisBox div.right {
  top: 0;
  right: -2px;
  background-image: none;
  }
  .thisBox div.bottom-right {
  bottom: -2px;
  right: -2px;
  background-image: url("fine-border.png");
  }
  .thisBox div.bottom-left {
  bottom: -2px;
  left: -2px;
  background-image: url("fine-border.png");
  }
  .thisBox div.left {
  background-image: none;
  top: 0;
  left: -2px;
  }
 */
/*
  *
  * @section        slideshows!!
  * @note       default slide show classes; may be replaced
  *
 */
.slideContainer {
    position: relative;
    top: 0px;
    left: 0px;

}
.slidesWrapper {
    width: 320px;
    overflow: hidden;

}
.slideClass {
    list-style: none;
    width: 9000px;

}
.slideClass li {
    float: left;
    width: 318px;
    border: 1px solid #999;

}
.slideButtons {
    position: absolute;
    top: 220px;
    left: 400px;

}
.slideIndex {
    clear: both;
    position: absolute;
    top: 200px;
    left: 400px;

}
/* @note    type1 basic, single-slide showing, in-content slide show */
.type1-slides-container {
    position: relative;
    top: 0;
    left: 0;

}
.type6-slides-container {
    position: relative;
    top: 0;
    left: 0;

}
.type1-slides-wrapper {
    width: 447px;
    overflow: hidden;

}
.type1-slides-wrapper h2 {
    margin-bottom: 5px;

}
.type6-slides-wrapper {
    width: 349px;
    overflow: hidden;

}
.type6-slides-wrapper h2 {
    margin-bottom: 5px;

}
.type1-slides-class {
    list-style-type: none;
    width: 9000px;
    padding: 0;

}
.type6-slides-class {
    list-style-type: none;
    width: 9000px;
    padding: 0;

}
#content-wrapper .type1-slides-class li.item {
    clear: none;
    float: left;
    width: 431px;
    background-image: none;
    padding: 8px;
    margin: 0;

}
#content-wrapper .type6-slides-class li.item {
    clear: none;
    float: left;
    width: 327px;
    background-image: none;
    padding: 8px;
    margin: 0;

}
.type1-slides-class li.item div {
    padding: 0 0 5px 0;
    float: left;
    width: 190px;

}
/* bug B-15; bullets weren't appearing next to the floated image, so the ULs container is being floated. */
.type6-slides-class li.item div {
    padding: 5px 0;

}
/*
  #content-wrapper .type1-slides-index { width: 221px; margin: 0 auto; }
  #content-wrapper .type1-slides-index li { list-style-type: none; display: inline; background-image: none; }
 */
/* #content-wrapper .type1-slides-index a.on { text-decoration: none; font-weight: bold; } */
/*
  #content-wrapper .type1-slides-prev { float: left; background-image: none; }
  #content-wrapper .type1-slides-next { float: right; background-image: none; }
  #content-wrapper .type1-slides-play,
  #content-wrapper .type1-slides-pause { display: none; }
 */
/* @note    type2 basic, single-slide showing in rail */
.type2-slides-container {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 20px;
    margin-bottom: 5px;
    border: none;
    background-color: #fff;

}
.enterprise .type2-slides-container,
#pub-show-wrapper .type2-slides-container {
    margin-top: 4px;

}
.type2-slides-wrapper {
    width: 313px;
    overflow: hidden;

}
.type2-slides-wrapper h2 {
    margin-bottom: 5px;

}
.type2-slides-wrapper h4 {
    margin-top: 15px;

}
.type2-slides-class {
    list-style-type: none;
    width: 9000px;
    padding: 0;

}
#content-wrapper .type2-slides-class li.item,
#content-related .type2-slides-class li.item {
    clear: none;
    float: left;
    width: 290px;
    overflow: visible;
    background-image: none;
    padding: 8px 12px 8px 8px;
    margin: 0;

}
.type2-slides-class li.item div {
    padding: 5px 0;

}
.type2-slides-class li.item img {
    width: 311px;
    height: 57px;
    float: none;
    margin-top: -15px;
    margin-left: -13px;
    border-right: 1px solid #fff;

}
#grid .type2-slides-container ul.slideIndex {
    left: 299px;

}
#cancer-show.type2-slides-container {
    margin-top: 8px;
    border: 1px solid #cdcdcd;

}
#cancer-show .type2-slides-wrapper {
    width: 298px;

}
#grid #cancer-show.type2-slides-container ul.slideIndex {
    left: 255px;
     top: 250px;
     margin-bottom: 0;
     padding-bottom: 0;
}
#pub-show .type2-slides-class li.item {
    width: 293px;

}
#pub-show.type2-slides-class li.item img {
    margin-left: -12px;

}
/* @note    type3 = small in-content (like "how to help" page) */
.type3-slides {
    position: relative;
    margin-bottom: 20px;
    background-color: #f7f5ec;

}
.type3-slides-container {
    background-color: #fff;

}
.type3-slides-wrapper {
    width: 328px;
    height: 165px;
    overflow: hidden;

}
.type3-slides-class {
    list-style-type: none;
    width: 9000px;

}
#content-wrapper .type3-slides-class li {
    clear: none;
    float: left;
    background-image: none;
    padding-left: 0;
    margin-left: 0;
    width: 326px;
    padding-right: 8px;

}
.type3-slides-class p {
    padding-right: 10px;

}
#grid .type3-slides ul.slideIndex {
    top: 89%;
    left: 315px;
    height: 35px;
}
* html #grid .type3-slides ul.slideIndex {
    left: 250px;
    top: 218px;
}
#grid .type3-slides ul.slideIndex li {
    float: left;

}
/* @note    type4 is like on "publications" page where controls at the bottom */
.type4-slides {
    position: relative;
    margin-bottom: 20px;
    background-color: #f7f5ec;

}
.type4-slides-container {
    background-color: #fff;
    padding: 8px;

}
.type4-slides-wrapper {
    width: 275px;
    height: 405px;
    overflow: hidden;

}
.type4-slides-class {
    list-style-type: none;
    width: 9000px;

}
#content-wrapper .type4-slides-class > li {
    clear: none;
    float: left;
    background-image: none;
    padding-left: 0;
    margin-left: 0;
    width: 281px;
    padding-right: 8px;
}
* html #content-wrapper .type4-slides-class li.adjIE {
    clear: none;
    float: left;
    background-image: none;
    padding-left: 0;
    margin-left: 0;
    width: 265px;
    padding-right: 0;
}
* html #content-wrapper .type4-slides-class li.adjIE img {
    margin-right: 0;
    width: 273px !important;

}
.type4-slides-class li.item div {
    padding: 5px 0;

}
.type4-slides-class li.item img {
    float: none;
    border: 1px solid #cdcdcd;
    margin-bottom: 18px;
    height: 214px;
    width: 273px
}
.type4-slides-class p {
    padding-right: 10px;

}
#grid .type4-slides-container ul {
     padding-left: 0
}
#grid .type4-slides-container ul.slideIndex {
    top: 430px;
    left: 278px;
    height: 35px;
}
* html #grid .type4-slides-container ul.slideIndex {
    top: 485px;

}
.type4-slides-container h2 {
    margin: 0;
    padding: 0;
    border-bottom: none;

}
.type4-slides-container .controls {
    height: 37px;
    width: 291px;
    margin-left: -8px;

}
#grid .type4-slides ul.slideIndex li {
    float: left;

}
#grid .type6-slides-container ul.slideIndex {
    left: 330px;
}
/* @note    type5 is like on "publications" page where wide and controls at the top */
.type5-slides {
    position: relative;
    margin-bottom: 20px;
    background-color: #f7f5ec;

}
.type5-slides-container {
    background-color: #fff;
    padding: 8px;
    position: relative;
    height: 120px;
    margin-bottom: 25px;

}
.type5-slides-wrapper {
    width: 558px;
    overflow: hidden;
    height: 113px;

}
.type5-slides-class {
    list-style-type: none;
    width: 9000px;

}
* html .type5-slides-class {
    height: 130px !important;

}
#content-highlights .type5-slides-class > li {
    clear: none;
    float: left;
    background-image: none;
    padding-left: 0;
    margin-left: 0;
    width: 558px;
    padding-right: 8px;

}
#content-highlights .type5-slides-class li.item {
    padding: 8px 8px 0;
    background: transparent url("../img/bg-slide.png") no-repeat left bottom;
    width: 558px;
}
/* bug B-82; additional slide (2-n) weren't showing up because they weren't floated. */
* html #content-highlights .type5-slides-class li.item {
    clear: none;
    float: left;
}
*+html #content-highlights .type5-slides-class li.item {
    padding-bottom: 8px;

}
* html .type5-slides-class li.item img {
    height: 86px;

}
* html #content-highlights .type5-slides-class li.item {
    padding-bottom: 8px;
    float: left;

}
.type5-slides-class li.item div {
    padding: 5px 0 0;
    float: left;
    width: 225px;

}
.type5-slides-class li.item img {
    height: auto;
    float: left;
    width: 130px;
    border: 1px solid #cdcdcd;
    margin-bottom: 8px;

}
.type5-slides-class p {
    padding-right: 10px;

}
#grid .type5-slides-container ul {
    padding-left: 0;

}
#grid #content-highlights .type5-slides-container ul.slideIndex {
    top: 0;
    left: 565px;
    height: 35px;
}
.type5-slides-container cite.h1 {
    margin: 0;

}
.type5-slides-container h4 {
    margin-bottom: 0;

}
.type5-slides-container h4 a {
    font-size: 16px;
    font-weight: normal;

}
/* @note    basic controls for slide shows (generic) */
ul.slide-set > li {
    list-style-type: none;
    padding: 0 8px;

}
.controls {
    height: 30px;
    border-top: 1px solid #cdcdcd;

}
#grid ul.slideIndex {
    padding: 0;
    width: auto;
    top: 10px;
    left: 434px;

}
#grid ul.slideIndex li {
    list-style-type: none;
    display: block;
    float: left;
    width: 13px;
    padding: 0;
    background-image: none;

}
#grid ul.slideIndex a {
    display: block;
    width: 3px;
    height: 5px;
    padding: 5px;
    float: left;
    overflow: hidden;
    text-indent: -100px;
    background: transparent url("../img/bg-slide-dots.gif") no-repeat -6px 5px;
}
#grid ul.slideIndex a.on {
    background-position: 4px 5px;

}
#grid ul.slideButtons,
#grid ul.slideButtons li {
    padding: 0;
    margin: 0;

}
#grid ul.slideButtons {
    width: 300px;
    position: absolute;
    left: 0;

}
#grid ul li.slidePrev,
#grid ul li.slideNext {
    background-image: none;
    list-style-type: none;

}
#grid ul li.slidePrev a,
#grid ul li.slideNext a {
    text-indent: -1000px;
    display: block;
    height: 18px;
    width: 26px;
    background: transparent url("../img/bg-slide-arrows.gif") no-repeat 0 -18px;
    overflow: hidden;
}
#grid ul li.slidePrev a:hover {
    background-position: 0 0;

}
#grid ul li.slideNext a {
    background: transparent url("../img/bg-slide-arrows.gif") no-repeat -26px -18px;
    overflow: hidden;
}
#grid ul li.slideNext a:hover {
    background-position:-26px 0;

}
#grid ul li.slidePlay,
#grid ul li.slidePause {
    display: none;

}
/* @NOTE    content highlights on home page -- slides */
#grid #content-highlights ul.slideIndex {
    top: 25px;
    left: 469px;

}
.highlights-inner {
    overflow: hidden;
    width: 934px;

}
.highlights-inner ul {
    list-style-type: none;
    width: 9000px;

}
.highlights-inner li {
    float: left;
    width: 164px;
    padding: 0 11px 18px;
    border-right: 1px solid #cdcdcd;
    min-height: 263px;
    background-image: none;
}
.cch .highlights-inner li,
.cch .section #content-highlights li {
    width: 206px;
    padding-left: 0;
}
.highlights-inner ul.highlights-list li:hover {
    background: transparent url("../img/bg-highlights.png") repeat-x left bottom;
}
.highlights-inner a {
    text-decoration: none;

}
.highlights-inner a:hover {
    text-decoration: underline;

}
.highlights-inner h1 {
    margin-bottom: 0;
    color: #333;
    font-weight: bold;
    padding: 15px 0 7px 12px;
}
.highlights-inner h2 {
    font-weight: bold;
    color: #165788;
    border-bottom: none;
    padding: 15px 0 0;
    margin: 0 0 8px;
}
.highlights-inner img {
    border: 1px solid #cdcdcd;

}
/*
  @NOTE CCH home page has similar to home page slide show
 */
.cch #grid #content-highlights ul.slideIndex {
    top: 25px;
    left: 680px;

}
.cch .highlights-inner {
    overflow: hidden;
    width: 684px;

}
.cch #content-wrapper .highlights-inner ul {
    list-style-type: none;
    width: 9000px;
    padding-left: 0;

}
.cch #content-wrapper .highlights-inner li {
    float: left;
    width: 206px;
    width: 197px;
    padding: 0 16px 18px;
    border-right: 1px solid #cdcdcd;
    min-height: 263px;
    background-image: none;
}
.cch .highlights-inner ul.highlights-list li:hover {
    background: transparent url("../img/bg-highlights.png") repeat-x left bottom;
}
.cch .highlights-inner a {
    text-decoration: none;

}
.cch .highlights-inner a:hover {
    text-decoration: underline;

}
.cch .highlights-inner h1 {
    margin-bottom: 0;
    color: #A88695;
    font-weight: normal;
    padding: 8px 0  7px 12px;
}
.cch .highlights-inner h2 {
    font-weight: bold;
    border-bottom: none;
    padding: 15px 0 0;
    margin: 0 0 8px;
}
.cch .highlights-inner h2.cch-type1 {
    color: #165788;

}
.cch .highlights-inner h2.cch-type2 {
    color: #e5173f;

}
.cch .highlights-inner h2.cch-type3 {
    color: #3d7c58;

}
.cch .highlights-inner img {
    border: 1px solid #cdcdcd;

}
/*
  *
  * @section        tabbed-UI stuff
  *
 */
/* UI tabs */
.ui-tabs-nav {
/* resets */    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    float: left;
    position: relative;
    z-index: 1;
}
.ui-tabs-nav li {
/* resets */    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    float: left;
    border-right: none;
}
.ui-tabs-nav li a {
/* resets */    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    float: left;
    font-weight: normal;
    text-decoration: none;
    color: #555555;
}
.ui-tabs-nav li a:hover {
    color: #212121;

}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
    background-color: #fff;
    color: #222222;
}
.ui-tabs-panel {
/* resets */    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    clear:left;
    background-color: #fff;
}
.ui-tabs-hide {
    display: none;
/* for accessible hiding: position: absolute; left: -99999999px */;
}
/*
  *
  * @section        tabs specific tabs' styles
  *
 */
#cancer-topics ul.ui-tabs-nav {
    float: left;
    width: 166px;
    font-weight: bold;
    padding-left: 0;
    margin-bottom: 0;
}
#content-wrapper #cancer-topics ul.ui-tabs-nav li {
    display: list-item;
    padding: 0;
    margin: 0;
    background: transparent url("../img/bg-links.gif") repeat-x left bottom;
}
#cancer-topics .ui-tabs-nav li:last-child a,
#cancer-topics .ui-tabs-nav li.last a {
    border-bottom: 1px solid #cdcdcd;

}
#cancer-topics .ui-tabs-nav li a {
    width: 150px;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-right: none;
    padding: 13px 0 13px 15px;
    color: #429765;
    background: transparent url("../img/bg-links-side.png") repeat-y right top;
}
.education #cancer-topics .ui-tabs-nav li a {
    color: #3b7a9e;

}
#cancer-topics .ui-tabs-nav li.ui-tabs-selected a {
    width: 151px;
    color: #4a7630;
    background-image: none;
}
#cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-two"] {
    background: transparent url("../img/bg-vert-tabs-2.gif") repeat-x left bottom;
}
#cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-three"] {
    background: transparent url("../img/bg-vert-tabs-3.gif") repeat-x left bottom;
}
#cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-four"] {
    background: transparent url("../img/bg-vert-tabs.gif") repeat-x left bottom;
}
.education #cancer-topics .ui-tabs-nav li.ui-tabs-selected a {
    color: #165788;

}
.education #cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-two"],
.education #cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-three"] {
    background-image: none;

}
.education #cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-four"] {
    background: transparent url("../img/bg-vert-tabs-2.gif") repeat-x left bottom;
}
.education #cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-five"] {
    background: transparent url("../img/bg-vert-tabs-3.gif") repeat-x left bottom;
}
.education #cancer-topics .ui-tabs-nav li.ui-tabs-selected a[href="#vitem-six"] {
    background: transparent url("../img/bg-vert-tabs.gif") repeat-x left bottom;
}
#cancer-topics .ui-tabs-panel {
    float: left;
    width: 390px;
    padding: 12px;
    border: 1px solid #cdcdcd;
    clear: none;
    min-height: 143px;
}
#cancer-topics .ui-tabs-panel.mozAdj {
    min-height: 141px;

}
#cancer-topics .ui-tabs-panel.mozAdj01 {
    min-height: 140px;

}
.education #cancer-topics .ui-tabs-panel {
    min-height: 223px;

}
.education #cancer-topics .ui-tabs-panel.mozAdj {
    min-height: 227px;

}
/* @note horizontal in-page tabs */
div.h-panel img {
    padding: 4px;
    border: 1px solid #cdcdcd;
    float: left;
    width: 133px;
    margin: 0 12px 12px 0;

}
div.horiz-tabs ul.ui-tabs-nav {
    height: 45px;
    width: 446px;
    list-style-type: none;
    padding: 0 !important;
    background: transparent url("../img/bg-horiz-tabs.png") repeat-x 0 0;
}
.cch div.horiz-tabs ul.ui-tabs-nav {
    background-image: url("../img/bg-cch-horiz-tabs.png");

}
.enterprise div.horiz-tabs ul.ui-tabs-nav {
    background-image: url("../img/bg-horiz-tabs-enterprise.gif");

}
.enterprise #find-resources-inner div.horiz-tabs ul.ui-tabs-nav {
    width: 310px;

}
*+html div.horiz-tabs ul.ui-tabs-nav {
    width: 441px;

}
div.horiz-tabs ul.ui-tabs-nav li {
    width: auto;
    float: left;
    padding: 0 0 0 0 !important;
    background-image: none !important;
    border-left: 1px solid #629145;
    border-right: none;
    margin-top: 3px;
    height: 35px;
}
.cch div.horiz-tabs ul.ui-tabs-nav li {
    border-color: #4cad9a;

}
.enterprise div.horiz-tabs ul.ui-tabs-nav li,
.enterprise div.horiz-tabs ul.ui-tabs-nav li.adj {
    border-color: #928b85;

}
div.horiz-tabs ul.ui-tabs-nav li.adj {
    border-right: 1px solid #618e73;

}
div.horiz-tabs ul.ui-tabs-nav li a {
    color: #fff;
    font-size: 12px;
    padding: 12px 20px 9px 19px;
    padding: 12px 0 9px 1px;
    width: 87px;
    text-align: center;
}
/* @todo: why is the padding so different in IE? */
*+html div.horiz-tabs ul.ui-tabs-nav li a {
    padding: 12px 18px 9px 18px;

}
*+html div.horiz-tabs ul.ui-tabs-nav li a {
    padding: 12px 0 9px 0;

}
* html div.horiz-tabs ul.ui-tabs-nav li a {
    padding: 12px 18px 9px 18px;

}
* html div.horiz-tabs ul.ui-tabs-nav li a {
    padding: 12px 0 9px 0;

}
div.horiz-tabs ul.ui-tabs-nav li:first-child {
    border-left: none;

}
div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected {
    background: transparent url("../img/bg-horiz-tabs-on.png") repeat-x 0 0 !important;
    height: 35px;
    overflow: visible;
    border-left: 1px solid #3b3737;
    border-right: 1px solid #3b3737;
}
.cch div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected {
    background-image: url("../img/bg-cch-horiz-tabs-on.gif") !important;
    border-color: #2c4f69;

}
div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected a:hover {
    color: #fff;

}
div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected a:hover {
    margin-top: 0;
    background: transparent url("../img/bg-horiz-tabs-a-on.png") no-repeat center 35px;
    padding-bottom: 24px;
}
.cch div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.cch div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected a:hover {
    background-image: url("../img/bg-cch-horiz-tabs-a-on.gif");

}
/* @note special gui horizontal tabs */
#tab-gui {
    border-width: 0 1px 1px 1px;
    border-color: #cdcdcd;
    border-style: solid;
    padding: 0 8px 8px;
}
#tab-gui ul.ui-tabs-nav {
    margin-top: -40px;
    margin-left: -9px;
    width: 936px;
    height: 40px;
    background: transparent url("../img/bg-tabs-gui.png") repeat-x left bottom;
}
.cch #tab-gui ul.ui-tabs-nav {
    margin-top: 0;
    width: 333px;

}
#tab-gui ul.ui-tabs-nav li {
    width: 238px;
    height: 34px;
    float: left;
    border: none;
    background: transparent url("../img/bg-tabs-off-gui.png") no-repeat 0 0 !important;
    margin-right: 7px;
    margin-top: 0;
}
.cch #tab-gui ul.ui-tabs-nav li {
    margin-right: 2px;

}
.cch #tab-gui ul.ui-tabs-nav {
    padding-top: 20px;
    margin-bottom: 0;

}
.cch #tab-gui ul.ui-tabs-nav li {
    color: #fff;

}
.cch #tab-gui ul.ui-tabs-nav li.ui-tabs-selected {
    color: #575757;

}
.cch #tab-gui ul.ui-tabs-nav li.first {
    width: 109px;
    background-image: url("../img/bg-tabs-off-gui-cch-one.png") !important;
    margin-top: -1px;
}
/* bug B-57; IE6 can't render multiple classes (can't do li.first.active) */
.cch #tab-gui ul.ui-tabs-nav li.firstOn {
    background-image: url("../img/bg-tabs-on-gui-cch-one.png") !important;
}
.cch #tab-gui ul.ui-tabs-nav li.second {
    width: 128px;
    background-image: url("../img/bg-tabs-off-gui-cch-two.png") !important;
    margin-top: -1px;
}
.cch #tab-gui ul.ui-tabs-nav li.secondOn {
    background-image: url("../img/bg-tabs-on-gui-cch-two.png") !important;
}
.cch #tab-gui ul.ui-tabs-nav li.third {
    width: 90px;
    background-image: url("../img/bg-tabs-off-gui-cch-three.png") !important;
    margin-top: -1px;
}
.cch #tab-gui ul.ui-tabs-nav li.thirdOn {
    background-image: url("../img/bg-tabs-on-gui-cch-three.png") !important;
}
#tab-gui ul.ui-tabs-nav li:first-child,
#tab-gui ul.ui-tabs-nav li.first {
    margin-left: 55px;

}
.cch #tab-gui ul.ui-tabs-nav li:first-child,
.cch #tab-gui ul.ui-tabs-nav li.first {
    margin-left: 0;

}
#tab-gui ul.ui-tabs-nav li a {
    width: 100%;
    padding: 10px 0 15px;
    text-align: center;
}
#tab-gui ul.ui-tabs-nav li.ui-tabs-selected {
    background-image: url("../img/bg-tabs-on-gui.png") !important;

}
#tab-gui ul.ui-tabs-nav li.ui-tabs-selected a {
    color: #575757;
    background-image: none;

}
#tab-gui .h-panel {
    padding-top: 10px;

}
/*
  *
  * @section        font sizes ... will refactor this to combine like sizes
  *
 */
#nav {
    font-size: 11px;

}
#online .mymda a {
    font-size: 11px;

}
.med #online .mymda a {
    font-size: 13px;

}
.large #online .mymda a {
    font-size: 16px;

}
#banner-links a,
#story-link2 {
    font-size: 14px;

}
div.fieldset input[type=text] {
    font-size: 11px;

}
.section #grid #content-highlights h2.label {
    font-size: 20px;

}
.med .section #grid #content-highlights h2.label {
    font-size: 22px;

}
.large .section #grid #content-highlights h2.label {
    font-size: 24px;

}
#site-info-inner ul {
    font-size: 10px;

}
.med #site-info-inner ul {
    font-size: 12px;

}
.large #site-info-inner ul {
    font-size: 14px;

}
#site-info-copy {
    font-size: 10px;

}
.med #site-info-copy {
    font-size: 12px;

}
.large #site-info-copy {
    font-size: 14px;

}
.drill #nav-section li {
    font-size: 12px;

}
.med .drill #nav-section li {
    font-size: 14px;

}
.large .drill #nav-section li {
    font-size: 16px;

}
input,select,textarea {
    font-size: 100%;

}
body {
    font-size: 12px;

}
.med body {
    font-size: 14px;

}
.large body {
    font-size: 16px;

}
h1 {
    font-size: 22px;

}
.med h1 {
    font-size: 24px;

}
.large h1 {
    font-size: 26px;

}
h2 {
    font-size: 18px;

}
.med h2 {
    font-size: 20px;

}
.large h2 {
    font-size: 22px;

}
h3 {
    font-size: 12px;

}
h4 {
    font-size: 12px;

}
.med h3, .med h4 {
    font-size: 14px;

}
.large h3, .large h4 {
    font-size: 16px;

}
/* bug T-B-20; font-size was wrong at .large. */
#content {
    font-size: 12px;

}
.med #content {
    font-size: 14px;

}
.large #content {
    font-size: 16px;

}
.home #content-col1 h1,
.home #content-col2 h1,
.home #content-col1 h2,
.home #content-col2 h2 {
    font-size: 20px;

}
.med .home #content-col1 h1,
.med .home #content-col2 h1,
.med .home #content-col1 h2,
.med .home #content-col2 h2 {
    font-size: 22px;

}
.large .home #content-col1 h1,
.large .home #content-col2 h1,
.large .home #content-col1 h2,
.large .home #content-col2 h2 {
    font-size: 24px;

}
.home #content-col1 h2,
.home #content-col2 h2,
.section #content-col1 h2,
.section #content-col2 h2 {
    font-size: 17px;

}
.med .home #content-col1 h2,
.med .home #content-col2 h2,
.med .section #content-col1 h2,
.med .section #content-col2 h2 {
    font-size: 19px;

}
.large .home #content-col1 h2,
.large .home #content-col2 h2,
.large .section #content-col1 h2,
.large .section #content-col2 h2 {
    font-size: 21px;

}
.enterprise #content-wrapper .module-articles ul.newslist li,
#content-wrapper ul.newslist li {
    font-size: 12px;

}
.med .enterprise #content-wrapper .module-articles ul.newslist li,
.med #content-wrapper ul.newslist li {
    font-size: 14px;

}
.large .enterprise #content-wrapper .module-articles ul.newslist li,
.large #content-wrapper ul.newslist li {
    font-size: 16px;

}
#content-banner {
    font-size: 14px;

}
.med #content-banner {
    font-size: 16px;

}
.large #content-banner {
    font-size: 18px;

}
#cancer-types li {
    font-size: 18px;

}
.med #cancer-types li {
    font-size: 20px;

}
.large #cancer-types li {
    font-size: 22px;

}
#cancer-types.on p.hider {
    font-size: 10px;

}
.med #cancer-types.on p.hider {
    font-size: 12px;

}
.large #cancer-types.on p.hider {
    font-size: 14px;

}
#glossary ul li {
    font-size: 15px;

}
.med #glossary ul li {
    font-size: 17px;

}
.large #glossary ul li {
    font-size: 19px;

}
/*
  .rail-box h2 { font-size: 14px; }
  .med .rail-box h2 { font-size: 16px; }
  .large .rail-box h2 { font-size: 18px; }
 */
blockquote.quote {
    font-size: 16px;

}
.med blockquote.quote {
    font-size: 18px;

}
.large blockquote.quote {
    font-size: 20px;

}
.highlights-inner h1 {
    font-size: 20px;

}
.med .highlights-inner h1 {
    font-size: 22px;

}
.large .highlights-inner h1 {
    font-size: 24px;

}
.highlights-inner h2 {
    font-size: 12px;

}
.med .highlights-inner h2 {
    font-size: 14px;

}
.large .highlights-inner h2 {
    font-size: 16px;

}
p.intro {
    font-size: 14px;

}
.med p.intro {
    font-size: 16px;

}
.large p.intro {
    font-size: 18px;

}
/*
  *
  * @section        hacks: these chunks of code are highly browser
  specific, usually targeted at IE6
  *
 */
* html #nav-language {
    width: 450px;

}
/* @workaround: main navigation is a trainwreck in IE6 */
* html #nav-main li {
    white-space: nowrap;

}
* html #nav-main li.nav0 {
    width: 160px;

}
* html #nav-main li.nav1 {
    width: 195px;

}
* html #nav-main li.nav2 {
    width: 125px;

}
* html #nav-main li.nav3 {
    width: 200px;

}
* html #nav-main li.nav4 {
    width: 45px;

}
* html #nav-main li.nav5 {
    width: 220px;

}
* html #nav-main li.nav6 {
    width: 110px;

}
* html #nav-main li.nav7 {
    width: 195px;

}
* html #nav-main li.nav8 {
    width: 225px;

}
* html #nav-main li.nav9 {
    width: 95px;

}
* html #nav-main ul {
    position: absolute;
    left: 0;
    top: 24px;
    overflow: hidden;
     height: 35px
}
* html #nav-main #nav-education ul {
    left: 318px;

}
* html #content-resources ul.ui-tabs-nav {
    margin-left: -5px;

}
* html .section .col1 {
    width: 273px !important;

}
/* @note    boxes have no top/bottom borders in IE6 */
* html div.type4 {
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
* html #search-programs p.controls {
    width: 100%;
    border-top: none;

}
* html #content-banner div.buffer p {
    margin-bottom: 0;

}
* html #online h2.online,
* html #contact h2.contact {
    width: 220px !important;

}
* html .type1-slides-class li.item img {
     height: 175px
}
* html div.horiz-tabs ul.ui-tabs-nav li.ui-tabs-selected {
    border: none;

}
* html ul.controls {
    height: 0;

}
* html ul.controls li.prev {
    width: 132px;
    left: 20px;

}
* html ul.controls li.next {
    width: 115px;
    right: 20px;

}
* html #event-form {
    top: 15px;

}
* html table.events-month {
    margin-top: 0;

}
* html #publication-show {
    padding-right: 0;
    margin-right: 12px;

}
* html .events #publication-show {
    margin-right: 0;

}
/*
   @workaround: some floated elements need display
  inline in ie6 to fix a double-margin bug
 */
* html #content-col1,
* html #content-col2,
* html #clinics,
* html #treatment,
* html #tab-gui ul.ui-tabs-nav li.first,
* html .col1,
* html .col2,
* html .patients,
* html .physicians {
    display: inline !important;

}
/*
   _____ ____  _____ _____ _____        _       _
  |     |    \|  _  |     |     |   ___| |_ _ _| |___ ___
  | | | |  |  |     |   --|   --|  |_ -|  _| | | | -_|_ -|
  |_|_|_|____/|__|__|_____|_____|  |___|_| |_  |_|___|___|
                                           |___|

  NOTE: Styles beyond this point were added by MDACC after Nav Arts stopped their work on this project

 */
/* Matt's styles for content team requested enhancements - revised by Joshua on 5/8/12*/

div.image-caption-left {
   float: left;
   margin-right: 10px;
}

.image-caption-left img {
   display: block;
   padding: 0;
}
div.image-caption-right {
   float: right;
   margin-left: 10px;
}

.image-caption-right img {
   display: block;
   padding: 0;
}

div.image-caption-left p, div.image-caption-right p {
     padding:5px;
     font-size:10px;
     font-weight:normal;
     background:#f1f1f1;
     clear:both;
}

/*
   Matt sez about the style below : "The delievered CSS doesn't include styles to prevent the red bullet from being added to numbered lists.
  The CSS that controls the example below not only needs to be added for the button in Rx, it also needs to be added to the CSS."
 */
#content-wrapper ol li {
    margin-left: 24px;
    padding-left: 0;
    background: none;
}

/* for applications */

.app div.type400 div.buffer {padding: 5px;}
table.form-layout {
    border: 0;
    padding: 3px;
}
table.form-layout th, table.form-layout td {
    border: 0;
    padding: 3px;
    color: #000;
}

/* More Matt styles 3-10-09 */

.subtitle {font-size: 1.25em; margin-top: -10px; padding-bottom: 5px;} /* intended use is a paragraph tag; neg. margin to compensate for overly generous H1 bottom margin */

cite.h1 { margin-top: -10px; margin-bottom: 12px; display: block; color: #000;} /* changes the article citation to purple */


/* CSS for table headers in the education and enterprise sections: */

.education th {color: #fff; background: url("../img/bg-th-education.png") repeat-x top center #264f6f; padding: 10px 12px; border-right: 1px solid #224864; border-left: 1px solid #3a7fb3;}
.enterprise th {color: #fff; background: url("../img/bg-th-enterprise.png") repeat-x top center #6b6764; padding: 10px 12px; border-right: 1px solid #625f5b; border-left: 1px solid #928b85;}

   *+html .patient th,
   *+html .education th,
   *+html .enterprise th  { border: none; }
   * html .patient th,
   * html .education th,
   * html .enterprise th { border: none; }

/*The .education th and .enterprise th are brand new chunks of CSS.  The group after that is already present.  I deleted the patient styles from that group so this is what you should add at the end with the rest: */

       *+html .education th,
       *+html .enterprise th  { border: none; }
       * html .education th,
       * html .enterprise th { border: none; }

/* A box that includes a heading and one column for text/content.*/

.type400 p.type400-p, .type400 p.type-400-p {padding: 0 10px;}
.type400 ul.type400-ul, .type400 ul.type-400-ul {padding: 0 10px;}

/* A box that includes a heading and two columns for text/content.*/

div.shaded-two-col {
    background: transparent url("../img/bg-appt.gif")
    no-repeat 14px 93%;
    }
.type400-two-col {
    padding: 8px 8px 12px 8px;
    float: left;
    width: 184px;
    margin-left: 12px;
    margin-bottom: 12px;
    }

/* Box that is shaded. */

div.shaded-one-col {background: #f4f8fb;}

/*Two column lists floating next to each other.*/

div.generic ul.go-left {
    float: left;
    padding: 4px 4px 4px 0;
    margin: 0 12px 12px 0;
    width: 200px;
    }
div.generic ul.go-right {
    float: right;
    padding: 4px 0 4px 4px;
    margin-left: 12px;
    margin-bottom: 12px;
    width: 200px;
    }

/* Matt's CSS for the issue: Media icons that are added to links inside a <li> overlap with bullets.  The expected behavior is for the bullets to disappear so that the media icons render without any interference. */

#content-wrapper ul.no-bullet li, .section #content-highlights ul.no-bullet li,
#resource-box.rail-box ul.no-bullet li, #resource-box.rail-box ul.no-bullet li:last-child  {background-image: none;}

/* Matt's CSS for the issue: Nested unordered lists use the same bullet (the red bullet, actually a background on the element) which makes it difficult to differentiate the hierarchy of list items. */
.drill #content-col1 .type400 li li,

.drill #content-col1 .type400-two-col li li,

.drill #content-col1 .type3 li li {margin-left: 10px; background: url(../img/bg-li-li-bullet.gif) no-repeat 2px 5px;}

/* Very hacktacular code to fix two bugs noted by Matt for Ed Programs and institutes landing page. I am sorry but this ugly block o' code was what was required as a fix....ppb */

#content-banner p , #progs-and-courses p , #conferences p , #faculty_research p , #students-current p , #content-banner h2 , #progs-and-courses h2 , #conferences h2 , #faculty_research h2 , #students-current h2 , #content-banner h3 , #progs-and-courses h3 , #conferences h3 , #faculty_research h3 , #students-current h3 {padding-left: 10px; padding-right:  10px;}

.padLR10 {padding-left: 10px; padding-right: 10px;}

/* FIS styles */

body.fis table, body.fis th, body.fis td {border: 0; color: #000;}

/* Style to fix Enterprise Related Content Headers */
.enterprise #content #content-wrapper .type18 h2 {
    background: #6a6663 url("../img/bg-hdr-enterprise-rail.png") repeat-x left top;

}


/* JES 20090425 - Added next section to style >> symbols like the links */
.drill #nav-bread li {
    color: #999;
}

/* JES 20090425 - Bump the breadcrumbs up a bit, so a second line will fit if needed */
.drill #nav-bread {
    top: 215px;
    width: 690px;
    z-index:10;
}
.enterprise #nav-bread {
    /*top: 162px;*/ /*<-- Original value from above */
    /* This is a guess - I haven't tested yet... Just subtracted 4px as worked for .drill #nav-bread */
    top:176px;
    /* I don't know if this is needed for enterprise .... */
    width:625px;
}

/* JES 20090429 - Fix to make visited links in footer retain 'normal' footer link formatting */
#site-info-inner a:visited {
    color: #666;
    text-decoration: none;
}

/* Jermaine Gonzales - 20090406 - replaces content-col1 container when user chooses, provides a container without the navigation or side rail */
#full-layout {
    padding: 8px;
    position: relative;
    width: 938px;
    background-color: #fff;
}

/* JES 20090430 - Jermaine's code to address issues with site-info text zooming */
#site-info-inner  {
    width:925px; /* IE 6 width fix - jermaine gonzales*/
    float: left; /* fix to prevent content from escaping the container when test size increased - jermaine gonzales*/
}

/* IE 6 width fix - jermaine gonzales */ /*width: 177px; */
#site-info-inner ul {
   width: 170px;
}

/* Jason's fix. this overrides same rule in Nav Arts section */

   /*
#nav-language {
    width: 423px;
    clear: both;
    position: absolute;
    top: 35px;
    right: -15px;
    height: 20px;
    padding-left: 20px;
    background: transparent url("../img/icon-globe.gif") no-repeat 0 0;
}
*/

/* Matt's cancer information page special styles 5/8/2009 */

body.cancer-info div#pubs-news {margin-top: 225px;}

body.cancer-info #col1 h2, body.cancer-info #col2 h2 {margin-top: 0;}

body.cancer-info #col2 div#patient-care h2 {width: 100%;}


/* Patrick's jumpmenu style */
select.jumpmenu option{
    padding: 4px;
    color: #165788;

}

/* Chris Wakefield's style changes for calendar issues*/

/* Add this "override" to fix the 0px mistake: */

 ul.controls li.next a {
  background: transparent url("../img/bg-slide-arrows.gif") no-repeat -26px -18px;
}


/* Then, add these rules that were lacking: */

ul.controls li.next a:hover {
   background-position:-26px 0;
}

ul.controls li.prev a:hover {
   background-position: 0 0;
}


/* JES 20090518 - Added this to style password fields the same as text fields */

div.fieldset input[type=password] {
    width: 175px;
    border: 1px solid #cdcdcd;
    margin-top: 5px;
    padding: 2px;
}



/* JES 20090713 - Added this for Matt/Seth */
/*
Hi Jason,

When you have a chance could you add the following lines to the very end of the mda.css file?
Seth created these to resolve a problem with unnecessary borders showing up in <th> elements in the calendar.

Thanks!

Matt
*/

.education .events th { border-right: 0px; border-left: 0px;}
.enterprise .events th { border-right: 0px; border-left: 0px;}

/* stupid style needed to fix a box */
div#conferences div h2.marg_bottom_20 {
margin-bottom: 20px;
}

/* styles from Matt to fix bug 134 */

p.link-aside-pdf a.pdf {
padding: 5px 0px 5px 20px;
background: transparent url("../img/icon-pdf.gif") no-repeat 0 3px;
}
/* use link-aside-pdf class when a link with a pdf icon doesn't render as expected */

/* styles for RSS icon on selected landing pages */

div#rss_link {position: absolute; top: 175px; right: 245px; z-index: 1000;}
div#rss_link a:focus {-moz-outline-style: none;}


/* landing type 1 */

#landing-type-1 #content-wrapper, #sub-type-1 #content-wrapper {padding-top: 0;}
#landing-type-1 #content, #sub-type-1 #content {margin-top: 92px;}
#landing-type-1 #nav-section, #sub-type-1 #nav-section {top: 212px;}
#landing-type-1 #nav-section li a.on {background:  url(../img/nav-section-arrow.gif) no-repeat 8px -22px #58833e;}
#landing-type-1 #nav-section ul li {margin-left: -17px!important; padding-left: 18px!important; padding-top: 1px; background: #e4f1d6;}
#landing-type-1 #nav-section ul li a {background-image: none;}
#landing-type-1 #nav-section ul li a.on {background:  url(../img/nav-section-arrow.gif) no-repeat 15px -22px #58833e;}
#landing-type-1 #nav-bread, #sub-type-1 #nav-bread {top: 175px;}
#landing-type-1 #nav-tools, #sub-type-1 #nav-tools {top: 175px;}
#landing-type-1 #nav-patient ul.on, #landing-type-1 #nav-education ul.on {display: none;}
#landing-type-1 h1#ptc-h1 {position: relative; top: -3px; margin-bottom: 2px; padding: 8px 0 0 7px; width: 730px; height: 44px; color: #fff; border: none; background: url(../img/b-ptc-h1.jpg) no-repeat top left; z-index: 999;}
#landing-type-1 #content-banner {height: 350px; background: none;}
#landing-type-1 #content-banner div.buffer {background: none;}
#landing-type-1 div.type-1-slideshow {width: 700px; height: 190px; overflow: hidden;}
#landing-type-1 div#slide-nav {position: absolute; top: 168px; right: 85px; z-index: 999;}
#landing-type-1 div#slide-nav a {margin-left: 4px; padding: 1px 4px; font-size: 10px; color: #000; text-decoration: none; border: 1px solid #bde7d0; background: #fff;}
#landing-type-1 div#slide-nav a.activeSlide {color: #fff; background: #58833e;}
#landing-type-1 div#slide-nav a:focus, #landing-type-1 div#slide-controls input:focus {outline: none;}
#landing-type-1 div#slide-controls {position: absolute; top: 165px; right: 10px;  z-index: 998;}
#landing-type-1 div#slide-controls input {padding: 0; font-size: 10px; border: 1px solid #bde7d0; background: #fff; cursor: pointer;}
#landing-type-1 div#slide-controls input:focus {color: #fff; background: #58833e; outline: none;}
#landing-type-1 #content-banner #banner-inside-wrap {clear: both; padding-top: 10px;}
#landing-type-1 #content-banner #banner-inside-wrap img {margin: 0; padding: 0;}
#landing-type-1 #content-banner #banner-left {float: left; width: 345px;}
#landing-type-1 #content-banner #banner-right {float: right; width: 350px;}
#landing-type-1 #content-banner ul#banner-links {height: 154px; margin: 0; padding: 8px 0 0 0; width: 349px; background: url(../img/b-type-1-banner-links.jpg) no-repeat top center;}
#landing-type-1 #content-banner ul#banner-links li {margin: 14px 0 10px 12px; padding: 0; background: none;}
#landing-type-1 #content-banner ul#banner-links li a {margin: 0; padding: 0 0 0 12px;}
#landing-type-1 #col1 {padding: 0;}
#landing-type-1 #col2 h2 {margin-top: 14px; color: #4a7630;}
#landing-type-1 .type400 h2 {margin-top: 0; color: #4a7630;}
#landing-type-1 div.button-list ul {list-style-type: none;}
#landing-type-1 div.button-list li {float: left; padding: 0 35px 0 0; background: none;}
#landing-type-1 div.button-list li a {display: block; padding-top: 7px; width: 140px; height: 29px; color: #fff; text-align: center; background: url(../img/button-list-green.gif) no-repeat top center;}
#landing-type-1 div.button-list li.button-list-all a {background: url(../img/button-list-blue.gif) no-repeat top center;}
#landing-type-1 div.type400-50 {float: left; width: 50%;}
#landing-type-1 div.type400-50 h2 {margin-bottom: 0; border: 0;}
#landing-type-1 div.type400-50 p {margin-left: 14px;}
#landing-type-1 div#type-1-search {padding: 15px; border: 1px solid #cdcdcd; background: url(../img/b-type-1-search.gif) repeat-x bottom;}
#landing-type-1 div#type-1-search h3 {margin-bottom: 20px; font-weight: normal; font-size: 1.25em;}
#landing-type-1 div#type-1-search label {display: block; margin-bottom: 5px;}
#landing-type-1 div#type-1-search input#sch {float: left; padding: 3px; width: 225px; border: 1px solid #cdcdcd;}
#landing-type-1 div#type-1-search #type-1-button {float: left; padding-left: 5px; }
#landing-type-1 div#content-highlights {width: 700px; margin-left: 0;}
#landing-type-1 div#content-highlight-inner {width: 698px;}
#landing-type-1 #content-highlights.type2 > div.top-left, #landing-type-1 #content-highlights.type2 > div.bottom-left,
#landing-type-1 #content-highlight-inner.type3 > div.top-left, #landing-type-1 #content-highlight-inner.type3 > div.bottom-left{width:700px;}
#landing-type-1 div.highlights-inner {width: 698px;}
#landing-type-1 div.highlights-inner h1 {font-weight: normal; color: #4a7630;}
#landing-type-1 div.highlights-inner ul {padding-left: 10px;}
#landing-type-1 div.highlights-inner h2 {margin-top: 15px; padding: 0 0 0 20px; font-weight: normal; font-style: italic; color: #000; background: url(../img/icons.gif) no-repeat 0 0;}
#landing-type-1 div.highlights-inner h2 a {color: #000;}
#landing-type-1 div.highlights-inner h2.type1-audio {padding-left: 15px; background-position: 0 1px;}
#landing-type-1 div.highlights-inner h2.type1-doc {padding-left: 15px; background-position: 0 -62px;}
#landing-type-1 div.highlights-inner h2.type1-video {background-position: 0 -120px;}
#landing-type-1 .highlights-inner li {padding: 0 10px 0 0; width: 153px; min-height: 200px; background: none; }
#landing-type-1 ul.highlights-list li:hover {background: transparent url("../img/bg-highlights.png") repeat-x left bottom;}
#landing-type-1 .highlights-inner .bx_wrap a.prev {display: block; position: absolute; top: 13px; right: 45px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat 0 -18px}
#landing-type-1 .highlights-inner .bx_wrap a.prev:hover {background-position: 0 0;}
#landing-type-1 .highlights-inner .bx_wrap a.next {display: block; position: absolute; top: 13px; right: 10px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat -26px -18px}
#landing-type-1 .highlights-inner .bx_wrap a.next:hover {background-position: -26px 0;}
#landing-type-1 .highlights-inner .bx_wrap a.next:focus, #landing-type-1 .highlights-inner .bx_wrap a.prev:focus {outline: none;}
#landing-type-1 .highlights-inner .bx_wrap a.prev img, #landing-type-1 .highlights-inner .bx_wrap a.next img {border: none!important; }

/* sub- type 1 */

body#sub-type-1 {background: #D2CDC7 url(../img/bg.gif) repeat-x scroll 0 0;}
#sub-type-1 h1 {padding-top: 5px;}
#sub-type-1 #content-col2{margin-top: 12px;}
#sub-type-1 #promo {margin-bottom: 6px; height: 270px; background: url(../img/b-ptc-appt.jpg) no-repeat top center #E1E0DD;}
#sub-type-1 #promo .promo-trans {padding-top: 211px;}
#sub-type-1 #promo .promo-trans a {color: #000; text-decoration: underline;}
#promo > div.top-left, #promo > div.top-right, #promo > div.bottom-left, #promo > div.bottom-right {background-image: none; background-color: #E1E0DD;}
#sub-type-1 #content #content-wrapper .type9 h2 {background: url("../img/bg-hdr-type9.gif") repeat-x scroll left bottom transparent;}

/* DDC 05/21/2010 added this to make Matt's new left rail module work */

/*left rail modules */

.patient li#uni-subscribe, .patient li#uni-social,
.education li#uni-subscribe, .education li#uni-social,
.enterprise li#uni-subscribe, .enterprise li#uni-social {padding: 35px 0 18px 0!important; border: 0; background: url(../img/b-uni.jpg) no-repeat bottom center #fff!important; _background-image: none;}
.patient li#uni-social, .education li#uni-social,.enterprise li#uni-social {padding: 0 0 18px 0!important;}
li#uni-subscribe div, li#uni-social div {margin: 0 auto; padding: 5px 10px 5px 10px!important; width: 130px; color: #898989; border: 1px solid #cdcdcd;}
li#uni-subscribe div {background: url(../img/b-uni-sub.jpg) no-repeat bottom left;}
li#uni-subscribe a, li#uni-social a {margin: 0 auto; padding: 0; background: none;}
.patient li#uni-subscribe a, .education li#uni-subscribe a {padding: 4px 0; width: 60px; text-align: center; color: #fff; background: #8d8d8d;}
.app li#uni-subscribe, .app li#uni-social {display: none;}

.enterprise #nav-section li#uni-subscribe a {padding: 4px 0; width: 60px; text-align: center; color: #fff; background: #8d8d8d;}

li#uni-social ul {margin: -8px 0 0 0!important;}
li#uni-social ul li {border: 0 0 1px 0; border-bottom: 1px solid #cdcdcd!important;}
li#uni-social ul li:first-child {border: 0; border-bottom: 1px solid #cdcdcd;}
li#uni-social ul li#uni-itu {border-bottom: 0!important;}
li#uni-social, li#uni-social li {background-color: #fff!important;}
.patient li#uni-social ul li a, .enterprise #nav-section li#uni-social a, .education #nav-section li#uni-social a {display: block; margin-left: 20px; padding: 7px 0 8px 20px; color: #898989!important; font-size: 0.88em; background: url(../img/b-uni-com.jpg) no-repeat 0 0 #fff;}
        .patient #nav-section li#uni-social ul li#uni-fb a, .enterprise #nav-section li#uni-fb a, .education #nav-section li#uni-fb a {background-position:  -3px 4px!important; background-color: #fff!important;}
        li#uni-social ul li#uni-fb a:hover {background-position: -3px -131px;}
        li#uni-social ul li#uni-tw a, .enterprise #nav-section li#uni-social ul li#uni-tw a , .education #nav-section li#uni-social ul li#uni-tw a {background-position:  -3px -27px; background-color: #fff!important;}
        li#uni-social ul li#uni-tw a:hover, .enterprise #nav-section li#uni-social ul li#uni-tw a:hover , .education #nav-section li#uni-social ul li#uni-tw a:hover {background-position: -3px -162px;}
        li#uni-social ul li#uni-yt a, .enterprise #nav-section li#uni-social ul li#uni-yt a , .education #nav-section li#uni-social ul li#uni-yt a {background-position:  -3px -58px; background-color: #fff;}
        li#uni-social ul li#uni-yt a:hover, .enterprise #nav-section li#uni-social ul li#uni-yt a:hover , .education #nav-section li#uni-social ul li#uni-yt a:hover {background-position: -3px -193px;}
        li#uni-social ul li#uni-itu a, .enterprise #nav-section li#uni-social ul li#uni-itu a , .education #nav-section li#uni-social ul li#uni-itu a {background-position:  -3px -91px; background-color: #fff; _height: 10px;}
        li#uni-social ul li#uni-itu a:hover, .enterprise #nav-section li#uni-social ul li#uni-itu a:hover , .education #nav-section li#uni-social ul li#uni-itu a:hover {background-position: -3px -226px;}

li#uni-subscribe h4, li#uni-social h4 {margin: 0 0 8px 0; padding: 0 0 6px 0; text-transform: uppercase; font-size: 0.80em!important; text-align: center; color: #848484!important; border-bottom: 1px solid #e1e1e1;}
li#uni-subscribe p, li#uni-social p {font-size: 0.88em;}

/* Patrick's code for arabic pages */

#content-wrapper div.arabic ul {list-style-type:disc ; padding: 20px;}
#content-wrapper div.arabic li {background: none;}
.rtl_image_right {padding-left: 10px; text-align: right;}

/* Addition to add red bullets to Education and Research Home */
#ed_highlights li
{
    background: transparent url("../img/bg-li-bullet.gif") no-repeat 2px 5px;
    padding-left: 10px;
    margin-bottom: 5px;
}
/* fixes doubleclick script on WWW home page */

#hide_this {padding: 0; margin: 0; height: 0 ; width: 0; border: 0;}

/* landing type 2 */
#landing-type-2 h1#dfi {position: relative; top: -13px; margin-bottom: 2px; padding: 8px 0 0 7px; width: 730px; height: 44px; color: #fff; border: none; background: url(../img/b-dfi.jpg) no-repeat top left; z-index: 999;}
#landing-type-2 #content-banner {height: 350px; background: none;}
#landing-type-2 #content-banner div.buffer {background: none;}
#landing-type-2 #content-banner {font-size: auto;}
#landing-type-2 #content-banner #banner-left {float: left; width: 345px;}
#landing-type-2 #content-banner #banner-right {float: right; padding: 5px; width: 340px;}
#landing-type-2 #banner-right h2 {margin: 0 0 5px 0; padding: 0; font-family: "Minion Pro", Times, "Times New Roman", serif; color: #887f76; border: none; font-size: 1.7em;}
#landing-type-2 #banner-right p {margin: 0; padding: 0; color: #000; font-size: 12px;}
#landing-type-2 #col1 {width: 380px;}
#landing-type-2 #content-col2 {float: right; margin-top: 15px; width: 300px;}
#landing-type-2 #content-wrapper .module-defined h2 {width: 289px;}
#landing-type-2 #content-col2 h4 {margin-bottom: 0;}
#landing-type-2 #content-col2 .fixer {display: none;}
#landing-type-2 div#content-highlights {width: 700px; margin-left: 0;}
#landing-type-2 div#content-highlight-inner {width: 698px;}
#landing-type-2 #content-highlights.type2 > div.top-left, #landing-type-2 #content-highlights.type2 > div.bottom-left,
#landing-type-2 #content-highlight-inner.type3 > div.top-left, #landing-type-2 #content-highlight-inner.type3 > div.bottom-left{width:700px;}
#landing-type-2 div.highlights-inner {width: 698px;}
#landing-type-2 div.highlights-inner h1 {font-weight: normal; color: #165788;}
#landing-type-2 div.highlights-inner ul {padding-left: 10px;}
#landing-type-2 div.highlights-inner h2 {margin-top: 15px; padding: 0; font-weight: normal; font-style: italic; color: #000;}
#landing-type-2 div.highlights-inner h2 a {color: #000;}
#landing-type-2 .highlights-inner li {padding: 0 10px 0 0; width: 153px; min-height: 200px; background: none; }
#landing-type-2 ul.highlights-list li:hover {background: transparent url("../img/bg-highlights.png") repeat-x left bottom;}
#landing-type-2 .highlights-inner .bx_wrap a.prev {display: block; position: absolute; top: 13px; right: 45px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat 0 -18px}
#landing-type-2 .highlights-inner .bx_wrap a.prev:hover {background-position: 0 0;}
#landing-type-2 .highlights-inner .bx_wrap a.next {display: block; position: absolute; top: 13px; right: 10px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat -26px -18px}
#landing-type-2 .highlights-inner .bx_wrap a.next:hover {background-position: -26px 0;}
#landing-type-2 .highlights-inner .bx_wrap a.next:focus, #landing-type-2 .highlights-inner .bx_wrap a.prev:focus {outline: none;}
#landing-type-2 .highlights-inner .bx_wrap a.prev img, #landing-type-2 .highlights-inner .bx_wrap a.next img {border: none!important; }

/* landing type 3  example: Children's Cancer Hospital */
#landing-type-3 #content-banner {height: 350px; background: none;}
#landing-type-3 #content-banner div.buffer {background: none;}
#landing-type-3 div.type-1-slideshow {width: 700px; height: 190px; overflow: hidden;}
#landing-type-3 div#slide-nav {position: absolute; top: 168px; right: 85px; z-index: 999;}
#landing-type-3 div#slide-nav a {margin-left: 4px; padding: 1px 4px; font-size: 10px; color: #000; text-decoration: none; border: 1px solid #bde7d0; background: #fff;}
#landing-type-3 div#slide-nav a.activeSlide {color: #fff; background: #3D7C59;}
#landing-type-3 div#slide-nav a:focus, #landing-type-1 div#slide-controls input:focus {outline: none;}
#landing-type-3 div#slide-controls {position: absolute; top: 165px; right: 10px;  z-index: 998;}
#landing-type-3 div#slide-controls input {padding: 0; font-size: 10px; border: 1px solid #bde7d0; background: #fff; cursor: pointer;}
#landing-type-3 div#slide-controls input:focus {color: #fff; background: #3D7C59; outline: none;}
#landing-type-3 #content-banner #banner-inside-wrap {clear: both; padding-top: 10px;}
#landing-type-3 #content-banner #banner-inside-wrap img {margin: 0; padding: 0;}
#landing-type-3 #content-banner #banner-left {float: left; width: 345px;}
#landing-type-3 #content-banner #banner-right {float: right; width: 350px;}
#landing-type-3 #content-banner ul#banner-links {height: 154px; margin: 0; padding: 8px 0 0 0; width: 349px; background: url(../img/b-type-1-banner-links.jpg) no-repeat top center;}
#landing-type-3 #content-banner ul#banner-links li {margin: 14px 0 10px 12px; padding: 0; background: none;}
#landing-type-3 #content-banner ul#banner-links li a {margin: 0; padding: 0 0 0 12px;}
#landing-type-3 #col1 {width: 380px;}
#landing-type-3 #col1 h2 {margin-top: 0;}
#landing-type-3 #content-col2 {float: right; margin-top: 15px; width: 300px;}
#landing-type-3 #content-col2 h4 {margin-bottom: 0;}
#landing-type-3 #content-col2 .fixer {display: none;}
#landing-type-3 #content-wrapper .module-defined h2 {width: 289px;}
#landing-type-3 div#content-highlights {width: 700px; margin-left: 0;}
#landing-type-3 div#content-highlight-inner {width: 698px;}
#landing-type-3 #content-highlights.type2 > div.top-left, #landing-type-3 #content-highlights.type2 > div.bottom-left,
#landing-type-3 #content-highlight-inner.type3 > div.top-left, #landing-type-3 #content-highlight-inner.type3 > div.bottom-left{width:700px;}
#landing-type-3 div.highlights-inner {width: 698px;}
#landing-type-3 div.highlights-inner h1 {font-weight: normal; color: #477F5E;}
#landing-type-3 div.highlights-inner ul {padding-left: 10px;}
#landing-type-3 div.highlights-inner h2 {margin-top: 15px; padding: 0; font-weight: normal; font-style: italic; color: #000;}
#landing-type-3 div.highlights-inner h2 a {color: #000;}
#landing-type-3 .highlights-inner li {padding: 0 10px 0 0; width: 153px; min-height: 200px; background: none; }
#landing-type-3 ul.highlights-list li:hover {background: transparent url("../img/bg-highlights.png") repeat-x left bottom;}
#landing-type-3 .highlights-inner .bx_wrap a.prev {display: block; position: absolute; top: 13px; right: 45px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat 0 -18px}
#landing-type-3 .highlights-inner .bx_wrap a.prev:hover {background-position: 0 0;}
#landing-type-3 .highlights-inner .bx_wrap a.next {display: block; position: absolute; top: 13px; right: 10px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat -26px -18px}
#landing-type-3 .highlights-inner .bx_wrap a.next:hover {background-position: -26px 0;}
#landing-type-3 .highlights-inner .bx_wrap a.next:focus, #landing-type-2 .highlights-inner .bx_wrap a.prev:focus {outline: none;}
#landing-type-3 .highlights-inner .bx_wrap a.prev img, #landing-type-2 .highlights-inner .bx_wrap a.next img {border: none!important; }

/* New CSS changes for highlights mods on Home page */
.home .highlights-inner .bx_wrap a.prev {display: block; position: absolute; top: 13px; right: 45px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat 0 -18px}
.home .highlights-inner .bx_wrap a.prev:hover {background-position: 0 0;}
.home .highlights-inner .bx_wrap a.next {display: block; position: absolute; top: 13px; right: 10px; width: 26px; height: 18px; text-indent: -9999px; background: transparent url(../img/bg-slide-arrows.gif) no-repeat -26px -18px}
.home .highlights-inner .bx_wrap a.next:hover {background-position: -26px 0;}
.home .highlights-inner .bx_wrap a.next:focus, #landing-type-1 .highlights-inner .bx_wrap a.prev:focus {outline: none;}
.home .highlights-inner .bx_wrap a.prev img, .home .highlights-inner .bx_wrap a.next img {border: none!important; }
.home .highlights-inner .bx_wrap {height: 300px}


/* cancer types pages *****************************************/
/* layout and boxes */
#types #content-wrapper {padding: 8px 10px 0 10px;}
#types .wrappido {margin-bottom: 10px; width: 912px; padding: 10px 10px 0 10px; border: 1px solid #cdcdcd; background: #fff; /* inset content with border and white background */}
#types .wrappido-inset {margin-bottom: 10px; padding: 10px; background: #e8e7de; /* inset content with taupe background */}
#types .primary {float: left; width: 560px;}
#types .right-rail-wrap {float: right;}
#types .right-rail {/*float: right;*/ margin-bottom: 10px; width: 312px;}
#types .right-rail .boxy {float: none; margin-bottom: 10px; padding: 0; width: auto;}
#types .types-footer {}
#types .types-footer .social {float: left; width: 610px;}
#types .types-footer .social .wrappido {padding: 10px; width: 590px;}
#types .types-footer .social .wrappido-inset {margin: 0; padding: 10px; width: 570px; background: url(../img/b-social.gif) repeat-y;}
#types .types-footer .right-rail {float: right; margin: 0; width: 310px;}
#types .types-footer .right-rail .wrappido {margin: 0; padding: 10px; width: 288px;}
#types .social .wrappido-inset {}
#types .social .boxy {float: left; width: 174px;}
#types .social .discuss {width: 200px; padding: 0 10px; }
#types .types-footer input[type="text"] {margin-right: 4px; padding: 3px; height: 18px;}
#types .go-left {float: left;}
#types .go-right {float: right;}
#types .clear {clear: both;}

/* styles for rounded corners have to move to head; also, containers with round corners usually need specified widths to make IE happy 
http://code.google.com/p/curved-corner/ */
.curved {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url('border-radius.htc');} 

/* horizontal menu */
#content-wrapper #types-menu {position: relative; left: -3px; display: block; float: left; margin: 0 0 25px 0; padding: 0; width: 563px; height: 36px; list-style-type: none; background: url(../img/b-types-menu.gif) no-repeat 0 0; z-index: 0;}
#types-menu li {float: left; height: 43px; margin: 0; padding: 0; color: #fff; background: none; _width: 35px;/* for ie6 */}
#types-menu li.first {margin-left: 3px;}
#types-menu li.first a {border-left: 0;}
#types-menu a {display: block; padding: 7px 16px 0 14px; height: 21px; color: #fff; border-left: 1px solid #67a341;}
#types-menu .on a {color: #fff; text-decoration: underline; background: #5e953b; z-index: 9999;}
#types-menu a[name="knowledge-center"]:hover, #types-menu li.on a[name="knowledge-center"] {text-decoration: none; background: #5e953b;} /* select on name attribute */
#types-menu li.on {background: url(../img/b-types-menu-arrow.jpg) no-repeat bottom center;}
#types-menu li.on.first a {background: url(../img/b-types-menu-first.jpg) no-repeat 0 0 #5e953b;} /* chain selectors to style only the first link this way when it's "on" */
#types-menu li:hover a {background: #5e953b;}

/* horizontal sub menu */
#types-menu li ul {display: none; position: absolute; top: 21px; right: 4px; height: 15px; font-size: 89%;}
#types-menu li:hover ul {display: block;}
#types-menu li li {height: 20px;}
#content-wrapper #types-menu li li a {margin: 0; padding: 4px 6px 0 6px; text-decoration: none; border: 0; background: #5e953b;}
#content-wrapper #types-menu li li a:hover {text-decoration: underline;}
#types-menu li.on ul {display: block;}
#content-wrapper #types-menu li.on li.on a {text-decoration: underline;}

/* typography */
#types h1 {margin-bottom: 1px;}
#types h2 {margin-bottom: 0; color: #000; font-weight: normal; border: 0;}
#types .right-rail h2 {margin-bottom: 5px; padding-top: 12px; font-size: 1.35em; background: url(../img/right-rail-border.gif) no-repeat 0 0;}
#types .right-rail h2.no-border {padding-top: 0; background: none;}
#types h3 {color: #000; font-size: 1.15em;}
#types .social h3, #types .right-rail h3 {font-weight: normal;}
#types .article-wrap p {line-height: 1.45em;}
#types .one-more-thing {padding-top: 12px; background: url(../img/right-rail-border.gif) no-repeat 0 0;}
#types .help {font-weight: bold;}
#types .phone {color: #ef3123;}
#types .right-rail .call-us {margin-bottom: 5px; padding-top: 12px; background: url(../img/right-rail-border.gif) no-repeat 0 0;}
#types .right-rail .call-us a {padding: 0 0 0 10px; text-decoration: none; background: url(../img/arrow.gif) no-repeat 0 2px;}

/* images and captions */
#types .article-wrap img.go-right {float: right; margin: 0 0 15px 15px;}
#types .article-wrap img.go-left {float: left; margin: 0 15px 15px 0;}
#types .article-wrap div.img-right {float: right; margin: 0 0 15px 15px; background: #5b5650;}
#types .article-wrap div.img-left {float: left; margin: 0 15px 15px 0; background: #5b5650;}
#types .article-wrap div.img-caption p {padding: 5px 5px 0 5px; color: #fff; font-style: italic; font-size: smaller; border-top: 1px solid #000;}

/* buttons */
#make-appt {margin-bottom: 0; margin-right: -2px;}
#make-appt a {display: block; width: 236px; height: 96px; overflow: hidden; text-indent: -9999px; background: url(../img/appointments-available.gif) no-repeat 0 0;}
#make-appt a:hover {background-position: 0 -119px;}
.circle-arrow {padding: 3px 23px 3px 0; height: 20px; background: url(../img/circle-arrow.gif) no-repeat 100% 50%;}
.types-footer .subscribe a {display: block; margin-top: 25px; padding: 10px 0 0 10px; width: 121px; height: 31px; overflow: hidden; color: #fff; text-decoration: none; background: url(../img/subscribe.gif) 0 0;}
.types-footer .subscribe a:hover {text-decoration: underline; background-position: 0 -44px;}

/* social networks buttons */
#types .social ul {margin: 0; padding: 0; }
#types .social li {margin-left: 0;}
#types .types-footer .networks li {margin: 0 0 5px 0; padding: 5px 0 0 36px; height: 23px; background: url(../img/networks.gif) no-repeat;}
#types .types-footer .networks li:last-child, #types .types-footer .networks li.last {margin-bottom: 0;}
#types. types-footer .networks .fb {background-position: 0 0;}
#types .types-footer .networks .tw {background-position: 0 -34px;}
#types .types-footer .networks .yt {background-position: 0 -68px;}
#types .types-footer .networks .it {height: 32px; background-position: 0 -102px;}

/* knowledge center buttons */
#types #kc {margin: 0; padding: 0; overflow: auto;}
#kc li {float: left; margin: 0; padding: 0; background: none;}
#kc #videos {margin: 0 42px;}
#kc a {display: block; padding-top: 34px; width: 76px; height: 37px; overflow: hidden; font-size: 11px; text-align: center; background: url(../img/kc-buttons.gif) no-repeat;}
#kc #news a {background-position: 0 0;}
#kc #news a:hover {background-position: 0 -73px;}
#kc #videos a {background-position: -77px 0;}
#kc #videos a:hover {background-position: -77px -73px;}
#kc #ed a {background-position: -153px 0;}
#kc #ed a:hover {background-position: -153px -73px;}

/* call out boxes */
/* type 100 basic box with quote and image; from spec 1.4.5.1 */
#types .call-out-100-wrap {float: right; margin: 0 0 0 15px; padding-bottom: 5px; width: 635px; background: url(../img/call-out-100-wrap.jpg) no-repeat bottom center;}
#types .call-out-100 {float: right; margin-bottom: 7px; padding: 10px; border-top: 2px solid #bfb5aa; border-bottom: 2px solid #bfb5aa; background: #fff;}
#types .quote {font-family: Minion Pro, Georgia, serif; font-size: 1.8em; color: #363636;}
#types .call-out-100 iframe {float: right; margin:: 0 0 0 10px; padding-left: 10px; width: 355px;}
#types .call-out-100 p a {background: url("../img/bg-link-arrw.gif") no-repeat scroll right center transparent; padding-right: 10px;}

/* type 200 basic box with video only; from spec 1.4.5.2 */
#types .call-out-200-wrap {float: right; margin: 0 0 15px 15px; padding: 18px 0 0 0; width: 425px; /*width: 362px;*/ border-top: 2px solid #bfb5aa; border-bottom: 2px solid #bfb5aa; background: #fff;}
#types .call-out-200-wrap iframe {width: auto; position: relative; width: 100%!important;}

/*.matt {float: right; margin: 0 0 15px 15px; padding: 0; background: #fff;}
.matt iframe {border: 1px solid #000;}*/

/* general mutlimedia styles for call out boxes, y'all */
#types .media-wrap ul {margin: 20px 0 0 0; padding: 0;}
#types .media-wrap li {position: relative; margin: 0; padding: 0; background: none;}
#types .media-wrap img {width: 105px; height: 63px; border: 1px solid #898989;}
#types .media-wrap li p {margin: 0; padding: 0; font-size: 88%;}
#types .media-wrap a.play span {position: absolute; top: 18px; left: 40px; width: 32px; height: 32px; background: url(../img/play-button.png) no-repeat 0 0;}

/* basic box with quote, image, and horizontal gallery of image/video links; remix version of call-out-100-wrap; */
#types .call-out-100 .media-wrap {clear: both; border-top: 1px solid #d7d6ce;}
#types .call-out-100 .media-wrap li {float: left; margin-left: 20px; width: 107px;}
#types .call-out-100 .media-wrap li:first-child {margin-left: 0;}
#types .call-out-100 .media-wrap li p {clear: left;}

/* type 300 & 400 vertical call out boxes */
#types .call-out-300 {float: right; margin-left: 15px; padding: 10px; width: 302px; text-align: center; background: #fff;}
#types .call-out-300 h2, #types .call-out-300 p, #types .call-out-300 ul {text-align: left;}
#types .call-out-300 img {margin-bottom: 15px;}
#types .call-out-300 .quote, #types .call-out-400 .quote {clear: both; font-size: 125%;}
#types .call-out-300 ul {margin: 0; padding: 10px 0 0 0; border-top: 1px solid #d6d5cd;}
#types .call-out-400 {position: relative; float: right; margin: 0 0 15px 15px; padding: 8px; width: 351px; background: #fff;}
#types .call-out-400 iframe {float: right; }
#types .call-out-300 .media-wrap li, #types .call-out-400 .media-wrap li {position: static; clear: both; margin: 0; padding: 0; background: none;}
#types .call-out-300 .media-wrap a, #types .call-out-300 .media-wrap p, #types .call-out-400 .media-wrap a, #types .call-out-400 .media-wrap p {display: block; float: left; margin: 0 10px 15px 0;}
#types .call-out-300 .media-wrap img, #types .call-out-400 .media-wrap img {position: relative;}
#types .call-out-300 .media-wrap a.play, #types .call-out-400 .media-wrap a.play {position: relative; display: block; top: 0; left: 0; width: 105px; height: 63px;}
#types .call-out-300 .media-wrap a.play span, #types .call-out-400 .media-wrap a.play span {z-index: 999;}

/* type 200-wrap meets type 300 vertical call out box for video with a vertical list of thumbnails below 
#types .call-out-200-wrap .call-out-300 {float: none; margin: 0; border-top: 2px solid #bfb5aa; border-bottom: 2px solid #bfb5aa;}
#types .call-out-200-wrap .call-out-300 iframe {position: relative; float: none; margin: 0; padding: 0; width: 350px;}*/

/* New rule for Disease page pseudo "right rail" */
#disease_zone6 img {float: left;}

/* for PTC landing page slideshow */
#landing-type-1 div#ptc_slideshow a {display: none;}


/* float social media DIV */
.addthis_position {float:right;}

/* fix for images in Publication Ephox body */
 body.article #content #content-wrapper #content-col1 p img {clear:both;}


/* 2012 form styles ********************************
***************************************************/


/* form pages with the new right rail */
.app .right-rail-wrap {float: right; padding: 0 10px;}
.app .right-rail {margin-bottom: 10px; width: 280px;}
.app .right-rail .boxy {float: none; margin-bottom: 10px; padding: 0; width: auto;}
.app .wrappido-inset {margin-bottom: 10px; padding: 10px; background: #e8e7de; /* inset content with taupe background */}
.app .right-rail h2 {clear: both; margin-top: 5px; padding-top: 12px; border-bottom: 0; background: url(../img/right-rail-border.gif) no-repeat 0 0;}
.app .right-rail h2.no-border {margin-top: 0; padding-top: 0; background: none;}
.app .right-rail .badge {float: left; margin-right: 15px; margin-bottom: 10px; }
.app .right-rail small {text-transform: uppercase; color: #8e8d87;}
.app .phone-container {overflow: auto;}
.app .right-rail .phone {float: left; font-size: 1.65em;}
.app .border {margin-bottom: 8px; padding-bottom: 9px; border-bottom: 1px dotted #a5a5a0;}
.app img.fill {margin-bottom: 15px; width: 100%; height: auto;}
.app .call-out {color: #fff; background: #8a867c;}
.app .call-out a {color: #fae57f}
.app .call-out h2 {color: #fff;}
.app #content-wrapper .call-out ul {padding-left: 0;}
.app #content-wrapper .call-out li {background: url(../img/bullet-black.gif) no-repeat 2px 5px;}
.app .quote {background: #fff;}
.app .quote blockquote {margin: 0; font-family: Minion Pro, Century Schoolbook, Georga, serif; font-size: 1.5em; font-style: italic;}
.app .source img {float: right; margin-left: 15px; }
.app .source p {float: right; padding-top: 20px; font-size: 80%; text-align: right;}

/* faq toggle in right rail */
.faq {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} 
.toggle {}
.toggle div {padding-bottom: 5px; margin-bottom: 5px;}
.toggle h3 {padding-left: 20px; color: #fff; text-decoration: none; background: url(../img/toggle.gif) no-repeat 0 0;}
.toggle h3.active {background-position: 0 -30px;}
.toggle h3:hover {text-decoration: none; cursor: pointer;}
.toggle p {margin: 5px 0 5px 20px; padding-bottom: 15px; border-bottom: 1px solid #a7a297;}

/* form numbers / numbered steps 1, 2, 3, 4, 5, etc */
.form legend.steps {display: block; float:left; margin: 0 0 25px -30px; padding: 7px 0 13px 50px; width: 100%; font-size: 1.667em; background: url(../img/form-steps-num.gif) no-repeat 0 3px;}
.form legend.one {background-position: 0 0;}
.form legend.two {background-position: 0 -80px;}
.form legend.three {background-position: 0 -160px;}
.form legend.four {background-position: 0 -240px;}
.form legend.five {background-position: 0 -320px;}

/* form layout */
div.form-550 {float: left; padding: 0 0 20px 40px; width: 550px;} /* self-referral form */
.form {margin-top: 30px; color: #363636;}
.form .wrap {margin-left: 30px;}/* contains sections of fieldsets */
.form .section {padding: 18px 0; border-bottom: 1px dotted #cdcdcd;} /* groups rows together */
.form .section:last-child {border-bottom:none;} /* groups rows together */
.form .no-border {border-bottom:none;}
.form .row {padding: 11px 0 15px 0; position:relative;}/* contains a label and input/select */
.form .form-intro-text {margin: -35px 0 20px 0;}

/* form steps */
.form-steps {padding: 15px 0 10px 0; font-size: 1.65em; border-bottom: 1px solid #cdcdcd;}
.form-steps #step-0, .form-steps #step-1 {display: block; float: left; padding-top: 12px; padding-left: 40px; height: 42px; background: url(../img/form-steps.gif) no-repeat;}
.form-steps #step-0 {padding-right: 24px; color:#929189;}
.form-steps  span#step-0.current {background-position: 0 0; color:#000;}
.form-steps #step-1 {background-position: 0 -60px; color:#929189;}
.form-steps span#step-1.current  {background-position: 0 -170px; color:#000;}

/* form elements */
.form fieldset {margin: 0 0 30px 0; padding: 0 0 15px 0; border: 0; border-bottom: 1px solid #cdcdcd;}
.form legend {display: block; float: left; margin: 0 0 25px -30px; padding: 0 0 0 30px; width: 100%; font-size: 1.667em; background: url(../img/b-legend.gif) no-repeat 0 3px;}
.form legend.small {font-size:1em; background:none; float:left; position:relative;}
.form .options-add-ins-info fieldset legend.small {margin-top:-20px;}
.form fieldset legend.padded {margin:15px 0;}
.form label, .form span.label, .form input, .form select {float: left;}
.form span.label {display:block;}
.form label, .form span.label {position: relative; padding-bottom: 5px; width: 100%;}
.form label span.required, .form span.label span.required {position: absolute; top: 0; margin-left: 3px; width: 60px; height: 14px; text-indent: -9999px; background: url(../img/form-req.gif) no-repeat 0 0;}
.form legend span.required {position: absolute; margin-left: 3px; width: 60px; height: 14px; text-indent: -9999px; background: url(../img/form-req.gif) no-repeat 0 0;}
/*.form label span.required {position: relative; top: -1px; padding: 1px 3px 1px 5px; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; background: #f7e06e; -moz-border-radius-topleft: 15px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft: 15px;-webkit-border-radius: 15px 6px 6px 15px;border-radius: 15px 6px 6px 15px;}*/
.form input[type="text"], .form select, .form textarea {padding: 5px; width: 280px; font-size: 1.25em; border: 1px solid #dddcd4; background: #e8e7de; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.form input:focus, .form textarea:focus {background: #fff; border: 1px solid #;}
.form textarea {width:400px}
.form .med {width: 195px;}
.form .small {}
.form select {width: 205px;}
.form select option {padding-right:5px; padding-left:5px;}
.form select optgroup {padding-right:5px; padding-left:8px; font-family:Tahoma, Geneva, sans-serif; font-style:normal; font-weight:600;}
.form select.small {width: 100px;}
.form select.large {width: 315px;}
.form p {margin-bottom: 10px;}
.form .radio {margin-left: 0; margin-right: 3px; width: auto; color: #cdcdcd;}
.form .form-help {float: left; padding: 0 0 0 6px; }
.form fieldset fieldset {margin: 0 0 9px 0; padding: 0; border: 0;}
.form fieldset fieldset legend {margin: 0 0 10px 0; padding: 0; font-size: 100%; background: none;}
.form .hz label {margin-right: 50px; padding: 0; width: auto;}
.form .hz .radio {margin: 0 6px 0 0; padding: 0;}
.form .vt label {position:relative; top:-14px; left:20px;}

/* tooltips */
.lightTip { margin-left: 6px; width: 270px; }
.lightTip .content { width: 250px; padding: 10px; border: 4px solid #f7e06e; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ffffff; color: #020202; }
.lightTip .bottom { height: 14px; background: url(../img/notch.gif) top center no-repeat; }

/*hidden options - collapsible panel */
.form div.hidden {clear:both; margin-top: 15px;}

/* next, previous and submit buttons */
.form input.submit, .form a.submit, form button.submit {padding: 15px 40px; font-size: 1.5em; color: #fff; border: 0; 
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float:right;
background: #4c932c; /* Old browsers */
background: -moz-linear-gradient(top, #4c932c 0%, #517a3e 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c932c), color-stop(99%,#517a3e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c932c 0%,#517a3e 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c932c 0%,#517a3e 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c932c 0%,#517a3e 99%); /* IE10+ */
background: linear-gradient(top, #4c932c 0%,#517a3e 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c932c', endColorstr='#517a3e',GradientType=0 ); /* IE6-9 */}
.form input.submit:hover, .form a.submit:hover, .form button.submit:hover {cursor: pointer; 
background: #4c932c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c932c 0%, #4c932c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c932c), color-stop(100%,#4c932c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c932c 0%,#4c932c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c932c 0%,#4c932c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c932c 0%,#4c932c 100%); /* IE10+ */
background: linear-gradient(top,  #4c932c 0%,#4c932c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c932c', endColorstr='#4c932c',GradientType=0 ); /* IE6-9 */}

.form button.prev {padding: 15px 40px; font-size: 1.5em; color: #fff; border: 0; 
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float:left;
background: #8e8a80; /* Old browsers */
background: -moz-linear-gradient(top,  #8e8a80 0%, #77746b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8a80), color-stop(100%,#77746b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8e8a80 0%,#77746b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8e8a80 0%,#77746b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8e8a80 0%,#77746b 100%); /* IE10+ */
background: linear-gradient(top,  #8e8a80 0%,#77746b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8a80', endColorstr='#77746b',GradientType=0 ); /* IE6-9 */}
.form button.prev:hover {cursor: pointer; 
background: #f7dd67; /* Old browsers */
background: -moz-linear-gradient(top,  #f7dd67 0%, #e0c147 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7dd67), color-stop(100%,#e0c147)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7dd67 0%,#e0c147 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7dd67 0%,#e0c147 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7dd67 0%,#e0c147 100%); /* IE10+ */
background: linear-gradient(top,  #f7dd67 0%,#e0c147 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dd67', endColorstr='#e0c147',GradientType=0 ); /* IE6-9 */}

.form button.prev left {float:left; text-decoration:none;}
.form .next {float: right;}
.form p.step-inst {float: left; margin: 18px 35px 0 0; padding: 2px 23px 3px 0; font-style: italic; background: url(../img/arrow-next.gif) no-repeat right;}
.form span.block {display:block; padding-bottom: 10px;}

/* DOB Field styles */
.form input.dobm {width:2em;}
.form input.dobd {width:2em; margin-left:1em;}
.form input.doby {width:4em; margin-left:1em;}
.form .hiddenlabel {display:none;}
.form span.dob {float:left; font-size:1.25em; padding: 6px 0 0 1em;}

/*Error div styling*/
div.errorlist, div.nojs {margin:20px 0; padding:15px; border:4px solid #f7e06e; -moz-border-radius:4px; -webkit-border-radius:4px; background:#ffffff; color:#020202;}
div.errorlist h3 {font-size:1.667em; font-weight:normal;}
div.errorlist p, div.nojs p {padding: 15px 0; font-size:1.1em;}

.form h4 {font-size:1.25em; font-weight:normal; padding: 15px 0 0 0;}

/* errorlist styling */

div.errorlist ul li label {cursor:pointer;}
div.errorlist ul li {margin:8px;}
div.errorlist ul li a {color:#020202; text-decoration:none;}
div.errorlist ul li a:hover {color:#020202; text-decoration:none;}

div.options-rcc {display:none;}
div.diagnosis-select {display:none;}
div.diagnosis-other {display:none;}
div.info-other {display:none;}

#content-wrapper .right-rail-wrap .call-out ol {padding: 0 10px 0 20px;}
#content-wrapper .right-rail-wrap ol li {list-style-type:decimal; background:none; padding-left:5px;}
#content-wrapper .right-rail-wrap .call-out ul {padding: 0 10px 0 20px;}
#content-wrapper .right-rail-wrap .call-out ul li {list-style-type:disc; background:none; padding-left:5px;}
div.options-guarantor fieldset {margin-top: -40px;}
.options-add-ins-info-1 {margin-top:-20px; margin-bottom:-10px;}
.options-add-ins-info-2, .options-add-ins-info-3 {margin-top:-20px; margin-bottom:-10px;}

/* Poll styles */
.pollresults ul#nav-bread, .pollresults ul#nav-tools { top: 174px; z-index: 1; }
.pollresults ul#nav-main { top: 133px; }
.pollresults #search { top: 132px; }
.pollresults #content { margin-top:92px; }

/* Request an Appointment "Big Button" 2012 VERSION 4 Right Rail Module*/
#content-col2 .appts-module { background-color: #e8e7de; position: relative; float: right; width: 244px; margin: 0 0 15px 0; border: 1px solid #d3d3d3; border-radius: 4px; }
#content-col2 .appts-module a.appts-button { display: block; float: left; height: 81px; width: 245px; margin: 7px 0 0 6px; padding: 0; text-indent: -99999px; background: url('../img/appts-button-sprite-rr.png') no-repeat left top; }
#content-col2 .appts-module a.appts-button:hover { background-position: 0 -82px; }
#content-col2 .appts-module a.appts-button:active { background-position: 0 -164px; }
#content-col2 .appts-module a.appts-button:focus { border: none; outline: none; }
#content-col2 .appts-module img { height: 72px; width: 65px !important; margin: 5px 0 0 6px; padding: 0; float: left; }
#content-col2 .appts-module ul.appts-ul { list-style-type: none; float:left; border: none; margin: 0 0 0 7px; width:150px; background-color: #e8e7de; }
#content-col2 .appts-module ul.appts-ul li { background: url('../img/appts-li-border.gif') repeat-x left bottom; font-family: Arial,sans-serif; padding-left: 0; }
#content-col2 .appts-module ul.appts-ul li.appts-ask a { display: inline-block; padding: 5px 0 4px 0; text-decoration: underline; color: #015b9f; width: 150px; height: 18px; font-size: 16px; background: url('../img/appts-link-arrow-rr.gif') no-repeat 115px 5px; }
#content-col2 .appts-module ul.appts-ul li.appts-telephone { padding: 0 0 3px 0; font-size: 16px; color: #363636; }
#content-col2 .appts-module ul.appts-ul li.appts-ranked { padding: 0 0 6px 0; font-size: 10px; color: #707070; }
#content-col2 .appts-module ul.appts-ptc li.physician-refer a { display: inline-block; padding: 0 0 3px 0; text-decoration: underline; color: #015b9f; width: 150px; height: 18px; font-size: 12px; background: url('../img/appts-link-arrow-rr.gif') no-repeat 130px -1px; }
#content-col2 .appts-module ul.appts-ptc li.appts-telephone { padding: 5px 0 4px 0; font-size: 20px; color: #363636; }



/* Styles for New Newsroom Landing Page */
.newsroom #content-col1 .slider { height: 120px; background: url('../img/featured-bg.gif'); margin: 0 0 10px 0; text-align: center; }
.newsroom #content-col1 .slider img { height: 120px; width: 449px; }
.newsroom #content-col1 .slider p { padding-top: 60px; font-family: Arial; font-size: 14px; }
.newsroom .snippet { float: left; margin: 0 10px 10px 0; }
.newsroom .snippet h4 { margin-bottom: 4px; }
.newsroom .snippet h4 a { color: #505050; }
.newsroom .snippet img { float: left; margin: 0 10px 10px 0; }
.newsroom .snippet p a { color: #363636; text-decoration: none; }

/* Search box styles */
.newsroom #content-col1 .search-container { background: #d6d6d6; padding: 10px; float: left; width: 430px; }
.newsroom .newsroom-search-box { float: left; clear: both; }
.newsroom .search-container h3 { font-size: 18px; font-weight: 300; margin-bottom: 6px; }
.newsroom #search-news { padding: 6px; width: 250px; }
.newsroom .newsroom-search-field { float: left; position: relative; margin-top: -18px; }
.newsroom #search-button { float: left; margin: -12px 10px 6px 10px; }
.newsroom .newsroom-search-box .access-label { text-indent: 0; top: 19px; left: 8px; color: #cdcdcd; z-index: 5000; position: relative; }
.newsroom .more-link { clear: left; color: #005ca8; font-size: 12px; }

/* Override right rail styles */
.newsroom #content #content-col2 .browse-pubs, .newsroom #content #content-col2 .subscribe, .newsroom #content #content-col2 #social-media-module {
    -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
            border-radius: 4px;
}   
.newsroom #content #content-col2 .browse-pubs h2 { 
    background-image: none !important; 
    background-color: #474440; 
    margin-left: 0;
    -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}
.newsroom #content #content-col2 .browse-pubs ul { margin-left: 20px; }
.newsroom #content-col2 .browse-pubs ul li { color: #363636; background: transparent url("../img/nav-section-arrow.gif") no-repeat 0 4px; }
.browse-pubs p { margin-left: 10px; }


/*Newsroom Social Media Buttons*/
#social-media-module { border-top:1px solid #CDCDCD; padding:8px 0 8px 10px; background: #fff; height: 80px; }/*social media container*/
#social-media-module ul { padding-left: 0px; margin-bottom: 0px; float: left; }
#social-media-module ul li { list-style-type: none; display: inline; background: none; padding-left: 0px; width: 41px; float: left; margin-right: 5px; }
#social-media-module ul li a.social-buttons { background-repeat: no-repeat; width: 41px; height: 40px; text-indent: -9000px; background-position: left bottom; display: block; float: left; }
#social-media-module ul li a.social-buttons:hover { background-position: left top; }
#social-media-module ul li a.twitter { background-image: url(../img/publications-icon-twitter.jpg); }
#social-media-module ul li a.facebook { background-image: url(../img/publications-icon-facebook.jpg); }
#social-media-module ul li a.youtube { background-image: url(../img/publications-icon-youtube.jpg); }
#social-media-module ul li a.rss { background-image: url(../img/publications-icon-rss.jpg); }
#social-media-module ul li a.itunes { background-image: url(../img/publications-icon-itunes.jpg); }

/* forNewsroom landing page slideshow */
.newsroom div.slider img {display: none;}


/* Healthy Bites styles from Joshua */


#hb-landing-page { 
    clear: both;
    width: 934px;
    margin-left: 2px;
    background: #ffffff; 
    margin-top: 92px; 
    padding: 10px;
    min-height: 350px;
}

#hb-landing-page .page-header {
    margin: 10px 10px 30px 10px;
    height: 392px;
}

#hb-landing-page .page-header .text-overlay {
    margin-top: -392px;
    padding: 15px 0 0 25px;
    height: 392px;
}

#hb-landing-page .page-header .text-overlay h2 {
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 48px;
    font-weight: normal;
    text-shadow: 1px 1px 6px #000;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border: none;
}

#hb-landing-page .page-header .text-overlay blockquote {
    color: #fff;
    width: 480px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: light;
    text-shadow: 1px 1px 6px #000;
    margin: 0 0 30px 0;
    line-height: 1.3em;
}

#hb-landing-page .page-header .text-overlay p {
    color: #fff;
    width: 460px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    margin: 0 0 25px 0;
    line-height: 1.3em;
}

#hb-landing-page .page-header .text-overlay a {
    float: none;
    *float: left;
}

#hb-landing-page .three-column-layout div {
    width: 288px;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    zoom: 1;
    *display: inline;
}

#hb-landing-page .three-column-layout ul {
    margin-left: 25px;
}

#hb-landing-page .three-column-layout ul li {
    margin: .3em 0;
}

/* Icon backgrounds */

#hb-landing-page .three-column-layout h3, #hb-landing-page .video-description h3 {
    font-family: Georgia, serif;
    font-size: 22px;
    font-weight: 400;
    padding: 4px 0 10px 42px;
    margin-bottom: 4px;
}

#hb-landing-page .three-column-layout .first h3 {
    background: url('../img/nutrition.png') no-repeat left top;
}

#hb-landing-page .three-column-layout .second h3 {
    background: url('../img/toolkit.png') no-repeat left top;
}

#hb-landing-page .three-column-layout .third h3 {
    background: url('../img/recipes.png') no-repeat left top;
}

#hb-landing-page .text-overlay a, #hb-landing-page .three-column-layout a {
    font-family: Arial, sans-serif;
    text-decoration:none;
    text-shadow: 0 1px 1px #000;
    font-size: 14px;
    color: #fff;
    padding: 8px;
    margin: 10px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    border:none;
    box-shadow: 1px 1px 3px rgba(33,33,33,0.3);
    background: #216dba; /* Old browsers */
    background: -moz-linear-gradient(top, #216dba 0%, #1a5d93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#216dba), color-stop(100%,#1a5d93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #216dba 0%,#1a5d93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #216dba 0%,#1a5d93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #216dba 0%,#1a5d93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #216dba 0%,#1a5d93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216dba', endColorstr='#1a5d93',GradientType=0 ); /* IE6-9 */
}

#hb-landing-page .text-overlay a:hover, #hb-landing-page .three-column-layout a:hover {
    text-shadow: 0 0 0;
    background: #1a5d93; /* Old browsers */
    background: -moz-linear-gradient(top,  #1a5d93 0%, #216dba 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a5d93), color-stop(100%,#216dba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1a5d93 0%,#216dba 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1a5d93 0%,#216dba 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1a5d93 0%,#216dba 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1a5d93 0%,#216dba 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5d93', endColorstr='#216dba',GradientType=0 ); /* IE6-9 */
}

#hb-landing-page .video-container {
    height: 415px;
    margin: 20px 0;
    padding: 0 10px 0 0;
}

#hb-landing-page .video-frame {
    width: 625px;
    float: left;
    margin: 0 15px 0 0;
}

#hb-landing-page .video-description ul {
    font-family: Georgia;
    font-size: 16px;
    margin-left: 25px;
    float: left;
    width: 250px;
}

#hb-landing-page .video-description ul li {
    margin: .6em 0;
}

#hb-landing-page .video-description p {
    font-size: 16px;
    font-family: Georgia, "Times New Roman", serif;
}

.landing-page-wrapper ul.social-sharing {
    list-style-type: none;
    margin: -62px 0 0 20px;
}

.landing-page-wrapper ul.social-sharing li {
    list-style-type: none;
    display: inline;
    margin: 0 5px;
}

.landing-page-wrapper ul.social-sharing li a {
    text-indent: -9999px;
    background: url('../img/social-media-icons-sprite.png') no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    /* Hack for IE */
    *text-indent:0; 
    *font-size:0; 
    *line-height:0; 
    *overflow:hidden;
}
 
.landing-page-wrapper ul.social-sharing li a.social-facebook {
    background-position: 0 -60px;
}
 
.landing-page-wrapper ul.social-sharing li a.social-twitter {
    background-position: -32px -60px;
}
 
.landing-page-wrapper ul.social-sharing li a.social-youtube {
    background-position: -160px -60px;
}
 
.landing-page-wrapper ul.social-sharing li a.social-pinterest {
    background-position: -96px -60px;
}

.landing-page-wrapper ul.social-sharing li span.social-facebook:hover {
    box-shadow: 0px 0px 5px 3px #f8f8ac;
}

.landing-page-wrapper ul.social-sharing li span.social-twitter:hover {
    box-shadow: 0px 0px 5px 3px #f8f8ac;
}

#hb-landing-page .form-group , .foh-right-rail .form-group {
    margin-bottom: 15px;
}
#hb-landing-page .form-group label {
    font-weight: bold;
    font-family: Arial, sans-serif;
    display: inline-block;
    margin-bottom: 5px;
}
#hb-landing-page .form-group .form-control {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    width: 250px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
}
#hb-landing-page .form-group .form-control:focus , .foh-right-rail .form-group .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); 
}
#hb-landing-page .hidden-form-piece , .foh-right-rail .hidden-form-piece {
    display: none;
}
#hb-landing-page .subscribe-form input[type=submit] {
    font-family: Arial, sans-serif;
    text-decoration:none;
    text-shadow: 0 1px 1px #000;
    font-size: 14px;
    color: #fff;
    padding: 8px 12px;
    margin: 10px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    border:none;
    box-shadow: 1px 1px 3px rgba(33,33,33,0.3);
    background: #216dba; /* Old browsers */
    background: -moz-linear-gradient(top, #216dba 0%, #1a5d93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#216dba), color-stop(100%,#1a5d93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #216dba 0%,#1a5d93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #216dba 0%,#1a5d93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #216dba 0%,#1a5d93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #216dba 0%,#1a5d93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216dba', endColorstr='#1a5d93',GradientType=0 ); /* IE6-9 */
}
#hb-landing-page .subscribe-form input[type=submit]:hover , .foh-right-rail .subscribe-form input[type=submit]:hover {
    text-shadow: 0 0 0;
    cursor: pointer;
    background: #1a5d93; /* Old browsers */
    background: -moz-linear-gradient(top,  #1a5d93 0%, #216dba 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a5d93), color-stop(100%,#216dba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1a5d93 0%,#216dba 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1a5d93 0%,#216dba 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1a5d93 0%,#216dba 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1a5d93 0%,#216dba 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5d93', endColorstr='#216dba',GradientType=0 ); /* IE6-9 */
}

/* IACS styles */
/* Brand Color Palette */
body.education.iacs { background: #d2cdc7 url("../img/bg.gif") repeat-x 0 0; }
body.education.iacs #content { margin-top: 95px; }
body.education.iacs #nav-bread, body.education.iacs #nav-tools { top: 175px; }
body.education.iacs #nav-section { top: 330px; left: 13px; }
body.education.iacs #content-col1 { margin-top: 20px; width: auto; padding-right: 20px; margin-left: 238px; }
.about #content .inner-nav .about, .partners #content .inner-nav .partners, .scientists #content .inner-nav .scientists, .public #content .inner-nav .public, .media #content .inner-nav .media, .pipeline #content .inner-nav .pipeline { padding-bottom: 4px; border-bottom-width: 6px; border-bottom-style: solid; }
.about #content .inner-nav .about { background-color: #a3580c; border-color: #f08b25; }
.partners #content .inner-nav .partners { background-color: #2f65a7; border-color: #6899d4; }
.pipeline #content .inner-nav .pipeline { background-color: #c8952a; border-color: #e2c076; }
.scientists #content .inner-nav .scientists { background-color: #544169; border-color: #876ca4; }
.public #content .inner-nav .public { background-color: #5e7a3a; border-color: #91b664; }
.media #content .inner-nav .media { background-color: #5b544d; border-color: #91887d; }
.iacs.iacs-inner #nav-section li { background-color: #c7bbd5; }
.iacs #content-wrapper h1 { padding: 10px; margin: 0 10px 10px; color: white; font-weight: normal; background: #6e5589; }
.iacs.iacs-inner #content-wrapper h1 { margin-bottom: 5px; }
.iacs.iacs-inner #content-banner { border: 0; margin-bottom: 20px; }
.iacs.iacs-inner #content-banner img { margin: 0; }
.iacs.iacs-inner #content-banner .buffer { background: none; }
.iacs.iacs-inner #content-banner .banner-content { background-color: #d0d0ce; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 142px; margin-left: 10px; width: 308px; float: left; padding: 20px; }
.iacs.iacs-inner #content-banner .banner-content h3 { font-size: 1.2em; padding: 0; color: #363636; }
.iacs.iacs-inner #content-banner .banner-content p { padding: 0; color: #4a4d50; }
.slider-container { position: relative; }
.slider-container .slider { width: 934px; overflow: hidden; margin-left: 10px; }
.slider-container .slider .slider-list { list-style-type: none; width: 6000px; padding: 0 !important; }
.slider-container .slider .slider-list li { width: 934px; float: left; background-image: none !important; padding: 0 !important; margin: 0; }
.slider-container .slideIndex { display: none; }
.iacs #grid ul.slideButtons { top: 50%; width: 954px; }
.iacs #grid ul.slideButtons li.slidePrev { float: left; margin-left: 10px; }
.iacs #grid ul.slideButtons li.slideNext { float: right; margin-right: 10px; }
.iacs #grid ul.slideButtons li.slidePrev a, .iacs #grid ul.slideButtons li.slideNext a { padding: 10px; padding-bottom: 8px; background: #63666a; text-indent: 0; text-decoration: none; font-size: 24px; color: white; height: auto; width: auto; }
.iacs #grid ul.slideButtons li.slidePrev a:hover, .iacs #grid ul.slideButtons li.slideNext a:hover { background: #4a4d50; }
#content-wrapper ul.inner-nav { list-style: none; margin: 0 0 0 5px; width: 934px; font-size: 0; }
#content-wrapper ul.inner-nav li { background-image: none !important; font-size: 16px; text-align: center; padding: 10px; margin: 0; width: 16.66%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; *display: inline; zoom: 1; }
#content-wrapper ul.inner-nav li:hover { cursor: pointer; }
#content-wrapper ul.inner-nav li a { color: white; }
#content-wrapper ul.inner-nav li a:hover { text-decoration: none; }
#content-wrapper ul.inner-nav li ul { display: none; }
.iacs #content-wrapper .media-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 640px; min-height: 490px; margin: 20px 0 0 20px; background-color: #d0d0ce; padding: 10px; float: left; position: relative; }
.iacs #content-wrapper .media-box iframe { background-color: white; }
.iacs #content-wrapper .media-box p.caption { padding: 20px; margin: 0; background-color: white; }
.iacs #content-wrapper .news-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 254px; min-height: 490px; float: left; margin: 20px 0 0 20px; padding: 10px 10px 70px 10px; background-color: #d0d0ce; position: relative; }
.iacs #content-wrapper .news-box .news-box-inner { background-color: white; padding: 10px; }
.iacs #content-wrapper .news-box .news-box-inner h4 { color: #6e5589; margin: 10px 0; font-size: 14px; }
.iacs #content-wrapper .news-box .news-box-inner p { margin: 0 0 20px 0; }
.iacs #content-wrapper .news-box ul.links { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 234px; position: absolute; bottom: 10px; margin: 0; padding: 10px; background-color: white; }
.iacs #content-wrapper .news-box ul.links li { background-image: none; padding: 0; margin-bottom: 10px; }
.iacs #content-wrapper .news-box ul.links li a { font-weight: bold; }
.iacs #content-wrapper .news-box ul.links li a:after { content: ">"; color: #da291c; padding-left: 10px; }
.iacs #content-wrapper .grid-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 290px; height: 250px; display: inline-block; vertical-align: top; *display: inline; zoom: 1; margin: 20px 0 0 20px; padding: 10px; background-color: #d0d0ce; }
.iacs #content-wrapper .grid-box a { text-decoration: none; }
.iacs #content-wrapper .grid-box .grid-box-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; height: 100%; color: white; position: relative; }
.iacs #content-wrapper .grid-box .grid-box-inner h3 { font-size: 24px; font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; color: white; }
.iacs #content-wrapper .grid-box .grid-box-inner p { font-size: 14px; line-height: 1.25em; }
.iacs #content-wrapper .grid-box .grid-box-inner p.button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; color: white; text-decoration: none; font-size: 18px; position: absolute; bottom: 10px; left: 20px; width: 230px; }
.iacs #content-wrapper .grid-box .extra { padding: 0; color: white; position: relative; }
.iacs #content-wrapper .grid-box .extra h3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; max-width: 270px; top: 0; right: 0; padding: 10px; background-color: rgba(99, 102, 106, 0.9); }
.iacs #content-wrapper .grid-box .extra p.caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 270px; bottom: 0; left: 0; margin: 0; padding: 10px; background-color: rgba(99, 102, 106, 0.9); }
.iacs #content-wrapper .grid-box .extra:hover { cursor: pointer; }
.iacs #content-wrapper .grid-box .extra:hover h3 { background-color: rgba(74, 77, 80, 0.9); box-shadow: 1px 1px 5px rgba(66, 66, 66, 0.3); }
.iacs #content-wrapper .grid-box .extra:hover p.caption { background-color: rgba(74, 77, 80, 0.9); }
.iacs #content-wrapper .about { background-color: #d3710f; }
.iacs #content-wrapper .about .button { background-color: #f08b25; }
.iacs #content-wrapper .about:hover, .iacs #content-wrapper .about.hover { background-color: #a3580c; cursor: pointer; }
.iacs #content-wrapper .partners { background-color: #407ec9; }
.iacs #content-wrapper .partners .button { background-color: #6899d4; }
.iacs #content-wrapper .partners:hover, .iacs #content-wrapper .partners.hover { background-color: #2f65a7; cursor: pointer; }
.iacs #content-wrapper .pipeline { background-color: #d9ac4c; }
.iacs #content-wrapper .pipeline .button { background-color: #e2c076; }
.iacs #content-wrapper .pipeline:hover, .iacs #content-wrapper .pipeline.hover { background-color: #c8952a; cursor: pointer; }
.iacs #content-wrapper .scientists { background-color: #6e5589; }
.iacs #content-wrapper .scientists .button { background-color: #876ca4; }
.iacs #content-wrapper .scientists:hover, .iacs #content-wrapper .scientists.hover { background-color: #544169; cursor: pointer; }
.iacs #content-wrapper .public { background-color: #789d4a; }
.iacs #content-wrapper .public .button { background-color: #91b664; }
.iacs #content-wrapper .public:hover, .iacs #content-wrapper .public.hover { background-color: #5e7a3a; cursor: pointer; }
.iacs #content-wrapper .media { background-color: #776e64; }
.iacs #content-wrapper .media .button { background-color: #91887d; }
.iacs #content-wrapper .media:hover, .iacs #content-wrapper .media.hover { background-color: #5b544d; cursor: pointer; }
.iacs #content-wrapper .about:hover .button, .iacs #content-wrapper .partners:hover .button, .iacs #content-wrapper .scientists:hover .button, .iacs #content-wrapper .public:hover .button, .iacs #content-wrapper .media:hover .button, .iacs #content-wrapper .pipeline:hover .button { box-shadow: 1px 1px 5px rgba(66, 66, 66, 0.3); }

/* Manny columnar list  - added so he can fake an OL in two columns by manually adding the numbering and using two ULs - Hacky but Ephox would not let us use Josh's solution of a single OL and nested DIV that float left... ppb 5/29/13*/
#content-wrapper ul.no_bullets li {
background: none;
}

/* These mods needed for Clinical Trials landing page variant of patient and Cancer Information Home */
#grid .clin-trials-iframe { margin-top: 135px; }
#grid .clin-trials-iframe .type3 { padding: 20px; }
#grid .clin-trials-iframe .type400 { padding: 10px; }

/* Fix for AddThis Sharing Vertical Toolbar positioning */
#at4-share {
top: 32%;
}
/* Styles for I*Care Quiz section */

.quiz-single, .quiz-multiple, .quiz-text {
background-color: #F0F0F0;
padding-left: 5px;
padding-top: 0px;
}

#content-wrapper #content-col1 .quiz-single ul li {
list-style-type: none;
background: none;
}

.quiz-option label {
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

.quiz-single input[type="text"].quiz-correct, textarea.quiz-correct {
background-color: #50b378;
color: white;
}

.quiz-single input[type="text"].quiz-wrong, textarea.quiz-wrong {
background-color: #EB4237;
color: white;
}

.quiz-correct label {
background-color: #50b378;
color: white;
}

.quiz-wrong label {
background-color: #EB4237;
color: white;
}

.quiz-explanation { padding: 1em 0; font-size: 1.2em; }

/* Rule to kill off obsolete donation button */
.ra-button-bg {
	display: none;
}

/* FoH landing page changes to HB stuff */

body.foh #hb-landing-page .three-column-layout .first h3, body.foh #hb-landing-page .three-column-layout .second h3, body.foh #hb-landing-page .three-column-layout .third h3 {
    background: none;
}
body.foh #hb-landing-page .three-column-layout h3 {
font-family: Georgia, serif;
font-size: 22px;
font-weight: 400;
padding: 4px 0 10px 0;
margin-bottom: 4px;
}
body.foh #hb-landing-page .page-header .text-overlay h3 {
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border: none;
    }
    /* Disease page fix */
     .wrappido-inset .article-wrap {
	overflow: auto;
}
/* FoH right rail fixes */
.foh-right-rail .form-group label {
margin: 10px 0 0 0;
 display: inline-block;
}
.foh-right-rail .form-group .form-control {
width: 220px;
}
.foh-right-rail .subscribe-form input[type=submit] {
margin: 0 0 15px 0;
}
.foh-right-rail h4 {
margin: 15px 0 0 0 ;
}
/* Redirect css from Josh */
#redirect-modal {
  width: 100%;
  background: #EDEDED;
  padding: 0 0 0.75em 0;
  margin: 0;
  position: fixed;
  bottom: 0;
  text-align: center; 
  z-index: 100; }
 #redirect-modal .redirect-description {
    color: #363636;
    font-size: 16px;
    font-family: Arial, sans-serif;
    padding: 0.75em 0 0.5em 0;
    margin: 0 0 0.25em 0; }
  #redirect-modal .btn {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 1.5em 0 0;
    color: white;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    background: #776E64;
    white-space: nowrap; }
    #redirect-modal .btn:focus {
      color: white;
      text-decoration: none; }
      
 /* Cancer Prevention styles from Josh */
#hb-landing-page a.in-page-nav-btn {
  box-sizing: border-box;
  display: inline-block;
  font-size: 13px;
  margin: 0 10px 10px 0;
  width: 46%;
  -moz-box-sizing: border-box;
}
#hb-landing-page a.in-page-nav-btn strong {
  float: right;
}
#hb-landing-page a.in-page-nav-btn.blue {
  background: #407ec9;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.blue:hover, #hb-landing-page a.in-page-nav-btn.blue:focus {
  background: #2f65a7;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.nectarine {
  background: #d9ac4c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.nectarine:hover, #hb-landing-page a.in-page-nav-btn.nectarine:focus {
  background: #c8952a;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.orange {
  background: #ed9e00;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.orange:hover, #hb-landing-page a.in-page-nav-btn.orange:focus {
  background: #ba7c00;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.purple {
  background: #6e5589;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.purple:hover, #hb-landing-page a.in-page-nav-btn.purple:focus {
  background: #544169;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.green {
  background: #b9c704;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.green:hover, #hb-landing-page a.in-page-nav-btn.green:focus {
  background: #8b9503;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.yellow {
  background: #f4d63e;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn.yellow:hover, #hb-landing-page a.in-page-nav-btn.yellow:focus {
  background: #f2cb0d;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#hb-landing-page a.in-page-nav-btn:hover, #hb-landing-page a.in-page-nav-btn:focus {
  text-shadow: 0 1px 1px #000;
}