body,html {
	overflow: hidden;
	margin: 0;
	padding: 0; 
	height: 100%;
}

textarea {
	font:inherit;
}
body {	
	font: 62.5%/ 1.6em Arial, Helvetica, sans-serif;
	background: #eeeeee url(../images/background.png) no-repeat;
}

th, td {
	text-align: left;
	vertical-align: top;
}

a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #d6e4ff;
}

a img {
	border: none;
}

#wrapper {
	width: 1016px;
	margin: auto auto;
	position: relative;
	height: 100%;
	font-size: 1.1em;
	background: white;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
}

#header {
	position: absolute;
	height: 100px;
	top: 2px;
	left: 2px;
	width: 1012px;
	background: url('../images/logo_sharekit.png') 35px 25px no-repeat;
}

#header #gebruiker, #header #headerLinkjes {
	text-align: right;
	background: #dbdbdb;
	line-height: 18px;
}

#header #headerLinkjes a {
	text-decoration: none;
	color: #888;
}

#header #headerLinkjes a:hover {
	color: #333;
}

#header #gebruiker {
	float: right;
	border-left: 2px solid white;
	min-width: 198px;
	padding-right: 10px;
}

#header #headerLinkjes {
	padding-right: 220px;
}

#header #zoeken {
	position: absolute;
	left: 38px;
	top: 30px;
	width: 30em;	
}

#header #zoeken p {
	margin: 1em 0 1em 0;
}

.kolomHeader {
	line-height: 24px;
	font-weight: bold;
	color: #666;
	margin-bottom: 2px;
}

.kolomHeader a.selected {
	color: white;
}

.kolom h1 {
	padding: 30px 0 0 15px;
	margin: 0;
	font-size: 20px;
	color: #888;
}

.kolom h2,.kolom h2 a {
	font-size: 1em;
	color: #FF1212;
	text-decoration: none;
	margin: 0.5em 0 0 0;
}

.kolom h3 {
	font-size: 1.3em;
	color: black;
	margin: 0;
	padding: 0;
}

.kolomFooter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #E6E6E6;
	font-weight: bold;
	color: #666;
	height: 23px;
	padding: 0;
}

.kolomFooter button {
	position: relative;
	top: 3px;
}

.kolomScroller, .kolomScrollerTab {
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	width: 997px;
	bottom: 0px;
	padding: 0 0 0 15px;
	top: 50px;
}

.kolomScrollerTab {
	top: 111px;
	background: url(../images/logo_surfshare.png) no-repeat bottom right;
}

#submit {
	clear: both;
}

#submit .buttonbar {
	position: absolute;
	margin: 0;
	padding: 8px 0 0 0;
	width: 836px;
	height: 30px;
}

#submit input{
	float: right;
	margin-left: 5px;
}

#submit .followupPanel {
	float:right;
/*	width:200px;*/
}

#submit .followupPanel span{
	font-size:1.1em;
}


.kolom {
	position: absolute;
	top: 100px;
	bottom: 27px;
}

#kolom1 {
	left: 2px;
	width: 1012px;
}

#kolom1 #kol1head1 {
	background: #6699ff;
	text-transform: uppercase;
	padding-left: 40px;
	display: block;
	height: 24px;
	font-size: 1.1em;
	line-height: 2em;
}

#kolom1 #kol1head1 span {
	padding-right: 11px;
}

#kolom1 #kol1head1 span + span {
	padding-left: 12px;
	border-left: 1px solid #006699;
}

.editors {
	background-color: #a3c2ff;
	padding-left: 25px;
	display: block;
	height: 24px;
	line-height: 2.1em;
	font-size: 1.1em;
}
.editors a {
	display: block;
	float: left;
	height: 100%;
	padding: 0 15px;
}
.editors a.selected {
	background: #66cc66;
	color: white;
}

form {
	margin: 0;
	padding: 0;
}

.invalid {
	background: #ffffee;
}

