/* snippet style */
.snippet{ width:37.4em; padding:0.5em 0 0.2em; margin-top:0.8em; float:left; }
.snippet.wide{ width:42.2em; }
.snippet:first-child{ margin-top:0em; }

/* generic */
.snippet p{ line-height:1.25em; padding-bottom:1px; }
.snippet big{ font-weight:bold; color:#999; line-height:.8em; }

.snippet .avatar{ float:left; width:5.3em; height:5em; text-align:center; margin:0.4em 0.3em 0 0; }
.snippet .avatar.wide{ width:5.6em; }
.snippet .avatar a{ background-color:#fff }
.snippet .avatar img{ margin:auto 0; }

/* back info */
.snippet .back-info{ float:left; width:5.2em; height:7em; margin-right:0.3em; }
.snippet .back-info b{ margin-top:0.1em; float:left; color:#555; }
.snippet .back-info div{ float:left; text-align:right; clear:both; font-size:70%; color:#777; width:3.5em; padding:0.4em 0.5em 0.7em 0; }
.snippet .back-info section{ clear:both; text-align:center; font-size:70%; color:#777; padding:0.3em 0; }
/*.snippet .back-info div p{ clear:both; border:1px solid #000; }*/
.snippet .back-info .checkbox{ margin:0 0em 0 0em; float:left; vertical-align:middle; padding:0.15em 0.5em 0.15em 0.5em; background:#FFF4C6; border:1px solid #F2BD2F; }

/* title line */
.snippet .title{ font-size:95%; } 
.snippet .title a{ font-weight:bold; }
.snippet .title a:hover{ color:#fff; background-color:#AB000B; }

/* edu-stmt line */
.snippet .ellipsis {  /* ellipsis on 2nd line - http://stackoverflow.com/questions/15909489/text-overflow-ellipsis-on-two-lines */  
      display: block;
      display: -webkit-box;
      max-width: 40em;
      height: 3.1em;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      text-overflow: ellipsis;
      /*border:1px solid #000;*/
}
.snippet .ellipsis.wide{ max-width:44.8em; }

/* icon line */
.snippet .icons-line{ width:30em; color:#888; font-size:70%; }
.snippet .icons-line img{ vertical-align:middle; margin-right:0.2em; }