/* 	the following controls the sidebar "highlighting" effect when you're on a page.
		use the same class in the <div id="bodycopy"> and the <a> in the columnA.htm include */
		
.c01 .c01,
.c02 .c02,
.c03 .c03,
.c04 .c04,
.c05 .c05,
.c06 .c06,
.c07 .c07,
.c08 .c08,
.c09 .c09,
.c10 .c10,
.c11 .c11,
.c12 .c12,
.c13 .c13,
.c14 .c14,
.c15 .c15,
.c16 .c16,
.c17 .c17,
.c18 .c18,
.c19 .c19,
.c20 .c20,
.c21 .c21,
.c22 .c22,
.c23 .c23,
.c24 .c24,
.c25 .c25,
.c26 .c26,
.c27 .c27,
.c28 .c28,
.c29 .c29,
.c30 .c30,
.c31 .c31,

.d01 .d01,
.d02 .d02,
.d03 .d03,
.d04 .d04,
.d05 .d05,
.d06 .d06,
.d07 .d07,
.d08 .d08,
.d09 .d09,
.d10 .d10,
.d11 .d11,
.d12 .d12,
.d13 .d13,
.d14 .d14,
.d15 .d15,

.n01 .n01,
.n02 .n02,
.n03 .n03,
.n04 .n04,
.n05 .n05,
.n06 .n06,
.n07 .n07,
.n08 .n08,
.n09 .n09,
.n10 .n10,
.n11 .n11,
.n12 .n12,
.n13 .n13,
.n14 .n14,
.n15 .n15  { 											background-color: #DDDDDD; } 


.oad .oad,
.cgcb .cgcb,
.cib .cib,
.ctmb .ctmb,
.idb .idb,
.pmb .pmb,
.ctoib .ctoib,
.rab .rab,
.arc .arc { 											background-color: #DDDDDD; } 



.subSectionLinks {									display: none; }


.sublinks01 #sublinks01,
.sublinks02 #sublinks02,
.sublinks03 #sublinks03,
.sublinks04 #sublinks04,
.sublinks05 #sublinks05,
.sublinks06 #sublinks06,
.sublinks07 #sublinks07,
.sublinks08 #sublinks08,
.sublinks09 #sublinks09,
.sublinks10 #sublinks10 {							display: block!important; }





.dataTable {											border-collapse: collapse;
															border-spacing: none;
															margin: 10px 0 20px 0;
															border-bottom: 1px solid #AAAAAA;
															width: 100%; }

.dataTable caption {	 								font-size: 14px;
															line-height: 21px;
															color: #606060;
															font-weight: bold;
															margin-top: 20px;
															text-align: center; }

.dataTable td, .dataTable th {      			padding: 5px;
															text-align: left; }
															
.dataTable th {										font-weight: bold;
															vertical-align: bottom!important;}

.dataTable td {     									border-top: 1px solid #AAAAAA;
															vertical-align: top;}

.dataTable .oddRow {									background-color: #F0F0F0; }







#newsArticles { list-style-type: none!important;
                                                padding: 0px!important;
                                                font-size: 1em!important;}

#newsArticles a {       font-size: 1.4em!important;}



.prevNextLinks {										margin-top: 6em; 
															text-align: right;}

.prevNextLinks a {									font-weight: normal!important; }

.prevNextLinks div {									margin-bottom: 2em; }

.prevnextBar {											padding: 0 10px;}




p.disclaimer {											font-size: 10px!important;
															line-height: 12px!important;
															margin-top: 4em; }

.insetBox {												width: 280px;
															margin: 20px 0 20px 20px;
															float: right;
															padding: 10px 10px 10px 10px;
															background-color: #F0F0F0;
															border: 1px solid #E0E0E0;
															-moz-border-radius: 9px;
															-webkit-border-radius: 9px;
															-khtml-border-radius: 9px;
															border-radius: 9px;
															overflow: hidden;
															clear: right!important; }
														
									
.insetBox h4 {											font-size: 14px;
															background-color: #606060;
															color: #FFF!important;
															font-weight: bold;
															margin: -10px -10px 5px -10px!important;
															padding: 5px 10px 5px 10px; }

.backtotop {											font-size: 10px;
															text-align: right;}
.backtotop a {											font-weight: normal!important; }


.section {												margin-top: 4em;
															padding-top: 1em;
															border-top: 1px solid #E0E0E0; }

.centerNote {											text-align: center;
															padding-top: 2em; }

.announcement {										margin: 2em 0;
															font-size: 18px!important;
															font-weight: bold; }

.underline { 											text-decoration:underline; }


.topDisclaimer {										margin: 2.4em 0 0 0;
															font-style: italic; }



.nospace {												margin-top: 0px!important; }

.nowrap {												white-space: nowrap; }

/* page-specific styles */

.staffTable .staffName {		width: 180px!important; }
.staffTable .staffPosition {	width: inherit!important; }
.staffTable .staffEmail {		width: 200px!important;  }
.staffTable .staffPhone {		width: 80px!important;  }
.staffTable .staffRoom {		width: 50px!important;  }



.staffTable a { display: block; }



.pacctMembers {	width: 270px;
						float: left; 
						margin-right: 10px; }
						
						
						
#cdpInitiatives .sortme {					cursor: pointer; 
															color: #BB0E3D; } 
															
#cdpInitiatives .sortme:hover {			text-decoration: underline; }				





/* styles for the PMB FAQ accordion functionality */
.faqPMB {												padding: 0 0 20px 0; }
																
.faqPMB .faqPanel {									border-bottom: 1px solid #CCC;}



/*
#faqAURORA .faqPanel:last-of-type {					border: 0px hidden transparent; }
*/


.faqPMB span.arrow {									display: inline-block; }
.faqOpen span.arrow {									-moz-transform: rotate(90deg);
    															-ms-transform: rotate(90deg);
																 -o-transform: rotate(90deg);
																 -webkit-transform: rotate(90deg);
																 transform: rotate(90deg); }		
																 
.faqPMB .faqPanel .faqQ { }
.faqPMB .faqPanel .faqQ h4 {						margin: 0 0 0 0!important;
																padding: 5px 0 5px 0; }
																
.faqPMB .faqPanel .faqQ h4 span.arrow {		}
.faqPMB .faqPanel .faqQ:hover {					cursor: pointer; }

.faqPMB .faqPanel .faqA {							margin: 5px 0 20px 0;
																padding: 0 0 0 18px;}


.faqPMB h3 {											margin-top: 1em!important; }




/* The selector for the Current Funding Opportunities "Accordion" container. */
#fundingOppList, #bioengineeringList {				margin: 2em 0 4em 0;
																overflow: hidden;
																outline: none;
																border-bottom: 1px solid #CCC;}


/* the Funding Opportunity title and dates block */
 
.oppTitle {													border-top: 1px solid #CCC;
																padding: 1em 0 1em 0; 
																cursor: pointer;
																-moz-user-select: none;
																-khtml-user-select: none; }

.oppTitle h2 {												
																padding: 0 0 0 40px!important; 
																margin: 0 0 0 0!important;
																background: url(/images/redesign/fundingOppArrow-right.png) left center no-repeat; }

.oppTitle h3 {												
																padding: 0 0 0 40px!important; 
																margin: 0 0 0 0!important;
																background: url(/images/redesign/fundingOppArrow-right.png) left center no-repeat; }
																
.oppTitle p {												padding: 1em 0 0 40px!important; 
																margin: 0 0 0 0!important;}

.AccordionPanelTabHover {								background-color: #F3F3F3;	}	/* change the background color of titles on hover */

.AccordionPanelOpen .AccordionPanelTabHover {	background-color: #FFF; }	
								

.AccordionPanelOpen h2 {								background: url(/images/redesign/fundingOppArrow-down.png) left center no-repeat!important; }

.AccordionPanelOpen h3 {								background: url(/images/redesign/fundingOppArrow-down.png) left center no-repeat!important; }

.oppDescription {											padding: 0 0 0 40px; }


/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	background-color: #F0F0F0;
	border: 1px solid #CCC;
	border-top: 0px none;
}

.AccordionPanelContent p {	margin: 10px 10px 1em 10px; }
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
 
 



/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}


.assayInset {	float: right; margin: 0px 0px 15px 15px; }


.insetImage {											float: right;
															margin: 0 0 15px 15px; }

.insetImage img {										width: auto;
															max-width: 100%; }
															

.orgChartWrapper {									margin-top: 2em; }
																					
.orgChartWrapper object {							max-width: 100%;
															max-height: 100%; }		
															
															
.etctnSidebar {										display: none; }
.etctn .etctnSidebar {								display: block!important; }

.etctnMap {												text-align: center; 
															margin: 0 0 2em 0; }






.etctnTable {											border-collapse: collapse;
															border-spacing: none;
															margin: 10px 0 20px 0;
															border-bottom: 1px solid #AAAAAA;
															width: 100%; }

.etctnTable caption {	 							font-size: 14px;
															line-height: 21px;
															padding: 5px 10px;
															color: #FFF;
															background-color: #1C5E86;
															font-weight: bold;
															margin-top: 10px;
															text-align: left; }

.etctnTable td  {      								padding: 5px 10px;
															text-align: left;
															border-top: 1px solid #AAAAAA;
															vertical-align: top;}

.etctnTable .loaHead {								background-color: #DDDDDD; 
															font-weight: bold; }
															

#RCRtable .cCol {										width: 35px;
															text-align: center;}													

#AURORAtable .cCol {										width: 65px;
															text-align: center;}																												
															
#AURORAtable .cColSmallText {									line-height: 14px;
															font-size: 11px;}
															
															
#etctnSitesMapHeader {								text-align: center;}																
															






#mauerAwardContainer {								width: 100%;
															border: 1px solid #000;
															padding: 0px;
															margin-top: 2em;
															overflow: auto;
															text-align: center;
															font-weight: bold;}