.list {
	background: #eee;
	margin-left: 40px;
}
.list td, .list th {
	padding: 4px;
}
.list th {
	width: 200px;
}

.feedback ul, .infolabel ul {
	margin: 0;
	padding: 2px 0;
}
.feedback li {
	list-style: none;
	padding: 0 0 0 60px;
	width: 760px;
}
.infolabel li {
	list-style: none;
}
.feedbackPanelINFO {
	background: #aaffaa;
}
.feedbackPanelERROR {
	background: #ffffaa;
}

.errorlabel, .infolabel {
	display: block;
	margin: 0 0 .4em;
	float: left;
	padding: 0 0 0 60px;
	width: 760px;
}
.errorlabel {
	background: #ffffaa url(../images/icoError.png) no-repeat 25px 50%;
}
.infolabel {
	background: #aaffaa;
}

#contenttop_absolute .actionDialogErrorLabel {
	width:400px;
}

/* Selection Tree */

.metaTree {
	margin: 0;
	overflow: auto;
	float: left;
	border: 1px solid #ccc;
	max-height: 200px;
}

table.wicket-tree-content table.icon-panel a span {
	color: black;
}

.discipline.metaTree {
	height: 200px;
}
.educationallevel.metaTree{
	width: 400px;	
}

.learningresourcetype.metaTree {
 	width: 265px;
 }
.educationalobjective.metaTree {
	width: 500px;
	margin-top: 5px;
}
.domain.metaTree, .language.metaTree {
	height: 200px;
}

.help {
	float: right;
	position: relative;
	cursor: pointer;
	background: url(../images/help.png);
}
.mandatory {
	float: right !important;
	background: url(../images/mandatory.png);
}
.help, .mandatory {
	width: 12px;
	height: 12px;
	margin-top: 4px;
}


/* popup */

#popup {
    width: 221px;
    height: 260px;
    position: absolute;
	z-index: 100;
	background: url('../images/popup.png');
	padding: 15px 19px 20px 10px;
	line-height: 1.2em;
}

#popup h1 {
	margin-top: 0;
	font-size: 1.2em;
	color: black;
	padding: 0;
	position: absolute;
	top: 15px;	
}

#popup li {
	margin: 2px 0;
}

#popup #popupbutton {
	display: block;
	height: 20px;
}

#popup #message {
	height: 242px;
	overflow-y: auto;
	overflow-x: hidden;
}

#popup #close {
	float: right;
	cursor: pointer;
}

#popup-container {
}

#popup-container #popup-iframe {
    width: 100%;
    height: 100%;
    margin: 0;
	overflow: hidden;
}

#footer {
	position: absolute;
	height: 23px;
	border-top: 2px solid white;
	width: 974px;
	bottom: 2px;
	left: 2px;
	background: #a1a1a1;
	color: white;
	line-height: 23px;
	padding-left: 38px;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	color: #333;
}

.toegankelijkheid {
	display: none;
}

input.button, input.buttonSmall, input.buttonLarge{
	text-transform: lowercase;
	background: url(../images/buttonNormal.png) no-repeat;
	border: none;
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0 0 3px 0;
	height: 21px;
	width: 160px;
	cursor: pointer;
	position: relative;
	top: -1px; 
}
input.button:hover {
	background: url(../images/buttonNormalHover.png) repeat-x;
}

input.buttonSmall {
	background: url(../images/buttonSmall.png) no-repeat;
	width: 80px;
}
input.buttonSmall:hover {
	background: url(../images/buttonSmallHover.png) repeat-x;
}

input.buttonLarge {
	background: url(../images/buttonLarge.png) no-repeat;
	width: 220px;
}
input.buttonLarge:hover {
	background: url(../images/buttonLargeHover.png) repeat-x;
}

/* Content styles */

.contexthelp_button {
	background: url(../images/help.png) no-repeat;
	display: block;
	float: right;
	height: 15px;
	margin-left: 0.5em;
	position: relative;
	top: -16px;
	width: 12px;
}

/* Form styles */

