/*

	Stylesheet for Schrijverspodium

	Media:			screen, projection
	Copyright:		Netlash <http://www.netlash.com>
	Author:			Yoni De Beule <yoni@netlash.com>

*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.5;
	color: #494a4c;
}

/*
	Typography and text styles
*/

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4 {
	font-weight: 700;
}

h1, h2, h3 {
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
}

h1 a, h2 a, h3 a, h4 a {
	border: 0;
}

h1 {
	font-size: 32px;
	padding: 0 0 10px 0;
	color: #6a7dbf;
}

h2 {
	font-size: 18px;
	padding: 0 0 6px 0;
}

h3 {
	color:#dc2d20;
	font-size: 16px;
	padding: 0 0 6px 0;
}

h4 {
	font-size: 12px;
	padding: 0 0 4px 0;
}

/* Links */

a { text-decoration: none; border-bottom: 1px solid #ced4ea; color: #6a7dbf; }
a:link { border-color: #ced4ea; color: #6a7dbf; }
a:visited { border-color: #c9cee2; color: #5b6ba6; }
a:hover, a:active { border-color: #6a7dbf; color: #6a7dbf; }
.linkInvert a, .linkInvert a:link, .linkInvert a:visited { color: #fff; border-color: #72708b; }
.linkInvert a:hover, .linkInvert a:active { color: #fff; border-color: #fff; }


/* Defaults */

.content ul,
.content ol {
	padding: 0 0 12px 24px;
}

.content ul {
	list-style: disc;
}

.content ol {
	list-style-type: decimal;
}

.content ul ul,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content ul ol {
	padding: 0 0 0 24px;
}

.content ol ol {
	list-style: upper-roman;
}

.content ol ol ol {
	list-style: lower-roman;
}

ol.reset,
ul.reset {
	margin: 0;
	padding: 0;
	list-style: none;
}

code {
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 6px 12px;
	background: #F5F5F5;
	margin: 0 0 12px;
}

p.small, .small, small {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 1.636;
}

blockquote, q {
	font-style: italic;
	font-family: Georgia, serif;
}

blockquote {
	padding: 0 0 0 12px;
}

blockquote cite {
	font-size: 11px;
	text-align: right;
	display: block;
	position: relative;
	bottom: 12px;
}

em {
	font-style: italic;
}

sub, sup {
	line-height: 0;
}

hr {
	border: none;
	border-top: 4px solid #26274e;
	padding: 0;
}

div.hr {
	border-bottom: 3px solid #26274e;
	margin: 12px 0 24px;
}

div.hr hr {
	display: none;
}

table {
	border-top: 1px solid #eee;
}

td, th {
	border-bottom: 1px solid #eee;
	padding: 4px;
}

th {
	background: #26274e;
	color: #FFF;
}

th a, th a:link, th a:visited, th a:hover, th a:active {
	color: #FFF;
	border: none;
	text-decoration: underline;
}


/* Image classes */

img.alignLeft, .alignleft {
	float: left;
	padding: 0 18px 10px 0;
}

img.alignRight, .alignright {
	float: right;
	padding: 0 0 10px 18px;
}

a.linkedImage {
	border: 0;
	display: block;
	font-size: 11px;
	color: #808080;
}

a.linkedImage img {
	display: block;
}

/*
	Page structure and layout
*/

#container {
	width: 940px;
	margin: 0 auto;
}

#content {
	background: url(../images/faux_background.gif) no-repeat right 0;
}

#home #content {
	background: none;
}

/*
	Header
*/

#header {
	height: 218px;
	position: relative;
	padding-bottom: 30px;
}

	/* Logo */

	#header h1, #header h2 {
		width: 222px;
		height: 143px;
		background: url(../images/sprite.png) no-repeat 0 -76px;
		text-indent: -9999px;
		float: left;
		display: inline; /* IE double margin bug */
		padding: 0;
		margin: 77px 16px 0 2px;
	}

	#header h1 a, #header h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: 0;
	}

	/* Topbar */

	#topbar {
		float:left;
		padding-top:12px;
	}
		/* Search */

		#search {
			float:right;
			margin-left:10px;
		}
		
		#search fieldset {
			float: right;
		} /*forces IE6 to float right */
		
			#search .input-text {
				width:122px;
			}
			
			#search .input-dropdown {
				font-size: 11px;
			}
	
		/* extraNavigation */
		#extraNavigation {
			border-bottom:4px solid #26274e;
			overflow: hidden;
			float:left;
			width:340px;
		}
		
		#extraNavigation ul {
			text-align: center;
		}

		#extraNavigation li {
			float:left;
		}

		#extraNavigation a {
			border-right:1px solid #CCC;
			border-bottom:none;
			display:block;
			float:left;
			line-height:22px;
			padding:0 5px;
			font-size: 11px;
		}
		#extraNavigation a:hover{
			background:#f5f7fb;
		}
		#extraNavigation .lastChild a{
			border:none;
		}
		#extraNavigation .selected a{
			background:#dc2d20;
			color:#FFF;
		}
	
	/* Banner */

	#topBanner {
		position: absolute;
		top: 77px;
		right: 0;
		width: 700px;
		height: 60px;
		overflow: hidden;
		background: #fff;
	}

	#topBanner p {
		float: left;
		padding: 0;
		height: 60px;
	}
	
	#topBanner .info {
		position: absolute;
		z-index: 9999;
		padding: 2px 6px;
		background: #2a274e;
		color: #FFF;
		font-size: 10px;
		height: auto;
		right: 0;
		bottom: 0;
	}
