/*
 * VERY SIMPLE CSS RESET
 */
* {
	margin: 0;
	padding: 0;}

.hide {
	display: none;}


/*
 * LAYOUT STYLES
 */
html, body {
	height: 100%;}

body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000}

div:after, #navigation:after, .clear:after, #word-actions:after, #logos:after,
#colophon div#colophon-text div p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

#navigation, #dashboard, #content {
	width: 940px;}

#content {
	width: 910px;
	margin-top: 17px;
	padding: 0 15px;}

#content.large-left {
	background: transparent url(../images/dotted-line-vertical.gif) 609px 0 repeat-y;}

#content.homepage {
	background: none !important;}

#content.homepage #content-right {
	background: transparent url(../images/dotted-line-vertical.gif) 0 0 repeat-y;}

#content.small-left {
	background: transparent url(../images/dotted-line-vertical.gif) 331px 0 repeat-y;}

#content.large-left  #content-left {
	width: 579px;
	float: left;
	padding-right: 15px;}

#content.large-left #content-right {
	width: 301px;
	float: right;
	padding-left: 15px;}

#content.small-left #content-left {
	width: 301px;
	float: left;
	padding-right: 15px;}

#content.small-left #content-right {
	width: 579px;
	float: right;
	padding-left: 15px;}

#language-select {
	background-image: url(/images/taalkeuze.png);
	background-repeat: no-repeat;
	height: 350px;
	margin-left: -15px;
	margin-top: -91px;
	position: relative;
	width: 576px;}

#language-select ul {
	width: 100px;
	list-style-type: none;
	position: absolute;
	line-height: 1.75em;
	top: 130px;}

#language-select ul#left {
	left: 350px;}

#language-select ul#right {
	left: 450px;}

#language-select ul li {
	color: #BBB;
	text-decoration: none;
	font-size: 1.083em !important;}

#language-select ul li.active {
	text-decoration: none;
	font-weight: bold;
	color: #3F8CDE;}

#language-select ul li a:link,
#language-select ul li a:visited {
	font-weight: bold;
	color: #000;}

#language-select ul li a:link:hover,
#language-select ul li a:visited:hover {
	color: #000;}



/*
 * TYPOGRAPHY STYLES
 */
p, ol, ul, td, th, input, select, textarea, dt, dd {
	font-size: 0.75em;}

input {
	background-color: #DADADA;
	line-height: 1.5em;
	height: 1.5em;
	padding: 2px 5px 3px 5px;
	color: #444; 
	border: 0;}

p input, p select, p textarea,
td input, td select, td textarea, td p, td p textarea, td td, td th {
	font-size: 1em;}

td p input, td p textarea {
	font-size: 1.1em;
	_font-size: 1em;
	/*font-size: 1em;*/
  }

h1 {
	display: none;}

h2, h3 {
	font: bold 1.25em "Trebuchet MS", sans-serif;}

