* {
	margin: 0;
	padding: 0;}

button {
	padding: 3px;}

.group:after {
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;}

a img, abbr {
	border: 0;}

embed, object {
	outline: none;}

wbr:after {
   content: "\00200B";}


/** TYPOGRAPHY **/
body {
	color: #333;
	background-color: #C4C4BD;
	font: 15px/1.4 'myriad-pro', Arial, Verdana, sans-serif; /* "PT sans" */
	background: #C4C4BD url(/images/body-background.png) top left repeat-x;
}

body noscript:first-child div {
	padding: 0.5em;
	padding-left: 30px;
	border: 1px inset;
	background: #FFFFE1 url(/images/script_error.png) 0.5em center no-repeat;
	font-size: 12px;}

a {
	color: #0D468F;
	text-decoration: none;}

a:hover {
	color: #06C;
	text-decoration: underline;}

a:hover h1, h1 a:hover,
a:hover h2, h2 a:hover,
a:hover h3, h3 a:hover,
a:hover h4, h4 a:hover,
a:hover h5, h5 a:hover,
a:hover h6, h6 a:hover {
	text-decoration: none;}

a.nowrap {
	white-space: nowrap;}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;}

h1, .h1 {
	color: #0D468F;
	font-size: 138.5%;
	margin-bottom: 0.6em;}

h1 + h2.sub {
  color: #555;
  font-size: 116%;}

h2 {
	font-size: 131%;}

h2 + h3 {
  margin-top: 0.5em;}

h3 {
	font-size: 123.1%;}

h4, h5, h6 {
	font-size: 108%;}

p, li,  { /* Sets font styling for paragraphs, list items  */
	font-size: 100%;
	line-height: 1.5em;}

p {
	margin-bottom: 1.5em;}

td, th { /* Sets font styling for  table cells */
    font-size: 100%;
    line-height: 1.5em;}

ul, ol {
	margin: 0 20px 1em;
	list-style-position: outside;}

ul {
	list-style-type: disc;}

ol {
	list-style-type: decimal;}

li > ul, li > ol {
  margin-left: 20px;}


dt {
    float: left;
    clear: left;
    width: 200px;
    text-align: left;
    font-weight: bold;
    }

dd {
    margin: 0 0 0 210px;
    padding: 0 0 0.5em 0;
}

blockquote {
	margin: 0 0 1.5em;
	padding: 1em 1.2em;
	background-color: #F6F6F4;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;}

blockquote p {
	margin-bottom: 0;
	font-style: italic;
	color: #444;}

sup {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}


/** VARIOUS **/
.floatRight {
	float: right;}

.floatLeft {
	float: left;}

.clearBoth{
	clear: both;}

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

#wordcount {
  color: #666;
  font-style: italic;}

.view {
  background: transparent url(/images/cms/icons/articles.png) left center no-repeat;
  padding-left: 20px;
  min-height: 16px;}

/* ICONS */

.icon {
  display: block;
  background: url('/images/icon-sprite.png');
}

.icon.slide-active {
  width: 15px;
  height: 8px;
  background-position: 0 0;
}

.icon-slide-close {
  width: 9px;
  height: 10px;
  background-position: 0px -8px;
  text-indent: -9999px;
}

.icon-slide-arrow-down {
  width: 9px;
  height: 7px;
  background-position: 0px -18px;
}

.icon-in-progress {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 2px 3px;
  background: #a4a4a4;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1;
}


/** BUTTONS **/
.button {
	cursor: pointer;}

.button, button,
#sidebar .button {
	color: #FFF !important;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 8px;
	margin: 6px 6px 0 0;
	height: 25px;
	line-height: 25px;
	background: url(/images/bg-button.png) left center repeat-x #0D468F;
	display: inline-block;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	cursor: pointer;}

.button:hover, button:hover,
#sidebar .button:hover {
	color: #FFF !important;
	text-decoration: none;
	background: url(/images/bg-button.png) left center repeat-x #06C;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}

.button.secondary,
#sidebar .button.secondary,
button.secondary {
	background-color: #608cc3;}

.button.secondary:hover,
button:hover.secondary {
	background-color: #6498d9;}

.button.tertiary,
#sidebar .button.tertiary,
button.tertiary {
  background-color: #4A4A4A;}

.button.tertiary:hover,
button:hover.tertiary {
  background-color: #5C5C5C;}

button[disabled],
button[disabled]:hover,
.button.disabled,
.button.disabled:hover {
	background-color: #CCC;
	opacity: 0.7;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;}

a.print {
	padding-left: 24px;
	background-image: url(/images/print-sprite.png);
	background-repeat: no-repeat;
	background-position: left top;}

a:hover.print {
	background-position: left -30px;}

.loading {
	padding-right: 20px;
	background-image: url(/images/loader.gif);
	background-position: right center;
	background-repeat: no-repeat;}

.btn.diapedia-color {
  background: #0e448c;
  background-image: linear-gradient(bottom, rgb(14,68,140) 42%, rgb(38,86,154) 43%, rgb(17,75,145) 81%);
  background-image: -webkit-linear-gradient(bottom, rgb(14,68,140) 42%, rgb(38,86,154) 43%, rgb(17,75,145) 81%);
  background-image: -moz-linear-gradient(bottom, rgb(14,68,140) 42%, rgb(38,86,154) 43%, rgb(17,75,145) 81%);
}

.btn.diapedia-color:hover {
  background: #0064c8;
  background-image: linear-gradient(bottom, rgb(0,100,200) 42%, rgb(23,115,208) 43%, rgb(10,108,206) 81%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,100,200) 42%, rgb(23,115,208) 43%, rgb(10,108,206) 81%);
  background-image: -moz-linear-gradient(bottom, rgb(0,100,200) 42%, rgb(23,115,208) 43%, rgb(10,108,206) 81%);
}

.btn_big {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 8px 15px;
  border: 3px solid #d7d7d7;
  border-radius: 8px;
  color: #fff;
  font-size: 17px;
  line-height: 1;
}

.btn_big:hover {
  color: #fff;
  text-decoration: none;
}

.btn_medium {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: auto;
  padding: 8px 15px;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
  color: #fff;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
}

.btn_medium:hover {
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}


/** WRAPPERS **/
#pageWrapper {
	width: 950px;
	margin: 0 auto;
	top: -150px;
	position: relative;}

#wrapper {
	background-color: #F0F0EC;
	padding-bottom: 20px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}


/** HEADER **/
#header {
	height: 120px;
  position: relative;
}

#backgroundImage {
	height: 150px;
	background: #173466 url(/images/header-background.jpg) center top no-repeat;}

#headerLogo {
	height: 100px;
	width: 450px;
	display: block;
	background: transparent url(/images/diapedia-logo.png) left top no-repeat;
	position: absolute;
	top: 0;}

#headerLogo img.printLogo {
	display: none;}

#headerSearch {
	display: block;
	position: absolute;
	top: 44px;
	right: 0;
}

#search-form {
  position: relative;
}

