/*      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,
.d16 .d16,
.d17 .d17,
.d18 .d18,
.d19 .d19,
.d20 .d20,
.d21 .d21,
.d22 .d22,
.d23 .d23,
.d24 .d24,
.d25 .d25,
.d26 .d26,
.d27 .d27,
.d28 .d28,
.d29 .d29,
.d30 .d30,
.d31 .d31,
.d32 .d32,
.d33 .d33,
.d34 .d34,
.d35 .d35,
.d36 .d36,
.d37 .d37,
.d38 .d38,
.d39 .d39,
.d40 .d40,
.d41 .d41,
.d42 .d42,
.d43 .d43,
.d44 .d44,
.d45 .d45,
.d46 .d46,
.d47 .d47,
.d48 .d48,
.d49 .d49,
.d50 .d50,

.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; }


.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; }


.oad .oad,
.ptgb .ptgb,
.mpb .mpb,
.btb .btb,
.tpb .tpb,
.dscb .dscb,
.npb .npb,
.brb .brb,
.prb .prb,
.itb .itb,
.iob .iob {                                                                                     background-color: #DDDDDD; }



#columnA a {                                                                                    font-size: 1.1em; }


#mainColumn h1 {                                                                                font-size: 2em;
                                                                                                                        color: #606060;
                                                                                                                        font-weight: bold;
                                                                                                                        margin: 1.6em 0 12px 0;}

#mainColumn h1.secondH1 {                                                       margin-top: 3em; }

#mainColumn td,
#mainColumn th,
#mainColumn p {                                                                         font-size: 1.2em;
                                                                                                                        line-height: 1.6em;
                                                                                                                        color: #272727;
                                                                                                                        margin-bottom: 12px; }

#mainColumn h2 {                                                                                font-size: 1.6em;
                                                                                                                        color: #606060;
                                                                                                                        font-weight: bold;
                                                                                                                        margin: 2em 0 12px 0;}

#mainColumn h1 + h2 {                                                           margin-top: 1em; }

#mainColumn h2 + h3 {                                                           margin-top: .4em; }

#mainColumn .bioPhoto + h2 {                                            margin-top: 1em; }

#mainColumn h3 {                                                                                font-size: 1.4em;
                                                                                                                        line-height: 1.4em;
                                                                                                                        color: #606060;
                                                                                                                        font-weight: bold;
                                                                                                                        margin: 2em 0 1em 0;}

#mainColumn h4 {                                                                                font-size: 1.2em;
                                                                                                                        line-height: 1.4em;
                                                                                                                        color: #606060;
                                                                                                                        font-weight: bold;
                                                                                                                        margin: 2em 0 12px 0;}



.h4Wrapper h4 {                                         margin-bottom: 0px!important; }


#mainColumn h5 {                                                                                font-size: 1em;
                                                                                                                        line-height: 1.2em;
                                                                                                                        color: #606060;
                                                                                                                        font-weight: bold;
                                                                                                                        margin: 1.8em 0 .4em 0;}





















#columnB p {                                                                                    padding: 3px 20px 3px 20px;
                                                                                                                        font-size: 1.2em;
                                                                                                                        line-height: 1.4em; }

.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; }


.dataTable p {                                                                                  font-size: 1em!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; }



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

h3.sublink {                                                                                    font-size: 1.4em!important;
                                                                                                                        margin: 1.6em 0 .2em 0!important; }


.figure div img {                                                                               padding-bottom: .4em!important; }

.caption {                                                                                              text-align: center;
                                                                                                                        margin: 1em 0 0 0;
                                                                                                                        line-height: 1.4em;}


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

.newsArticles a,
.newsArticles strong{       font-size: 1.4em!important;}
.newsArticles li {                      margin-bottom: 1em!important; }

/* page-specific styles */






/* show/hide right-hand column links in "Research Funding" section */

