/* ===== GEN Sites Styles ===== */
/* Styles applied to existing views
 *
 * 
 * 
*/

.view-display-id-news_pane .views-field-created { 
	float: right; font-size: .8em; color: #888;
}
.view-display-id-news_pane .views-field-body {
	font-size: .8em;
	line-height: 1.2em; 
}


.width-1 .view-groups .views-field-entity-type {  /* number of members column */
	overflow: hidden;
	max-width: .65em;
	padding: 0;
}

/* ===== View: Slideshow ===== */
/* applied by defining class 'gen-slideshow' in Views UI or Panels UI */

.gen-slideshow .views-field-title-field,
.gen-slideshow .views-field-title-field,
.gen-slideshow .views-field-type,
.gen-slideshow .views-field-field-project-type,
.gen-slideshow .views-field-field-subtitle {
	position: relative;
	height: 0;
	padding: 0;
	margin: -2px 0;
}
.gen-slideshow .views-field-title-field .field-content,
.gen-slideshow .views-field-title-field .field-content,
.gen-slideshow .views-field-type .field-content,
.gen-slideshow .views-field-field-project-type .field-content,
.gen-slideshow .views-field-field-subtitle .field-content {
	position: absolute;
	background: #000;
	color: #fff;
	font-size: 0.9em;
	font-weight: normal;
	top: -60px;
	padding: 5px 8px;
	margin-bottom: -50px;
	overflow: hidden;
	-moz-opacity: .6; -khtml-opacity: .6; opacity: .6;	filter: alpha(opacity=60);
}

/* ===== Join Projects table: 'view-projects-join' ===== */

.view-projects-join table {
	width: 100%;
}
.view-projects-join caption {
	font-size: 1.5em;
	font-weight: bold;
	padding: 15px 0;
	}
.view-projects-join th {
	font-size: 12px;
	color: grey;
	}
.view-projects-join .views-field-field-project-type,
.view-projects-join .views-field-field-project-members,
.view-projects-join .views-field-field-new-members,
.view-projects-join .views-field-field-join,
.view-projects-join .views-field-field-new-collaborators  {
	font-size: 0.8em;
	padding: 0 5px;
	line-height: 1.1em;
	}
.view-projects-join .views-field-field-project-members {
		width: 110px;
		}
.view-projects-join .views-field-field-new-members,
.view-projects-join .views-field-field-new-Collaborators,
.view-projects-join .views-field-field-join {
	width: 200px;
	}
.view-projects-join .views-field-field-images {
	padding-right: 10px;
	}

/* ===== Questionaire table: 'view-project-fc' ===== */

.view-project-fc .views-field-field-integral,
.view-project-fc .views-field-field-social,
.view-project-fc .views-field-field-culture,
.view-project-fc .views-field-field-ecologic,
.view-project-fc .views-field-field-economic {
	width: 80px;
}

/* ===== Team presentation ===== */

.view-id-og_members.view-display-id-panel_pane_5 .views-row {
	clear: both;
	margin-bottom: 15px;
	padding-left: 200px;
	border-top: 1px solid #aaa;
}
.view-id-og_members.view-display-id-panel_pane_5 .views-field {
	margin: 0px;

}
.view-id-og_members.view-display-id-panel_pane_5 img {
	float: left;
	margin: -1px 0 0 -210px;
}


/* ===== Image gallery ===== */
/* How applied ? */

.image-gallery .views-row {
	margin-bottom: 10px;
}
.image-gallery .views-field-title-field {
	display: none;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	height: 45px;
	margin-bottom: -45px;
}
.image-gallery .views-field-title-field .field-content {
	padding: 0 5px;
	text-align: left;
	background: #fff; 
	-moz-opacity: .7;-khtml-opacity: .7;	opacity: .7;	filter: alpha(opacity=70);
}
.image-gallery .views-row:hover .views-field {
	display: block;
}


/* ===== Panels node (taxnav) ===== */

.view-panels-node table,
.view-panels-node .views-field-field-subjects a {
	font-size: 0.85em;
	line-height: 1.2em;
}
.view-panels-node table .views-field-title-1 {
	white-space: nowrap;
	overflow: hidden;
	max-width: 400px;
}
.view-panels-node table td {
	padding: 3px;
}
	
.view-panels-node thead th {
	color: #888;
	font-weight: normal;
}