#search-form input {
  border: 3px solid #608CC3;
  background: url(/images/header-search-background.png) right top no-repeat #FFF;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  height: 23px;
  font: bold 16px 'myriad-pro', Arial, Helvetica, sans-serif}

#search-form button {
  margin: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 8px;
  height: 33px;}

#search-form button img {
  margin-top: 4px;}


.headerSearchSubmitMobile {
  display: none;
}


/** MAIN MENU **/
#mainMenu {
  display: block;
	height: 40px;
  position: relative;
	background-color: #FFF;
  border-bottom: 1px solid #c8c8c6;
}

#loginInfo {
	position: absolute;
  top: 2px;
	right: 0;}

.headerOpenMenu {
  display: none;
}

#mainMenu ul {
	float: left;
	padding-left: 10px;
	padding-top: 11px;
	list-style: none;
  margin: 0;}

#mainMenu li {
	display: inline;
	line-height: 1em;}

#mainMenu li a {
	color: #0D468F;
	padding: 4px 8px 3px;
	font-weight: normal;
	font-size: 100%;
	text-transform: uppercase;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	line-height: 1.5em}

#mainMenu li a:hover {
	color: #0D468F;
	background-color: #F0F0EC;
	text-decoration: none;}

#loginInfo {
	line-height: 40px;
	padding: 0 20px 0 0;
	color: #8A8A84;}


/** NAVIGATION **/
#navigation {
	font-size: 90%;
	padding: 12px 20px;}

#navigation .breadcrumbs a {
	color: #0D468F;}

#navigation .breadcrumbs a:hover {
	color: #06C;
	text-decoration: none;}

#navigation .breadcrumbs .in-progress {
    color: #999999;}

#navigation .breadcrumbs .in-progress:hover {
    color: #999999;
    text-decoration: none;}


#navigation .breadcrumbs .divider {
	margin: 0 6px;
	color: #8A8A84;
	font-size: 80%;}

#navigation .breadcrumbs .active, #navigation .breadcrumbs .active a {
	font-weight: bold;
	color: #0D468F;}

#navigation .breadcrumbs .active a:hover {
	color: #06C;}

.hasJS #navigation .breadcrumbs ul {
	padding: 7px 10px;
	background-color: #FFF;
	position: absolute;
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	opacity: 0;
	z-index: 20;
	visibility: hidden;
	list-style: none;
	margin: 1px 0 0 -18px;
	color: #999;}

.hasJS #navigation .breadcrumbs ul li a {
	color: #0D468F;
	display: block;
	padding: 1px 0;}

.hasJS #navigation .breadcrumbs ul li a:hover {
	color: #06C;}

.hasJS #navigation .breadcrumbs ul .in-progress > a {
  color: #999;
}

.hasJS #navigation .breadcrumbs ul .in-progress > a:hover {
  color: #999;
}

.hasJS #navigation .breadcrumbs .show {
	display: inline-block;}

#navigation .breadcrumbs .selected {
	font-weight: bold;}

#navigation .breadcrumb {
    display: inline-block;
    *display: inline;
    zoom: 1;
    }

.breadcrumbs__toggle {
  display: none;
}


/** ARTICLE TREE **/
.article-tree {
	position: relative;
	padding: 5px 0 0;
	margin: 5px 0 0;
	background: transparent url(/images/sidebar-bevel-line.png) left top repeat-x;}

.article-tree ul {
	list-style-type: none;
	margin-bottom: 0;}

.article-tree > ul {
	float: left;
	width: 270px;
	margin-left: 10px;}

.article-tree > ul:first-child {
	margin-left: 0;}

.article-tree li {
	position: relative;
	padding-left: 13px;}

.article-tree .in-progress > a {
  color: #999;
}

.article-tree .has-children .toggler {
	position: absolute;
	top: 1px;
	left: -4px;
	display: block;
	height: 13px;
	width: 13px;
	cursor: pointer;
	padding: 2px;
	background: transparent url(/images/subpages-closed.png) center center no-repeat;}

.article-tree .open > .toggler {
	background-image: url(/images/subpages-open.png);}

.article-tree ul ul {
	margin-left: 5px;
	margin-bottom: 0.3em;}

.hasJS .has-children ul {
	display: none;}

.article-tree .collapse {
	cursor: pointer;
	float: right;}

.article-tree .open-all,
.article-tree .close-all {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	padding-left: 10px;
	color: #0D468F;}

.article-tree .open-all {
	background: transparent url(/images/subpages-open.png) left center no-repeat;}

.article-tree .close-all {
	background: transparent url(/images/subpages-close-all.png) left center no-repeat;}


/** CONTENT **/
#content {
	width: 600px;
	min-height: 300px;
	background-color: #FFF;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	padding: 20px;
	margin: 0 0 0 -5px;
	float: left;
	line-height: 1.6em;
	word-wrap: break-word;
}

#content a {
	color: #7cade9;
	text-decoration: underline;
}

.intro, .introduction {
	font-weight: bold;
}

.article-author {
  /* only on mobile */
  display: none; 
}

.contentImage {
	float: left;
	margin: 0 20px 20px 0;}

.contentImage.right {
	margin: 0 0 20px 20px;
	float: right;}

.contentImage.left + .contentImage.right {
  margin-left: 0;}

.contentImage img {
	width: 290px;
	margin-bottom: 4px;}

.contentImage span {
	color: #666;
	font-size: 85%;
  max-width: 290px;
  display: inline-block;}

/** TABLE IN CONTENT **/

table {
    border: 0;
/*    width: 100%; */
    margin-bottom: 1em;
}

th:first-child, td:first-child {
    padding-left: 8px;
}

th {
    text-align: left;
    color: white;
    background-color: #0D468F;
}

td {
    background-color: #F0F0EC;
}

td,th {
    padding: 6px 8px 9px;
    vertical-align: middle;
    line-height: 1.3em;
}

.contentTable td,
.contentTable th {
    font-size: 75%;
}

/** SIDEBAR **/

#sidebar {
	width: 270px;
	margin: 20px 0 20px 20px;
	float: left;}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
	-moz-text-shadow: 1px 1px 1px #FFF;
	-webkit-text-shadow: 1px 1px 1px #FFF;
	text-shadow: 1px 1px 1px #FFF;}

#sidebar h2 {
	margin-bottom: 1em;}

#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
	font-size: 100%;}

#sidebar h3 {
	background: transparent url(/images/sidebar-bevel-line.png) left bottom repeat-x;
	margin: 0 0 0.3em;
	padding-bottom: 0.4em;}

#sidebar h3.alternate {
	background: none;
	padding-bottom: 0.1em;}

#sidebar hr {
	display: block;
	border: 0;
	height: 2px;
	margin: 6px 0;
	background: transparent url(/images/sidebar-bevel-line.png) top left repeat-x;}

#sidebar hr + h3 {
  margin-top: 20px;}

#sidebar ul, #sidebar ol {
  margin-left: 0;
  margin-right: 0;
}