h2 {
	color: #FFF;}

h4 {
	font: bold 0.875em "Trebuchet MS", sans-serif;}

h5 {
	margin-bottom: 0.5em;}

p, ul, ol, table {
	margin: 0 0 1.5em 0}

input[type=hidden] {
	display: none;}

div.horrule {
	height: 1px;
	background: transparent url(../images/dotted-line-horizontal.gif) top left repeat-x;
	margin: 1em 0;
	clear: both;}

div.horrule hr {
	display: none;}

ul.dictionary-list {
	list-style: none;}

ul.dictionary-list li {
	font-weight: bold;}

ul.dictionary-list li img {
	display: inline;
	vertical-align: middle;}

ul.recent-changes {
	list-style-image: url(../images/arrow-right-black.gif);
	margin-left: 15px;}

a:link, a:visited {
	color: #418DDB;
	text-decoration: underline;}

a:link:hover, a:visited:hover {
	text-decoration: none;}

a.notdefined:link, a.notdefined:visited {
	color: #F00;
	text-decoration: underline;}

a.notdefined:link:hover, a.notdefined:visited:hover {
	text-decoration: none;}

a.add:link, a.add:visited,
a.edit:link, a.edit:visited,
a.save:link, a.save:visited,
a.delete:link, a.delete:visited,
a.view:link, a.view:visited,
a.cancel:link, a.cancel:visited,
a.print:link, a.print:visited,
button.add,
button.edit,
button.save,
button.delete,
button.search,
button.cancel,
button.print {
	padding: 5px 0 5px 20px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: underline;
	zoom: 1;
	-ms-zoom: 1;
	display: inline-block;
	cursor: pointer;
	text-align: left;
	line-height: 1em}

a.add:link:hover, a.add:visited:hover,
a.edit:link:hover, a.edit:visited:hover,
a.save:link:hover, a.save:visited:hover,
a.delete:link:hover, a.delete:visited:hover,
a.view:link:hover, a.view:visited:hover,
a.cancel:link:hover, a.cancel:visited:hover,
a.print:link:hover, a.print:visited:hover {
	text-decoration: none;}
	
a.add:link, a.add:visited, button.add {
	background-image: url(../images/add-icon.gif);}

a.edit:link, a.edit:visited, button.edit {
	background-image: url(../images/edit-icon.gif);}

a.save:link, a.save:visited, button.save {
	background-image: url(../images/save-icon.gif);}

a.delete:link, a.delete:visited, button.delete {
	background-image: url(../images/delete-icon.gif);}

a.view:link, a.view:visited {
	background-image: url(../images/view-icon.gif);}

a.cancel:link, a.cancel:visited, button.cancel {
	background-image: url(../images/cancel-icon.gif);}

a.print:link, a.print:visited, button.print {
	background-image: url(../images/print-icon.gif);}

button.add, button.edit, button.save, button.delete, button.search, button.cancel, button.print {
	background-color: transparent;
	/*overflow: visible;*/
	width: auto;
	padding: 0 0 0 20px;
	color: #0036FF;
	border: 0;}

button.search {
	padding: 0 20px 0 0;
	background: transparent url(../images/search-icon.gif) right center no-repeat;
	color: #0036FF;}

label {
	display: block;
	float: left;
	font-style: italic;
	padding: 3px 0;}

label.error {
	font-weight: bold;
	color: #F00;}

tr.zebra {
	background-color: #EBF3FC;}

tr.active {
	background-color: #3F8CDD;
	font-weight: bold;
	color: #FFF}

th {
	text-align: left;}

.small-search-results table {
	width: 100%;
	border-collapse: collapse;
	line-height: 1.5em}

.small-search-results table th,
.small-search-results table td {
	padding: 0 3px;}

img.edit, img.delete, img.add, img.search {
	cursor: pointer;}



/*
 * HOMEPAGE
 */
p#contact-info {
	clear: both;}

p#contact-info a {
	display: inline;
	float: none;}



/*
 * FEEDBACK STYLES
 */
.feedback-success, .feedback-failure, .feedback-warning {
	padding: 1em 10px 0 10px;
	margin: 20px 10px;}

.feedback-success {
	border-top: 1px solid #0F0;
	border-bottom: 1px solid #0F0;
	background-color: #CFC;}

.feedback-failure {
	border-top: 1px solid #F00;
	border-bottom: 1px solid #F00;
	background-color: #FAA;}

.feedback-warning {
	border-top: 1px solid #FF0;
	border-bottom: 1px solid #FF0;
	background-color: #FFC;}

.feedback-success ul, .feedback-failure ul, .feedback-warning ul {
	margin: 0 20px 1em 20px;}



/*
 * DIFFERENT CLASSES FOR DIFFERENT COLORSCHEMES
 */
body.lexicon-green #dashboard, #navigation li.lexicon-green {
	background-color: #ACDC16;}

body.lexicon-green h3, body.lexicon-green h4, body.lexicon-green h5,
body.lexicon-green ul#dictionary-tabs li, body.lexicon-green #word-editor th, body.lexicon-green #word-view th,
body.lexicon-green #word-comments th {
	color: #ACDC16;}

body.lexicon-orange #dashboard, #navigation li.lexicon-orange {
	background-color: #F59701;}

body.lexicon-orange h3, body.lexicon-orange h4, body.lexicon-orange h5, 
body.lexicon-orange ul#dictionary-tabs li, body.lexicon-orange #word-editor th, body.lexicon-orange #word-view th,
body.lexicon-orange #word-comments th {
	color: #F59701;}

body.lexicon-blue #dashboard, #navigation li.lexicon-blue {
	background-color: #3F8CDE;}

body.lexicon-blue h3, body.lexicon-blue h4, body.lexicon-blue h5,
body.lexicon-blue ul#dictionary-tabs li, body.lexicon-blue #word-editor th, body.lexicon-blue #word-view th,
body.lexicon-blue #word-comments th {
	color: #3F8CDE;}

body.lexicon-teal #dashboard, #navigation li.lexicon-teal {
	background-color: #58C38D;}

body.lexicon-teal h3, body.lexicon-teal h4, body.lexicon-teal h5,
body.lexicon-teal ul#dictionary-tabs li, body.lexicon-teal #word-editor th, body.lexicon-teal #word-view th,
body.lexicon-teal #word-comments th {
	color: #58C38D;}

body.lexicon-sand #dashboard, #navigation li.lexicon-sand {
	background-color: #D9E150;}

body.lexicon-sand h3, body.lexicon-sand h4, body.lexicon-sand h5,
body.lexicon-sand ul#dictionary-tabs li, body.lexicon-sand #word-editor th, body.lexicon-sand #word-view th,
body.lexicon-sand #word-comments th {
	color: #D9E150;}

body.lexicon-purple #dashboard, #navigation li.lexicon-purple {
	background-color: #E339D8;}

body.lexicon-purple h3, body.lexicon-purple h4, body.lexicon-purple h5,
body.lexicon-purple ul#dictionary-tabs li, body.lexicon-purple #word-editor th, body.lexicon-purple #word-view th,
body.lexicon-purple #word-comments th {
	color: #E339D8;}

body.lexicon-cheese #dashboard, #navigation li.lexicon-cheese {
	background-color: #FFC91E;}

body.lexicon-cheese h3, body.lexicon-cheese h4, body.lexicon-cheese h5,
body.lexicon-cheese ul#dictionary-tabs li, body.lexicon-cheese #word-editor th, body.lexicon-cheese #word-view th,
body.lexicon-cheese #word-comments th {
	color: #FFC91E;}

body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #0064D4 url(../images/body-bg.png) top center repeat-x;}



/*
 * CONTENT WRAPPERS
 */
#container {
	min-height: 100% !important;
	height: auto !important;
	height: 100%;
	width: 970px;
	position: relative;
	left: 50%;
	margin-left: -485px;
	background: transparent url(../images/container-bg.png) top left repeat-y;}

#wrapper {
	position: relative;
	display: block;
	padding-left: 13px;
	width: 957px;
	background: transparent url(../images/pt/wrapper-bg.png) top left no-repeat;}

#colophon {
	position: relative;
	clear: both;
	padding-top: 30px;}

#colophon a, #colophon div, #colophon img {
	float: left;
	margin-right: 20px;
	display: block;
	border: 0;}

#colophon div {
	margin-right: 0;
	width: 300px;}

#colophon a img, #colophon div.horrule, #colophon #logos {
	width: auto;
	float: none;}

