/*
	Edukans Module Snippets (to be placed in module CSS)
	--------------------------------------------------
*/

/* defaults */
.ek-list {
	height: 100%;
	margin: 0 0 .5em 0;
	padding: 0;
	list-style: none;
}

.ek-list li {
	position: relative;
	height: 100%;
	overflow: hidden;
	padding-bottom: .7em;
	margin-bottom: .7em;
	border-bottom: 1px solid #5a5758;
}

.ek-list li.last {
	padding: 0;
	margin: 0;
	border: 0;
}

.ek-list img {
	float: left;
	margin: 5px 0 0 0;
}

.ek-distributor img {
	display: none;
}

/* profile page ek-list changes */
.ek-list-friends h3,
.ek-list-groups h3 {
	display: block;
	margin-left: 40px;
	padding-top: 12px;
	line-height: 1;
}

.ek-list-friends img,
.ek-list-groups img {
	display: block;
	float: left;
	margin: 5px 0 0;
}

.ek-list-container h2 a {
	display: block;
	font-size: .9em;
}

.ek-list-friends h2,
.ek-list-groups h2 {
	padding: 2px 5px 2px 10px;
	color: #fff;
}

.ek-list-friends h2 a,
.ek-list-groups h2 a {
	font-size: 12px;
	color: #fff !important;
}

.ek-list-friends h2 {
	background-color: #009eca;
}

.ek-list-groups h2 {
	background-color: #eba327;
}

div.ek-list-container .ek-list-small h3 {
	color: #000;
	text-transform: none;
	font-size: .9em;
	font-weight: normal;
}

.ek-list-small li {
	position: relative;
	height: auto;
	margin: 0;
	padding: 0;
	zoom: 1;
	border: 0;
}

.ek-list-small h3.rising,
.ek-list-small h3.falling {
	padding-right: 15px;
	background: transparent url(../../../ui/HNDU/img/hndu-sprite.png) no-repeat 121px -184px;
}

.ek-list-small h3.falling {
	background-position: 121px -215px;
}

.ek-list-small p {
	display: none;
}

.ek-list a {
	color: black;
	text-decoration: none;
}

/* edukans lists */
div.article_last .ek-list-container {
	margin-right: 0;
}

.ek-list-container h2 {
	font-size: 1em;
}

.ek-list-container h2 a {
	text-decoration: none;
	color: #000;
}

/* edukans counter */
.ek-counter {
	width: 133px;
	height: 77px;
	background: transparent url(../img/bg-edukans-counter.jpg) no-repeat 0 0;
}

.ek-counter dl {
	width: 65px;
	height: 47px;
	padding: 20px 0 0 15px;
	line-height: 1;
	font-weight: bold;
	font-size: .8em;
	color: #fff;
}

.ek-counter dd.amount {
	font-size: 2em;
}

/* edukans participant list */
body.ek-participant .article {
	overflow: visible;
}

#ek-participant-list-container .left {
	width: 559px;
	float: left;
}

#ek-participant-list-container .right {
	width: 130px;
	float: right;
	margin-top: -44px;
}

#participant-search {
	margin: 10px 0;
}

#participant-search imput {
	width: 130px;
}

/* page navigation */
.ek-participant-nav {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

#ek-participant-list-container .top {
	display: none; /* Hide first pagination */
}

.ek-participant-nav span.pages {
	margin-right: 10px;
}

.ek-participant-nav a {
	padding: 2px 5px;
}

.ek-participant-nav a:hover,
.ek-participant-nav .active {
	color: #000;
}

div.ek-participant-nav ol {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

div.ek-participant-nav li {
	display: inline;
}

/* participant list */
div.ek-participant-info {
	position: relative;
	float: left;
	width: 340px;
	margin: 3px 0 0 15px;
}

div.ek-participant-info h2 {
	font-size: 1.2em;
	text-transform: none;
	color: #000;
}

div.ek-participant-info p {
	margin: 0;
}

span.ek-rating {
	display: block;
	width: 104px;
	height: 74px;
	float: right;
	padding: 10px 0 0 12px;
	color: #fff;
	font-weight: bold;
	background: transparent url(../img/bg-edukans-schoolboard.jpg) no-repeat left bottom;
}

span.ek-rating span {
	display: block;
	margin: .1em 0;
	font-size: 2.5em;
}

/* participant list filter */
form#ek-participant-filter fieldset {
	margin: 1.5em 0;
	padding: 0;
	border: 0;
	background: #fff;
}

form#ek-participant-filter label {
	font-weight: normal;
}

form#ek-participant-filter legend {
	position: static;
	text-transform: uppercase;
	font-size: .9em;
}

form#ek-participant-filter label {
	display: block;
}

form#ek-participant-filter label input {
	width: 13px;
	height: 13px;
	overflow: hidden;
	margin: 0 .5em 0 0;
	vertical-align: middle;
}

form#ek-participant-filter select {
	width: 100%;
}

/* profile page */
#profilepage #content .ek-article h2 {
	font-size: 1.5em; /* Webshop article_1 reset */
}

#profilepage #content .article_1 {
	padding-bottom: 0;
}