#sidebar ul.keywords,
#sidebar ul.edit-keywords,
#sidebar ul.meshkeywords,
#sidebar ul.edit-meshkeywords {
	list-style-type: none;
	list-style-position: outside;
	display: inline-block;}

#sidebar ul.keywords li,
#sidebar ul.edit-keywords li,
#sidebar ul.meshkeywords li,
#sidebar ul.edit-meshkeywords li,
.multiple-item-list li {
	white-space: normal;
	float: left;
	background: transparent url(/images/sidebar-li-dot.png) right center no-repeat;
	margin: 0 3px 0 0;
	padding: 0 10px 0 0;
	display: block;}

#sidebar ul.edit-keywords li,
#sidebar ul.edit-meshkeywords li,
.multiple-item-list li {
	position: relative;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0 20px 0 8px;
	background: none #F7F7F2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 #FFF;
	-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 #FFF;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 #FFF;}

#sidebar ul.edit-meshkeywords li {
	padding-left: 20px;}

#sidebar ul.keywords li:last-child {
	background-image: none;}

.multiple-item-list {
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;}

.multiple-item-list li {
  padding: 0 20px 0 6px !important;
  position: relative !important;}

.multiple-items .error-msg {
  display: block;}

#sidebar ul.edit-keywords .remove,
#sidebar ul.edit-meshkeywords .meshkeyword-majority,
#sidebar ul.edit-meshkeywords .remove,
.multiple-item-list .remove {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	width: 13px;
	height: 0;
	padding-top: 13px;
	overflow: hidden;
	cursor: pointer;}

#sidebar ul.edit-meshkeywords .meshkeyword-majority {
	left: 3px;}

#sidebar ul.edit-meshkeywords .meshkeyword-majority,
#sidebar ul.edit-meshkeywords .meshkeyword-majority.is-major:hover {
	background: transparent url(/images/majority-keyword.png) 0 0;}

#sidebar ul.edit-meshkeywords .meshkeyword-majority:hover,
#sidebar ul.edit-meshkeywords .meshkeyword-majority.is-major {
	background: transparent url(/images/majority-keyword.png) 0 -13px;}

#sidebar ul.edit-keywords .remove,
#sidebar ul.edit-meshkeywords .remove,
.multiple-item-list .remove {
	right: 3px;
	background: transparent url(/images/remove-keyword.png) 0 0;}

#sidebar ul.edit-keywords .approved-keyword,
#sidebar ul.edit-keywords .approved-keyword:last-child {
	background-image: url("/images/cms/icons/action_approve.png");
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 26px;}

#sidebar ul.edit-keywords .remove:hover,
#sidebar ul.edit-meshkeywords .remove:hover,
.multiple-item-list .remove:hover {
	background: transparent url(/images/remove-keyword.png) 0 -13px;}

.autosuggest-suggestions span {
	display: inline;}

.autosuggest-suggestions {
	position: absolute;
	z-index: 100;
	background-color: #FFFFFF;
	color: #333333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	padding: 9px 0;}

.autosuggest-suggestionsholder span {
 	position: absolute;
 	z-index: 90;
 	right: 9px;
 	top: 12px;
 	margin-right: 5px;
 	padding-top: 2px;
 	color: #8A8A84;
 	cursor: default;}

.autosuggest-suggestions ul {
	margin: 0 !important;}

.autosuggest-suggestions li {
	margin: 0 9px;
	padding: 2px 5px !important;}

.autosuggest-suggestions .hide {
	display: none;}

.hasJS .autosuggest-suggestions li {
	float: none !important;}

.autosuggest-suggestions ul li:focus {
	background-color: #F0F3FA;
	color: #333;
	font-weight: bold;
	outline: none;
	cursor: pointer;}

.autosuggest-pager {
	position: relative;
	padding: 12px 35px 0;
	text-align: right;
	line-height: 1.35em;
	font-size: 12px;
	margin-top: 9px;
	border-top: 1px solid #AAA;}

.autosuggest-pager_prevpage,
.autosuggest-pager_nextpage {
	position: absolute;
	top: 9px; /* should be coordinated with the padding of .autosuggest-pager */
	cursor: pointer;
	width: 20px;
	height: 20px;
	line-height: 16px;
	border-radius: 3px;
	text-align: center;
	margin: 0;
	padding: 0 0 4px;}

.autosuggest-pager_prevpage[disabled],
.autosuggest-pager_nextpage[disabled] {
	cursor: default;}

.autosuggest-pager_prevpage {
	left: 10px;}

.autosuggest-pager_nextpage {
	right: 10px;}

#sidebar .autosuggest-single {
	display: inline-block;}

#sidebar ul.linkList {
	list-style-type: none;
	list-style-position: outside;}

#sidebar ul.linkList li {
	margin-bottom: 2px;}

#sidebar ul.linkList li a {
	display: block;
	line-height: 1.4em;}

#sidebar input[type="text"], #sidebar input[type="password"], #sidebar textarea,
#sidebar input[type="date"], #sidebar input[type="datetime"] {
	width: 200px;}

.sidebar_people {
  padding: 0;
  margin: 10px 0 20px 0;
  list-style: none;
}

.sidebar_people li {
    margin: 0 0 10px 0;
    overflow: hidden;
    position: relative;
}

.sidebar_people li span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 73px;
    transform: translateY(-50%);
}

.sidebar_people a {
  display: block;
    overflow: hidden;
}

.sidebar_people a:hover img {
  border-color: #06C;
}

.sidebar_people img {
    display: inline-block;
  width: 60px;
  margin-right: 10px;
  float: left;
  border: 1px solid #cececc;
  transition: all 0.4s;
}

.user-related-articles {
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
}

.user-related-articles li {
  padding-left: 25px;
  margin: 0 0 15px 0;
  position: relative;
}

.user-related-articles li:before {
  content: '';
  width: 14px;
  height: 18px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url('/images/icon-sprite.png') no-repeat 0 -63px;
}

.user-related-articles a {
  color: #333;
  font-size: 11px;
}

.user-related-articles a:hover {
  text-decoration: none;
}

.user-related-articles b {
  display: block;
  font-weight: normal;
  color: #0D468F;
  font-size: 15px;
}

.author {
	font-weight: bold;}

.other-resources {
    margin-bottom: 20px; }

#sidebar .other-resources h3{
    margin-bottom: 12px; }

.other-resources p {
    margin-bottom: 12px; }

.other-resources p a {
    padding-left: 30px;
    padding-top: 3px; }

.other-resources p a.video {
    padding-top: 0px;
    background: url(/images/link-video.png) 0 1px no-repeat;
}

.other-resources p a.article {
    background: url(/images/link-document.png) 0 2px no-repeat;
}

.other-resources p a.website {
    padding-top: 0px;
    background: url(/images/link-normal.png) 0 2px no-repeat;
}


/** COMPLEXITY INDICATOR **/
.complexity {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	width: 220px;
	height: 21px;
	margin: 0 0 1.5em -3px;
	background: url(/images/complexity-indicator.png) -10px -10px no-repeat;}

