body {
/*    font-size: 8pt;*/
	font-family: serif;
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
	min-width: 770px;
	}

.page {
	margin: auto;
	padding: 0.5mm;
    background-color: #fff;
    width:expression(document.body.clientWidth < 770? "770px": "auto" );
}

.loading-indicator {
    position: absolute;
/*    left: 1px;
    top: 1px;*/
    background-color: #fff;
    color: #000;
    margin: 0.5mm;
    padding: 2mm 5mm;
    border: 1px solid #aaa;
}

/* -- colors -- */

:link {
	color: #133F8B;
	}

:visited {
	color: #725C98;
	}

h1, h2, h3, h4 {
    color: #117808;
	}


#header, #footer {
	color: #333;
    background-color: #A6A6A6;
	}

a.level_1{
    font-weight: bold;

    color: #fff;
    background-color: #888;
	border: 1px solid #888;
	}

a.level_1:link, a.level_1:visited {
    color: #fff;
}

.mm_item, .mm_grp, .mm_item:visited, .mm_grp:visited {
    color: #133F8B;
	}

.mm_div {
    padding: 0;
    margin: 0;
    }

.mm_sel, .mm_sel:visited {
	font-weight: bold;
	}


/*---------------- page title, header, footer ----------------*/

#title-back {
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-image: url(/img/header-back.jpg);
    background-color: #117808;
}

#title {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url(/img/header.jpg);

	height: 100px;
	width: 100%;
	margin: 0 0 1px 0 ;
	padding: 0;
    }

#title-text {
/*     border: 1px solid red; */
    width: 500px;
    text-align: center;
    padding: 10px 0 0 112px;
    margin: 0;
    color: #f9fe7a;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    line-height: 36px;
    }

#header, #footer {
	margin: 0;
	padding: 0.7mm 5mm 0.7mm 5mm;
	clear: both;
    border: none;
   }

#header :link, #footer :link {
    color: #fff;
	}

#header :visited, #footer :visited {
     color: #fff;
/* 	color: #fff; */
	}

#header {
	text-align: right;
	}

#footer {
    font-size: 95%;
    text-align: center;
    padding: 2mm;
    }

#header .item {
	background-repeat: no-repeat;
	background-position: 2mm 50%;

	padding: 0.7mm 2mm;
	margin: 0 3mm;
    text-decoration: none;
	}

#header .user-info {
    text-align: left;
    float: left;
}

#header .user-info .name {
    overflow: hidden;
    margin: 0 1mm;
    font-weight: bold;
}

#header .user-info .org {
    margin: 0 1mm;
    font-style: italic;
}

#header .login, #header .logout {
    padding: 0.7mm 2mm 0.7mm 9mm;
    margin: 0;
    background-color: #328e33;
    background-image: url(/img/login3.gif);
    }

#header .logout {
    background-color: #8e2121;
    }


/*---------------- page structure ----------------*/

#page_columns {
    font-size: 100%;
	width: 100% !important;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	margin: 0;
	padding: 0;
    clear: both;
	}

#page_column_menu {
	vertical-align: top;
	width: 62mm !important;
	margin: 0;
	padding: 0;
	}

#page_column_content {
	vertical-align: top;
	margin: 0;
	padding: 0;
	}

/*---------------- menu ----------------*/

#main_menu {
	margin: 4mm 2mm 2mm 1mm;
	padding: 1mm;
	}

#main_menu :link, #main_menu :visited {
    text-decoration: none;
    }

.mm_ul {
	list-style: none;
	list-style-image: none;
    padding: 1mm 0 2mm 3mm;
    margin: 0;
    }

.mm_li {
    padding: 0;
    margin: 0;
    }

ul.mm_level_1 {
    padding: 0;
    margin: 0;
    }

.mm_item, .mm_grp {
 	display: block;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 1px solid #fff;
    padding: 0.75mm 1mm 0.75mm 26px;
    background-image: url(/img/document_1.gif);
	}

.mm_item, .mm_grp{
    }

.mm_item:hover, .mm_grp:hover {
	border: 1px solid #a6a6a6;
	}

/*---------------- content ----------------*/

#content {
	margin: 0;
	padding: 2mm 5mm 5mm 5mm;
    }

h1 {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
    padding: 2mm 0 1mm 0;
    margin: 3mm 5mm 0 5mm;
/*  	border-bottom: 1px dotted #888; */
    border-bottom: 1px dashed #aaa;
	}

h2 {
	text-align: left;
	font-size: 125%;
	font-weight: bold;
    margin: 3mm 0 2mm 0;
	}

h3 {
	text-align: left;
	font-size: 115%;
	font-weight: bold;
	padding: 0.5mm;
	margin: 3mm 0 1mm 0;
	}

/*------------------- query result ----------------------*/

.res {
	clear: both;
	list-style: none;
	list-style-image: none;
	padding: 2mm 0 2mm 4mm;
 	margin: 0;
	}

