@import url("/includefiles/redesign/css/global/reset.css");
@import url("/includefiles/redesign/css/global/main.css");
@import url("/includefiles/redesign/css/global/interior.css");
@import url("/includefiles/redesign/css/global/menu_h.css");


@import url("/includefiles/redesign/css/desktop/main.css");
@import url("/includefiles/redesign/css/desktop/individual.css");



/* standard DCTD branch styles */

html { height: 100%; }


#bodycopy.three {										background: #FFF url(/images/redesign/bkg3a.gif) repeat-y 0 0;}
#bodycopy.two {										background: #FFF url(/images/redesign/bkg2a.gif) repeat-y 0 0;}

#bodycopy.two #columnB { 							display: none; }



#columnA {												width: 200px;
															float: left;
															padding: 20px 0 0 0;
															min-height: 400px; 

															background: transparent url(/images/redesign/bkg_colA2.png) no-repeat 0 0;}

#branchLinks {											margin: 6em 0 0 0; }

#columnA h3 {											font-size: 1.4em;
															font-weight: bold;
															margin: 0 20px 10px 20px;
															padding: 0 0 6px 0;
															color: #606060;
															border-bottom: 1px dotted #CCC;}

#columnA a { 											color: #606060;
															text-decoration: none;
															font-weight: bold;
															display: block;
															padding: 7px 20px;
															width: 159px;}

#columnA a:hover { 									background-color: #CCCCCC; }



.subSectionLinks a {									padding-left: 35px!important;
															width: 144px!important; }
.subSectionLinks ul {								margin-bottom: 1em; }



.subSectionLinks .subSectionLinks a {			padding-left: 50px!important;
															width: 129px!important; }


#mainColumn {											width: 560px;
															float: left;
															margin: 0;
															padding: 20px;
															min-height: 300px;}

.two #mainColumn {									width: 760px; }

.one #mainColumn {									width: 960px; }


#pageSectionLinks { 									font-size: 11px; }

#pageSectionLinks span { 							padding: 0 5px; }

#pageSectionLinks a {								color: #666!important;
															text-decoration: none; }

#pageSectionLinks a:hover {						color: #272727!important;
															text-decoration: underline; }



#mainColumn ul {										font-size: 12px;
															line-height: 18px;
															color: #272727;
															list-style: outside;
															list-style-type: disc; 
															margin: 12px 0;
															padding-left: 20px; 
															overflow: hidden;}

#mainColumn ul ul {									list-style-type: circle; 
															margin-bottom: 0px;}

#mainColumn ul ul ul {								list-style-type: square; 
															margin-bottom: 0px;}
															
#mainColumn ol {										font-size: 12px;
															line-height: 18px;
															color: #272727;
															list-style: outside;
															list-style-type: decimal;
															margin-bottom: 12px;
															padding-left: 20px; }
									
#mainColumn ol ol {									margin-bottom: 0px;}
									
#mainColumn ol.number {								list-style-type: decimal; }						
#mainColumn ol.roman {								list-style-type: upper-roman; }
#mainColumn ol.alphaU {								list-style-type: upper-alpha; }
#mainColumn ol.alphal {								list-style-type: lower-alpha; }

#mainColumn .nospace {								margin-top: -1em!important; }

#mainColumn ol li,
#mainColumn ul.shortList li,
#mainColumn ul.shortcuts li { 					margin: 0 0 0 0; }

#mainColumn ol.shortList ol,
#mainColumn ol.shortList ul,
#mainColumn ul.shortList ol,
#mainColumn ul.shortList ul {						margin-top: 0; }

#mainColumn li .shortList  { 						margin-top: 0!important; }

#mainColumn li {										margin: 0 0 0 0; }

#mainColumn li p {									font-size: 1em; }

#mainColumn a {										font-weight: bold;
															color: #BB0E3D;
															text-decoration: none;}

#mainColumn a:hover {								color: #973335;
															text-decoration: underline;}

#columnB {												width: 200px;
															float: right;
															padding: 0 0 15px 0;
															min-height: 400px; 

															background: transparent url(/images/redesign/bkg_colB2.png) no-repeat 0 0;}