.formitem .labelblock label{
	float: none;
	padding: 0;
	margin: 0;
	width: auto;
}

.radiobuttons {
	float: left;
}

.radiobuttons input{
	margin-right: 1em;
	float: left;
}

.bulkaction {
	float:left;	
}

.paging .first,
.paging .prev,
.paging .next,
.paging .last {
	background: #A3C2FF;
	border: 1px outset;
	color: #FFF;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	padding: 0 13px;
	overflow: visible;
}

a.button{
	padding: 1px 13px;
}

.paging span.first,
.paging span.prev,
.paging span.next,
.paging span.last {
	background: #CCC url(../images/buttonBgGreyed.gif) repeat-x;
	border: 1px solid #CCC;
	cursor: default;
}

.paging .first,
.paging .prev,
.paging .next,
.paging .last{
	padding: 2px 6px;
}

.paging .prev{
	margin-right: 10px;
}

.paging .next{
	margin-left: 10px;
}

a.button:active,
a.button:hover,
a.button:focus{
	color: #FFF;	
}

.loginerror{
	float: none;
	width: 400px;
}

#formpanel .errorlabel {
	margin: 0 0 2px;
}

.paging{
	text-align: center;
}

.paging em{
	padding: 0 .2em;
	font-style: normal;
}

.paging .first em,
.paging .prev em,
.paging .next em,
.paging .last em{
	padding: 0;
}

.paging span{
	font-weight: bold;
}

.paging span a{
	padding: 0 .2em;
}

.paging a {
	color: #6699FF;
}

/* Metadataform styles */

#formpanel .metadatapanel .errorlabel {
	margin: 0;
}

.formitem {
	background: url(../images/back.png) repeat-x top;
	clear: both;
	padding: .8em .5em;
	width: 810px;
	float: left;
	margin: 0;
	vertical-align: top;
}
	
.formitem label,
.formitem .labelblock {
	margin-right: .6em;
	padding: 0;
	width: 187px;
	float: left;
}

.formitem label * {
	float: left;
}

.formitem .formelm {
	width: 615px;
	float: left;
}

.formitem .formelm-small {
	width: 280px;
	display: block;
	float: left;
}

.formitem .formelm-big {
	width: 500px;
	float: left;
}

.formelm_column1, .formelm_column2 {
	display: block;
	float: left;
	width: 70px;
}

.formitem .formelm_column1 .formelm, 
.formitem .formelm_column2 .formelm {
	width: 70px;
}
.formelm_column1 label, .formelm_column2 label {
	width: 50px;
}
.formitem .formelm_column1 .text, 
.formitem .formelm_column2 .text {
	width: 30px;
}

.cclist {
	width: 600px !important;
}
.cclist a {
	display: block;
	width: 100%;
	overflow: hidden;
}
.cclist div {
	float: left;
	width: 150px;
}
.cclist div + div {
	width: 450px;
}

.info{
	clear: both;
	color: #666;
	display: block;
	font-style: italic;
	margin-top: .5em;
}

.formitem textarea, .formitem .text, .formitem .multipleselect {
	width: 260px;
	float: left;
}
.formitem textarea {
	height:150px;
	width:550px;
}

.formitem .other {
	float: left;
}

.formitem .field {
	width: 260px;
}

.formitem .textfields input{
	margin-bottom: .3em;
}

.formitem .dateContainer {
	float: left;
}

/* search */

.searchTree {
	margin-right: 8px;
	display: inline;
	float: left;
	width: 200px;
	height: 378px;
}

.searchRight {
	float: left;
	width: 740px;
	overflow: hidden;
	border: 1px solid #cecece;
	padding: 2px;
}
.searchRight .message {
	padding: 10px;
	clear:both;
}
.searchWijzig, .searchKopieren, .searchVerwijderen, .searchBekijken, .searchInfo {
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}	
.searchWijzig {
	background: url(../images/wijzigen.png) no-repeat;
}
.searchKopieren {
	background: url(../images/kopieren.png) no-repeat;
}
.searchVerwijderen {
	background: url(../images/verwijderen.png) no-repeat;
}
.searchBekijken {
	background: url(../images/bekijken.png) no-repeat;
}
.searchInfo {
	background: url(../images/info.png) no-repeat;
}

