/****************************
 This is the new base.css.
 It may not contain information about layout (width, height, etc.).
 This is handled by the tags.
 Only put look-and-feel in here. Like borders, paddings, etc.
****************************/

@import url("gwt-chrome/gwt.css");
@import url("email.css");
@import url("email2.css");
@import url("agenda.css");
@import url("fckeditor.css");
@import url("review.css");

@import url("v2/tooltipster.css");
@import url("v2/tooltipster-light.css");
@import url("v2/tooltipster-black.css");
@import url("v2/tooltipster-white.css");


/* Mozilla only dingen */
@import url("mozilla.css");

/* IE (6) only dingen */
@import url("ie_only.css");

@import url("dynarch-custom.css");

@import url("jquery.treeview.css");
@import url("jquery/jquery-ui-1.8.1.custom.css");
@import url("jquery/jquery-dialog-crm-modifications.css");	
@import url("icons.css");
@import url("quicklaunch.css");	
@import url("toplevelactionmenu.css");
@import url("activiteitenmonitor.css");
@import url("mimetypes.css");
@import url("grid.css");
@import url("jquery/spectrum.css");
@import url("relogin.css");
@import url("vertaal_tool.css");
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.notification_dock.dock{
	position: fixed;
	bottom: 0px;
	background-color: orange;
	z-index: 99;
	
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
    padding-top: 10px;
	width: 100%;
}

.notification_dock.item_cancel {
	float: right;
	height: 16px;
	width:16px;
	background-image: url(/pub/img/canceld_small.gif)
}

.notification_dock.restore {
	z-index: 100;
	position: fixed;
	right: 0px;
	bottom: 0px;
	height: 42px;
	width: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: orange;
}
.notification_dock.restore.new_content {
	background-color: gold;
}
	


.notification_dock.cancel{
		float: right;	
}

.notification_dock.item_text {
	float: left;
	margin-right:5px;
}
.notification_dock.item {
	background-color: silver;
	border-color: black;
	border-style: outset;
	border-width: 1px;
	float: right;
	margin-right: 15px;
	margin-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.notification_dock.item:hover {
	background-color: gold;
}



body, td, select, input, textarea {
	font-family: Arial, sans-serif;
}

.component input[type=checkbox] {
	margin-left:1px;
	margin-top:1px;
}
.formelement {
	background-image:url(img/bg-input.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
}

/***********************
  GLOBAL SETTINGS
 ***********************/
body, html {
	height: 100%;
}
.iPadScrollFix {
	overflow: auto;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	top: 0px;
	bottom: 0px;
	height: 100%;
}
table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
}
input {
	border: none;
	padding-left: 2px;
}
li {
	margin-left:0;
}
a {
	cursor:pointer;
	text-decoration:underline;
}
a.underlinedHover {
	text-decoration: none;
}
a.underlinedHover:hover {
	text-decoration: underline;
}
.right {
	width:100%;
	text-align:right;
}


/****************************
		GLOBAL SETTINGS
		MAINFRAME	SETTINGS
		BASEFORMS SETTINGS
		TAB SETTINGS
		BASEEDITOR SETTINGS
		INDEX SCREEN SETTINGS
		BASETREE SETTINGS
		CHART SETTINGS
		PRINT SETTINGS
		NEW SETTINGS
****************************/

/******************
	LOGIN SETTINGS
******************/
div#login {
	position: absolute;
	top: 100px;
	left: 100px;
}
h1 {
	display: inline;
}

/*****************************
		BASEFORM SETTINGS
*****************************/
div.group {
	position: absolute;
	overflow: hidden;
	border: solid 1px;
}

div.group *
{
	text-align: center;
}

* html div.darkScreen {
	/* hackje voor browsers die position:fixed niet kennen (IE6/7) */
	position: absolute;
}
div.darkScreen {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
}
a#darkScreenUnlocker {
	position:absolute;
	padding:2px;
	top: 20px;
	left:20px;
	padding:20px;
	text-decoration:underline;
	z-index: 101;
}

div.divLock {
	text-align:center;
}

div.image_replacer {
	border: 1px solid;
}

select.select option {
	margin-left: 1px;
}

div.component {
	border: 1px solid;
	overflow: hidden;
}

.labelsearch_result {
	text-decoration: underline;
}

.labelSearchPopUpText {
    padding-left:2px;
    overflow:hidden;
    float:top left;
}
.labelSearchPopUpImages {
	float:right;
}
.labelSearchPopUpImg {
    background-repeat:no-repeat;
    width:15px;
    height:14px;
	float:right;
}
.labelSearchPopUpAlert {
    background-repeat:no-repeat;
    width:14px;
    height:14px;
    float:right;
}
div.dynamicLabelSearchSelectBox {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 189px;
	height: expression( this.scrollHeight > 188 ? "189px" : "auto" );
}

div.dynamicLabelSearchSelectBox span {
	display: block;
	width: 100%;
	padding:2px; /* firefox */
	_padding:0px; /* IE */
}
div.labelSearchTooltipIconSelect {
	background-repeat: none;
	height:16px;
	width:16px;
	float:right;
}

.infoTooltipIcon {
	background-repeat:no-repeat;
	margin:0 1px 0 0;
	width:15px;
	height:14px;
	float:right;
}

.alertTooltipIcon {
	background-repeat:no-repeat;
	width:15px;
	height:14px;
	float:right;
}

.project_labelsearch_tooltip {
	width: 450px;
}

.labelsearchinfo_relation {
	width: 400px;
}

.labelsearchinfo_relation td {
	width: 200px;
}

.labelCheckbox .infoTooltipIcon {
	margin: 1px 4px 0 0;
}
.labelCheckbox .alertTooltipIcon {
	margin: 1px 4px 0 0;
}
.multiselectbox-GWT {
	border: 1px solid;
	/* 
	Transparency is leuk, maar er zit een bug in Google Chrome voor Windows XP,
	waardoor transparante scrollbalken er niet uitzien.
	http://code.google.com/p/chromium/issues/detail?id=24524
	*/  
	opacity: 1.0;
	overflow: auto;
	position: absolute;
	z-index: 100;
}
.multiselectbox-GWT-pulldown-pijltje {
	border: 1px solid;
	width:17px;
	height:17px;
	top: 0px;
}
.multiselectbox-GWT-optie, .multiselectbox-GWT-optie-selected {
	padding: 5px;
	width: 100%;
	/* 
	Maak de tekst unselectable. werkt alleen niet in IE jammer genoeg
	Zie http://stackoverflow.com/questions/69430/is-there-a-way-to-make-text-unselectable-on-an-html-page 
	*/
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;

}