/*
	#topBanner a.linkedImage{
		float: left;
		width: 468px;
		height: 60px;
		overflow: hidden;
	}

	#topBanner a.linkedImage img {
		width: 468px !important;
		height: auto !important;
	}
*/
	/* User */

	#profileBar {
		position:absolute;
		left:240px;
		top:144px;
		width: 700px;
	}

	#profileBar ul{
		text-align: right;
	}

	#profileBar li{
		color:#26274e;
		display:inline;
		padding-left: 10px;
	}

	#topbar-loginform{
		position: absolute;
		right: 0;
		top: 27px;
	}

	#topbar-loginform form{ 
		float: left; 
		padding: 10px; 
		background: #E9ECF5;
		border: 1px solid #d4d4dc;
	}

	#topbar-loginform form label{ 
		margin-right: 10px; 
		display: inline;
	}

	#topbar-loginform form input.input-text,
	#topbar-loginform form input.input-password{ 
		width: 120px; 
		margin-right: 3px;
		display: inline;
	}

	/* register */
	
	#registerList {
		margin-top: 12px;
		border-bottom: 4px solid #26274E;
		margin-bottom: 24px;
		text-transform: uppercase;
	}

	#registerList li {
		float: left;
		display: block;
		padding: 5px 10px;
		margin-right: 6px;
	}
	
	#registerList li.selected {
		color: #FFF;
		background: #dc2d20;
	}
	
	#recaptchaSmallPrint {
		font-size: 11px;
		padding: 8px 8px 4px 8px;
		border: 1px solid #d4d4dc;
		margin: 6px 0;
	}

	#recaptchaSmallPrint li {
		padding-bottom: 4px;
		width: 210px;
		padding-right: 10px;
		float: left;
	}

	.online-profiles li {
		padding-bottom: 6px;
	}

	#external-links-list a {
		border: 0;
	}
	
	#external-links-list li {
		padding-bottom: 6px;
	}
	
	#external-links-list img {
		padding-right: 6px;
		vertical-align: middle;
	}

	/* Navigation */

	#navigation {
		float: left;
		width: 670px;
		padding: 147px 15px 0 15px;
		border-bottom: 4px solid #2a274e;
		min-height: 1px;
	}

	#navigation li {
		float: left;
		border-right: 1px solid #d4d4dc;
		height: 30px;
	}

		#navigation li.lastChild,
		#navigation li.selected,
		#navigation li:hover {
			border-right: 0;
		}

	#navigation a {
		float: left;
		font-size: 14px;
		line-height: 20px;
		padding: 5px 15px;
		border: 0;
		text-transform: uppercase;
		color: #26274e;
	}

		#navigation a:link,
		#navigation a:visited {
			color: #26274e;
		}

		#navigation a:hover,
		#navigation a:active {
			padding-right: 16px;
			background: #dc2d20;
			color: #fff;
		}

	#navigation li.selected a,
	#navigation li.selected a:link,
	#navigation li.selected a:visited,
	#navigation li.selected a:hover,
	#navigation li.selected a:active {
		padding-right: 16px;
		background: #dc2d20;
		color: #fff;
	}

	#emptySubnav {
		width: 220px;
		height: 430px;
		background: url(../images/emptynav.gif) repeat-x;
	}