.complexity.value1 {
	background-position: -10px -40px;}

.complexity.value2 {
	background-position: -10px -70px;}

.complexity.value3 {
	background-position: -10px -100px;}

.complexity.value4 {
	background-position: -10px -130px;}

.complexity.value5 {
	background-position: -10px -160px;}


/** REFERENCES **/
.references {
	clear: both;
	margin-left: 2px;}

.references p {
  margin-bottom: 0em;}

.reference a:hover {
	text-decoration: none;}

.reference a:hover span {
	text-decoration: underline;}

.references ol {
	list-style-type: lower-alpha;
	list-style-position: outside;
	font-size: 85%;
	margin-left: 20px;}

.references li {
	margin-bottom: 4px;}

a.external { /* external wiki type link */
	background: transparent url(/images/external-link.png) right center no-repeat;
	padding: 0 14px 0 0;}


/** FOOTNOTES **/
.footnotes {
	clear: both;
  margin-left: 2px;}

.footnotes p {
  margin-bottom: 0;}

.footnote a:hover {
  text-decoration: none;}

.footnote a:hover span {
  text-decoration: underline;}

.footnotes ol {
  list-style-position: outside;
  font-size: 85%;
  margin-left: 20px;
  margin-bottom: 20px;}

.footnotes li {
  margin-bottom: 4px;}


/** SEARCH **/
.search p {
  margin-bottom: 0;}

.search hr {
  margin: 0.5em 0;}

.search input, .search button {
  float: left;}

.search input[type='text'] {
  width: 450px;}

.search button {
  margin: 2px 0 0 10px;}

.snippet {
  margin-bottom: 0;}

.search-results {
  list-style-type: none;
  list-style-position: outside;}

