.menubackgr {
	background: #F1F3F5;
	border-bottom: 1px solid #cccccc;

}

table.menubar {
	width: 100%;
	
}

BODY {
  margin           : 0px 0px 0px 0px;
  background-color : #ffffff;
  color            : #000000;
  font: 13px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 13px;
  color            : #000000;
}

ul {
  margin           : 0px 0px 0px 0px;
}


/*
li {
  list-style-image : url('../images/arrow.gif');
  list-style-position:inside
}
*/

hr {
  background       : #C0C0C0;
  height           : 1px;
  width            : 100%;
}

/* ###################### UPPER BUTTON BAR ###################### */
a.buttonbar:link, a.buttonbar:visited {
  color            : #FFFFFF;
  font-weight      : bold;
  text-transform   : uppercase;
}

a.buttonbar:hover {
  color            : #0E5CAD;
  font-weight  : bold;
}

/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
#pathwayDiv {
  position         : absolute;
  width            : 550px;
  height           : 20px;
  top              : 12px;
  left             : 140px;
}

a.pathway:link, a.pathway:visited {
  color            : #285078;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #CC6600;
  font-weight      : normal;
}

/* ################### MAIN AND SUB MENU SYSTEM ################### */

.modules {
  background       : #F7F7F7;
  border           : 1px solid #C0C0C0;
}

.mainlevel {
  letter-spacing   : 2px;
  padding-left     : 20px;
  width            : 90%;
}

a.mainlevel:link, a.mainlevel:visited {
  color            : #285078;
  background       : url("../images/icon01.gif");
  background-repeat: no-repeat;
}

a.mainlevel:hover {
  color            : #CC6600;
  background       : url("../images/icon02.gif");
  background-repeat: no-repeat;
}

.sublevel {
  letter-spacing   : 2px;
  padding-left     : 7px;
}

table.solidborder1 {
  border-collapse	: collapse;
  border			: 1px solid #000000;
  background-color	: #FFFFFF;
}

table.solidborder1 td {
  border			: 1px solid #000000;
}

table.solidborder1 .padding_left {
  border		: 1px solid #000000;
  padding-left	: 5px;
  text-align	: left;
}

table.solidborder1 .padding_right {
  border		: 1px solid #000000;
  padding-right	: 5px;
  text-align	: right;
}

table.solidborder1 .left_right {
  border		: 1px solid #000000;
  padding-right	: 5px;
  padding-left	: 5px;
  text-align	: left;
}

table.solidborder1 th {
  border           : 1px solid #000000;
}

table.solidborder td {
  border           : 0;
  background-color : #FFFFFF;
}

table.liteblue td {
  border           : 0;
  background-color : #ccccff;
}

table.moduletable {
  padding: 5px 0px 5px 8px;
  margin-bottom: 15px;
  width: 100%;
  background: url(../images/bgr.png);
}

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  color            : #000000;
  text-align       : center;
  letter-spacing   : 2px;
  border-bottom    : 1px solid #AFD1F4;
}

table.moduletable td {
  font-size        : 10px;
  font-weight      : normal;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
  background-color : #AFD1F4;
  color            : #FFFFFF;
  height           : 20px;
  font-weight      : bold;
  letter-spacing   : 1px;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #CC6600;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #002850;
  text-decoration  : none;
  font-weight      : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  text-align       : justify;
  background       : #F7F7F7;
  border           : 1px solid #C0C0C0;
  padding          : 0px;
  margin-bottom    : 0px;
}

.contentpaneopen {
  text-align       : justify;
  background       : #F7F7F7;
  margin-bottom    : 10px;
}

.contentheading, .componentheading {
  font-size        : 13px;
  font-weight      : bold;
  color            : #000000;
  letter-spacing   : 2px;
  border-bottom    : 1px solid #AFD1F4;
  text-align       : left;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
/*.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 13px;
  color            : #000000;
  background       : #CCCCCC;
  border           : 2px outset #CCCCCC;
}*/

.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 13px;
  color            : #000000;
  background       : #cccccc;
  border           : 1px outset #000000;
  background       : url("image/button_fon.png");
  background-repeat: repeat-x;
}
.button:hover {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 13px;
  color            : #000066;
  background       : #cccccc;
  border           : 1px outset #000000;
  background       : url("image/button_fon_invert.png");
  background-repeat: repeat-x;
}

.inputbox {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 13px;
  color            : #000000;
  background       : #F7F7F7;
  border           : 1px solid #888888;
}

.inputbox_right {
  font-family	: Arial, Helvetica, sans-serif;
  font-size		: 13px;
  color			: #000000;
  background	: #ffffff;
  border		: 0px solid #cccccc;
  text-align	: right;
  padding-right	: 5px;
}

.inputbox_center {
  font-family	: Arial, Helvetica, sans-serif;
  font-size		: 13px;
  color			: #000000;
  background	: #ffffff;
  border		: 0px solid #cccccc;
  text-align	: center;
  padding-right	: 5px;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 13px;
  color            : #285078;
  text-decoration  : none;
  font-family      : Arial, Helvetica, sans-serif;
}

a:hover {
  color            : #000000;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  color            : #285078;
  font-weight      : bold;
  letter-spacing   : 1px;
}

a.category:hover {
  color            : #CC6600;
}

/* настройки панели меню */