.items {
	clear: both;
	list-style: none;
	list-style-image: none;
	margin: 1.2mm 0 1.2mm 6mm;
	padding: 0;
	}

.res .item {
	clear: both;
	padding: 1.3mm 1.3mm 1mm 3mm;
	margin: 1mm 0 1mm 0;
	}

.res li.doc-item {
	background-repeat: no-repeat;
	background-position: 0% 2mm;
    background-image: url(/img/doc_item.png);
    padding-left: 20px;
}

/*------------------- format ----------------------*/

.box {
    background-color: #e9e9e9;
    border: 1px solid #a6a6a6;
	}

div.align_center {
	text-align: center;
/*     border: 1px solid blue; */
	}

table.align_center {
    font: inherit;
	padding: 0;
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
/*     border: 1px solid green; */
	}

/*---------------- lref ----------------*/

.lref_list{
/*     color: #5a8; */
 	list-style: none;
	list-style-image: none;
    padding: 2mm 0 2mm 4mm;
    margin: 0;
	font-size: 95%;
	}

.lref_list li.lref{
/* 	display: inline; */
 	padding: 0.5mm;
    margin: 0;
	}


/*---------------- messages ----------------*/

.messages {
	margin: 0;
	padding: 2mm 4mm 2mm 4mm;
    background-color: #FAFFCF;
    border: 1px dashed #888;
    margin: 2mm 4mm 2mm 4mm;
	}

.messages .message{
	margin: 0;
	padding: 1mm 5mm 1mm 5mm;
	color: #bb0000;
	}

.messages .error{
    margin: 0;
    padding: 1mm 5mm 1mm 5mm;
    color: #bb0000;
    }
.messages .info{
    margin: 0;
    padding: 1mm 5mm 1mm 5mm;
    color: #00bb00;
    }

/*---------------- forms ----------------*/

input, select, textarea{
    font-size: 100%;
	font-family: serif;
	color: #000;
	}

.static-input {
    border: 1px solid #888;
    background-color: #fff;
    margin: 0.5mm 0;
/*    padding: 0.5mm;
    margin: 0.5mm;*/
}

input.btn {
	text-align: center;
	padding: 0.25mm 2mm 0.25mm 2mm;
	margin: 0;
	}

.form_cover {
	padding: 5mm 0 5mm 0;
	margin: 0;
    }

.form_body {
	padding: 0;
	margin: 0;
	border: 1px solid #888;
	background-color: #e9e9e9;
    width: 99%;
	}

.form_title {
	text-align: center;
	font-weight: bold;
	padding: 1mm 4mm 1mm 4mm;
	margin: 0;
	border: none;
	border-bottom: 1px solid #888;

	color: #fff;
	background-color: #888;
	}

.form_info {
	padding: 2mm 6mm 2mm 6mm;
	margin: 0;
	}

.form_msg {
    clear: both;
    padding: 2mm 6mm;
    margin: 1mm 0;
    background-color: #FAFFCF;
    border-top: 1px dotted #888;
    border-bottom: 1px dotted #888;
}

.form_msg .messages {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.form_items {
	text-align: center;
	vertical-align: middle;
 	padding: 2mm 0;
	margin: 0;
	}

.form_items table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
    width: 95%;
	}

.form_items td {
	padding: 0.5mm;
	}

/*.form_items .name {
	text-align: right;
	padding-right: 1mm;
    padding-left: 6mm;
	}

.form_items .value {
	text-align: left;
	padding-left: 1mm;
    padding-right: 6mm;
	}*/

.form_buttons {
	padding: 1mm 4mm 1mm 4mm;
 	text-align: center;
	border-top: 1px dotted #888;
	}

.form_buttons input {
	margin: 0 2mm 0 2mm;
	}

/*-----------------------------------------*/
table.res {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 3mm auto 3mm auto;
	padding: 0;
/* 	border-width: 0; */
    border: none;
	}

table.res th {
	border: 1px solid #a6a6a6;

	color: #fff;
	background-color:  #888;

	padding: 1mm 2mm 1mm 2mm;
	text-align: center;
	}

table.res td {
	border: 1px solid #a6a6a6;
	padding: 0.8mm;
	}

table.res td.grey {
	background-color: #e9e9e9;
	}

table.res td.nobdr {
	border: none;
/* 	font-size: 50%; */
	}

.sum {
	font-weight: bold;
	}

/*---------------- pager ----------------*/

.found {
	color: #777;
	text-align: right;
	font-style: italic;
	}

.pgr {
	color: #777;
	text-align: left;
	padding: 1.5mm 0mm 1.5mm 0mm;
	margin: 0;
/*     border: 1px solid red; */
	}

.pgr_title {
	margin-right: 2mm;
	}

.pgr_num, .pgr_sel {
	padding: 0 1mm 0 1mm;
	}

