body, html {
	width                : 100%;
}

body { 
	border-width         : 0; 
	margin               : auto;
	padding              : 0; 
	text-align           : left;
	font-family          : "Arial","Helvetica","Verdana","sans-serif";
	font-size            : 75%;
}

img {
	border               : none;
}

table, table tr, table td {
	border               : none;
}

.content_container {
	position             : absolute;
	margin               : 3em 1.7em 1.7em;
	top                  : 0;
	bottom               : 0;
	left                 : 0;
	right                : 0;
	padding-top          : 3.3em;
	padding-bottom       : 35px;
	border-width         : 0.5em;
	overflow             : hidden;
}

#login {
	display              : block;
	line-height          : 100%;
	margin               : auto;
	position             : relative;
	vertical-align       : middle;
	width                : 500px;
}

#login .ui-widget-header {
	text-align           : center;
	font-size            : 1.5em;
	font-weight          : bold;
}

#login .ui-widget-content {
	text-align           : center;
	padding              : 2em 0;
}

#login #logo {
	position             : relative;
	display              : block;
	margin               : 0 0 3em 0;
	right                : 0;
}

#login form {
	display              : inline-block;
	margin               : 2em 0 3em 0;
}

#login label {
	line-height          : 1em;
	display              : block;
	margin-top           : 0.3em;
	text-align           : left;
}

#login label span {
	font-size            : 1.3em;
	font-weight          : bold;
	display              : inline-block;
	width                : 150px;
}

#login label input {
	width                : 150px;
}

#windows {
	position             : relative;
	width                : 100%;
	height               : 100%;
	top                  : 0;
}

#windows .ui-resizable {
	position             : absolute;
}

#dock {
	position             : relative;
}

.content {
	position             : relative;
	height               : 100%;
}

/* broeischema */

.settings {
	width                : 350px;
}

.drag {
	z-index              : 1300;
}

.week-drop {
	position             : relative;
	display              : inline-block;
	margin-bottom        : 2px;
	margin-left          : 2px;
}

.week-nr {
	display              : block;
	padding              : 0!important;
	text-align           : center;
}

.workday {
	display              : inline-block;
	border-bottom        : 1px solid black;
	border-left          : 1px solid black;
	border-top           : 1px solid black;
}

.workday .ui-widget-header {
	border-color         : black;
	border-style         : none solid solid none;
	border-width         : 1px;
	text-align           : center;
	padding              : 1px;
	font-size            : 0.8em;
}

.vak {
	border-right         : 1px solid black;
	height               : 66px;
	width                : 52px;
	float                : left;
	border-collapse      : collapse;
}

.soort {
	border               : 1px solid black;
	width                : 50px;
	padding              : 1px;
	float                : left;
	cursor               : pointer;
	margin               : 1px;
	font-size            : 8pt;
	background-image     : none!important;
}

.soort-half {
	height               : 28px;
}
.soort-full {
	height               : 64px;
}

.vak .soort-half {
	height               : 27px;
}
.vak .soort-full {
	height               : 60px;
}
.vak .soort-14op {
	border               : 2px solid green!important;
}
.vak .soort-12 {
	border               : 2px solid yellow!important;
}
.vak .soort-11 {
	border               : 2px solid blue;
}
.vak .soort-1112 {
	border               : 2px solid blue!important;
}
.vak .soort-10 {
	border               : 2px solid red;
}
.vak .soort-1011 {
	border               : 2px solid red!important;
}

.vak .soort {
	width                : 46px;
	margin               : 0;
}

.negatief {
	border               : 3px dotted red!important;
	height               : 60px;
	width                : 46px;
}

.workday .filled {
	background-color     : gray;
}

#trash-vak {
	padding              : 0;
}

.koellijst, .opplantlijst {
	border-collapse      : collapse;
}

.koellijst td, .opplantlijst td {
	border               : 1px dotted #5C91CC;
	padding              : 0.2em;
}

.koellijst th, .koellijst caption, .opplantlijst th, .opplantlijst caption {
	border               : 1px solid black;
	padding              : 0.4em 1em;
}

.koellijst td.thick-border, .opplantlijst td.thick-border {
	border-bottom        : 2px solid #5C91CC;
}

/* beheer */

#beheer_soorten {
	padding              : 1em 1.4em;
}

#colorchooser {
	position             : absolute;
	z-index              : 960;
}

/* menu */

#menu {
	position             : relative;
	margin-top           : 4em;
	margin-left          : 2.2em;
	z-index              : 1500;
}

#menubar {
	padding              : 1.1em 0.5em;
	border               : none;
	display              : inline;
}

#menu_file_open_recent li {
	width: 300px;
}

.ui-menu { min-width: 15em; position: absolute; }
.ui-menu .ui-menu-item a .ui-icon { float: right; margin: 0; }
.ui-menu .ui-menu-item a span { margin-left: 16px }
.ui-menu .ruler hr { display: inline-block; width: 100%; }
.ui-menu-item .ui-icon-prefix { position: absolute; margin-top: 2px; }

/* tabs */

li .ui-icon-close { display: inline-block; vertical-align: top; margin: 0.2em; cursor: pointer; }
.ui-tabs, .ui-tabs .ui-tabs-nav { padding: 0; margin: 0; }
.ui-tabs .ui-tabs-nav li { top: 0px; margin: 0.2em 0.2em 0; }
.ui-tabs .ui-tabs-nav { border: none; -moz-border-radius: 0; }
.ui-tabs { padding: 0!important; }

/* buttons */

.ui-button-text-only .ui-button-text { padding: 0.1em 1em; }

button.ui-button-icon-only .ui-icon, input.ui-button-icon-only .ui-icon, label.ui-button-icon-only img { margin-top: -1em }
button.ui-button-icon-only, input.ui-button-icon-only, label.ui-button-icon-only { height: 1.6em; width: 1.6em; }

/* generic styles */

input.big { width: 300px; }

.ui-state-highlight, .ui-state-error, .ui-state-info { padding: 0.3em; text-align: left; line-height: 1.5em; vertical-align: middle; min-height: 1.5em; }
.ui-state-highlight .ui-icon, .ui-state-error .ui-icon, .ui-state-info .ui-icon { float: left; margin-right: 0.3em; }
.ui-jqgrid .ui-state-highlight .ui-icon,
.ui-jqgrid .ui-state-error .ui-icon,
.ui-jqgrid .ui-state-info .ui-icon {
	float: none; margin-right: 0;
}
.ui-jqgrid .ui-jqgrid-htable th div { min-height: 17px; height: auto; }
.ui-jqgrid .ui-jqgrid-htable th { padding: 2px 2px; height: auto; }
.ui-widget-header { padding: 0.5em 1em; border-color: #000000; }

/*.ui-tabs-panel .ui-widget-content { padding: 0.5em 1em; }
.ui-tabs-panel .ui-widget-content .ui-widget-content { padding: 0; } */
.ui-tabs-panel .ui-tabs-panel {
	overflow-y           : auto;
}

.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }
.attachments_upload_statusbar .ui-widget-header { padding: 0; }
.ui-jqgrid tr.jqgroup td  { font-weight: bold; }

.button { display: inline-block; }

h3 {
	margin               : 10px;
	margin-top           : 5px;
}

.full-width {
	width              : 100%!important;
}
.nowrap {
	white-space        : nowrap!important;
}
.float-right {
	float              : right!important;
}
.right {
	text-align         : right!important;
}
.float-left {
	float              : left!important;
}
.left {
	text-align         : left!important;
}
.help {
	cursor             : help!important;
}
.red {
	color              : red!important;
}