/*
	Content
*/

	/* breadcrumb */
	#breadcrumb{
		color:#9e9d9e;
		padding-bottom:20px;
	}
	#breadcrumb a{
		color:#9e9d9e;
		border-color:#CCC;
	}
	#breadcrumb a:hover{
		color:#9e9d9e;
		border-color:#9e9d9e;
	}

	/* General mod */
	
	.mod {
		margin-bottom: 20px;
	}

	.blueBar .hd {
		background: #26274e;
		color: #fff;
	}

	.blueBar .hd h4 {
		font-size: 14px;
		line-height: 20px;
		padding: 5px 20px;
		font-weight: 700;
	}

	.blueBackground .bd {
		background: #e1e5f2;
		padding: 15px;
	}

	.blueBackground hr {
		border-top: 1px solid #d4d4dc;
		border-bottom: 1px solid #fff;
		padding: 0;
	}

	.blueBackground div.hr {
		border-top: 1px solid #d4d4dc;
		border-bottom: 1px solid #fff;
		margin: 0;
	}

	.blueBackground div.hr hr {
		display: none;
	}
	
	/* Home pagina */
	
	.header {
		padding: 0 0 25px 0;
	}
	
		#slideshow {
			border: 1px solid #2a274e;
			float: left;
			width: 700px;
			height: 222px;
			overflow: hidden;
		}
		
			#slideshow img {
				display: block;
				position: absolute;
			}
		
			#slideshow .caption {
				position: absolute;
				width: 670px;
				height: 30px;
				margin-top: 192px;
				line-height: 30px;
				padding: 0 15px;
				background: url('../images/bg_caption.png') repeat-x;
				color: #FFF;
				z-index: 9999;
			}
			
				#slideshow .caption span {
					display: block;
					width: 500px;
					height: 30px;
					overflow: hidden;
					float: left;
				}
			
			#slideshow .slideshow-navigation {
				float: right;
			}
			
				#slideshow .slideshow-navigation li {
					float: left;
					padding: 0 0 0 7px;
				}
				
					#slideshow .slideshow-navigation a,
					#slideshow .slideshow-navigation a:visited {
						border: 0;
						color: #FFF;
					}
					
					#slideshow .slideshow-navigation a:hover,
					#slideshow .slideshow-navigation a:active,
					#slideshow .slideshow-navigation a:focus {
						color: #DC2D20;
					}
					
					#slideshow .slideshow-navigation a.selected,
					#slideshow .slideshow-navigation a.selected:visited,
					#slideshow .slideshow-navigation a.selected:hover,
					#slideshow .slideshow-navigation a.selected:active,
					#slideshow .slideshow-navigation a.selected:focus {
						color: #DC2D20;
						cursor: default;
					}
					
					#slideshow .slideshow-navigation .previous a,
					#slideshow .slideshow-navigation .previous a:visited,
					#slideshow .slideshow-navigation .next a,
					#slideshow .slideshow-navigation .next a:visited {
						display: block;
						width: 4px;
						height: 30px;
						overflow: hidden;
						text-indent: -9999em;
					}
					
					#slideshow .slideshow-navigation .previous a,
					#slideshow .slideshow-navigation .previous a:visited {
						background: url('../images/prev.png') no-repeat top left;
					}
					
					#slideshow .slideshow-navigation .next a,
					#slideshow .slideshow-navigation .next a:visited {
						background: url('../images/next.png') no-repeat top left;
					}
					
					#slideshow .slideshow-navigation .previous a:hover,
					#slideshow .slideshow-navigation .previous a:active,
					#slideshow .slideshow-navigation .previous a:focus,
					#slideshow .slideshow-navigation .next a:hover,
					#slideshow .slideshow-navigation .next a:active,
					#slideshow .slideshow-navigation .next a:focus {
						background-position: 0 -31px;
					}
					
	
		#home #datepicker {
			background: #2a274e;
			width: 230px;
			height: 197px;
			padding-left: 8px;
			float: right;
			position: relative;
			z-index: 9999;
		}
		
		#home #datepicker th {
			background: #6A7DBF;
			color: #FFF;
		}
		
		#home #datepicker td a {
			color: #FFF;
		}
		
		#home .ui-datepicker-title {
			color: #FFF;
		}
		
		#home #datepicker .ui-datepicker-current-day a {
			color: #6A7DBF;
			border-color: #6A7DBF;
			background: #FFF;
		}
		
			#home #datepicker td .tooltip a {
				color: #494A4C;
			}
	
	#home #mainCol {
		padding:0 20px 0 0;
		width:580px;
	}
	
	#home #rightCol {
		padding:0;
		width:340px;
	}
	
	#newsHotItem {
		background:#f2f3f8 url(../images/detail_header.gif	) repeat-x 0 100%;
		margin-bottom:20px;
	}
	
	#newsHotItem h2 {
		background:#2a274e url(../images/title_blue_bg.jpg) no-repeat 100% 0;
		line-height:20px;
		padding:5px 20px;
		color:#FFF;
		font-weight: 700;
		font-size: 14px;
	}
	
	#newsHotItem .inner{
		padding:20px;
	}
	
	#newsHotItem img{
		float:left;
		margin:0 25px 0 0;
	}
	
	#articleInfo{
		color:#838383;
		margin-bottom:10px;
	}
	
	#newsHotItem .article{
		float:left;
		width:350px;
	}

	#home #news{
		background:url(../images/light-dark-bg.jpg) repeat-y 100% 0;
		margin-bottom:20px;
		padding:20px;
	}
	
	#home #news #newsRecent {
		float:left;
		padding-right:80px;
		width:280px;
	}
	
	#newsRecent h3 {
		padding:0;
	}
	
	#newsRecent li {
		border-bottom:1px solid #c0c4db;
		padding:12px 0;
	}
	
	#newsRecent li.lastChild {
		border-bottom:none;
	}
	
	#newsRecent h4 {
		padding-bottom:2px;
	}
	
	#newsRecent p.newsSource {
		color:#838383;
		padding-bottom:12px;
	}
	
	#newsRecent p {
		padding-bottom:0;
	}
	
	#newsletter {
		float:left;
		margin: 12px 12px 24px 12px;
	}

	#newsletter form {
		border-bottom: 1px solid #c0c4db;
	}

	#home #newsletter {
		width: 180px;
		margin: 0 0 10px 0;
	}

	#newsletterSignup #email {
		margin-bottom: 10px;
		width: 187px;
	}

	#home #newsletterSignup #email {
		margin-bottom: 10px;
		width: 172px;
	}

	
	#newsletterSignup p {
		text-align:right;
	}

	.newsarticle {
		padding-bottom: 3px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DAD7D9;
	}

	#blogHome h1 {
		border-bottom:1px solid #dad7d9;
		margin-bottom:20px;
	}

	#home .sectionMore {
		border-top:5px solid #26274e;
		font-weight:bold;
		padding:12px 0 20px 0;
		text-align:right;
	}
	
	#newAuthAndOrg #newAuthors {
		margin-right:20px;
		float: left;
		overflow: hidden;
		width: 160px;
	}
	
	#newAuthAndOrg #newOrganisations {
		float: left;
		overflow: hidden;
		width: 160px;
	}
	
	#newAuthAndOrg li {
		border-bottom:1px solid #dad7d9;
		width:160px;
	}
	
	#newAuthAndOrg li a {
		border:none;
		display:block;
		font-size:11px;
		font-weight:bold;
		position:relative;
		padding:12px 20px 12px 44px;
	}
	
	#newAuthAndOrg li a:hover {
		background: #e5e7f3 url(../images/list-hover-bg.jpg) repeat-x 0 0;
	}
	
	#newAuthAndOrg li img{
		left:6px;
		position:absolute;
		top:12px;
		width:24px;
	}
	
	#newAuthAndOrg li span{
		color:#838383;
		display:block;
	}

	/* detail header */
	.detailHeader {
		background: #f1f2f7 url(../images/detail_header.jpg) repeat-x 0 100%;
		margin-bottom:20px;
	}
	
		.detailHeader h2, .box h2 {
			background:#2a274e url(../images/title_blue_bg.jpg) no-repeat 100% 0;
			line-height:20px;
			padding:5px 20px;
			color:#FFF;
			font-weight: 500;
			font-size: 14px;
		}
		
		.detailHeader .inner {
			padding: 20px;
		}
		
		.detailHeader .avatar {
			float:left;
			width: 50px;
			height: 50px;
			overflow: hidden;
			padding-bottom: 0;
			background: #FFF;
		}
		
		.detailHeader .avatar img {
			width:50px;
		}
		
		.detailInfo {
			float:left;
			padding:0 0 0 20px;
		}
		
		#textAction {
			width: 100%;
			border-top: 1px solid #d4d4dc;
			padding-top: 18px;
			margin-top: 18px;
		}
		
		#textAction li {
			display: block;
			float: left;
			width: 180px;
			padding-left: 22px;
		}
		
		#textAction li#recommend {
			background: url(../images/icons/aanraden.gif) no-repeat 0 3px;
		}
		
		#textAction li#recommend .recommendCount {
			font-size: 11px;
			font-style: italic;
			color: #9e9d9e;
			line-height: 1.1em;
		}
		
		#textAction li#favoriteAdd {
			background: url(../images/icons/favoriet.gif) no-repeat 0 3px;
		}
			.detailInfo li {
				width:340px;
			}
				
				.detailInfo li ul{
					float: left;
					width:212px;
					overflow: hidden;
				}
				
			.detailAction{
				border-top:1px solid #d4d4dc;
				float:left;
				margin-top:15px;
				padding-top:15px;
				width:420px;
			}
			
				.detailAction li{
					float:left;
					width:195px;
				}
				
				.detailAction li strong{
					display:block;
				}
				
				#added{
					color:#9e9d9e;
				}
				
			.detailHeader p.linkInvert {
				padding: 4px 10px 0 0;
			}
		
		
		/* Item list (Simpele link en tekst - li is volledig aanklikbaar) */

		.itemList {
			padding-bottom:24px;
		}

		.itemList ul {
			padding-bottom:6px;
		}

		.itemList h3{
			color:#DC2D20;
			padding:0 20px 2px 0;
		}
		
		.itemList li {
			display: block;
			background: transparent url(../images/icons/text.gif) no-repeat scroll 0 11px;
			padding: 9px 0 9px 26px;
			border-bottom:1px solid #dad7d9;
		}

		.itemList li.lastChild{
			border:none;
		}

		/* Related texts - complex (Link, tekst met links - li is niet aanklikbaar) */

		.relatedTexts ul{
			padding-bottom:10px;
		}
		.relatedTexts h3{
			color:#DC2D20;
			padding-right:20px;
		}
		.relatedTexts li a{
			border:none;
		}

		.relatedTexts p{
			display:block;
			padding-bottom:0;
		}
		.relatedTexts span{
			color:#494a4c;
		}
		.relatedText ul{
			border-top:1px solid #dad7d9;
		}
		.relatedTexts li{
			border-bottom:1px solid #dad7d9;
			padding:9px 0;
		}
		.relatedTexts li.lastChild{
			border:none;
		}
		
	/* Page specific - Jelle */
	/* Theaterteksten header*/

	#textHeader{
		background: url(../images/light-dark-bg.jpg) repeat-y 0 0;
		float:left;
		margin-bottom: 20px;
		margin-left: 10px;
		padding-bottom: 0 0 20px 0;
		width:700px;
	}

	#textHeader #textInfo {
		width:440px;
		float: left;
		padding: 20px;
	}

	#textDetail strong {
		font-size: 12px;
	}

	#textDownload{
		float:right;
		padding: 20px 20px 20px 0;
		width:174px;
	}

	#textDownload p{
		color:#494a4c;
		font-family:Georgia, serif;
		font-weight:bold;
		font-size:13px;
	}

		#textDownload span{
			color:#9e9d9e;
			font-family: Helvetica, Arial, sans-serif;
			font-weight:normal;
			font-size:12px;
		}

		#textDownload label{
			display:inline;
			font-weight:normal;
		}

	/* Theaterteksten prikbord */
	
	#addReaction {
		padding-bottom: 12px;
		margin-bottom: 12px;
		border-bottom:1px solid #C4C6D5;
	}

	#addReaction textarea {
		height:160px;
		margin-bottom:6px;
	}

	#prikbordItems li {
		border-bottom:1px solid #c4c6d5;
		padding: 8px 12px 20px 75px;
		position: relative;
	}

	#prikbordItems li.odd {
		background:#F1F2F7;
	}

	#prikbordItems li img{
		position:absolute;
		top:10px;
		left:10px;
	}

	#prikbordItems .date {
		color:#9e9d9e;
		font-style:italic;
		padding-bottom: 3px;
	}

	/* strong element en "action" class op p gebruiken binnen TinyMCE */

	#fragment p.action, #inhoud p.action{
		/* Class voor TinyMCE */
		color:#7d7d7d;
		font-family:georgia;
		font-size:14px;
		font-style:italic;
	}

	#mediaPhotoGallery{
		margin-bottom:20px;
		padding-bottom:12px;
	}

	#mediaPhotoGallery li {
		display:block;
		float:left;
		height:80px;
		margin:0 6px 6px 0;
		width:109px;
	}

	.profileDetails #mediaPhotoGallery li {
		height:109px;
	}
	
	#relatedPublications h4{
		padding-bottom:0;
	}

	#relatedPublications p{
		font-size:11px;
	}

	#media ul {
		list-style-type: none;
		padding: 0 0 24px 0;
		margin: 0;
	}

	/* Subnavigation */
	
	.subNavigation ul {
		padding-top: 12px;
	}

	.subNavigation li a {
		display: block;
		width: 179px;
		padding: 0 21px 0 20px;
		height: 43px;
		line-height: 43px;
		overflow: hidden;
		border: 0;
		background: url(../images/navigation.gif) no-repeat;
		color: #6a7dbf;
	}

		.subNavigation li a:link,
		.subNavigation li a:visited {
			color: #6a7dbf;
		}

		.subNavigation li a:hover,
		.subNavigation li a:active {
			background: url(../images/navigation_active.gif) no-repeat;
			color: #26274e;
		}

	.subNavigation li.selected a,
	.subNavigation li.selected a:link,
	.subNavigation li.selected a:visited,
	.subNavigation li.selected a:hover,
	.subNavigation li.selected a:active {
		background: url(../images/navigation_active.gif) no-repeat;
		color: #26274e;
		font-weight: 700;
	}

	#subNavFirstActive a {
		margin-top: 1px;
	}

	#subNavFirstActive a:hover,
	#subNavFirstActive a:active,
	#subNavFirstActive.selected a:hover,
	#subNavFirstActive.selected a:visited { /* Using an ID because IE6 doesn't support multiple selectors */
		padding-top: 1px;
		margin-top: 0;
		background: url(../images/navigation_first_active.gif) no-repeat;
	}

	/* Tabs navigation */
	
	#tabsNavigation {
		float: left;
		width: 430px;
		margin-bottom:20px;
		padding: 0 15px 0 15px;
		border-bottom: 3px solid #2a274e;
		min-height: 1px;
		overflow: hidden;
	}

	#tabsNavigation li {
		float: left;
		border-right: 1px solid #d4d4dc;
		height: 30px;
	}

		#tabsNavigation li.lastChild,
		#tabsNavigation li.selected,
		#tabsNavigation li:hover {
			border-right: 0;
		}

	#tabsNavigation a {
		float: left;
		font-size: 12px;
		line-height: 20px;
		padding: 5px 15px;
		border: 0;
		text-transform: uppercase;
		color: #26274e;
	}

		#tabsNavigation a:link,
		#tabsNavigation a:visited {
			color: #26274e;
		}

		#tabsNavigation a:hover,
		#tabsNavigation a:active {
			padding-right: 16px;
			background: #dc2d20;
			color: #fff;
		}

	#tabsNavigation li.selected a,
	#tabsNavigation li.selected a:link,
	#tabsNavigation li.selected a:visited,
	#tabsNavigation li.selected a:hover,
	#tabsNavigation li.selected a:active {
		padding-right: 16px;
		background: #dc2d20;
		color: #fff;
	}
	
	/* Events */
	
	#events .ft {
		padding: 0 0 12px 0;
		border-bottom: 1px solid #dad7d9;
	}

	/* Datepicker */
	
	#datepicker {
		padding: 3px 0 24px 0;
	}
	
		.ui-datepicker-header {
			overflow: hidden;
			zoom: 1;
		}
	
			.ui-datepicker-prev,
			.ui-datepicker-next {
				display: block;
				float: left;
				width: 30px;
				border: 0;
				height: 30px;
				line-height: 30px;
				text-align: center;
				cursor: pointer;
			}
	
			.ui-datepicker-title {
				float: left;
				width: 160px;
				text-align: center;
				text-transform: capitalize;
				color: #DC2D20;
				font-size: 16px;
				height: 30px;
				line-height: 30px;
			}
		
		.ui-datepicker-calendar {
			margin-left: 6px;
			width: 208px;
			border: 0;
		}
		
		#datepicker .tooltip {
			position: absolute;
			left: auto !important;
			top: auto !important;
			background: #FFF;
			border: 1px solid #d9d6d8;
			border-right: 2px solid #d9d6d8;
			border-bottom: 2px solid #d9d6d8;
			padding: 6px 12px;
			width: 250px;
			text-align: left;
			margin-left: -260px;
			z-index: 9999;
		}
		
			#datepicker .events-active .tooltip a,
			#datepicker .events-active .tooltip a:visited,
			#datepicker .events-active .tooltip a:hover,
			#datepicker .events-active .tooltip a:active,
			#datepicker .events-active .tooltip a:focus {
				color: #494A4C;
				border-bottom: 0;
			}
			
			#datepicker .events-active .tooltip a .eventTitle,
			#datepicker .events-active .tooltip a:hover .eventTitle {
				color: #26274e;
				border-bottom: 1px solid #bdbeca;
			}
			
			#datepicker .events-active .tooltip a:hover .eventTitle,
			#datepicker .events-active .tooltip a:active .eventTitle,
			#datepicker .events-active .tooltip a:focus .eventTitle {
				border-color: #26274e;
			}
			
			#datepicker .tooltip li {
				padding: 0 0 10px 0;
			}
		
		#datepicker .ui-state-default {
			border: 0;
		}
			
			#datepicker th,
			#datepicker td {
				border: 0;
			}
			
			#datepicker td {
				text-align: right;
				padding: 4px;
			}
			
			#datepicker .ui-datepicker-current-day {
				padding: 0;
			}
			
			#datepicker .ui-datepicker-current-day a {
				border: 1px solid #26274e;
				display: block;
				padding: 4px;
				color: #26274e;
			}
			
		#datepicker .events-active {
			background: #6A7DBF;
			color: #FFF;
		}
		
			#datepicker .events-active a {
				color: #FFF;
			}
		
		/* Deadline */
		
		#datepicker .events-active .tooltip a .deadline, 
		#datepicker .events-active .tooltip a:visited .deadline {
			color: #DC2D20;
			border-bottom: 1px solid #f3bab6;
		}
		
		#datepicker .events-active .tooltip a:hover .deadline,
		#datepicker .events-active .tooltip a:active .deadline,
		#datepicker .events-active .tooltip a:focus .deadline {
			color: #DC2D20;
			border-color: #DC2D20;
		}
		
		#datepicker .events-deadline {
			background: #DC2D20;
		}
		
	.buttonList {
		position: absolute;
		margin-left: 191px;
		z-index: 9999;
	}
	
	.event .buttonList {
		margin-left: 276px;
	}
	
	.blogArticle .buttonList,
	#newsletter .buttonList,
	#blogHome .buttonList {
		float: right;
		position: relative;
		margin: 0;
	}
	
	.eventArticle .ft,
	.event .ft {
		height: 30px;
	}

	/* Blog */

	.blogArticle .ft,
	.eventArticle .ft {
		padding: 12px 0;
		border-bottom: 1px solid #dad7d9;
	}

		.lastChild .ft {
			border-bottom: 0;
		}

	.blogcomment {
		padding: 12px;
		background: #f7f8fc;
		margin-bottom: 12px;
	}

	/* Button list */

	.buttonList {
		float: right;
		padding-top: 8px;
	}

	.buttonList li {
		float: left;
		padding-left: 12px;
		position: relative; /* Sharelist uses this */
		cursor: pointer;
	}

	.buttonList li a {
		float: left;
		background: #6a7dbf;
		color: #fff;
		border: 1px solid #2a274e;
		font-size: 11px;
		line-height: 18px;
		padding: 3px 10px;
	}

		.buttonList li a:link,
		.buttonList li a:visited {
			background: #6a7dbf;
			color: #fff;
			border: 1px solid #6a7dbf;
		}

		.buttonList li a:hover,
		.buttonList li a:active {
			background: #2a274e;
			color: #fff;
			border: 1px solid #2a274e;
		}

	/* Share list */

	.shareList {
		position: absolute;
		top: 25px;
		right: 0;
		width: 140px;
		list-style-type: none;
		border: 1px solid #dad7d9;
		border-bottom: 0;
		z-index: 9999;
	}

	.shareList li {
		padding: 0;
		clear: both;
		width: 140px;
		height: 27px;
		overflow: hidden;
		cursor: pointer;
	}

	.shareList li a {
		display: block;
		border: 0;
		border-bottom: 1px solid #dad7d9;
		background: #f5f7fb;
		color: #6a7dbf;
		padding: 4px;
		height: 18px !important;
		width: 132px !important;
		overflow: hidden;
	}

		.shareList li a:link,
		.shareList li a:visited {
			border: 0;
			border-bottom: 1px solid #dad7d9;
			background: #f5f7fb;
			color: #6a7dbf;
		}

		.shareList li a:hover,
		.shareList li a:active {
			border: 0;
			border-bottom: 1px solid #dad7d9;
			background: #fff;
			color: #26274e;
		}

	.shareList li strong {
			width: 16px;
			height: 16px;
			background: url(../images/share/shareicon_delicious.gif) no-repeat;
			text-indent: -9999px;
			float: left;
			padding: 0 4px 0 0;
			overflow: hidden;
	}

	.shareList li small {
		cursor: pointer;
		float: left;
	}

		.shareList li.del strong {
				background: url(../images/share/shareicon_delicious.gif) no-repeat;
		}

		.shareList li.su strong {
				background: url(../images/share/shareicon_stumbleupon.gif) no-repeat;
		}

		.shareList li.twitter strong {
				background: url(../images/share/shareicon_twitter.gif) no-repeat;
		}

		.shareList li.fb strong {
				background: url(../images/share/shareicon_facebook.gif) no-repeat;
		}

	/* Button */

	a.button {
		float: left;
		background: #6a7dbf;
		color: #fff;
		border: 1px solid #2a274e;
		font-size: 11px;
		line-height: 18px;
		padding: 3px 10px;
	}

	#rightCol .fullWidth {
		width: 168px;
	}

		a.button:link,
		a.button:visited {
			background: #6a7dbf;
			color: #fff;
			border: 1px solid #6a7dbf;
		}

		a.button:hover,
		a.button:active {
			background: #2a274e;
			color: #fff;
			border: 1px solid #2a274e;
		}

	/* Icons */
	
	.icon * {
		float: left;
	}

	.icon small {
		float: left;
		display: block;
	}

	.icon span, span.icon {
		width: 14px;
		height: 15px;
		margin: 7px 0 0 6px;
		overflow: hidden;
		float: left;
		display: block;
		text-indent: -9999px;
		background: url(../images/sprite.png) no-repeat;
	}

		.buttonList span.iconShare {
			width: 9px;
			height: 5px;
			margin: 7px 0 0 6px;
			background-position: -56px -4px;
		}

		.button span.iconRss {
			float: right;
			width: 12px;
			height: 12px;
			margin: 3px 0 0 6px;
			background-position: -176px -2px;
		}

		.iconList span.iconUser {
			position: absolute;
			width: 14px;
			height: 15px;
			top: 0;
			left: 0;
			margin: 0;
			background-position: -158px -19px;
		}

	/* Sidebar */
	
	#textRelated h3 {
		border-bottom: 1px solid #DAD7D9;
	}

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

	#textRelated {
		padding-bottom: 12px;
	}

	#textRelated li {
		border-bottom: 1px solid #DAD7D9;
		width: 196px;
		position: relative;
	}

	#textRelated li a {
		border: none;
		display: block;
		font-size: 12px;
		padding:12px 20px 12px 44px;
	}

	#textRelated li a:hover{
		background: #e5e7f3 url(../images/list-hover-bg.jpg) repeat-x 0 0;
	}

	#textRelated li img {
		border: none;
		left:6px;
		position:absolute;
		top:9px;
		width:24px;
	}

	#otherTexts, #textRelated {
		padding:12px 12px 24px 12px;
	}

	#otherTexts h3 {
		border-bottom: 1px solid #DAD7D9;
		margin-bottom: 6px;
	}

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

	#otherTexts li {
		display: block;
		background: url(../images/icons/text.gif) no-repeat 0 7px;;
		padding: 6px 10px 6px 22px;
	}



	#otherTexts li a small {
		font-weight: 300;
		color: #999;
	}

	/* Avatar list */

	.avatarList{
		background: #f7f8fc url(../images/avatar-list-bg.jpg) repeat-x 0 100%;
		border-bottom:1px solid #c9cad8;
		margin-bottom:20px;
		padding:20px;
	}
	
	.avatarList h3{
		font-family:georgia, serif;
		font-size:13px;
		color:#494a4c;
	}
	
	.avatarList li a{
		background:url(../images/avatar-list-border.gif) repeat-x 0 100%;
		border:none;
		display:block;
		line-height:24px;
		padding:9px 0;
	}
	
	.avatarList li.lastChild a{
		background-image:none;
	}	
	
	.avatarList img{
		border:1px solid #dcdadb;
		float:left;
		background:#000;
		height:24px;
		margin-right:10px;
		width:24px;
	}
	
	#rightCol .inputHolder {
		padding-bottom: 3px;
	}

	#rightCol .buttonHolder input {
		float: right;
	}
	

	/* Icon list */

	.iconList .mute a {
		float: none;
	}

	.iconList li {
		padding-left: 22px;
		margin-bottom: 12px;
		border-bottom: 1px solid #dad7d9;
		position: relative;
	}

	/* Social media */

	.socialMedia {
		border:1px solid #c9cad8;
		text-align: center;
		color: #6a7dbf;
		font-weight: 700;
		line-height: 35px;
		position: relative;
	}

	.blueBackground .socialMedia {
		padding: 0;
	}

	.socialMedia p {
		padding: 0;
		width: 126px;
		float: left;
	}
	
		#home .socialMedia p {
		}

	a.facebookLogo {
		position: absolute;
		width: 94px;
		height: 35px;
		background: url(../images/sprite.png) no-repeat 1px -223px;
		text-indent: -9999px;
		display: block;
		top: 0;
		right: 0;
		padding: 0;
		overflow: hidden;
		border: 0;
	}

	/* item authors, organisation & texts*/
	
	.item {
		width: 100%;
		border-bottom:1px solid #DAD7D9;
		padding-bottom: 3px;
		margin-bottom: 12px;
	}

	.item .hd a {
		float: left;
		height: 50px;
		width: 50px;
		overflow: hidden;	
		margin-right: 12px;
	}
	
		#organisationItems .item .hd a {
			width: 80px;
			height: 80px;
			overflow: hidden;
		}
	
	.item .bd {
		float: left;
		width: 348px;
	}
	
		.theaterTexts .item .bd {
			width: 338px; /* no picture, smaller width */
			float: none;
		}
		
		#organisationItems .item .readMore {
			padding-top: 12px;
			margin-top: 0;
		}
		
		

	/* Organisation */

	.organisationArticle .bd {
		position: relative;
		padding-left: 140px;
		min-height: 140px;
	}

	.organisationArticle .logo {
		position: absolute;
		top: 0;
		left: 0;
	}

	.ac_results { 
		padding: 0;
		border: 1px solid #777;
		background-color: #FFF;
		overflow: hidden;

		/* @inc .boxShadow */
		box-shadow: 0 2px 6px #AAA;
		-webkit-box-shadow: 0 2px 6px #AAA;
		-moz-box-shadow: #AAA 0 2px 6px;
	}

	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.ac_results li {
		margin: 0;
		padding: 2px 5px;
		display: block;
		cursor: pointer;
		font-family: Arial, sans-serif;
		font-size: 11px;
		line-height: 16px; 
		overflow: hidden;
	}

	.ac_over strong {
		color: #FFF;
	}

	.ac_loading {
		background-image: url(/modules/core/layout/images/spinner.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}

	.ac_odd {
		background-color: #F1F5FA;
	}

	.ac_over {
		background-color: #1767B3;
		color: #FFF;
		cursor: pointer;
	}

	/* Searchforms */

	#searchBox {
		background: #e9ecf5;
		margin-bottom: 20px;
		padding: 10px;
		border:1px solid #C9CAD8;
	}
	
	#searchBox label.floatLeft,
	#sortResults label.floatLeft {
		padding: 0;
		line-height: 22px;
	}

	#searchBox input.input-text {
		width: 150px;
	}

	#searchBox form {
		padding-bottom: 12px;
	}

	#searchBox form.noPadding {
		padding-bottom: 0;
	}

	#searchBox dt {
		width: 120px;
		float: left;
	}

	#searchBox dd {
		float: left;
		width: 320px;
		padding-bottom: 12px;
	}
	
	#searchBox dd.noPadding {
		padding-bottom: 0;
	}

	#searchBox dd label,
	#searchBox dd li,
	#searchBox dd ul,
	#searchBox dd input.checkbox {
		float: left;
		vertical-align: middle;
	}
	
	#searchBox dd input.checkbox {
		margin-right: 6px;
	}

	#searchBox dd input.input-text {
		width: 310px;
	}

	#searchBox dd .labelTab label {
		width: 80px;
		float: left;
	}

	#searchTextsAlphabet li {
		float: left;
		padding-right: 7px;
	}

	#searchTextsAlphabet li.selected {
		font-weight: 700;
	}


