/* CSS Document */
/*
** ZABBIX
** Copyright (C) 2000-2007 SIA Zabbix
**
** 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., 675 Mass Ave, Cambridge, MA 02139, USA.
**
*/

/************************************************************/
/*					SCROLLBAR STYLES						*/
/************************************************************/

div.scrollx{
	overflow:auto;
	height:18px;
}

div.scrolly{
	overflow:auto;
	width:20px;
}

div.sdi{
	position:absolute;
	right:	2px;
	top:	2px;
	width:	200px;
	height: 100px;
	border: red 1px solid;
	overflow:auto;
}

img.bar_arrow{
	display: none;
	position: relative;
	z-index: 10;
}

div#scroll{
	position:absolute;
/*	display:none; */
	height:17px;
}

img#scroll_calendar{
	position: absolute;
	top: -12px;
	left: 0px;	
}

img#scroll_calendar:hover{
	cursor: pointer;
}

div#scrolltableft{
	position:absolute;
	top: -15px;
	left: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
/*	background-color:#FFF; */
}

div#scrolltabright{
	position:absolute;
	top: -15px;
	right: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-weight:bold;
/*	background-color:#FFF; */
}

div#scrolltabright_flag {
	position:absolute;
	top: -15px;
	right: 160px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-weight:bold;
}

div#scroll_left{
	background-image: url(../images/general/bar/left.gif); 
	background-repeat:no-repeat; 
	width:17px; 
	height: 17px; 
	float: left;
}

div#scroll_left:hover{
	cursor:pointer;
}

div#scroll_right{
	background-image: url(../images/general/bar/right.gif); 
	background-repeat:no-repeat; 
	width:17px; 
	height: 17px; 
	float: left;
}

div#scroll_right:hover{
	cursor:pointer;
}

div#scroll_middle{
	background-image: url(../images/general/bar/bg.gif); 
	height: 17px; 
	float: left;
}

div#scroll_bar{
	position: absolute; 
	bottom: 0px; 
	left: 17px;
}

div#scroll_bar:hover{
	cursor:pointer;
}


div#arrow_l{
	position:absolute;
	bottom: 0px;
	display:none;
	background-image:url(../images/general/bar/arrow_l.gif); 
	background-repeat:no-repeat; 
	width: 12px; 
	height:17px;
}

div#arrow_l:hover{
	cursor:pointer;
}

div#arrow_r{
	position:absolute;
	bottom: 0px;
	display:none;
	background-image:url(../images/general/bar/arrow_r.gif); 
	background-repeat:no-repeat; 
	width: 12px; 
	height:17px;
}

div#arrow_r:hover{
	cursor:pointer;
}

div#bar_left{
	background-image: url(../images/general/bar/bar_left.gif); 
	background-repeat:no-repeat; 
	width:2px; 
	height: 17px; 
	float: left;
}

div#bar_bg_l{
	background-image: url(../images/general/bar/bar_bg.gif); 
	width:26px; 
	height: 17px; 
	float: left;
}

div#bar_middle{
	background-image: url(../images/general/bar/bar_middle.gif); 
	background-repeat:no-repeat; 
	width:8px; 
	height: 17px; 
	float: left;
}

div#bar_bg_r{
	background-image: url(../images/general/bar/bar_bg.gif); 
	width:26px; 
	height: 17px; 
	float: left;
}

div#bar_right{
	background-image: url(../images/general/bar/bar_right.gif); 
	background-repeat:no-repeat; 
	width:2px; 
	height: 17px; 
	float: left;
}


/************************************************************/
/*						GMENU STYLES						*/
/************************************************************/


img{
	border: 0px;
}

img#gmenu_day_up{
	position:absolute;
	text-align:center;
	top: 10px;
	left: 28px;
}
img#gmenu_day_up:hover{
	cursor:pointer;
}

img#gmenu_month_up{
	position:absolute;
	text-align:center;
	top: 10px;
	left: 100px;
}
img#gmenu_month_up:hover{
	cursor:pointer;
}


img#gmenu_year_up{
	position:absolute;
	text-align:center;
	top: 10px;
	left: 152px;
}
img#gmenu_year_up:hover{
	cursor:pointer;
}


img#gmenu_day_down{
	position:absolute;
	text-align:center;
	top: 23px;
	left: 28px;
}

img#gmenu_day_down:hover{
	cursor:pointer;
}

img#gmenu_month_down{
	position:absolute;
	text-align:center;
	top: 23px;
	left: 100px;
}
img#gmenu_month_down:hover{
	cursor:pointer;
}

img#gmenu_year_down{
	position:absolute;
	text-align:center;
	top: 23px;
	left: 152px;
}
img#gmenu_year_down:hover{
	cursor:pointer;
}

img#gmenu_hour_up{
	position:absolute;
	text-align:center;
	top: 10px;
	left: 196px;
}
img#gmenu_hour_up:hover{
	cursor:pointer;
}