.search-results li {
  position: relative;
  padding-right: 135px;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #DEDED6;}

.search-results .closed {
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
}

.search-results .hasimage {
  min-height: 100px;}

.search-results img {
  position: absolute;
  right: 0;
  top: 0;}

.search-results mark {
  display: inline;
  font-weight: bold;
  background-color: transparent;
  color: inherit}

.search-results p .ellipsis {
  color: #A8A8A8;
  font-weight: bold;}

.search-results .snippet {
  margin-bottom: 0.5em;}

.search-results .snippet mark {
  background-color: #E0E8F3;}

.search-results .path,
.search-results .author {
  font-weight: normal;
  margin-bottom: 0;}

.search-results .path b,
.search-results .author b {
  font-weight: normal;
  color: #8A8A84;
  font-size: 90%}

.search-results .path a:link,
.search-results .path a:visited {
  color: #8A8A84;
  text-decoration: underline;
  font-style: italic;}

.search-results .path a:hover,
.search-results .path a:visited:hover {
  text-decoration: none;}

.search-results .stub {
  margin-left: -5px;
  margin-right: 0.5em;
  padding: 2px 5px;
  border-radius: 4px;
  font-weight: normal;
  font-size: 76%;}

.search-facets {
  list-style-type: none;
  list-style-position: outside;}

.search-facets li.active {
  color: #0D468F;
  font-style: italic}

.search-facets .active {
  background-color: #FFF;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 1px 7px 2px;
  margin: 0 0 3px -7px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.25)}

/** Autosuggest-selected **/

ul.autosuggest-selected {
    list-style-type: none;
    list-style-position: outside;
    display: block;}

ul.autosuggest-selected .autosuggest-selected-option {
    white-space: nowrap;
    float: left;
    background: transparent url(/images/sidebar-li-dot.png) right center no-repeat;
    margin: 0 3px 0 0;
    display: block !important;
/*
}

ul.autosuggest-selected li {
*/
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 20px 0 8px !important;
    background: none #F7F7F2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 #FFF;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 #FFF;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 #FFF;}

ul.autosuggest-selected .remove {
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -6px;
    width: 13px;
    height: 13px;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
    background: transparent url(/images/remove-keyword.png) 0 0;}

ul.ul.autosuggest-selected .remove:hover {
    background: transparent url(/images/remove-keyword.png) 0 -13px;}



/** BLOCKS **/
.block {
	margin: 0 0 1.5em;
	padding: 18px 20px;
	background-color: #F6F6F4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;}

#sidebar .block {
	padding: 8px 10px;}

.block p:last-child, .block ul:last-child {
	margin-bottom: 0;}

.block a {
	text-decoration: underline;}

.block .button {
  text-decoration: none;}

.stub {
	overflow: auto;
	width: 360px;}

.stub-image {
	display: block;
	background-image: url(/images/pen.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 141px;}

.stub .button {
	margin: 1em 0 0 1em;
	background-color: #9D7C39;
	float: right;}

.stub .button:hover {
  background-color: #B4872B;}

.error {
	color: #C00;
	background: url(/images/bg-error.png) top left repeat-x #FACBCB;}

.error a {
	color: #C00;}

.success {
	color: #393;
	background: url(/images/bg-success.png) top left repeat-x #CEEBCA;}

.success a {
	color: #393;}

.warning {
	color: #9D7C39;
	background: url(/images/bg-warning.png) top left repeat-x #F6ECBB;}

.warning a {
	color: #9D7C39;}

.notice {
	color: #0D468F;
	background: url(/images/bg-notice.png) top left repeat-x #CBD9EA;}

#editor .notice {
  color: #333;}

.notice a {
	color: #0D468F;}

.block.error ul, .block.success ul, .block.warning ul, .block.notice ul {
	list-style-type: none;
	list-style-position: outside;}

.block.style0 {
	background-color: #FFF;}

.block.style1 {
	background-color: #F6F6F4;}

.block.style2 {
	background-color: #F0F0EC;}

.block.style3 {
	background-color: #E1E1DA;}

.block.style4 {
	background-color: #C4C4BD;}

.block.citation {
	background-color: #E1E1DA;
	color: #666;
	font-size: 11px;
	line-height: 1.4em;
	margin-top: -1em;}

.doi {
    font-size: 13px;
}

ul.line-divider, ol.line-divider {
  padding-top: 0.5em;
  background: url(/images/sidebar-bevel-line.png) repeat-x scroll left top transparent;}

ul.line-divider li, ol.line-divider li {
  list-style-type: none;
  background: url(/images/sidebar-bevel-line.png) repeat-x scroll left bottom transparent;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;}


ul.shortcuts {
  margin: -1em 0 1.5em 0;
  list-style-type: none;
  font-size: 90%;
  text-transform: uppercase;
  color: #666;}

ul.shortcuts > li ul {
  margin: 0;
  list-style-type: none;
  font-size: 111.11%;
  text-transform: none;
  color: #0D468F;}
ul.shortcuts > li ul {
  margin: 0 0 1em 0;}

ul.shortcuts > li li {
  background: transparent url(/images/sidebar-li-dot.png) left center no-repeat;
  margin: 0 3px 0 0;
  padding: 0 0 0 8px;}

ul.shortcuts .breadcrumb.tooltip {
  display: none;}

ul.shortcuts > li li:hover .breadcrumb.tooltip {
  display: block;
  position: absolute;
  margin-top: -25px;
  right: 2em;
  width: auto;
  height: 20px;
  padding: 3px 5px 3px 16px;
  background: white url(/images/sidebar-li-dot.png) 6px center no-repeat;
  border: 1px solid #999;
  -moz-box-shadow: 2px 4px 6px rgba(0,0,0,.2);
  -webkit-box-shadow: 2px 4px 6px rgba(0,0,0,.2);
  -o-box-shadow: 2px 4px 6px rgba(0,0,0,.2);
  box-shadow: 2px 4px 6px rgba(0,0,0,.2);}

/** FOOTER **/
#footer {
	padding: 15px 20px;
  position: relative;
	font-size: 90%;
	line-height: 1.5em;
	clear: both;
}

.footerMenu {
  color: #333;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

#footer .footerMenu a {
	color: #333;
	text-decoration: none;
	font-size: 13px;
}

li.version {
  font-size: 11px;
}

#footer .footerMenu li.version {
  margin-top: 6px;
  padding-top: 8px;
  background: transparent url(/images/footer-bevel-line.png) top left repeat-x;}

#footer .footerMenu a:hover {
	color: #444;
	text-decoration: none;}

#footer .footerMenu {
	float: left;}

#footer ul {
	list-style-type: none;
  margin: 0;
  padding: 0;
}

#footer .footerMenu_main {
  text-transform: uppercase;
}

#footer .footerMenu_sub {
  margin: 15px 0;
}

#footer ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 0 0 10px;
}

#footer ul li:first-child {
  margin-left: 0;
}

#footer .footerInfo {
	float: right;
	margin-right: -15px;
	width: 250px;
  font-size: 10px;
}

.footerInfoMiddle {
  width: 290px;
  height: 130px;
  padding: 13px 30px 0 13px;
  position: absolute;
  top: 10px;
  left: 330px;
  border-left: 1px solid #acaca7;
  border-right: 1px solid #acaca7;
  font-size: 10px;
  overflow: hidden;
}

.footerInfoMiddle img {
  float: left;
}

.footerInfoMiddle p {
  width: 150px;
  float: left;
  margin: 0 0 0 30px;
}

#footer .footerInfoMiddle a,
#footer .footerInfoMiddle a:hover {
	color: #555;
	text-decoration: underline;
}

.footerInfo img {
	float: left;}

.footerInfo p {
	margin-left: 50px;
	margin-bottom: 10px;
	color: #555;}

.footerInfo p.easd {
	margin-left: 115px;}

img.driebit {
    margin-left: -5px;
}

p.driebit {
    margin-left: 50px;
    margin-bottom: 10px;
}
p.driebit a {
    color: #555;
    text-decoration: underline;
}

img.diabetologia {
    margin-top: 5px;
}

p.diabetologia {
    margin-left: 24px;
}

p.spacer {
    height: 15px;
    width: 100%;
}

.footerMenu hr {
	display: block;
	border: 0;
	height: 1px;
	margin-bottom: 10px;
	background: #acaca7;
}

.social-link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 5px;
  opacity: 0.8;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.social-link:hover {
  opacity: 1;
}

.social-link img {
  width: 30px;
}

/** PAGINATION **/
.pagination {
	width: 100%;
	text-align: center;
	font-size: 85%;}

.pagination ul {
	list-style: outside;
	list-style-type: none;
	line-height: 1em;}

.pagination li {
	display: inline;
	margin: 0 -1px;}

.pagination a,
.pagination a:link,
.pagination .current {
	background-image: url(/images/pagination.png);
	background-position: 0 0;
	display: inline-block;
	height: 27px;
	width: 26px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;}

.pagination .current {
  font-weight: bold;
  color: #666;}

.pagination.above a,
.pagination.above a:link,
.pagination.above .current {
  line-height: 21px;}

.pagination.above a:link {
  background-position: 0 0;}

.pagination.above a:hover {
	background-position: -120px 0;}

.pagination.above .current {
	background-position: -145px 0;}

.pagination.above .prev a {
	background-position: -50px 0;}

.pagination.above .prev a:hover {
  background-position: -170px 0;}

.pagination.above .next a {
	background-position: -75px 0;}

.pagination.above .next a:hover {
  background-position: -195px 0;}

.pagination.below a:link {
  background-position: 0 -40px;}

.pagination.below a:hover {
  background-position: -120px -40px;}

.pagination.below .current {
  background-position: -145px -40px;}

.pagination.below .prev a {
  background-position: -50px -40px;}

.pagination.below .prev a:hover {
  background-position: -170px -40px;}

.pagination.below .next a {
  background-position: -75px -40px;}

.pagination.below .next a:hover {
  background-position: -195px -40px;}

.pagination .disabled {
	display: none;}

.pagination span {
	visibility: hidden;}


/** ARTICLE EDITOR **/
#editor-top {
	display: block;
	min-height: 40px;
	margin: 0;
	padding: 18px 20px 0 20px;}

#editor-top.pinned {
  position: fixed;
  padding-top: 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  -ms-box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  -o-box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  box-shadow: 0 2px 5px rgba(0,0,0,0.35);
  border-bottom: 10px solid #FFF;
}

#editor-top.pinned > span {
  display: none;
}

#editor-top.pinned .tabs {
  position: relative;
  padding-bottom: 0;
  margin: 5px auto 0;
  left: -10px;
}

#editor-top .buttons {
  display: none;
}

#editor-top.pinned .buttons {
  float: right;
  margin-top: 5px;
  display: block;
  margin-right: 330px;
}

#editor-top .toolbar {
  width: 910px;
  margin: 15px auto 0;
}

#editor-top .toolbar .tabs {
  float: left;
}

.tabs {
	color: #333;
	margin: 0 0 0 -10px;
	height: 30px;
	padding: 5px 0 10px 0;}

.tabs li {
	display: inline-block;
	height: 30px;}

.tabs li.active span,
.tabs li.active:hover span {
	background: url(/images/tab-active-bg.png) left top no-repeat;}

.tabs li.active .tab-right,
.tabs li.active:hover .tab-right {
	background: url(/images/tab-active-bg-right.png) right top no-repeat;}

.tabs li.active span {
  cursor: default;}

.tabs li span {
	color: #0D468F;
	cursor: pointer;
	background: url(/images/tab-behind-bg.png) left top no-repeat;
	float: left;
  padding: 0 0 0 14px;
  font-weight: bold;
  line-height: 32px;}

.tabs li .tab-right {
  height: 30px;
  padding-right: 2px;
	background: url(/images/tab-behind-bg-right.png) right top no-repeat;}

.tabs li:hover span {
	color: #06C;
	background: url(/images/tab-hover-bg.png) left top no-repeat;}

.tabs li:hover .tab-right {
	background: url(/images/tab-hover-bg-right.png) right top no-repeat;}

#editor-bottom {
	margin-top: -10px;
	padding: 30px 20px 18px;}

.special_characters {
	width: 420px;
	margin: -8px -15px 40px -15px;
	padding: 8px 2px 16px 10px;
  background-color: #F0F0EC;}

.special_characters button[data-type="cancel"] {
  position: absolute;
  display: block;
  clear: left;
  margin-top: 30px;
  background-color: #4A4A4A;}

.special_characters button.insert_special_character {
	width: 24px;
	margin: 8px 8px 0 0;
	background: white;
	color: #333 !important;}

.special_characters button.insert_special_character:hover {
  display: inline-block;
  clear: none;
  width: 24px;
  background: url(/images/bg-button.png) left center repeat-x #0D468F;
  color: #FFF !important;}

#editor #content {
  margin-top: -10px;
}

#editor #content .notice {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;}

#editor #content .notice .inset {
  position: absolute;
  left: -5px;
  top: 0;
  display: block;
  width: 10px;
  height: 100%;
  background: transparent url(/images/edit-shortcut-inset.png) top right repeat-y;}

#editor #sidebar .moderators li:first-child {
  margin: 0;}

#editor #sidebar .moderators label {
  font-weight: normal;}

.save-cancel, .original {
  margin: 3em 20px;}

.save-cancel button, .original .button {
  margin-top: 0;}

.save-cancel {
  float: left;}

.original {
  color: #333;
  float: right;}


/* HOMEPAGE CARROUSEL */
#carrousel {
  position: relative;
  width: 950px;
  height: 356px;
  display: block;
  margin: 1px 0 0 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

#carrousel.is-collapsed {
  height: 47px;
}