/*
	Footer
*/

#footer {
	border-bottom: 3px solid #26274e;
	margin-bottom: 62px;
	padding: 30px 0 6px 0;
}

#footer li {
	float: left;
	padding-right: 10px;
}

#leftFooterLogos {
	padding: 0 14px 30px 0;
	float: left;
}

#leftFooterLogos ul {
	width: 392px;
	background: url(../images/footer_background.gif) repeat-x;
}

#rightFooterLogos {
	padding: 0 0 30px 14px;
	float: left;
}

#rightFooterLogos ul {
	width: 515px;
	background: url(../images/footer_background.gif) repeat-x;
}

#leftFooterLogos li{
	float: left;
	padding: 0 30px;
}

#rightFooterLogos li {
	float: left;
	padding: 0 10px;
}

#leftFooterLogos li a,
#rightFooterLogos li a {
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}

#leftFooterLogos li a:hover,
#rightFooterLogos li a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/*
	Column system
*/

#leftCol {
	width: 220px;
	padding-right: 10px;
	float: left;
	min-height:600px;
}

#mainCol {
	width: 460px;
	padding: 0 10px;
	float: left;
	overflow: hidden;
}

#rightCol {
	width: 220px;
	padding-left: 10px;
	float: left;
	overflow: hidden;
}

	#links {
		padding: 12px 12px;
	}
	
	#home #links { padding: 24px 0; }
	
	.content #links ul {
		padding: 0;
	}

	#links li,
	.content #links li {
		padding: 9px 0;
		border-bottom: 1px solid #d9d6d8;
		list-style: none;
	}
	
	#links li.lastChild { border-bottom: 0; }