#columnB h3 {											background-color:  #18539c;
															-moz-border-radius: 9px;
															-webkit-border-radius: 9px;
															-khtml-border-radius: 9px;
															border-radius: 9px;
															color: #FFF;
															font-size: 16px;
															font-weight: bold;
															padding: 3px 6px;
															margin: 15px 20px 10px 20px; }

#columnB h4 {											color: #606060;
															font-size: 1.3em;
															font-weight: bold;
															margin: 25px 20px 10px 20px; }
									
#columnB ul.text {									list-style-type: disc;
															margin: 0 20px 0 35px;
															padding: 0 0 0 0; }

#columnB ul.text li {								margin: 0 0 0 0;
															padding: 0 0 .6em 0; }
									
#columnB a { 											color: #BB0E3D;
															text-decoration: none;
															font-weight: bold; }

#columnB li strong,
#columnB li a { 										display: block;
															padding: 3px 20px 3px 20px;
															margin: 10px 0 0 1px; }

#columnB ul ul a { 									padding: 3px 20px 3px 30px;
															margin: 0 0 0 1px; }

#columnB a:hover { 									color: #973335;
															text-decoration: underline;}








/* recurring elements */


.lb {														display: block; }


.insetPhoto{											margin: 0 15px 15px 0; }

.bioPhoto {												margin: 2em 15px 5px 0;
															float: left; }

.citations {											margin: 3em 0 0 0; }

.citations p {											font-size: 1em!important;
															line-height: 1.2em!important;}
								
.figure {												text-align: center; 
															margin: 2em 0; }	
															

															
a .imageLink {								border: 3px solid #BB0E3D; }

a:hover .imageLink {					border-color: #606060; }																
															

.spacer {												margin: 1em 0 0 0; }	

.interiorBox {											border: 1px solid #DDDDDD;	
															padding: 10px 10px 0 10px; 
															margin: 2em 0; }

.interiorBox h3 { 									margin-top: 0!important; }

.columnContent {										float: none!important;
															clear: both!important; }
							
							
.columnContent div {									float: left; 
															width: 260px; }
								
.columnContent div.thin {							width: 150px; }								
								
								
								


.note {													margin: 3em 0 0 0;
															border-top: 1px solid #E0E0E0; 
															padding: 1em 0 0 0;
															font-size: 1.2em; }	

blockquote,
.indent {												margin-left: 30px; }

.orgChartWrapper {									margin-top: 2em; }

h2.bioName {                           		font-size: 1.6em!important;
															margin: 2em 0 .4em 0!important; }

h2.noBio {												margin-bottom: 0!important; }

.staffPhoto {											margin: 3em 0 0 0;
															text-align: center; }

.photoCaption {										font-size: 1.2em;
															margin: 1em 0 0 0; }


.spacer {												margin-top: 2em!important; }	





.secondaryLinks {										margin: 0 0 2em 0; }


.secondaryLinks h4 {									color: #606060;
															font-size: 1.4em;
															font-weight: bold;
															margin: 2em 20px 10px 20px; }
									

.secondaryLinks ul li.indent {					margin-left: 15px; }											
															




/* branch-specific styles begin here */


#columnA .branchLinks {								margin: 6em 0 1em 0; }
#columnA .secureAccessLink {						display: none;  }

#columnB .branchLinks {								display: none; }
#columnB .secureAccessLink {						display: none;  }









/* table at /pipelineManagement/stageGate.htm */
.verticalTable {										border-collapse: collapse;
															border-spacing: none;
															margin: 10px 0 20px 0;
															border-bottom: 1px solid #AAAAAA;
															width: inherit; }
.verticalTable td,
.verticalTable th {      							padding: 5px;
															text-align: left;
															font-size: 11px!important; }
									
															
.verticalTable th {									background-color: #1C5E86;
															color: #FFF!important; 
															font-weight: bold!important; 
															vertical-align: bottom!important;}
											
.verticalTable td {      							background-color: #F0F0F0;}											
											
.verticalTable td p{      							font-size: 11px!important;
															margin-bottom: 18px;}


#stageGateCriteriaTable td,
#stageGateCriteriaTable th {      				width: 115px;}		


#tpbTable td,
#tpbTable th {      									width: 142px;}		


/* table at /entryToPipeline/instructions.htm */

#reportingGuideline {							border-collapse: collapse;
														border-spacing: 0px;
														margin: 1em 0 2em 0;
														border-bottom: 1px solid #AAAAAA; }

#reportingGuideline caption {					font-weight: bold;
														padding: 10px;
														font-size: 1.2em;}

#reportingGuideline th {						text-align: left;
														padding: 5px 10px;
														background-color: #1C5E86;
														color: #FFF; 
														font-weight: bold;}
														
#reportingGuideline td {						font-size: 1.2em;
														padding: 5px 10px;
														border-bottom: 1px solid #AAAAAA;}

#reportingGuideline .oddRow td {				background-color: #F0F0F0; }

#reportingGuideline span {						font-weight: bold; 
														font-size: 1.4em; 
														line-height: 1.2em; 
														padding: 0px 10px;
														display: block;
														float: left; }