.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
	font-family:	arial, verdana, sans-serif;
	font-size:	13px;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
	height: 25px;
}

.ThemeOfficeSubMenu
{
	position:	absolute;
	visibility:	hidden;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	border:		0;
	padding:	0;

	overflow:	visible;
	border:		1px solid #8C867B;

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}

.ThemeOfficeSubMenuTable
{
	overflow:	visible;
}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
}

.ThemeOfficeMainItem
{
	/*background-color:	#EFEBDE;*/
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
	background-color: #F3F6FA;
}

.ThemeOfficeMenuItem
{
	background-color:	#F1F3F5;
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
	background-color: #CCCCCC;
}


/* horizontal main menu */

.ThemeOfficeMainItem
{
	padding: 4px 1px 4px 1px;
	border: 0;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
	padding:	0px;
	border-right:	1px solid #4682B4;
	border-left:	1px solid #4682B4;
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
	background-color:	inherit;
}

/* vertical main menu sub components */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	2px;

	border-top:	1px solid #4682B4;
	border-bottom:	1px solid #4682B4;
	border-left:	1px solid #4682B4;

	background-color:	inherit;
}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	1px solid #4682B4;
	border-bottom:	1px solid #4682B4;

	background-color:	inherit;
	white-space:	nowrap;
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #4682B4;
	border-bottom:	1px solid #4682B4;
	border-right:	1px solid #4682B4;

	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;

	white-space:	nowrap;

	border:		0;
	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	1px;
	padding-right:	3px;

	border-top:	1px solid #4682B4;
	border-bottom:	1px solid #4682B4;
	border-left:	1px solid #4682B4;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	1px solid #4682B4;
	border-bottom:	1px solid #4682B4;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #4682B4;
	border-bottom:	1px solid #4682B4;
	border-right:	1px solid #4682B4;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	2px;
	padding-right:	3px;

	white-space:	nowrap;

	border: 	0px;
	background-color:	#DDE1E6;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0px;
	background-color:	inherit;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* menu splits */

.ThemeOfficeMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C6C3BD;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeOfficeMenuItem img.seq1
{
	display:	inline;
}

.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
	display:	inline;
}

.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
	display:	none;
}


/* inactive settings */
div.inactive td.ThemeOfficeMainItemHover, div.inactive td.ThemeOfficeMainItemActive
{
	border-top: 0px;
	border-right:	1px solid #f1f3f5;
	border-left:	1px solid #f1f3f5;
}

div.inactive .ThemeOfficeMainItem {
	color: #bbb;

}

div.inactive span.ThemeOfficeMainItemText {
	color: #aaa;
}

div.inactive .ThemeOfficeMainItemHover, div.inactive .ThemeOfficeMainItemActive
{
	background-color:	#f1f3f5;
}

h3
{
	color: blue; 
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	text-align: center;
}

table.calendar {
 border-collapse: collapse;
 border : 2px solid #0000FF;
}

table.calendar td {
 border : 1px solid #0000FF;
 height : 17px;
 width  : 17px;
 text-align : center;
}


/*tree template #####################################################################*/

.tree_header {
    width: 364px;
    height: 20px;
    background: #cccccc;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    font-size: 13px;
    text-align: center;
}

.Tree {
    overflow: scroll;
    width: 350px;
    border: 2px dotted #999999;
    padding: 0px 10px 10px 10px;
    margin: 0px 10px 10px 10px;
    background: #ffffff;
}

.Tree .Container {
    padding: 0;
    margin: 0;
}
/* indent for all tree children excepts root */
.Tree .Node {
    background-image : url('image/tree/i.gif');
    background-position : top left;
    background-repeat : repeat-y;
    margin-left: 0;
}
.Tree .Node .Node {
    margin-left: 18px;
}
/* left vertical line (grid) for all nodes */
.Tree .IsLast {
    background-image: url('image/tree/i_half.gif');
    background-repeat : no-repeat;
}
.Tree .ExpandOpen .Expand {
    background-image: url('image/tree/open.gif');
}
/* closed is higher priority than open */
.Tree .ExpandClosed .Expand {
    background-image: url('image/tree/closed.gif');
}
/* highest priority */
.Tree .ExpandLeaf .Expand {
    background-image: url('image/tree/expand_leaf.gif');
}
.Tree .Content {
    min-height: 18px;
    margin-left:18px;
}
* html .Tree .Content {
    height: 18px;
}
.Tree .Expand {
    width: 18px;
    height: 18px;
    float: left;
}
.Tree .ExpandOpen .Container {
        display: block;
}
.Tree .ExpandClosed .Container {
        display: none;
}
.Tree .ExpandOpen .Expand, .ExpandClosed .Expand {
        cursor: pointer;
}
.Tree .ExpandLeaf .Expand {
        cursor: auto;
}
/*tree template ###############################################################*/


img.icon {
	width: 16px;
	height: 16px;
	border: 0 none;
	vertical-align: bottom;
	margin-right: 10px;
}

div.login_fio {
	 position: fixed;
	 z-index: 2;
	 top: 26px;
	 right: 0px;
	 float: right;
	 text-align: right;
	 cursor: help;
	 height: 25px;
	 line-height: 25px;
	 padding: 0 10px;
	 background: #fff;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 0 7px 0 #888;
}