@charset "UTF-8";

/**	Basis-Layout **/

	body
	{
		background: 		url(../../img/background.png) top left repeat-x #E8E8E8;
	}

	h2
	{
		position:			relative;
		font-size: 	18px;
		color: #aaa;
		padding: 0px 0px 4px 0px;
		margin: 0px;

	}

	h4
	{
		font-size: 	14px;
		color: #888;

	}

	#header
	{
		background:			url(../../img/background_header.png) right top no-repeat;
		height:				137px;
		position:			relative;
		width: 				100%;
	}

	#header a
	{
		background: 		url(../../img/logo.png) left top no-repeat;
		height:				25px;
		left: 				65px;
		position:			absolute;
		text-indent:		-9999px;
		top:				52px;
		width:				171px;
	}

	#page
	{
		margin:				0 auto;
		position: 			relative;
		width: 				92%;
		min-width: 			1200px;
	}

 	ul { margin: 0; }

	ul#menu
	{
		list-style-type: 	none;
	  	float: 				left;
	  	font-weight: 		bold;
	  	margin-bottom:		30px;
		padding-left:		1px;
		width: 				100%;
	}

	.content_area
	{
		display: table-cell;

		margin: 5px;
		border: 1px dashed #efefef;
	}

	.content_area .label
	{
		background-color: #efefef;
		font-weight: bold;
		padding: 3px 10px;


	}

	.content_area .label_list
	{
		background-color: #efefef;
		font-weight: bold;
		padding: 3px 10px;
		margin-bottom:		10px;


	}

	.content_area .editable{

		padding: 3px 10px;

	}

	.content_area_group{

		height: auto;

		padding: 10px 0px;
		border-bottom: 1px solid #eee;

	}
	.content_areas{

		margin: 0px;

	}

	#controll_machine_filter a{

		position: absolute;
		left: 38%;
		top:50px;
		font-size: 14px;
		cursor: pointer;
	}

	.dcw_td_secrow
	{
		background-color: #FAFAFA;
	}

	.dcw_tr_inactive
	{
		color: #fa5f5f;
	}

	#popup_ok, #popup_abort{
		cursor: pointer;

	}

	.button{

		background:			url(../../img/tab.png) top center;
		padding:			4px 15px 4px 15px;
		-webkit-border-radius:  5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-border-radius: 5px 5px 5px 5px;
		text-align: center;
		color:				#fff;
		font-size: 			11px;
		cursor: pointer;
		width: 60px;
	}


	.button a{

		color:				#fff !important;
		font-size: 			11px;

	}


	.tab
	{
		list-style-type: 	none;
	  	position: 			absolute;
	  	/*top:				66px;*/
	  	font-weight: 		bold;
	  	margin-bottom:		0px;

		top: -23px;

	}

	.checklist img{

		width: 15px;
		height: 15px;

		vertical-align: middle;

	}

	.checklist ul ul ul ul li{

		padding-left: 10px;

	}

	.tab ul{
		height: 20px;

	}

	.tab li
	{
		list-style-type: 	none;
		float: 				left;
		bottom: 0px;
		padding:			3px 15px 0px 18px;
		background:			url(../../img/tab.png);
		height: 			16px;
		margin: 			3px 0px 0px;



		-webkit-border-radius:  5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-border-radius: 5px 5px 0px 0px;
	}

	.tab li a
	{
		color:				#fff;
		font-size: 			11px;


	}

	.tab .active
	{
		height: 			19px;
		margin-top: 		0px;
		background:			url(../../img/tab_active.png);

	}

	.tab .active a
	{
		color:				#333;

	}


	ul#menu li
	{
		background: 		url(../../img/arrow_menu.png) left 50% no-repeat;
	  	display: 			block;
	  	float:				left;
	  	margin: 			0;
	}

	ul#menu li a
	{
	  	display: 			block;
	  	font-size:			11px;
		margin-right:		15px;
	  	padding-left:		10px;
	  	color: 				#FFF;
	  	text-decoration: 	none;
	}

	ul#menu li.active a, ul#menu li a:hover
	{
		text-decoration: 	underline;
	}

	#main
	{
		background:			#FFF;
		border:				1px solid #CFCFCF;
		margin-top:			47px;
		width: 				100%;
	}

	#content
	{
		padding: 			10px;
	}

	#loading
	{

		display:			none;
		height:				42px;

		margin-top: 		20px;
		text-align: 		center;

		position: absolute;

	}

	.acceptBtn, .cancelBtn, .deleteBtn
	{
		display: none;
		cursor: pointer;

	}