/*
	Dialog boxes
*/

.box {
	padding: 12px;
	background: #f4f5fa;
	border: 1px solid #d4d4dc;
	margin-bottom: 12px;
}

.overviewBox {
		padding: 12px;
		background: #E1E5F2;
		border: 1px solid #d4d4dc;
		margin: 12px 0;
}

.overviewBox h4 {
		border-bottom: 1px solid #d4d4dc;
		margin-bottom: 6px;
}

.dialogBox {
	padding: 10px;
	margin-bottom: 10px;
	background: #f4f4f4;
	border: 1px solid #eee;
	color: #666;
	margin-bottom: 12px;
 }

.dialogSucces {
	padding: 12px;
	background: #e6efc2;
	border: 1px solid #bfd271;
	color: #264409;
	margin-bottom: 12px;
}

.dialogError {
	padding: 12px;
	background: #fbe3e4;
	border: 1px solid #fbabaf;
	color: #8a1f11;
	margin-bottom: 12px;
}

.dialogNotice {
	padding: 12px;
	background: #fff6bf;
	border: 1px solid #efdd6d;
	color: #514721;
	margin-bottom: 12px;
}

.form-error {
	padding: 4px;
	margin: 3px 0;
	background: #fbe3e4;
	border: 1px solid #fbc2c4;
	color: #8a1f11;
	display: block;
}

