html {
	background:url('../images/main-bg-x.png') repeat-x scroll 0 0 #000018;
	position: relative;
}

body {
	background:url("../images/main-bg-fade.png") no-repeat scroll 0 0 transparent;
	font-family: Arial,Helvetica,sans-serif;
	min-width: 1000px;
	position: relative;
}

h1,h2,h3,h4,h5 {
  color: #642566;
	font-weight: bold;
	line-height:1.2;
	margin: 1.25em 0 .25em;
}

h1 {
	font-size: 1.8em;
	margin:0 0 .75em;
}

h1 span.h1-sub {
	font-size: .85em;
}

h2 {
  font-size:1.5em;
}

h2.fake-h1 {
  font-size:1.8em;
}

h2 span.h2-sub {
	font-size: .85em;
}

h3 {
  font-size:1.2em;
}

a {
	color: #346ec2;
	text-decoration:none;
}

a:hover {
  color: #346ec2;
  text-decoration:underline;
}

p {
  margin: .5em 0 1.5em;
}

sup {
  font-weight:normal;
}

blockquote {
  font-style:normal;
}

.block {
	display: block;
}

#content-body .right-content blockquote img {
  margin-bottom:0;
}

.square-symbol {
	font-size: 120%;
	font-weight: bold;
}

/* temp for research-ed/adc/current-research page */
.top-margin {
	margin-top:15px;
}

#content-body .footnote {
  font-size:.9em;
}

/* for images with footnotes -- could interfere with page footnotes */
#content-body p + p.footnote {
  margin-top:-1.5em;
}

#content-body .text-center {
  text-align:center;
}

#content-body span.nowrap {
  white-space:nowrap;
}

/* this is here because BRAF is really weird about their italics (ask Tiffany)... hope to find a better solution in the future */
span.italic {
	font-style: italic;
}

.no-italic {
  font-style: normal;  
}

.left {
  float: left;
}

.right {
  float: right;
}

.inline-block {
	display: inline-block;
}

	/* ---------------------------CONTENT BODY--------------------------- */

#content-body {
	color: #202020;
	position: relative;
	clear: both;
	padding-bottom: 20px;	
}

#content-body .border-bottom {
	background: none repeat scroll 0 0 #D8D8D8;
  bottom: 21px;
  clear: both;
  display: block;
  height: 1px;
  position: relative;
  right: -235px;
  width: 765px;
}

#content-body .container {
	background: url('../images/content-container-bg.png') repeat-y;
	overflow: hidden;
}

#content-body .container .container-body {
  background: url("../images/container-body-bg.png") repeat-y scroll 234px 0 transparent;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
}


/* -------------------------------RIGHT CONTENT------------------------------- */


.right-content {
	float:left;
	margin:0;
	padding:20px 25px;
	width:715px;
}

.right-content h2 {
	margin-top:0;
}

/* lists */

.right-content ul {
  list-style: none;
  margin:1.5em 0 1em;
}

.right-content p + ul {
  margin-top:-1em;
}

.right-content ul ul {
  margin:.5em 0;
}

.right-content ul li {
	background: url('../images/bullet.gif') no-repeat left 5px;
	padding-left: 1.5em;
}

.right-content ul li ul li {
  background: url('../images/bullet-secondary.gif') no-repeat left 5px;
}

.right-content ul li ul li ul li {
  background: url('../images/bullet-tertiary.gif') no-repeat left 5px;
}

.right-content ul.spaced-out li {
  margin-bottom:15px;
}

.right-content ul.column, .right-content ul.column li ul  {
  margin: 0;
}

.right-content ul.column li {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0 10px;
  width: 200px;
}

.right-content ul.no-bullets {
  background: none;
  margin:0 0 15px;
  padding:0;
}

.right-content ul.no-bullets li {
  background: none;
  list-style-type:none;
  padding: 0;
}

ol li .large-image {
  margin-left: -1.5em;
}

a.external-arrow {
  background: url('../images/external-arrow.png') no-repeat center left;
  padding-left: 15px;
}