/** Tab-Navigation **/

	ul#tabnav
	{
		list-style-type: 	none;
	  	width: 				100%;
	  	float: 				left;
	  	font-weight: 		bold;
	  	margin: 			0;
		padding-left:		1px;
	}

	ul#tabnav li
	{
	  	display: 			block;
	  	float:				left;
	  	margin: 			0;
	}

	ul#tabnav li a
	{
		border:				1px solid #CFCFCF;
	  	display: 			block;
	  	font-size:			11px;
		margin-left:		-1px;
	  	padding: 			5px 15px;
	  	color: 				#000;
	  	background-color: 	#EEE;
	  	text-decoration: 	none;
	}

	ul#tabnav li.active a, ul#tabnav li a:hover
	{
  		background-color: 	#FFF;
  		border-bottom:		1px solid #FFF;
  		border-top: 		1px solid #000;
	}

/** Subnavigation unter Tableiste **/

	#subnav
	{
		border-bottom:		1px solid #CFCFCF;
		margin-bottom: 		0px;
		padding:			10px;
		text-align:			right;

	}

	#subnav a
	{
		background: 		transparent url('../../img/btn_right.png') no-repeat scroll top right;
		color: 				#FFF;
  		float:				right;
		font-weight: 		bold;
		font-size: 			11px;
		display: 			block;
		height: 			23px; /* Hoehe der verwendeten Grafik (Des angezeigten Teils)*/
		margin-right: 		6px;
		padding-right: 		15px;
		text-decoration: 	none;
	}

	#subnav a span
	{
		background: 		transparent url('../../img/btn_left.png') no-repeat top left;
		display: 			block;
		line-height: 		13px;
		padding: 			5px 0 5px 15px;
	}