/* Profile */

.profileAvatar .profilePhoto {
	float: left;
	width: 80px;
	padding-right: 24px;
}

.profileAvatar .profilePhotoUpload {
	float: left;
	width: 300px;
	padding-top: 5px;
	overflow: hidden;
}


/* Pagination */

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 5px 6px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: #dc2d20;
}

.pagination li.selected span {
	padding: 5px 6px;
	font-weight: 700;
	color: #000;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 4px 5px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: #000;
}

.pagination li a:hover,
.pagination li a:active {
	background: #E9ECF5;
	color: #000;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* Forms */

label {
	font-size: 12px;
	font-family: Arial, sans-serif;
	display: block;
	padding: 4px 0;
}

fieldset p {
	padding-bottom: 6px;
}

input#characters_input, input.ac_input, input.input-text, input.inputText, input.text, input.input-password, input.inputPassword, input.password, textarea, #recaptcha_response_field {
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: #fcfcfc;
	border: 1px solid #c6c8d6;
	padding: 3px;
	width: 182px;
}

input.checkbox {
	padding-top: 0;
	padding-left: 0;
	margin-top: 0;
	margin-left: 0;
}

select.select {
	line-height: 22px;
	padding: 2px 0;
}

textarea {
	line-height: 1.4;
	width: 450px;
	max-width: 100%;
}