.multiselectbox-GWT-optie-selected {
	padding: 5px;
	width: 100%;
	/* 
	Maak de tekst unselectable. werkt alleen niet in IE jammer genoeg
	Zie http://stackoverflow.com/questions/69430/is-there-a-way-to-make-text-unselectable-on-an-html-page 
	*/
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;

}

.multiselectbox-GWT-popuplabel {
	font-size: 12px;
	position: relative;
	margin: 10px;
	border: 0px;
}
.multiselectbox-GWT-input {
	top: 0px;
	cursor: default;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.labeldatepopup {
	overflow: visible;
	border: 1px solid;
	z-index: 100;
	position: absolute;
	display: none;
	width:170px;
}
.labeldatepopup .cal {
	font-family: Arial, sans-serif; 
	font-size: 8pt;
}
.labeldatepopup .caltoday {
	font-family: Arial, sans-serif; 
	font-size: 8pt; 
	border-width: 1px; 
	border-style: solid; 
	text-align: right; 
}

.labeldatepopup .todaylink {
	font-family: Arial, sans-serif; 
	font-size: 8pt; 
	height: 20px; 
}

.labeldatepopup .calmonth {
	font-family: Arial, sans-serif; 
	font-size: 8pt; 
	text-align: right;
}
.labeldatepopup .calselect {
	font-family: Arial, sans-serif; 
	font-size: 8pt; 
	text-align: right; 
	border-width:1px; 
	border-style:solid; 
}
.labeldatepopup .calothermonth {
	text-decoration: none; 
}
.labeldatepopup .calthismonth {
	text-decoration: none; 
	color: #000;
	background-color: #FFF;
}
.label {
	overflow: hidden;
	/* height: 16px; */
	padding-left: 4px;
	padding-top: 1px;
	cursor: default;
}
select.select {
	overflow-y: auto;
	overflow-x: hidden;
}
div.baseditor {
	position: absolute;
	overflow: hidden;
}

div.matrix {
	border: 1px solid;
	overflow:auto;
}
div.matrix table {
	/* border-collapse:collapse; */
	padding: 2px;
	border: 1px solid;
}
div.matrix table tr {
	height:20px;
}
div.matrix table td {
	position:relative;
}
div.matrix input {
	position:relative;
	border: 1px solid;
}
textarea.textarea {
	resize: none;
	width: 100%;
	height: 100%;
}
textarea.textareanonedit {
	resize: none;
	width: 100%;
	height: 100%;
}

div.textarea {
	resize: none;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	overflow: auto;
	border: solid 1px;
	padding: 10px;
}
.nocheck {
	position:absolute;
}

.baseAlertHeader {
	position:relative;
	border:1px solid;
	overflow:hidden;
	height:20px;
	margin:-1px;
	padding-left:4px;
	padding-top:2px;
}

.newProjectPopUp {
	display:none;
}

/*****************************
			MAINFRAME SETTINGS
*****************************/

object#mainLogo {
	width:120px;
	height:50px;
}

.iconimage {
	position:absolute;
	top:1px;
	left:1px;
	width:30px;
	height:30px;
}

img.icon {
	position:absolute;
	top:1px;
	left:1px;
	width:30px;
	height:30px;
}

iframe#gframe, iframe.frame_in_div {
	width:100%;
	height:100%;
	border:0px;
}

iframe.hiddenframe {
	display:none;
}
iframe.showhiddenframe {
	display:block;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
}

.tooltip {
	position:absolute;
	padding: 4px;
	max-width: 60%;
	max-height:50%;
	overflow:hidden;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	border: 1px solid;
	z-index: 1000;
}

.tooltip .warning {
	position: absolute;
	right: 5px;
	top: 5px;
}


.tooltip td { /* tables in de tooltip */
	padding: 2px;
}
.tooltip table { /* tables in de tooltip */
}

/* Verberg de outline van de knoppen in het hoofdmenu
   als deze niet verborgen worden verschijnt er een
   verticale scrollbar bij het focussen op een menu item */
.mainMenu_item_body a {
	outline:none;
}

/************************
			TAB SETTINGS
************************/
.tabframe {
	position:absolute;
	padding:0px;
}
.tabpage {
	position:absolute;
	padding:0px;
	top:25px;
	width:100%;
	height:100%;
}
.tabheader {
	width:100%;
}
.tabheaderitem_lo,.tabheaderitem_hi,.tabheaderitem_select {
	text-align:center;
	border:1px solid;
}



/*********************************
			INDEX SCREEN SETTINGS
*********************************/
div.iconGroup {
/*	width: 100%; */
}
div.iconGroup table {
	border-collapse: collapse;
	margin-top:5px;
	margin-bottom:5px;
}
div.iconGroup table td {
	padding: 3px 3px 3px 5px;
}

div.iconGroup table td.i_td {
	vertical-align: middle;
}

div.i_title {
	padding-left:10px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
img.icon_small {
	width:24px;
	height:24px;
}
table.main_hours_introscreen {
	width:100%;
}
table.hours_introscreen tr td {
	min-width:25px;
}

.birthday_content {
	border:1px solid;
}

/* Voor de drag and drop kolommen op het introductiescherm */
.column .dragbox {
	border: 1px solid;
	margin: 0 0 10px 0;
}
div#column1 {
	margin:0 10px 0 0;
}

/* RSS FEEDS */
.rssFeedContainer {
	margin:5px 0 10px 0;
	padding:0 0 5px 0;
	border:solid 1px;
}
.rssFeedTitleContainer {
	padding:5px;
}
.rssFeedArticleContainer {
	padding:5px 5px 0 5px;
}

/***************************
		BASETREE SETTINGS
***************************/
.base-tree-container {
	margin: 0px;
	padding: 0px;
	font: icon;
	white-space: nowrap;
}

.base-tree-item {
	padding: 0px;
	margin: 0px;
	font: icon;
	white-space: nowrap;
}

.baseTreeItemAnchor, .BaseTreeItemselected, .BaseTreeItemselectedInactive {
	margin-top: -3px;
	margin-left:2px;
	padding: 1px 1px 1px 2px;
}

.base-tree-item a {
	text-decoration: none;
}

.base-tree-item a:hover {
	text-decoration: underline;
}

