/* DART-specific style */


@media screen, projection, print  {
  /* -- start: all -- */
  .dart  { 
    font-size: 120%;		/* countermeasure to body's 80% font-size */
  }
  .dart #content-float  { 
    padding-right: 0;
  }
  .dart img  { 
    padding: 0;
    border: none;
  }
  .dart p  { 
    margin: 1em 0;
  }
  .dart dd p  { 
    margin: .3em 0;
  }
  .dart p.contact, .dart p.help, .dart p.feed  {
    margin: 1.5em 0;
  }
  .dart h1, .dart h2, .dart h3  { 
    text-align: center;
  }
  .dart h1  { 
    margin: 0 auto;
    font-size: 1.5em;
  }
  .dart h2  { 
    margin: .3em auto .7em;
    letter-spacing: .2em;
    font-size: 2em;
    font-weight: normal;
  }
  .dart h3  { 
    font-size: 1.3em;
  }
  .dart .column  { 
    float: left;
    padding: 0 1% 0 1%;
  }
  .dart .columns:after  {
    clear: both;
    content: "";
    display: block;
  }
  /* does not work in IE6/7 */
/*   .dart .column + .column  { */
/*     margin-left: 2%; */
/*   } */
  .dart .column img  { 
    max-width: 100%;
  }
  .dart dd ul  {
    margin: 0 auto;
    padding-left: 0;
  }
  .dart ul li  { 
    padding-left: 15px;		/* equal to image width */
    background: transparent url("../images/dart/common/arrow-right.png") no-repeat 0 5px;
    list-style-type: none;
    list-style-position: inside;
  }
  .dart .abstract  {
    clear: both;
  }
  .dart acronym, .dart abbr  {
    cursor: help;
  }
  .dart a  {
    cursor: pointer;
  }
  .dart .license  {
    float: right;
    margin: 0;
    color: #aaa;
    font-size: .7em;
    font-style: italic;
  }
  .dart img.floating.right  {
    float: right;
    margin: 0 0 1em 1em;
  }
  .dart img.floating.left  {
    float: left;
    margin: 0 1em 1em 0;
  }
  p[lang="no"]:before  {
    content: url("../images/dart/common/flag_nor.png");
    width: auto;
    height: 2em;
    margin-right: .3em;
    vertical-align: middle;
  }
  img.fileFormat  {
    width: auto;
    height: 2em;  /* height instead of max-height due to IE7 bug */
    vertical-align: middle;
  }
  .centeredcontent  {			/* element's children are centered */
    text-align: center;
  }
  .centered  {			/* element itself is centered */
    margin: 0 auto;
  }
  a button  {			/* element itself is centered */
    text-decoration: none;
  }
  abbr > a  {			/* linked abbreviations */
    color: #00f;
    text-decoration: none;
    border-bottom: 2px dotted #00f;
  }
  /* -- end: all -- */

  /* -- start: about_dart -- */
  .dart.about #content-float  { 
    padding-right: 0;	/* previously 220px */
  }
  .dart.about .column  { 
    width: 22%;			/* due to bug in IE7, but should be 23.5 */
  }
  .dart.about .column ul  { 
    padding-left: 0;
  }
  .dart.about .column ul li  { 
    margin: .5em auto;
    list-style-type: none;
  }
  .dart.about .search  {
    clear: both;
    margin-top: 1em;
  }
  #cse-search-box input[type="text"]  { 
    max-width: 100%;
  }
  /* -- end: about_dart -- */

  /* -- start: research -- */
  .dart.research .column  { 
    width: 31%;
  }
  .dart.research .keywords  { 
    font-variant: small-caps;
  }
  .dart.research .column ul  { 
    padding-left: 0;
  }
  /* -- end: research -- */

  /* -- start: news related -- */
  .dart.news .column  { 
    width: 22%;
  }
  .dart.news .feed  { 
    text-align: center;
  }
  .dart.news .feed img  { 
    vertical-align: middle;
  }
