body, table, select, option
{
	font-family: 'Open Sans';
	font-size: 10pt;
}
body {
	margin: 0;
	overflow:hidden;
}
html { overflow:hidden; } /* needed for IE6 */

a
{
	text-decoration:none;
}

a.alwaysblue:visited
{
	color:#0066CC;
}
a:active
{
    outline:none;
}
a:visited
{
    outline:none;
}

a.underlined, .underlined
{
	text-decoration:none;
	color:#0066CC;	
}

a.underlined img
{
    border-style: none; 
}

a.underlined:hover
{
	text-decoration:underline;
}
a.underlined:visited
{
	color:#0066CC;
}

.icon_inline_left, .icon_inline_right
{
	position:relative;
	top:4px;
	border:none;
}
.icon_inline_left { margin-right:4px; }
.icon_inline_right { margin-left:4px; }


.icon_inline_small
{
	position:relative;
	top:2px;
    margin-right:2px;
	border:none;
}

TD
{
	vertical-align:top;
}

#breadcrumb_container
{
	margin-left:10px;
    line-height: 32px;
}

.breadcrumb_icon
{
	position:relative;
	top:4px;
}

.outline1024x768
{
	position:absolute;
	left:0px;
	top:0px;
	width:1010px;
	height:619px;
	z-index:1;
	background-color:Transparent;
}

.layout_command_bar
{
	clear:left;
	position:relative;
	top:20px;
	height:33px;
	background-color:#A4A4A4;
	border:solid 1px #EDEDED;
	margin-right:8px;
	padding:4px 0px 4px 5px;
}

.layout_topbar {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 26px;
	background-color: #D6DAE0;
	background-image: url(../../images/layout/layout_01.png);
	background-repeat:no-repeat;
}
	.layout_topbar_small
	{
		background-image: url(../../images/layout/layout_01_small.png);
	}
.layout_topbar_left {
	position: absolute;
	width: 423px;
	top: 0px;
	left: 0px;
	height: 26px;
/*	background-image: url(../../images/layout/layout_01C.png); */
}
.layout_topbar_right
{
	right: 10px;
	font-family: 'Book Antiqua', 'Times New Roman', Serif ;
	font-size:18px;
	color:#F2EFF1;
	color:#333333;
	position: absolute;
	top: 0px;
	height: 26px;
	margin-right:161px;
}
.layout_topright
{
	position:absolute;
	right:0px;
	top:0px;
	width:161px;
	height:62px;
	z-index:11;
}
.layout_topright_backgroundimage
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../../images/layout/layout_03.png);
}
.layout_topright_backgroundcolor
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:55px;
}s

.layout_logo_wcitt
{
	position:relative;
	right:15px;
	top:2px;
}
.layout_logo
{
	position:relative;
	top:5px;
	left:45px;
	border:solid 1px #A2A5A9;
}


.layout_menubar {
	position: absolute;
	width: 100%;
	top: 26px;
	left: 0px;
	height: 29px;
	background-image: url(../../images/layout/layout_08.png);
	background-repeat:repeat-x;
	z-index:10;
}
.layout_submenubar
{
	background-color:#E2D8DF;
	border:solid 2px #BFB2BB;
	border-top:none;
	z-index:11;
}

.layout_reportsmenubar
{
	position: absolute;
	width: 550px;
	top: 55px;
	left: 215px;
	height: 100px;
}
.layout_reportsetback_menubar
{
	position:absolute;
	top:100px;
	right:4px;
	padding-right:5px;
	padding-left:10px;
}
.layout_settingsmenubar
{
	position: absolute;
	width: 700px;
	top: 55px;
	left: 215px;
	height: 120px;
}
.layout_reportcriteriamenubar
{
	position:relative;
	overflow:hidden;
	width: 195px;
	
	padding-bottom:5px;
	padding-left:10px;
}
.layout_lineitempickermenubar
{
	position:absolute;
	width:610px;
	height:190px;
	overflow:auto;
	left:0px;
	top:1px;
	border-top:solid 2px #BFB2BB;
}

.layout_submenubar_column
{
	position:absolute;
	width:160px;
	margin-left:10px;
}
.column_one   { left:   0px; }
.column_two   { left: 160px; }
.column_three { left: 320px; }
.column_four  { left: 480px; }