.base-tree-item img {
	vertical-align: middle;
	border: 0px;
	margin:	0;
	width:	19px;
	height:	16px;
}

.base-tree-item .base-tree-icon {
	width:	16px;
	height:	16px;
}

/* N.B.: check procedures
******************************/



/** Voor de introductie berichten */

div.newssetting { 
	text-align:center; 
	height: 150px; 
}

td.newssetting {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

td.newslink {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	text-align: right;
}

/***
 * ContextMenu
 */
div.contextmenu, .component.actionMenu ul {
	/*border: 1px solid;*/
	-moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35);
}

div.contextmenu .header {
	padding: 4px;
}
div.contextmenu ul {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	/*border: 1px solid;*/
	white-space: nowrap;
}
div.contextmenu ul li {
	border-bottom: 1px solid;
	padding: 4px;
}

/**
 * Align een plaatje in het midden van zijn parent.
 */
table.center-aligner, table.center-aligner tr, table.center-aligner td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
table.center-aligner img {
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
}

/**
 * cssdropdownmenu
 */
div#beheerhtml, #chromemenu {
	right: 10px;
}

#chromemenu:after { /*Add margin between menu and rest of content in Firefox*/
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#chromemenu ul {
	border: 1px solid;
	width: 100%;
	padding-left: 0;
	margin: 0;
	float: left;
}

#chromemenu ul li {
	display: inline;
}

#chromemenu ul li a {
	float: left;
	padding: 6px 12px 6px 7px;
	text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv {
	position:absolute;
	top: 0;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	font-weight: normal;
	line-height:18px;
	z-index:100;
	margin-top: -1px;
	visibility: hidden;
}

.dropmenudiv a {
	display: block;
	text-indent: 3px;
	padding: 2px 0;
	text-decoration: none;
}

div.actionMenu {
	cursor:pointer;
	overflow:visible;
	z-index:100;
	/*border:1px solid;*/
}
div.actionMenu div.title {
	text-align: center;
	padding: 2px;
}
div.actionMenu ul {
	position:absolute;
	display:none;
	left: 55px;
	width: 100px;
	/*border: 1px solid;*/
	float: left;
	margin-left: 0px;
	padding-left: 0px;
}
div.actionMenu li {
	list-style-type: none;
	display:inline;
	padding: 0px;
	margin: 0px;
}
div.actionMenu ul li a, 
		div.actionMenu ul li.spacer,
		div.actionMenu ul li a:hover {
	display:block;
	text-decoration: none;
	padding:3px;
	margin:0px;
	width: 100%;
}

div.error-page {
	margin:auto;
	width: 500px;
	text-align:left;
	border: 1px solid;
	padding:20px;
}
div.error-page h1 {
	display:block;
	font-size:120%;
}
div.error-page div.error {
	font-size:120%;
}
div.error-page div.solution {
	padding-top: 40px;
}

div.basePrint table.content {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

div.basePrint table.content td {
	text-align:left;
	/* padding:3px; */
}

div.basePrint table.content th {
	padding-top:10px;
	text-align:left;
	padding-left:3px;
}

.baseAlert {
	padding:20px;
	display: none;
	position: absolute;
	border: 1px solid;
}

div.IMWindow table.content {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

div.IMWindow table.content td {
	text-align:left;
	/* padding:3px; */
}

div.IMWindow table.content th {
	padding-top:10px;
	text-align:left;
	padding-left:3px;
}

/**   NOTE   **/
div.note {
	overflow: auto;
	position: absolute;
	background-position: left top;
	padding: 10px;
	border:solid 1px;
}
div.note_shadow {
	overflow: hidden;
	position: absolute;
}
div.msg_container a:link, div.msg_container a:visited,
div.msg_container a:hover, div.msg_container a:active {
	font-style:normal;
	text-decoration:none;
}
div.msg_container {
	height:200px;
	overflow:auto;
}
div.msg_container ul {
	left:34px !important;
	left:17px;
	position:absolute;
}
div.msg_container li {
	padding-left:5px !important;
	padding-left:8px;
	padding-top:6px;
}
div.note div.gridMenuButton {
	position:absolute;
	width:65px;
	left:90px;
	top:220px;
}


table.hours_introscreen {
	cursor:pointer;
}

/** Agenda Widget **/
span.agenda_introscreen div.today_appointments {
	margin-left:10px;
}

div.agenda_introscreen {
	overflow: auto;
}

div.agenda_introscreen .link {
	cursor: pointer;
}

div.agenda_introscreen div#calendar {
	width: 185px;
}

div.agenda_introscreen div.calendar {
	border: 0px;
}

div.agenda_introscreen .preview_agenda_items {
	min-width: 200px;	
}

div.agenda_introscreen div.preview_agenda_items {
	margin-left: 10px;
}

div.agenda_introscreen div.preview_agenda_items .agenda_item {
	padding-left: 0px;
	overflow: auto;
}

div.agenda_introscreen div.preview_agenda_items .agenda_item .colored_mark {
	padding-left: 0px;
	margin-top: 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 5px;
	height: 5px;
}

div.agenda_introscreen div.preview_agenda_items .upcoming_items {
	display: inline-block;
	margin-bottom: 10px;
}

div.agenda_introscreen span.title {
	font-weight: bold;
}

div.agenda_introscreen .agenda_item div.content {
	display: inline-block;
	padding: 1px 0px 0px 5px;
	float: left;
}

div.agenda_introscreen .agenda_item span.desc, div.agenda_introscreen .no_upcoming {
	color: #848484;
}

div#intropage .content .calendar tbody td.selected {
	color: #fff;
}

/*
    Fix voor calendar issues (op widget pagina gericht)
    bugs met calendar:
    - Verspringing van TD size.
    - Verspringing table size.
    - Margins / Padding verschillen.
    - overige issues van Ricardo's Calendar.
    Calender issues zijn er nog steeds, maar minder met deze toevoegingen
*/
/*Geen dropshadow lijn zichtbaar*/
div.iconGroup table {
    margin: 0;
}
/*Constante padding en hoogte etc over alle dagen*/
div.iconGroup table tr.daysrow td.day {
    height: 15px !important;
    padding: 3px 3px 2px 2px !important;
    line-height:15px;
}
/*Vaste row hoogte*/
div.iconGroup table tr.daysrow {
    height: 20px !important;
}
/*breedte voor in de widget omgeving*/
div.iconGroup div#calendar table {
    width: 190px;
}
/*Container hoger dan de calendar, ruimte drop shadow*/
div.agenda_introscreen div#calendar {
    width: 190px;
	margin-bottom: 4px;
}
/*Footer text correctie, geen 2 regels met hover states*/
div.agenda_introscreen .calendar tfoot .footrow td {
    font-size: 9px;
}
/* Cross browser box sizing */
div.agenda_introscreen div#calender {    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
/*Constante padding en width table headers*/
.calendar thead .name {
    padding: 3px 3px 2px 2px;
    width: 15px;
}

