/* this text in utf-8 */

* {margin: 0px; padding: 0px; border: 0px; }  /*Сбрасываем некоторые важные параметры */
html, body, div {background-color: white; font-family: Arial;}

table {	
border-collapse: collapse;
border-spacing:0;
}

/* минимальная ширина страницы */
body{
	width: 500px;
	height: 500px;
}

/* настраиваем ссылки */
a:link {text-decoration: none} 
a:visited {text-decoration: none} 
a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
a{
	color: black;
}

/* div блокирующий экран */
#fullscreenblock{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: gray;
	filter: alpha(opacity=15);
	opacity: 0.15;	
	z-index: 30;
}

.hidden{
	display: none;
}

/*  Диалоговое окно подтверждения удаления заметки */
#delDialog{
	position: absolute;
	top: 200px;
	left: 10px;
	width: 270px;
	height: 120px;
	border: 1px solid gray;
	background-image: url('images/dialog/delete/dialogback.png');
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 40;
	cursor: default;
}
.dlgtitle{
	height: 12px;
	background-color: transparent;
}
.DTitle{
	font-size: 12px;
	color: black;
	background-color: transparent;
	width: 200px;
}
#closedeldlgbutton{	position: relative;	top: 1px; left: 37px; }
#delDPane{
	position: relative;
	top: 0px;
	left: 3px;
	height: 90px;
	width: 262px;
	background-color: #EEEEEE;
	border: 1px solid #33393B;
}
#delDlgText{
	font-size: 12px;
	color: #333333;	
	background-color: transparent;
}

/* Диалоговое окно редактирования заметки */
#editDialog{
	position: absolute;
	top: 200px;
	left: 10px;
	width: 306px;
	height: 400px;
	border: 1px solid gray;
	background-image: url('images/dialog/edit/dialogback2.png');
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 40;
	cursor: default;
}
#addETitle { background-color: transparent; }
#editETitle { background-color: transparent; }
#closeeditdlgbutton{ position: relative; top: 1px; left: 72px;}
#editDPane{
	position: relative;
	top: 0px;
	left: 3px;
	height: 373px;
	width: 297px;
	background-color: #EEEEEE;
	border: 1px solid #33393B;	
}
#editdlgtextbox{
	position: relative;
	top: 3px;
	width: 282px;
	height: 320px;
	max-width: 282px;
	max-height: 320px;
	border: 1px solid #7A8A99;
	/*overflow: auto;	/* настраиваем полосы прокрутки */
}
#editsavebutton{
	margin-top: 3px;
	margin-bottom: 3px;	
}
#editcanselbutton{
	margin-top: 3px;
	margin-bottom: 3px;
}

#infoDialog{
	position: absolute;
	top: 200px;
	left: 200px;
	width: 278px;
	height: 176px;
	border: 1px solid gray;
	background-image: url('images/dialog/info/dialogback3.png');
	background-repeat: repeat-x;
	background-position: left top;
	z-index: 40;
	cursor: default;
}
#infoDPane{
	position: relative;
	top: 0px;
	left: 3px;
	height: 149px;
	width: 270px;
	background-color: #EEEEEE;
	border: 1px solid #33393B;	
}
#infoDlgText{
	font-size: 12px;
	color: #333333;	
	background-color: transparent;
	line-height: 160%;
}
#closeinfodlgbutton{ position: relative; top: 1px; left: 45px;}
#iicon{ position: relative; top: -29px; }



/* TASK BAR */
/* основной контейнер панели */
#taskbar{
	background-image: url("images/desctop/taskbar/tbimage.png");
	background-repeat: repeat-x;
	background-position: top left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	min-width: 400px;
	cursor: default;
}
#taskbarright{ width: 300px; }
/* блок с иконкой заметок, отображаемой при сворачивании заметок */
#trayicoblock{
	width: 22px;
	height: 22px;
}

/*блоки в трее */
.trays{
	float: left;
	background-color: transparent;
}
/* блоки дата время */
#clock, #dateblock{
	position: relative;
	top: 3px;
	font-size: 16px;
	cursor: default;
}

/* меню из трея по иконке */
#popuptraymenu{
	position: absolute;
	top: 15px;
	width: 120px;
	font-size: 12px;
	background-color: white;
	border: 1px solid black;
	padding: 5px;
	z-index: 12;
	cursor: default;
}
#popupline{
	width: 100%;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.ptmpunkt{
	position: relative;
	background-color: transparent;
	border: none;
	width: 115px;
	cursor: default;	
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
}
.ptmpunktact{
	background-color: #3399FF;	
}

/*меню logo */
#logobuttonblock{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
	z-index: 15;
	cursor: default;
}
#logobutton{
	position: relative;
	top: 0px;
	left: 0px;
	background-color: transparent;
	z-index: 14;
}
#logomenu{
	position: relative;
	top: -15px;
	left: 0px;
	border: none;
	background-color: red;
	z-index: 13;	
	display: none;
}
/*стили для меню слева вверху */
.desctopmenubody{
	position: relative;
	border-top: 2px solid #7DA2CE;
	border-left: 2px solid #7DA2CE;
	border-right: 2px solid #7DA2CE;
	width: 268px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
}