.is-collapsed .slideshow {
  top: -284px;
}

#carrousel.is-collapsed .pager {
  bottom: 8px;
  z-index: 5;
}

#carrousel.is-collapsed .pager .slide-active {
  display: none;
}

#carrousel.is-collapsed .pager .active {
  background: none;
  border: none;
  color: #0d4389;
}

.carrousel_toggle-state {
  padding: 5px 15px;
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 10;
  background: #0e448c;
  background-image: linear-gradient(bottom, rgb(14,68,140) 42%, rgb(38,86,154) 43%, rgb(17,75,145) 81%);
  background-image: -webkit-linear-gradient(bottom, rgb(14,68,140) 42%, rgb(38,86,154) 43%, rgb(17,75,145) 81%);
  background-image: -moz-linear-gradient(bottom, rgb(14,68,140) 42%, rgb(38,86,154) 43%, rgb(17,75,145) 81%);
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
}

.carrousel_toggle-state:hover {
  background: #0e448c;
  cursor: pointer;
}

.carrousel_toggle-state a {
  color: #fff;
}

.carrousel_toggle-state a:hover {
  text-decoration: none;
}

.is-collapsed .carrousel_toggle-state {
  top: 9px;
}

.carrousel_toggle-state .state-closed {
  display: none;
}

.carrousel_toggle-state .state-closed:hover {
  text-decoration: none;
}

.carrousel_toggle-state .state-openend {
  display: block;
}

.is-collapsed .carrousel_toggle-state .state-closed {
  display: block;
}

.is-collapsed .carrousel_toggle-state .state-closed .icon {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 5px;
}

.is-collapsed .carrousel_toggle-state .state-opened {
  display: none;
}

#carrousel .prev,
#carrousel .next {
  display: none !important;
  width: 17px;
  height: 33px;
  position: absolute;
  left: 18px;
  top: 111px;
  background-image: url(/images/demo_carrousel/prev-next-sprite.png);
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 10;
  cursor: pointer;}

#carrousel .next {
  background-position: right top;
  left: auto;
  right: 18px;}

#carrousel .prev:hover {
  background-position: left bottom;}

#carrousel .next:hover {
  background-position: right bottom;}

.slideshow {
  width: 775px;
  padding-bottom: 10px;
  margin: 0 auto;
  position: relative;
  top: 0px;
  z-index: 50;
  overflow-x: scroll;
  overflow-y: hidden;
  border-left: 1px solid #dbdbd9;
  border-right: 1px solid #dbdbd9;
  box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.slideshow:after {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url('/images/header-background.jpg') -126px 38px;
}

.hasJS .slideshow {
  overflow: hidden;
}

.slideshow .slide {
  margin-left: 15px;
  margin-bottom: 0;
  white-space: nowrap;
}

.hasJS .slideshow .slide {
  width: 2568px;
}

.hasJS .slideshow li {
  float: left;
}

.slideshow .item {
  background-color: #FFF;
  display: block;
  position: relative;
  width: 775px;
  padding: 25px;
  white-space: normal;
  list-style-type: none;
  display: inline-block;
  margin: 0 16px 0 0;
  height: 220px;
  font-family: 'myriad-pro';
  font-size: 17px;
  line-height: 1.8em;
  font-weight: 300;
}

.slideshow .item > div,
.slideshow .item > video {
  float: left;
}

.slideshow .item > div,
.slideshow .item > video {
  width: 375px;
}

.slideshow .item > div:first-child {
  width: 309px;
  margin-right: 20px;
  margin-left: 10px;
}

.slideshow h1 {
  font-size: 23px;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: -0.01em;
}

.slideshow h1 b {
  display: block;
  font-size: 13px;
  font-weight: normal;
}

.slideshow p {
  color: #0d4985;
}

.slideshow .contribute p b {
  color: #0D468F;
}

.slideshow_get-started_search,
.slideshow_get-started_signup {
  width: 324px;
  float: left;
}

.slideshow_get-started_signup {
  width: 300px;
}

.slideshow_get-started_search {
  border-right: 1px solid #d7d7d7;
  padding: 0 60px 20px 0;
  margin: 0 45px 0 10px;
}

.slideshow_get-started section p {
  margin: 0 0 45px 0;
  line-height: 2em;
}

.slideshow_get-started section b {
  color: #0d4985;
}

.slideshow_get-started #search-form input {
  width: 293px;
  border-color: #d7d7d7;
  background: none;
  box-shadow: inset 0 20px 20px -20px #d7d7d7;
}

.slideshow_get-started #search-form button {
  top: 3px;
  right: 18px;
}

#carrousel .pager {
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 20px;
  font-family: 'myriad-pro';
  font-size: 15px;
}

.hasJS #carrousel .pager {
  display: block;
}

#carrousel .pager ol {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center;
}

#carrousel .pager li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  color: #0d4389;
}

#carrousel .pager span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  cursor: pointer;
  text-align: center;
  padding: 5px 15px;
  background-image: none;
}

#carrousel .pager li:hover {
  color: #0d4389;
}

#carrousel .pager li.active {
  background-color: #fff;
  color: #333;
  border: 1px solid #d7d7d5;
}

.slide-active {
  display: none;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
}

#carrousel .active .slide-active {
  display: block;
}

.ios_badge{
	margin-left: 16px;
	position: absolute;
	margin-top: -20px;
}

.app_screenshot{
	margin-left: 75px;
}

