/* NOTE :  THIS FILE IS SHARED BY WEB AND APP */

.intra_header_left
{
	position:fixed;
	
	left:0px;
	top:0px;
	/*width:95%;*/
	height:65px;
	z-index:100;
	
	background-color:#ffffff;
	text-align:left;
}

.intra_header_left .content
{
	/*margin-left:40px;*/
	position:relative;
	
	height:65px;
	border-bottom:1px solid #888888;
}

.intra_header_center
{
	position:fixed;

	left:25%;
	top:20px;
	width:50%;
	height:25px;
	z-index:100;
	
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#999999;
	
	overflow:hidden;
	
	text-overflow: ellipsis;
}

.intra_header_center.small_font
{
	top:24px;
	font-size:15px;
	height:18px;
}

.intra_header_center.tiny_font
{
	top:26px;
	font-size:12px;
	height:15px;
}

.intra_header_right
{
	position:fixed;
	
	top:0px;
	/*width:320px;*/
	width:100%;
	max-width:360px;
	height:65px;
	
	z-index:100;
	text-align:right;
}

.intra_footer
{
	/*margin:40px 40px;*/
	border-top:1px solid #888888;
	height:100px;
}

.intra_logo
{
	display:block;
	position:absolute;
	/*left:45px;*/
	top:22px;
}

.intra_park_logo
{
	display:block;
	position:absolute;
	/*left:45px;*/
	top:5px;
}

.intra_navigation
{
	position:absolute;
	right:0px;

	top:14px;
}

.intra_navigation a,
.intra_navigation .label
{
	float:left;
	display:block;
	
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:15px;
	color:#666666;
}

.intra_navigation_bottom
{
	float:right;
}

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

/*
.intra_navigation a:hover
{
	color:#FF360C;
	background-image:url(../img/navigation/rollover.png);
	background-repeat:no-repeat;
}
*/

.intra_navigation .navigation_texted
{
	width:150px;
	height:40px;
	background-image:url(../img/navigation/text-bg.png);
}

.intra_navigation .navigation_texted.text_highlighted
{
	background-image:url(../img/navigation/text-bg-highlight.png);
}

/*
.intra_navigation a:hover .navigation_texted
{
	color:#ffffff;
	background-image:url(../img/navigation/text-bg-hover.png);
}
*/

.intra_navigation .navigation_texted img
{
	float:left;
	margin-right:3px;
}

.intra_navigation .navigation_texted div
{
	text-align:left;
}

.intra_content
{
	padding-top:100px;
	width:100%;
}

.intra_spacer
{
	/*
	margin-left:40px;
	margin-right:40px;
	*/
}

.intra_tool_group_static
{
	position:relative;
	/*
	border:1px dotted #555555;
	padding:20px 10px 5px 10px;
	*/
}

.intra_tool_group_static.login_panel
{
	text-align:left;
}

/*
.login_footer
{
	text-align:right;
}
*/

.intra_tool_group_static .intra_tool_group_label
{
	position:absolute;
	top:-10px;
	color:#555555;
	/*font-size:14px;*/
	
	display:inline;
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	/*
	margin-left: 15px;
	margin-right: 15px;
	*/
	
	font-weight: bold;
	text-transform: uppercase;
}

.intra_item
{
	float:left;
	position:relative;
	
	/*
	width:200px;
	height:150px;
	margin:0px 5px 5px 0px;
	*/
	
	text-decoration:none;
	text-align:center;
	overflow:hidden;
	color:#888888;
	font-weight:bold;
	
	border:2px solid #ffffff;
}

/*.intra_item:hover,*/
.intra_item.selected
{
	/*background-color:#FF360C;*/
	color:#FF360C;
	border:2px solid #FF360C;
	/*background-image:url(../img/bg/intra-item-selected.png);*/
}

.intra_item_status
{
	position:absolute;
	right:10px;
	top:10px;
	width:24px;
	height:24px;
}

.intra_item_status.remote_measure
{
	right:38px;
}

.intra_item_status_second
{
	position:absolute;
	left:10px;
	top:10px;
	width:24px;
	height:24px;
}