.pgr_sel {
	color: #fff;
	background-color: #888;
	border: 1px solid #888;
	}

.pgr_spiner {
    margin-left: 7mm;
    font-size: 95%;
    }

span.pgr_next, span.pgr_prev{
    color: #777;
    }

a.pgr_next, a.pgr_prev{
/*     color: #3e8264; */
    }

/*----------------- doc ------------------------*/

.title_info {
    padding: 0 2mm 3mm 2mm;
    font-size: 110%;
    border-bottom: 1px dashed #aaa;
}

.doc .info, .doc .info1, .doc .info2 {
    font-size: 90%;
    }

/*.item .info, .item .info1, .item .info2 {
	font-size: 95%;
	}*/

.doc .prop {
	padding-right: 3mm;
	}

.doc .name {
/*     color: #133F8B; */
    color: #335;
	padding: 0.4mm 0 0.4mm 0;
	}

.doc .issuer {color: #C00;}
.doc .type {color: #333; font-weight:bold; }
.doc .date {color: #1F8611;}
.doc .num {color: #7F4D0F; font-weight: bold;}
.doc .info2 {color: #444;}

/*-----------------------------------------*/

.pair_list {
    margin: 0 0 0 5mm;
    }

.pair_list .name {
    text-align: right;
    padding-right: 1mm;
    font-style: italic;
    }

.pair_list .value {
    padding-left: 1mm;
    font-style: italic;
    }

/*-----------------------------------------*/

/*.doc_info {
    background-color: #e9e9e9;
    border: 1px dashed #a6a6a6;
    padding: 2mm;
    }*/

/*.doc_info_name {
    font-size: 110%;
    font-weight: bold;
    }*/

.sub_title {
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}

.info_box {
    font-style: italic;
    margin: 1mm;
    padding: 1.5mm;
    border: 1px dashed #aaa;
    background-color: #eee;
}


/*-----------------------------------------*/
table.invis {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
/*     border: 1px solid red; */
}

table.invis td {
    margin: 0;
    padding: 0;
    border: none;
}

/*-----------------------------------------*/
.alert {
    color: #c55;
}

/*-----------------------------------------*/
.dyn_layer {
    position: absolute;
    top: 18%;
    left: 18%;
    right: 18%;
/*     bottom: 8%; */
/*     display: none; */
    visibility: hidden;
    border: 1mm solid #fff;
    margin: 0;
    padding: 0;
    background-color: #eee;
}

.dynlay_stub {
    color: #888;
    text-align: center;
    font-size: 150%;
    margin: 5%;
}


/*-----------------------------------------*/
.tab_bar {
    white-space: nowrap;
    margin: 0;
    padding: 1mm 4mm;
    height: auto;
    line-height: normal;
/*    line-height: 20mm;*/
/*     border: 1px solid blue; */
}

.tab_bar .tab_btn{
    font-size: 120%;
    border-color: #888;
    border-width: 1px;
    border-style: solid solid none solid;
    color: #436976;
    height: auto;
    margin-right: 0.5em;
    padding: 1mm 4mm;
    text-decoration: none;
    text-transform: lowercase;
/*     border: 1px solid red; */
}

.tab_bar .sel {
    background-color: #dee7ec;
    /*border: 2px solid #8cacbb;*/
    border-bottom: #dee7ec 1px solid;
    color: #436976;
}

#debuger {
    position: fixed;
    background-color: #aaa;
    width: 100%;
    z-index: 9999;
}

#debug, #debug-ajax, #debug-js {
    height: 400px;
    overflow: scroll;
/*     margin: 1mm; */
    border: 1px solid #999;
    border-top: 3px solid #999;
    font-size: 9pt;
    z-index: 9999;
}

#debug { background-color: #aae; }
#debug-ajax  { background-color: #aea; }
#debug-js { background-color: #eaa; }

#debug-panel {
    padding: 1mm;
    font-size: 8pt;
    z-index: 9999;
}

#debug-panel .show_debug {
    margin-right: 2mm;
    padding: 1mm;
    border: none;
    background-color: #aaa;
}

#debug-panel .show_debug:hover {
    background-color: #888;
}


#debug-panel .selected {
    background-color: #999;
}

#tooltip h3 {
    color: #444;
    font-size: 100%;
    font-weight: bold;
    padding: 0 0 1mm 0;
    margin: 0;
}

#tooltip ul {
    margin: 0 0 0 3mm;
    padding: 1mm 0 1mm 3mm;
}

@media print {

#debug-panel,
#debug,
#debug-ajax,
#debug-js,
#header,
#footer,
#title,
#page_column_menu,
.pgr,
.tool-bar,
.form_cover,
.form_body,
.actions
{
    display: none;
    visibility: hidden;
}


h1, h2, h3, h4 {
    color: #000;
    border: none;
    }

thead {
    display: table-header-group;
}

tfoot {
    display: table-footer-group;
}

tr {page-break-inside: avoid;}

}