/** Automatenliste **/

	.noam
	{
		color: #aaa;


	}




	.am.new, .am_group.new, .new
	{

		display: none;
		border: 			3px dotted #CFCFCF;
		background: 		url('../../img/arrow_right.png') right  50% no-repeat #efefef;
		text-align: 		center;
		color: 				#aaa;
	}

	.am_group.new{

		background: 		url('../../img/arrow_right.png') right  50% no-repeat #fff;

	}

	ul ul li, ul li{
		list-style: none;
		margin: 0px;

	}

	.am_group
	{
		background: 		 right 50% no-repeat #fff;
		border: 			2px dotted #eee;
		margin-bottom: 		5px;
		padding: 			3px 10px;
	}



	.am_group_hover
	{
		background: 		 right 50% no-repeat #fdd;
		border: 			2px dotted #fee;
		margin-bottom: 		5px;
		padding: 			3px 10px;
	}


	.am_group_active
	{
		background: 		 right 50% no-repeat #ffE8E8;
	}

	.am_group_drag
	{
		background: 		 right 50% no-repeat #fff;
		border: 			2px dotted #ccc;
		margin-bottom: 		5px;
		padding: 			3px 10px;
	}

	.am_group_count
	{
		position: relative;
	}

	.am
	{
		background: 		url('../../img/icon_move.png') right 50% no-repeat #EEE;
		border: 			1px solid #CFCFCF;
		margin-bottom: 		5px;
		padding: 			3px 10px;
		cursor: move;
		height: 18px;
	}

	.am_hover
	{
		background: 		url('../../img/icon_move_2.png') right 50% no-repeat #E8E8E8;
		border: 			1px solid #666;
		margin-bottom: 		5px;
		padding: 			3px 10px;
	}

	.am_active
	{

		background: 		url('../../img/arrow_right.png') right 50% no-repeat #ffE8E8;



	}

	.thlist{

		background: 		url('../../img/icons/closed.png') 0px 3px no-repeat #efefef;
		text-indent: 12px;
		cursor: pointer;
	}

	.thlist_open{

		background: 		url('../../img/icons/open.png') 0px 3px no-repeat #efefef;
		text-indent: 12px;
	}

	#grouplist_left
	{
		background:			#FFF;
		border:				1px solid #CFCFCF;
		float:				left;
		padding:			10px;
		width:				380px;
	}

	#settinglist_left
	{
		background:			#FFF;
		border:				1px solid #CFCFCF;
		float:				left;
		padding:			10px;
		width:				200px;
	}

	#settinglist_right
	{
		position: 			relative;
		background:			#FFF;
		border:				1px solid #CFCFCF;
		margin-left:		260px;
		min-height:			100px;
		padding:			10px;

	}

	#job_queue
	{
		margin-top: 10px;
		position: 			relative;
		background:			#FFF;
		border:				1px solid #CFCFCF;
		margin-left:		260px;
		min-height:			100px;
		padding:			10px;

	}

	#grouplist_right
	{
		position: relative;
		background:			#FFF;
		border:				1px solid #CFCFCF;
		margin-left:		430px;
		min-height:			100px;
		padding:			10px;

	}

	#grouplist_full
	{
		position: 			relative;
		background:			#FFF;
		border:				1px solid #CFCFCF;
		min-height:			100px;
		margin:				10px;
		padding:			10px;

	}

	.func_icons { float: right; }


/** Formulare **/

	label
	{
 		display: 			inline-block;
 		font-weight:		bold;
		margin-right:		20px;
		width:				80px;
	}

	input[type=text], input[type=password]
	{
		border:				1px solid #CFCFCF;
		margin-bottom:		10px;
		padding:			3px;

	}

	input[class=checkbox_list]
	{
		border:				1px solid #CFCFCF;
		margin-bottom:		10px;
		padding:			3px;
		float:				left;
	}


	input[readonly]
	{
		border:				1px solid #CFCFCF;
		margin-bottom:		10px;
		padding:			3px;
		background: 		#ddd;

	}
	input[readonly=readonly]
	{
		border:				3px solid #CFCFCF;
		margin-bottom:		10px;
		padding:			3px;
		background: 		#ddd;

	}

	select.invisible{

		display: none;
	}


	input[type=submit]
	{
		border:				1px solid #CFCFCF;
		margin-left:		104px;
		padding:			3px 10px 5px;
	}

	input.inline_input
	{
		background: 		#EEE;
		border: 			1px solid #CFCFCF;
		margin-bottom:		5px;
		padding:			3px 10px;
		width: 				400px;
	}

	a.inline_save
	{
		margin-left:		10px;
	}

/** Help **/
	#help
	{
		width: 100%;
		position: fixed;
		overflow: hidden;
		height: 1000px;
		background-color: rgba(0,0,0,.5);
		//z-index: 2003;
		text-align: center;
		vertical-align: middle;
		display: none;
		z-index: 101;
	}

	#help_frame
	{

		display: table;

		min-height: 150px;
		margin:auto;
		margin-top: 200px;
		border: 1px solid #000;

		background: #fff	url(../../img/background_login.png) 0 0px repeat-x;
	}


	#help_frame h2{
		padding: 0px;
		margin: 3px 0px 20px 0px;
		font-size: 14px;
		color: #fff;

	}

	#help_text
	{
		padding: 3px 20px 20px 20px;

	}

	#help_text .help_info
	{
		color: #666;
		background-color: transparent;
		margin: 0;
    	padding: 0;
	}

	#help_ok
	{
		width: 80px;
		background-color: #666;
		color: #fff;
		padding: 5px;
		z-index: 2001;
		margin: auto;
	}