.column_lineitem
{
	width:140px;
	margin-left:4px;
}
.column_selecties
{
	width:180px;
}
.layout_submenubar_column DIV
{
	margin-left:3px;
}
.layout_submenubar_column DIV A
{
	width:100%;
}

H4.layout_submenubar_header
{
	font-size:11px;
	margin-top:5px;
	margin-bottom:3px;
	clear:left;
}
.layout_menubar_left {
	position: absolute;
	top: 0px;
	left: 199px;
	height: 22px;
	padding-top: 7px;
	padding-left: 20px;
	padding-right: 15px;
}
	.layout_menubar_left_background
	{
		position:absolute;
		top:0px;
		left:0px;
		height:29px;
		width:29px;
		background-image: url(../../images/layout/layout_06.png);
		background-repeat: no-repeat;
	}
	.layout_menubar_left_small
	{
		left:30px;
	}

.layout_sidebar {
	position: absolute;
	width: 200px;
	top: 0px;
	left: 0px;
	z-index:10;
}

	.layout_sidebar_small
	{
		width:30px;
		background-position:right;
	}



.layout_content 
{   
	position: relative;
	width:1000px;/* recalculated by javascript layout.js */
	height: 540px;
	//overflow:auto;
	z-index:5;
	padding-top:5px;
	padding-right:0px;
    padding-left: 204px;
    box-sizing: border-box;
}

.layout_menuitem_normal {
	width: 90px;
	color: black;
	white-space: nowrap;
	text-decoration: none;
	float: left;
}
.layout_menuitem_normal:hover {
	color: #9F1E2B;
}
.layout_menuitem_selected {
	width: 90px;
	color: #820000;
	float: left;
}

.sidebar_menuitem {
	display: block;
	width: 191px;
	overflow:auto;
}
.content_alert {
	color: #B4515A;
}
.content_title {
	font-size: 20px;
	font-weight: bold;
	clear:left;
}
.content_section_title 
{
	clear:left;
	font-weight: bold;
	margin-top:15px;
}
.content_section {
	margin-top:5px;
	position:relative;
	overflow:auto;
}

.layout_form_fieldname {
	display:block;
	float: left;
	clear:none;
	width: 150px;
    line-height: 25px;
}
.fieldname_header
{
	font-weight:bold;
}
.fieldname_wide
{
	width:250px;
}
.layout_form_listname {
	width: 150px;
	display: block;
}

.layout_form_input_general, .layout_form_input_text,
	.layout_form_input_text_small, .layout_form_input_textarea, 
	.layout_form_input_date_twodigit, .layout_form_input_date_fourdigit
{
	display:block;
	float:left;
	width:240px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	font-size: 10pt;
}

.layout_form_input_text, .layout_form_input_text_small,	.layout_form_input_textarea, 
.layout_form_input_date_twodigit, .layout_form_input_date_fourdigit
{
	border-style: solid;
	border-width:1px;
    padding: 4px 3px;
}
.layout_form_input_textarea
{
	height:50px;
	width:500px;
}
.layout_form_input_textarea_narrow_tall
{
	height:75px;
	width:240px;
}
.layout_form_input_textarea_tall
{
	height:75px;
}
.layout_form_input_text_small
{
	width:120px;
}
.layout_form_input_date_twodigit
{
    text-align: center;
    width: 14px;
}
.layout_form_input_date_fourdigit
{
    text-align: center;
    width: 28px;
}


	.text_small
	{
		width:120px;
	}
	.text_medium
	{
		width:160px;
	}

.layout_form_small_header
{
	clear:both;
	font-weight:bold;
	margin-top:10px;
}


.layout_form_select, .layout_form_select_with_icons
{
	display:block;
	float:left;
	clear:none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	font-size: 10pt;
	border: 1px solid #BEE1EF;
}
.layout_form_select
{
	width: 248px;
}

.layout_form_select_with_icons_container
{
	overflow:auto; /* needed to fit dropdowns */
	width:258px;
}
.layout_form_select_with_icons
{
	width:210px;
	margin-bottom:1px;
}
.layout_icon_after_select
{
	position:relative;
	top:3px;
	left:3px;
	margin-right:2px;
}

	.select_small
	{
		width:120px;
	}
	.select_medium
	{
		width:160px;
	}
	.select_extralarge
	{
		width:260px;
	}