#rfFunding,
#rfMechanisms,
#rfApplicationGuidelines,
#prReports,
#prSpecializedInitiatives,
#iImagingInformaticsResources,
#neNews,
#neNewsletter,
#piCancerImaging,
#piImaging,
#prRepPres,
#prPub,
#qin,
#ntr,
#sairp,
#icmic,
#dcide {                                                                                                                display: none; }




.rfFunding #rfFunding,
.rfMechanisms #rfMechanisms,
.rfApplicationGuidelines #rfApplicationGuidelines,
.prReports #prReports,
.prSpecializedInitiatives #prSpecializedInitiatives,
.iImagingInformaticsResources #iImagingInformaticsResources,
.neNews #neNews,
.neNewsletter #neNewsletter,
.piCancerImaging #piCancerImaging,
.piImaging #piImaging,
.prRepPres #prRepPres,
.prPub #prPub,
.qin #qin,
.ntr #ntr,
.sairp #sairp,
.icmic #icmic,
.dcide #dcide {                                                                                 display: block; }


.rfFunding #rfMain,
.rfMechanisms #rfMain,
.rfApplicationGuidelines #rfMain {                                                      display: none; }



ul.qin, ul.ntr, ul.sairp, ul.icmic, ul.dcide {                  display: none; }

.qin ul.qin, .ntr ul.ntr, .sairp ul.sairp, .icmic ul.icmic, .dcide ul.dcide { display: block; }




#columnB .aboutChief {                                                          display: none; }

.default #columnB .aboutChief {                                         display: block!important;
                                                                                                                        overflow: auto;}

.aboutChief {                                                                                   padding-top: 1em; }

#columnB .aboutChief p {                                                        padding: 3px 20px 3px 20px;
                                                                                                                        font-size: 11px;
                                                                                                                        line-height: 14px; }

#columnB .aboutChief p img {                                            margin: 0 10px 5px 0; }


#mainColumn ol.number {                                                         list-style-type: decimal; }
#mainColumn ol.roman {                                                          list-style-type: upper-roman; }
#mainColumn ol.romanl {                                                         list-style-type: lower-roman; }
#mainColumn ol.alphaU {                                                         list-style-type: upper-alpha; }
#mainColumn ol.alphal {                                                         list-style-type: lower-alpha; }








.insetPhotoR {                                                                                                                  float: right;
                                                                                                                                                        margin: 15px 0 15px 15px;
                                                                                                                                                        max-width: 100%; }




h2.spacer {                                                                                                     padding-top: 2em; }

                                                                                                                height: 120px;}



#modelsTable1 {                         width: 375px;
                                                                        float: right;
                                                                        margin: 0 0 0 30px; }


#modelsOverviewTable {                                                                          border-collapse: collapse;
                                                                                                                                        border-spacing: none;
                                                                                                                                        margin: 10px 0 20px 0;
                                                                                                                                        }



#modelsOverviewTable th {                                                                       text-align: left;
                                                                                                                                        font-weight: bold;
                                                                                                                                        color: #FFF;}

#modelsOverviewTable td,
#modelsOverviewTable th {                                                               padding: 5px;
                                                                                                                                        vertical-align: top;
                                                                                                                                        text-align: left;
                                                                                                                                        font-size: 1em;}

#modelsOverviewTable td {                                                                       border-top: 1px solid #CCC;}


#modelsOverviewTable thead tr {                                                         background-color: #1c5e86; }

#modelsOverviewTable .headerRow {                                               background-color: #DDD;
                                                                                                                                        font-weight: bold;}

#modelsOverviewTable tbody td:first-child,
#modelsOverviewTable thead th:first-child{                      padding-left: 20px; }
#modelsOverviewTable .headerRow td {                                    padding-left: 5px!important; }









#heatMapTable th,
#heatMapTable td {                                              font-size: 12px;
white-space: nowrap}

#heatMapTable tbody tr th {     white-space: nowrap; }