.arrow-btn {
  display:inline-block;
  height:36px;
  background:transparent url(../images/arrow-btn.png) right -72px no-repeat;
  padding-right:21px;
  text-decoration:none;
}

.arrow-btn span {
  background:transparent url(../images/arrow-btn.png) 0 0 no-repeat;
  color:#545657;
  display:block;
  font-size:11px;
  font-weight:bold;
  height:25px;
  padding:7px 5px 0 15px;
}

.arrow-btn:hover {
  background-position: right -111px;
  text-decoration:none;
}

.arrow-btn:hover span {
  background-position: 0 -39px;
}

blockquote img {
  margin-bottom:0;
}

blockquote img.startQuote { 
  margin:0;
}

blockquote img.endQuote {
  margin-top:-6px;
}

blockquote.no-margin {
  margin:1.5em 0;
}

blockquote img.endQuote {
  position:relative;
  margin-top:-10px;
  bottom:-10px;
}

/* ----- RELATED RESOURCES ---- */

#content-body .container .with-border {
  background:transparent url(../images/container-body-bg-right.png) right top repeat-y;
}

.right-content #main {
  padding-right: 25px;
  width: 502px;
  position: relative;
}

/* this is probably the worst style ever but requires a lot of testing to fix */
.right-content #main img {
  margin:10px 0 5px;
}

.right-content #main img.no-margin {
	margin: 0;
>>>>>>> master
}

.right-content .right-bar {
  float:right;
  width:165px;
  margin-bottom:0;
}

.right-content .right-bar h3 {
	background: url('../images/related-resource-header-bg.gif') no-repeat;
	color: #0066ac;
  font-size: 1em;
  margin-bottom:10px;
  padding-left: 38px;
}

.right-content #nav-primary, .right-content #nav-primary ul {
  background: none;
	margin: 0;
	padding: 0;
}

.right-content #nav-primary li {
  background: none;
  border-bottom:1px solid #dadada;
  line-height: 1.1;
	list-style-type:none;
	margin: 5px 0;
	padding: 5px 0;
}

.right-content #nav-primary li:last-child {
  border-bottom:none;
}

.right-content #nav-primary li ul li ul {
  margin-left:10px;
}

.right-content #nav-primary li ul li {
  border-bottom:none;
  padding:0;
}

/* gray titles */
.right-content #nav-primary li a {
	color: #333;
	font-size: 1em;
	font-weight:bold;
	margin-bottom:5px;
	text-decoration: none;
}

/* shouldn't look like a link */
.right-content #nav-primary li a:hover {
  cursor:default;
  text-decoration:none;
}

.right-content #nav-primary li ul li a {
  color:#0066ac;
  font-weight:normal;
} 

/*controls RR submenu color*/
.right-content #nav-primary li ul.ui-accordion-content-active li a {
  color:#488de4;
}

.right-content .ui-accordion .ui-accordion-header .ui-icon {
  background-position:-37px 0;
  display:block;
  float:right;
  height:13px;
  width:7px;
}

.right-content .ui-accordion .ui-state-active .ui-icon {
  background-position:-69px 0;
}

.right-content #nav-primary li ul li a:hover {
  cursor:pointer;
	text-decoration:underline;
}

.right-content #nav-primary li a span {
	color: #999999;
}


/* --------------- Tumor Types ------------------- */

.right-content #main img.hug-right {
  margin:0 -25px 5px 5px;
}

/* --------------- Therapeutic targets ------------------- */

.image-right {
  float:right;
  margin:0 0 15px 15px;
}

#content-body .right-content .image-right p{
  color: #666;
  margin: 0;
  font-size: .9em;
  text-align: center;
}

#content-body .right-content .image-right img {
  border:1px solid #ccc;
  margin: 6px 0 0;
}


/* ----------------- GLOSSARY -----------------------------*/

.glossary ul.alpha {
  margin:0 0 50px;
}

