/* Content */
#content {
  float: left;
/*
  wider biographies
  width: 640px;
  margin-right: 90px;
*/
  width: 720px;
}
#content div.content.block {
  border: 1px solid #CECED1;
  padding: 7px 10px 10px 10px;
  border-top: 10px solid #F04E30;
  margin-bottom: 20px;
  margin-left : 0px;
}
#content div.block.research {
  border-top: 10px solid #00daa6;
}
#content div.block.participate {
  border-top: 10px solid #00AEEF;
}

#content div.block.attached {
  background-color: #EFF2F4;
  border-top : none; 
  margin-top : -20px; 
}

/* Content header */
#content div.content,
#content div.content_header {
  margin: 0 0 10px 10px;
}

#content div.content {
  margin: 0 10px 10px 10px;
}

#content div.content_header {
  display: table;
}
#content div.content_header.research a {
  color: #F04E30;
}
#content div.content_header.research a:hover {
  color: #F8A586;
}
#content div.content_header h2.title,
#content div.content.block h2.title {
  margin-bottom: 5px;
  line-height: 20px;
  font-size: 15px;
}
#content div.content_header h2.title span.name {
  font-size: 21px;
}
#content div.content_header div.description {
  float: left;
  width: 380px;
  margin: 0 5px;
  line-height: 14px;
  font-size: 12px;
  margin-bottom: 10px;
}
#content div.content_header div.description div.roles {
  margin-bottom: 7px;
  font-style: italic;
  font-weight: bold;
}
#content div.content_header div.description div.roles ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#content div.content_header div.description div.roles ul li {
  display: inline;
}
#content div.content_header div.description p {
  margin-bottom: 7px;
}
#content div.content_header div.description div.keywords {
  font-size: 13px;
}
#content div.content_header div.description div.keywords span.label {
	text-transform : uppercase;
	font-weight : bold;
	font-size : 12px;
}
#content div.content_header div.photos {
  float: left;
  width: 240px;
}
#content div.content_header div.photos ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#content div.content_header div.photos ul li {
  float: left;
  margin: 0 0 5px 5px;
}

/* header minus photos minus gutter 700 - 240 - 10 */
#content div.content_header.has_images .metadata {
  width: 450px;
  float: left;
}
#content div.content_header div.photos.pull_right {
  float: right;
  text-align: right;
}

.relationships {
  padding: 0;
  margin: 0;
}

.relationships .item {
  border-bottom: 1px solid #CECED1;
  padding: 1em 0;
}
.relationships .last {
  border-bottom: none;
}
/* Photo */
.image,
.photo {
  background: #E1E4E5;
  position: relative;
  display: block;
  width: 65px;
  height: 65px;
  border: 5px #E1E4E5 solid;
  overflow: hidden;
}
.photo.large_thumbnail {
  width: 130px;
  height: 130px;
}
.photo a {
  display: block;
  width: 100%;
  text-align: center;
}

.span-2 .photo img {
	max-width : 130px;
	max-height : 130px;
}

.photo:hover,
a:hover img {
	border-color : #cccccc;
}
/*
grey hover only
.research .photo:hover,
.research a:hover img {
	border-color : #00daa6;
}

.participate .photo:hover,
.participate a:hover img {
	border-color : #00AEEF;
}
*/
.photo img {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.photo.missing {
	background : white no-repeat center center url("../images/missing-65.png");
}
#content div.content_body div.works div.work div.photo.missing {
	background-image : url("../images/missing-130.png");
}

.image {
  width: auto;
  height: auto;
  overflow: visible;
  font-size : 11px;
  color : #666666;
}

.image.right {
	margin-left : 5px;
}

.image.left {
	margin-right : 5px;
}

.image.medium {
	width : 140px;
}

.image .credit {
	font-style : italic;
}

li.caption {
	font-size : 0.9em;
	font-style : italic;
	list-style : none;
}