span.task_introscreen table.task_summary_table{
	border:none
}

table.task_summary_table div.task_overdue {
	margin-left:10px;
}
table.task_summary_table div.task_escalating {
	margin-left:10px;
}
table.task_summary_table div.task_open {
	margin-left:10px;
}

div.IMWindow {
	background-repeat:no-repeat;
	background-position:90% 35%;
}

div#faq_answer_div {
	border:1px solid;
	padding:10px;
	height:100%;
	width:100%;
	bottom:10px;
}

table.asre_graph_matrix {
	border-collapse:collapse;
}
table.asre_graph_matrix input {
	width:70px;
}
table.asre_graph_matrix td {
	border:1px solid;
}


div.emailstatusbar {
	position:absolute;
	top:110px;
	left:10px;
	right:0px;
	padding:10px;
	z-index:10;
	border:1px solid;
}
div#letter-preview {
	border: 1px solid;
	position:absolute;
	left:10px;
	right:95px;
	width:expression(document.body.clientWidth-(10+95));
	height:200px;
	bottom:10px;
}
.letter-preview-ui-resizable-helper {
	border: 2px dotted;
}

.neg-zindex {
	z-index: -1;
}

/** User directe logins */

div.userlogin input {
	width:80px;
}

div.userlogin img {
	float:right;
}

.expand_slider {
	top: 0;
}

.collapse_slider {
	bottom: 0px;
}

/** Drag en drop op intro pagina */
.content {
	padding:5px;
	padding-left:15px;
}
.column .dragbox {
	position:relative;
	border:1px solid;
}
.column .dragbox-head {
	cursor:move;
}
.dragbox-content {
	overflow:hidden;
	width:100%;
}
.column .placeholder {
	border: 1px dashed;
}
.dragbox-head-collapse {
	float:right;
	background-position:0px 0px;
	background-repeat: no-repeat;
	width:14px;
	height:14px;
	cursor:pointer;
}
.dragbox .dragbox-head-collapse {
	display:none;
}
.dragbox-head-title-img {
	float:left;
	height:16px;
	margin-right:5px;
}
.dragbox-head-title {
	float:left;
}
.collapse-icon .dragbox-head-collapse {
	display:inline-block;
}
.dragbox .collapse-icon {
}
.dragbox .configure {
	font-size:11px;
}
.introduction-bookmarks ul {
	padding-top:0px;
	margin:0px;
}
.introduction-bookmarks li {
	padding-top:0px;
}
.introduction-bookmarks td {
	width:50%;
}
.clickable {
	cursor: pointer;
}
div#debugDiv {
	border: 1px solid;
	position: absolute;
	top: 300px;
	left: 0px;
	width: 500px;
	height: 400px;
	z-index: 100;
	overflow: auto;
}

input#query_description {
	border: 1px solid;
}
#query_description {
	width: 200px;	
}
.singleFileDownloadLink {
	color: red;
}
.savedQueryMenu {
	z-index: 100;
}
.savedQueryMenu .inputQuery {
	margin-top: 10px;
}
.savedQueryMenu .gwt-HTML {
	margin-bottom: 10px;
	padding: 3px 5px;
	border-bottom: 1px solid;
}
.savedQueryMenu .inputQuery .gwt-TextBox {
	margin-left: 5px;
	margin-bottom: 5px;
	height: 20px;
	border: 1px solid;
	width: 170px;
}
.savedQueryMenu .inputQuery .gwt-Button {
	float: right;
	padding: 0 3px;
	margin: 0 5px;
	height: 20px;
	font-size: 14px;
}
.savedQueryMenu .menuItem {
	padding: 5px 0;
	height:30px;
	cursor:pointer;
}
.savedQueryMenu .menuItem .gwt-Anchor {
	padding-left:5px;
	text-decoration:none;
	line-height:20px;
}

.savedQueryMenu .menuItem:hover .gwt-Anchor {
	text-decoration:underline;
}
.savedQueryMenu .menuItem button {
	display: none;
	width:20px;
	float: right;
	padding: 0px 3px;
	text-decoration: none;
	margin-right: 5px;
}
.savedQueryMenu .menuItem:hover button {
	display: block;
}
.savedQueryMenu button {
	position: relative;
}
.savedQueryMenu .gwt-Button.favButton:after,
.savedQueryMenu .gwt-Button.runButton:after,
.savedQueryMenu .gwt-Button.deleteButton:after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
}
.savedQueryMenu .gwt-Button.favButton:after {
	background-position: -1px -2px;
}
.savedQueryMenu .gwt-Button.favButton:hover:after {
	background-position: -41px -2px;
}
.savedQueryMenu .gwt-Button.runButton:after {
	background-position: -1px -42px;
}
.savedQueryMenu .gwt-Button.runButton:hover:after {
	background-position: -41px -42px;
}
.savedQueryMenu .gwt-Button.deleteButton:after {
	background-position: -1px -82px;
}
.savedQueryMenu .gwt-Button.deleteButton:hover:after {
	background-position: -41px -82px;
}

div#help {
	clear:none;
	float:right;
	border-style: solid;
	border-width: 0px;
	text-align: center;
	margin-left: 5px;
	margin-top: 2px;
	cursor: pointer;
	font-size: 0px;
	width: 18px;
	height: 18px;
}

#savedQueryMenu {
	margin-right: 0px;
}

div.logoutbutton {
	cursor: default;
	height: 18px;
	width: 17px;
	z-index: 100;
}

/*************************
		MAINFRAME SETTINGS
*************************/

div#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	right: 0px;
	height: 24px;
	border: 1px;
	border-bottom: 1px solid;
	overflow: hidden;
}
div#header div.headerinfo {
	padding-top:4px;
	padding-left:20px;
	padding-right:10px;
}
div#header table {
	width:100%;
	top:0px;
	left:0px;
	margin:0px;
	border:0px;
}

.headerinfo.proefaccount {
	background-color: rgb(250, 235, 190);
	text-align: center;
	padding: 10px;
	line-height: 20px;
	margin-right: 15px;
	font-size: 14px;
	margin-bottom: 10px;
	overflow: hidden;
}