.layout_form_input_checkbox
{
	width: 10px;
}
.layout_form_input_checkbox label
{
	margin-left:5px;
}

.layout_form_header, .layout_form_header_spaced_top
{
	font-weight:bold;
	font-size:12pt;
	margin-bottom:5px;
}

.layout_form_header_spaced_top
{
	margin-top:30px;
}


.layout_form_extra {
	font-style: italic;
	float:left;
	padding-left:10px;
}
.layout_form_extra_warning
{
	float:left;
	padding-left:10px;
	padding-top:2px;
	color:Red;
	font-weight:bold;
}
.layout_warning_text
{
	color:Red;
}
.layout_form_input_button {
	width: 125px;
	height: 20px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	font-size: 11px;
	border: 1px solid #AA849D;
	background-color: #F2EFF1;
	cursor: pointer;
}

.layout_form_input_line
{
	position:relative; /* new */
	margin-bottom: 2px;
	display:block;
	clear:both;
	overflow:hidden; /* overflow:hidden makes sure that this box wraps it's floating children */
}
.layout_form_input_buttonline {
	position: absolute;
	bottom: 0px;
	width: 400px;
	text-align: center;
}
.layout_table {
	border: 1px solid #007B46;
	margin-bottom: 5px;
	font-size: 11px;
}
.layout_table_fixed 
{
	table-layout:fixed;
}
.table_noborder { border:none; }
	
/* .layout_tablerow_normal { */
.layout_table TR 
{
	vertical-align:top;
}
/*.layout_tablerow_alternate { */
.layout_table TR.alternate, .layout_table TR.alternate INPUT {
	background-color: #F2EFF1;
}

.layout_table TD 
{
	padding-left:4px;
	padding-right:4px;
}
.layout_table TD .link_edit
{
	cursor:pointer;
}

.layout_tablerow_clear {
	border-top: 1px solid #F2EFF1;
}
.layout_table_header {
/*	font-style: italic; */
	font-weight: bold;
	text-align: left;
	background-color: #85B9A6;
}
.layout_table_footer {
	background-color: #BFB2BB;
}

.layout_table_value
{
	text-align:right;
}
.layout_table_warning_item
{
	font-weight:bold;
	background-color:orange;
}
.layout_table_message_item
{
	background-color:#F0F0F0;
}
.layout_table_summary TD
{
	font-weight:bold;
	height:25px;
	vertical-align:bottom;
}

TD.layout_table_cell_indented
{
	padding-left:15px;
}
TD.layout_table_cell_indented2
{
	padding-left:30px;
}
.cell_clickable
{
	cursor: pointer;
}
.cell_selected
{
	font-weight:bold;
}
.cockpit_image {
	border: 1px solid black;
	margin-top: 5px; margin-left: 5px;
}

.matrix_cell {
	text-align: right;
}
.matrix_cell_r {
	text-align: right;
	border-top: 1px solid #F0F1F6;
	border-right: 1px solid #F0F1F6;
	background-color: #C77777;
}

.matrix_cell_g {
	text-align: right;
	border-top: 1px solid #F0F1F6;
	border-right: 1px solid #F0F1F6;
	background-color: #77C777;
}

.matrix_cell_y {
	text-align: right;
	border-top: 1px solid #F0F1F6;
	border-right: 1px solid #F0F1F6;
	background-color: #D7D777;
}

.matrix_cell_c {
	text-align: right;
}

.layout_form_cppanel {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 10px 10px 10px 10px;

}
.layout_form_panel {
	visibility: hidden;
	overflow: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 10px 10px 10px 10px;
}


.sidebar_menutree {
	display: block;
	width: 191px;
	height: 18px;
}
.sidebar_menutree_link {
	color: black;
	text-decoration: none;
}
.sidebar_menutree_item {
	padding-left: 3px;
	white-space: nowrap;
}
.sidebar_menutree_line {
	vertical-align: middle;
	border: 0px;
}
.sidebar_menutree_lineEC {
	vertical-align: middle;
	border: 0px;
	cursor: pointer;
}

.sidebar_dhtmltree_panel
{
	overflow:hidden;
	width:190px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica;
	font-size: 11px;
}
.sidebar_dhtmltree_data
{
	overflow:auto;
	width:100%;
	height:200px;
	border-bottom:solid 1px #88647D;
	padding-left:10px;
}

