/*
** Zabbix
** Copyright (C) 2001-2013 Zabbix SIA
**
** This program is free software; you can redistribute it and/or modify
** it under the terms of the GNU General Public License as published by
** the Free Software Foundation; either version 2 of the License, or
** (at your option) any later version.
**
** This program is distributed in the hope that it will be useful,
** but WITHOUT ANY WARRANTY; without even the implied warranty of
** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
** GNU General Public License for more details.
**
** You should have received a copy of the GNU General Public License
** along with this program; if not, write to the Free Software
** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
**/

/************************************************************/
/*					ZABBIX MESSAGING						*/
/************************************************************/
div.messagecontainer {
	position: absolute;
	top: 84px;
	right: 0;
	background-color: #94A1BB;
	border: 2px solid #FFFFFF;
	z-index: 1000;
}
div.messagecontainer .header { height: 18px; padding: 2px 80px 2px 2px; margin: 0 2px 0 2px; }
div.messagecontainer .header .headertext { font-weight: bold; color: #FFFFFF; font-size: 10pt; margin: 0; }
div.messagecontainer .header .controls { position: absolute; right: 1px; top: 2px; }
div.messagecontainer ul { clear: right; padding: 0; margin: 0 0 2px 1px; list-style: none; }
div.messagecontainer ul li.listItem { margin: 1px 2px 1px 2px; border: 1px solid #FFFFFF; }
div.messagecontainer ul li.listItem .message { white-space: nowrap; }
div.messagecontainer .message .messagebox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 22px 2px 6px;
	margin-left: 20px;
	background-color: #4F4F4F;
	color: #EAEAEA;
}
div.messagecontainer .message .messagebox span.title { line-height: 22px; font-size: 10pt; font-weight: bold; white-space: nowrap; }
div.messagecontainer .messagebox span.title a { font-size: 10pt; color: #EAEAEA; white-space: nowrap; line-height: 22px; }
div.messagecontainer .messagebox span.body { line-height: 14px; font-size: 7pt; white-space: nowrap; }
div.messagecontainer .messagebox span.body a { color: #EAEAEA; line-height: 14px; font-size: 7pt; white-space: nowrap; }

/************************************************************/
/*					SCROLLBAR III STYLES					*/
/************************************************************/
div.scrollbar {
	position: relative;
	border: 1px #4F6FA8 solid;
	height: 56px;
	background-color: #DDDDDD;
	margin: 0 auto;
	line-height: 1em;
}
div.scrollbar .info { height: 14px; font-size: 10px; vertical-align:bottom; }
div.scrollbar .info .zoom {
	float: left;
	border: 0 #FF00FF solid;
	white-space:nowrap;
	height: 14px;
	line-height: 14px;
}
div.scrollbar .info .zoom .text {
	padding-left: 2px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
}
div.scrollbar .info .zoom .links { font-size: 10px; white-space: nowrap; }
div.scrollbar .info .zoom .links .link {
	padding-left: 3px;
	padding-right: 3px;
	line-height: 14px;
	vertical-align: top;
}
div.scrollbar .info .timeline {
	float: right;
	border: 0 #FF00FF solid;
	white-space:nowrap;
	height: 14px;
	font-size: 10px;
	vertical-align:bottom;
}
div.scrollbar .info .timeline .info_left {
	border: 0 black solid;
	padding-right: 5px;
	line-height: 12px;
	vertical-align: bottom;
	text-decoration: none;
}
div.scrollbar .info .timeline .info_sep1 {
	border: 0 black solid;
	padding-right: 5px;
	line-height: 14px;
	vertical-align: bottom;
}
div.scrollbar .info .timeline .info_right {
	border: 0 black solid;
	padding-right: 2px;
	line-height: 12px;
	vertical-align: bottom;
	text-decoration: none;
}
div.scrollbar .sublevel .bg { height: 27px; background: url(../images/general/bar/bg.png) repeat-x; }
div.scrollbar .sublevel .left {
	float: left;
	width: 17px;
	height: 27px;
	background-image: url(../images/general/bar/left.png);
	cursor: pointer;
}
div.scrollbar .sublevel .right {
	float: right;
	width: 17px;
	height: 27px;
	background-image: url(../images/general/bar/right.png);
	cursor: pointer;
}
div.scrollbar .overlevel {
	position:absolute;
	top: 14px;
	border: 0 green solid;
	height: 27px;
	left: 17px;
}
div.scrollbar .overlevel .bar {
	position:absolute;
	left: 74px;
	width: 140px;
	height: 25px;
	border: 1px black solid;
	z-index: 1;
	cursor: pointer;
}
div.scrollbar .overlevel .bar .icon {
	position: relative;
	height: 25px;
	background: url(../images/general/bar/bar_bg.png) repeat-x;
}
div.scrollbar .overlevel .bar .icon .center {
	background: url(../images/general/bar/bar_middle.png) no-repeat center;
	height: 25px;
}
div.scrollbar .overlevel .ghost {
	position: absolute;
	top: 0;
	left: 74px;
	height: 25px;
	width: 140px;
	line-height: 25px;
	border: 1px black solid;
}
div.scrollbar .overlevel .left_arr {
	position: absolute;
	top: 8px;
	left: 70px;
	width: 9px;
	height: 13px;
	background-image: url(../images/general/bar/left_arr.png);
	z-index: 99;
	cursor: e-resize;
}
div.scrollbar .overlevel .right_arr {
	position: absolute;
	top: 8px;
	left: 211px;
	width: 9px;
	height: 13px;
	background-image: url(../images/general/bar/right_arr.png);
	z-index: 99;
	cursor: e-resize;
}
div.scrollbar .subline { height: 14px; border: 0 blue solid;}
div.scrollbar .subline .nav_links {
	float: left;
	border: 0 black solid;
	padding-left: 2px;
	padding-right: 5px;
	line-height: 12px;
}
div.scrollbar .subline .nav_links .link {
	padding-left: 3px;
	padding-right: 3px;
	line-height: 10px;
	vertical-align: top;
}
div.scrollbar .subline .nav_links .text { line-height: 12px; vertical-align: top; color: #333333; }
div.scrollbar .subline .period { float: right; width: 60px; text-align: right; }
div.scrollbar .subline .period .period_state_begin { padding-left: 2px; line-height: 12px; color: #888888; }
div.scrollbar .subline .period .period_state_end { padding-right: 2px; line-height: 12px; color: #888888; }
div.scrollbar .subline .period .period_state { line-height: 12px; color: #888888; }
div.scrollbar .subline .info_period {
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 14px;
	vertical-align: bottom;
	color: #333333;
}

/************************************************************/
/*						SBOX STYLES							*/
/************************************************************/
div#selection_box {
	position: absolute;
	filter: alpha(opacity=40);
	opacity: .40;
	background-color: #0000FF;
	border: 1px black solid;
	width: 1px;
	height: 1px;
	z-index: 4;
	overflow: hidden;
}
div.box_on { position: absolute; z-index: 99; border: 0 red solid; }
span#period_span {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	position: absolute;
	top: 2px;
	right: 4px;
	text-decoration: none;
}

/* CSS Document */
div.calendar {
	position: absolute;
	width: 180px;
	top: 10px;
	right: 30px;
	border: 1px blue solid;
	z-index: 100;
}
div.calendardays { border: 1px orange solid; }
div.calendartime {
	background-color: #DDEEFF;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 42px;
}
div.calendar input[type="button"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #00888B;
	background: #AADDEE;
	cursor: pointer;
}
table.calendarhat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #DDEEFF;
	font-weight: bold;
}
table.calendarhat tr td { height: 18px; width: 22px; }
table.calendarhat tr td.long { text-align: center; width: 116px; overflow: hidden; }

/* Cells */
table.calendartab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-color: #EEEEEE;
	border-spacing: 1px;
}
table.calendartab tr.header td:hover { cursor:default; }
table.calendartab tr td { height: 18px; width: 22px; background-color: #FFFFFF; }
table.calendartab tr td:hover { cursor: pointer; }
table.calendartab tr td.holiday { background-color: #AADDEE; }
table.calendartab tr td.grey { color: #AFAFAF; }
table.calendartab tr td.selected { background-color: #008888; color: #eeeeee; }

/* Span */
div.calendar span.title { text-align: center; color: #000099; }
div.calendar span.clndr_left_arrow { padding-left: 5px; }
div.calendar span.clndr_left_arrow:hover { cursor: pointer; }
div.calendar span.clndr_right_arrow { padding-right: 5px; }
div.calendar span.clndr_right_arrow:hover { cursor: pointer; }

/* Input */
div.calendar input.calendar_textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 26px;
	height: 14px;
	vertical-align: middle;
}

/**************** POPUP MENU ***************/
/* default menu item */
.pum_o_item {
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #ECECFF;
	border: black 1px solid;
	margin: 0;
	overflow: hidden;
}
.pum_o_item:hover { cursor: pointer; text-decoration: underline; background-color: #FDFDFF; }
.pum_i_item { margin: 3px 0 0 8px; white-space: nowrap; overflow: hidden; }

/* menu menu item with submenu */
.pum_b_submenu {
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	background: #ECECFF;
	border: black 1px solid;
	margin: 0;
}
.pum_b_submenu:hover { cursor: pointer; text-decoration: none; background-color: #FDFDFF; }
.pum_o_submenu {
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	background: #ECECFF;
	border: black 1px solid;
	margin: 0;
}
.pum_o_submenu:hover { cursor:pointer; text-decoration: none; background-color: #FDFDFF; }
.pum_i_submenu { margin: 3px 0 0 8px; }

/* menu group header */
.pum_oheader {
	cursor: default;
	text-decoration: none;
	border: black 1px solid;
	background: #5c9ccc url(themes/originalblue/images/bg_h-hard_55.png) 50% 50% repeat-x;
	margin: 0;
}
.pum_oheader:hover { text-decoration: none; }
.pum_iheader { color: #FFFFFF; font-weight: bold; margin: 3px 0 0 8px; }

/**************** HINT BOX *****************/
#hint_box {
	top: 0;
	z-index: 100;
	position: absolute;
	background-color: #FFFFE0;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 15px;
	border: 1px solid black;
	border-left: none;
	border-top: none;
	visibility: hidden;
}

/************** COLOR PICKER ***************/
#color_picker {
	top: 0;
	z-index: 100;
	position: absolute;
	background-color: white;
	padding: 2px;
	line-height: 15px;
	border: 1px solid black;
}
#color_picker table tr td { margin: 0; padding: 2px; }
#color_picker a { text-decoration: none; padding: 0; margin: 0; }
/************ END OF COLOR PICKER ***********/

#zbx_search { padding-top: 1px; font-weight:bold; float:right; height: 18px; min-width: 228px; }
#zbx_search input[type=text] { margin-right: 0; vertical-align: top; padding: 0 2px; height: 16px; width: 160px;
	border-right: 0; border-color: #9DB2CD; }
#zbx_search input.button { margin: 0 3px 0 0; height: 18px; line-height: 17px; padding-top: 0; padding-bottom: 0; }
#search_wdgt { padding: 5px; }
#search_wdgt .widget { display: inline-block; }

div.suggest { position: absolute; border: 1px #5C7099 solid; width: 162px; z-index: 100; display: none; }

/**************** TRIGGER DISPLAYING FORM ***************/
div.trigger_displaying_form_col { width: 12em; zoom:1; *display: inline; }