.headerinfo.proefaccount a {
	background-color: rgba(0, 125, 193, 1);
	color: white !important;
	padding: 1px 11px;
	border-radius: 4px;
	margin-left: 7px;
	display: inline-block;
	text-decoration: none;
}

.headerinfo.proefaccount a:hover {
	text-decoration: underline;
	cursor: pointer;
}

/*****************************
			MAINFRAME SETTINGS
*****************************/

div#logo {
	position:absolute;
	left:10px;
	top:30px;
	width:120px;
	height:50px;
	overflow:hidden;
}

div#topBrowserWarnings {
	top:0px;
	width:100%;
	height:24px;
	font-size:16px;
	padding:4px;
	text-align:center;
	font-size:120%;
	visibility:hidden;
}
div#topBrowserWarnings.warning {
	visibility:visible;
}
div#topBrowserWarnings.error {
	visibility:visible;
}

div#main {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width: expression(document.body.clientWidth);
	height: expression(document.body.clientHeight);	
}

div#tray {
	padding:0px;
	padding-top:4px;
}

div#mainMenu {
	opacity:0;
	position:absolute;
	overflow:hidden;
	bottom:8px;
	left:10px;
	top:90px;
	height:auto;
	width:120px;
}

div.mainMenu_sub_title {
	position:absolute;
	top:1px;
	left:34px;
	width:79px;
	height:30px;
	padding-left:2px;
	overflow:hidden;
}

div.mainMenu_body_item_text {
	position:absolute;
	top:1px;
	padding-left:36px;
}

div.mainMenu_group {
	width:100%;
}

div.mainMenu_group_title,div.mainMenu_group_title_d {
	height:20px;
	width:100%;
	overflow:hidden;
	border: solid 1px;
}

div.mainMenu_item_text {
	cursor: pointer;
}

div.mainMenu_item_body {
	width:100%;
	height:100%;
	display:none;
}

div.mainMenu_item,div.mainMenu_item_d,div.mainMenu_item_c {
	overflow:hidden;
	position:absolute;
	left:1px;
	top:2px;
	cursor:pointer;
	font-size:11px;
}

div.menu_spacer {
	height:36px;
}

div#gframe_div {
	position:absolute;
	left:130px;
	top:30px;
	bottom:0px;
	right:8px;
	overflow:hidden;
	border:none;
}

div#flashheader {
	z-index:0;
	position:absolute;
	top:0px;
	left:10px;
	padding:0px;
}

div#noflashheader {
	height: 30px;
	font-size: 23px;
	padding-left:8px;
	padding-top:2px;
	overflow: hidden;
}

div#intropage {
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
}

div#i_news {
	position:absolute;
	padding:10px;
	border-top: 1px solid;
	border-right: 1px solid;
}

div#i_news a, div#i_news a:hover {
	text-decoration:none;
}

#tooltip .labelsearchinfo_relation a {
	text-decoration:none;
}


#newmail_button.gridMenuButton,
#corres_button.gridMenuButton,
#reply_button.gridMenuButton,
#replytoall_button.gridMenuButton,
#forward_button.gridMenuButton,
#print_button.gridMenuButton,
#delete_button.gridMenuButton,
#id_button.gridMenuButton,
#move_button.gridMenuButton,
#sendreceive_button.gridMenuButton,
#trash_button.gridMenuButton {
	height: 40px;
	width: 70px;
	float: left;
}
#leemail_plusje.gridMenuButton,
#lecc_plusje.gridMenuButton,
#lebcc_plusje.gridMenuButton {
	width: 21px;
	margin-top: -1px;
}

.gridMenuButton.image_with_button .html-face {
	line-height: 16px;
	margin-top: 13px;
}
.gridMenuButton .html-face {
	line-height: 10px;
	height: 18px;
}