.sidebar_dhtmltree_title
{
	font-family: Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	text-align:center;

	width:100%;
	height:30px;
	padding-top:8px;
	padding-bottom:0px;
	background:#00B867;
	color:white;
}

.sidebar_dagselectie_panel
{
	width:190px;
}

.sidebar_monthcalendar_title, .sidebar_startendcalendar_title
{
	font-family: Verdana, Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
	text-align:center;

	width:100%;
	height:30px;
	padding-top:8px;
	padding-bottom:0px;
	background:#88647D;
	color:white;
	margin-top:16px;
}

.sidebar_startendcalendar_table
{
	margin-left:20px;
	margin-top:15px;
}

.sidebar_startendcalendar_label
{
	float:left;
	width:70px;
	border:solid 1px black;
	padding:2px 0px 1px 7px;
	margin-right:0px;
}
.sidebar_startendcalendar_datelabel
{
	float:left;
	width:85px;
	cursor:pointer;
	border:solid 1px black;
	border-left:none;
	padding:2px 7px 1px 7px;
}
.sidebar_startendcalendar_datelabel_hover
{
	background-color:#D4DCCE;
}
.sidebar_startendcalendar_row2 div
{
	border-top:none;
}

.sidebar_startendtimechooser
{
	border:solid 1px #88647D;
}

.sidebar_startendtimechooser TD
{
	padding:1px 5px 1px 5px;
}

.panel_error_message 
{
	margin:3px 0px 5px 0px;
	border:solid 2px orange;
	background-color:#FFC04F;
	overflow:hidden;
	padding:2px 10px;
	display:block;	
}
.panel_warning_message, .panel_info_message
{
	position:relative;
	width:500px;
	padding:3px 10px 3px 40px;
	margin:3px 0px 5px 0px;
	display:block;
	min-height:32px;
}
	.panel_warning_message img, .panel_info_message img
	{
		position:absolute;
		top:2px;
		left:2px;
	}

.panel_warning_message
{
	border:solid 2px orange;
	background-color:#FFC04F;
}
.panel_info_message
{
	border:solid 2px #4FC5EF;
	background-color:#95D7EF;
}

/* obsolete replace by abs positioning */
.panel_oee_chart
{
	float:left;
}

/* obsolete replace by abs positioning */
.panel_oee_details
{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
}

.panel_oee_details_spacer
{
	height:15px;
}
.panel_option_button
{
	color:Blue;
	cursor:pointer;
}
.panel_option_button:hover
{
	text-decoration:underline;
}

.label_info_message
{
	position:relative; /* else IE does not know what to do */
	border:solid 1px #999999;
	background-color:#F0F0F0;
	padding:2px 10px 1px 10px;
	margin:-5px 0px 10px 0px;
}


@media print
{
	.layout_topbar { display:none; }
	.layout_menubar { display:none; }
	.layout_sidebar { display:none; }
	#layout_content { display:block; left:0px; top:0px;}
	.panel_option_button { display:none; }
	.print_invisible { display:none; }
}

.LeftAlign
{
	float:right;
}



.verbeter_panel_instruction
{
	border:solid 1px lightgrey;
	background-color:#F1F1F1;
	padding:1px 2px;
}


.verbeter_panel
{
	width:300px;
	margin-bottom:30px;
}
.verbeter_panel_header
{
	color:#2B924C;
	border-bottom:solid 1px #007B46;
	margin-bottom:5px;

}
.column_left
{
	position:absolute;
	width:300px;
}
.column_right
{
	position:absolute;
	width:300px;
	left:350px;
}


.field
{
	position:relative;
	height:25px;
}
.field_header
{
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:25px;
	border:solid 1px #0FBAC0;
	border-color:#00BD6A;

	background-color:#0FBAC0;
	background-color:#00BD6A;
	padding-left:10px;
	padding-top:2px;
	background-color:#bbb;
	border-color:#bbb;
}
.field_value
{
	position:absolute;
	left:100px;
	padding-bottom:4px;
	border-bottom:solid 1px #0FBAC0;
}

.layout_outside_form
{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica;
}


/*****************************************************************************/
/*
 * Command bar
 */
.btnCommand, .btnCommandStandalone
{
	position:relative;
	float:left;
	background-color:#E8E8E8;
	width:auto;
	padding:6px 18px;
	font-size:10pt;
	cursor:pointer;
	top:0px;
	vertical-align:top;
	margin-right:10px;
}