#colophon h3 {
	font-size: 0.875em;
	margin-bottom: 1em;}

#colophon h3 a {
	float: none;}

#colophon h3 a:link,
#colophon h3 a:visited {
	text-decoration: underline;
	color: #666;}

#colophon h3 a:link:hover,
#colophon h3 a:visited:hover {
	color: #666;
	text-decoration: none;}

#colophon div#colophon-text {
	width: auto;
	float: none;}

#colophon div#colophon-text div {
	width: 440px;}

#colophon div#colophon-text-left {
	margin-right: 30px;
	clear: left;}

#colophon div#colophon-text div p, #colophon div#colophon-text div dl {
	display: block;
	margin-bottom: 1em}

#colophon div#colophon-text div p,
#colophon div#colophon-text div dl,
#colophon div#colophon-text div h4 {
	color: #666;
	clear: both;}

#colophon div#colophon-text div h4 {
	font-size: 0.8175em;}

#colophon div#colophon-text div dl dd {
	margin-left: 30px;
	font-style: italic;}



/*
 * NAVIGATION
 */
#navigation {
	position: relative;
	display: block;
	padding-top: 130px;
	padding-left: 15px;
	margin: 0;}

#navigation li {
	float: left;
	display: block;
	position: relative;
	margin-left: 8px;}

#navigation li a:link, #navigation li a:visited {
	display: block;
	padding: 5px 18px 7px 12px;
	line-height: 1em;
	text-transform: uppercase;
	font-size: 0.65em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;}