.gridTable {
	table-layout: fixed;
}
.gridTable.nowrap .gridColumn {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.gridContainer .loading, .gridContainer .error {
	height: 100%;
	padding: 23px 22px 21px 24px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.gridBodyCell .name_with_icons {
	width:100%;
	clear:both;
}

.gridRowDragger {
	margin-top: 3px;
	margin-left: 5px;
}
.gridContainer .scrollInfo {
	position: absolute;
	bottom: 20px;
	right: 20px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	padding: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

/* DRAG INFO BIJ SLEPEN VANUIT DE GRID */
.draginfoballoon {
	padding: 2px;
}

.filterballoon {
	z-index: 999;
}

.filterballoonBody {
	padding:10px 0 0 31px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.filterInput {
	width:153px;
	border:1px solid #7f7f7f;
}
.filterballoonBottom {
	height:14px;
	width:202px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.gwt-SplitLayoutPanel-HDragger {
	background-repeat:none;
	background-position:right;
	background-color:transparent;
}
.gwt-SplitLayoutPanel-VDragger {
	background-repeat:none;
	background-position: center;
	background-color:transparent;
}
.gridContainer {
	border:solid 1px;
}
.headerWrapper {
	overflow-x:hidden;
}
.gridHeaderTable {
	z-index:0;
}
.gridHeaderColumn {
	padding-top: 3px;
	padding-bottom: 2px;
	border:none;
}
.gridHeaderText {
	padding-left: 3px;
}
.gridWrapper, .loading, .noResultsFound {
	margin:0px;
	overflow: auto;
	position: absolute;
	bottom: 0;
	/* geen height, dat wordt in CoolGrid#render gefixed adhv header-hoogte */
	left: 0;
	right: 0;
	width: 100%;
}
.gridWrapper {
	/*
	Er lijkt iets raars te gebeuren met de combinatie IE 9, standards mode, 
	box-sizing en verticale scrollbalken (zie issue #25913): er komt een extra 
	ruimte naast de scrollbalk van het grid ter grootte van een scrollbalk.
	Het lijkt ook nog eens alleen te gebeuren als GWT zich met het element 
	heeft bemoeid. In ieder geval is het verholpen als we dit doen:
	*/
	box-sizing: content-box;
}
.gridTable {
	border-collapse:collapse;
}
.gridRow {
	cursor: default;
}

.gridColumn {
	border: 1px solid;
	padding:4px;
	/* FF12 gaat niet goed om met overflow-x: hidden bij gridcolumns, dus overflow */
	overflow: hidden;
}
/* Voor het nieuwe correspondentie grid meer ruimte/rust creeren in het grid */
table.grid_letters .gridColumn {
	line-height:14px;
	padding:6px 4px;
}
/* Als straks alle grids netjes met iets meer padding weergegeven worden is onderstaande 'table.grid_letters' notatie niet meer van toepassing */
.gridHeaderCheckboxColumn, .gridCheckboxColumn, table.grid_letters .gridHeaderCheckboxColumn, table.grid_letters .gridCheckboxColumn {
	padding:4px 2px 0 2px;
}
/* Door het plaatsen van de 'GridRowDragger' in e-mail, is de padding daar afwijkend van de standaard */
table.grid_email td.gridHeaderCheckboxColumn, table.grid_email td.gridCheckboxColumn {
	padding:2px 2px 0 2px;
}
.gridCheckbox {
	margin-left:2px;
}
/**END GWT GRID**/
.gridMenuButton, .gridMenuButtonOver, .gridMenuButtonDown,
		.gridMenuButtonOff, .gridMenuButtonDisabled {
	height:18px;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    overflow: hidden;
    text-align: center;
}
.noResultsFound {
	height: 100%;
	padding-left: 30px;
	padding-top: 20px;
}
.content ul li {
	list-style-type: none;
	padding: 3px;
}

.content ul.disc li {
	list-style-type: disc;
}


.recent_actions {
	width: 100%;	
}
.recent_actions .iconCell {
	width: 35px;
}

.recent_actions td {
	vertical-align: middle;
	height: 20px;
	cursor: pointer;
}

.recent_actions tr.fav img.favorite {
	visibility: visible;
}

.recent_actions tr.no_fav img.favorite {
	visibility: hidden;
}

.recent_actions tr.no_fav:hover img.favorite {
	visibility: visible;
}

#twitterWidget {
	padding-right: 10px;	
}
#twitterWidget table {
	padding: 0;
	margin: 0;
}
#twitterWidget td {
	padding: 0;
	margin: 0;
}
#twitterWidget .gwt-TextArea {
	border: 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;	
	padding: 5px 10px;
}
#twitterWidget .gwt-Button {
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#twitterWidget .counterDiv {
	margin-left: 10px;
	font-size: 14pt;
}
#twitterWidget .spacedElement {
	margin: 20px 0;
}
#twitterWidget .tweetElement {
	padding: 50px 0;
	border-bottom: 1px solid;
	width: 100%;
}
#twitterWidget .tweetElement td {
	padding: 10px 5px;
}
#twitterWidget .tweetElement td td {
	padding: 0;
}
#twitterWidget .twitterPopup {
	padding: 20px 50px;
	border: 1px solid;
	-moz-border-radius: 5px;	
}
#twitterWidget .tweetElement .tweetActions {
	display: none;
}
#twitterWidget .tweetElement tr:hover .tweetActions {
	display: inline;
}

#twitterWidget .navButton {
	margin: 5px;
}
.tweetActions a {
	margin-left: 5px;
	padding: 0;
}

.tweetActions a:hover span {
	text-decoration: underline; 
}
.tweetActions .replyAction i {
    background-position: 0 0;
    margin-left: 3px;
    margin-right: 0;
}
.tweetActions .replyAction:hover i {
    background-position: -16px 0;
}
.tweetActions .deleteAction i {
    background-position: -112px 0;
}
.tweetActions .deleteAction:hover i {
    background-position: -128px 0;
}
.tweetActions .retweetAction i {
    background-position: -176px 0;
}
.tweetActions .retweetAction:hover i {
    background-position: -192px 0;
}
.tweetActions .unretweetAction i {
    background-position: -240px 0;
}
.tweetActions .unretweetAction:hover i {
    background-position: -240px 0;
}
.tweetActions .favoriteAction i {
    background-position: -32px 0;
}
.tweetActions .favoriteAction:hover i {
    background-position: -48px 0;
}
.tweetActions .unfavoriteAction i, .tweetActions .unfavoriteAction:hover i {
    background-position: -64px 0;
}

/** Chat */
.gwtWindow {
	position: absolute;
	border: 1px solid #000;
	padding: 0px;
	z-index: 10;
	
}
.gwtWindow.focusedWindow {
	z-index: 11;
}

.baseAlertHeader {
	width: 100%;
}
.baseAlertHeader .headerTitle {
	margin: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}
.baseAlertHeader tr > td:last-child {
	text-align: right;
}
.baseAlertHeader .buttonImg {
	cursor: pointer;
	margin: 2px;
	width: 16px;
	height: 16px;
}

.minimizedWindow table.windowContents {
	display: none;
}

.chatStatusIcon {
	width: 18px;
	height: 18px;
	background-image: url(/pub/img/grijs.bolletje.2.png);
}

.chatStatusContextMenu .label {
	white-space: nowrap;
	cursor: pointer;
	padding-bottom: 2px;
}
.chatStatusContextMenu .label > *{
	float: left;
}
.chatStatusContextMenu .label *:last-child {
	padding-left: 5px;
	padding-top: 2px;
}

.chatPopup .chatScrollpane {
	top: 20px; bottom: 10px;
	width: 190px !important;
	margin: 5px;
}
.chatPopup .chatContent .gwt-StackLayoutPanelContent {
	overflow-y: scroll;
}
.chatPopup .chatScrollpane .chatGroup {
	width: 100%;
	line-height: 12px;
	font-weight: bold;
}
.chatPopup .chatPerson {
	clear: both;
	height: 20px;
	line-height: 20px;
	text-align: left;
}
.chatPopup .chatPerson > * {
	float: left;
}
.chatPopup .chatStatusIcon,
.chatPopup .chatPersonActivity {
	width: 18px;
	height: 18px;
	margin: 2px;
	background-repeat: no-repeat;
}
.chatPopup .chatStatusIcon {
	background-position: -1px -1px;
}
.chatPopup .chatPersonName {
	max-width: 142px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chatPopup .chatPersonActivity {
	position: absolute;
	right: 0px;
}
.chatPopup .chatPersonActivity.alerting {
	background-position: 0 1px;
}
.chatPopup .chatPersonActivity.available {
	background-position: -2px -2px;
}

.chatConv {
	z-index: 10;
}
.chatConv .baseAlertHeader .alerting {
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: top;
	margin: -2px 2px 0 0;
}
.chatConv .chatFrame,
.chatConv .picFrame,
.chatConv .chatButtons {
	margin: 5px;
}
.chatConv .picLabel,
.chatConv .picImage,
.chatConv .chatin,
.chatConv .chatout {
	border: 1px solid;
}

.chatConv .chatLayout {
	width: 100%;
}
.chatConv .chatOut {
	margin-top: 10px;
}

.chatConv .chatin .systemmsg {
	font-style: italic;
}
.chatConv .chatButtons {
	bottom: 0px;
	height: 25px;
	width: 100%;
}

/** End chat */

/***********************************
 Website Beheer: CMS  
/***********************************/
.cmsstatus.active{
	color: #008000;
}
.cmsstatus.inactive{
	color: #FFA500;
}

/***********************************
 cmslijsten  
/***********************************/
.cmslist .addnew {
	height: 16px;
	padding-left: 20px;
	display: block;
}
.cmslist .delete {
	height: 13px;
	width: 13px;
	display: inline-block;
	margin-top: 5px;
	margin-right: 4px;
}
.cmslist .cmspage {
	clear: left;
	text-decoration: none;
}
.cmslist .cmspage.cmssystemitem {
	color: #515151;
}
.cmslist .cmspage:hover {
	text-decoration: underline;
}

#cmsimgpreview{
	z-index: 1000;
	position: absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#cmsimgpreview img{
	max-width: 800px;
}