.ek-article {
	position: relative;
	overflow: hidden;
	/* Ik help x kinderen naar school article has no bottom padding
	min-height: 177px*/
}

#twitter h2, #hyves h2, #linkedin h2 {
	text-indent: -999em;
	background: url(../img/socialmedia-logos.png) no-repeat;
}

#twitter ul, #hyves ul, #linkedin ul {
	list-style: none;
}

#twitter li, #hyves li, #linkedin li {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #eee;
}

#twitter h2 {
	background-position: 50% -82px;
}
#hyves h2 {
	background-position: 50% -40px;
}
#linkedin h2 {
	background-position: 50% 2px;
}

#twitter span, #hyves span, #linkedin span,
.ek-scrap-date  {
	display: block;
	font-size: .9em;
	color: #999;
}

#twitter a,
#twitter span a, #hyves span a, #linkedin span a {
	color: #999;
	text-decoration: none;
}

#twitter a {
	color: #009eca;
}

/* scrap article */
.ek-scraplist {
	list-style: none;	
}

.ek-scraplist li {
	margin-bottom: 2em;
}

.ek-scraplist img {
	float: left;
	margin-right: 10px;
}

.ek-add-scrap {
	display: block;
	padding: 0 22px;
	text-align: right;
	background: url(../img/mod-edukans-sprite.png) no-repeat 100% -70px;
}

.ek-scrap-writer {
	display: block;
	margin-bottom: .5em;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.ek-scrap-text {
	padding-left: 0;
}

.ek-add-scrap,
.ek-scrap-writer,
.ek-scrap-text {
	margin-left: 64px;
}

.ek-article p {
	min-height: 125px;
	margin-bottom: 0;
}

.ek-article img.left {
	float: left;
	position: relative;
	top: 0; /* IE6 doesn't get negative top margin */
	margin: -9px 10px 0 -10px;
}

.ek-profile-edit {
	padding-right: 1em;
	text-align: right;
}

.ek-article .ek-vote {
	top: 6px;
	right: 10px;
}

.ek-vote {
	position: absolute;
	top: 0px;
	right: 135px;
	display: block;
	height: 30px;
	width: 90px;
}

.ek-vote img {
	border: none;
	margin: 0;
	position: relative;
	top: -1px;
}

.ek-votes {
	margin-left: .5em;
	color: #f0a423;
}

#content h2.ek-vote-header {
	padding-left: 80px;
	text-align: left;
}

/* add friend */
a.ek-more {
	display: block;
	text-align: right;
}

a.ek-add-friend,
span.ek-add-friend {
	float: right;
	position: relative;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.ek-add-friend img {
	width: 64px;
	height: 64px;
	margin-right: 10px;
}

a.ek-add-friend span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	padding: 2px 5px 2px 10px;
	text-decoration: none;
	font-weight: bold;
	background-color: #cacd19;
	color: #fff;
	text-transform: uppercase;
}

a.ek-add-friend:hover span {
	background-color: #15a8d9;
}

span.ek-add-friend span {
	display: none;
}

h3.profile-page {
	color: #000;
	clear: both;
}

/* profile informations */
.ek-profile-introduction {
	margin-left: 10px;
}

div.ek-profile-info {
	float: left;
	width: 280px;
	margin-left: 20px;
}

div.ek-profile-info span.ek-rating {
	float: none;
	margin-bottom: 1.5em;
}

div.ek-profile-info h2 {
	font-size: 1.3em;
	color: #000;
}

/* edit profile */
div.profile-buttons {
	height: 50px;
	margin-left: 10px;
	clear: left;
}

a.ek-edit-profile {
	float: left;
	display: block;
	padding: 2px;
	width: 130px;
	margin: 0 4px 1.5em 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #009eca;
	color: #fff;
	border: 3px solid #009eca;
}

a.ek-edit-profile:hover {
	background-color: #fff;
	color: #009eca;
	border: 3px solid #009eca;
}

/* accept & reject buttons */
a.ek-picker {
	position: absolute;
	left: -999em;
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	text-indent: -999em;
	background: transparent url(../img/mod-edukans-sprite.png) no-repeat 0 0;
}

a.ek-friend-reject {
	background-position: -15px 0;
}

.ek-list li:hover a.ek-picker {
	top: 0;
	right: 0;
	left: auto;
}

.ek-list li:hover a.ek-friend-accept {
	right: 15px;
}

/* complete friends overview */
div.ek-list-wide {
	width: 100%;
}

div.ek-list-wide li {
	padding-bottom: 0;
	width: 50%;
	float: left;
	height: 60px;
}

div.ek-list-wide li.last {
	border-bottom: 1px solid #000;
}

div.ek-list-wide li p {
	padding-right: 10px;
}

div.ek-list-wide li:hover a.ek-picker {
	right: 5px;
}

div.ek-list-wide li:hover a.ek-friend-accept {
	right: 20px;
}

/* Invite member styles */
span.ek-invite-member {
	display: block;
	position: absolute;
	top: 10px;
	right: 40px;
}
span.ek-invite-member a {
	color: #EBA327;
	text-decoration: underline;
}
span.ek-invite-member a:hover {
	text-decoration: none;
}