/* HOMEPAGE */
.home-row {
  padding: 20px;
  background-color: #FFF;
}

.home-row.diapedia-info {
  background-color: #f0f0ec;
}

.home-row .column {
  float: left;
  width: 290px;
  margin-left: 20px;
}

.home-row .column:first-child {
  margin-left: 0;
}

.home-row .column h2 {
  margin-bottom: 0.75em;
}

.section-title {
  padding-bottom: 16px;
  margin-bottom: 18px;
  color: #333;
  font-size: 21px;
  font-family: 'myriad-pro';
  border-bottom: 1px solid #d7d7d7;
}

.diapedia-info .section-title {
  padding: 0;
  font-size: 17px;
  border: none;
}

.sections-editor {
  border-bottom: 1px solid #d7d7d7;
}

.editors-choice .introduction {
  font-weight: normal;
}

/* SECTION LISTING */

.section-listing {
  float: left;
  width: 600px;
  overflow: hidden;
}

.section-listing ul {
  margin: 0;
  float: left;
}

.section-listing .column-1 {
  float: right;
}

.section-listing div {
	float: left;
	margin-left: 20px;
}

.section-listing h3 {
  margin: 0;
  border: none;
}

.section-listing div + div h1 {
  background: transparent url(/images/sidebar-bevel-line.png) bottom left repeat-x;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;}

.section-listing h1 + ul,
.section-listing div:first-child,
.section-listing ul:first-child {
  margin-left: 0;
}

.section-listing div:first-child,
.section-listing ul {
  width: 290px;
}

.section-listing div {
  width: 600px;
  float: left;
}

.section-listing li {
  padding: 10px 0;
  position: relative;
	line-height: 16px;
	list-style: none;
	list-style-position: outside;
	font-size: 14px;
	font-weight: bold;
  border-top: 1px solid #d7d7d7;
}

.section-listing .closed {
  color: #555;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);}

.section-listing img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #acacae;
}

.section-listing li .icon {
  float: none;
  margin: 0;
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: block;
}

.section-listing li a {
  display: inline-block;
  padding: 3px;
  width: 290px;
  height: 100%;
  position: relative;
  background-color: #FFF;
  text-decoration: none;
  -webkit-transition: all .1s;
  transition: all .1s;
  font-weight: normal;
}

.section-listing .icon-in-progress {
  position: absolute;
  top: 4px;
  left: 155px;
}

.section-listing li a:hover {
  text-decoration: none;
}

.section-listing li .description {
  display: block;
  margin: 0 0 5px 0;
  color: #333;
  font-size: 11px;
  text-transform: uppercase;
}

.section-listing .short-title {
  display: block;
  margin: 0 0 5px 0;
  font-weight: bold;
  font-family: 'myriad-pro';
  font-size: 15px;
}

.section-listing .updated {
  font-size: 11px;
  color: #333;
}

/* editors choice */

.editors-choice h1 {
  border: none;
  margin: 5px 0 7px 0;
  font-size: 15px;
  color: #0d448b;
}

.editors-choice_author {
  text-transform: uppercase;
  font-size: 11px;
}

.editors-choice img {
  width: 80px;
  margin: 0 20px 11px 0;
  float: left;
  border: 1px solid #acacae;
}

/* news, new, twitter */

.news-listing .section-title,
.new-in-diapedia .section-title,
.diapedia-twitter .section-title {
  border: none;
  margin: 0;
}

.update-item {
  padding: 18px 0;
  position: relative;
  border-top: 1px solid #d7d7d7;
}

.update-item h2 {
  margin: 0 !important;
  color: #0d468f;
  font-size: 15px;
}

.update-item time {
  font-size: 11px;
}

.update-item p {
  margin: 0;
}

.update-item img {
  margin-right: 10px;
  float: left;
}

.new-in-diapedia_item {
  padding-left: 30px;
}

.new-in-diapedia_item h2,
.new-in-diapedia_item p {
  width: 180px;
}

.new-in-diapedia_image {
  width: 50px;
  height: 50px;
  margin: -25px 0 0 0;
  position: absolute;
  top: 50%;
  right: 0px;
  overflow: hidden;
  border: 1px solid #acacae;
}

.new-in-diapedia_image img {
  width: 100%;
}

.new-in-diapedia_item:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 20px;
  left: 0px;
  background: url('/images/icon-sprite.png') 0 -25px;
}

.follow-twitter {
  font-size: 13px;
  float: right;
}

.twitterfeed_item {
  padding: 17px 0 17px 30px;
}

.twitterfeed_item:before {
  content: '';
  display: block;
  width: 23px;
  height: 13px;
  position: absolute;
  top: 17px;
  left: 0px;
  background: url('/images/icon-sprite.png') 0 -43px;
}

/* diapedia info */

.diapedia-newsletter input,
.diapedia-newsletter input[type="text"] {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 130px;
  height: 27px;
  padding: 0;
  margin: 0 10px 0 0;
  line-height: 27px;
  text-indent: 5px;
  font-size: 12px;
}

.diapedia-info .column {
  margin-bottom: 30px;
}

.diapedia-info a:hover {
  text-decoration: none;
}

.diapedia-info img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 0 0 8px;
  border: 1px solid #acacae;
}

.diapedia-info .first {
  margin-left: 0;
}

/* DASHBOARD **/
.dashboard h1 {
  color: #333;
  font-size: 220%;}

.dashboard h2 {
  color: #0D468F;
  font-size: 115%;}

.recent-changes {
  padding-top: 0.5em;
  margin: 0 0 1em 0;
  background: url(/images/sidebar-bevel-line.png) repeat-x scroll left top transparent;}

.recent-changes li {
  position: relative;
  padding: 0 3em 0.5em 7.5em;
  list-style-type: none;
  background: url(/images/sidebar-bevel-line.png) repeat-x scroll left bottom transparent;
  margin-bottom: 0.5em;}

.recent-changes .date,
.recent-changes .view {
  position: absolute;
  top: 0;}

.dashboard .date {
  font-size: 87.5%;
  font-style: normal;
  left: 0;}

.recent-changes .view {
  right: 10px;}