#navigation li.lexicon-green {
	background-image: url(../images/nav-lexicon-green-top.gif);
	background-position: top left;
	background-repeat: repeat-x;}

#navigation li.lexicon-green a:link, #navigation li.meta a:visited {
	background-image: url(../images/nav-lexicon-green-bottom.gif);
	background-position: bottom left;
	background-repeat: repeat-x;}

#navigation li.lexicon-blue {
	background-image: url(../images/nav-lexicon-blue-top.gif);
	background-position: top left;
	background-repeat: repeat-x;}

#navigation li.lexicon-blue a:link, #navigation li.lexicon-blue a:visited {
	background-image: url(../images/nav-lexicon-blue-bottom.gif);
	background-position: bottom left;
	background-repeat: repeat-x;}

#navigation li.lexicon-orange {
	background-image: url(../images/nav-lexicon-orange-top.gif);
	background-position: top left;
	background-repeat: repeat-x;}

#navigation li.lexicon-orange a:link, #navigation li.lexicon-orange a:visited {
	background-image: url(../images/nav-lexicon-orange-bottom.gif);
	background-position: bottom left;
	background-repeat: repeat-x;}

#navigation li.lexicon-purple {
	background-image: url(../images/nav-lexicon-purple-top.gif);
	background-position: top left;
	background-repeat: repeat-x;}

#navigation li.lexicon-purple a:link, #navigation li.lexicon-purple a:visited {
	background-image: url(../images/nav-lexicon-purple-bottom.gif);
	background-position: bottom left;
	background-repeat: repeat-x;}

#navigation li.lexicon-teal {
	background-image: url(../images/nav-lexicon-teal-top.gif);
	background-position: top left;
	background-repeat: repeat-x;}

#navigation li.lexicon-teal a:link, #navigation li.lexicon-teal a:visited {
	background-image: url(../images/nav-lexicon-teal-bottom.gif);
	background-position: bottom left;
	background-repeat: repeat-x;}

#navigation li.lexicon-cheese {
	background-image: url(../images/nav-lexicon-cheese-top.gif);
	background-position: top left;
	background-repeat: repeat-x;}

#navigation li.lexicon-cheese a:link, #navigation li.lexicon-cheese a:visited {
	background-image: url(../images/nav-lexicon-cheese-bottom.gif);
	background-position: bottom left;
	background-repeat: repeat-x;}

#navigation li.lexicon-sand {
	background-image: url(../images/nav-lexicon-sand-top.gif);
	background-position: top left;
	background-repeat: repeat-x;}

#navigation li.lexicon-sand a:link, #navigation li.lexicon-sand a:visited {
	background-image: url(../images/nav-lexicon-sand-bottom.gif);
	background-position: bottom left;
	background-repeat: repeat-x;}

#navigation li.active a:link, #navigation li.active a:visited {
	background-image: none !important;}



/*
 * SUBNAVIGATION
 */
ul#subnavigation {
	position: absolute;
	left: 15px;
	margin: 0;
	bottom: 0;}

ul#subnavigation li {
	display: block;
	float: left;
	margin-right: 9px;}

ul#subnavigation li a:link, ul#subnavigation li a:visited {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	border-top: 1px solid #8CBAEB;
	padding: 5px 7px;}

ul#subnavigation li a.active:link, ul#subnavigation li a.active:visited {
	background-color: #FFF !important;
	border-top: 1px solid #FFF;
	color: #3F8CDD;}

body.lexicon-green ul#subnavigation li a:link,
body.lexicon-green ul#subnavigation li a:visited {

}

body.lexicon-orange ul#subnavigation li a:link,
body.lexicon-orange ul#subnavigation li a:visited {
	
}

body.lexicon-blue ul#subnavigation li a:link,
body.lexicon-blue ul#subnavigation li a:visited {
	background-color: #65A3E4;
}

body.lexicon-teal ul#subnavigation li a:link,
body.lexicon-teal ul#subnavigation li a:visited {
	
}

body.lexicon-sand ul#subnavigation li a:link,
body.lexicon-sand ul#subnavigation li a:visited {
	
}

body.lexicon-purple ul#subnavigation li a:link,
body.lexicon-purple ul#subnavigation li a:visited {
	
}

