/* ------------------------------------------------------------------------------
	Project Pages
------------------------------------------------------------------------------ */

#projects {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* ------------------------------------------------------------------------------
	Projects Overview Page
------------------------------------------------------------------------------ */
.prj {
	clear: both;
	margin-bottom: 25px;
}
.prj img {
	vertical-align: bottom;
	margin-right: 4px;
}

.prj table tr td {
	padding: 0px;
	margin: 0px;
}
/* ------------------------------------------------------------------------------
	Project Details Page
------------------------------------------------------------------------------ */
#prj {
	
}


.prj-header {
	float: left;
	position: relative;
  margin: 1px 0px 6px 0px;
}
.prj-icon {
	float: left;
	margin-right: 10px;
}
.prj .prj-icon {
	text-align: right;
	height: 16px;
	width: 24px;
	margin-left: 0px;
	padding-right: 0px;
}
/* ========== References in Project Overview ============ */
.prj .prj-paper {
	font-size: 90%;
}

.prj-title {
	float: left;
	position: relative;
}
.prj-titleblock{  }
.prj-title-main {
	float: left;
	position: relative;
  color: #777;
	font-weight: 600;
  font-size: 14pt;
  text-decoration: none;
  padding-left: 1px;
  padding-right: 15px;
  padding-top: 1px;
  padding-bottom: 2px;
}
.prj-title-main a {
	font-weight: 600;
}
.prj-title-main {
  border-bottom: 1px solid #dddddd;
}
.prj .prj-title {
	padding-bottom: 5px;
}

.prj .prj-paper a:link, .prj-title-main a:link,
.prj .prj-paper a:visited, .prj-title-main a:visited {
	color: #23527c;
}
.prj .prj-paper a:hover, .prj-title-main a:hover,
.prj .prj-paper a:active, .prj-title-main a:active {
	color: #337ab7;
	text-decoration: underline;
}

.prj-title-sub {
	float: left;
	position: relative;
	clear: left;
  color: #444;
  margin-left: 10px;
  margin-top: 4px;
  margin-bottom: 5px;
  padding-left: 1px;
}
.prj-goto {
	clear: both;
	margin-left: 10px;
}
.prj-goto a {
}
.prj-oneliner {
	clear: both;
	margin-left: 10px;
	margin-bottom: 5px;
}
.prj-content {
	clear: both;
	padding-top: 5px;
}
.prj-description {
  margin: 0px 0px 10px 10px;
  padding-top: 0px;
}
.prj-description-abstract {
	font-weight: 600;
}
.prj-code, .prj-page, .prj-paper {
	display: block;
	vertical-align: middle;
	clear: left;
  margin: 5px 0px 10px 10px;
}
.prj-code {
 padding-bottom: 20px;
}
.prj-code-icon {
	float: left;
	width: 28px;
	margin-left: 4px;
	margin-right: 10px;
	vertical-align:bottom;
}
.prj-code-desc {
	float: left;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* ============ side nav ============ */

/* ------------------------------------------------------------------------------
	More/Less accordions
------------------------------------------------------------------------------ */
.moreless {
	color: #888888;
}
.moreless.bottom {
	diplay: block;
	float: right;
	margin-bottom: 0px;
	margin-top: -20px;
}
.moreCausal, .morePatterns, .moreEvents, .moreDeps, .moreSubgroups, .moreOutliers, .moreSeqs, .moreGraphs, .moreFDD, .moreSGD, .moreProcess, .morePrM, .moreRobust, .moreInterpretable {
	display: none;
}

.section-title {
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.section-title-main {
	font-family: <?=$font_fam_h2;?>;
	font-weight: 200;
	font-size: 20pt;
}
.section-title-main img {
	height: 32px;
	margin-right: 6px;
	margin-top: -6px;
	vertical-align: top;
	float: left;
}
.section-title-extra {
	text-align: right; 
	float: right; 
	margin-right: -10px; 
	margin-top: 6px; 
	margin-bottom: 0px;
}
.section-title-sec {
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 12px;
	font-weight: 200;
	font-size: 16pt;
}
.section-content {
	clear: left;
}