.dashboard .section-listing {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  border-bottom: 1px solid #DEDDD6;}

.dashboard .section-listing.role-editor {
  border-bottom: 0;}

.dashboard .section-listing h2 {
  margin-bottom: 15px;}

.dashboard .section-listing ul {
  margin-left: 0;
  margin-bottom: 0;
  padding-bottom: 13px;}

.dashboard .section-listing.role-editor h2 {
  margin-bottom: 7px;}

.dashboard .section-listing.role-editor ul {
  float: none;
  width: auto;
  padding-bottom: 0;
  margin-bottom: 1.5em;}

.dashboard .section-listing.role-editor li {
  padding: 0 0 9px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #DEDDD6;
  border-top: none;
  height: auto;}

.dashboard .section-listing.role-editor li:first-child {
    border-top: 1px solid #DEDDD6;
}

.dashboard .section-listing.role-editor a {
  display: block;
  width: auto;
  padding: 9px 0;}

.dashboard .section-listing ul + ul {
  margin-left: 20px;}

.dashboard .section-listing .only-of-type {
  list-style: none outside;
  padding-left: 3px;
  width: 597px;}

.articles-users,
.dashboard .news {
  background-color: #F7F7F5;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;}

.dashboard .news {
  margin-bottom: -20px;}

.dashboard .news h2 {
  line-height: 1em;
  margin-bottom: 0.5em;}

.articles-users .articles,
.articles-users .users {
  position: relative;
  float: left;
  margin-left: 20px;
  padding-bottom: 3.5em;
  background: transparent url(/images/sidebar-bevel-line.png) left bottom repeat-x;
  width: 290px;
  min-height: 166px;}

.articles-users .only-of-type {
  width: 100%;
  min-height: 100px;}

.articles-users .only-of-type h2 + p {
  padding-right: 200px;
  min-height: 70px;}

.articles-users .has-button {
  position: absolute;
  bottom: 0;
  left: 0;}

.articles-users h2 {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  background: transparent url(/images/sidebar-bevel-line.png) left bottom repeat-x;
  color: #0D468F;
  line-height: 1em;}

.articles-users h2 + p {
  padding-right: 100px;}

.articles-users .articles h2 + p {
  background: transparent url(/images/articles-illustration.png) right top no-repeat;}

.articles-users .users h2 + p {
  background: transparent url(/images/users-illustration.png) right top no-repeat;}

.articles-users > div:first-child {
  margin-left: 0;}

.edit-my-account {
  margin-bottom: 0;}

.edit-my-account a {
  padding-left: 20px;
  background: transparent url(/images/cms/icons/pencil.png) left center no-repeat;}

.search-my-articles input,
.search-my-articles button {
  float: left;}

.search-my-articles button {
  margin: 2px 0 0 6px;
  padding: 0 4px;}


/** BUSINESS CARD **/
.business-card {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 27px 15px 15px;
  width: 280px;
  box-shadow: 0 0 10px rgba(0,0,0,0.12);
  background: #FFF url(/images/header-background.jpg) center -138px no-repeat;}

#sidebar .business-card {
  margin-top: -20px;
  margin-bottom: 20px;}

.business-card .details {
  margin-bottom: 15px;}

.business-card .details img,
.business-card .details p {
  float: left;}

.business-card .details img + p {
  margin-left: 10px;}

.business-card ul {
  border-top: 1px solid #DEDDD6;
  list-style-type: none;
  line-height: 1.5em;
  margin-bottom: 0;}

.business-card li {
  border-bottom: 1px solid #DEDDD6;
  font-size: 85%;
  line-height: 2em;}

/** ABOUT **/

.team {
  padding: 15px 0;
  border-top: 1px solid #dad9d4;
}

.team h2 {
  margin-bottom: 15px;
}

.team_members {
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
  list-style: none outside;
}

.team_members + .team_members {
  margin-left: 20px;}

.team_members li {
  width: 50%;
  min-height: 70px;
  margin-bottom: 20px;
  float: left;
}

.team_members img,
.team_members p {
  float: left;}

.team_members img {
  margin-right: 15px;
  border: 1px solid #d5d7d6;
}

.team_members p {
  width: 210px;}

/** team detail page **/

.user_metadata {
  padding: 0;
  margin: 0;
  position: relative;
  top: -15px;
  list-style: none;
  color: #8A8A84;
  font-size: 90%;
  font-style: italic;
  font-weight: 300;
}

.user_metadata div {
    display: inline-block;
}

.user_metadata time {
    display: inline-block;
}

/** MY CONTENT **/
.explanation-my-content,
.explanation-articles,
.explanation-sections {
  padding-right: 120px;
  min-height: 75px;}

.explanation-my-content,
.explanation-articles {
  background: transparent url(/images/articles-illustration.png) right top no-repeat;}

.explanation-sections {
  background: transparent url(/images/sections-illustration.png) right top no-repeat;}


/** COMMENTS **/
.comments {
  clear: both;
  margin-top: 40px;}

.comment-list {
  padding-top: 20px;
  margin: 10px 0 20px 0;
  background: transparent url(/images/inset-line.gif) top left repeat-x;}

.comment-list li {
  position: relative;
  list-style-type: none;
  list-style-position: outside;
  min-height: 70px;
  padding-left: 90px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: transparent url(/images/inset-line.gif) bottom left repeat-x;}

.comment-list li.by-moderator {
  margin-left: -10px;
  margin-right: -10px;
  color: #000;
  background: url(/images/bg-notice.png) top left repeat-x #CBD9EA;}

.comment-list li > img {
  position: absolute;
  top: 0;
  left: 0;}

.comment-list li.by-moderator > img {
  position: absolute;
  top: 10px;
  left: 10px;}

.comment-userinfo {
  margin-bottom: 10px;
}

.comment-list span.comment-data {
  display: block;
  color: #8A8A84;
  font-size: 11px;}

.comment-list .badge {
  right: 10px;
  top: -10px;
  left: auto;}

.comment-list li.by-moderator .badge {
  left: 55px;
  top: 55px;
  right: auto;}

.comment-list li.by-moderator p {
  margin-left: 10px;}

.comment-list li.by-moderator p > b {
  color: #0D468F;}

.comment-list li.by-moderator p > span {
  color: #7B7B75;}

.comments .pagination {
  margin-bottom: 20px;}

.add-comment h2 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  background: transparent url(/images/inset-line.gif) bottom left repeat-x;}

.add-comment .radio_list li {
  float: left;
  margin-left: 20px;
  list-style-position: outside;}

.add-comment .radio_list li:first-child {
  margin-left: 0;}

.add-comment ol > li > label {
  display: none;}

.comment-list .button {
  position: absolute;
  bottom: 10px;
  right: 0;}

.comment-list li.by-moderator .button {
  right: 10px;}

.button.secondary {
  padding-left: 7px;}
.button.secondary img {
  margin-right: 4px;
}

/* Activity Feed */
.activity-feed {
  clear: both;
  padding: 0 0 2em; }

.activity-feed a.newer {
  font-weight: bolder;
  float: left; }

.activity-feed a.older {
  font-weight: bolder;
  float: right; }

.activity-feed ul {
  padding-top: 0.2em;
  margin: 0.5em 0 1em 0; }

.activity-feed ul.line-divider li {
  margin-bottom: 0.2em;
  padding-bottom: 0.2em; }

.activity-feed li {
  list-style-type: none;
  background: url(/images/sidebar-bevel-line.png) repeat-x scroll left bottom transparent; }

.activity-feed .date,
.activity-feed .type {
  font-size: 85%;
  color: #8A8A84;
  font-weight: normal; }

/* STATIC CONTENT - NEWS */
.date {
	color: #8A8A84;
	font-size: 90%;
	font-style: italic;}

h1 + p.date {
	margin-top: -0.8em;}

.date a {
	color: #8A8A84;
	text-decoration: underline;}

.date a:hover {
	color: #7B7B75;}