/* ===== Horizontal video gallery ===== */
/* applyed by defining class 'video-gallery' in Views UI or Panels UI */

.video-gallery .views-row {
	margin-bottom: 10px;
}
.video-gallery .views-field-title,
.video-gallery .views-field-og-group-ref {
	position: relative;
	text-align: left;
	width: 188px;
	z-index: 33;
	display: none;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	height: 35px;
	margin-bottom: -35px;
	top: 4px;
}
.video-gallery .views-field-og-group-ref {
	top: 109px;
	height: 17px;
	margin-bottom: -17px;
}
.video-gallery .views-field-nid a {
	display: block;
	position: relative;
	z-index: 66;
	height: 120px;
	margin-top: -120px;	
}
.video-gallery .views-field-title a {
	color: #fff;
}
.video-gallery .views-field-title .field-content ,
.video-gallery .views-field-og-group-ref .field-content {
	padding: 0 5px;
	text-align: left;
	background: #000;
	color: #fff; 
}
.video-gallery.views-row:hover .views-field {
	display: block;
}


/* ===== People picture view ===== */

.people-picture-view .views-row .views-field-picture,
.people-picture-view li .views-field-picture,
.people-picture-view .views-row .views-field-field-image,
.people-picture-view li .views-field-field-image,
.people-picture-view .views-row .views-field-field-images,
.people-picture-view li .views-field-field-images,
.people-picture-view .views-row .views-field-field-video,
.people-picture-view li .views-field-field-video {
	background: #fff;
	padding: 0;
	margin-bottom: -120px;
	z-index: 33 !important;
	-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);
}
.people-picture-view .views-row:hover .views-field,
.people-picture-view li:hover .views-field {
	z-index: 44;
	border: 0;
}
.people-picture-view-small ul li {
	margin: 0;
	padding: 3px 0;
	width: 50px;
	height: 50px;
	min-height: auto;	
}
.people-picture-view-small li .views-field {
	font-size: .8em;
	padding: 0;
	margin-left: 0;
}
.people-picture-view-small li .views-field-picture {
	margin-bottom: -50px;
}

/* ===== OG members: 'view-og-members' ===== */

.view-og-members .views-field-name {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: -8px;
}
.view-og-members li {
	min-height: 56px;
}

/* ===== Search: 'view-search' ===== */
/* Should mainly go into theme */

.view-search h2 {
	margin: 0 0 8px 0;
}
.view-search .views-row {
	margin: 15px 0;
	border-top: 1px solid #aaa;
}
.view-search div.views-exposed-form .views-exposed-widget {
	float: none;
}
.view-search .views-exposed-form .views-exposed-widget  .form-item {
	display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; /* Hack: providing inline-blocks on all browsers */

}
.view-search .views-exposed-form .views-exposed-widget > label {
	display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; /* Hack: providing inline-blocks on all browsers */
}
.view-search .views-field-field-subjects,
.view-search .views-field-og-group-ref {
	font-size: 0.8em;
	font-weight: bold;
}
.view-search .view-content {
	margin-left: 30px;
}
.view-search .views-field .views-label {
	float: left;
	margin-right: 1em;
}
.view-search .views-exposed-form .views-exposed-widget  .form-item label {
	font-weight: normal;
	font-size: 0.8em;
	margin-right: 8px;
}
.view-search .form-item-keys input {
	font-size: 1.5em;
	width: 500px;
}
.view-search .views-field-title {
	margin-left: -20px;
}

/* ----- View: Comments: 'view-comments-panes' ----- */

.view-comments-panes .box-list-img h4 {
	font-size: 1.15em;
	margin: 0 0 0 -5px;
}
.view-comments-panes .box-list-img p {
	margin: 0;
}

/* ===== jcarousel ===== */

#page .jcarousel-skin-default ul.jcarousel-navigation {
	margin-left: auto;
	margin-right: auto;
}
#page .jcarousel-skin-default ul.jcarousel-navigation li {
	
}
#page .jcarousel-skin-default ul.jcarousel-navigation li a {
	font-size: 1px;
	color: transparent;
	width: 8px;
	height: 8px;
	background: #bbb;
	border-radius: 4px;
}