input:focus, textarea:focus {
	border-color: #999; 
	background: #fff;
}

@-moz-document url-prefix() {
	input[type="text"]:focus,
	textarea:focus { 
		outline: 2px solid #b6cbe5;
		-moz-outline-radius: 5px;
		fborder-color: #5d92d4;
	}
}

input.input-submit, input.inputSubmit, input.submit button {
	font-size: 10px;
	font-family: "lucida grande", Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	background: #6a7dbf;
	border: 1px solid #6a7dbf;
	padding: 2px 6px;
	cursor: pointer;
	overflow: visible;
}

input.input-submit:hover, input.inputSubmit:hover, input.submit:hover {
	border: 1px solid #2a274e;
	background: #2a274e;
}

input.input-submit:active, input.inputSubmit:active, input.submit:active {
	border-color: #1a2f49;
	background: #b6cbe5;
}

select, option {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

input.inputCheckbox {
	float: left;
	margin: 3px 6px 3px 0;
}

/* inputs by ID */

input#text_original_custom {
	width: 300px;
}

/* Center anything */

.centerWidthlessWrap {
	width: 100%;
	overflow: hidden;
}

.centerWidthless {
	float: left;
	position: relative;
	left: 50%;
}

.centerWidthlessInner {
	position: relative;
	left: -50%;
}