#content-body .right-content .glossary ul.alpha li {
  background: none;
  border-right:1px solid #ccc;
  display:inline;
  list-style-type:none;
  list-style-image:none;
  margin-left:7px;
  padding: 0 7px 0 0;
}

.glossary ul.alpha li.remove {
  border-right:none;
}

.glossary dl dd, .glossary dl ul {
  margin-left:0;
}

/* need to remove #content-body styling from base of styles, blech*/
#content-body .right-content .glossary dl ul li {
  background: none;
  font-size:.6em;
  list-style-image:none;
  list-style-type:none;
  padding: 0;
}

/* this shouldn't have to be set; note to fix sizing base font at 1.2em -- BAD! */

#content-body .glossary dl p {
  font-size:1em;
/*  margin:2px 0 10px;*/
}

/* I want this link to have a class on it but can't find where it's being rendered -- fix in future */
.glossary p a {
  float:right;
}

#content-body .right-content .video-js-single {
	display:block;
	margin-bottom:20px;
	position: relative;
	overflow: hidden;
}

#content-body .right-content .video-js-single img {
  margin:0;
}

/* -- register pages -- */

#manage-communications {
  margin-bottom:1em;
}

#manage-communications ul, #manage-communications h2 {
  margin:0;
}

#manage-communications ul li {
  display:inline;
  list-style-image:none;
  list-style-type:none;
}

/* --- Large image is the gray image box that pops up a larger version */

.large-image {
  display:inline-block;
  background:#e0e0e0;
  padding:5px 5px 0;
  overflow:hidden;
  margin-bottom:1.5em;
  text-align: center;
}

.large-image:hover {
  text-decoration:none;
}

.large-image div {
  background:#FAFAFA;
  padding:10px;
  width:470px;
}

.right-content #main .large-image img {
  display:block;
  margin:0 auto 10px;
}

.large-image cite {
  color:#84888a;
  display:block;
  font-size:.9em;
  font-style:normal;
}

.large-image .click {
  background:transparent url(../images/image-larger.png) left top no-repeat;
  color:#84888a;
  display:block;
  font-weight:bold;
  font-size:1em;
  padding: 0 0 1px 28px;
  margin:10px auto;
  max-width:320px;
}

.large-image:hover .click {
  color:#666;
}

#content-body .right-content h5.ref {
  display: block;
  clear: left;
  color: #636363;
  font-size: 1.2em;
  margin: 35px 0 5px;
}

dl.page-references {
  /*margin-left:15px;*/
  display:inline-block;
  word-wrap: break-word;  
}

dl.page-references dt, dl.side-by-side dt {
  clear:left;
  float:left;
  text-align:right;
}

dl.page-references dd, dl.side-by-side dd {
  margin-bottom:.5em;
  margin-left:25px;
  word-wrap: break-word;
}

#content-body .right-content .prc-code {
  clear:both;
  float:right;
  margin:0;
  font-size:11px;
}

table {
  border-left:1px solid #d9d9d9;
  max-width:500px;
}

table th {
  text-align:left;
  font-size:13px;
  color:#642566;
  background-color:#e8e8e8;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #a8a8a8;
  border-right:1px solid #d9d9d9;
}

table td {
  border-bottom:1px solid #d9d9d9;
  border-right:1px solid #d9d9d9;
  vertical-align:top;
}

table td.alt {
  background-color:#ebebeb;
}

/* table.style2 has custom zebra striping (and has diff header style) */

table.style2 td.alt {
  background-color:transparent;
}

table.style2 th {
  background-color:#642566;
  color:#fff;
}

table.style2 td.shade {
  background-color:#ebebeb;
}


/* ------------- SEARCH --------------- */

#search-results ul {
  margin-left:0;
}

#search-results ul li {
  list-style-image:none;
  list-style-type:none;
  margin:1.25em 0;
}


/* -------------------Items related to print stylesheet-------------------- */

#print-copyright {
  display:none;
}

/* ----------------- GLOSSARY -----------------------------*/
#apoptosis-header h1 {
  display: inline;
}

#apoptosis-header p {
  color: #642566;
  display: inline;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 .75em;
}