body.lexicon-cheese ul#subnavigation li a:link,
body.lexicon-cheese ul#subnavigation li a:visited {
	
}

/*
 * DASHBOARD
 */
#dashboard {
	position: relative;
	min-height: 85px;
	height: auto !important;
	height: 85px}

#dashboard h2 {
	position: absolute;
	left: 84px;
	top: 50%;
	margin-top: -0.75em;
	color: #FFF;}

#dashboard.no-avatar h2 {
	left: 15px;}

#dashboard img {
	margin: 15px;}

#dashboard p.status {
	text-align: right;
	position: absolute;
	top: 7px;
	right: 10px;
	color: #FFF;
	font-size: 0.6875em;}

#dashboard a:link, #dashboard a:visited {
	color: #FFF;}

#dashboard #languageform {
	position: absolute;
	right: 10px;
	top: 3em;}

#dashboard #languageform label {
	color: #FFF;
	display: inline;
	font-size: 0.95em;
	float: none;
	font-style: normal;}

#content-right h4 {
	margin-bottom: 1em;}



/*
 * LOGINFORM
 */
#loginform button {
	border: 0;
	padding-right: 20px;
	background: transparent url(../images/view-icon.gif) right center no-repeat;
	color: #0036FF;
	text-decoration: underline;
	cursor: pointer;}

#loginform label {
	width: 40%;}

#loginform #loginbutton {
	text-align: right;
	margin-top: -5px;}

#loginform input {
	margin-bottom: 5px;
	width: 55%;}



/*
 * WORDSEARCH
 */
#searchword {
	width: 90%;}



/*
 * WORD INDEX
 */
span.abc-index {
	background-color: #F2F2F2;
	font-size: 1.25em;
	padding: 3px 0 3px 5px;
	line-height: 2em;
	padding: 3px 0 3px 1px;}

#content-right span.abc-index {
	font-size: 0.9em;}

#content-right #abc-content span.abc-index {
	letter-spacing: 3px;}

#content-right span.abc-index a:link,
#content-right span.abc-index a:visited,
#content-right span.abc-index span {
	margin-right: 1px;}

span.abc-index a:link,
span.abc-index a:visited,
span.abc-index span {
	color: #A9A9A9;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 5px;}

#words-by-letter td.word-location {
	font-weight: bold;
	padding-left: 15px;}

#words-by-letter td.word-location span.group-ref {
	font-weight: normal;}
	
input.index-option {
	background: none;
	display: inline;
	vertical-align: middle;
	margin-left: 20px;}

label.index-option {
	float: none;
	font-style: normal;
	display: inline;}


/*
 * TEACHERS & STUDENTS ADMIN
 */
label.search-profile {
	width: 15%;}

input.search-profile {
	width: 80%;}

#search-profile-button {
	margin-top: -1em;
	text-align: right;}

#search-profile-button button {
	border: 0;
	padding-right: 20px;
	background: transparent url(../images/search-icon.gif) right center no-repeat;
	color: #0036FF;
	text-decoration: underline;
	cursor: pointer;}

#profile-details {
	width: 404px;
	margin-bottom: 0;
	float: left;}

form #profile-details {
	float: none;
	width: 580px;}

#profile-details th {
	color: #3F8CDE;
	vertical-align: top;
	font-weight: normal;
	width: 150px;}

#profile-details label {
	font-style: normal;}

#profile-details td label {
	display: inline;
	float: none;
	font-size: 1em;}

#profile-details td input {
	margin-right: 3px;
	display: inline;
	vertical-align: middle;}

#profile-details th, #profile-details td {
	line-height: 2em;}

#profile-details tr#student-email th,
#profile-details tr#student-email td {
	padding-top: 1em;
	vertical-align: top}

#profile-details tr#student-login th,
#profile-details tr#student-login td {
	padding-bottom: 1em;
	vertical-align: top}

#profile-edit {
	float:left;
	clear: both;
	width: 100%;
	margin: 15px 0 1em 0;}

#profile-photo {
	text-align: center;
	width: 160px;
	float: right;}

#profile-groups input {
	vertical-align: middle;
	display: inline;}

#profile-groups label {
	float: none;
	font-style: normal;
	display: inline;}

#search-profile-deleted {
	display: inline;
	vertical-align: middle;}

.search-profile-deleted {
	float: none;
	display: inline;}



/*
 * TEACHER START PAGE
 */