.intra_item_status_journal
{
	position:absolute;
	left:92px;
	top:12px;
	width:64px;
	height:24px;
}

/*
.intra_item_status.ticket
{
	box-sizing:border-box;
	width:48px;
	padding:4px 4px 4px 20px;
	
	font-size:12px;
	font-weight:bold;
	text-align:center;
	
	color:#444444;
	background-image:url(../img/navigation/notification-count-ticket.png);
}
*/

.notification_wrapper
{
	position:relative;
}

.notification_placer
{
	position:absolute;
	left:4px;
	top:18px;
	width: 64px;
	height: 24px;
}

.intra_item_status_journal .intra_item_journal_count,
.notification_placer .notification_count
{
	display: table-cell;
	color: #ffffff;
	width: 64px;
	height: 24px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	/*background-image: url(../img/icon/ledgroupcount.png);*/
	background-image:url(../img/navigation/notification-count-bg.png);
	background-repeat:no-repeat;
	background-position:center;
}

.intra_item_status_journal .intra_item_journal_count.small,
.intra_item_status_journal .intra_item_journal_count.verysmall
{
	font-size:10px;
}

.intra_item_status_journal .intra_item_journal_count.verysmall
{
	/*background-image: url(../img/icon/ledgroupcount-many.png);*/
	background-image: url(../img/navigation/notification-count-many.png);
}

.intra_item_status_group_count
{
	display:table-cell;
	width:24px;
	height:24px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	background-image:url(../img/icon/ledgroupcount.png)
}

.intra_building_photo_wrapper
{
	/*
	left:5px;
	top:5px;
	width:190px;
	height:142px;
	*/
	overflow:hidden;
}

.intra_building_photo
{
	/*
	height:142px;
	margin-left:-12px;
	*/
}

.intra_item_name,
.intra_building_name,
.intra_building_name_empty
{
	position:absolute;
	left:0px;
	bottom:0px;
	padding:5px 0px;
}

.intra_building_name
{
	color:#ffffff;
	background-image:url(../img/bg/building-icon-name.png);
}

.intra_building_name_empty
{
	color:#888888;
}

/*
.intra_item:hover .intra_building_name,
.intra_item:hover .intra_building_name_empty
{
	background-color:#FF360C;
	color:#ffffff;
	background-image:none;
}
*/

/*
.intra_icon
{
	width:150px;
	height:80px;
	margin:10px 0px 10px 0px;
}
*/

.intra_icon_park
{
	/*
	width:140px;
	height:50px;
	margin:25px 0px 25px 0px;
	*/
}

.intra_typo_filter
{

}

.intra_filter_panel
{
	/*border-bottom:1px dashed #888888;*/
	border-bottom:1px dotted #888888;
	text-align:left;

	/*	
	font-size:12px;
	padding:0px 10px 10px 0px;
	margin:10px 5px 10px 5px;
	*/
}

.intra_progress_bar_container
{
	display:none;
	max-width:500px;
	width:100%;
	margin:10px auto;
}

.intra_progress_bar_title
{
	color:#444444;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:25px;
}

.intra_progress_bar_box
{
	width:100%;
	height:50px;
	border:2px solid #888888;
	background-image:url(../img/progress/passive.png);
	position:relative;
}

.intra_progress_bar
{
	width:0%;
	height:50px;
	background-image:url(../img/progress/active.png);
}

.intra_progress_label
{
	position:absolute;
	left:25%;
	width:50%;
	top:14px;
	height:25px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}

.intra_tool_panel
{
	position:relative;
	margin:0px 0px 15px 0px;
	padding:0px  0px 15px 0px;
	min-height:25px;
	border-bottom:1px dotted #888888;
}

.intra_tool_panel .left
{
	position:absolute;
	left:0px;
}

.intra_tool_panel .right
{
	position:absolute;
	right:0px;
}

.intra_filter_panel a
{
	text-decoration:none;
	margin-right:15px;
	color:#000000;
	display:block;
}

/*
.intra_filter_panel a:hover
{
	color:#FF360C;
}
*/

.intra_filter_panel a.selected
{
	color:#FF360C;
	font-weight:bold;
}

