/* THE CLEARITY FOUNDATION */



/* GLOBAL STYLING */

* {margin:0; padding:0;}

body {
	
	margin:0; padding:0;	background:#FFFFFF;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px;
	
	color:#606060;
	
}

#wrapper {
	
	width:985px; overflow:hidden;	
	margin:0 auto; padding:0;	
	background: url(images/dna-background.jpg) top right no-repeat;
	
}

a:link, a:visited, a:active {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060; text-decoration:none;

}
.soman{ display:inline; width:100%; margin:0 auto;}
.soman h3{margin:0; padding:0; display:inline;}
.soman h3 a{text-decoration:none;color:#ffffff; cursor:default;}
a:hover {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060; text-decoration:underline;

}



/* HEADER STYLING */

#header {
	
	width:985px; height:122px;
	
	margin:0; padding:0;
	
	background: url(images/header.gif) top left no-repeat;
}

a.header-link {
	
	width:410px; height:113px;
	
	margin:0; padding:0;
	
	display:block; float:left;
}

.header-link span {display:none;}



/* BANNER & NAV STYLING */

#banner {
	
	width:985px; height:222px; clear:both;
	
	margin:0; padding:0; overflow:hidden;
	
	background:#20B1B5 url(images/banner.jpg) top left no-repeat;
}

#nav {

	width:975px; height:28px; display:block;
	
	margin:15px 0 0 0; padding:0 0 0 10px; 
	
	background: #9D9FA1 url(images/nav-background.jpg) top right no-repeat;
	
}

#nav li {
	
	float:left; list-style:none; display:inline;
	
	margin:0; padding:6px 10px 0; height:22px;
	
	color:#FFFFFF; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}

#nav li a {
	
	color:#FFFFFF; text-decoration:none;
	
	float:left; display:block;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}

#sub-nav {

	width:975px; height:28px;
	
	margin:10px 0 0 0; padding:0 0 0 10px; 
	
	background: #40bcbf url(images/sub-nav-background.jpg) top right no-repeat;
	
}

#sub-nav li {
	
	float:left; list-style:none; 
	
	margin:0; padding:6px 10px 0; height:22px;
	
	color:#FFFFFF; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}

#sub-nav li a {
	
	color:#FFFFFF; text-decoration:none;
	
	float:left; display:block;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
	
}



/* HOME CONTENT STYLING */

#home-content {
	
	width:985px; overflow:hidden;
	
	margin:25px auto 0 auto; padding:0;
}

#physicians-box {
	
	float:left; width:328px; min-height:340px;
	
	margin:0; padding:0; 
}

#patients-box {
	
	float:left; width:328px; min-height:340px;
	
	margin:0; padding:0; border-right:1px solid #9d9ea0;
}

#news-box {
	
	float:left; width:327px; min-height:340px;
	
	margin:0; padding:0; border-right:1px solid #9d9ea0;
}

#physicians-box p, #patients-box p, #news-box p {
	
	margin:0; padding:10px 25px;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;
	
	color:#606060;

}

#news-box ul li {
	
	margin:0 25px; padding:15px 0;
	
	list-style-position:inside; border-bottom:1px solid #9d9fa1;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#606060;
	
}

.oprah ul li {
	
padding:5px 0 !important; border:none !important;	
}




#news-box ul li span {font-weight:bold; padding-right:5px;}

#news-box ul li a:link, #news-box ul li a:visited, #news-box ul li a:active {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#20B1B5; text-decoration:none; font-weight:bold;

}

#news-box ul li a:hover {
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#20B1B5; text-decoration:underline;

}

#news-box hr {width:277px; height:1px; margin:10px auto 0 auto; padding:0; color:#9d9fa1; background:#9d9fa1; border:0; clear:both;}





/* SUBPAGE CONTENT STYLING */

.content {
	
	width:985px; overflow:hidden; clear:both;
	
	margin:15px auto 0 auto; padding:0 auto; border-top:1px solid #c8c8c8;
	
	background:#FFFFFF;
}