/** Help **/
	#info
	{
		width: 100%;
		position: fixed;
		overflow: hidden;
		height: 1000px;
		background-color: rgba(0,0,0,.5);
		//z-index: 2003;
		text-align: center;
		vertical-align: middle;
		display: none;
		z-index: 101;
	}

	#info_frame
	{

		display: table;

		min-height: 150px;
		margin:auto;
		margin-top: 200px;
		border: 1px solid #000;

		background: #fff	url(../../img/background_login.png) 0 0px repeat-x;
	}


	#info_frame h2{
		padding: 0px;
		margin: 3px 0px 20px 0px;
		font-size: 14px;
		color: #fff;

	}

	#info_text
	{
		padding: 3px 20px 20px 20px;

	}

	#info_text .info_info
	{
		color: #666;
		background-color: transparent;
		margin: 0;
    	padding: 0;
	}

	#info_ok
	{
		width: 80px;
		background-color: #666;
		color: #fff;
		padding: 5px;
		z-index: 2001;
		margin: auto;
	}

/** fullscreen_mode **/
	#fullscreen_mode{
		width: 100%;
		position: fixed;
		overflow: hidden;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		 z-index: 2000;
		text-align: center;
		vertical-align: middle;
		display: none;
		z-index: 100;

	}

	#fullscreen_mode_frame
	{
		min-height: 150px;
		margin:auto;
		margin-top: 200px;
		border: 1px solid #000;
	}

/** Popup **/

	#popup2{
		width: 100%;
		min-height: 100%;
		position: absolute;
		overflow: hidden;
		height: 1000px;
		background-color: rgba(0,0,0,.5);
		 z-index: 2000;
		text-align: center;
		vertical-align: middle;
		display: none;
		z-index: 100;

	}

	#popup
	{
		width: 100%;
		min-height: 100%;
		position: absolute;
		overflow: hidden;
		background-color: rgba(0,0,0,.5);
		//z-index: 2000;
		text-align: center;
		vertical-align: middle;
		display: none;
		z-index: 99;
	}

	#popup_frame
	{

		display: table;

		/*min-height: 150px;*/
		margin:auto;
		margin-top: 200px;
        margin-bottom: 200px;
		border: 1px solid #000;

		background: #fff	url(../../img/background_login.png) 0 0px repeat-x;
	}


	#popup_frame h2{
		padding: 0px;
		margin: 3px 0px 20px 0px;
		font-size: 14px;
		color: #fff;

	}



	#popup_text
	{
		padding: 3px 20px 20px 20px;

	}



	#popup_text .popup_info
	{
		color: #666;
		background-color: transparent;
		margin: 0;
    	padding: 0;
	}


	#popup_abort
	{

		width: 80px;
		background-color: #666;
		color: #fff;
		padding: 5px;
		z-index: 2001;
		float: right;
	}

	#popup_ok
	{
		width: 80px;
		background-color: #666;
		color: #fff;
		padding: 5px;
		z-index: 2001;
		float: left;
		margin-right: 2px;
	}

	.amlistname{

		float: left;

	}

	.amlistname_overflow{
		float: left;
		overflow: hidden;
		width: 245px;
		height: 17px;
		white-space: nowrap;
		//border: 1px solid black;

	}