/*
  .dart.news .feed button  { 
    background: url("../images/dart/common/feed_backgr.png") #dd6e2f repeat-x;
    border: 1px solid #dd6e2f;
  }*/
  .dart.news .columns + p  {
    text-align: center;
    margin-top: 1em;
  }
  .dart.news .news  { 
    margin-top: 2em;
  }
  .dart.news .news dt  { 
    font-weight: bold;
  }
  .dart.news .news dd + dt  { 
    margin-top: 1em;
  }
  .dart.news .news dd .time  { 
    font-variant: italic;
  }
  .dart.news dt  { 
    clear: both;
  }
  .dart.news img.floating  { 
    max-width: 15%;
    height: auto;
  }
  /* -- end: news related -- */

  /* -- start: projects highlights -- */
  .dart.projecthighlights .column  { 
    width: 31%;
  }
  .dart.projecthighlights .all  { 
    text-align: center;
  }
  .dart.projecthighlights .columns dd + dt  {
    margin-top: 1em;
  }
  .dart.projecthighlights .columns dt  {
    font-variant: small-caps;
  }
  .dart.projecthighlights .columns dd  {
    margin-left: 10%;
  }
  /* -- end: projects highlights -- */

  /* -- start: project listing -- */
  .dart.projectlist .column  { 
    width: 22%;
  }
  .dart.projectlist dd + dt  {
    margin-top: 1em;
  }
  .dart.projectlist dt  {
    font-variant: small-caps;
  }
  .dart.projectlist dd  {
    margin-left: 5%;
  }
  .dart.projectlist .search  {
    clear: both;
    margin: 2em auto;
    border-color: #ccf;
    border-style: solid;
    border-width: 2px 0 2px 0;
  }
  .dart.projectlist .search input[type="text"]  {
    width: 50%;
  }
  /* -- end: project listing -- */

  /* -- start: particular projects -- */
  .dart.project .logo  { 
    float: right;
    width: auto;
    margin: 0 0 2em 2em;
    max-width: 50%;
    max-height: 250px;
  }
  .dart.project .columns  { 
    clear: both;
  }
  .dart.project .column.left  { 
    float: left;
    width: 62%;			/* due to bug in IE6/7, should be 64% */
  }
  .dart.project .column.right  { 
    float: right;
    width: 32%;
  }
  .dart.project .column dt  { 
    font-weight: bold;
  }
  .dart.project .column dd + dt  { 
    margin-top: 1em;
  }
  .dart.project .column dd  { 
    margin-left: 5%;
  }
  .dart.project .column dd p:first-child  { 
    margin-top: 0;
  }
  .dart.project .footer  { 
    clear: both;
    margin-top: 2em;
    border-top: 1px solid #aaa;
    padding: .5em;
    text-align: center;
  }
  /* -- end: particular projects -- */

  /* -- start: research group -- */
  .dart.researchgroup .illustration { 
    float: right;
    width: auto;
    margin: 0 0 2em 2em;
    max-width: 50%;
    max-height: 250px;
  }
  .dart.researchgroup .twocolumns, .dart.researchgroup .singlecolumn  { 
    clear: both;
  }
  .dart.researchgroup .column.wide  { 
    float: left;
    width: 62%;			/* due to bug in IE6/7, should be 64% */
  }
  .dart.researchgroup .column.narrow  { 
    float: right;
    width: 32%;
  }
  .dart.researchgroup .teaser p  { 
    font-size: 110%;
    color: #082e9a;
  }
  .dart.researchgroup .column .content  { 
  }
  .dart.researchgroup .column .contentbox  {
    max-width: 40%;
    float: right;
  }
  .dart.researchgroup .column dt  { 
    font-weight: bold;
  }
  .dart.researchgroup .column dd + dt  { 
    margin-top: 1em;
  }
  .dart.researchgroup .column dd  { 
    margin-left: 5%;
  }
  .dart.researchgroup .column dd p:first-child  { 
    margin-top: 0;
  }
  .dart.researchgroup .column img.inline  { 
    width: 45%;
    height: auto;
  }
  .dart.researchgroup .column img  { 
    border: 1px solid #aaa;
  }
  .dart.researchgroup .column img.right  { 
    float: right;
    margin: 0 0 .5em .5em;
  }
  .dart.researchgroup .footer  { 
    clear: both;
    margin-top: 2em;
    border-top: 1px solid #aaa;
    padding: .5em;
    text-align: center;
  }
  /* -- end: research group -- */

  /* -- start: courses -- */
  .dart.course .logo  { 
    float: right;
    width: auto;
    margin: 0 0 2em 2em;
    max-width: 50%;
    max-height: 250px;
  }
  .dart.course .columns  { 
    clear: both;
  }
  .dart.course .column.left  { 
    float: left;
    width: 62%;			/* due to bug in IE6/7, should be 64% */
  }
  .dart.course .column.right  { 
    float: right;
    width: 32%;
  }
  .dart.course .column dt  { 
    font-weight: bold;
  }
  .dart.course .column dd + dt  { 
    margin-top: 1em;
  }
  .dart.course .column dd  { 
    margin-left: 5%;
  }
  .dart.course .column dd p:first-child  { 
    margin-top: 0;
  }
  .dart.course .footer  { 
    clear: both;
    margin-top: 2em;
    border-top: 1px solid #aaa;
    padding: .5em;
    text-align: center;
  }
  .dart.course .disabled  { 
    display: none;
  }
  /* forms */
  .dart.course legend { 
    padding: 0 .5em;
  }
  .dart.course #registration .description, .dart.course #registration .fields, .dart.course #registration .details  { 
    display: inline-block;
    vertical-align: top;
  }
  .dart.course #registration .item  { 
    margin-top: .2em;
  }
  .dart.course #registration .description  { 
    width: 25%;
  }
  .dart.course #registration .fields  { 
    width: 50%;
  }
  .dart.course #registration .fields input, dart.course #registration .fields textarea  { 
    width: 93%;
  }
  .dart.course #registration .details  { 
    width: 20%;
  }
  .dart.course #registration .required  { 
    color: red;
  }
  .dart.course #registration .control  { 
    margin-top: 1em;
    text-align: right;
  }
  /* program */
  .dart.course #program  { 
    width: 100%;
  }
  .dart.course #program tr.header  { 
    text-transform: uppercase;
    background-color: #ddf;
  }
  .dart.course #program tr.even  { 
    background-color: #ddd;
  }
  .dart.course #program th, .dart.course #program td  { 
    padding: .3em;
  }
  .dart.course #program th  { 
    text-align: left;
    vertical-align: top;
  }
  .dart.course #program .title  { 
    font-style: italic;
  }
  /* -- end: courses -- */

  /* -- start: services -- */
  .dart.services .column  { 
    width: 22%;
  }
  /* -- end: services -- */
}  /* @media screen, projection, print */