#page .jcarousel-container ul,
#page .jcarousel-container li {
	padding: 0;
	margin: 0;
	text-align: left;
	list-style: none;
}
#page .view .jcarousel-container {
	padding: 0 0;
	width: 100%;
	height: 250px;
}
#page .view .jcarousel-clip {
	padding: 0 0;
	width: 100%;
	height: 250px;
}
#page .jcarousel-container .jcarousel-item {
	width: 290px;
	height: 250px;
	border: none;
	margin: 0 30px 0 0;
}
#page .fullwidth-jcarousel .jcarousel-container {
	padding: 0 0;
	width: 1200px;
	height: 400px;
}
#page .fullwidth-jcarousel .jcarousel-clip {
	padding: 0 0;
	width: 1200px;
	height: 400px;
}
#page .fullwidth-jcarousel .jcarousel-container .jcarousel-item {
	width: 1200px;
	height: 400px;
	border: none;
	margin: 0 30px 0 0;
}
#page .news-slider .jcarousel-container {
	padding: 0 0;
	width: 100%;
	height: 350px;
}
#page .news-slider .jcarousel-clip {
	padding: 0 0;
	width: 100%;
	height: 350px;
}
#page .news-slider .jcarousel-container .jcarousel-item {
	width: 225px;
	height: 350px;
	border: none;
	margin: 0 20px 0 0;
	position: relative;
	line-height: 1.25em;
}
#page .news-slider .jcarousel-container .jcarousel-item .views-more-link {
	position: absolute;
	top: 330px;
	display: block;
	height: 20px;
	padding: 7px 30px 0 170px;
	background: #fff;
}
#page .view-display-id-videos .jcarousel-container {
	padding: 0 0;
	width: 100%;
	height: 370px;
}
#page .view-display-id-videos .jcarousel-clip {
	padding: 0 0;
	width: 100%;
	height: 370px;
}
#page .view-display-id-videos .jcarousel-container .jcarousel-item {
	width: 650px;
	height: 370px;
	border: none;
	margin: 0 20px 0 0;
}
#page .view .jcarousel-next {
	top: -45px;
	right: 0px;
}
#page .view .jcarousel-prev {
	top: -45px;
	left: auto;
	right: 30px;
}

/* ----- Jcarousel fields ----- */

.jcarousel .views-field views-field-title {
	white-space: nowrap;
	overflow: hidden;
}
.jcarousel .views-field-field-date-to {
	width: 138px;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	padding: 0 0 0 25px;
	margin-right: 20px;
}
.jcarousel .views-field-field-location {
	width: 86px;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 20px;
}


/* ===== View: User picture gallery ===== */
/* applyed by defining class 'people-picture-view' in Views UI or Panels UI */
/* User pictures with data overlay on hover */

.people-picture-view {
	text-align: center;
}
.people-picture-view .views-row,
.people-picture-view li {
	display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; /* Hack: providing inline-blocks on all browsers */

	position: relative;
	margin: 5px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	vertical-align: top;
}
.people-picture-view .views-row .views-field,
.people-picture-view li .views-field {
	position: relative;
	font-size: .9em;
	line-height: 1.2em;
	z-index: 22;
	padding: 0 5px;
	background: #fff;
	-moz-opacity: .8; -khtml-opacity: .8; opacity: .8;	filter: alpha(opacity=80);
}
.people-picture-view .views-row .views-field-picture,
.people-picture-view li .views-field-picture {
	-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;	filter: alpha(opacity=100);
}
	

/* ===== Books ====== */

.view-books .views-row {
	margin-bottom: 30px;
	padding: 15px 0;
	border-top: #999 solid 1px;
}
.view-books img {
	margin-left: 20px;
}


/* ===== Project tree ===== */
/* A tree view of hierarchical Project reference structure */
/* Generated by 'view-project-tree' */

.views-field-view {
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 2em;
}
.view-project-tree .views-row,
.view-project-tree h3 {
	position: relative;
	left: 170px;
	top: -1.2em;
	border-left: 5px solid #ccc;
	margin: 0;
	padding: 1px 0;
	background: #fff;
}
.view-project-tree h3 {
	font-size: 11px;
	height: 14px;
	line-height: 1.2em;
	margin-top: -3px;
}
.view-project-tree .views-field-title {
	background: #ccc;
	margin: .1em 0;
	width: 200px;
}
.view-project-tree .view-header  {
	border-bottom: 5px solid #ccc;
	width: 500px;
	margin-bottom: 16px;
}