.intra_item_status_overview
{
	font-weight:bold;
}

.intra_item_status_overview .status_details
{
}

.intra_item_status_overview .status_details img
{
	float:left;
	margin-right:5px;
}

.intra_item_status_overview .status_details .label
{
	float:left;
	padding-top:8px;
	width:auto;
}

/*
.intra_item_status_table
{
	font-weight:bold;
	font-size:12px;
}

.intra_item_status_table img
{
	margin-left:15px;
}
*/

.anchor
{
	display: block;
	height: 120px;
	margin-top: -120px;
	visibility: hidden;
}

.intra_building_photo
{
	float:left;
}

.intra_info_table
{
	float:left; 
	border-spacing: 0px;
	border-collapse: separate;
	margin-right:10px;
	overflow:hidden;
}

/*
.intra_info_table,
.intra_photo_table
{ 
	border-spacing: 0px;
	border-collapse: separate;
	font-size:12px;
}

.intra_info_table td,
.intra_photo_table td
{
	padding:0px;
}

.intra_info_table
{
	float:left;
	margin-left:25px;
}

.intra_photo_table
{
	float:right;
	margin-right:10px;
	margin-bottom:15px;
}

.intra_photo
{
	width:300px;
	height:200px;
}

.intra_photo_wrapper
{
	width:300px;
	height:200px;
	background-color:#aaaaaa;
}
*/

.intra_separator
{
	margin:25px 0px;
}

.intra_building_modules
{
	float:left;
	width:800px;
}

.intra_building_modules a
{
	display:block;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	width:390px;
	padding:10px 0px 10px 10px;
	background-color:#aaaaaa;
	text-align:left;
	margin-bottom:10px;
}

/*
.intra_building_modules a:hover
{
	background-color:#FF360C;
	color:#ffffff;
}
*/

.intra_form_wrapper
{
}

.intra_form_wrapper input,
.intra_form_wrapper select,
.intra_form_wrapper textarea,
.intra_form_wrapper button
{
	width:95%;
	max-width:500px;
}

/*
.login_panel_annex
{
	height:40px;
	margin-top:5px;
}
*/

.intra_info_table.option_table .lang
{
	margin-right:15px;
}

.intra_info_table.option_table a.lang
{
	text-decoration:none;
}

.intra_info_table.option_table b.lang
{
	color:#FF360C;
}

.intra_info_table.option_table .device,
.login_panel_annex .device
{
	margin-left:15px;
}

.intra_info_table.option_table .device.selected,
.login_panel_annex .device.selected
{
	background-image:url(../img/navigation/rollover.png);
}

.intra_info_table.option_table.devices
{
	min-height:auto;
}

.intra_info_table.option_table.devices td
{
	padding-right:10px;
}

.intra_info_table.option_table.devices td.no_padding
{
	padding-right:0px;
}

.intra_info_table.option_table.devices tr.selected
{
	background-color:#FF360C;
	color:#ffffff;
}

/*
.get_measure_table
{
	margin:20px 0px 0px 25px;
	width:560px;
}

.get_measure_title,
.get_measure_content
{
	font-size:14px;
	text-transform:uppercase;
	padding-bottom:20px;
}

.get_measure_title
{
	font-weight:bold;
}

.get_measure_value_cell
{

	background-image:url(../img/bg/select-value-spinner-bg.png);
	background-position:left center;
	background-repeat:repeat-x;

}
*/

.get_measure_button
{
	border-width:0px;
	font-size:18px;
	padding:10px 20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#aaaaaa;
}

.meter_name
{
	width:100%;
	overflow:hidden;
}



.delta_days
{
	font-weight:bold;
	display:inline;
	padding:2px 6px;
	margin-left:10px;
}

.delta_days.purple
{
	color:#ffffff;
	background-color:#AB00C1;
}


.delta_days.red
{
	color:#ffffff;
	background-color:#D60606;
}

.delta_days.yellow
{
	color:#000000;
	background-color:#FCCF06;
}

.delta_days.orange
{
	color:#ffffff;
	background-color:#FF7300;
}

.delta_days.green
{
	color:#ffffff;
	background-color:#54AC3F;
}