/** Icons **/
	a
	{
		z-index: 10;
	}

	a.icon_amdetails
	{
		background:			url('../../img/wrench.png') 0px -2px no-repeat;
		 float: right;
	 	display:			block;
		height:				16px;
		margin-left:		4px;
		width:				20px;
		cursor: pointer;
	}

	a.icon_amdata
	{
		background:			url('../../img/information.png') -3px -3px no-repeat;
		float: right;
		display:			block;
		height:				16px;
		margin-left:		4px;
		width:				16px;
		cursor: pointer;
	}

	a.icon_statistics
	{
		background:			url('../../img/chart_bar.png') -2px -3px no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		4px;
		width:				16px;
		cursor: pointer;

	}

	a.icon_addGroup
	{
		background:			url('../../img/icons/folder_add.png') left top no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		8px;
		width:				16px;
		cursor: pointer;
	}

	a.icon_addGroup_inactive
	{
		background:			url('../../img/icons/folder_add_inactive.png') left top no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		8px;
		width:				16px;
		cursor: pointer;
	}
	a.icon_addGroup_inactive:hover
	{
		text-decoration:		none;
	}

	a.icon_addAm
	{
		background:			url('../../img/icons/add.png') left -3px no-repeat;
		display:			block;
		float: 				right;
		height:				17px;
		margin-left:		2px;
		width:				17px;
		cursor: pointer;
	}

	a.icon_addAm:hover
	{
		/*background-position:	left -16px;*/
		text-decoration:		none;
	}

	a.icon_addAm_inactive
	{
		background:			url('../../img/icons/add_inactive.png') left -3px no-repeat;
		display:			block;
		float: 				right;
		height:				17px;
		margin-left:		2px;
		width:				17px;
		cursor: pointer;
	}
	a.icon_addAm_inactive:hover
	{
		/*background-position:	left -16px;*/
		text-decoration:		none;
	}

	a.icon_addUser
	{
		background:			url('../../img/icons/user_add.png') left -3px no-repeat;
		display:			block;
		float: 				right;
		height:				17px;
		margin-left:		2px;
		width:				17px;
		cursor: pointer;
	}

	a.icon_addNcl
	{
		background:			url('../../img/icons/user_add.png') left -3px no-repeat;
		display:			block;
		float: 				right;
		height:				17px;
		margin-left:		2px;
		width:				17px;
		cursor: pointer;
	}

	a.icon_addGroup:hover
	{
		background-position:	left -16px;
		text-decoration:		none;
	}

	a.icon_editGroup
	{
		background:			url('../../img/icons/folder_edit.png') left top no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		8px;
		width:				16px;
		cursor: pointer;
	}
	a.btn_editGroup
	{
		background:			url('../../img/icons/folder_edit.png') left top no-repeat;
		display:			block;
		height:				16px;
		margin-left:		8px;
		width:				16px;
		cursor: pointer;
	}

	a.icon_editGroup:hover
	{
		background-position:	left -16px;
		text-decoration:		none;
	}

	a.btn_editGroup_inactive
	{
		background:			url('../../img/icons/folder_edit_inactive.png') left top no-repeat;
		display:			block;
		height:				16px;
		margin-left:		8px;
		width:				16px;
		cursor: pointer;
	}

	a.icon_editGroup_inactive:hover
	{
		background-position:	left -16px;
		text-decoration:		none;
	}

	a.icon_deleteGroup
	{
		background:			url('../../img/bin_closed.png') -3px -3px no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		2px;
		width:				16px;
		cursor: pointer;

	}

	a.icon_deleteGroup:hover
	{
		/*background-position:	left -16px;*/
		text-decoration:		none;
	}

	a.icon_delete_inactive
	{
		background:			url('../../img/bin_closed_inactive.png') -3px -3px no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		2px;
		width:				16px;
		cursor: pointer;

	}

	a.icon_delete_inactive:hover
	{
		/*background-position:	left -16px;*/
		text-decoration:		none;
	}

	a.icon_copy
	{
		background:			url('../../img/copy.png') -2px -1px no-repeat;
		display:			block;
		float: 				right;
		height:				19px;
		margin-left:		8px;
		margin-top:			2px;
		width:				19px;
		cursor: 			pointer;
	}

	a.icon_help
	{
		background:			url('../../img/help.png') -3px -3px no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		8px;
		margin-top:			2px;
		width:				16px;
		cursor: 			pointer;
	}

	a.icon_save
	{
		background:			url('../../img/icons/disk.png') left top no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		8px;
		margin-top:			2px;
		width:				16px;
		cursor: pointer;
	}

	a.icon_save:hover
	{
		background-position:	left -16px;
		text-decoration:		none;
	}

	a.icon_search
	{
		background:			url('../../img/search.png') left top no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-top:			2px;
		width:				16px;
		cursor: pointer;
	}

	a.icon_search:hover
	{
		text-decoration:		none;
	}



	a.icon_cancel
	{
		background:			url('../../img/icons/cross.png') left top no-repeat;
		display:			block;
		float: 				right;
		height:				16px;
		margin-left:		8px;
		margin-top:			2px;
		width:				16px;
	}

	a.icon_cancel:hover
	{
		background-position:	left -16px;
		text-decoration:		none;
		cursor: pointer;
	}



	a.icon_toggleGroup
	{
		background:			url('../../img/icons/closed.png') left top no-repeat;
		display:			block;
		float: 				left;
		height:				16px;
		margin-right:		8px;
		width:				16px;
		cursor: pointer;

	}
	a.icon_toggleGroup:hover
	{
		text-decoration:		none;
	}

	.open a.icon_toggleGroup
	{
		background:			url('../../img/icons/open.png') left top no-repeat;
		display:			block;
		float: 				left;
		height:				16px;
		margin-right:		8px;
		width:				16px;

	}

	a.reference:hover
	{
		cursor: pointer;
	}

	a.icon_release_filter {
		background:			url('../../img/cancel.png') left -3px no-repeat;
		display:			block;
		height:				17px;
		margin-left:		2px;
		width:				17px;
		float: 				right;
		right: 				77px;
		position: 			relative;
		cursor: 			pointer;
	}

    div.icon_arrow_down
	{
		background:			url('../../img/arrow_down_2.png') right  center no-repeat;
		display:			block;
		float: 				left;
		height:				18px;
		width:				30px;
		cursor:             pointer;

	}

    div.icon_arrow_up
	{
		background:			url('../../img/arrow_up_2.png') right  center no-repeat;
		display:			block;
		float: 				left;
		height:				18px;
		width:				30px;
		cursor:             pointer;

	}