#mauerTop {												background-color: #95b3d7;
															min-height: 160px;
                                             color: #17365d;}

.mauerPhoto {											padding: 5px;
															float: left; }

h1#mauerHead { 										font-size: 26px;
															margin: 0 0 0 0!important;
															color: #000!important;
															padding: 30px 0 6px 0!important;}

#mauerTagline { 										font-size: 16px;
															font-style:italic; 
                                             padding: 0 0 8px 0;}

#mauerTagline2 { 										font-family: Georgia, "Times New Roman", Times, serif;
                                             font-size: 13px; 
                                             line-height: 14px;
															padding: 0 5px 30px 5px;
															overflow: hidden;}

#mauerText { 											font-family: Georgia, "Times New Roman", Times, serif;
															font-size: 18px;
															margin: 1em 0 1em 0;
															line-height: 21px;
															font-weight: normal; }

#mauerBottom {											background-color: #c2d69b; }

.mauerYear {											border-top: 1px solid #000;
															border-bottom: 1px solid #000;
															color: #FFF;
															font-size: 18px;
															background-color: #1c5e86;
															padding: 5px 0;
															float: none!important;
															clear: both!important;}

.recipientBlock {                            width: 50%;
															box-sizing: border-box;
															float: left;
															background-color: #c2d69b;}

.rb01 {													border-right: 1px solid #000; }

.awardName, .recipUniversity {					padding: 8px 0;
															font-size: 10px;
															line-height: 12px;}


#cmtbBios {												margin: 2em 0 0 0; }
#cmtbBios .ctmbBioPhoto {       					display: inline-block; 
															font-weight: bold;
															font-size: 12px;
															color: #1c5e86;
															text-align: center;
															line-height: 14px;
															margin: 0 15px 2em 15px; }

#cmtbBios .ctmbBioPhoto img {						margin: 0 0 5px 0; }
.ctmbBioRow {											text-align: center; }


#cmtbBios .nofloat { 								float: none!important;
															clear: both!important; 
															width: 560px;}