.desctopmenubody a{
	text-decoration: none;
	color: black;
	cursor: default;
}

.desctopmenutop{
	width: 100%;
	height: 7px;
}

.desctopmenubuttonsel{
	position: relative;
	width: 252px;
	height: 32px;
	background-image: url('images/desctop/menu/bkgline.png');
	background-repeat: x-repeat;
	background-position: top left;
	border: 1px solid #7DA2CE;
	margin-left: 7px;
}

.desctopmenubutton{
	position: relative;
	width: 252px;
	height: 32px;
	background-color: transparent;
	border: 1px solid white;
	margin-left: 7px;
}

.desctopmenubottom{
	position: relative;
	width: 272px;
	height: 12px;
	background-image: url('images/desctop/menu/bottomline.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.desctopmenubuttontext{
	margin-top: 6px;
	margin-left: 8px;
	background-color: transparent;
}

#desctopbutton{
	position: absolute;
	top: 80px;
	left: 20px;
	background-color: transparent;
	width: 70px;
	height: 80px;
	font-size: 12px;
	text-align: center;
	cursor: default;
}
#desctopicon{ 
	position: relative; 
	top: 8px;
	background-color: transparent; 
}
.desctopiconact{
	background-image: url('images/desctop/zbutton/desctopiconact.png');
	background-repeat: no-repeat;
	background-position: left top;
}

/* всплывающая подсказка */
#traytooltip{
	display: none; 
	background-color: transparent;
	position: absolute;
	top: 20px;	/* координаты по умолчанию, а вообще регулируется скриптом при вызове события */
	left: 885px;
	z-index: 11;
	cursor: default;
}


/* ФОРМА ЗАМЕТКИ */
/* основной контейнер формы заметки */
.zForm{
	margin: 0px;
	padding: 0px;
	background-color: white;
	position: absolute; 	
	z-index: 5;
	cursor: default;
	clip : auto;
}


/* верхняя часть заметки (заголовок с меню) */
.topofform{
	height: 21px;
	margin: 0px;
	padding: 0px;
	background-color: #FAF08C;	
}

/* форма заметки (здесь содержится текст) */
.bodyform{
	height: auto;
	margin: 0px;
	padding: 7px;
	background-color: #FAF07D;	
	font-size: 14px;
	word-wrap: break-word;
}

/* для пиктограммы меню на заметке */
.picmenuform{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
}

/* для пиктограммы менюНастройки на заметке */
.picoptionsform{
	position: relative;
	float: left;
	top: 0px;
}

/* для пиктограммы скрыть всё на заметке */
.pichideallform{
	position: relative;
	float: left;
	top: 0px;
}

/*контейнер форм */
#zcontainer{
	z-index: 4;
	position: absolute;
	background-color: transparent;
}

/*меню форм */
.menuform{
	position: absolute;
	top: 200px;
	left: 40px;
	z-index: 11;
	background-color: transparent;
}
.menusel{
	width: 28px;
	height: 21px;
	background-image: url('images/zform/menu/menusel.png');
	margin-right: 30px;
}
.allMenuFormBlock{
	position: relative;
	background-color: white;
	border: 1px solid black;
}
.mfpunkt{
	position: relative;
	float: left;
	font-size: 12px;
	margin-right: 7px;
	cursor: default;
	background-color: transparent;
}
.mfpunktico{
	position: relative;
	margin-left: 6px;
	margin-right: 9px;
	float: left;	
}
.mfpunktact{
	background-color: transparent;
	background-image: url('images/zform/menu/menupktsel.png'); 
	background-position: left top;
    background-repeat: repeat-x;
}


/*  меню опции форм заметок */
#menuoptsel{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 28px;
	height: 21px;
	background-image: url('images/zform/menu/menusel.png');
}
.menuoptsel{
	width: 28px;
	height: 21px;
	background-image: url('images/zform/options/optionssel.png');
}
.mffpunktact{
	background-color: transparent;
	background-image: url('images/zform/options/font/fontktsel.png'); 
	background-position: left top;
    background-repeat: repeat-x;
}
.submenuform{
	position: absolute;
	top: 200px;
	left: 0px;
	z-index: 11;
	background-color: transparent;
}

#menuFontForm{
	height: 177px;
	width: 93px;
}

#menuColorForm{
	height: 282px;
	width: 140px;
}

#menuWidthForm{
	height: 162px;
	width: 71px;
}

.mffpunktline{ background-color: transparent; }
.mfopunktline{ background-color: transparent; }
.mfpunktline{ background-color: transparent; }

.mfwsize{
	padding: 3px 8px 2px 10px;
	
}