#heatMapTable {                 border-collapse: collapse;
                                        border-spacing: 0; }

#heatMapTable thead th {        cursor: pointer;
  height: 100px;
  white-space: nowrap;
vertical-align: bottom;


}


#heatMapTable thead th div {
    display: inline-block;
padding: 0 0 1em 0;
    width: 1.5em;
         letter-spacing: .2em;
}
#heatMapTable thead th div span {
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(1.1em,0) rotate(90deg);
       -moz-transform: translate(1.1em,0) rotate(90deg);
         -o-transform: translate(1.1em,0) rotate(90deg);
            transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
   /* IE9+ */
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ */
   -ms-writing-mode: tb-rl;
   /* IE7 and below */
   *writing-mode: tb-rl;
}
#heatMapTable thead th div span:before {
    content: "";
    float: left;
    margin-top: 100%;
}


/*
#heatMapTable thead th > div {
  transform:

    rotate(270deg);
  width: 15px;
  letter-spacing: .1em;
}
*/

#heatMapTable thead th > div > span {
padding: 0 0 0 6px;
}


#heatMapTable thead th,
#heatMapTable tbody td {        text-align: center;
                                        padding: 2px; }

#heatMapTable body th {         text-align: right;
                                        padding: 2px; }


#heatMapTable tbody td {        border-right: 1px solid #DDD;
                                border-left: 1px solid #DDD; }

#heatMapTable tbody td,
#heatMapTable tbody th {        border-bottom: 1px solid #DDD;


}


.lc { text-align: left!important; }






#modelsGeneHeatMap #mainContent {                                  width: 1190px!important; }



#modelsGeneHeatMapn #centerContent {                                width: 1025px!important;}

#centerContentHeatMap { padding-bottom: 2em; }








#dataAvailableList  {                                                                           border-collapse: collapse;
                                                                                                                                        border-spacing: none;
                                                                                                                                        margin: 10px 0 20px 0;
                                                                                                                                        border-bottom: 1px solid #AAAAAA;
                                                                                                                                        width: inherit; }

#dataAvailableList td, #dataAvailableList th {     padding: 5px;
                                                                                                                                        text-align: left;
                                                                                                                                        border-top: 1px solid #AAAAAA;
                                                                                                                                        vertical-align: top}


#dataAvailableList th {                                                                         font-weight: bold;
                                                                                                                                        width: 170px; }

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

#dataAvailableList td p {                                                                       font-size: 1em; }

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