em .searchWijzig {
	background-image: url(../images/wijzigenDisabled.png);
	cursor: auto;
}
em .searchKopieren {
	background-image: url(../images/kopierenDisabled.png);
	cursor: auto;
}
em .searchVerwijderen {
	background-image: url(../images/verwijderenDisabled.png);
	cursor: auto;
}
em .searchInfo {
	background-image: url(../images/infoDisabled.png);
	cursor: auto;
}


.viewLink .searchWijzig {
	background-image: url(../images/wijzigen.png);
}

em .viewLink .searchWijzig {
	background-image: url(../images/wijzigenDisabled.png);
}

.keyword {
	float: left;
	margin: 5px 0px 5px 10px;
}


#contenttop_area {
	padding: 4px;
	background: #eee;
	line-height: 1em;
	overflow: hidden;
}

#contenttop_area #searchAll {
	margin: 0;
	margin-left: 40px;
}

#contentbottom_area {
	padding: 10px 0;
}

#useroverview {
	width: 976px;
	border: 1px solid #cecece;
	padding: 2px;
}
#useroverview #top {
	padding: 6px 0 4px 25px;
	background: #eee;
}
#useroverview table {
	width: 100%;
}
#useroverview #bottom {
	margin: 8px 0 5px 0;
}

/* Table styles */

.result-summary{
}

#searchresult_table {
	background: #f4f4f4;
	border-top: 2px solid #FFF;
	/*width: 100%;*/
	border-collapse: collapse;
}

#searchresult_table th {
	background: #6699ff;
	border-bottom: 2px solid #FFF;
	color: white;
	padding: 4px;
}

#searchresult_table td {
	background: white;
	border-bottom: 1px solid #ccc;
	padding: 4px;
}

#searchresult_table .uneven td {
	background: #efefef;
}

#searchresult_table th#col1{
	width: 235px;
}
#searchresult_table th#col2{
	width: 80px;
}
#searchresult_table th#col3{
	width: 70px;
}
#searchresult_table th#col4{
	width: 70px;
}
#searchresult_table th#col5{
	width: 120px;
}


#searchresult_table tr td span {
    display: block;
    overflow: hidden;
}
#searchresult_table td.title,
#searchresult_table td.cDate,
#searchresult_table td.creator,
#searchresult_table td.owner,
#searchresult_table td.type,
#searchresult_table td.published,
#searchresult_table td.actions {
    border-bottom: none;
}
#searchresult_table td.title span {
    width: 195px;
}
#searchresult_table td.cDate span {
    width: 80px;
}
#searchresult_table td.creator span {
    width: 70px;
}
#searchresult_table td.owner span {
    width: 70px;
}
#searchresult_table td.type span {
    width: 70px;
}
#searchresult_table td.published span {
    width: 70px;
}
#searchresult_table td.actions span {
    width: 120px;
}
#searchresult_table td.actions a span {
    width: 22px;
}
#searchresult_table td.text span {
    width: 705px;
}


#searchresult_table em {
	font-weight: bold;
	font-style: normal;
	color: #ff4040;
}

/* LOGIN */
table.login input {
	font: 1em Arial, Helvetica, sans-serif;
	line-height: 1em;
}
table.login td {
	padding-bottom: 10px;
}
table.login td.center {
	text-align: center;
}
a.moreinfo {
    font-weight:normal;
	width: 205px;
	padding-left: 15px;
	text-align: right;
	background: url('../images/pijl.gif') left center no-repeat;
	cursor: pointer;
}

a.moreinfo:hover {
	color: #D3E805;
	background-image: url('../images/pijl_mo.gif')
}