.previewimg{
	display: none;
}

#settingsinfo,
#settingimgpreview,
#settingimgpreviewthema{
	z-index: 1000;
	position: absolute;
	display:none;
	color:#000000;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
}

#settingsinfo{
	max-width: 300px;
	display: block;
}

#settingimgpreview img{
	max-width: 800px;
}

#settingimgpreviewthema img{
	max-width: 550px;
}

.gwt-PopupPanel {
	background: #fff;
	/*border: 1px solid #969696;*/
	padding: 0;
}

.gwt-PopupPanel.tooltip {
	padding: 4px;
}

.gwt-Label {
	margin: 0 3px;
}
.autcompleteOption {
	color: black;
	display: block;
	padding: 5px 4px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	text-decoration: none;
	height: 28px;
}
.autocompleteMetaOption {
	font-weight: bold;
	background: #fff;
	height: auto;
}
.autocompleteTitleOption {
	font-weight: bold;
	background-color: #E0E0E0;;
	height: auto;
}
.autocompleteTitleOption.currentSelected {
	font-weight: bold;
	background-color: #E0E0E0;;
	height: auto;
}
.currentSelected {
	color: black;
	background: #eeeeee;
}
.gridMenuButton.autocompleteButton {
	height: 24px;
	line-height: 24px;
	padding-right: 2px;
	text-indent: 20px;
	position: relative;
	margin: 0 4px 0 0;
}
.gridMenuButton.autocompleteButton img {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	left: 2px;
}
.autcompleteOption.autocompleteMetaOption table tr:first-child td:first-child {
	padding-right: 7px;
	line-height: 22px;
}


/** Snelopen widget */
input.snelopen {
	width: 400px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	height: 20px;
	padding: 2px;
}

.documentPreview.icon {
	background-image: url(/pub/img/icon/info.png);
	float: right;
	width:14px;
	height:14px;
}

/** Stopwatch V2 **/
.stopwatchWidget { margin-top: 2px; float: left;}

.stopwatchWidget .timeLabel { line-height: 12px; float: left; padding: 2px; background-color: #E7E7E7; }
.stopwatchWidget .stopwatchControlElement { margin-left: 0;  float: left; cursor: pointer; width: 18px; height: 18px; line-height: 17px; font-size: 11px; color: gray; border: 1px solid rgb(179, 179, 179); padding-left: 3px; background-color: white;}

.stopwatchWidget .btnPlay, span.btnPlay { background: url("/pub/img/quicklaunch/stopwatch-control.png") 0 0; }
.stopwatchWidget .btnPlay:hover, span.btnPlay:hover { background: url("/pub/img/quicklaunch/stopwatch-control.png") -18px 0; }
.stopwatchWidget .btnPause, span.btnPause { background: url("/pub/img/quicklaunch/stopwatch-control.png") 0 -18px; }
.stopwatchWidget .btnPause:hover, span.btnPause:hover { background: url("/pub/img/quicklaunch/stopwatch-control.png") -18px -18px; }

.stopwatchWidget .btnMenu { background: url("/pub/img/quicklaunch/stopwatch-control.png") 0 -36px; }
.stopwatchWidget .btnMenu:hover { background: url("/pub/img/quicklaunch/stopwatch-control.png") -18px -36px; }
.stopwatchWidget .menuItem { width: 18px; height: 18px; }

.stopwatch.gwt-MenuBar {
	background: none;
}

/** Stopwatch V2 - hour.maintenance **/
#stopwatchControl { display: block; width: 18px; height: 18px; line-height: 18px; border: 1px solid gray; padding-left: 4px; background-color: rgb(243, 243, 243); color: rgb(75, 75, 75); cursor: pointer;}

/* introscherm announcements */
.announcement{
	margin-bottom: 6px;
}
.announcement_widget a:first-child {
	display: block;
	margin-bottom: 10px;
}
.announcement_title {
	position: relative;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	display: inline-block;
	padding-bottom: 1px;
	cursor: pointer;
}
.announcement_title:hover {
	border-bottom: 1px solid rgba(0,0,0,0.3);
}
.new_announcement .announcement_title:after {
	content: "(!)";
	font-weight: bold;
	color: #F00;
}
.expanded .announcement_bericht {
	display: block;
	margin-bottom: 10px;	
}
.announcement_title:before {
	content: "+";
	font-weight: bold;
}
.expanded .announcement_title:before {
	content: "-";
	font-weight: bold;
}
.collapsed .announcement_bericht {
	display:none;
}
.expanded .announcement_title {
	margin-bottom: 5px;
}
.collapsed .announcement_title {
	margin-bottom: 0px;
}
.announcement_options {
	float: right;
	visibility: hidden;
}
.announcement_option {
	float:right;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-left: 3px;
}
div.announcement:hover > .announcement_options {
	visibility: visible;
}
.markread_option {
	background: url(/pub/img/iconen_voor_introscherm/mededelingen/unread.png) center center no-repeat;
}
.old_announcement .markread_option {
	background: url(/pub/img/iconen_voor_introscherm/mededelingen/read.png) center center no-repeat;
}
.hide_option {
	background: url(/pub/img/iconen_voor_introscherm/mededelingen/delete.png) center center no-repeat;
}
.baseGwtDialog input {
	margin: 0 5px 0 5px;
	padding: 2px;
}
.baseGwtDialog button {
	cursor: pointer;
	padding: 2px;
	margin: 0 5px 0 5px;
	line-height: 9px;
	font-weight: normal;
	font-size: 11px;
	vertical-align: middle;
	margin-top: -1px;
}
div.dialogMiddleCenterInner.dialogContent table tr td .gwt-TextBox {
	height: 18px;
	line-height: 12px;
	margin-top: 10px;
}
div.dialogMiddleCenterInner.dialogContent table tr td .gwt-TextBox:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.pureGwtTextBox {
	border: 1px solid #ccc;	
}
.nonedit .autcompleteOption{
	color: #666666;
}
.labelAutoCompleteFilled {
	color: #666666;
	background: #D4DEED !important;
}
/** New quicklauch quickmenu **/
#quickMenu_container, #helpMenu_container, #reportMenu_container, #powerReportMenu_container, #artificialIntelligenceMenu_container {
	float: left;
}
ul.contextMenu.level0 {
	top: 25px;
	overflow: visible !important;
}