#reportingGuideline span.long {				padding-bottom: 2.2em; }





#discoveryResourcesSidebar,
#developmentResourcesSidebar,
#otherProgramsSidebar {				display: none; }


.discoveryResources #discoveryResourcesSidebar,
.developmentResources #developmentResourcesSidebar,
.otherPrograms #otherProgramsSidebar {				display: block!important; }





#cbcImageMap {		margin-top: 3em; }







/* styles for experimental therapeutics consultation form */







#etcFormButton {														margin: 0 0 1em 0; 
}




/* styles for "Experimental Therapeutics Consultation" form */

#etcFormWrapper {														margin: 2em 0 2em 0; }

#etcFormWrapper h2 {													margin: 0 0 1em 0!important;
																			font-size: 1.6em;}
																			
#etcFormWrapper h3 {													font-size: 12px!important;
																				margin: 1.4em 0 0 0!important;
																			float: none!important;
																			color: #000!important;}
																			
#etcFormWrapper h3 span {											font-size: 11px!important;
																			font-weight: normal!important;
																			line-height: 13px!important;
																			white-space:nowrap;}

.etcFormCol01 {														width: 329px;
																			float: left;
																			margin: 0 0 0 0;
																			padding: 0 0 0 0; }

.etcFormCol02 {														width: 390px;
																			margin: 0 0 0 20px;
																			padding: 0 0 0 20px;
																			border-left: 1px solid #CCC;
																			float: left; }


.etcFormBlock {														margin: 1.4em 0 0 0;
																			width: 390px; }

.etcFormBlock label.mainLabel {									display: block;
																			font-weight: bold;
																			font-size: 1.2em;
																			margin: 0 0 5px 0; }
				
			
#experimentalTherapeuticsForm .textField {					width: 280px; 
																			margin: 0 10px 0 0; }

#experimentalTherapeuticsForm label.error {					color: #A90101;
																			font-weight: bold;
																			display: block;
																			font-size: 1.2em;
																			margin: 5px 0 0 0; }	

.etcFormBlock div {													margin-bottom: 10px!important; }


#etcFormCheckboxes label {											display: block;
																			padding-left: 18px;
																			text-indent: -18px;
																			font-size: 1.2em; }
																			
#etcFormCheckboxes input {											width: 14px;
																			height: 14px;
																			padding: 0;
																			margin:0;
																			vertical-align: middle;
																			position: relative;
																			top: -1px;
																			*overflow: hidden;}

#experimentalTherapeuticsForm .spacer {						margin-top: 0!important; }

#q2a_wrapper {															margin: 0 0 0 18px; }

#q2a_wrapper label {													width: 340px!important; }


#experimentalTherapeuticsForm .disabled {						color: #999; }

.etcFormSubmit {														margin: 2em 0 0 0; }		

.etcFormSubmit input {												width: 100px; }	

.etcFormBlock div {													margin: 5px 0 0 0; }



.cfTable td:first-child {											white-space: nowrap; }