/* Content tabs */
#content div.content_tabs {
  background: #EFF2F4;
  position: relative;
  float: left;
  width: 238px;
  min-height: 490px;
  padding-bottom: 30px;
  border: 1px solid #CECED1;
  margin-right: 10px;
  margin-bottom: 10px;
}
#content div.content_tabs div.menu {
  line-height: 10px;
}
#content div.content_tabs div.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content div.content_tabs div.menu ul li {
  position: relative;
  border-bottom: 1px solid #CECED1;
  cursor:pointer;
}
#content div.content_tabs div.menu ul li.selected {
  background: url("../images/menu_item_bg.png") repeat-x bottom left scroll #474747 !important;
}
#content div.content_tabs div.menu ul li.selected a {
  color: white ;
  cursor: default;
}
#content div.content_tabs div.menu ul li span.arrow {
  display: none;
}
#content div.content_tabs div.menu ul li.selected span.arrow {
  background-position: -40px 0;
  display: block;
  left: -1px;
  top: 15px;
}
#content div.content_tabs div.menu ul li.locked span.locked {
  background: url("../images/ico.png") no-repeat 0 -195px scroll transparent !important;
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  right: 20px;
  top: 50%;
}
#content div.content_tabs div.menu ul li:hover {
  background: white;
}
#content div.content_tabs div.menu ul li a {
  display: block;
  min-height: 30px;
  padding: 10px 10px 10px 20px;
  font-size: 11px;
  text-decoration: none;
  color: #777777;
}
/* make space for admin buttons if we have auth */
#content div.content_tabs div.menu ul li.has_auth a {
  padding-right: 50px;
}
div.content_tabs div.menu ul li:hover a {
  color: #F8A586;
}
#content div.content_tabs div.menu ul li a.admin {
  min-height: 0;
  padding: 10px 20px 2px 10px;
  text-align: right;
  text-decoration: underline;
  text-transform: lowercase;
  width: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
#content div.content_tabs div.menu ul li a.admin.last {
  top: auto;
  bottom: 0;
  padding: 5px 20px 10px 10px;
}
#content div.content_tabs div.menu ul li a.admin:hover {
  color: #00C18D;
}
#content div.content_tabs div.menu ul li.selected a.admin:hover {
  color: #00C18D ;
  cursor: pointer;
}
div.content_tabs div.menu ul li a span.title {
  display: block;
  margin-bottom: 5px;
  line-height: 13px;
  font-size: 13px;
  font-weight: normal;
  color: black;
}
div.content_tabs div.menu ul li:hover a span.title {
  color: #F8A586;
}
div.content_tabs div.menu ul li.selected a span.title {
  color: #F04E30;
}
.research div.content_tabs div.menu ul li:hover a span.title {
  color: #00C193;
}
.research div.content_tabs div.menu ul li.selected a span.title {
  color: white;
}
.participate div.content_tabs div.menu ul li:hover a span.title,
.participate div.content_tabs div.menu ul li.selected a span.title {
  color: #00AEEF;
}
#content div.content_tabs div.bottom {
  position: absolute;
  bottom: 5px;
  left: 20px;
  font-size: 11px;
  color: #777777;
}
#content div.content_tabs div.bottom a {
  text-decoration: none;
  color: #777777;
}
#content div.content_tabs div.bottom a:hover {
  color: #F04E30;
}
/* Content body */
#content div.content_body {
  float: left;
/*
  wider biographies
  width: 390px;
*/
  width: 470px;
}
#content div.content_body.userspace {
  float: left;
  width: 640px;
}
#content div.content_body div.section {
  display: none;
}
#content div.content_body div.section.selected {
  display: block;
}
#content div.content_body .cb_title {
  background: #EFF2F4;
  padding: 7px 5px 7px 15px;
  border: 1px solid #CECED1;
  margin-bottom: 10px;
  line-height: 15px;
  font-size: 15px;
  font-weight: normal;
}
#content div.content_body div.body {
  margin-left: 20px;
/*
	larger body sizes
  font-size: 12px;
*/
}
#content div.content_body div.works dl,
#content div.content_body div.body dl {
  margin: 0;
}
#content div.content_body div.works dl dt,
#content div.content_body div.body dl dt {
  font-size: 12px;
  display: block;
  float: left;
  width: 80px;
  clear: both;
}
#content div.content_body div.works dl dt {
  width : 60px;
}

.research .content_body dl a.editlink {
  font-weight: normal;
  font-size: 11px;
  color: #777;
  text-transform: lowercase;
  display: block;
  margin-bottom: 0.5em;
}
.research .content_body dl a.editlink.inline {
  display: inline;
}

#content div.content_body div.works dl dd {
  overflow : hidden;
}
#content div.content_body div.works dl dd a {
  word-break : break-all;
}

#content div.content_body div.works dl dd,
#content div.content_body div.body dl dd {
  font-size: 12px;
  float: left;
  margin: 0 0 10px 20px;
  width: 250px;
}
#content div.content_body div.works dl dd {
  width: 155px;
}

#content div.content_body dl dd ul {
  margin: 0;
  padding: 0;
}
/* Biography */
#content div.content_body .daao-accordion .cb_title {
  position: relative;
  margin-bottom: -1px;
  padding-left : 30px;
}
#content div.content_body .daao-accordion .cb_title.ui-accordion-header {
  cursor: pointer;
}
#content div.content_body .daao-accordion .cb_title.ui-accordion-header.ui-state-active {
  cursor: default;
}
#content div.content_body .daao-accordion .cb_title span.ico {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -5px;
}
#content div.content_body .daao-accordion .cb_title.ui-state-active span.ico {
  background-position: -33px -11px !important;
}
#content div.content_body .daao-accordion .cb_title.ui-state-active:hover span.ico {
  background-position: -22px -11px !important;
}