.dbPatient {                                                                                                    color: #CC0000; font-weight: bold; }
.dbSpecimen {                                                                                                   color: #00CC00; font-weight: bold;}
.dbSamples {                                                                                                    color: #660099; font-weight: bold;}

.rInDevelopment {                                                                                               color: #EE0000; }



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


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

.dataTable .tYear {                                                                     width: 50px!important; }

.dataTable .tJournal,
.dataTable .tMeeting {                                                          width: 100px!important; }


.grayButton a {                                                                                                                                 background: #888888 url(/images/redesign/sidebarbkg.png) repeat-x;
                                                                                                                                                                                -moz-border-radius: 9px;
                                                                                                                                                                                -webkit-border-radius: 9px;
                                                                                                                                                                                -khtml-border-radius: 9px;
                                                                                                                                                                                border-radius: 9px;
                                                                                                                                                                                color: #FFF!important;
                                                                                                                                                                                font-size: 1.6em;
                                                                                                                                                                                font-weight: bold;
                                                                                                                                                                                padding: 10px 25px 10px 25px!important;
                                                                                                                                                                                display: inline-block;
                                                                                                                                                                                text-align: center;
                                                                                                                                                                                margin: 1em 0 0 0;
                                                                                                                                                                                text-decoration: none!important;}

.grayButton a:hover {                                                                                                                   color: #CCCCCC!important; }


.announcementBox {                                                              margin: 4em 0 1em 0;
                                                                                                                border: 1px solid #CCC;
                                                                                                                background-color: #EFEFEF;
                                                                                                                padding: 20px 20px 0 20px; }

.announcementBox .boldUnderline {                       font-weight: bold;
                                                                                                                text-decoration: underline; }



#repositoriesImages img {       margin: 1em 15px 1em 0; width: 250px; }


.mtaTourBlock { margin: 2em 0;
                                                padding: 15px 15px;
                                                background-color: #EFEFEF; }


.mtaTourFakeLink {      color: blue;
                                                        text-decoration: underline; }

.mtaPink {                              color: #FF00CC; }
.mtaRed {                               color: red;}
.mtaGreen {                             color: green;}
.mtaBlue {                              color: blue;}

.mtaTourTable {                                                                         border: 1px solid #000;
                                                                                                                        border-collapse: separate;
                                                                                                                        border-spacing: 2px; }

.mtaTourTable td {                                                                      border: 1px solid #000;
                                                                                                                        padding: 5px;
                                                                                                                        font-size: 1em!important;
                                                                                                                        width: 240px;
                                                                                                                        max-width: 25%;}

.mtaTourTopRow td {                                                                     text-align: center;
                                                                                                                        font-weight: bold; }

.mtaTourSection {                                                                               width: 760px;

                                                                                                                        margin: 0 0 2em 0;}

.mtaTourDescription {                                                           width: 480px;
                                                                                                                        float: right; }

.mtaTourTableLeft {                                                                     float: left; }


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


.gcobStaffBlock {                                                                       margin: 2em 0 0 0;
                                                                                                                        padding-top: 2em;
                                                                                                                        border-top: 1px solid #E0E0E0; }

.gcobStaffPhoto {                                                                       float: left;
                                                                                                                        padding: 0 10px 0 0;}

.gcob h2 + h4,
.gcob h4 + h3 {                                                                         margin-top: 0px!important; }


#gcobFAQ h4 {                                                                                   margin: 3em 0 0 0!important;  }



#gcobFAQ h4 {                                                                                   margin: 3em 0 0 0!important;  }



#stageGateCriteriaTable { border-collapse: collapse;
                                                                border-spacing: 0px;
                                                                margin-top: 3em;}



#stageGateCriteriaTable th {                                            background-color: #1c5e86;
                                                                                                                        color: #FFF;
                                                                                                                        padding: 5px;
                                                                                                                        vertical-align: top;
                                                                                                                        font-size: 1em;
                                                                                                                        width: 110px;}

#stageGateCriteriaTable td {                                            background-color: #EFEFEF;
                                                                                                                        padding: 5px;
                                                                                                                        width: 110px;}
#stageGateCriteriaTable td p {                                  font-size: .8em; }


.tableThumbnail img {                                                           border: 3px solid #606060; }

.tableThumbnail a img {                                                         border-color: #BB0E3D; max-width: 100%; }
.tableThumbnail a:hover img {                                                           border-color: #606060; }



.ourOrganizationMain h3 {                                                       margin: 2em 0 0 0!important; }




#organizationTable {                                            width: 710px;
                                                                                                float: none;
                                                                                                clear: both;
                                                                                                padding: 10px 5px 5px 5px;
                                                                                                background: #ebebeb url(/images/dctd_doubledot.gif) top repeat-x; }

#organizationTable table {                              }

#organizationTable table tr td {                vertical-align: top;
                                                                                                padding: 0 5px 20px 5px;
                                                                                                        font-size: 12px;}

#organizationTable h2 {                              background: url(../images/dottedLine.gif) bottom left no-repeat;
                                                        font-size: 12px!important;
                                                                                                                                                  color: #000!important;
                                                        text-transform: uppercase;
                                                        padding: 0 0 8px 0!important;
                                                        margin: 8px 0 8px 0!important; }


#organizationTable .programtitle {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 20px;
        color: #4f4f4f;
        letter-spacing: 1px;
        padding-right: 5px;
        padding-top: 3px!important;

        text-transform: uppercase;
                  text-align: right;
                  width: 60px;

}

#organizationTable .programdcol1 {                              width: 225px; padding-right: 20px;}
#organizationTable .programdcol2 {                              width: 275px;}

#organizationTable a {
        font-weight: bold;

        color: #973335;
        text-decoration: none; }

#organizationTable a:hover {

        color: #000;
        text-decoration: underline; }


#organizationTable .programtitle a {               color: #4f4f4f!important;
                                                                font-weight: normal!important;
                                                                                                                                                                         text-decoration: none;}

.redText { color:#BB0E3D!important; }

.nowrap {												white-space: nowrap; }

.insetLeft p {	margin-top: 5px; }




/* DTP History section-specific styles */

#dtpHistoryTable {							margin-top: 2em; }
#dtpHistoryTable th { 						border-top: 1px solid #AAAAAA;
													vertical-align: top!important;
													font-size: 14px; }
													
#dtpHistoryTable td img {					vertical-align: middle; }													

#dtpHistoryLeftSidebar {					float: left;
													width: 125px; 
													margin: 2em 15px 0 0;}

#dtpHistoryLeftSidebar .figure {			margin: 0 0 2em 0; }
#dtpHistoryLeftSidebar p.caption {		font-size: 11px;
													line-height: 13px;}