#teacher-options {
	list-style: none;}

.teacher-search {
	width: 30%;}

#teacher-search-for {
	width: 65%;}

#teacher-search-btn {
	text-align: right;}

#teacher-search-btn button {
	border: 0;
	padding-right: 20px;
	background: transparent url(../images/search-icon.gif) right center no-repeat;
	color: #0036FF;
	text-decoration: underline;
	cursor: pointer;}



/*
 * MY PROFILE PAGE
 */
#my-profile {
	float: left;
	margin-bottom: 0;}

#my-profile th {
	padding-right: 20px;}

#my-profile th, #my-profile td {
	line-height: 1.5em;}

#my-avatar {
	float: right;}



/*
 * SEARCH PAGE
 */
#searchtermlabel {
	font-weight: bold;
	display: inline;
	font-style: normal;
	float: none;
	line-height: 2em;}

.searchresult {
	margin: 20px 0} 

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

.searchresult p {
 	margin-left: 30px;}

#q {
	vertical-align: middle;}

#search-button {
	width: 28px;
	height: 28px;
	display: inline;
	vertical-align: middle;
	background-color: #FFF;}



/*
 * GROUPS ADMIN
 */
#group-details {
	margin-bottom: 0;}

#group-details th {
	padding-right: 20px;}

#group-details .edit {
	margin-left: 20px;}

#group-teachers {
	border-collapse: collapse;
	width: 100%;}

#add_teacher_to_group {
	margin-right: 5px;}

#search-student {
	margin: 0 5px;
	width: 75%;}



/*
 * DICTIONARY ADMIN
 */
form#find-dictionary-form label {
	width: 30%;}

form#find-dictionary-form input {
	width: 60%;}

form#find-dictionary-form p.button {
	text-align: right;}

#dictionary-details {
	float: left;}

#dictionary-details th {
	color: #3F8CDD;
	vertical-align: top;
	font-weight: normal;
	padding-right: 20px;}

#dictionary-details th label {
	font-style: normal;}

#dictionary-avatar {
	float: right;}

#dictionary-options {
	line-height: 1.5em;
	clear: both;
	width: 100%;}

#dictionary-options a {
	line-height: 2em;}

#dictionary-options a.edit {
	float: left;}

#dictionary-options a.delete {
	float: right;}

#dictionary-options br {
	clear: both;}

#search-student-form label, #search-student-form input, #search-student-form select {
	display: inline;}

#search-student-form label {
	float: none;}

#search-student-form input {
	width: 55%;}

#search-student-form button {
	margin-left: 5px;}

#search_student, #search_in_group {
	float: left;
	margin-right: 10px;}

#dictionary-search input,
#dictionary-search label {
	float: none;
	vertical-align: middle;
	display: inline;}

#dictionary-search #perform_search {
	display: none;}


/*
 * DICTIONARY EDITOR
 */
div.editor {
	border: 1px solid #3F8CDC;
	padding: 10px 10px 0 10px;}

div.editor input {
	color: #000;
	font-size: 1.05em;}

div.editor label {
	color: #3F8CDA;}

div.editor p:after, div.images:after {
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;}

div.editor p button.save {
	float: left;}

div.editor p button.cancel {
	float: right;}

#word-actions a.edit {
	float: left;}

#word-actions a.delete {
	float: right;}

#dictionary-tabs {
	border-bottom: 1px solid #B1B1B1;
	display: block;}

#dictionary-tabs li {
	border: 1px solid #B1B1B1;
	margin-left: 5px;
	padding: 0 7px 3px 7px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	bottom: -1px;
	background: #FFF url(/images/dictionary-tabs-inactive-bg.gif) top left repeat-x;
	position: relative;
	float: left;}

#dictionary-tabs li.active {
	background-image: none;
	cursor: default;
	border-bottom: 1px solid #FFF;}

#zoek-content ul, #abc-content ul {
	list-style: none;}

#top5-content ol {
	margin-left: 30px;}

#zoek-content label {
	font-style: normal;
	font-weight: bold;}

#recorder-wrapper {
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -210px;
	width: 420px;
	height: 270px;
	z-index: 100}

#word-editor {
	width: 100%;}

img.recorder {
	cursor: pointer;}

span.edit img.edit {
	visibility: hidden;}