/** Alert Boxes **/

	#popup_container
	{
		font-family:  "Trebuchet MS",Tahoma,Geneva,sans-serif;
		font-size: 12px;
		min-width: 300px; /* Dialog will be no smaller than this */
		max-width: 600px; /* Dialog will wrap after this width */
		background: #FFF;
		border: solid 1px #CFCFCF;
		color: #666;
	}

	#popup_title
	{
		font-size: 14px;
		font-weight: bold;
		line-height: 1.75em;
		color: #666;
		background: #CCC url(../../img/title.gif) top repeat-x;
		border: solid 1px #FFF;
		border-bottom: solid 1px #999;
		cursor: default;
		padding: 0em 0em 0em 1em;
		margin: 0em;
	}

	#popup_content
	{
		background: 16px 16px no-repeat url(../../img/info.gif);
		padding: 1em 1.75em;
		margin: 0em;
	}

	#popup_content.alert
	{
		background-image: url(../../img/info.gif);
	}

	#popup_content.confirm
	{
		background-image: url(../../img/important.gif);
	}

	#popup_content.prompt
	{
		background-image: url(../../img/help.gif);
	}

	#popup_message
	{
		padding-left: 48px;
	}

	#popup_panel
	{
		text-align: center;
		margin: 1em 0em 0em 1em;
	}

	#popup_prompt
	{
		margin: .5em 0em;
	}

	th.header div{
    	background: url(../../img/sortable.gif)  center right no-repeat;
    	cursor: pointer;
    	float: left;
    	padding-right: 10px;

    }

	th.headerSortDown div {
    	background: url(../../img/sort_down.gif) center right no-repeat;

	}
	th.headerSortUp div {
    	background: url(../../img/sort_up.gif)  center right no-repeat;

	}

	th.headerSortUp, th.headerSortDown{

		background: #efefef;
	}

	#readoutSelect{

		position: absolute;
		right: 10px;
		z-index: 2;
	}
	#readoutSelect select{

	}

	#ro_time_flag {
		display: none;

	}

	#amtypeSelect{

		position: absolute;
		right: 20px;
		z-index: 2;
	}

	#amtypeSelect label{

		width: 150px;
	}

	#lang_selector{

		position: absolute;
		right: 0px;
		margin-right: 80px;
		z-index: 2000;
	}

	#lang_selector a{
		color: #fff;
	}

	#login{
		position: fixed;

		width: 100%;
		height: 2000px;

		background-color: #efefef;
		z-index: 3000;
		-webkit-box-shadow: 10px 0px 10px #000;
		-moz-box-shadow: 10px 0px 10px #000;
	}

	#login .msg{
		display: none;
		color: #f44;
		margin-bottom: 5px;
		text-align: center;

	}

	#login_window{
		position: fixed;
		width: 300px;
		/* height: 70px; */
		height: auto;
		margin-left: 50%;
		left: -150px;
		border: 4px solid #fff;
		padding: 60px 20px;
		background:  url(../../img/logo.png) 15px 10px no-repeat #555;
		top: 100px;
		-webkit-box-shadow: 0px 0px 20px  #000;
		-moz-box-shadow: 10px 0px 20px #000;

	}
	#login .pwSuccessMsg{
		display: none;
		color: #bada55;
		margin-bottom: 5px;
		text-align: center;
	}
	#password_change .button{
		width: auto;
	}
	#login .pwField{
		margin-top: 10px;
	}
	#login_window label{
		color: #fff;
	}

	#login_window .button{
		float: right;
	}

	#login_window input{
		width: 190px;


	}

	#ft{

		position: absolute;
		margin-left: 5px;
		width: 120px;
		font-weight: normal;

	}

	#ft_search label{
		width: 20px;
		font-weight: normal;

	}

	#ft_search{
		margin-left: 50px;

		position: absolute;
		left: 192px;
		width: 200px;
		top:48px;
	}

	#ft_adv_search a{

		position: absolute;
		left: 295px;
		top:70px;
		font-size: 11px;
		cursor: pointer;
	}

	#search_result {
		text-align: center;
		color: #333;
		font-size: 14px;
		position: relative;

	}

	#search_result a{
		cursor: pointer;

	}

	.name_default{
		color: #C2C2C2;
	}

	#custonToolTip {
	    position:absolute; /* das ist zwingend notwendig, damit der Tooltip der Maus folgen kann */
	    display:none; /* auch wichtig damit der Tooltip leer nicht gezeigt wird */
	    border:1px solid #000;
	    background:#787878;
	    padding:0.25em;
	    color: #F2F2F2;
	    //opacity: 0.7;
		z-index: 2001;
	}

	#line {
	border-bottom: 2px solid #800;
	}
	#line2 {
	border-top: 2px solid #800;
	}

	#line3 {
	border-bottom: 2px solid lightgray;
	margin-bottom: 5px;
	margin-top: 5px;
	}


	.controll_filter_right{
		padding: 10px;
		float: right;
		width: 300px;
		margin-right: 40px;
		border-left: 1px solid #999;
		border-top: 1px solid #999;
		background: #F2F2F2;
		overflow:	hidden;
	}


	.machine_filter_left {
		padding: 	10px;
		float: 		left;
		width: 		300px;
		margin-right: 20px;
		float: 		left;
		width: 		33%;
		border-left:1px solid #999;
		border-top: 1px solid #999;
		background: #efefef;
		overflow:	hidden;

	}

	.machine_filter_right{
		padding: 10px;
		float: left;
		width: 55%;
		border-left: 1px solid #999;
		border-top: 1px solid #999;
		background: #efefef;
	}
	.machine_filter_right li{
		margin-left: 10px;
	}

	.machine_filter_right li.machine{

		margin-left: 30px;
		background: #eee;
	}

	#machine_count {
		margin: 10px;
		margin-left: 30%;
		color: #999;
	}

	.stat_filter_left {
		padding: 10px;
		float: left;
		width: 300px;

		margin-right: 20px;
		float: left;
		width: 300px;
		border-left: 1px solid #999;
		border-top: 1px solid #999;
		background: #efefef;

	}

	.stat_filter_right{
		padding: 10px;
		float: left;
		width: 300px;
		border-left: 1px solid #999;
		border-top: 1px solid #999;
		background: #efefef;
	}

	.stat_filter_right li{

		margin-left: 10px;


	}

	.stat_filter_right li.kw{

		font-weight: bold;
		color: #999;
		font-size: 10px;
		background: #eee;
		border-bottom: 1px solid #fefefe;
	}

	.stat_filter_right li input[type=checkbox]{

		margin-right: 10px;
		font-size: 10px;

	}

	.clearfix{

		clear: both;
	}

	.monitor_state {
		float:left;
		width: 17px;
		height: 17px;
		margin-right: 1px;
		background-color: #e8e8e8;
		margin-bottom: 1px;
		box-shadow:3px 2px 2px #E2E2E2;

	}
	.monitor_state_leg_cont {
		float:left;
		margin-right: 10px;
	}
	.monitor_state_leg_col {
		float:left;
		text-align:center;
		width: 15px;
		height: 15px;
		margin-right: 5px;
		box-shadow:3px 2px 2px #E2E2E2;
	}
	.monitor_state_leg_text {
		float: left;
	}

	.monitor_contact_stat{
		position:relative;

		width: 200px;
		height: 50px;
		padding-left: 5px;
		margin-right: 5px;
		background-color: #fafafa;
	}



	.snackdata{
		font-size: 11px;

	}

	.snackdata td{

		border: 1px solid #ccc;
	   vertical-align: top;
	}

	.snackdata thead{
		text-align: center;

	}

	.snackdata th{
		background: #ccc;
		text-align: center;
		text-shadow: 1px 1px 1px #fff;
	}

	.snackdata .prodnum{

		text-align: center;
		font-size: 14px;
		padding-bottom: 5px;

	}

	.snackdata .prodname{
		width: 100%;
		text-align: center;
		font-weight: bold !important;
	}

	.snackdata .proddesc{

		text-align: center;
		clear: both;
		padding-bottom: 5px;

	}

	#version_footer {

		font-size: 9px;
	   	position: absolute;
		margin-left: 49%;
		bottom: 5px;
		color: #999;
	}

	.warn1{
		background: #fcc;

	}

	.warn2{
		background: #eea;

	}
	.warn3{
		background: #cfc;

	}

	.err_map_selection {
		overflow: scroll;
		width: 300px;
		height: 300px;
		text-align: left;
	}

	.rights_map_label {
		width: 244px;
	}

	.readout_select_loading {
	display:block;
	width:30px;
	height:30px;
	background-image: url(../../img/loading.gif);
	}

	.archive_machine {
		color:			#dda425;

	}

    .readoutList {
        clear:  both;
        width: 160px;
        max-height: 300px;
        text-align: center;
        overflow-y: scroll;
        display: none;
        background-color: #fff;
        border: 1px solid #CFCFCF;
    }

    .readout-entry {
        cursor: pointer;
    }

    .readout-entry-active {
        border: 1px solid #CFCFCF;
    }

    .readout-btn {
        width: 160px;
        height: 20px;
        background-color:   #efefef;
        border: 1px solid #CFCFCF;
    }

    .arrow {
        background-color: #efefef;
        float:left;
        height:18px;
        border: 1px solid #CFCFCF;
    }

    .readoutLabel {
        float:  left;
        margin-right: 10px;
    }