#content div.content_body .daao-accordion div.body {
  padding: 10px;
  margin: 0;
/*
	larger body sizes
  font-size: 12px;
*/
}
/* Works */
#content div.content_body div.works {}
#content div.content_body div.works div.work {
  margin-bottom: 5px;
}
#content div.content_body div.works div.work div.photo {
  float: left;
  margin-right: 15px;
  width: 130px;
  height: 130px;
}
/*
#content div.content_header .photo img {
	max-width : 65px;
	max-height : 65px;
}
*/

#content div.content_body div.works .work div.photo img {
	max-width : 130px;
	max-height : 130px;
}

#content div.photo a div.external-icon {
	display : none;
	position : absolute;
	top : 0;
	right : 0;
	width : 15px;
	height : 15px;
	background-image : url(../images/ico.png);
	background-repeat : no-repeat;
	background-position: 0 -255px;
	border-left : 5px solid #cccccc;
	border-bottom : 5px solid #cccccc;
	background-color : #cccccc;
}
#content div.photo a:hover div.external-icon {
	display : block;
}

#content div.content_body div.works div.work div.work-body {
  float: left;
  width: 235px;
  margin-top: 7px;
}
#content div.content_body div.works div.work div.work-body .title {
  margin-bottom: 9px;
  line-height: 15px;
  font-size: 13px;
  font-weight: normal;
  color: black;
}
#content div.content_body div.works div.work div.work-body div.date {
  font-size: 11px;
  color: #777777;
}
#content div.content_body div.works div.work div.work-body div.description {
  font-size: 11px;
  color: #777777;
  clear : both;
}
/* Associates */
#content div.content_body div.associates {}

#content div.content_body div.associates div.associate {
  margin-bottom: 5px;
}
#content div.content_body div.associates div.associate div.photo {
  float: left;
  margin-right: 15px;
}
#content div.content_body div.associates div.associate div.associate-body {
  float: left;
  width: 300px;
  margin-top: 7px;
  font-size: 11px;
  color: #777777;
}
h4 {
  margin-bottom: 0em;
}
.section h5.title,
#content div.content_body div.associates div.associate div.associate-body .title {
  margin-bottom: 0;
  line-height: 15px;
  font-size: 13px;
  font-weight: normal;
  color: black;
}
#content div.content_body div.associates div.associate div.associate-body div.date {
  font-size: 11px;
  color: #777777;
}
#content div.content_body div.associates div.associate div.associate-body div.description {
  font-size: 11px;
  color: #777777;
}
/* Events */
#content div.content_body div.events {}
#content div.content_body div.events div.event {
  margin-bottom: 5px;
}
#content div.content_body div.events div.event div.photo {
  float: left;
  margin-right: 15px;
}
#content div.content_body div.events div.event div.event-body {
  float: left;
  width: 300px;
  margin-top: 7px;
  font-size: 11px;
  color: #777777;
}
#content div.content_body div.events div.event div.event-body .title {
  margin-bottom: 0;
  line-height: 15px;
  font-size: 13px;
  font-weight: normal;
  color: black;
}
#content div.content_body div.events div.event div.event-body div.date {
  font-size: 11px;
  color: #777777;
}
#content div.content_body div.events div.event div.event-body div.description {
  font-size: 11px;
  color: #777777;
}
/* References */
#content div.content_body div.references {}
#content div.content_body div.references ul {
  margin: 0;
}
#content div.content_body div.references ul li {
  margin-bottom: 5px;
}
#content div.content_body div.references ul li a {}

/* Home page content */
#home-page_content {}
#home-page_content div.col {
  float: left;
}
#home-page_content div.col.col_left {
  width: 480px;
  margin-right: 20px;
}
#home-page_content div.col.col_right {
  width: 140px;
}
#home-page_content div.col div.col_title {
  margin-bottom: 5px;
  font-size: 15px;
}
#home-page_content div.tabs {
  margin-bottom: 50px;
  padding-right: 1px;
}
.ui-tabs .ui-tabs-nav {
  display: block;
  height: 36px;
  padding: 0;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  margin: 0;
  list-style: none;
  overflow: hidden;
}
.ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  list-style: none outside none;
  padding: 0;
  border: 1px solid #CCCCCC;
  border-top: 5px solid #333333;
  border-right: none;
  border-bottom: 1px solid #CCCCCC;
  margin: -1px 0 0 -1px;
  top: 1px;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
  border-top: solid 5px #00daa6;
  border-bottom: none;
  padding-bottom: 1px;
  background-color : white;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover {
  background-color : #EFF2F4;
  border-top-color : #00daa6;
}
.ui-tabs .ui-tabs-nav li a {
  display: inline-block;
  width: 139px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 13px;
  text-decoration: none;
  color: black;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #00C193;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: default;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  clear: both;
  min-height: 200px; 
  border: 1px solid #CCCCCC;
  border-top: none;
  padding: 10px;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
#home-page_content div.tabs div.main {
  float: left;
  width: 220px;
  margin-right: 10px; 
}
#home-page_content div.tabs div.main div.header {
  margin-bottom: 10px;
}
div.talk ul,
div.talk li {
	list-style : none;
	margin : 0;
	padding : 0;
}
div.talk span.user {
	width : 140px;
	display : inline-block;
	vertical-align : top;
}
div.talk span.comment {
	display : inline-block;
	width : 380px;
	margin : 0;
	vertical-align : top;
}