span.hover img.edit {
	visibility: visible;}

span.hover span.background {
	background-color: #EBF4FD;}

#word-editor th, #word-view th, #word-comments th {
	font-weight: bold;
	white-space: nowrap;
	padding-right: 10px;
	vertical-align: top;}

#word-editor th img {
	display: inline;
	vertical-align: middle;
	margin-right: 5px;}

#word-editor th img.edit {
	margin-right: 0;}

#word-editor td, #word-view td {
	padding-bottom: 2em;}

#word-editor #word-itself td, #word-view #word-itself td {
	padding-bottom: 0.5em;}

#word-editor td table, #word-view td table {
	margin-bottom: 0;}

#word-editor td table td, #word-view td table td {
	padding-bottom: 0;}

#word-view #word-itself td, 
#word-editor #word-itself td span.edit {
	font-size: 2em;
	font-weight: bold;}

#word-editor td div.editor, #word-editor td button.add,
#word-editor #word-images div.images {
	margin-left: 20px;}

#word-editor td div.editor label {
	float: none;
	vertical-align: middle;
	display: inline;
	font-style: normal}

#word-definition td span.edit {
	position: relative;
	padding-left: 20px;
	display: block;}

#word-definition td span.edit img.edit {
	position: absolute;
	left: 0;
	top: 0;}

#word-itself td div.editor #is_noun {
	display: inline;
	vertical-align: middle;
	margin-right: 5px;}

#word-previous-comments p.comment {
	padding-left: 20px;
	position: relative;}

#word-previous-comments p.comment img {
	position: absolute;
	top: 0;
	left: 0;}

#word-previous-comments p a.delete {
	line-height: 2em;}

#word-previous-comments p.comment a.delete {
	left: -20px;
	position: relative;}

#word-images div.image {
	margin-bottom: 5px;
	margin-right: 20px;
	float: left;}

#word-images div.image img, #word-images div.image button {
	display: inline;
	vertical-align: middle;}	

#word-images div.image button {
	display: inline-block;
	width: 16px;
	height: 16px;}

#word-images img#big-thumb {
	float: left;}

#word-images div.small-thumbs {
	margin-left: 305px;}

#word-images div.small-thumbs img {
	cursor: pointer;}

#word-images div.editor form {
	margin-bottom: 1em;}

#word-images div.editor form img, #word-images div.editor form button {
	display: inline;
	vertical-align: middle;}

#word-links div.static span.edit,
#word-related div.static span,
#word-translations div.static span.edit,
#word-examples div.static span.edit {
	display: block;}

#word-related div.static span {
	margin-left: 20px;}

#word-related div.static span.background {
	display: inline;
	margin-left: 0;}

#related-word-suggestions {
	position: absolute;}

#related-word-suggestions ul {
	list-style: none;
	padding: 10px;
	border: 1px solid #000;
	background-color: #F5F5F5;}

#related-word-suggestions li {
	cursor: pointer;}
	
#comment {
	width: 425px;}

#user-avatar {
	position: absolute;
	z-index: 100}

#user-avatar.arrow-left {
	background: transparent url(/images/user-avatar-arrow-left.gif) left center no-repeat;}

#user-avatar.arrow-right {
	background: transparent url(/images/user-avatar-arrow-right.gif) right center no-repeat;}

#user-avatar.arrow-left img {
	margin-left: 7px;}

#user-avatar.arrow-right img {
	margin-right: 7px;}
	
#word-view, #word-view tr, #word-view th, #word-view td {
	position: relative;}

#print-page {
	float: right;
	margin-left: 20px;}


/**
 * EUROKLEX RELATED WORD SEARCH
 */
#euroklex #relatedwords_suggestions {
	border: 1px solid #CCC;
	background-color: #FBFCE4}

#euroklex #relatedwords_suggestions ul {
	margin: 0;
	list-style-type: none;}

#euroklex #relatedwords_suggestions ul li {
	padding: 0 30px 0 5px;
	font-size: 1.3em;
	cursor: pointer;
	line-height: 1.5em;}

#euroklex #relatedwords_suggestions ul li.hover {
	background-color: #3F8CDE;
	color: #FFF;}

#euroklex #euroklex_related span {
	display: block;}

#euroklex #euroklex_related input {
	margin : 0;
	padding: 0;
	display: inline;
	background-color: transparent;}