/* cBio styles: M. Fletcher 2012 */






html { margin:0; padding:0; }



body { width:970px; margin:0 auto; padding:0; background:#fff; color:#03131e; font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:1.3; letter-spacing:-0.01em; }









a { color:#266bb6; }



a:hover { color:#fd903d !important;  }



p { margin:0 0 10px 0; padding:0; }



h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:5px 0 10px; padding:0; }



ul, ol { color:#000; margin:-5px 0 10px 10px; padding:0 0 0 15px; }



blockquote, pre { font-style:italic; font-size:14px; background-color:#eeeeee; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:20px; line-height:20px; margin:10px 25px; }







#container { width:970px; margin:0; padding:0; }







h4.archives { margin:0 0 20px 0; }



h2.search-results { color:#fd903d; }







ins { text-decoration:none; font-weight:bold; color:#555555; }



del { color:#555555; }



abbr, acronym { cursor:help; }







p img { padding:0; max-width:100%; }



img.centered { display:block; margin-left:auto; margin-right:auto; }



img.alignright { margin:10px 0 10px 15px; display:inline; }



img.alignleft { margin:0 15px 10px 0; display:inline; }







.alignright { float:right; }



.alignleft { float:left; }



.clear {  clear:both; }











/* header */



#header { width:970px; padding:0 0 10px; font:normal 12px Arial, Helvetica, sans-serif; }



#header h1 { float:left; width:345px; margin:0 20px 15px 0; padding:80px 0 0; }



#header h1 a { display:block; float:left; width:345px; height:45px; background:url(images/cbio_logo.png); text-indent:-9999px; }







#header div.header-right { float:left; width:605px; height:107px; }







#header a.mskcc-link { float:left; display:block; width:225px; height:30px; margin:15px 145px 0 0; padding:17px 0 0 50px; color:#000; background:url(images/logo_mskcc_black.png) no-repeat; font-size:12px; text-decoration:none; }







#header div.header-links {  float:left; margin:15px 0 5px 0; font-size:11px; }



#header div.header-links a { color:#417db0; font-weight:bold;  }



#header div.header-links span.pipe { padding:0 11px; }







#searchform { float:left; padding-top:5px; }



#searchform input#s { width:145px; height:9px; padding:2px; border:1px solid #999; font-size:10px; color:#999; }



#searchform input#searchsubmit { vertical-align:-4px; }







/* TEMPORARILY HIDE SEARCH PENDING GOOGLE INDEXING */



/* delete this block of code to restore the search box. */



#searchform { display:none; }



#header div.header-links { margin-top:33px; }



/* end TEMPORARILY HIDE SEARCH PENDING GOOGLE INDEXING */







#header div.menu ul li.page-item-246,



#header div.menu ul li.page-item-476 { display:none; /* hide directory and contact in main nav */ }

#header div.menu ul li.page-item-2629 { display:none; /* hide directory and contact and meet cBio in main nav */ }











/* navigation menu */



div.menu { float:left; width:605px; margin:0; padding:3px 0 0 0; border-top:1px solid #7ca5c9; font:normal 12px Arial, sans-serif; }



div.menu ul li a { color:#414951; }



div.menu ul li.current_page_item a, div.menu ul li.current_page_parent a,



div.menu ul li.current_page_ancestor a { color:#7ca5c9; }



div.menu ul li ul li.current_page_item a, div.menu ul li ul li.current_page_parent a,



div.menu ul li ul li.current_page_ancestor a { color:#7ca5c9 !important; }



div.menu ul li ul li.current_page_item a:hover, div.menu ul li ul li.current_page_parent a:hover,



div.menu ul li ul li.current_page_ancestor a:hover { color:#fd903d !important; }



div.menu ul li ul.children li a { font:normal 12px Arial, sans-serif; }







#pixopoint_menu1 { width:100%; margin:0; }



#pixopoint_menu1 ul { width:100%; border:none; background:none; margin:0; padding:0; list-style:none; }



#pixopoint_menu1 li { border:none; background:none; z-index:20; padding:0; margin:0; float:left; position:relative; }



#pixopoint_menu1 li a { display:block; padding:0 15px; border:none; background:none; text-decoration:none; }



#pixopoint_menu1 li.first-page-item a { padding-left:0; }



#pixopoint_menu1 li.last-page-item a { padding-right:0; }



#pixopoint_menu1 ul ul { position:absolute; left:-999em; width:200px; padding-top:10px; }



#pixopoint_menu1 ul.children ul.children { display:none; }



#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul { left:auto; }



#pixopoint_menu1 ul ul li a { margin:0; padding:0 11px 8px; font-weight:normal; color:#2b4560; }



#pixopoint_menu1 ul ul li { z-index:20; width:200px; background:#fff; margin:0; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }











/* general content */



.post { float:left; width:970px; margin:0; padding:0; border-top:2px solid #b6d1eb; }



.post h2 { float:left; width:160px; margin:5px 5px 0 0; padding:0; font-size:20px; font-weight:normal; color:#fd903d !important; }



.post h3 { margin:0 0 2px 0; padding:0; font-size:16px; font-weight:normal; color:#fd903d; }



.post h4 { margin:0 0 5px 0; padding:5px 0 0 0; font-size:12px; font-weight:bold; color:#333; }



.post h5 { margin:10px 0; padding:0; font-size:12px; font-weight:bold; color:#444657; }







.post div.two-column { float:left; min-height:550px; }



.post div.two-column p.intro { display:inline; font-size:16px; }



.post div.two-column p.block { display:inline; font-size:16px; }



.post div.two-column p.lower { padding-top:20px; }



.post div.two-column h3.intro { display:inline; font-size:16px; }



.post div.two-column h3.lower { padding-top:10px; }



.post div.two-column ul.intro { font-size:14px; padding:10px 0 20px 100px; }



.post div.two-column ul.intro li { padding:0 0 5px 10px; }



.post div.two-column p.large { font-size:14px; }



.post div.two-column p.very-large { font-size:16px; }







.post div.left-column { width:570px; padding:10px 30px 40px 15px; border-left:2px solid #b6d1eb; }



.post div.left-column em { color:#f9560f; font-style:normal; }



.post div.left-column ul { margin:0 0 10px 40px; }



.post div.left-column ul li { padding-bottom:5px; }



.post div.left-column ul.education { margin:0; padding:10px 0 5px 15px; list-style:url(images/orange_bullet_large.png); }



.post div.left-column ul.education li { }







.post div.right-column { width:169px; margin-top:10px; padding:5px 5px 5px 10px; border:2px solid #b6d1eb;  }



.post div.right-column ul { margin:0; }



.post div.right-column ul li { padding-top:5px; }







.post div.research-left { width:500px; }



.post div.research-left p.intro { display:block; }



.post div.research-right { width:244px; padding:0 0 0 10px; border-width:0 0 0 2px; }



.post div.research-right a { text-decoration:underline; }



.post div.research-right h4 { margin:0; padding:0; font-size:14px; font-weight:normal; color:#266bb6; }



.post div.research-right h5 { margin:0; padding:0; font-size:12px; color:#266bb6; }



.post div.research-right img { float:left; margin:5px 10px 5px 0; } 



.post div.research-right table.sander { font-size:10px; } 



.post div.research-right table.sander th { background:#eee; } 



.post div.research-right table.sander td { border-bottom:1px solid #eee; }







.post div.left-column-nav { float:left; position:relative; left:-780px; top:100px; width:150px; height:800px; margin-bottom:-800px; color:#ec6c0a; }



.post div.left-column-nav a { color:#000; }







.post div.cancer-genomics-left p.intro { display:block; }



.post div.cancer-genomics-left h3 { font-size:12px; }



.post div.cancer-genomics-left h4 { margin-bottom:20px; font-size:16px; font-weight:normal; color:#266bb6; }



.post div.cancer-genomics-left em { font-style:italic; color:#000; }



.post div.cancer-genomics-left table.cancer-genomics a { font-size:14px; }



.post div.cancer-genomics-right { width:166px; padding:5px 10px; border:1px solid #bac8d1; }



.post div.cancer-genomics-right h3 { color:#266bb6; }



.post div.cancer-genomics-right h4 { margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #bac8d1; color:#266bb6; }







table.mutations { width:570px; }



table.mutations th { padding:5px 10px 5px 0; border-bottom:1px solid #587089; font-weight:normal; vertical-align:top; }



table.cancer-genomics td { padding:0 10px 10px 0; }



table.cancer-genomics td img { border:1px solid #b6d1eb; }



table.mutations td { padding:5px 10px 5px 0; border-bottom:1px solid #b6d1eb; vertical-align:top; }



table.mutations .left { text-align:left; }



table.mutations .center { text-align:center; }



table.callout { margin-bottom:10px; }







.post div.tools-left { width:530px; padding:10px 40px 40px 15px; }



.post div.tools-right { width:200px; padding:0 0 0 15px; border-width:0 0 0 2px; }



.post div.tools-right ul { padding:0; list-style:none; }



.post div.tools-right ul li a { font-size:16px; color:#083171; }







.post div.opportunities ul { padding:0; list-style:none; }



.post div.opportunities ul li a { font-size:14px; color:#083171; }







.post div.opportunity h3 { clear:both; margin-bottom:20px; text-align:center; }



.post div.opportunity h4 { margin-top:40px; text-align:center; }



.post div.opportunity p.center { text-align:center; }



.post div.opportunity p.lower { margin-top:40px; }



.post div.opportunity div.sponsor { float:left; width:190px; height:60px; }



.post div.opportunity div.sponsor-left { text-align:left; }



.post div.opportunity div.sponsor-center { text-align:center; }



.post div.opportunity div.sponsor-right { text-align:right; }







.post div.education ul { margin:-10px 0 15px 10px; padding:0; list-style:url(images/orange_bullet.png); }



.post div.education ul li { padding:0; }



.post div.education ul li a { color:#000; }







.post div.post-right-column { float:left; width:788px; min-height:550px; padding:10px 0 40px 15px; border-left:2px solid #b6d1eb; } /* old-style single column */



.post img.wp-image-494 { vertical-align:-3px; } /* contact page email */







.post div.directory-toc { position:relative; left:-180px; top:60px; width:150px; height:250px; color:#ec6c0a; }



.post div.directory-toc a { color:#000; }











/* inline posts */



.post div.inline-post h2 { display:none }











/* home page content */



body.home-page .sidebar {display:block; }



body.home-page div.post { display:none; /* hide posts which appear inline on other pages */ float:left; margin:0; padding:5px 10px; border:2px solid #a4b7c5; color:#03131e; }



body.home-page div.post a.more { display:block; margin:10px 0 0; font-size:11px; font-weight:bold; color:#266bb6; }



body.home-page .post h2 {  float:none; width:auto; margin:0; padding:0; letter-spacing:4px; font-size:18px; font-weight:normal; line-height:normal; }



body.home-page .post p {  margin:0; padding:10px 0 0 0; }



body.home-page .post ul {  margin:0 0 0 20px; padding:0 5px; list-style:url(images/orange_bullet.png); color:#03131e; }



div.postnav { display:none; } /* hide link for unnecessary nav */







body.home-page div#news, body.home-page div#computational, body.home-page div#publications { display:block; /* re-enable home page posts that should be there */ overflow:hidden; }



body.home-page div#computational {  width:330px; height:310px; margin-right:10px; line-height:1.4; }



body.home-page div#computational h2 { font-size:16px; font-weight:bold; letter-spacing:0; }



body.home-page div#computational p { padding:0; }



body.home-page div#publications {  width:385px; height:310px; margin-right:15px; }



body.home-page div#publications h2 { font-size:21px; letter-spacing:3px; }



body.home-page div#publications h3 { padding:10px 0 0; font-size:12px; font-weight:bold; color:#333; }



body.home-page div#publications p { margin:3px 0 0 20px; padding:0; }



body.home-page div#publications p.left { margin:3px 0 0; }



body.home-page div#publications p a.pub-more { float:right; margin-right:10px; font-size:11px; font-weight:bold; color:#5f809b; }







body.home-page div.breadcrumbs { display:none; }











/* home page news slider */



body.home-page div#news { width:771px; height:410px; margin-bottom:15px; padding:5px 0; border:1px solid #8497b2; }



body.home-page div#news p { display:none; } /* hide WordPress content */ 



body.home-page div#news h2 { height:35px; padding-left:30px; font-size:21px; text-align:center; }



body.home-page div#news h3 { clear:both; padding:5px 0 0 30px; text-align:center;  }



body.home-page div#news h3 a { font-size:11px; font-weight:bold; color:#266bb6;}



body.home-page div#news div { float:left; overflow:hidden; }







body.home-page div#news div.news-left { width:355px; height:355px; margin-left:10px; background:#c7d2de; }



body.home-page div#news div.news-left div { background:#c7d2de; }



body.home-page div#news div.news-left div.news-image { width:335px; height:335px; margin:10px 0 0 10px; background-image:url(images/blank.png); }



body.home-page div#news div.news-left div.indicator-0 { width:10px; height:118px; background-image:url(images/news_pointer.png); }



body.home-page div#news div.news-left div.indicator-1 { width:10px; height:119px; }



body.home-page div#news div.news-left div.indicator-2 { width:10px; height:118px; }







body.home-page div#news div.news-right { width:397px; height:355px; }



body.home-page div#news div.news-right div { padding:5px 20px 5px 10px; border:2px solid #abbcce; }



body.home-page div#news div.news-right div.article-0 { width:365px; height:105px; border-width:2px 2px 1px 0; }



body.home-page div#news div.news-right div.article-1 { width:365px; height:107px; border-width:1px 2px 1px 0; }



body.home-page div#news div.news-right div.article-2 { width:365px; height:105px; border-width:1px 2px 2px 0; }



body.home-page div#news div.news-right h3 { margin:0 0 5px; padding:0; font-size:12px; font-weight:bold; color:#366092; text-align:left; }



body.home-page div#news div.news-right p { display:block; padding:0 0 0 20px; line-height:1.2; }



body.home-page div#news div.news-right a { float:right; position:relative; top:-15px; font-size:11px; font-weight:bold; color:#266bb6; }











/* sidebar */



.sidebar { display:none; /* sidebar only displays on the home page */ float:right; width:180px; margin:0; padding:0; }



.sidebar h2 { font-size:14px; font-weight:500; letter-spacing:-1px; color:#444444; margin:0 0 8px 0; padding:5px 0; border-top:1px dashed #999; border-bottom:1px dashed #999; }



.sidebar ul { padding:0; list-style-type:none; margin:0px 0px 30px 0px; }



.sidebar ul li { text-decoration:none; margin:0; padding:0; color:#555555; }



.sidebar ul li a { color:#000000; padding:0; margin:0; }



.sidebar ul li a:visited { color:#777777; padding:0; margin:0; }



.sidebar ul li a:hover, .sidebar ul li a:visited:hover { color:#444444; padding:0; margin:0; }











/* accordion  */



#accordion { overflow:hidden; color:#383f48; border: 1px solid #b2cdde; }



#accordion h3 { height:14px; margin:0; padding:2px 0 2px 15px; background:#5a7595;  }



#accordion h3.middle { border:solid #fff; border-width:3px 0; }



#accordion h3.ui-state-active { background:#598ee0; }



#accordion h3 a { padding:0 0 0 15px; font-size:10px; font-weight:bold; color:#f7f9fa; text-transform:uppercase;  background:url(images/accordion_icon_up.png) 0 1px no-repeat; text-decoration:none; }



#accordion h3.ui-state-active a { color:#f4f9d1; background:url(images/accordion_icon_down.png) 0 1px no-repeat;  }



#accordion h3 a:hover { color:#074095 !important; }



#accordion p { margin:0; padding:0 10px 10px 10px; }



#accordion p a { display:block; padding:5px 0 0 0; font-weight:bold; color:#366092; }



#accordion p.ui-accordion-content { height:374px; overflow-y:auto; }











/* meet */



.sidebar div.meet { height:302px; overflow:hidden; margin:15px 0 0; padding:5px 10px 15px; border:1px solid #7797af; color:#444657; }



.sidebar div.meet h3 { font-size:21px; color:#fd903d; }



.sidebar div.meet h4 { margin:10px 0 0; font-size:16px; font-weight:bold; color:#366092; }



.sidebar div.meet em { display:block; margin:0 0 5px; color:#000; }



.sidebar div.meet a.meet-more { float:right; margin-right:10px; font-size:11px; font-weight:bold; color:#5f809b; }











/* PDF downloads */



ul.pdf {  float:left; margin:10px 10px 5px 0; padding:0 0 0 5px; list-style-type:none; }



ul.pdf li {  padding:0 0 8px 20px; background:url(images/pdf_list_image.png) no-repeat; }











/* footer */



#footer { clear:both; padding:5px 0; text-align:center; }



#footer p { margin:0; padding:0 10px 10px; }



#footer a:link, #footer a:visited { color:#999999; }



#footer a:hover, #footer a:active { color:#000; }











/* directory */



div.directory-header { width:788; margin-left:110px; border-bottom:1px solid #b6d1eb; color:#fd903d; }



div.cbio-personnel { margin-top:-250px; } /* table of contents */ 



div.directory-header a { color:#000; }



div.directory-header p { display:inline-block; margin:0 30px 5px 0; }



*+html div.directory-header p { float:left; }



div.directory-header p.last { margin-right:0; }



table.directory { margin-top:40px; }



table.directory a { color:#000; }



table.directory th { height:20px; padding-bottom:3px; text-align:left; }



table.directory th.left { border-bottom:2px solid #fff; }



table.directory th.right { padding-bottom:3px; font-size:16px; border-bottom:2px solid #0965a9; color:#6d8597; }



table.directory tr td { border-bottom:1px solid #666; vertical-align:top; }



table.directory tr td.spacer { border:0; padding:10px; }



table.directory tr td.directory-image { width:80px; padding:10px 30px 0 0; border-bottom:1px solid #fff;}



table.directory tr td.directory-left { width:240px; padding:10px 0 0 0; }



table.directory tr td.directory-right { width:418px; padding:10px 0 0 20px; }



table.directory tr.directory-section td { border-bottom:1px solid #587089; }



div#directory-people div.people-header { width:600px; font-size:12px; font-weight:bold; }



div#directory-people p.rightlinks { float:right; width:188px; margin-top:-16px; text-align:right; }



div#directory-people div.group { width:600px; padding-bottom:10px; font-size:12px; }



div#directory-people table.people-info { clear:both; width:100%; padding-top:15px; border-top:1px solid #b6d1eb; }



div#directory-people table.people-info th,



div#directory-people table.people-info td { padding:0 5px 5px 0; text-align:left; vertical-align:top; }



/* link to publications inline post for directory pages */

div#directory-people div.directory-pubs { float:right; width:188px; margin-top:-16px; text-align:right; }

div#directory-people div.directory-pubs h2 { display:none; }













/* publications */



.cbio-pubs div.pubs-sort { margin-bottom:20px; }



.cbio-pubs div.pubs-sort label { display:block; margin-bottom:5px; }



.cbio-pubs div {  margin-bottom:10px; }



.cbio-pubs p { margin:0; }



.cbio-pubs a { padding:0 5px; }



.cbio-pubs h3 { clear:both; margin-top:20px; }



.cbio-pubs div.pub-info { float:left; width:789px; margin-bottom:15px; }



.cbio-pubs div.pub-image { float:left; width:100px; margin:0 20px 0 0; }







#appButtons {

	text-align: center;

}



#appButtons .appButton {

	text-decoration: none;

	display: inline-block;

	width: 149px;

	height: 15px;

	background-color: #7c7c7c;

	color: #fff;

	-webkit-border-radius: 12px;

	border-radius: 12px;

	font-size: 18px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	padding: 8px 0 15px;

	/* Firefox */

    -moz-transition: all 180ms ease-in;

    /* WebKit */

    -webkit-transition: all 180ms ease-in;

    /* Opera */

    -o-transition: all 180ms ease-in;

    /* Standard */

    transition: all 180ms ease-in;

}



#appButtons .appButtonDisabled {

	text-decoration: none;

	display: inline-block;

	width: 149px;

	height: 15px;

	background-color: #d1d1d1;

	color: #fff;

	-webkit-border-radius: 12px;

	border-radius: 12px;

	font-size: 18px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	padding: 8px 0 15px;

}



#appButtons .appButton:first-child {

	margin-right: 20px;

} 



#appButtons #itunes {

	background-image: url('../../uploads/2012/08/appIcon.png');

	background-repeat: no-repeat;

	background-position: 8px 6px;

	padding-left: 35px;

	width: 114px;

}



#appButtons #webapp {

	background-image: url('../../uploads/2012/08/webappIcon.png');

	background-repeat: no-repeat;

	background-position: 8px 4px;

	padding-left: 64px;

	width: 85px;

}





#appButtons .appButton:hover {

	color: #fff !important;

	background-color: #ff7612;

	/* Firefox */

    -moz-transition: all 180ms ease-in;

    /* WebKit */

    -webkit-transition: all 180ms ease-in;

    /* Opera */

    -o-transition: all 180ms ease-in;

    /* Standard */

    transition: all 180ms ease-in;

}