.lightbox_header
{
	background-color:#000000;
	padding:15px;
}

.lightbox_header h2
{
	float:left;
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
	width:300px;
	margin:0px;
	padding-top:18px;
	padding-left:15px;
}

.lightbox_header .tool_icon
{
	height:60px;
	float:left;
	background-color:#ffffff;
}

.perm_link
{
	float:left;
	width:120px;
	text-align:center;
	display:block;
	text-decoration:none;
	margin-bottom:10px;
}

.perm_link img
{
	width:80px;
	margin-bottom:10px;
}

.news_element
{
	display:block;
	overflow:hidden;
	text-decoration:none;
	border:2px solid #ffffff;
}

.news_element .date
{
	font-style:italic;
	color:#888888;
}

.news_element .title
{
	font-weight:bold;
	margin:5px 0px;
}

.news_element .description
{
	color:#888888;
}

.reduced_button,
.reduced_button_small
{
	float:left;
	border-width:0px;
	cursor:pointer;
	font-size:12px;
	min-width:120px;
	text-align:center;
	background-image:none;
	color:#ffffff;
	background-color:#888888;
	padding:5px 10px;
	font-weight:bold;
}

.reduced_button_small
{
	font-size:10px;
	min-width:100px;
	padding:3px 6px;
	height:auto;
}

hr.vertical_clear_line
{
	clear:both;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom:1px dotted #888888;
	margin:0px;
	padding:5px 0px 10px 0px;
}

hr.vertical_line
{
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom:1px dotted #888888;
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 0px;
}

.reduced_table
{
	border-right:1px solid #888888;
	border-bottom:1px solid #888888;
	border-spacing: 0px;
	border-collapse: separate;
}

.reduced_table td
{
	border-left:1px solid #888888;
	border-top:1px solid #888888;
	padding:2px;
}

.park_view_modes
{
	float:right;
}

.park_view_modes a
{
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin:0px 0px 0px 10px;
}

.park_view_modes a.selected
{
	background-image:url(../img/navigation/rollover.png);
}

.intra_list_entry
{
	float:left;
	position:relative;
	width:100%;
	font-size:10px;
	border-bottom:1px dotted #888888;
	margin-bottom:5px;
}

.intra_list_entry .intra_item_status
{
	left:170px;
	top:32px;
}

.intra_list_entry .intra_item_status.remote_measure
{
	left:142px;
	top:32px;
}

/*
.intra_list_entry .intra_item_status.ticket
{
	left:146px;
}
*/

.intra_list_entry .intra_item_status_second
{
	left:15px;
	top:32px;
}

.intra_list_entry table
{
	font-size:10px;
}

.intra_list_entry table td.spaced
{
	padding-right:15px;
}

.intra_list_entry a
{
	text-decoration:none;
}

.intra_list_entry .thumbnail
{
	height:110px;
}

.intra_pagination
{
	border-bottom:1px dotted #888888;
	padding-bottom:10px;
}

.intra_pagination a,
.intra_pagination b
{
	float:left;
	text-align:center;
	display:block;
}

.intra_pagination a
{
	text-decoration:none;
	color:#989898;
	border:1px solid #cccccc;
}

.intra_pagination b
{
	color:#585858;
	border:1px solid #ffffff;
}

.intra_pagination.dashboard a,
.intra_pagination.dashboard b
{
	width:200px;
}

.tendency_table
{
	width:240px;
}

.tendency_table td
{
	width:80px;
}

.tendency_table .title_cell
{
	padding-bottom:10px;
}

.tendency_table .content_cell
{
	height:55px;
}

.tendency_table .consumption_separator
{
	margin:2px auto;
	width:90%;
	border-top:1px solid #888888;
}

.consumption_economy
{
	font-weight:bold;
	font-size:15px;
	line-height:18px;
	height:60px;
}

.consumption_economy .abs_value
{
	font-size:10px;
	line-height:12px;
}

.consumption_economy.positive
{
	color:#E10000;
}

.consumption_economy.neutral
{
	color:#444444;
}

.consumption_economy.negative
{
	color:#138D00;
}