.btnCommandFloatRight
{
	float:right;
}

.btnCommand
{
	border:solid 1px #EDEDED;
}
.btnCommandStandalone
{
	border:solid 1px #8E8D8D;
}
.btnStandaloneContainer
{
	position:relative; /* needed for layout errors on icon in btn (occurs with js setlayout) */
	border:solid 1px white; /* needed to prevent layout error in IE6 */
	overflow:auto;
}
	.btnCommand:hover
	{
		text-decoration:underline;
	}
	.btnCommandStandalone:hover
	{
		text-decoration:underline;
	    border-color: blue;
	}
	.btnCommand:visited, .btnCommandStandalone:visited
	{
		/* doesn't work */
		color:blue;
	}

	.btnCommandWide
	{
		width:205px;
	}
	
	.btnCommand img, .btnCommandStandalone img
	{
		position:relative;
		top:3px;
	    left: -8px;
		border:none;
	}

	.btnDisabled, a.btnDisabled, a.btnDisabled:hover
	{
		color:gray;
		font-style:italic;
		cursor:default;
	    text-decoration: none;
	}
	

/*************************************************************************************************/
/*
 * Content Header Panel (green thing on top)
 */
.ContentHeaderPanel
{
    position:relative;
    margin-bottom:30px;
    
    min-height:95px;
    
    padding-top:5px;
    padding-bottom:5px;
        
    margin-left:30px;
    margin-right:27px;
        
	border-style:solid;
	border-width: 2px;
	overflow:hidden;
}

	.ContentHeaderPanelSmallMode
	{
		margin-left:0px;
		width:766px;
	}
    .chpSubpanel 
    {
		position:relative;
        float:left;
        width:200px;
        min-height:90px;
        margin-left:10px;
        
        padding-left:5px;
    }
		.chpSubpanelFirst
		{
			border-right-style:solid;
			border-right-width:2px;
		}
		.chpSubpanelLast
		{
			border-left-style:solid;
			border-left-width:2px;
		}
		.chpSubpanelWide
		{
			width:260px;
		}
    .chpsHeader
    {
        font-weight:bold;    
    }
    .chpsBody
    {
        color:#444;
    }
	.chpsColumnLeft
	{
		clear:left;
		float:left;
		width:160px;
	}
	.chpsColumnRight
	{
		float:left;
	}

    .help_icon
    {
        position:relative;
        top:2px;
        left:4px;
        cursor:pointer;
    }


#ContentSubGuidePanels { margin-left:10px; }

.MainGuideLabel
{
    font-weight:bold;
    height:24px;
    padding-left:10px;
    padding-top:5px;
    position:relative;
}

.hidedocument
{
    display:none;
}


        
        .WarningContainer
        {
            position: relative;
            margin-top: 20px;
            border: 1px solid #F9D67D;
            background-color: #F9C131;
            margin-bottom: 10px;
            line-height: 40px;
            padding-left: 55px;
            font-weight: bold;
        }
        .WarningContainer img
        {
            position: absolute;
            left: 12px;
            top: 5px;
        }
        
        .WarningContainer .header
        {
            background-color: #FF0000;
            font-weight: bold;
            padding: 5px 5px 5px 5px;
        }
        
        .WarningContainer .items
        {
            padding: 5px 5px 5px 5px;
        }


#PopupFocus
{
    display: none; 
}

#ImagePopupOverlay
{
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    
    z-index: 15;
    left: 0;
    top: 0;
    background: none repeat scroll 0 0 black;
}

#ImagePopupContainer
{
    z-index: 4;
    opacity: 1;
     cursor: pointer;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 16;

    width: 100%;
    height: 100%;
}

.imageContainer img
{
     bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
}

#ImagePopupContainer .PopupContentContainer
{
    background-color: white;
    margin: 100px auto 0;
    padding: 10px;
    width: 700px;
    z-index: 100;
    position: relative;
}

.PopupContentContainer .closePopupIcon
{
    background-color: white;
    border-radius: 20px;
    height: 24px;
    padding: 5px;
    position: absolute;
    right: -16px;
    top: -24px;
    width: 24px;
}

.videoContainer, .showImageContainer
{
    display: none;
}
.videoContainer, .showImageContainer img
{
    width: 700px;
}