div.contextmenunew ul.contextMenu.level0 {
	top: 0px;
}

ul.contextMenu {
	-moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.35);
	overflow: visible;	
	background-color: #FFF;
	position: absolute;
}
div#toplevelActionmenu ul {
	background: #FFF;
	-moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.35);
	margin-top:1px;
	overflow: hidden;
}
ul.contextMenu li {
	list-style: none;
	line-height: 24px;
}
/* FLOW-OUT MENU ITEMS VAN HET CONTEXTMENU */
ul.contextMenu li.branch {
	background-image: url("/pub/img/contextmenu/branch-left.png");
	background-position: 4px 13px;
	background-repeat: no-repeat;
}
ul.contextMenu li.branch:hover {
	background-image: url("/pub/img/contextmenu/branch-left-hover.png");
}
ul.contextMenu li a {
	text-decoration: none;
	display: block;
	padding: 3px 7px;
}
ul.contextMenu li:hover {
	background-color: #CCDDF6;
}
div.contextmenu .contextmenu_mouseover, div.emailcontextmenu .label:hover {
	color: #000;
	background-color: #CCDDF6;
	cursor: pointer;
}

ul.contextMenu li.branch ul {
	position: absolute;
	width: auto;
}
span.isIcon {
	float: left;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top: 2px;
	margin-left: 5px;
}
ul.contextMenu li span.isIcon {
	float: none;
	width: auto;
	height: auto;
	
	background-position: 0 50%;
	padding-left: 26px;
	white-space: nowrap;
	display: block;
}
ul.contextMenu li span.isNoIcon {
	padding-left: 4px;
}
	
ul.contextMenu li.leaf span {
	white-space: nowrap;
	display: block;
	width:auto;
}

.icon_help {
	background-image: url('/pub/img/quicklaunch/quicklaunch_sprite.png');
	background-position: 0 -36px;
}
.icon_help:hover {
	background-position: -18px -36px;
}

/* Cursor progress, class kan op van alles gebruikt worden */
.progressMouseCursor {
	cursor: progress;
}
.bootstrap img.crmchatemoticon {
	height: 18px;
}
/*
 * Popup van de email template wizard popup 
 */
.templateHelperOptions {
padding: 2px;
max-width: 400px;
}

.emailOpenUnsafeButton {
	margin: 3px 5px;
}


/************************************
	system message v2
*************************************/
#system-notification-main-old {
	background-color: rgb(250, 235, 190);
	text-align: center;
	padding: 10px;
	line-height: 20px;
	margin-right: 30px;
}
#system-notification-main-old span {
	font-size: 14px;
	margin-right: 10px;
}
#system-notification-main-old a {
	margin: 0 !important;
}
#system-notification-main-old .button {
	background-color: rgba(0, 125, 193, 1);
	color: white;
	padding: 1px 11px;
	border-radius: 4px;
	margin-top: 10px;
	display: inline-block;
	text-decoration: none;
}
#system-notification-main-old .close {
	color: rgb(124, 96, 13);
}


#system-notification-main-old .close {
	float: right;
	margin-right: 20px;
	text-decoration: none;
	font-size: 17px;
	line-height: 20px;
}

/************************************
	selectiondisplay (oa voor labelfileupload, selectbox)
*************************************/

.selectiondisplay {
	padding-left: 5px;
}

/************************************
	labelfileupload/singlefile
*************************************/
.labelfileupload.hover .selectiondisplay, .singlefilecomponent.hover .selectiondisplay {
	text-decoration: underline;
}
.component.labelfileupload  input {
	cursor: pointer;
}

/************************************
	labelmultifileupload
*************************************/
div.labelmultifileupload span.multifilebutton {
	height: 22px;
}
.labelmultifileupload input[multiple=multiple] {
	cursor: pointer;
}
.labelmultifileupload .sizestatus {
	clear:both;
	position: absolute;
	top: 222px;
}
.labelmultifileupload .sizestatusok {
	/* NU NIKS */
}
.labelmultifileupload .sizestatusexceeded {
	background: #ff3366;
}
.multiupload_filelist {
	display: block;
	width: 100%;
	height: 200px;
	position: absolute;
	top: 22px;
	overflow: scroll;
}
.multiupload_filelist li {
	display: block;
	padding: 5px;
	clear: both;
}
.multiupload_filelist li:hover {
	background: #eeeeee;
}
.multiupload_filelist li:hover a {
	display: block;
}
.multiupload_filelist li:hover a:hover {
	color: white;
}
.multiupload_filelist li span {
	float: left;
}
.multiupload_filelist li a {
	display: none;
	float: right;
}

.task-memo-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 14px;
}

.task-status-square {
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	text-align: center;
}	

.two_line_truncate {
  height: 30px;
  overflow: hidden;
}

.gridColumn td.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 16px;
	line-height: 16px;
}

.gridColumn .fixed_sub_table {
	table-layout: fixed; 
	width: 100%;
}

.gridColumn .fixed_sub_table td.icon {
	width: 15px;
}

.gridColumn .fixed_sub_table td.hidden {
	display: none;
}

.gridRowMouseOver .gridColumn .fixed_sub_table td.hidden {
	display: table-cell;
}

.gridColumn .fixed_sub_table .menu_with_alert {
	visibility: hidden;
}
.gridRowMouseOver .gridColumn .fixed_sub_table .menu_with_alert {
	visibility: visible;
}