@media screen, projection, handheld  {
  .dart a[target="_blank"]:after  {
    content: " " url("../images/dart/common/external_link.png");
/*     padding-left: .2em; */
  }
}  /* @media screen, projection, handheld */

@media print  {
  /* start: all */
  #outer  {
    border-left: 1em solid #082e9a !important;
    background-color: #fff !important;
  }
  #main-float  {
    width: 100% !important;
    margin: 0 !important;
  }
  #main  {
    color: #000 !important;
  }
  #heading  {
    background-color: #082e9a !important;
  }
  #heading-left  {
    float: none !important;
    background: #082e9a url("../images/dart/common/NR_logo3.gif") no-repeat !important;
    width: 100% !important;
    margin-top: 34px !important; /* Opera 11 bug */
  }
  .dart ul li  { 
    padding-left: 0;		/* equal to image width */
    background: transparent;
    list-style-type: disc;
  }
  .dart  { 
    clear: both;
  }
  .dart a  { 
    text-decoration: none;
  }
  .dart h1  { 
    margin-top: 0;
  }
  .dart h2  { 
    letter-spacing: 0;
  }
  /* end: all */

  /* start: project */
  .dart.project .logo  { 
    margin: 0 0 1% 1%;
    max-width: 30%;
  }
  .dart.project dd ul  { 
    margin: 0 auto;
  }
  .dart.project dd li  { 
    margin: -.5em auto;
  }
  .dart.project .column.left  { 
    float: left;
    width: 61%;
  }
  /* end: project */
  
  /* start: course */
  .dart.course .logo  { 
    margin: 0 0 1% 1%;
    max-width: 30%;
  }
  .dart.course dd ul  { 
    margin: 0 auto;
  }
  .dart.course dd li  { 
    margin: -.5em auto;
  }
  .dart.course .column.left  { 
    float: left;
    width: 61%;
  }
  /* end: course */
}  /* @media print */