/* General purpose classes */

.hidden { display: none; }
.block { display: block; }

.floatLeft { float: left; }
.floatRight { float: right; }

.noPadding { padding: 0; }
.bottomPadding { padding-bottom: 12px; }
.topPadding { padding-top: 12px; }
.padding { padding: 10px; }

.noBorder { border: none !important; }
.border { border: 1px solid #C7C7C7; }

.mute { color: #666; }
.serif { font-family: "Times New Roman", Times, Georgia, serif; }
.uc { text-transform: uppercase; }
.sC { font-variant: small-caps; }
.lC { text-transform: lowercase; }
.readMore { color: #6A7DBF; margin-top: -6px;}

.rc {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.mute {
	color: #999;
}

.helpTxt {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #666;
}

h4.redHeader, h3.redHeader, h4.redHeader a, h4.redHeader a:link, h4.redHeader a:visited, h3.redHeader a, h3.redHeader a:link, h3.redHeader a:visited {
	color: #dc2d20;
}

h4.redHeader a, h4.redHeader a:hover, h4.redHeader a:active, h3.redHeader a, h3.redHeader a:hover, h3.redHeader a:active {
	color: #26274e;
}

/* Guillotine */

.guillotineBugFix {
	display: none;
}

/* Clearfix */

.clearfix:after, .mod:after, #prikbordItems:after, #mediaPhotoGallery:after, .inner:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

/* checkbox-list */

ul.checkbox-list li {
	float: left;
}

	/* favs */

.favsBlock {
	padding-bottom: 24px;
	}

.favs {
	border-top: 1px solid #EEE;
	padding: 12px 0;
	}

.favs .favsContent {
	float: left;
	width: 350px;
	overflow: hidden;
	}
	
.favs .favsButton {
	float: right;
	width: 60px;
	overflow: hidden;
	}