.dtpHistoryQuote {							float: right;
													width: 200px;
													margin: 0 0 2em 15px;
													}


.dtpProfileQuote {							float: right;
													width: 200px;
													margin: 0 0 2em 15px;
													border: 1px solid #AAAAAA;
													padding: 0 15px 0 15px;
													background-color: #F0F0F0;
													box-sizing: border-box;
													}
													
													
													
.dtpHistoryQuote div {						border: 1px solid #AAAAAA;
													padding: 15px 15px 0 15px;
													background-color: #F0F0F0;}

.dtpHistoryQuote div .author {			text-align: right; }


.dtpHistoryQuote div .dtpVideoLink {	font-size: 10px!important; }

.dtpHistoryfootnote {						margin-top: 5em;}

.dtpHistoryfootnote p {						font-size: 10px!important; }
													

.dtpHistoryInsetBox {						border: 1px solid #AAAAAA;
													padding: 0 15px 0 15px;
													background-color: #F0F0F0;
													margin-bottom: 1em;
													clear: both; }
.dtpHistoryInsetBox h3 {					margin-top: 15px!important; }







.dtpVideoLink {				width: 35px; 
									height: 35px;
									float: left;
									clear: right!important;
									margin: 0 5px 0 0!important; 
									padding: 0 0 0 0!important;
									border: 0px none transparent!important;}
									
									
.dtpVideoLink img {			max-width: 100%; }


									
p.dtpVideoText {				clear: right!important;
									padding: 10px 0 0 0;}									

.dtpVideoBlock  { 			margin: 0 0 2em 0!important; 
									padding: 0 0 0 0!important;
									border: 0px none transparent!important;}
									
.videoBlock  { 				margin: -10px 0 2em 0!important; 
									padding: 0 0 0 0!important;
									border: 0px none transparent!important;}
									
									
									
									
									
									

.announcementBox {				margin: 20px 20px 20px 20px;
										padding: 10px 20px 0px 20px;
										background-color: #FFF;
										border: 4px solid #1c5e86;
										-moz-border-radius: 15px;
										-webkit-border-radius: 15px;
										-khtml-border-radius: 15px;
										border-radius: 15px;
										overflow: hidden;
										clear: right!important; }


.announcementBox h4 {			font-size: 16px!important;
										font-weight: bold;
										text-align: center;
										margin: 0px 0 5px 0!important;
										padding: 5px 10px 5px 10px; }		

.announcementBox p {				 }

.announcementBox ul {			 }