div.talk .status {
	display : block;
	font-size : 11px;
	font-style : italic;
}

div.talk ul.talk {
	margin-top : 20px;
}
ul.talk li {
	margin-bottom : 20px;
}
div.talk label {
	clear: both;
	display: inline-block;
	vertical-align: top;
	width: 140px;
}
div.talk textarea#comment {
	height : 120px;
}
div.talk .photo,
#home-page_content div.tabs div.main div.photo {
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}
#home-page_content div.tabs div.main div.text {
  float: left;
  width: 160px;
  margin-top: 5px;
  font-size: 12px;
  color: #777777;
}
#home-page_content div.tabs div.main div.text .name {
  font-size: 12px;
  color: black;
}
#home-page_content div.tabs div.main div.body {
  font-size: 12px;
}
#home-page_content div.tabs div.list {
  float: left;
  width: 225px;
}
#home-page_content div.tabs div.list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#home-page_content div.tabs div.list ul li {
  margin-bottom: 10px;
  clear: both;
}
#home-page_content div.tabs div.list ul li:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
#home-page_content div.tabs div.list ul li span.photo {
  margin-right: 10px;
  display: block;
  float: left;
  width: 40px;
  height: 40px;
}
#home-page_content div.tabs div.list ul li span.photo img {
  max-width: 40px;
  max-height: 40px;
}
#home-page_content div.tabs div.list ul li span.text {
  display: block;
  float: left;
  width: 165px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 16px;
  color: #777777;
}
#home-page_content div.tabs h6 {
  font-size: 13px;
  margin-bottom: 0px;
  color: black;
}
#home-page_content div.tabs h6 a {
  text-decoration: none;
}

#home-page_content div.tabs .main h6 a {
  color : #333;
}
#home-page_content div.tabs .main h6 a:hover {
  color : #00daa6;
}

/* About */
#home-page_content div.about {
  float: left;
  margin-right: 40px;
  font-size: 13px;
}
#home-page_content div.about div.group {
  margin-bottom: 30px;
}
#home-page_content div.about h4 {
  margin-bottom: 10px;
  font-size: 15px;
}
/* Photos */
#home-page_content div.col_right div.photos {}
#home-page_content div.col_right div.photos ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#home-page_content div.col_right div.photos ul li {
  margin-bottom: 10px;
}
#project-page_content div.photos ul li.photo,
#home-page_content div.col_right div.photos ul li.photo {
  width: 130px;
  height: 130px;
}
#home-page_content div.col_right div.photos ul li a {}
#home-page_content div.col_right div.photos ul li a img {}

.meta {
  font-size : 11px;
  color : #666666;
}

.content_header .meta {
  text-align : right;
}

.projects li .progress-bar  {
	margin-top : 10px;
}
/*
.projects .photo {
	width : 130px;
	height : 130px;
}
.projects .photo img {
	max-width : 130px;
	max-height : 130px;
}
*/
.projects h3 a {
	text-decoration : none;
}
.projects h3 a:hover {
	text-decoration : underline;
}

.projects .users {
	
}
.projects h4 {
	margin-bottom : 0;
}
.projects ul li {
	margin-bottom : 20px;
}
.projects .status {
	font-size : 11px;
	font-style : italic;
}
.addproject {
	text-align : right;
}
.addproject .nr_btns {
	right : 0;
}
.addproject .nr_btns a {
	text-indent : 0;
	text-decoration : none;
}
.addproject .nr_btns .ico-big {
	margin-left : 5px;
}
.link-list label,
a.action {
	text-transform : uppercase;
	font-size : 11px;
}
#content div.content_body div.works div.work div.photo.with_credit {

}

#content div.content_body div.works div.work div.photo_wrapper {
    width: 140px; 
	float: left; 
	margin-right: 15px;
}

a.opslink {
  text-transform: lowercase;
  font-size: 11px;
}