.content-left-column {
	
	width:492px; float:left;
}

.content-right-column {
	
	width:492px; float:left;
}
.content p {
	
	margin:0; padding:10px 25px;
	
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;
	
	color:#606060;

}
.content ul { margin: 0 10px 0 20px; padding:10px 25px; }
              
.content li { margin: 0 0 10px 2px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;	color:#606060;}

.content ol { margin: 0 0 0 40px;}

.content ol li{ margin:9px 0 12px 0;}

/* GRID VIEW GET-INVOLVED.ASPX */

.grid-thumb{ width:212px; margin:30px 5px 30px 24px; float:left;}

.grid-thumb p{ padding:4px 0 0;}

/* LIST VIEW GET-INVOLVED.ASPX */

.list-thumb{ height:80px; margin:30px 0 30px 24px;}

.list-thumb p{ padding:28px 0 0;}

.list-thumb a{ float:left; margin:0 10px 0 0; }

/* LIST VIEW PATIENT-STORIES.ASPX */

.thumb_stor{ height:80px; margin:15px 0 15px 24px;}

.thumb_stor p{ padding:5px 0 0;}

.thumb_stor a{ color: #20B1B5; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold;float:left; margin:0 10px 0 0; }

/* FOOTER STYLING */
#footer {
	
	width:985px; margin:20px 0 0 0; padding:10px 0 30px 0; clear:both;
	
	border-top:1px solid #abadae; overflow:hidden;
}

.copyright {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1;
	
	margin: 13px 0 0 0; padding:0; float:left;
}

.footer-nav {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1;
	
	margin:0; padding:0; float:right;
}
.footer-nav a:link, .footer-nav a:active, .footer-nav a:visited {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1; text-decoration:none
	
}
.footer-nav a:hover {
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#9c9ea1; text-decoration:underline;

}



/* TYPOGRAPHY STYLING */

hr {
	
	width:985px; height:1px;
	
	margin:15px auto; padding:0; border:0; clear:both;
	
	color:#c8c8c8; background:#c8c8c8; 
}

.green-arrow {
	
	float:right; margin:0; padding:10px 25px 0 25px;
	
	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#20b1b5;
}

.green-arrow a:link, .green-arrow a:visited, .green-arrow a:active {

	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#20b1b5;
	
	text-decoration:none; background: url(images/green-arrow.gif) center right no-repeat;
	
	margin:0; padding:0 20px 0 0;

}

.green-arrow a:hover {

	font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#20b1b5;
	
	text-decoration:underline; background: url(images/green-arrow.gif) center right no-repeat;
	
	margin:0; padding:0 20px 0 0;

}

h1 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#20b1b5; margin:0; padding:20px 25px 5px 25px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#20b1b5; margin:0; padding:20px 25px 5px 25px;}

h6 {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#20b1b5;}
h6 span {display:none;}

h6.physicians-header {width:328px; height:75px; margin:0; padding:0; background: url(images/physicians-box-header.gif) top right no-repeat;}
h6.physicians-header a{width:328px; height:75px; display:block; outline:none; text-indent:-4000px;}
h6.patients-header {width:328px; height:75px; margin:0; padding:0; background: url(images/patients-box-header.gif) top right no-repeat;}
h6.patients-header a{width:328px; height:75px; display:block; outline:none; text-indent:-4000px; }
h6.news-header {width:327px; height:75px; margin:0; padding:0; background: url(images/news-box-header.gif) top right no-repeat;}
h6.news-header a{display: block; height: 66px; outline: none; text-indent: -4000px; width: 326px;}


/* DROP DOWN MENU */

.sf-menu-box {width:985px; height:28px;	background: #9D9FA1 url(images/nav-background.jpg) top right no-repeat; margin:15px 0 0 0;}
.sf-menu-subpage-box {width:985px; height:28px;	background: #40bcbf url(images/sub-nav-background.jpg) top right no-repeat; margin:15px 0 0 0;}

.sf-menu, .sf-menu * {margin:0;	padding:0; list-style:none;}

.sf-menu {

	width:975px; height:28px; 
	
	list-style:none; line-height:1.0;
	
	margin:0; padding:0 0 0 10px; 
	
}

.sf-menu ul {position: absolute;top: -999em; width:10em; border:1px solid #999999; /* left offset of submenus need to match (see below) */}

.sf-menu ul li {width:100%;list-style:none;}

.sf-menu li:hover {visibility:inherit; /* fixes IE7 &##39;sticky bug&##39; */}

.sf-menu li {float:left;position:relative; height:28px; line-height:26px; color:#FFFFFF;}

.sf-menu a {display: block;	position: relative;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;	top:28px; /* match top ul list item height */	z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */	top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	10em; /* match ul width */ top:	0;}

.sf-menu li a {
	
	color:#FFFFFF; text-decoration:none; margin:0 10px;
	
	float:left; display:block; height:28px; line-height:26px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
}

.sf-menu li a:hover {
	
	color:#FFF; text-decoration:none; margin:0 10px;
	
	float:left; display:block; height:28px; line-height:26px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;	
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#fff;}
.sf-menu li ul li a, .sf-menu li ul li a:visited {color:#606060;}

.sf-menu li li {background:#FFF; color:#606060;}
.sf-menu li li li {	background:	#FFF;}

.sf-menu li ul li a {
	
	color:#606060; text-decoration:none; margin:0 5px; padding:0;
	
	float:left; display:block; height:25px; line-height:25px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;
}

.sf-menu li ul li a:hover {
	
	color:#606060; text-decoration:underline; margin:0 5px; padding:0;
	
	float:left; display:block; height:25px; line-height:25px;
	
	font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:normal;
}

.financeformul {

margin:0; padding:10px 38px;


}

.financeformul li{

height: 40px;
}

/* Clinical Summary Section Styling */


table.grid { border-collapse:separate; border-spacing:1px; margin-bottom:15px; padding:10px 25px; table-layout:fixed; width:750px; *margin-left:25px; }
table.grid th { font-weight:normal; font-size:1.1em; padding:8px 11px; color:#fff; background:#4f81bd; font-weight:bold; border-bottom: 3px solid white; }
table.grid a { text-decoration:underline; }
/* Base */
table.grid td { padding:8px 11px; background:#dce6f2; }
/* Grey */
table.grid tr.grey td {padding:8px 11px; background:#d0d8e8;}
/* Alt color */
table.grid tr.alt td { padding:8px 11px; background:#c6d9f1; }

table th { color:#000; } 
.clear { clear:both; }
.bold {font-weight:bold;}

/*Platinum*/
/* Head */
table.platinum th { background:#8064a2; }
/* Base */
.content table.platinum td { background:#e9edf4; }
/* Alt color */
.content table.platinum tr.alt td { background:#d0d8e8; }

/*Taxane*/
/* Head */
table.taxane th { background:#4f81bd; }
/* Base */
.content table.taxane td { background:#e9edf4; }
/* Alt color */
.content table.taxane tr.alt td { background:#d0d8e8; }


/*Gemci*/
/* Head */
table.gemci th { background:#c0504d; }
/* Base */
.content table.gemci td { background:#e9edf4; }
/* Alt color */
.content table.gemci tr.alt td { background:#d0d8e8; }

/*topo1*/
/* Head */
table.topo1 th { background:#f79646; }
/* Base */
.content table.topo1 td { background:#e9edf4;}
/* Alt color */
.content table.topo1 tr.alt td { background:#d0d8e8; }

/*topo2*/
/* Head */
table.topo2 th { background:#9bbb59; }
/* Base */
.content table.topo2 td { background:#e9edf4;}
/* Alt color */
.content table.topo2 tr.alt td { background:#d0d8e8; }

/*teal*/
/* Head */
table.teal th { background:#4bacc6; }
/* Base */
.content table.teal td { background:#e9edf4;}
/* Alt color */
.content table.teal tr.alt td { background:#d0d8e8; }


#description { z-index: 5000; border: none; width:367px; position:absolute; }
#description .top { background:url(images/bubble-top.png) no-repeat right bottom; height:22px; }
#description.left .top { background:url(images/bubble-top.png) no-repeat left bottom; }
#description .dcontent { background:url(images/bubble.png) no-repeat right top; padding:7px 30px 0 47px;  min-height:26px; height:auto !important; height:26px; }
#description.left .dcontent { background:url(images/bubble2.png) no-repeat left top; padding:0 47px 0 30px; }
#description .dcontent p { padding:0 0 7px; margin:0; color:#000; }
#description .bottom { background:url(images/bubble-bottom.png) no-repeat right top; height:22px; }
#description.left .bottom { background:url(images/bubble-bottom.png) no-repeat left top; }

#description.right-ie .top { background:url(images/bubble-top.gif) no-repeat right bottom; }
#description.right-ie .dcontent { background:url(images/bubble.gif) no-repeat right top; }
#description.right-ie .bottom { background:url(images/bubble-bottom.gif) no-repeat right top; }
#description.left-ie .top { background:url(images/bubble-top.gif) no-repeat left bottom; }
#description.left-ie .dcontent { background:url(images/bubble2.gif) no-repeat left top; }
#description.left-ie .bottom { background:url(images/bubble-bottom.gif) no-repeat left top; }






#sidebar { width:225px; float:right; padding:56px 0 20px; }
#sidebar h4 { background:#40BCBE; font-size:13px; font-weight:bold; color:#fff; padding:8px 15px;  }
#sidebar ul { border:1px solid #c8c8c8; border-top:0; padding:10px; margin:0; }
#sidebar ul li { list-style:none; border-bottom:1px solid #ddd; margin:0; padding:0; }
#sidebar ul li.last { border:0; }
#sidebar ul li a { display:block; color:#000; padding:5px; }
#sidebar ul li a:hover { text-decoration:none; background:#efefef; }
#sidebar ul li ul { border:0; margin:0; padding:0 0 5px; display:none; }
#sidebar ul li.current ul { display:block; }
#sidebar ul li ul li { border:0; }
#sidebar ul li ul li a { color:#555; padding:3px 15px; background:url(images/bullet.gif) no-repeat 7px 9px; }
#sidebar ul li ul li a:hover { background:#efefef url(images/bullet.gif) no-repeat 7px 9px; }

.content #references p { padding:0 25px 0 45px; text-indent:-20px; }

.content p#rollover { padding-top:10px; display:none; padding-bottom:0; margin-bottom:0; }
.content p#key { padding-top:0; margin-top:0; }


.patient-stories ul {  margin:0; padding:15px 25px 5px 25px;}
.patient-stories ul li a { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
                         color:#20b1b5;}
/* added 07-19-11 */
#info {
	float:right;
	width: 250px;
	margin-top: -70px;
	margin-right: 10px;
	border: 1px solid #40bcbe;
	border-radius: 1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	clear: left;
	behavior: url(/js/PIE.htc);
	position:relative;
}
.caption_img{
width:300px;
float:right;
margin:0 25px 25px;
}
.caption{
background:#40BCBE;
color: #FFFFFF;
float: right;
padding: 5px;
}
/* added 12-16-11 */
.img-float-left{
float:left;
margin:17px 20px 0 27px;
clear:left;
}
.img-float-left-spon{
float:left;
margin:17px 20px 12px 27px;
clear:left;
}
/*Sponsors Page Div*/
#sponsor-align{

}
/* news events body copy links  */
#news-events a:link {  font-weight: bold;}
#news-events a:hover {  font-weight: bold; color: #40BCBE; }