div.moreinfo {
    text-align:left;
    visibility:hidden;
    width:220px;
    padding-top:15px;
    color:#666;
}

div.slogan {
    position:absolute;
    bottom: 20px;
    left: 70px;
}

.kolomFooter{
	display:none
}

div.wicket-tree {
	margin: 0;
}
div.wicket-tree a {
	color: black !important;
}
div.wicket-tree div.a_ {
	padding: 0 !important;
}

.radiobuttons, .radiobuttons input, .radiobuttons label{
	float: none;
}
.formelm select {
	float:left;
}

.tabberlive .tabberlive {
	border-top: 2px solid white;
}

.defaultIntro {
	width:600px; 
	margin-bottom:20px;
}

.radiofield input{
	float:left;
	clear: left;
	margin-right:10px;
}

.radiofield label{
	width: auto;
}

/* upload progress */

div.wupb-container {
	float: left;
	clear: left;
	width: 20em;
	position:absolute;
	top: -150px;
	right:0;
}

/* Selection tree (vdex) */
.formitem .metaTree {
	width: 500px;
}
table.wicket-tree-content {
	width: 100%;
}

table.selected {
	background-color: #E0E8FF;
	font-weight: bold;
}

/* autocomplete */

div.wicket-aa {
	border: 1px solid #888;
	background: white;
}

div.wicket-aa ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.wicket-aa ul li {
	margin: 0;
	padding:3px;
}

div.wicket-aa ul li.selected {
	background-color: #ffb;
}

div.wicket-aa ul strong.highlight {
	color: #800;
	margin: 0;
	padding: 0;
}

div.version {
	margin: 10px;
}
#submit input.versionButton {
	float: left; 
	margin-left: 15px;
} 
input.readonly, textarea.readonly {
	border: none;
	background: none;
	overflow: hidden; 
}
input.readonly {
	width: 500px;
}
.context p {
	margin: 0;
}
#contenttop_area div.label, #contenttop_area div.input {
	float: left;
}
#contenttop_area div.label {
	/*width: 80px;*/
	margin: 5px 5px 0 0; 
	text-align: right;
}
#contenttop_area div.input {
	width: 610px;
}
.contenttop_header {
	background: #6699FF;
	color: white;
	padding: 2px 0 3px 25px;
	overflow: hidden;
}
.searchRight .columns {
	overflow: hidden;
	margin-left: 36px;
	padding-left:0;
}

.item {
	float: left;
	margin: 3px 3px 0 0;
	width: 180px;
	cursor: pointer;
}

.item .contenttop_header {
	border: 1px solid #999;
}
.searchRight .expanded {
	width: 99.9% !important;
	border: none;
	margin-right: 2;
}

.searchRight .expanded a.itemlink {
	font-weight: bold;
}

.searchRight .expanded .item a.itemlink {
	font-weight: normal;
}

.searchRight .expanded .expanded a.itemlink {
	font-weight: bold;
}

.searchRight .expanded .expanded .item a.itemlink {
	font-weight: normal;
}

.columns .itemlink {
	overflow: hidden;
	width: 167px;
}
.buttonClose {
	background: url(../images/close.png) no-repeat;
	float: left;
	height: 14px;
	margin: 0 10px 0 5px;
	width: 14px;
	cursor: pointer;
	border: none;
}

/* facet search sharekit */
.facet_ {
	display:none;
}

a.facetExpand {
	display:block;
	padding-top:5px;	
}

/* AuthorsForm */
.titleColumn, .emailColumn, .roleColumn {
	display:none;
}

/* metadata-editor repository-specific defaults modal dialog overrides */ 
.defaultsModal .editors {
	display: none;
}
.defaultsModal .tabber {
	display: block;
}
.defaultsModal .kolomScrollerTab {
	position: static;
	background: white;
	width: 830px;
}
.defaultsModal .buttonbar {
	display: none;
}
.defaultsModal h2 {
	font-size: 13px;
	margin-left: 15px;
}
.defaultsModal .formelm .button {
	position: static;
}