.ctmbContactInfo{										float: none!important;
															clear: both!important;
															text-align: center;}
															
.drugVideoBlock {		margin: 2em 0 2em 0; 
							padding: 2em 0 0 0;
							border-top: 1px solid #CCCCCC;
							float: none!important;
							overflow: hidden; }

.drugVideoThumb {		float: left;
							width: 264px; 
							clear: left!important;}

.drugVideoThumb img {border: 1px solid #CCCCCC; }

.drugVideoText {		float: left; 
							clear: right!important; 
							margin: 0 0 0 30px;
							}

.drugVideoText h2 {		margin-top: 1em!important; }
.drugVideoText ul {	padding: 0 0 0 20px!important;
							list-style-type:disc; }



.formsTable td + td { 								text-align: center; }

#PMBexpirationDate label {							display: inline-block;
															width: 150px;
															text-align: right;
															font-size: 1.2em;
															font-weight: bold;
															margin: 0 10px 0 0;}
															
#PMBexpirationDate div {							margin: 0 0 10px 0; }															
															
.PMBexpirationDateSubmit { 						margin: 0 0 0 163px!important; }															
.PMBsubscribe {										margin: 2em 0;	}														








img[usemap], map area {								outline: none; }		/* don't show a border when you click on an image map hotspot */


#orgChartContainer {									position: relative; 
															width: 100%;
															margin: 50px 0 0 0;
															text-align: center; }

#orgChartMain {										position: absolute;
															z-index: 2;
															width: 100%;}

#orgChartHover {										width: 100%; }

#orgChartMain img {									max-width: 100%; }
#orgChartHover img {									max-width: 100%;}


.sort th {												cursor: pointer; 
															color: #BB0E3D!important;}


.sort th:hover {										text-decoration: underline; }	


#agreementsTable {									margin-top: 3em; }

.insetL {												float: left;
															margin: 0 15px 15px 0;
															max-width: 100%; }

h2+h2 {	margin-top: 0!important; } 





/* styles for ETCTN NCLN MoCha table */

#MoChaTable {											margin-top: 4em;	}


#MoChaTable .smallCol {								width: 20%; }
#MoChaTable .bigCol {								width: 40%; }

#MoChaTable th {										background-color: #1C5E86;
															color: #FFF!important;}

#MoChaTable p {										font-size: 1em!important; }

#MoChaTable td ul:first-child {					margin-top: 0!important; }

#MoChaTable tr.oddRow td {							background-color: #d8e3ea; }






.pepctnThumbHeading { text-align: center; }


#IAMtable {												width: 100%; }

#IAMtable .IAMtableCheck {							vertical-align: middle!important;
															color: #143f6a;
															font-size: 1.4em;
															padding-left: 20px!important;
															width: 50px;}

#IAMtable td {											padding: 10px 10px 0 10px; }
#IAMtable .oddRow {									background-color: #F0F0F0; }