img#gmenu_minute_up{
	position:absolute;
	text-align:center;
	top: 10px;
	left: 230px;
}
img#gmenu_minute_up:hover{
	cursor:pointer;
}

img#gmenu_hour_down{
	position:absolute;
	text-align:center;
	top: 23px;
	left: 196px;
}
img#gmenu_hour_down:hover{
	cursor:pointer;
}

img#gmenu_minute_down{
	position:absolute;
	text-align:center;
	top: 23px;
	left: 230px;
}
img#gmenu_minute_down:hover{
	cursor:pointer;
}

img#gmenu_period_v_up{
	position:absolute;
	text-align:center;
	top: 10px;
	left: 82px;
}
img#gmenu_period_v_up:hover{
	cursor:pointer;
}

img#gmenu_period_t_up{
	position:absolute;
	text-align:center;
	top: 10px;
	left: 154px;
}
img#gmenu_period_t_up:hover{
	cursor:pointer;
}

img#gmenu_period_v_down{
	position:absolute;
	text-align:center;
	top: 23px;
	left: 82px;
}
img#gmenu_period_v_down:hover{
	cursor:pointer;
}

img#gmenu_period_t_down{
	position:absolute;
	text-align:center;
	top: 23px;
	left: 154px;
}
img#gmenu_period_t_down:hover{
	cursor:pointer;
}

a#gmenu_load:link{
	position:absolute;
	border:#666666 1px solid;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	top: 50px;
	left: 175px;
	width: 72px;
}

a#gmenu_load:visited{
	position:absolute;
	border:#666666 1px solid;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	top: 50px;
	left: 175px;
	width: 72px;
}

a#gmenu_load:hover{
	position:absolute;
	border:#666666 1px solid;
	background-color:#CFCFCF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	top: 50px;
	left: 175px;
	width: 72px;
}

a#gmenu_load:active{
	position:absolute;
	border:#666666 1px solid;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	top: 50px;
	left: 175px;
	width: 72px;
}

a#gmenu_hide:link{
	position:absolute;
	border:#666666 1px solid;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	top: 72px;
	left: 175px;
	width: 72px;
}

a#gmenu_hide:visited{
	position:absolute;
	border:#666666 1px solid;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	top: 72px;
	left: 175px;
	width: 72px;
}

a#gmenu_hide:hover{
	position:absolute;
	border:#666666 1px solid;
	background-color:#CFCFCF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	top: 72px;
	left: 175px;
	width: 72px;
}

a#gmenu_hide:active{
	position:absolute;
	border:#666666 1px solid;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	top: 72px;
	left: 175px;
	width: 72px;
}

div#gmenu{
	position:absolute;
	background-color:#EFEFFF;
	border:#3333FF 1px solid;
	width: 254px;
	height: 94px;
}


div#gmenu_bsdate{
	position: absolute;
	border:1px #888888 dashed;
	top: 3px;
	left: 4px;
	height: 38px;
	width: 244px;
}

div#gmenu_period{
	position: absolute;
	border:1px #888888 dashed;
	top: 50px;
	left: 4px;
	height: 38px;
	width: 166px;
}

span#gmenu_day{
	position:absolute;
	text-align:center;;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:#666666 1px solid;
	top: 10px;
	left: 6px;
	width: 20px;
}

span#gmenu_month{
	position:absolute;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:#666666 1px solid;
	top: 10px;
	left: 38px;
	width: 60px;
}

span#gmenu_year{
	position:absolute;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:#666666 1px solid;
	top: 10px;
	left: 110px;
	width: 40px;
}

span#gmenu_hour{
	position:absolute;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:#666666 1px solid;
	top: 10px;
	left: 174px;
	width: 20px;
}

span#gmenu_minute{
	position:absolute;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:#666666 1px solid;
	top: 10px;
	left: 208px;
	width: 20px;
}

span#gmenu_period_desc{
	position:absolute;
	text-align:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#3F3F3F;
	top: 10px;
	left: 6px;
	width: 48px;
}

span#gmenu_period_value{
	position:absolute;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:#666666 1px solid;
	top: 10px;
	left: 52px;
	width: 28px;
}

span#gmenu_period_type{
	position:absolute;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border:#666666 1px solid;
	top: 10px;
	left: 100px;
	width: 52px;
}

/************************************************************/
/*						SBOX STYLES							*/
/************************************************************/

div#selection_box{
	position: absolute;
	
	-moz-opacity:.40;
	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;
/*	border: 1px red solid;
/*	background-color:#FF0000;*/
	z-index:2;
}

span#period_span{
	font-weight: bold; 
	font-size: 11px; 
	color: #FFFFFF; 
	position: absolute; 
	top: 2px; 
	right: 4px;
	text-decoration:none;
}